.bottom-menu-open {

    width: 100%;

    position: fixed;

    bottom: -2px;

    left: 0;

    z-index: 99999;

    display: flex;

    align-items: flex-end;

    justify-content: center

}



.bottom-menu-close {

    width: 100%;

    position: fixed;

    bottom: 24px;

    left: 0;

    z-index: 99999;

    display: flex;

    align-items: flex-end;

    justify-content: center

}



.bottom-menu-open__left {

    width: 25px;

    height: 25px;

    background-image: radial-gradient(circle at 0 0, rgba(204, 0, 0, 0) 24px, #18458b 25px)

}



.bottom-menu-open__container {

    width: 76px;

    height: 52px;

    padding-top: 20px;

    background-color: #18458b;

    border-top-left-radius: 30%;

    border-top-right-radius: 30%;

    border-top: solid #18458b 1px

}



.bottom-menu-open__right {

    width: 25px;

    height: 25px;

    background-image: radial-gradient(circle at 100% 0, rgba(204, 0, 0, 0) 24px, #18458b 25px)

}



.bottom-menu-open__icon {

    width: 30px;

    height: 20px;

    position: relative;

    margin: auto;

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

    -webkit-transition: .5s ease-in-out;

    -moz-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    cursor: pointer

}



.bottom-menu-open__icon span:nth-child(1) {

    top: 0

}



.bottom-menu-open__icon span:nth-child(2),

.bottom-menu-open__icon span:nth-child(3) {

    top: 6px

}



.bottom-menu-open__icon span:nth-child(4) {

    top: 12px

}



.bottom-menu-open__icon span {

    display: block;

    position: absolute;

    height: 3px;

    width: 100%;

    background: #fff;

    opacity: 1;

    left: 0;

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out

}



.ara {

    position: absolute;

    right: 40px;

    top: -30px;

    background: #a50d3e;

    border-radius: 50px;

    padding: 20px;

    border: solid 1px #000

}



.opclass {

    position: fixed;

    bottom: 0;

    z-index: 99999;

    background-color: #fff;

    width: 100%

}



.open-menu-class {

    background-color: #367ae8;

    position: relative

}



.close-button {

    position: absolute;

    padding: 5px;

    right: 50%;

    top: -16px;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 75px;

    background: #fbbc04;

    border-top-right-radius: 20px;

    border-top-left-radius: 20px;

    text-align: center;

    height: 60px

}



.close:hover {

    opacity: 1

}



.close:after,

.close:before {

    position: absolute;

    left: 15px;

    content: ' ';

    height: 33px;

    width: 2px;

    background-color: #fff

}



.close:before {

    transform: rotate(45deg)

}



.close:after {

    transform: rotate(-45deg)

}



.close {

    position: absolute;

    right: 23px;

    top: 12px;

    width: 32px;

    height: 32px

}



.open_menu_container ul {

    margin-bottom: 0;

    padding-left: 0;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    border-top: 2px solid #ff7a00

}



.open_menu_container ul li:nth-child(1) {

    background: #4078c0

}



.open_menu_container ul li:nth-child(2) {

    background: #25d366

}



.open_menu_container ul li:nth-child(3) {

    background: #eb541d

}



.open_menu_container ul li:last-child {

    background: #1da1f2

}



.open_menu_container ul li {

    list-style: none;

    color: #fff;

    text-align: center;

    width: 25%;

    height: 80px;

    font-size: 13px;

    padding: 10px 1px;

    position: relative

}



.open_menu_container ul li img {

    margin-bottom: .5em;

    width: 50%

}



.open_menu_container ul li p {

    margin-bottom: 0;

    color: #fff;

    line-height: 15px;

    font-size: 11px

}



.closemenu {

    position: absolute;

    right: 32px;

    top: 32px;

    width: 32px;

    height: 32px;

    opacity: .3

}



.closemenu:hover {

    opacity: 1

}



.closemenu:after,

.closemenu:before {

    position: absolute;

    left: 26px;

    content: ' ';

    height: 23px;

    width: 5px;

    background-color: #fff

}



.closemenu:before {

    transform: rotate(45deg)

}



.closemenu:after {

    transform: rotate(-45deg)

}



.ara {

    position: absolute;

    right: 40px;

    top: -30px;

    background: #a50d3e;

    border-radius: 50px;

    padding: 20px;

    border: solid 1px #000

}



.ara img {

    width: 30px

}



.bg-services {

    background-color: #f2f3f6

}



.bottom-menu-open {

    display: none

}



.form-bg {

    width: 100%;

    background-color: #367ae8;

    padding: 7px 15px;

    margin: 15px

}



.form-bg p {

    margin-bottom: 0;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    text-align: center

}



.bg-grey {

    background-color: #f5f5f5

}



.hotline-phone-ring-wrap {

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 999

}



.hotline-phone-ring {

    position: relative;

    visibility: visible;

    background-color: transparent;

    width: 110px;

    height: 110px;

    cursor: pointer;

    z-index: 11;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    transition: visibility .5s;

    left: 0;

    bottom: 0;

    display: block

}



.hotline-phone-ring-circle {

    width: 85px;

    height: 85px;

    top: 10px;

    left: 10px;

    position: absolute;

    background-color: transparent;

    border-radius: 100%;

    border: 2px solid #e60808;

    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;

    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    opacity: .5

}



.hotline-phone-ring-circle2 {

    width: 85px;

    height: 85px;

    top: 10px;

    left: 10px;

    position: absolute;

    background-color: transparent;

    border-radius: 100%;

    border: 2px solid #e60808;

    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;

    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    opacity: .5

}



.hotline-phone-ring-circle-fill {

    width: 55px;

    height: 55px;

    top: 25px;

    left: 25px;

    position: absolute;

    background-color: rgba(230, 8, 8, .7);

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;

    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%

}



.hotline-phone-ring-circle-fill2 {

    width: 55px;

    height: 55px;

    top: 25px;

    left: 25px;

    position: absolute;

    background-color: rgba(230, 8, 8, .7);

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;

    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%

}



.hotline-phone-ring-img-circle {

    background-color: #49d97f;

    width: 33px;

    height: 33px;

    top: 37px;

    left: 37px;

    position: absolute;

    background-size: 20px;

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    justify-content: center

}



.hotline-phone-ring-img-circle2 {

    background-color: #49d97f;

    width: 33px;

    height: 33px;

    top: 37px;

    left: 37px;

    position: absolute;

    background-size: 20px;

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    justify-content: center

}



.hotline-phone-ring-img-circle .pps-btn-img {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: 20px

}



.hotline-phone-ring-img-circle2 .pps-btn-img {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: 20px

}



.hotline-bar {

    position: absolute;

    background: rgba(230, 8, 8, .75);

    height: 40px;

    width: 220px;

    line-height: 40px;

    border-radius: 3px;

    padding: 0 10px;

    background-size: 100%;

    cursor: pointer;

    transition: all .8s;

    -webkit-transition: all .8s;

    z-index: 9;

    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .1);

    border-radius: 50px !important;

    left: 33px;

    bottom: 37px

}



@-webkit-keyframes phonering-alo-circle-anim {

    0% {

        -webkit-transform: rotate(0) scale(.5) skew(1deg);

        -webkit-opacity: .1

    }



    30% {

        -webkit-transform: rotate(0) scale(.7) skew(1deg);

        -webkit-opacity: .5

    }



    100% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

        -webkit-opacity: .1

    }

}



@-webkit-keyframes phonering-alo-circle-fill-anim {

    0% {

        -webkit-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .6

    }



    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

        opacity: .6

    }



    100% {

        -webkit-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .6

    }

}



@-webkit-keyframes phonering-alo-circle-img-anim {

    0% {

        -webkit-transform: rotate(0) scale(1) skew(1deg)

    }



    10% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)

    }



    20% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg)

    }



    30% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)

    }



    40% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg)

    }



    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg)

    }



    100% {

        -webkit-transform: rotate(0) scale(1) skew(1deg)

    }

}



@media (max-width:768px) {

    .hotline-bar {

        display: none

    }

}



.hotline-phone-ring-circle {

    border-color: #ff7a00

}



.hotline-phone-ring-circle2 {

    border-color: #25d366

}



.hotline-phone-ring-circle-fill,

.hotline-phone-ring-img-circle {

    background-color: #da6d12

}



.hotline-phone-ring-circle-fill2,

.hotline-phone-ring-img-circle2 {

    background-color: #25d366

}



.hotline-bar {

    background: rgb(255 122 0 / 83%)

}



.hotline-phone-ring-img-circle .pps-btn-img img {

    width: 20px;

    height: 20px

}



.hotline-bar>a {

    color: #fff;

    text-decoration: none;

    font-size: 15px;

    font-weight: 700;

    text-indent: 50px;

    display: block;

    letter-spacing: 1px;

    line-height: 40px;

    font-family: Arial

}



.hotline-bar>a:active,

.hotline-bar>a:hover {

    color: #fff

}



.icon-height {

    height: 20px;

    width: auto !important;

    display: inline-table !important;

    padding-right: 7px

}







    .bottom-menu-open {

        display: flex

    }



    .main-slider-section .slide .slide-container .slide-box {

        position: relative;

        left: 0;

        top: 0;

        width: 100%;

        display: table-cell;

        vertical-align: bottom

    }



    .services-page-section .services-block-two {

        margin-bottom: 30px;

        padding: 0 3px

    }



    .hidden-xs {

        display: none

    }



    .main-slider p {

        position: relative;

        color: #fff;

        font-size: 12px;

        padding-top: 3px;

        line-height: 14px;

        font-weight: 500

    }



    .logo img {

        height: 40px

    }



    .main-slider .btn-box {

        opacity: 0;

        margin-top: 5px

    }



    .main-slider .title {

        font-size: 12px;

        font-weight: 700;

        padding-top: 5px;

        margin-bottom: 0

    }



    .main-slider .title:before {

        display: none

    }



    .main-slider .slide .content {

        position: relative;

        padding: 7px 12px

    }



    .main-slider h1 {

        font-size: 18px;

        line-height: 22px;

        font-weight: 600

    }



    .main-slider h2 {

        font-size: 18px;

        line-height: 22px;

        font-weight: 600

    }



    .counter-section {

        position: relative;

        padding: 40px 0 30px;

        background-position: right top;

        background-size: cover;

        background-repeat: no-repeat;

        position: relative

    }



    .slogan-title span {

        font-size: 20px;

        line-height: 27px;

        color: #fff;

        margin-bottom: 25px;

        display: block;

        font-weight: 600

    }



    .counter-section .lower-box .text {

        position: relative;

        color: #fff;

        font-size: 15px

    }



    .counter-section .lower-box .text a {

        position: relative;

        color: #fff;

        margin-left: 7px;

        border: 1px solid #fff;

        padding: 5px 6px;

        border-radius: 5px;

        display: block;

        margin-top: 8px

    }



    .header-upper .logo-outer {

        position: relative;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        margin: 0

    }



    .main-header .header-top .top-left,

    .main-header .header-top .top-right {

        width: 100%

    }



    .main-slider-two h1 {

        font-size: 50px

    }



    .main-slider-two .text {

        font-size: 20px

    }



    .sec-title h2 {

        font-size: 30px

    }



    .main-menu {

        width: 100%;

        display: block

    }



    .main-menu .navbar-collapse {

        max-height: 300px;

        max-width: none;

        overflow: auto;

        float: none !important;

        width: 100% !important;

        padding: 0 0 0;

        border: none;

        margin: 0 0 15px;

        -ms-border-radius: 0;

        -moz-border-radius: 0;

        -webkit-border-radius: 0;

        -o-border-radius: 0;

        border-radius: 0;

        box-shadow: none

    }



    .main-menu .navbar-collapse.in {

        padding: 0 0 0;

        border: none;

        margin: 0 0 15px;

        -ms-border-radius: 0;

        -moz-border-radius: 0;

        -webkit-border-radius: 0;

        -o-border-radius: 0;

        border-radius: 0;

        box-shadow: none

    }



    .main-menu .navbar-header {

        position: relative;

        float: none;

        display: block;

        text-align: right;

        width: 100%;

        padding: 28px 0 10px;

        right: 0;

        z-index: 12

    }



    .main-menu .navbar-header .navbar-toggle {

        display: inline-block;

        z-index: 12;

        border: 1px solid #cc8809;

        float: none;

        margin: 0;

        border-radius: 0;

        background: #cc8809

    }



    .main-menu .navbar-header .navbar-toggle .icon-bar {

        background: #fff

    }



    .main-menu .navbar-collapse>.navigation {

        float: none !important;

        margin: 0 !important;

        width: 100% !important;

        background: #2c2c2c;

        border: 1px solid #fff;

        border-top: none

    }



    .main-menu .navbar-collapse>.navigation>li {

        margin: 0 !important;

        float: none !important;

        padding: 0 !important;

        width: 100%

    }



    .main-menu .navigation>li>a,

    .main-menu .navigation>li>ul:before {

        border: none

    }



    .main-menu .navbar-collapse>.navigation>li>a {

        padding: 10px 10px !important;

        border: none !important

    }



    .main-menu .navigation li.dropdown>a:after,

    .main-menu .navigation>li.dropdown>a:before,

    .main-menu .navigation>li>ul>li>a::before,

    .main-menu .navigation>li>ul>li>ul>li>a::before {

        color: #fff !important;

        right: 15px;

        font-size: 16px;

        border-top: 0 !important;

        display: none !important

    }



    .main-menu .navbar-collapse>.navigation>li>ul,

    .main-menu .navbar-collapse>.navigation>li>ul>li>ul {

        position: relative;

        border: none;

        float: none;

        visibility: visible;

        opacity: 1;

        display: none;

        margin: 0;

        left: auto !important;

        right: auto !important;

        top: auto !important;

        padding: 0;

        outline: 0;

        width: 100%;

        background: #2c2c2c;

        -webkit-border-radius: 0;

        -ms-border-radius: 0;

        -o-border-radius: 0;

        -moz-border-radius: 0;

        border-radius: 0;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

        transition: none !important;

        -webkit-transition: none !important;

        -ms-transition: none !important;

        -o-transition: none !important;

        -moz-transition: none !important

    }



    .main-menu .navbar-collapse>.navigation>li,

    .main-menu .navbar-collapse>.navigation>li>ul>li,

    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {

        border-top: 1px solid #fff !important;

        border-bottom: none;

        opacity: 1 !important;

        top: 0 !important;

        left: 0 !important;

        visibility: visible !important

    }



    .main-menu .navbar-collapse>.navigation>li:first-child {

        border: none

    }



    .main-menu .navbar-collapse>.navigation>li>a,

    .main-menu .navbar-collapse>.navigation>li>ul>li>a,

    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {

        padding: 5px 10px !important;

        line-height: 22px;

        color: #fff;

        background: #2c2c2c;

        text-align: left

    }



    .main-menu .navbar-collapse>.navigation>li>a:active,

    .main-menu .navbar-collapse>.navigation>li>a:focus,

    .main-menu .navbar-collapse>.navigation>li>a:hover {

        background: #cc8809

    }



    .main-menu .navbar-collapse>.navigation>li.current-menu-item>a,

    .main-menu .navbar-collapse>.navigation>li.current>a,

    .main-menu .navbar-collapse>.navigation>li:hover>a,

    .main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,

    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a {

        background: #2c2c2c;

        color: #fff !important

    }



    .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {

        display: block

    }



    .main-menu .navbar-collapse>.navigation li.dropdown:after,

    .main-menu .navigation>li>ul:before,

    .main-slider .owl-nav {

        display: none !important

    }



    .main-header .btn-outer {

        left: 0;

        top: 0;

        right: auto;

        margin-top: 15px;

        text-align: left;

        z-index: 12

    }



    .main-header .main-box .logo-box {

        float: none;

        text-align: center;

        padding-bottom: 10px

    }



    .main-header .info-box {

        padding-left: 0;

        text-align: center;

        width: 100%;

        margin-left: 0;

        margin-bottom: 20px

    }



    .main-header .info-box:last-child {

        margin-bottom: 0

    }



    .main-header .info-box .icon-box {

        position: relative;

        margin: 0 auto;

        margin-bottom: 15px

    }



    .main-header .main-box .outer-container {

        padding: 0

    }



    .main-header .header-lower .outer-box {

        position: absolute;

        z-index: 12;

        display: block

    }



    .main-menu .navbar-header .navbar-toggler {

        display: inline-block;

        z-index: 12;

        width: 28px;

        height: 28px;

        float: none;

        padding: 0;

        text-align: center;

        border-radius: 0;

        background: #c9cfd2

    }



    .main-menu .navbar-header .navbar-toggler .icon-bar {

        position: relative;

        background: #ff7a00;

        height: 2px;

        width: 26px;

        display: block;

        margin: 0 auto;

        margin: 5px 11px

    }



    .main-header .nav-outer {

        width: 100%;

        margin-top: -72px

    }



    .main-slider h3 {

        font-size: 20px

    }



    .main-slider .text br {

        display: none

    }



    .header-top .top-left .text {

        text-align: center;

        padding: 10px 0

    }



    .main-footer .footer-bottom,

    .main-footer .footer-bottom .copyright-column {

        text-align: center

    }



    .main-footer .footer-bottom {

        padding-bottom: 55px

    }



    .main-footer .footer-bottom .footer-nav {

        text-align: center;

        margin-top: 6px

    }



    .main-header .header-upper .button-box {

        position: absolute;

        left: 0;

        top: 0;

        z-index: 12;

        margin-left: 0;

        padding-top: 25px

    }



    .main-header .header-upper .outer-box,

    .main-slider-two .box-icons-one,

    .main-slider-two .box-icons-two,

    .main-slider-two h1 .arrow,

    .sec-title .text br {

        display: none

    }



    .page-title h2 {

        font-size: 34px

    }



    .services-single .inner-box .lower-content .two-column .list-style-two {

        margin-bottom: 40px

    }



    .main-slider-section .slide {

        height: 375px

    }



    .services-block .inner-box .text {

        margin: 0

    }



    .services-block .inner-box .upper-box .box-inner {

        padding: 0;

        min-height: 0;

        margin-bottom: 5px

    }



    .services-block .inner-box .upper-box .box-inner .icon-box {

        position: relative;

        display: block;

        left: 0;

        top: 0;

        margin: 0 0 15px

    }



    .services-block .inner-box .upper-box .box-inner .icon-box:before {

        display: none

    }



    .paroller {

        -webkit-transform: translate(0) !important;

        -ms-transform: translate(0) !important;

        transform: translate(0) !important

    }



    .sec-title h2 {

        -webkit-animation: none;

        -ms-animation: none;

        -moz-animation: none;

        animation: none

    }





@media only screen and (max-width:599px) {

    .services-single .inner-box .urunler-image .image-content .help {

        font-size: 11px;

        line-height: 14px

    }



    .desciptions-nedenbiz {

        width: 4.3rem;

        height: 5.3rem;

        margin-right: 1.5rem;

        float: left;

        background-size: cover !important;

        background-repeat: no-repeat !important;

        background-position: center center !important

    }



    .section-description p {

        font-size: 13px;

        line-height: 16px

    }



    .main-slider .theme-btn {

        margin-right: 10px

    }



    .fluid-section-one .image-column .image-content {

        padding: 30px 30px

    }



    .fluid-section-one .image-column .image-content .text {

        font-size: 24px

    }



    .main-slider h2 br,

    .sec-title h2 br,

    h1 br {

        display: none

    }



    .main-slider-two h1 {

        font-size: 34px

    }



    .main-slider .theme-btn {

        padding: 3px 7px;

        font-size: 12px;

        background-color: #367ae8

    }



    h1 {

        font-size: 34px

    }



    .sec-title h2 {

        font-size: 22px;

        line-height: 27px

    }



    .sec-title {

        position: relative;

        margin-bottom: 12px

    }



    .main-slider-two .text {

        font-size: 16px

    }



    .page-title .pull-right {

        width: 100%;

        display: block

    }



    .service-single-block .block-inner {

        padding-left: 0

    }



    .service-single-block .block-inner .icon-box {

        position: relative;

        display: inline-block;

        margin-bottom: 30px

    }

}



@media only screen and (max-width:575px) {

    .urundetay-img img {

        height: auto

    }



    .urundetay-bilgiler p {

        font-size: 11px !important;

        line-height: 15px !important

    }



    .urundetay-bg {

        margin-top: 15px

    }



    .services-single .inner-box .urunler-image .image-content .help {

        height: auto;

        margin-bottom: 10px

    }

}



@media only screen and (max-width:479px) {

    .services-block-two .inner-box {

        padding: 7px 5px

    }



    .accordion-box .block .acc-btn {

        padding-left: 20px

    }



    .fluid-section-one .content-column .inner-column {

        padding: 80px 20px;

        text-align: center

    }



    .fluid-section-one .content-column .inner-column .sec-title .title {

        padding-top: 0

    }



    .fluid-section-one .image-column .image-content {

        display: none

    }



    .services-single .inner-box .image .image-content {

        position: relative;

        margin: 0 0 0;

        bottom: 0;

        left: 0;

        width: 100%;

        padding: 20px;

        text-align: left;

        border: 3px solid #f36b2b

    }



    .sidebar-page-container .sidebar-side .sidebar {

        padding: 30px 0 30px

    }



    h1 {

        font-size: 28px

    }



    .sidebar .sidebar-widget {

        padding-left: 15px;

        padding-right: 15px

    }



    .main-slider .sidebar-nav li {

        margin: 0 5px

    }



    .main-slider-section .slide {

        height: 55vh;

        background-size: cover;

        background-position: center;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        text-align: left

    }

}



@media only screen and (max-width:375px) {

    .desciptions-nedenbiz {

        width: 4.3rem;

        height: 5.3rem;

        margin-right: 1.5rem;

        float: left;

        background-size: cover !important;

        background-repeat: no-repeat !important;

        background-position: center center !important

    }



    .section-description strong {

        font-size: 13px

    }

}



@media only screen and (max-width:335px) {

    .desciptions-nedenbiz {

        width: 4.3rem;

        height: 6.3rem;

        margin-right: 1.5rem;

        float: left;

        background-size: cover !important;

        background-repeat: no-repeat !important;

        background-position: center center !important

    }

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



@-webkit-keyframes bounce {



    0%,

    100%,

    20%,

    53%,

    80% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);

        animation-timing-function: cubic-bezier(.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }



    70% {

        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);

        animation-timing-function: cubic-bezier(.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



@keyframes bounce {



    0%,

    100%,

    20%,

    53%,

    80% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);

        animation-timing-function: cubic-bezier(.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }



    70% {

        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);

        animation-timing-function: cubic-bezier(.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



@-webkit-keyframes flash {



    0%,

    100%,

    50% {

        opacity: 1

    }



    25%,

    75% {

        opacity: 0

    }

}



@keyframes flash {



    0%,

    100%,

    50% {

        opacity: 1

    }



    25%,

    75% {

        opacity: 0

    }

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes pulse {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@-webkit-keyframes rubberBand {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }



    40% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }



    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }



    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }



    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes rubberBand {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }



    40% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }



    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }



    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }



    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@-webkit-keyframes shake {



    0%,

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }



    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

}



@keyframes shake {



    0%,

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }



    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }



    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }



    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }



    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }



    100% {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }



    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }



    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }



    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }



    100% {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



@-webkit-keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    10%,

    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

    }



    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

    }



    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes tada {

    0% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }



    10%,

    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

    }



    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

    }



    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

    }



    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@-webkit-keyframes wobble {

    0% {

        -webkit-transform: none;

        transform: none

    }



    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

    }



    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

    }



    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

    }



    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

    }



    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes wobble {

    0% {

        -webkit-transform: none;

        transform: none

    }



    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

    }



    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

    }



    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

    }



    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

    }



    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes jello {

    11.1% {

        -webkit-transform: none;

        transform: none

    }



    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg)

    }



    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg)

    }



    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg)

    }



    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg)

    }



    66.6% {

        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

        transform: skewX(-.78125deg) skewY(-.78125deg)

    }



    77.7% {

        -webkit-transform: skewX(.390625deg) skewY(.390625deg);

        transform: skewX(.390625deg) skewY(.390625deg)

    }



    88.8% {

        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

        transform: skewX(-.1953125deg) skewY(-.1953125deg)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes jello {

    11.1% {

        -webkit-transform: none;

        transform: none

    }



    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg)

    }



    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg)

    }



    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg)

    }



    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg)

    }



    66.6% {

        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

        transform: skewX(-.78125deg) skewY(-.78125deg)

    }



    77.7% {

        -webkit-transform: skewX(.390625deg) skewY(.390625deg);

        transform: skewX(.390625deg) skewY(.390625deg)

    }



    88.8% {

        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

        transform: skewX(-.1953125deg) skewY(-.1953125deg)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes bounceIn {



    0%,

    100%,

    20%,

    40%,

    60%,

    80% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes bounceIn {



    0%,

    100%,

    20%,

    40%,

    60%,

    80% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }



    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@-webkit-keyframes bounceInDown {



    0%,

    100%,

    60%,

    75%,

    90% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }



    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes bounceInDown {



    0%,

    100%,

    60%,

    75%,

    90% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }



    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes bounceInLeft {



    0%,

    100%,

    60%,

    75%,

    90% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }



    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }



    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes bounceInLeft {



    0%,

    100%,

    60%,

    75%,

    90% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }



    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }



    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes bounceInRight {



    0%,

    100%,

    60%,

    75%,

    90% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }



    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }



    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes bounceInRight {



    0%,

    100%,

    60%,

    75%,

    90% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }



    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }



    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }



    100% {

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes bounceInUp {



    0%,

    100%,

    60%,

    75%,

    90% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInUp {



    0%,

    100%,

    60%,

    75%,

    90% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)

    }



    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }



    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }



    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }



    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }



    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }



    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }



    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@-webkit-keyframes fadeIn {

    0% {

        opacity: 0

    }



    100% {

        opacity: 1

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0

    }



    100% {

        opacity: 1

    }

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        -ms-transform: translateY(-20px);

        transform: translateY(-20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }

}



@-webkit-keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-2000px);

        transform: translateY(-2000px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-2000px);

        -ms-transform: translateY(-2000px);

        transform: translateY(-2000px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        transform: translateX(-20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        -ms-transform: translateX(-20px);

        transform: translateX(-20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }

}



@-webkit-keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-2000px);

        transform: translateX(-2000px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-2000px);

        -ms-transform: translateX(-2000px);

        transform: translateX(-2000px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translateX(20px);

        transform: translateX(20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translateX(20px);

        -ms-transform: translateX(20px);

        transform: translateX(20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }

}



@-webkit-keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translateX(2000px);

        transform: translateX(2000px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translateX(2000px);

        -ms-transform: translateX(2000px);

        transform: translateX(2000px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }

}



@-webkit-keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translateY(2000px);

        transform: translateY(2000px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translateY(2000px);

        -ms-transform: translateY(2000px);

        transform: translateY(2000px)

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



@-webkit-keyframes fadeOutDown {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }

}



@keyframes fadeOutDown {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px)

    }

}



@-webkit-keyframes fadeOutDownBig {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(2000px);

        transform: translateY(2000px)

    }

}



@keyframes fadeOutDownBig {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(2000px);

        -ms-transform: translateY(2000px);

        transform: translateY(2000px)

    }

}



@-webkit-keyframes fadeOutLeft {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        transform: translateX(-20px)

    }

}



@keyframes fadeOutLeft {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        -ms-transform: translateX(-20px);

        transform: translateX(-20px)

    }

}



@-webkit-keyframes fadeOutLeftBig {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateX(-2000px);

        transform: translateX(-2000px)

    }

}



@keyframes fadeOutLeftBig {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateX(-2000px);

        -ms-transform: translateX(-2000px);

        transform: translateX(-2000px)

    }

}



@-webkit-keyframes fadeOutRight {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateX(20px);

        transform: translateX(20px)

    }

}



@keyframes fadeOutRight {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateX(20px);

        -ms-transform: translateX(20px);

        transform: translateX(20px)

    }

}



@-webkit-keyframes fadeOutRightBig {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateX(2000px);

        transform: translateX(2000px)

    }

}



@keyframes fadeOutRightBig {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateX(2000px);

        -ms-transform: translateX(2000px);

        transform: translateX(2000px)

    }

}



@-webkit-keyframes fadeOutUp {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px)

    }

}



@keyframes fadeOutUp {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        -ms-transform: translateY(-20px);

        transform: translateY(-20px)

    }

}



@-webkit-keyframes fadeOutUpBig {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(-2000px);

        transform: translateY(-2000px)

    }

}



@keyframes fadeOutUpBig {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(-2000px);

        -ms-transform: translateY(-2000px);

        transform: translateY(-2000px)

    }

}



@-webkit-keyframes flip {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }



    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }



    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

}



@keyframes flip {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }



    40% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }



    50% {

        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

        transform: perspective(400px) scale3d(.95, .95, .95);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

}



@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1

    }



    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1

    }



    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@-webkit-keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1

    }



    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }



    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }



    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1

    }



    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

    }



    100% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@-webkit-keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }



    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1

    }



    100% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



@keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }



    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1

    }



    100% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



@-webkit-keyframes flipOutY {

    0% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }



    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1

    }



    100% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0

    }

}



@keyframes flipOutY {

    0% {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }



    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1

    }



    100% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0

    }

}



@-webkit-keyframes lightSpeedIn {

    0% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }



    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1

    }



    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1

    }



    100% {

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes lightSpeedIn {

    0% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }



    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1

    }



    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg);

        opacity: 1

    }



    100% {

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@-webkit-keyframes lightSpeedOut {

    0% {

        opacity: 1

    }



    100% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



@keyframes lightSpeedOut {

    0% {

        opacity: 1

    }



    100% {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



@-webkit-keyframes rotateIn {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateIn {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@-webkit-keyframes rotateInDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@-webkit-keyframes rotateInDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@-webkit-keyframes rotateInUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@-webkit-keyframes rotateInUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@keyframes rotateInUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

}



@-webkit-keyframes rotateOut {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0

    }

}



@keyframes rotateOut {

    0% {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0

    }

}



@-webkit-keyframes rotateOutDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

}



@keyframes rotateOutDownLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

}



@-webkit-keyframes rotateOutDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@keyframes rotateOutDownRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@-webkit-keyframes rotateOutUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@keyframes rotateOutUpLeft {

    0% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@-webkit-keyframes rotateOutUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0

    }

}



@keyframes rotateOutUpRight {

    0% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }



    100% {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0

    }

}



@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }



    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }



    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1

    }



    100% {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }



    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }



    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1

    }



    100% {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



@-webkit-keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@keyframes rollIn {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

    }



    100% {

        opacity: 1;

        -webkit-transform: none;

        transform: none

    }

}



@-webkit-keyframes rollOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

    }

}



@keyframes rollOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

    }

}



@-webkit-keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    50% {

        opacity: 1

    }

}



@keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    50% {

        opacity: 1

    }

}



@-webkit-keyframes zoomInStable {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    33.333% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    66.666666% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes zoomInStable {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    33.333% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }



    66.666666% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@-webkit-keyframes zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInDown {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@-webkit-keyframes zoomInLeft {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInLeft {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@-webkit-keyframes zoomInRight {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInRight {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@-webkit-keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInUp {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@-webkit-keyframes zoomOut {

    0% {

        opacity: 1

    }



    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    100% {

        opacity: 0

    }

}



@keyframes zoomOut {

    0% {

        opacity: 1

    }



    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }



    100% {

        opacity: 0

    }

}



@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center

    }

}



@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center

    }

}



@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center

    }

}



@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center

    }

}



@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    100% {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@-webkit-keyframes slideInDown {

    0% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInDown {

    0% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown

}



@-webkit-keyframes slideInLeft {

    0% {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInLeft {

    0% {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft

}



@-webkit-keyframes slideInRight {

    0% {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInRight {

    0% {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@-webkit-keyframes slideInUp {

    0% {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInUp {

    0% {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible

    }



    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp

}



@-webkit-keyframes slideOutDown {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



@keyframes slideOutDown {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



.slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown

}



@-webkit-keyframes slideOutLeft {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



@keyframes slideOutLeft {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



.slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft

}



@-webkit-keyframes slideOutRight {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



@keyframes slideOutRight {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



@-webkit-keyframes slideOutUp {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



@keyframes slideOutUp {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }



    100% {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp

}



@keyframes anime {

    from {

        opacity: 0;

        transform: scaleY(0);

        -webkit-transform: scaleY(0);

        -moz-transform: scaleY(0);

        -ms-transform: scaleY(0);

        -o-transform: scaleY(0)

    }



    to {

        opacity: 1;

        transform: scaleY(1);

        -webkit-transform: scaleY(1);

        -ms-transform: scaleY(1);

        -o-transform: scaleY(1);

        -moz-transform: scaleY(1)

    }

}



@-webkit-keyframes anime {

    from {

        opacity: 0;

        transform: scaleY(0);

        -webkit-transform: scaleY(0);

        -moz-transform: scaleY(0);

        -ms-transform: scaleY(0);

        -o-transform: scaleY(0)

    }



    to {

        opacity: 1;

        transform: scaleY(1);

        -webkit-transform: scaleY(1);

        -ms-transform: scaleY(1);

        -o-transform: scaleY(1);

        -moz-transform: scaleY(1)

    }

}



@-moz-keyframes anime {

    from {

        opacity: 0;

        transform: scaleY(0);

        -webkit-transform: scaleY(0);

        -moz-transform: scaleY(0);

        -ms-transform: scaleY(0);

        -o-transform: scaleY(0)

    }



    to {

        opacity: 1;

        transform: scaleY(1);

        -webkit-transform: scaleY(1);

        -ms-transform: scaleY(1);

        -o-transform: scaleY(1);

        -moz-transform: scaleY(1)

    }

}



@-o-keyframes anime {

    from {

        opacity: 0;

        transform: scaleY(0);

        -webkit-transform: scaleY(0);

        -moz-transform: scaleY(0);

        -ms-transform: scaleY(0);

        -o-transform: scaleY(0)

    }



    to {

        opacity: 1;

        transform: scaleY(1);

        -webkit-transform: scaleY(1);

        -ms-transform: scaleY(1);

        -o-transform: scaleY(1);

        -moz-transform: scaleY(1)

    }

}



@-ms-keyframes anime {

    from {

        opacity: 0;

        transform: scaleY(0);

        -webkit-transform: scaleY(0);

        -moz-transform: scaleY(0);

        -ms-transform: scaleY(0);

        -o-transform: scaleY(0)

    }



    to {

        opacity: 1;

        transform: scaleY(1);

        -webkit-transform: scaleY(1);

        -ms-transform: scaleY(1);

        -o-transform: scaleY(1);

        -moz-transform: scaleY(1)

    }

}



.owl-carousel {

    display: none;

    width: 100%;

    -webkit-tap-highlight-color: transparent;

    position: relative;

    z-index: 1

}



.owl-carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y

}



.owl-carousel .owl-stage:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0

}



.owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    -webkit-transform: translate3d(0, 0, 0)

}



.owl-carousel .owl-item {

    position: relative;

    min-height: 1px;

    float: left;

    -webkit-backface-visibility: hidden;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none

}



.owl-carousel .owl-item img {

    display: block;

    width: 100%;

    -webkit-transform-style: preserve-3d

}



.owl-carousel .owl-dots.disabled,

.owl-carousel .owl-nav.disabled {

    display: none

}



.owl-carousel .owl-dot,

.owl-carousel .owl-nav .owl-next,

.owl-carousel .owl-nav .owl-prev {

    cursor: pointer;

    cursor: hand;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.owl-carousel.owl-loaded {

    display: block

}



.owl-carousel.owl-loading {

    opacity: 0;

    display: block

}



.owl-carousel.owl-hidden {

    opacity: 0

}



.owl-carousel.owl-refresh .owl-item {

    visibility: hidden

}



.owl-carousel.owl-drag .owl-item {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.owl-carousel.owl-grab {

    cursor: move;

    cursor: grab

}



.owl-carousel.owl-rtl {

    direction: rtl

}



.owl-carousel.owl-rtl .owl-item {

    float: right

}



.no-js .owl-carousel {

    display: block

}



.owl-carousel .animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.owl-carousel .owl-animated-in {

    z-index: 0

}



.owl-carousel .owl-animated-out {

    z-index: 1

}



.owl-carousel .fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



.owl-height {

    transition: height .5s ease-in-out

}



.owl-carousel .owl-item .owl-lazy {

    opacity: 0;

    transition: opacity .4s ease

}



.owl-carousel .owl-item img.owl-lazy {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.owl-carousel .owl-video-wrapper {

    position: relative;

    height: 100%;

    background: #000

}



.owl-carousel .owl-video-play-icon {

    position: absolute;

    height: 80px;

    width: 80px;

    left: 50%;

    top: 50%;

    margin-left: -40px;

    margin-top: -40px;

    background: url(owl.video.play.html) no-repeat;

    cursor: pointer;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    transition: -webkit-transform .1s ease;

    transition: transform .1s ease

}



.owl-carousel .owl-video-play-icon:hover {

    -webkit-transform: scale(1.3, 1.3);

    -ms-transform: scale(1.3, 1.3);

    transform: scale(1.3, 1.3)

}



.owl-carousel .owl-video-playing .owl-video-play-icon,

.owl-carousel .owl-video-playing .owl-video-tn {

    display: none

}



.owl-carousel .owl-video-tn {

    opacity: 0;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

    transition: opacity .4s ease

}



.owl-carousel .owl-video-frame {

    position: relative;

    z-index: 1;

    height: 100%;

    width: 100%

}



.urunler-detay {

    padding: 35px 0

}



.urundetay-img {

    border: 1px solid #efefef;

    text-align: center;

    border-radius: 8px

}



.urundetay-content h2 {

    text-transform: uppercase;

    text-align: left;

    border-bottom: 1px solid #e4e4e4;

    padding: 10px 0;

    color: #464545;

    position: relative;

    font-size: 17px;

    font-weight: 600;

    margin-bottom: 25px

}



.urundetay-content h2:after {

    border-bottom: 3px solid #0084d7;

    width: 50px;

    height: 1px;

    position: absolute;

    content: "";

    left: 0;

    bottom: -2px

}



.urundetay-ozet h1 {

    text-align: left;

    border-bottom: 1px solid #e4e4e4;

    padding: 10px 0;

    color: #464545;

    position: relative;

    font-size: 17px;

    margin-bottom: 10px

}



.urundetay-ozet span {

    font-size: 12px;

    line-height: 20px;

    color: #2a2a2a;

    font-weight: 600;

    margin-bottom: 15px

}



.urundetay-ozet span strong {

    font-weight: 600

}



.urundetay-ozet h1:after {

    border-bottom: 3px solid #0084d7;

    width: 50px;

    height: 1px;

    position: absolute;

    content: "";

    left: 0;

    bottom: -2px

}



.urundetay-content h4 {

    text-align: left;

    border-bottom: 1px solid #e4e4e4;

    padding: 10px 0;

    color: #464545;

    position: relative;

    font-size: 17px;

    margin-bottom: 25px

}



.urundetay-content h4:after {

    border-bottom: 3px solid #0084d7;

    width: 50px;

    height: 1px;

    position: absolute;

    content: "";

    left: 0;

    bottom: -2px

}



.urundetay-content p {

    font-size: 13px;

    margin-bottom: 7px

}



.pevluke {

    width: 100% !important;

    font-size: 13px;

    margin-top: 5px !important;

    margin-bottom: 3px !important

}



.pevluke td {

    width: 100% !important;

    font-size: 13px;

    min-width: auto !important

}



.urun-h1 {

    font-size: 19px !important;

    line-height: 23px !important

}



.menu-padding {

    padding: 2px 7px !important

}



.urundetay-ozet h1 {

    font-size: 15px;

    line-height: 20px;

    color: #2a2a2a;

    font-weight: 600

}



.urundetay-content {

    background-color: #fdfdfd;

    padding: 7px 15px;

    border: solid 1px #e5e5e5;

    border-radius: 8px

}



.urundetay-img img {

    width: 100%;

    -webkit-transition: none;

    -o-transition: none;

    transition: none;

    object-fit: contain;

    height: 350px;

    border: 1px solid #f2f2f2;

    padding: 15px;

    border-radius: 7px

}



.urundetay-bilgiler {

    position: relative;

    text-align: center

}



.urundetay-bilgiler img {

    height: 50px;

    margin-bottom: 10px;

    text-align: center

}



.urundetay-bilgiler p {

    text-align: center;

    font-weight: 600;

    font-size: 13px;

    line-height: 16px;

    margin-bottom: 0

}



.location-right {

    padding: 20px 0;

    border-top: 1px solid #ededed;

    border-bottom: 1px solid #ededed;

    margin-top: 15px

}



.location-right .item:not(:last-child) {

    border-right: 1px solid #eee

}



.payment-logo p {

    font-size: 12px;

    line-height: 16px;

    margin-top: 5px;

    font-weight: 500;

    text-align: center

}



.product-price {

    width: 100%;

    padding: 0;

    display: inline-block;

    margin-top: 15px;

    padding-top: 20px;

    border-top: 1px solid #ededed

}



.product-price--big .discounted-price {

    font-size: 32px;

    font-weight: 700;

    line-height: 45px;

    color: #3a9943

}



.product-price .price span:first-child {

    font-size: 41px !important;

    margin-right: 0;

    color: #333 !important;

    font-weight: 600 !important

}



.product-price .price span:first-child {

    display: inline-block;

    vertical-align: middle;

    font-size: 28px;

    margin-right: -5px;

    color: #ed2c7a

}



.product-price .price span {

    display: inline-block;

    vertical-align: middle

}



.product-price .price span small {

    color: #333 !important

}



.product-price .price span small {

    color: #ed2c7a;

    display: block;

    font-size: 14px;

    letter-spacing: -1px;

    line-height: 14px;

    position: relative;

    top: 1px

}



.product-price .price small:last-child {

    bottom: 0;

    top: auto

}



.product-price .price span small:last-child {

    padding-top: 2px;

    font-size: 12px;

    line-height: 14px;

    letter-spacing: .05px

}



.product-price .price span small {

    color: #333 !important

}



table {

    width: 100% !important;

    margin: 25px 0 !important

}



table p {

    margin: 0 !important;

    font-weight: 500

}



table p strong font {

    font-family: Poppins, sans-serif;

    font-weight: 500

}



table tr td {

    background-color: #f9f9f9 !important

}



.product-price2 {

    width: 175px;

    padding: 0;

    display: inline-block;

    position: absolute;

    border-top-right-radius: 12px;

    margin-top: 0;

    border-bottom-right-radius: 12px;

    background-color: rgb(67 76 129 / 75%);

    padding: 10px 7px;

    top: 0;

    margin-bottom: 12px

}



.product-price--big2 .discounted-price2 {

    font-size: 32px;

    font-weight: 700;

    line-height: 45px;

    color: #3a9943

}



.product-price2 .price2 span:first-child {

    font-size: 27px !important;

    margin-right: 0;

    color: #fff !important;

    font-weight: 600 !important

}



.product-price2 .price2 span:first-child {

    display: inline-block;

    vertical-align: middle;

    font-size: 28px;

    margin-right: -5px;

    color: #fff

}



.product-price2 .price2 span {

    display: inline-block;

    vertical-align: middle

}



.product-price2 .price2 span small {

    color: #fff !important

}



.product-price2 .price2 span small {

    color: #ed2c7a;

    display: block;

    font-size: 12px;

    letter-spacing: -1px;

    line-height: 11px;

    position: relative;

    padding-left: 5px;

    top: 1px

}



.product-price2 .price2 small:last-child {

    bottom: 0;

    top: auto

}



.product-price2 .price2 span small:last-child {

    padding-top: 2px;

    font-size: 12px;

    line-height: 14px;

    letter-spacing: .05px

}



.product-price2 .price2 span small {

    color: #fff !important

}



.urundetay-ozet span.detayspan {

    background-color: #f2f3f6;

    padding: 7px 7px;

    margin-bottom: 3px;

    display: block

}



@media (max-width:992px) {

    .services-single .inner-box .lower-content h1 {

        font-size: 28px !important;

        line-height: 34px !important

    }



    .hotline-phone-ring-wrap2 {

        display: none

    }

}



@media (max-width:991px) {

    .hotline-phone-ring-wrap2 {

        display: inherit;

        position: fixed;

        bottom: 0;

        right: -17px;

        z-index: 999

    }

}



@media (min-width:992px) {

    .hotline-phone-ring-wrap2 {

        display: none

    }

}

@media (min-width: 700px){

.bottom-menu-open {

    display: none;}

}

#customers {

    font-family: Arial, Helvetica, sans-serif;

    border-collapse: collapse;

    width: 100%

}



#customers td,

#customers th {

    border: 1px solid #ddd;

    padding: 8px

}



#customers tr:nth-child(even) {

    background-color: #f2f2f2

}



#customers tr:hover {

    background-color: #ddd

}



#customers th {

    padding-top: 12px;

    padding-bottom: 12px;

    text-align: left;

    background-color: #f36b2b;

    color: #fff

}



#customers th p {

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    text-align: center;

    line-height: 25px

}



.popup-overlay {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    rigth: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .5);

    width: 100%;

    height: 100%;

    text-align: center;

    padding: 1rem;

    align-items: center;

    justify-content: center;

    z-index: 9999999

}



.popup-overlay .popup {

    display: inline-block;

    max-width: 500px;

    min-height: 210px;

    background-color: #fff;

    border-radius: 5px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center

}



.bilgi-cookie {

    padding: 0;

    position: relative

}



.bilgi-cookie a.closepopup {

    position: absolute;

    top: -39px;

    right: 0;

    background-color: #f36b2b;

    color: #fff;

    border-radius: 0;

    font-size: 35px;

    padding: 5px 15px 5px 15px

}



.popup-icerik {

    padding: 35px 15px;

    position: relative

}



.popup-icerik h3 {

    font-size: 23px;

    line-height: 29px;

    color: #2a2a2a;

    margin-bottom: 15px

}



.popup-icerik p {

    font-size: 13px;

    line-height: 17px;

    color: #2a2a2a

}



.popup-icerik a.btnpopup {

    font-size: 13px;

    line-height: 17px;

    color: #fff;

    padding: 5px 10px;

    border-radius: 5px;

    background-color: #298fc3;

    margin-top: 15px

}



.checkbox-form {

    position: relative

}



.checkbox-form table {

    margin-top: 5px !important;

    margin-bottom: 0

}



.checkbox-form table tr td {

    background-color: #f3f6fa !important

}



.checkbox-form table tr td label {

    margin-left: 7px;

    margin-bottom: 0;

    font-weight: 400 !important;

    color: #2a2a2a

}



.contact-form label {

    color: #f36b2b;

    font-weight: 600

}



.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px

}



.pagination>li {

    display: inline

}



.pagination>li:first-child>a,

.pagination>li:first-child>span {

    margin-left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px

}



.pagination>li>a,

.pagination>li>span {

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    color: #337ab7;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #ddd

}



.pagination>li:last-child>a,

.pagination>li:last-child>span {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px

}



.services-single .inner-box .lower-content h1 {

    font-size: 35px;

    line-height: 42px;

    font-weight: 600;

    border-bottom: 1px dotted rgba(0, 0, 0, .2);

    color: #073558;

    margin-bottom: 7px;

    padding-bottom: 10px

}