.heading .heading-line .long-line,.heading .heading-line .short-line{
    display:inline-block;
    height:3px;
    border-radius:10px;
    position:relative;
    transition:all .4s linear
}
.heading{
    position:relative;
    z-index:5
}
.heading .heading-title{
    font-weight:400;
    line-height:1.3;
    margin-bottom:20px
}
.heading .heading-title.no-margin{
    margin:0
}
.heading .heading-line{
    margin-bottom:20px;
    position:relative
}
.heading .heading-line .short-line{
    width:30px;
    background-color:#109ad7;
    margin-right:10px
}
.heading .heading-line .short-line.bg-yellow-color{
    background-color:#fcd846
}
.heading .heading-line .long-line{
    width:100px;
    background-color:#109ad7
}
.heading .heading-line .long-line.bg-yellow-color{
    background-color:#fcd846
}
.heading .heading-subtitle{
    margin-bottom:15px
}
.heading p{
    margin-bottom:30px
}
.heading .heading-text{
    font-size:24px;
    line-height:30px
}
@media (max-width:980px){
    .heading .heading-text{
        font-size:20px
    }
}
@media (max-width:570px){
    .heading .heading-text{
        font-size:16px
    }
}
.heading .read-more{
    font-size:18px;
    color:#ccc;
    padding:5px 0 0 30px;
    border-left:1px solid #f0f2f2;
    margin:15px 0 0 30px;
    display:block;
    float:left
}
.header nav .menu .menu-item:hover>a,.header nav .menu .menu-item:hover>a+i,.heading .read-more:hover{
    color:#109ad7
}
.heading .read-more i{
    margin-left:10px;
    font-size:12px
}
.heading:hover .heading-line .short-line{
    width:0;
    animation:move-short 1.5s infinite linear
}
@keyframes move-short{
    100%{
        width:140px;
        margin-right:0
    }
}
.heading:hover .heading-line .long-line{
    width:130px;
    animation:move 1.5s infinite linear
}
@keyframes move{
    100%{
        width:0
    }
}
.header{
    padding:30px 0 0;
    background:#fff;
    position:fixed;
    width:100%;
    z-index:20;
    left:0;
    top:0;
    transition:all .3s ease
}
.header .logo{
    margin-bottom:0;
    margin-right:82px;
    float:left;
    margin-top:-10px
}
@media (max-width:768px){
    .header{
        position:relative
    }
    .header .logo{
        float:left;
        margin-right:50px
    }
}
@media (max-width:480px){
    .header .logo{
        float:none;
        margin:0 auto 25px
    }
}
.header.header-absolute{
    position:absolute;
    top:30px;
    left:0
}
.header.absolute{
    position:absolute
}
.header nav{
    float:right;
    padding:14px 0
}
.header nav .menu{
    display:inline-block
}
.header nav .menu .menu-item{
    display:inline-block;
    padding:0 13px;
    position:relative
}
.header nav .menu .menu-item:first-child{
    padding-left:0
}
.header nav .menu .menu-item.mega-menu-item{
    position:static
}
.header nav .menu .menu-item:hover>a:after,.header nav .menu .menu-item:hover>a:before{
    opacity:1
}
.header nav .menu .menu-item>a{
    position:relative;
    font-size:17px;
    text-transform:capitalize;
    font-weight:500;
    transition:all .3s ease;
    margin-right:3px
}
.header nav .menu .menu-item>a:after,.header nav .menu .menu-item>a:before{
    content:'';
    display:block;
    height:2px;
    background-color:#109ad7;
    position:absolute;
    bottom:-10px;
    opacity:0;
    transition:all .3s ease
}
.header nav .menu .menu-item>a:after{
    width:15%;
    left:0
}
.header nav .menu .menu-item>a:before{
    width:80%;
    right:0
}
.header nav .menu .menu-item i{
    font-size:10px;
    color:#e1e1e1;
    transition:all .3s ease
}
@media (max-width:768px){
    .header nav.not-nav-add{
        padding-right:100px
    }
}
.header .header-content-wrapper{
    position:relative;
    float:left;
    width:100%
}
.header.headroom--not-top{
    padding-top:10px;
    transition:all .3s ease;
    box-shadow:9px 9px 9px 0 rgba(47,44,44,.2)
}
.header.headroom--not-top .primary-menu-menu>li{
    margin:0 13px
}
.header.headroom--not-top .user-menu{
    transform:scale(0);
    transition:all .3s ease
}
.header-spacer{
    position:relative;
    width:100%;
    height:103px;
    background:#fff
}
@media (max-width:480px){
    .header nav.not-nav-add{
        padding-right:0
    }
    .header-spacer{
        display:none
    }
}
.nav-add{
    float:right;
    padding:14px 0;
    margin:0
}
@media (max-width:980px){
    .nav-add{
        float:left
    }
}
@media (max-width:768px){
    .nav-add{
        position:absolute;
        right:15px;
        padding:0
    }
}
.nav-add li{
    display:inline-block
}
.nav-add li.cart{
    position:relative
}
.nav-add li.cart .cart-count{
    display:block;
    position:absolute;
    left:-6px;
    top:4px;
    width:16px;
    height:16px;
    line-height:14px;
    font-size:10px;
    color:#fff;
    text-align:center;
    border:1px solid transparent;
    border-radius:50%;
    background-color:#109ad7
}
.logo,.nav-add li.search{
    position:relative
}
.nav-add li.cart i{
    font-size:28px;
    color:#2f2c2c
}
.nav-add li.search i{
    margin-left:10px;
    transition:all .3s ease;
    font-size:26px;
    color:#e1e1e1;
    position:relative
}
.nav-add li.search i:hover{
    color:#109ad7
}
.nav-add li.search .popup-search .search-btn i:hover{
    color:#f15b26
}
.logo{
    margin-bottom:20px;
    overflow:hidden
}
@media (max-width:768px){
    .logo{
        float:none;
        margin-right:0;
        overflow:hidden;
        display:flex;
        align-items:center;
        justify-content:center
    }
}
.logo img{
    float:left;
    margin-right:15px
}
.logo .logo-text{
    float:left;
    margin-top:10px;
    line-height:1
}
.logo .logo-text .logo-title{
    font-size:27px;
    text-transform:uppercase;
    color:#2f2c2c
}
.logo .logo-text .logo-sub-title{
    font-size:10px;
    text-transform:uppercase
}
.user-menu{
    position:absolute;
    right:30px;
    bottom:-40px;
    width:60px;
    height:60px;
    border:3px solid #2f2c2c;
    border-radius:50%;
    transition:all .3s ease;
    transform:scale(1)
}
@media (max-width:768px){
    .user-menu{
        bottom:-27px;
        width:50px;
        height:50px
    }
    .header-spacer{
        height:0
    }
}
@media (max-width:570px){
    .user-menu{
        display:none
    }
}
.user-menu .user-menu-content{
    display:table-cell;
    vertical-align:middle;
    width:54px;
    height:54px;
    background-color:#109ad7;
    border:4px solid #fff;
    border-radius:50%;
    position:relative
}
@media (max-width:768px){
    .user-menu .user-menu-content{
        width:44px;
        height:44px;
        border-width:2px
    }
}
.user-menu .user-menu-content span{
    display:block;
    height:3px;
    background:#fff;
    transition:all .3s ease;
    border-radius:10px;
    margin:3px auto
}
.user-menu .user-menu-content span:first-of-type{
    width:25%
}
.user-menu .user-menu-content span:nth-child(2){
    width:50%
}
.user-menu .user-menu-content span:last-of-type{
    width:40%
}
.user-menu .user-menu-content:hover span{
    width:70%
}
.primary-menu-menu>li:hover>a:after{
    width:15%;
    animation:primary-short .5s linear
}
@keyframes primary-short{
    0%{
        width:0
    }
    50%{
        width:40%
    }
    100%{
        width:15%
    }
}
.primary-menu-menu>li:hover>a:before{
    width:80%;
    animation:primary-long .5s linear
}
@keyframes primary-long{
    0%{
        width:100%
    }
    50%{
        width:55%
    }
    100%{
        width:80%
    }
}
.animated{
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    will-change:transform,opacity
}
.animated.swingInX{
    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    -ie-transform-origin:top;
    -o-transform-origin:top;
    transform-origin:top;
    -webkit-backface-visibility:visible!important;
    -webkit-animation-name:swingInX;
    -moz-backface-visibility:visible!important;
    -moz-animation-name:swingInX;
    -o-backface-visibility:visible!important;
    -o-animation-name:swingInX;
    backface-visibility:visible!important;
    animation-name:swingInX
}
.animated.flipInX,.animated.swingOutX{
    -webkit-backface-visibility:visible!important;
    -moz-backface-visibility:visible!important;
    -o-backface-visibility:visible!important
}
@media (max-width:480px){
    .animated{
        animation-fill-mode:none;
        will-change:unset
    }
    .animated.swingInX{
        animation-name:none;
        transform-origin:unset
    }
}
@-webkit-keyframes swingOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(-90deg)
    }
}
@-moz-keyframes swingOutX{
    0%{
        -moz-transform:perspective(400px) rotateX(0)
    }
    100%{
        -moz-transform:perspective(400px) rotateX(-90deg)
    }
}
@-o-keyframes swingOutX{
    0%{
        -o-transform:perspective(400px) rotateX(0)
    }
    100%{
        -o-transform:perspective(400px) rotateX(-90deg)
    }
}
@keyframes swingOutX{
    0%{
        transform:perspective(400px) rotateX(0)
    }
    100%{
        transform:perspective(400px) rotateX(-90deg)
    }
}
.animated.swingOutX{
    -webkit-transform-origin:top;
    -webkit-animation-name:swingOutX;
    -moz-animation-name:swingOutX;
    -o-animation-name:swingOutX;
    animation-name:swingOutX;
    backface-visibility:visible!important
}
@media (max-width:480px){
    .animated.swingOutX{
        animation-name:none;
        transform-origin:unset
    }
}
@-webkit-keyframes slideDown{
    0%{
        -webkit-transform:translateY(-100%)
    }
    100%{
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes slideDown{
    0%{
        -moz-transform:translateY(-100%)
    }
    100%{
        -moz-transform:translateY(0)
    }
}
@-o-keyframes slideDown{
    0%{
        -o-transform:translateY(-100%)
    }
    100%{
        -o-transform:translateY(0)
    }
}
@keyframes slideDown{
    0%{
        transform:translateY(-100%)
    }
    100%{
        transform:translateY(0)
    }
}
.animated.slideDown{
    -webkit-animation-name:slideDown;
    -moz-animation-name:slideDown;
    -o-animation-name:slideDown;
    animation-name:slideDown
}
@media (max-width:480px){
    .animated.slideDown{
        animation-name:none
    }
}
@-webkit-keyframes slideUp{
    0%{
        -webkit-transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-100%)
    }
}
@-moz-keyframes slideUp{
    0%{
        -moz-transform:translateY(0)
    }
    100%{
        -moz-transform:translateY(-100%)
    }
}
@-o-keyframes slideUp{
    0%{
        -o-transform:translateY(0)
    }
    100%{
        -o-transform:translateY(-100%)
    }
}
@keyframes slideUp{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-100%)
    }
}
.animated.slideUp{
    -webkit-animation-name:slideUp;
    -moz-animation-name:slideUp;
    -o-animation-name:slideUp;
    animation-name:slideUp
}
@media (max-width:480px){
    .animated.slideUp{
        animation-name:none
    }
}
@-webkit-keyframes swingInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(-90deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0)
    }
}
@-moz-keyframes swingInX{
    0%{
        -moz-transform:perspective(400px) rotateX(-90deg)
    }
    100%{
        -moz-transform:perspective(400px) rotateX(0)
    }
}
@-o-keyframes swingInX{
    0%{
        -o-transform:perspective(400px) rotateX(-90deg)
    }
    100%{
        -o-transform:perspective(400px) rotateX(0)
    }
}
@keyframes swingInX{
    0%{
        transform:perspective(400px) rotateX(-90deg)
    }
    100%{
        transform:perspective(400px) rotateX(0)
    }
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
@-moz-keyframes flipInX{
    0%{
        -moz-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    100%{
        -moz-transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
@-o-keyframes flipInX{
    0%{
        -o-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    100%{
        -o-transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
@keyframes flipInX{
    0%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    100%{
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
.animated.flipInX{
    -webkit-animation-name:flipInX;
    -moz-animation-name:flipInX;
    -o-animation-name:flipInX;
    backface-visibility:visible!important;
    animation-name:flipInX
}
@media (max-width:480px){
    .animated.flipInX{
        animation-name:none
    }
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@-moz-keyframes flipOutX{
    0%{
        -moz-transform:perspective(400px) rotateX(0);
        opacity:1
    }
    100%{
        -moz-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@-o-keyframes flipOutX{
    0%{
        -o-transform:perspective(400px) rotateX(0);
        opacity:1
    }
    100%{
        -o-transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.animated.flipOutX{
    -webkit-animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    -moz-animation-name:flipOutX;
    -moz-backface-visibility:visible!important;
    -o-animation-name:flipOutX;
    -o-backface-visibility:visible!important;
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@media (max-width:480px){
    .animated.flipOutX{
        animation-name:none
    }
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-200px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes bounceInDown{
    0%{
        opacity:0;
        -moz-transform:translateY(-200px)
    }
    60%{
        opacity:1;
        -moz-transform:translateY(30px)
    }
    80%{
        -moz-transform:translateY(-10px)
    }
    100%{
        -moz-transform:translateY(0)
    }
}
@-o-keyframes bounceInDown{
    0%{
        opacity:0;
        -o-transform:translateY(-200px)
    }
    60%{
        opacity:1;
        -o-transform:translateY(30px)
    }
    80%{
        -o-transform:translateY(-10px)
    }
    100%{
        -o-transform:translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        transform:translateY(-200px)
    }
    60%{
        opacity:1;
        transform:translateY(30px)
    }
    80%{
        transform:translateY(-10px)
    }
    100%{
        transform:translateY(0)
    }
}
.animated.bounceInDown{
    -webkit-animation-name:bounceInDown;
    -moz-animation-name:bounceInDown;
    -o-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@media (max-width:480px){
    .animated.bounceInDown{
        animation-name:none
    }
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-200px)
    }
}
@-moz-keyframes bounceOutUp{
    0%{
        -moz-transform:translateY(0)
    }
    30%{
        opacity:1;
        -moz-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(-200px)
    }
}
@-o-keyframes bounceOutUp{
    0%{
        -o-transform:translateY(0)
    }
    30%{
        opacity:1;
        -o-transform:translateY(20px)
    }
    100%{
        opacity:0;
        -o-transform:translateY(-200px)
    }
}
@keyframes bounceOutUp{
    0%{
        transform:translateY(0)
    }
    30%{
        opacity:1;
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        transform:translateY(-200px)
    }
}
.animated.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    -moz-animation-name:bounceOutUp;
    -o-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@media (max-width:480px){
    .animated.bounceOutUp{
        animation-name:none;
        transform-origin:unset
    }
}
.main-slider{
    position:relative;
    /* cursor:pointer;
    padding-bottom:130px */
}
.main-slider .swiper-slide{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    height:auto
}
.main-slider .container.table{
    padding:20px 0
}
.main-slider .slider-content-fullwidth{
    width:100%
}
@media (max-width:640px){
    .main-slider .table-cell{
        float:none
    }
}
.main-slider .slider-content-half-width{
    width:50%
}
@media (max-width:980px){
    .main-slider .slider-content-half-width{
        float:left
    }
    .main-slider .slider-content-half-width.table-cell{
        display:block
    }
}
@media (max-width:360px){
    .main-slider .slider-content-half-width{
        width:100%;
        float:none
    }
}
.main-slider .slider-content{
    max-width:940px;
    margin:0 auto;
    padding:20px 15px
}
@media (max-width:980px){
    .main-slider .slider-content{
        padding:20px 5px
    }
}
.main-slider .slider-content .slider-content-title{
    margin-bottom:20px;
    line-height:1.3
}
.main-slider .slider-content .slider-content-text{
    margin-bottom:40px;
    line-height:1.3;
    opacity:.7
}
@media (min-width:320px) and (max-width:425px){
.main-slider .slider-content .slider-content-text{
    margin-bottom:40px;
    line-height:1.3;
    opacity:.7;
	font-size:12px;
}
}
.main-slider .slider-thumb{
    overflow:hidden;
    padding:20px 15px
}
.main-slider .btn-prev{
    top:50%;
    left:60px
}
.main-slider .btn-next{
    top:50%;
    right:60px
}
@media (max-width:1280px){
    .main-slider .btn-next,.main-slider .btn-prev{
        display:none
    }
}
.main-slider .main-slider-btn-wrap .btn+.btn{
    margin-left:30px
}
@media (max-width:980px){
    .main-slider .main-slider-btn-wrap .btn+.btn{
        margin-left:0;
        margin-top:20px
    }
    .main-slider>.container>.table{
        padding-top:40px
    }
}
@media (max-width:320px){
    .main-slider .main-slider-btn-wrap .btn+.btn{
        margin-top:20px
    }
}
.main-slider .main-slider-btn-wrap .btn i{
    transition:all .3s ease;
    position:absolute;
    right:14px;
    top:50%;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%)
}
.btn-next,.btn-prev{
    display:block;
    z-index:10;
    transition:all .2s ease-in;
    stroke:inherit;
    position:absolute;
    cursor:pointer
}
@media (max-width:768px){
    .main-slider .slider-thumb{
        height:auto;
        overflow:visible
    }
    .main-slider .main-slider-btn-wrap .btn i{
        right:8px
    }
}
.main-slider .main-slider-btn-wrap .btn:hover i{
    right:12px
}
.main-slider .main-slider-btn-wrap .btn-border:hover{
    background-color:rgba(255,255,255,.1)
}
.main-slider.main-slider-bg-dark .slider-content .slider-content-title{
    color:#fff
}
.main-slider.main-slider-bg-dark .slider-content .slider-content-text{
    color:#fff;
    opacity:1
}
.main-slider.thumb-left{
    direction:rtl
}
.main-slider.thumb-left .slider-content,.main-slider.thumb-right{
    direction:ltr
}
@media (max-width:768px){
    .main-slider .main-slider-btn-wrap .btn:hover i{
        right:6px
    }
    .main-slider .table{
        width:100%
    }
    .main-slider .container>.row.table-cell{
        display:block
    }
}
@media (max-width:570px){
    .main-slider .container>.row.table-cell{
        float:none
    }
}
.main-slider.main-slider-bg-photo-wrap{
    height:100vh
}
.main-slider>.container>.table{
    margin:0 -15px;
    height:100%
}
@media (max-width:640px){
    .main-slider>.container>.table{
        margin:0 auto
    }
}
.main-slider.no-labels{
    padding-bottom:0
}
.slider-shadow{
    box-shadow:25px 62px 62px rgba(0,0,0,.42)
}
.btn-next{
    width:64px;
    height:64px;
    fill:#e1e1e1
}
.btn-next:hover{
    fill:#109ad7;
    margin-right:-2px
}
.btn-next.btn-next-gray{
    fill:#4a4240
}
.btn-next.btn-next-gray:hover{
    fill:#109ad7
}
.btn-next.btn-next-black:hover{
    fill:#2f2c2c
}
.btn-next.btn-next-white{
    fill:#fff
}
@media (max-width:460px){
    .btn-next{
        width:30px;
        height:30px
    }
}
.btn-prev{
    width:64px;
    height:64px;
    fill:#e1e1e1
}
.btn-prev:hover{
    fill:#109ad7;
    margin-left:-2px
}
.btn-prev.btn-prev-gray{
    fill:#4a4240
}
.btn-prev.btn-prev-gray:hover{
    fill:#109ad7
}
.btn-prev.btn-prev-black:hover{
    fill:#2f2c2c
}
.btn-prev.btn-prev-white{
    fill:#fff
}
@media (max-width:460px){
    .btn-prev{
        width:30px;
        height:30px
    }
}
.slider-slides{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:table;
    width:100%
}
.slider-slides .slides-item{
    display:table-cell;
    padding:13px 46px;
    position:relative;
    z-index:1
}

.dummy-slider-slides .dummy-slides-item{
    display:table-cell;
    padding:13px 46px;
    position:relative;
    z-index:1
}


@media (max-width:1024px){
    .slider-slides .slides-item{
        padding:10px
    }
}
.slider-slides .slides-item .content{
    position:relative;
    overflow:hidden
}
.slider-slides .slides-item .content .text-wrap{
    position:absolute;
    z-index:2;
    top:50%;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%)
}
.slider-slides .slides-item .content .text-wrap .slides-title{
    font-size:26px;
    line-height:30px;
    color:#fff;
    text-transform:capitalize
}
@media (max-width:800px){
    .slider-slides .slides-item .content .text-wrap .slides-title{
        font-size:20px
    }
}
@media (max-width:480px){
    .slider-slides .slides-item .content .text-wrap .slides-title{
        display:none
    }
}
.slider-slides .slides-item .content .text-wrap .slides-sub-title{
    color:#fff;
    font-size:14px;
    margin-bottom:5px
}
@media (max-width:640px){
    .slider-slides .slides-item .content .text-wrap .slides-title{
        font-size:14px;
        line-height:1
    }
    .slider-slides .slides-item .content .text-wrap .slides-sub-title{
        display:none
    }
}
.slider-slides .slides-item .content .slides-number{
    font-size:104px;
    color:rgba(255,255,255,.1);
    position:relative;
    float:right;
    line-height:1
}
@media (max-width:800px){
    .slider-slides .slides-item .content .slides-number{
        font-size:90px
    }
}
@media (max-width:640px){
    .slider-slides .slides-item .content .slides-number{
        font-size:70px
    }
}
@media (max-width:570px){
    .slider-slides .slides-item .content .slides-number{
        font-size:50px
    }
}
@media (max-width:360px){
    .slider-slides .slides-item{
        padding:5px
    }
    .slider-slides .slides-item .content .slides-number{
        font-size:30px
    }
}
.slider-slides .slides-item.slide-active .triangle-slides{
    opacity:1;
    top:-34px
}
.slider-slides .slides-item.main-slider-bg-light .content .text-wrap .slides-sub-title,.slider-slides .slides-item.main-slider-bg-light .content .text-wrap .slides-title{
    color:#2f2c2c
}
.slider-slides .slides-item.main-slider-bg-light .content .slides-number{
    color:rgba(137,137,137,.1)
}
.slider-slides .triangle-slides{
    border:20px solid transparent;
    display:block;
    border-bottom:15px solid transparent;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-20px;
    opacity:0;
    transition:all .4s ease
}
.slider-slides .triangle-slides.dark{
    border-bottom-color:#30302d
}
.slider-slides .triangle-slides.primary{
    border-bottom-color:#109ad7
}
.slider-slides .triangle-slides.secondary{
    border-bottom-color:#f15b26
}
.slider-slides .triangle-slides.orange{
    border-bottom-color:#fcb03b
}
.slider-slides .triangle-slides.green{
    border-bottom-color:#3cb878
}
.main-slider-bg-photo-wrap{
    min-height:680px
}
.main-slider-bg-photo-wrap .slider-slides{
    position:absolute;
    left:0;
    right:0;
    bottom:0
}
.main-slider-bg-photo-wrap .main-slider-bg-photo{
    background-size:cover
}
.main-slider-bg-photo-wrap .main-slider-bg-photo .slider-content{
    position:relative;
    padding:170px 0;
    max-width:870px
}
@media (max-width:768px){
    .main-slider-bg-photo-wrap .main-slider-bg-photo .slider-content{
        max-width:100%
    }
}
@media (max-width:640px){
    .main-slider-bg-photo-wrap .main-slider-bg-photo .slider-content{
        padding:300px 0
    }
}
.main-slider-bg-photo-wrap .main-slider-bg-photo .slider-content.left{
    margin:0;
    max-width:670px;
    float:left
}
@media (max-width:768px){
    .main-slider-bg-photo-wrap .main-slider-bg-photo .slider-content.left{
        max-width:100%
    }
}
.main-slider-bg-photo-wrap .main-slider-bg-photo .slider-content.right{
    margin:0;
    max-width:570px;
    float:right
}
.main-slider-bg-photo-wrap .main-slider-bg-photo .slider-content .slider-content-text{
    margin-bottom:40px
}
.main-slider-bg-photo-wrap .main-slider-bg-photo .btn-prev{
    top:50%;
    left:60px
}
.main-slider-bg-photo-wrap .main-slider-bg-photo .btn-next{
    top:50%;
    right:60px
}
@media (max-width:570px){
    .main-slider-bg-photo-wrap .main-slider-bg-photo .table-cell{
        float:none
    }
}
@media (max-width:320px){
    .main-slider-bg-photo-wrap .main-slider-bg-photo .btn+.btn{
        margin-left:0;
        margin-top:20px
    }
}
.testimonial-slider{
    background-color:#fcb03b;
    padding:120px 0 80px;
    position:relative;
    overflow:hidden
}
@media (max-width:768px){
    .main-slider-bg-photo-wrap .main-slider-bg-photo .slider-content.right{
        max-width:100%
    }
    .main-slider-bg-photo-wrap .main-slider-bg-photo .table-cell{
        display:table-cell
    }
    .testimonial-slider .testimonial-item{
        margin-top:40px
    }
}
.testimonial-slider .testimonial-item .quote{
    position:absolute;
    right:70px;
    bottom:20px
}
.testimonial-slider .testimonial-item .quote i{
    font-size:140px;
    color:#3b3432
}
@media (max-width:360px){
    .testimonial-slider .testimonial-item .quote{
        right:0
    }
    .testimonial-slider .testimonial-item .testimonial__thumb-img{
        display:none
    }
}
.testimonial-slider .testimonial-item .pagination,.testimonial-slider .testimonial-item .swiper-pagination{
    right:100px;
    bottom:-50px
}
@media (max-width:640px){
    .testimonial-slider .testimonial-item .pagination,.testimonial-slider .testimonial-item .swiper-pagination{
        right:0
    }
}
.testimonial-slider .testimonial-item .pagination .pagination-item,.testimonial-slider .testimonial-item .pagination .swiper-pagination-bullet,.testimonial-slider .testimonial-item .swiper-pagination .pagination-item,.testimonial-slider .testimonial-item .swiper-pagination .swiper-pagination-bullet{
    background-color:#2f2c2c
}
.testimonial-slider .testimonial-item .pagination .pagination-item.active,.testimonial-slider .testimonial-item .pagination .pagination-item.swiper-pagination-bullet-active,.testimonial-slider .testimonial-item .pagination .swiper-pagination-bullet.active,.testimonial-slider .testimonial-item .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.testimonial-slider .testimonial-item .swiper-pagination .pagination-item.active,.testimonial-slider .testimonial-item .swiper-pagination .pagination-item.swiper-pagination-bullet-active,.testimonial-slider .testimonial-item .swiper-pagination .swiper-pagination-bullet.active,.testimonial-slider .testimonial-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:transparent;
    border:2px solid #fff
}
.testimonial-slider .testimonial-item .testimonial__thumb-img{
    position:absolute;
    top:0;
    right:90px
}
.testimonial-slider .testimonial-slider-item{
    position:relative
}
@media (max-width:768px){
    .testimonial-slider .testimonial-item .pagination,.testimonial-slider .testimonial-item .swiper-pagination{
        bottom:-50px
    }
    .testimonial-slider .testimonial-slider-item{
        margin-top:40px;
        z-index:50
    }
}
@media (max-width:360px){
    .testimonial-slider .testimonial-slider-item .avatar{
        left:40px
    }
}
.testimonial-slider .testimonial-slider-item .avatar img{
    width:auto;
    display:inline-block
}
.testimonial-slider .testimonial-img{
    position:absolute;
    bottom:-200px;
    left:40%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
.client-carousel,.recent-case-slider,.recent-post-slider,.slider-profit-wrap,.slider-profit-wrap .slider-profit,.slider-profit-wrap .slider-profit .slider-profit-thumb,.testimonial-arrow-slider,.testimonial-slider-standard,.testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .author-info-wrap{
    position:relative
}
.testimonial-slider-standard{
    z-index:2
}
@media (max-width:600px){
    .testimonial-slider-standard{
        margin-top:35px
    }
}
.testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .testimonial-text{
    font-size:30px;
    color:#fff;
    margin-bottom:40px;
    line-height:1.3
}
@media (max-width:640px){
    .testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .testimonial-text{
        font-size:24px
    }
}
@media (max-width:480px){
    .testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .testimonial-text{
        font-size:18px
    }
}
.testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .author-info-wrap .testimonial-img-author{
    border-radius:100%;
    overflow:hidden;
    margin-bottom:15px;
    margin-right:0
}
.testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .author-info-wrap .testimonial-img-author img{
    border-radius:50%
}
.testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .author-info-wrap .author-info .author-name{
    font-size:18px;
    color:#109ad7;
    margin-bottom:5px
}
.testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .author-info-wrap .author-info .author-company{
    font-size:14px;
    color:#797676
}
.testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .author-info-wrap.display-flex .testimonial-img-author{
    margin-right:30px
}
@media (max-width:360px){
    .testimonial-slider .testimonial-img{
        display:none
    }
    .testimonial-slider-standard{
        margin-top:70px
    }
    .testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .avatar{
        top:-75%
    }
    .testimonial-slider-standard .pagination-bottom .btn-next,.testimonial-slider-standard .pagination-bottom .btn-prev{
        display:none
    }
}
@media (max-width:320px){
    .testimonial-slider-standard .testimonial-slider-standard-item .testimonial-item .avatar{
        top:-155px
    }
}
.testimonial-slider-standard .btn-next{
    right:95px;
    bottom:0
}
.testimonial-slider-standard .btn-prev{
    bottom:0;
    left:95px
}
@media (max-width:980px){
    .testimonial-slider-standard .btn-next{
        right:5px
    }
    .testimonial-slider-standard .btn-prev{
        left:5px
    }
}
.testimonial-slider-standard .swiper-pagination{
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
.testimonial-slider-standard .pagination-bottom{
    padding-bottom:150px;
    margin-bottom:-100px
}
.testimonial-slider-standard .pagination-bottom .swiper-pagination{
    bottom:80px
}
.testimonial-slider-standard .pagination-bottom .swiper-pagination .swiper-pagination-bullet{
    background-color:#d7d7d7
}
.testimonial-slider-standard .pagination-bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:transparent;
    border:2px solid #109ad7
}
.testimonial-slider-standard .pagination-bottom .btn-next,.testimonial-slider-standard .pagination-bottom .btn-prev{
    bottom:150px
}
.testimonial-slider-standard.avatar-top .swiper-container{
    padding-top:155px;
    margin-top:-155px
}
.testimonial-slider-standard.avatar-top .avatar{
    top:-100%;
    left:50%;
    transform:translate(-50%,50%);
    -webkit-transform:translate(-50%,50%);
    -ms-transform:translate(-50%,50%)
}
@media (max-width:800px){
    .testimonial-slider-standard.avatar-top .avatar{
        top:-110px;
        transform:translate(-50%,0);
        -webkit-transform:translate(-50%,0);
        -ms-transform:translate(-50%,0)
    }
}
@media (max-width:360px){
    .testimonial-slider-standard.avatar-top .avatar{
        top:-110px;
        transform:translate(-50%,0);
        -webkit-transform:translate(-50%,0);
        -ms-transform:translate(-50%,0)
    }
}
.recent-post-slider .heading{
    margin-bottom:40px;
    display:inline-block
}
.recent-post-slider .heading .heading-title{
    float:left
}
.recent-post-slider .heading .heading-line{
    clear:both
}
.recent-post-slider .read-more{
    font-size:18px;
    color:#ccc;
    padding:5px 0 0 30px;
    border-left:1px solid #f0f2f2;
    margin:15px 0 0 30px;
    display:block;
    float:left
}
.recent-post-slider .pagination,.recent-post-slider .swiper-pagination{
    right:0;
    top:-120px;
    z-index:50
}
@media (max-width:980px){
    .recent-post-slider .read-more{
        padding-left:0;
        margin-left:0;
        float:none;
        border-left:none
    }
    .recent-post-slider .pagination,.recent-post-slider .swiper-pagination{
        top:80px
    }
}
@media (max-width:320px){
    .recent-post-slider .pagination,.recent-post-slider .swiper-pagination{
        top:40px
    }
}
.recent-post-slider .top-pagination{
    padding-top:125px;
    top:-125px;
    margin-bottom:-100px
}
.recent-post-slider .top-pagination .swiper-pagination{
    top:0
}
@media (max-width:640px){
    .recent-post-slider .top-pagination .swiper-pagination{
        top:30px
    }
}
@media (max-width:360px){
    .recent-post-slider .top-pagination .swiper-pagination{
        top:80px;
        right:auto
    }
}
.client-carousel{
    background-color:#fff
}
.client-carousel .btn-prev{
    bottom:0;
    left:42%
}
.client-carousel .btn-next{
    bottom:0;
    right:42%
}
@media (max-width:980px){
    .client-carousel .btn-prev{
        left:30%
    }
    .client-carousel .btn-next{
        right:30%
    }
}
@media (max-width:480px){
    .client-carousel .btn-prev{
        left:20%
    }
    .client-carousel .btn-next{
        right:20%
    }
    .slider-profit-wrap .slider-profit .slider-profit-thumb{
        margin-top:40px
    }
}
.client-carousel .clients-item-wrap{
    position:relative;
    padding:13px 0 104px;
    text-align:center
}
.client-carousel .pagination-bottom{
    padding-bottom:120px;
    top:40px
}
@media (max-width:570px){
    .client-carousel .pagination-bottom{
        padding-bottom:40px
    }
}
.clients-item-wrap{
    text-align:center
}
.recent-case-slider .heading{
    margin-bottom:48px;
    display:inline-block
}
.recent-case-slider .heading .heading-title{
    float:left
}
.recent-case-slider .heading .heading-line{
    clear:both
}
.recent-case-slider .pagination,.recent-case-slider .swiper-pagination{
    right:0;
    top:0;
    z-index:5
}
@media (max-width:980px){
    .recent-case-slider .pagination,.recent-case-slider .swiper-pagination{
        top:30px
    }
}
@media (max-width:640px){
    .recent-case-slider .heading .heading-title{
        float:none
    }
    .recent-case-slider .read-more{
        margin-left:0;
        padding-left:0;
        border-left:none
    }
}
.recent-case-slider .top-pagination{
    padding-top:125px;
    top:-125px;
    margin-bottom:-100px
}
.recent-case-slider .pagination-bottom{
    padding-bottom:80px
}
.recent-case-slider .pagination-bottom .pagination,.recent-case-slider .pagination-bottom .swiper-pagination{
    left:0;
    bottom:0;
    right:auto;
    top:auto
}
.testimonial-arrow-slider .heading{
    margin-bottom:60px;
    display:inline-block
}
.testimonial-arrow-slider .heading .heading-title{
    float:left
}
.testimonial-arrow-slider .heading .heading-line{
    clear:both
}
@media (max-width:980px){
    .testimonial-arrow-slider .heading .read-more{
        margin-left:10px;
        padding-left:10px;
        border-left:none
    }
}
@media (max-width:570px){
    .testimonial-arrow-slider .heading .read-more{
        margin-left:0;
        padding-left:0;
        float:none
    }
}
.testimonial-arrow-slider .pagination,.testimonial-arrow-slider .swiper-pagination{
    left:0;
    bottom:0;
    z-index:5
}
@media (max-width:1024px){
    .testimonial-arrow-slider .pagination,.testimonial-arrow-slider .swiper-pagination{
        bottom:20px
    }
}
.testimonial-arrow-slider .pagination .swiper-pagination-bullet,.testimonial-arrow-slider .swiper-pagination .swiper-pagination-bullet{
    background-color:#d7d7d7
}
.testimonial-arrow-slider .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.testimonial-arrow-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:transparent;
    border:2px solid #109ad7
}
.testimonial-arrow-slider .pagination.top-right,.testimonial-arrow-slider .swiper-pagination.top-right{
    left:auto;
    bottom:auto;
    right:0;
    top:150px
}
.testimonial-arrow-slider .pagination-bottom{
    padding-bottom:80px;
    top:0
}
.slider-profit-wrap .pagination-vertical{
    padding-left:100px;
    margin-left:-100px
}
.slider-profit-wrap .slider-profit .btn{
    margin-bottom:30px
}
.slider-profit-wrap .pagination,.slider-profit-wrap .swiper-pagination{
    display:block;
    position:absolute;
    left:10px;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
@media (max-width:1280px){
    .slider-profit-wrap .pagination,.slider-profit-wrap .swiper-pagination{
        left:70px
    }
}
.slider-profit-wrap .pagination .swiper-pagination-bullet,.slider-profit-wrap .swiper-pagination .swiper-pagination-bullet{
    display:block;
    margin:9px 5px;
    background-color:#acd373
}
@media (max-width:640px){
    .slider-profit-wrap .pagination,.slider-profit-wrap .swiper-pagination{
        left:50%;
        top:auto;
        bottom:-20px
    }
    .slider-profit-wrap .pagination .swiper-pagination-bullet,.slider-profit-wrap .swiper-pagination .swiper-pagination-bullet{
        display:inline-block
    }
}
.slider-profit-wrap .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.slider-profit-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color:#fff;
    background-color:transparent
}
.swiper-slide>.main-slider{
    height:100%;
    padding-bottom:0;
    padding-top:0
}
@media (max-width:1280px){
    .swiper-slide>.main-slider{
        height:auto
    }
}
@media (max-width:360px){
    .swiper-slide>.main-slider{
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        -webkit-justify-content:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        -webkit-align-items:center;
        align-items:center
    }
}
.seo-score{
    background-color:#2f2c2c;
    padding:130px 0 200px;
    position:relative;
    overflow:hidden
}
@media (max-width:640px){
    .seo-score{
        padding:65px 0 100px
    }
}
@media (max-width:460px){
    .seo-score{
        padding:65px 0 180px
    }
}
.seo-score .seo-score-content{
    z-index:2;
    position:relative
}
.seo-score .seo-score-content .heading .heading-title{
    color:#fff;
    margin-bottom:10px
}
.seo-score .seo-score-content .heading .heading-text{
    color:#797676
}
.seo-score .seo-score-content .input-drop-shadow input{
    -webkit-box-shadow:25px 20px 20px -15px rgba(0,0,0,.3);
    box-shadow:25px 20px 20px -15px rgba(0,0,0,.3)
}
.seo-score .seo-score-content .seo-score-form input.site{
    border-radius:50px 0 0 50px
}
@media (max-width:1024px){
    .seo-score .seo-score-content .seo-score-form input.site{
        border-radius:50px;
        margin-bottom:30px
    }
}
.seo-score .seo-score-content .seo-score-form input.e-mail{
    border-radius:0 50px 50px 0;
    margin-left:2px
}
.seo-score .seo-score-content .seo-score-form button{
    margin-top:30px
}
.seo-score .images img{
    position:absolute;
    opacity:0
}
.seo-score .images img:first-of-type{
    top:-100px;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
.seo-score .images img:last-of-type,.seo-score .images img:nth-child(2){
    bottom:-100%;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
.our-video{
    overflow:hidden;
    background:#4cc2c0
}
@media (max-width:640px){
    .seo-score .seo-score-content .seo-score-form .no-padding{
        padding:0 15px
    }
    .our-video{
        display:block
    }
}
.our-video .video{
    min-height:500px;
    /*background-image:url(../image/landing/video-bg.jpg);*/
    background-position:center;
    background-size:cover
}
.our-video .video .video-control{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
.our-video .content{
    padding-right:15px;
    padding-left:15px
}
.our-video .content .heading .heading-text{
    font-size:18px;
    line-height:25px;
    margin-bottom:40px
}
.counters{
    overflow:hidden;
    padding:80px 0
}
@media (max-width:800px){
    .counters{
        padding:35px 0
    }
}
@media (max-width:1024px){
    .seo-score .seo-score-content .seo-score-form input.e-mail{
        border-radius:50px
    }
    .counters{
        text-align:center
    }
    .counters .counter-item{
        margin-bottom:30px
    }
}
.counters .counter-item .counter-numbers{
    font-size:100px;
    color:rgba(255,255,255,.2);
    line-height:1;
    margin-bottom:-36px
}
@media (max-width:570px){
    .counters .counter-item .counter-numbers{
        margin-bottom:0
    }
}
.counters .counter-item .counter-numbers .units{
    display:inline-block;
    margin-left:-25px
}
@media (max-width:640px){
    .counters .counter-item .counter-numbers{
        font-size:50px
    }
    .counters .counter-item .counter-numbers .units{
        margin-left:-15px
    }
}
.counters .counter-item .counter-title{
    font-size:24px;
    color:#fff;
    text-transform:uppercase
}
.counters .counter-item .counter-line .short-line{
    display:inline-block;
    width:20px;
    height:3px;
    background-color:#66c491;
    border-radius:10px;
    position:relative;
    margin-right:10px
}
.counters .counter-item .counter-line .long-line{
    display:inline-block;
    width:50px;
    height:3px;
    background-color:#66c491;
    border-radius:10px;
    position:relative
}
.counters-modern{
    overflow:hidden;
    position:relative;
    z-index:2
}
.counters-modern .counter-item-modern{
    padding-right:35px
}
@media (max-width:1024px){
    .counters-modern .counter-item-modern{
        margin-bottom:30px
    }
}
@media (max-width:640px){
    .counters .counter-item .counter-title{
        font-size:18px
    }
    .counters-modern .counter-item-modern{
        padding-right:0
    }
}
.counters-modern .counter-item-modern i{
    margin-bottom:20px;
    color:#64d8ff;
    font-size:70px;
    display:block
}
.counters-modern .counter-item-modern i.c-primary{
    color:#109ad7
}
.counters-modern .counter-item-modern i.c-secondary{
    color:#f15b26
}
.counters-modern .counter-item-modern i.c-green{
    color:#3cb878!important
}
.counters-modern .counter-item-modern i.c-orange{
    color:#fcb03b!important
}
.counters-modern .counter-item-modern .counter-numbers-modern{
    font-size:100px;
    line-height:1
}
@media (max-width:1024px){
    .counters-modern .counter-item-modern .counter-numbers-modern{
        font-size:80px
    }
}
.counters-modern .counter-item-modern .counter-numbers-modern .units{
    display:inline-block;
    margin-left:-25px
}
.counters-modern .counter-item-modern .counter-numbers-modern.negative-margin{
    margin-bottom:-36px
}
@media (max-width:640px){
    .counters-modern .counter-item-modern .counter-numbers-modern{
        font-size:50px
    }
    .counters-modern .counter-item-modern .counter-numbers-modern .units{
        margin-left:-10px
    }
    .counters-modern .counter-item-modern .counter-numbers-modern.negative-margin{
        margin-bottom:0
    }
    .recent-case .case-item-wrap{
        padding:0 15px
    }
}
.counters-modern .counter-item-modern .counter-title-modern{
    color:#fff;
    font-size:24px;
    line-height:1.3
}
.counters-modern .counter-item-modern .counter-line-modern .short-line-modern{
    display:inline-block;
    width:20px;
    height:3px;
    border-radius:10px;
    position:relative;
    margin-right:10px
}
.counters-modern .counter-item-modern .counter-line-modern .long-line-modern{
    display:inline-block;
    width:50px;
    height:3px;
    border-radius:10px;
    position:relative
}
.recent-case{
    overflow:hidden
}
.recent-case .case-item-wrap{
    overflow:hidden;
    margin-bottom:55px
}
.recent-case .pagination,.recent-case .swiper-pagination{
    left:50%;
    bottom:0;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
.recent-case .pagination-bottom{
    padding-bottom:80px
}
.case-item{
    padding:30px;
    background-color:#f7f9f9;
    transition:all .3s ease
}
@media (max-width:800px){
    .case-item{
        margin-bottom:30px
    }
}
.case-item .case-item__thumb{
    margin-bottom:34px;
    box-shadow:0 16px 16px -8px rgba(0,0,0,.3)
}
.case-item .case-item__title{
    text-transform:uppercase;
    color:#2f2c2c;
    margin-bottom:5px
}
.case-item .case-item__cat a{
    display:inline-block;
    color:#acacac;
    font-size:14px;
    transition:all .3s ease
}
.case-item.big{
    padding-bottom:60px
}
.case-item.big .case-item__thumb{
    margin-bottom:60px
}
.case-item.big .case-item__cat a{
    font-size:16px
}
.cat-list{
    margin:50px 0;
    padding:0;
    list-style:none
}
.cat-list .cat-list__item{
    display:inline-block;
    padding:0 20px
}
@media (max-width:980px){
    .cat-list .cat-list__item{
        margin-bottom:20px
    }
}
.cat-list .cat-list__item a{
    font-size:17px;
    color:#2f2c2c;
    position:relative;
    text-transform:capitalize;
    transition:all .3s ease
}
.cat-list .cat-list__item a:hover,.cat-list .cat-list__item.active a{
    color:#109ad7
}
.cat-list .cat-list__item a:after,.cat-list .cat-list__item a:before{
    display:block;
    position:absolute;
    height:2px;
    background-color:#109ad7;
    bottom:-10px;
    opacity:0;
    transition:all .3s ease;
    content:''
}
.cat-list .cat-list__item a:before{
    width:80%;
    right:0
}
.cat-list .cat-list__item a:after{
    width:15%;
    left:0
}
.cat-list .cat-list__item a:hover:after,.cat-list .cat-list__item a:hover:before,.cat-list .cat-list__item.active a:after,.cat-list .cat-list__item.active a:before{
    opacity:1
}
.cat-list>li:hover>a:after{
    width:15%;
    animation:cat-short .5s linear
}
@keyframes cat-short{
    0%{
        width:0
    }
    50%{
        width:40%
    }
    100%{
        width:15%
    }
}
.cat-list>li:hover>a:before{
    width:80%;
    animation:cat-long .5s linear
}
@keyframes cat-long{
    0%{
        width:100%
    }
    50%{
        width:55%
    }
    100%{
        width:80%
    }
}
.cat-list-bg-style{
    margin:50px 0;
    padding:0;
    list-style:none
}
.cat-list-bg-style .cat-list__item{
    display:inline-block;
    background-color:#f7f9f9;
    margin:0 5px;
    border-radius:30px;
    overflow:hidden
}
.cat-list-bg-style .cat-list__item a{
    font-size:18px;
    color:#acacac;
    position:relative;
    text-transform:capitalize;
    transition:all .3s ease;
    padding:10px 20px;
    display:block
}
.cat-list-bg-style .cat-list__item a:hover{
    color:#fff;
    background-color:#109ad7
}
.cat-list-bg-style .cat-list__item.active{
    background-color:#109ad7
}
.cat-list-bg-style .cat-list__item.active a{
    color:#fff
}
.pricing-tables .pricing-tables-wrap{
    background-color:#fff;
    overflow:hidden;
    box-shadow:0 14px 32px 10px rgba(0,0,0,.2);
    margin:0 15px;
    border-radius:10px
}
.pricing-tables .pricing-tables-wrap :nth-child(4) .pricing-tables-item .dots{
    display:none
}
.pricing-tables-item{
    text-align:center;
    padding:30px;
    position:relative
}
@media (max-width:1024px){
    .pricing-tables-item{
        padding:15px
    }
}
@media (max-width:570px){
    .pricing-tables-item{
        margin-bottom:30px
    }
}
.pricing-tables-item:hover .btn{
    background-color:#109ad7
}
.pricing-tables-item:hover .pricing-title{
    color:#109ad7
}
.pricing-tables-item .pricing-tables-icon{
    width:130px;
    height:130px;
    border:15px solid #f7f9f9;
    border-radius:50%;
    position:relative;
    margin:0 auto 15px
}
.pricing-tables-item .pricing-tables-icon img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
.pricing-tables-item .pricing-title{
    font-size:34px;
    margin-bottom:11px;
    display:block
}
@media (max-width:980px){
    .pricing-tables-item .pricing-title{
        font-size:26px
    }
}
.pricing-tables-item .pricing-tables-position{
    font-size:16px;
    margin:0 0 21px;
    padding:0;
    list-style:none
}
.pricing-tables-item .pricing-tables-position .position-item{
    margin-bottom:5px
}
.pricing-tables-item .pricing-tables-position .position-item.include{
    color:#fcb03b
}
.pricing-tables-item .pricing-tables-position .position-item .count{
    color:#2f2c2c;
    font-weight:600
}
.pricing-tables-item .rate{
    font-size:24px;
    color:#109ad7;
    margin-bottom:31px
}
.pricing-tables-item .dots{
    position:absolute;
    top:50%;
    right:0;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%)
}
@media (max-width:799px){
    .pricing-tables-item .dots{
        display:none
    }
    .client-item{
        margin-bottom:30px
    }
}
.pricing-tables-head .pricing-tables-item{
    border-radius:10px;
    padding:0;
    overflow:hidden;
    box-shadow:8px 0 87px rgba(0,0,0,.15);
    transition:all .3s ease
}
.pricing-tables-classic .pricing-tables-item,.pricing-tables-colored .pricing-tables-item{
    box-shadow:15px 0 80px rgba(0,0,0,.2);
    border-radius:10px
}
.pricing-tables-head .pricing-tables-item .pricing-head{
    position:relative;
    min-height:125px
}
.pricing-tables-head .pricing-tables-item .pricing-content-wrap{
    margin-top:-60px;
    background-color:#fff;
    padding:0 60px 60px
}
.pricing-tables-head .pricing-tables-item .pricing-content-wrap .pricing-tables-icon{
    background-color:#fff
}
.pricing-tables-head .pricing-tables-item:hover{
    transform:scale(1.1);
    z-index:5
}
.pricing-tables-head .pricing-tables-item:hover .btn{
    background-color:#f15b26
}
.pricing-tables-classic .pricing-tables-item{
    background-color:#fff
}
.pricing-tables-colored .pricing-tables-item .pricing-tables-icon{
    border:none
}
.pricing-tables-colored .pricing-tables-item .pricing-title:hover{
    color:#2f2c2c
}
.pricing-tables-colored .pricing-tables-item .pricing-tables-position .position-item,.pricing-tables-colored .pricing-tables-item .pricing-tables-position .position-item .count{
    color:#fff
}
.pricing-tables-colored .pricing-tables-item .rate,.pricing-tables-colored .pricing-tables-item:hover .pricing-title{
    color:#2f2c2c
}
.pricing-tables-colored .pricing-tables-item:hover .btn{
    border-color:transparent;
    background-color:#2f2c2c
}
.client-item{
    display:inline-block;
    position:relative;
    padding:0 39px
}
@media (max-width:768px){
    .client-item{
        padding:0 20px
    }
}
.client-item .client-image{
    filter:grayscale(1);
    position:relative;
    transition:all .3s ease;
    backface-visibility:hidden;
    text-align:center
}
.client-item .client-image img{
    position:relative;
    backface-visibility:hidden
}
.client-item .client-image{
    filter:grayscale(0);
    backface-visibility:hidden
}
.client-item-style2{
    padding:60px 40px;
    text-align:center;
    transition:all .3s ease;
    float:left
}
.client-item-style2 .client-image{
    position:relative;
    margin-bottom:60px;
    text-align:center
}
.client-item-style2 .client-image img{
    position:relative;
    transition:all .3s ease;
    backface-visibility:hidden
}
.client-item-style2 .client-image img.hover{
    opacity:0;
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
.client-item-style2 .clients-item-title{
    font-size:20px;
    margin-bottom:30px;
    text-transform:uppercase
}
.client-item-style2 .clients-item-text{
    margin-bottom:30px
}
.client-item-style2:hover{
    background-color:#109ad7
}
.client-item-style2:hover .client-image .hover{
    opacity:1
}
.client-item-style2:hover .clients-item-text{
    color:#fff
}
.client-item-style2:hover .btn{
    color:#fff;
    background-color:#2f2c2c;
    border-color:#2f2c2c
}
.client-item-style2:hover .btn .semicircle::after{
    border-color:#fff
}
.load-more{
    text-align:center;
    margin:0 auto;
    cursor:pointer;
    transition:all .3s ease;
    display:block;
    max-width:120px
}
.load-more .load-more-img-wrap{
    margin-bottom:20px;
    position:relative;
    display:block;
    background-image:url(../img/load-more-arrow.png);
    background-position:54% 50%;
    background-repeat:no-repeat
}
.load-more .load-more-img-wrap img{
    position:relative
}
.load-more .load-more-text{
    color:#d7d7d7;
    font-size:16px;
    text-transform:uppercase;
    transition:all .3s ease
}
.load-more:hover .load-more-text{
    color:#109ad7
}
.load-more:hover .load-more-img-wrap{
    animation:rotate-img 1.5s infinite linear
}
.load-more:hover .load-more-img-wrap img{
    animation:rotate-img 2s infinite linear
}
@keyframes rotate-img{
    100%{
        transform:rotate(360deg)
    }
}
.load-more.last-page:hover .load-more-img-wrap,.load-more.last-page:hover .load-more-img-wrap img{
    animation:none
}
.subscribe{
    padding:72px 0;
    overflow:hidden;
    position:relative
}
@media (max-width:640px){
    .subscribe{
        padding:70px 0 170px
    }
}
.subscribe .subscribe-title{
    font-size:30px;
    color:#fff;
    margin-bottom:23px
}
.subscribe .sub-title{
    color:rgba(255,255,255,.5);
    float:left
}
.subscribe .subscribe-form{
    margin-bottom:25px
}
.subscribe .subscribe-form .email{
    background-color:#fff;
    padding:16px 40px;
    font-size:16px;
    color:#797676;
    border-color:transparent;
    border-radius:50px 0 0 50px;
    width:70%;
    float:left
}
.footer,.footer .info .heading .heading-title{
    color:#fff
}
@media (max-width:360px){
    .subscribe .subscribe-form .email{
        width:100%;
        margin-bottom:20px;
        border-radius:50px
    }
}
.subscribe .subscribe-form .subscr-btn{
    display:inline-block;
    background-color:#2f2c2c;
    padding:17px 40px;
    border-radius:0 50px 50px 0;
    font-size:15px;
    text-transform:uppercase;
    width:30%;
    cursor:pointer;
    position:relative;
    color:#fff;
    text-align:center
}
@media (max-width:1024px){
    .subscribe .subscribe-form .subscr-btn{
        padding:19px 6px 22px;
        font-size:13px
    }
}
@media (max-width:980px){
    .subscribe .subscribe-form .subscr-btn .semicircle--right{
        display:none
    }
}
@media (max-width:360px){
    .subscribe .subscribe-form .subscr-btn{
        padding:20px;
        width:100%;
        border-radius:50px
    }
}
.subscribe .images-block img{
    position:absolute;
    opacity:0
}
.subscribe .images-block img.mail{
    left:0;
    bottom:-100%
}
@media (max-width:1024px){
    .subscribe .images-block img.mail{
        width:40%
    }
}
@media (max-width:768px){
    .subscribe .images-block img.mail{
        width:16%
    }
}
@media (max-width:640px){
    .subscribe .images-block img.mail{
        width:40%
    }
}
@media (max-width:360px){
    .subscribe .images-block img.mail{
        width:60%
    }
}
.subscribe .images-block img.gear{
    top:50px;
    right:0
}
@media (max-width:800px){
    .subscribe .images-block img.gear{
        top:10px
    }
}
.subscribe .images-block img.mail-2{
    bottom:-50px;
    right:-100%
}
.footer{
    padding-top:70px;
    background-color:#151414
}
@media (max-width:768px){
    .footer{
        padding-top:40px
    }
}
.footer .info{
    padding-bottom:30px;
    border-bottom:2px solid rgba(255,255,255,.1);
    overflow:hidden
}
.footer .info .heading{
    margin-bottom:23px
}
.footer .info .heading .heading-text{
    font-size:16px;
    line-height:1.6;
    opacity:.4
}
.footer .info .services ul{
    width:50%;
    float:left;
    line-height:1.2
}
.footer .info .services .list--primary>li i{
    margin-right:15px;
    margin-top:3px;
    color:#acacac
}
.footer .info .services .list--primary>li a{
    font-size:14px;
    opacity:1
}
.footer .info .services .list--primary>li:hover i{
    color:#109ad7;
    margin-left:10px
}
.footer .info .services .list--primary>li:hover a{
    color:#109ad7
}
@media (max-width:1024px){
    .footer .info{
        padding-bottom:40px
    }
    .footer .info .services ul{
        width:100%
    }
    .footer .info .socials{
        margin-bottom:30px
    }
}
.footer .contacts{
    padding:25px 0;
    display:flex
}
@media (max-width:570px){
    .footer .contacts{
        display:block
    }
}
.footer .contacts a{
    font-size:24px;
    color:#fff
}
.footer .contacts .contacts-item .content .sub-title{
    opacity:.4
}
.footer a{
    color:rgba(255,255,255,.35);
    transition:all .3s ease
}
.footer a:hover{
    color:#109ad7
}
.footer .sub-footer{
    background-color:#121111;
    padding:30px 0 15px;
    position:relative
}
@media (max-width:768px){
    .footer .sub-footer{
        padding:30px 0
    }
}
.footer .sub-footer span{
    font-size:14px;
    margin-right:30px;
    color:#504D4E
}
@media (max-width:980px){
    .footer .sub-footer span{
        margin-right:0;
        margin-left:0;
        margin-bottom:10px;
        display:block
    }
}
.footer .sub-footer span:last-of-type{
    padding-right:70px
}
.footer.js-fixed-footer{
    width:100%;
    bottom:0;
    left:0;
    right:0;
    position:fixed;
    z-index:1;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.35s;
    -moz-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-timing-function:cubic-bezier(0,0,0,1);
    -moz-transition-timing-function:cubic-bezier(0,0,0,1);
    transition-timing-function:cubic-bezier(0,0,0,1)
}
@media (max-width:768px){
    .footer.js-fixed-footer{
        position:relative
    }
    .block-footer-height{
        display:none
    }
}
.content-wrapper{
    position:relative;
    z-index:2;
    background-color:#fff;
    -webkit-margin-bottom-collapse:separate
}
#overlay,body:before{
    top:0;
    background:rgba(47,44,44,.85)
}
.block-footer-height{
    position:relative;
    width:100%
}
#overlay,.overlay_search,body:before{
    position:fixed;
    height:100%;
    left:0;
    width:100%
}
body:before{
    content:'';
    display:block;
    opacity:0;
    transition:opacity .3s ease;
    z-index:-999
}
body.overlay-enable:before{
    opacity:.8;
    z-index:500
}
#overlay{
    display:none;
    opacity:.8;
    z-index:25
}
.overlay_search{
    z-index:100;
    top:-100%;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden
}
.overlay_search:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    background:rgba(37,35,35,.97);
    width:100%;
    height:0;
    padding-bottom:100%;
    border-radius:100%;
    -webkit-transform:scale(.04) translateY(9999px);
    transform:scale(.04) translateY(9999px);
    overflow:hidden
}
.overlay_search .form_search-wrap{
    position:absolute;
    top:50%;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    min-width:1170px;
    opacity:0
}
@media (max-width:1024px){
    .overlay_search .form_search-wrap{
        min-width:90%;
        padding:0 15px
    }
}
@media (max-width:980px){
    .overlay_search .form_search-wrap{
        min-width:72%
    }
}
@media (max-width:800px){
    .overlay_search .form_search-wrap{
        min-width:90%
    }
}
.overlay_search .form_search-wrap form{
    position:relative;
    transition:all .3s ease
}
.overlay_search .form_search-wrap form .overlay_search-input{
    background-color:transparent;
    padding:0 0 25px;
    border:none;
    border-bottom:2px solid #707070;
    color:#707070;
    font-size:24px;
    transition:all .3s ease
}
.overlay_search .form_search-wrap form .overlay_search-input:hover{
    border-bottom:2px solid #fff;
    color:#acacac
}
.overlay_search .form_search-wrap form .overlay_search-input:hover+.overlay_search-close span{
    background:#acacac
}
.overlay_search .form_search-wrap form .overlay_search-input:focus{
    border-bottom:2px solid #109ad7;
    color:#fff
}
.overlay_search .form_search-wrap form .overlay_search-input:focus+.overlay_search-close span{
    background:#109ad7
}
.overlay_search .form_search-wrap form .overlay_search-close{
    width:30px;
    height:30px;
    position:absolute;
    display:block;
    right:-5px;
    top:0
}
.overlay_search .form_search-wrap form .overlay_search-close span{
    display:block;
    height:2px;
    background:#707070;
    border-radius:10px;
    margin:auto;
    width:100%;
    transition:all .3s ease;
    top:50%;
    position:absolute
}
.overlay_search .form_search-wrap form .overlay_search-close span:first-of-type{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg)
}
.overlay_search .form_search-wrap form .overlay_search-close span:last-of-type{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg)
}
.open .overlay_search{
    top:0
}
.open .overlay_search:before{
    -webkit-animation:menu-animation .8s ease-out forwards;
    animation:menu-animation .8s ease-out forwards
}
.open .overlay_search .form_search-wrap{
    opacity:1;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
    -webkit-transition:opacity 3s ease-out,-webkit-transform 1s ease-out;
    transition:opacity 1s ease-out,-webkit-transform .5s ease-out;
    transition:transform .5s ease-out,opacity 1s ease-out;
    transition:transform .5s ease-out,opacity 1s ease-out,-webkit-transform .5s ease-out;
    transition-delay:.5s
}
@-webkit-keyframes menu-animation{
    0%{
        opacity:0;
        -webkit-transform:scale(.04) translateY(300%);
        transform:scale(.04) translateY(300%)
    }
    40%{
        -webkit-transition:ease-out;
        transition:ease-out;
        -webkit-transform:scale(.04) translateY(0);
        transform:scale(.04) translateY(0)
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.02) translateY(0);
        transform:scale(.02) translateY(0)
    }
    61%{
        -webkit-transform:scale(.04);
        transform:scale(.04)
    }
    99.9%{
        height:0;
        padding-bottom:100%;
        border-radius:100%
    }
    100%{
        -webkit-transform:scale(2);
        transform:scale(2);
        height:100%;
        padding-bottom:0;
        border-radius:0
    }
}
@keyframes menu-animation{
    0%{
        opacity:0;
        -webkit-transform:scale(.04) translateY(300%);
        transform:scale(.04) translateY(300%)
    }
    40%{
        -webkit-transition:ease-out;
        transition:ease-out;
        -webkit-transform:scale(.04) translateY(0);
        transform:scale(.04) translateY(0)
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.02) translateY(0);
        transform:scale(.02) translateY(0)
    }
    61%{
        -webkit-transform:scale(.04);
        transform:scale(.04)
    }
    99.9%{
        height:0;
        padding-bottom:100%;
        border-radius:100%
    }
    100%{
        -webkit-transform:scale(2);
        transform:scale(2);
        height:100%;
        padding-bottom:0;
        border-radius:0
    }
}
.right-menu{
    position:fixed;
    right:0;
    top:0;
    max-width:500px;
    height:100%;
    z-index:555;
    transition:all .4s ease;
    transform:translateX(100%);
    will-change:transform;
    background-color:#fff
}
.right-menu.opened{
    transform:translateX(0)
}
.right-menu.opened .right-menu-wrap .user-menu-close{
    transform:scale(1);
    opacity:1
}
@media (max-width:570px){
    .right-menu{
        display:none
    }
}
.right-menu .right-menu-wrap{
    padding:80px 75px 0 70px;
    background-color:#fff
}
.right-menu .right-menu-wrap .user-menu-close{
    position:absolute;
    left:-36px;
    top:83px;
    width:70px;
    height:70px;
    border:3px solid #2f2c2c;
    border-radius:50%;
    z-index:35;
    transform:scale(0);
    opacity:0;
    transition:all .3s ease;
    transition-delay:.3s
}
@media (max-width:768px){
    .right-menu .right-menu-wrap .user-menu-close{
        width:50px;
        height:50px;
        border-width:3px;
        left:auto;
        right:15px;
        top:15px
    }
}
.right-menu .right-menu-wrap .user-menu-close .user-menu-content{
    width:64px;
    height:64px;
    background-color:#109ad7;
    border:4px solid #fff;
    border-radius:50%;
    position:relative;
    display:block
}
@media (max-width:768px){
    .right-menu .right-menu-wrap .user-menu-close .user-menu-content{
        width:44px;
        height:44px;
        border-width:2px
    }
}
.right-menu .right-menu-wrap .user-menu-close .user-menu-content span{
    display:block;
    height:3px;
    background:#fff;
    border-radius:10px;
    margin:auto;
    width:50%;
    transition:all .3s ease;
    left:25%;
    top:50%;
    position:absolute
}
.right-menu .right-menu-wrap .user-menu-close .user-menu-content span:first-of-type{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg)
}
.right-menu .right-menu-wrap .user-menu-close .user-menu-content span:last-of-type{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg)
}
.right-menu .text{
    margin-bottom:0
}
.right-menu .login .heading-title,.right-menu .login .login-title{
    font-size:30px;
    margin-bottom:20px
}
.right-menu .login .login-btn-wrap{
    overflow:hidden;
    padding-bottom:20px;
    display:table
}
.right-menu .login .login-btn-wrap .btn{
    float:left;
    margin-right:20px
}
.right-menu .login .login-btn-wrap .remember-wrap{
    display:table-cell;
    vertical-align:middle
}
.right-menu .login .login-btn-wrap .remember-wrap .checkbox{
    position:relative
}
.right-menu .login .login-btn-wrap .remember-wrap .checkbox input[type=checkbox]{
    display:none
}
.right-menu .login .login-btn-wrap .remember-wrap .checkbox label{
    padding-left:30px;
    color:#2f2c2c
}
.right-menu .login .login-btn-wrap .remember-wrap .checkbox label:before{
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    position:absolute;
    left:0;
    bottom:5px;
    border-radius:3px;
    background-color:#109ad7;
    border:none
}
.right-menu .login .login-btn-wrap .remember-wrap .checkbox input[type=checkbox]:checked+label:before{
    content:"\2714";
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:14px
}
.right-menu .login .helped,.right-menu .login .helped a{
    color:#109ad7;
    font-size:16px;
    cursor:pointer;
    margin-bottom:5px
}
.right-menu .login input{
    margin-bottom:25px
}
.right-menu .contacts{
    display:block
}
.right-menu .contacts .contacts-title,.right-menu .contacts .heading-title{
    font-size:30px;
    margin-bottom:20px
}
.right-menu .contacts .contacts-text{
    margin-bottom:30px
}
.right-menu .contacts .contacts-item{
    margin-bottom:20px
}
.right-menu .contacts .contacts-item img{
    float:left;
    margin:auto 30px auto auto
}
.right-menu .contacts .contacts-item .content{
    overflow:hidden
}
.right-menu .contacts .contacts-item .content a{
    font-size:22px;
    color:#2f2c2c;
    transition:all .3s ease
}
.right-menu .contacts .contacts-item .content a:hover{
    color:#109ad7
}
.right-menu .contacts .contacts-item .content .sub-title{
    font-size:14px;
    color:#acacac;
    margin-bottom:0
}
.features-item a:hover,.features-item:hover .read-more,.features-item:hover a{
    color:#109ad7
}
.right-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color:#109ad7
}
.right-menu .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color:rgba(76,194,192,.85)
}
.right-menu .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.right-menu .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background-color:rgba(76,194,192,.9)
}
.right-menu .mCSB_scrollTools .mCSB_draggerRail{
    background-color:rgba(76,194,192,.5)
}
.right-menu .widget{
    padding:30px 70px 40px 60px;
    margin-bottom:0
}
.right-menu .widget:nth-child(even){
    background-color:transparent
}
.right-menu .widget:nth-child(odd){
    background-color:#f7f9f9
}
.features-item{
    text-align:center;
    padding:20px 0
}
.features-item .features-item__thumb{
    margin-bottom:30px
}
.features-item a{
    margin-bottom:10px;
    font-size:30px;
    display:block
}
@media (max-width:570px){
    .features-item a{
        font-size:24px
    }
}
.features-item .features-text{
    font-size:16px;
    margin-bottom:19px;
    -moz-hyphens:auto;
    -webkit-hyphens:auto;
    -ms-hyphens:auto
}
.features-item .read-more{
    font-size:16px;
    color:#ccc;
    display:block
}
.contacts .contacts-item .content .title:hover,.features-item .read-more:hover{
    color:#109ad7
}
.features-item .read-more i{
    margin-left:10px;
    font-size:13px
}
@media (max-width:1024px){
    .contacts{
        display:block
    }
    .contacts .contacts-item{
        margin-bottom:25px
    }
}
.contacts .contacts-item .icon{
    width:70px;
    height:70px;
    float:left;
    margin-right:30px
}
.contacts .contacts-item img{
    float:left;
    margin:auto 30px auto auto
}
.contacts .contacts-item .content{
    margin-left:auto;
    overflow:hidden
}
.contacts .contacts-item .content .title{
    font-size:22px
}
@media (max-width:1024px){
    .contacts .contacts-item .content .title{
        font-size:13px
    }
}
.contacts .contacts-item .content .sub-title{
    font-size:16px
}
@media (max-width:1024px){
    .contacts .contacts-item .content .sub-title{
        font-size:13px
    }
}
.contacts-shadow{
    box-shadow:40px 0 80px rgba(0,0,0,.15)
}
#map{
    width:100%;
    height:620px
}
textarea{
    width:100%;
    min-height:140px
}
.contact-form{
    margin-top:30px;
    position:relative
}
.contact-form abbr{
    text-decoration:none
}
.contact-form .checked{
    position:absolute;
    right:10px;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    margin-top:-15px
}
.contact-form .checked-icon{
    position:relative;
    display:block
}
.contact-form .checked-icon:after{
    content:"\e908";
    font-family:seosight;
    position:absolute;
    right:10px;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    margin-top:-15px;
    color:#109ad7
}
.contact-form .focus-white:focus{
    background-color:#fff
}
.contact-form textarea{
    min-height:200px
}
.contact-form input{
    margin-bottom:30px
}
.input-title{
    color:#fff;
    font-size:16px;
    margin-bottom:15px;
    display:block
}
.input-title abbr[title]{
    color:#f04e4e;
    margin-left:3px
}
.input-title .optional{
    color:#797676;
    font-size:14px;
    margin-left:10px
}
.submit-block{
    overflow:hidden;
    padding-bottom:30px
}
.submit-block .btn{
    width:100%;
    text-align:center;
    text-transform:uppercase
}
.submit-block .submit-block-text{
    font-size:14px
}
@media (max-width:360px){
    .submit-block{
        display:block
    }
}
@media (max-width:768px){
    .submit-block .btn{
        margin-bottom:30px
    }
    .submit-block .table-cell{
        float:left
    }
}
.remember-wrap{
    display:table-cell;
    vertical-align:middle
}
.remember-wrap .checkbox{
    position:relative
}
.remember-wrap .checkbox input[type=checkbox]{
    display:none
}
.remember-wrap .checkbox label{
    padding-left:30px;
    color:#2f2c2c
}
.remember-wrap .checkbox label:before{
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    position:absolute;
    left:0;
    bottom:5px;
    border-radius:3px;
    background-color:#109ad7;
    border:none
}
.remember-wrap .checkbox input[type=checkbox]:checked+label:before{
    content:"\2714";
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:14px
}
.remember-wrap .checkbox.gray label:before{
    background-color:#dce1e1
}
.choose-select:after,.remember-wrap .choose-select:after{
    content:'\e908';
    width:60px;
    height:64px;
    background-color:#f1f3f3;
    border-left:2px solid #e3e9e9;
    border-radius:0 50px 50px 0;
    font-family:seosight;
    line-height:64px;
    text-align:center;
    cursor:pointer;
    display:block;
    top:0
}
.remember-wrap .checkbox.gray input[type=checkbox]:checked+label:before{
    color:#109ad7
}
.remember-wrap .choose-select{
    position:relative;
    display:block
}
.remember-wrap .choose-select:after{
    position:absolute;
    right:0
}
.remember-wrap .choose-select .checked{
    color:#cfcfcf;
    right:15px;
    margin-top:0
}
.choose-select{
    position:relative;
    display:block
}
.choose-select:after{
    position:absolute;
    right:0
}
.choose-select .checked{
    color:#cfcfcf;
    right:15px;
    margin-top:0
}
.cart-main{
    border-radius:10px;
    overflow:hidden;
    box-shadow:15px 0 65px rgba(0,0,0,.3);
    margin-bottom:80px
}
.cart-main tbody{
    background-color:#fff
}
.cart-main tbody .cart_item{
    position:relative
}
.cart-main tbody .cart_item:after{
    content:'';
    display:block;
    width:95%;
    height:2px;
    background-color:#f7f9f9;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
.cart-main .cart-product-wrap-title-main tr>th{
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
    background-color:#2f2c2c;
    padding:30px 0;
    text-align:left
}
@media (max-width:460px){
    .cart-main .cart-product-wrap-title-main tr>th{
        font-size:12px
    }
}
.cart-main .cart_item td{
    padding:40px 0
}
.cart-main .cart_item .product-remove .product-del{
    position:relative;
    font-size:20px;
    cursor:pointer;
    padding:0 55px;
    color:#ed1c24;
    display:block
}
@media (max-width:768px){
    .cart-main .cart_item .product-remove .product-del{
        padding:0 15px
    }
}
.cart-main .cart_item .product-thumbnail .cart-product__item{
    display:flex;
    align-items:center
}
@media (max-width:360px){
    .cart-main .cart_item .product-thumbnail .cart-product__item{
        display:block
    }
}
.cart-main .cart_item .product-thumbnail .cart-product__item img{
    float:left;
    margin-right:40px;
    display:table-cell;
    vertical-align:middle
}
@media (max-width:460px){
    .cart-main .cart_item .product-remove .product-del{
        padding:0 7px;
        font-size:9px
    }
    .cart-main .cart_item .product-thumbnail .cart-product__item img{
        margin-right:0
    }
}
.cart-main .cart_item .product-thumbnail .cart-product__item .cart-product-content{
    text-align:left
}
.cart-main .cart_item .product-thumbnail .cart-product__item .cart-product-content .cart-author{
    margin-bottom:5px
}
.cart-main .cart_item .product-thumbnail .cart-product__item .cart-product-content .cart-product-title{
    line-height:1
}
.cart-main .cart_item .product-quantity .quantity{
    overflow:hidden
}
.cart-main .cart_item .product-quantity .quantity .quantity-minus{
    display:block;
    float:left;
    padding:0 20px;
    background-color:#f1f3f3;
    border-radius:50px 0 0 50px;
    font-size:40px;
    border-right:2px solid #e3e9e9;
    color:#cfcfcf;
    transition:all .3s ease
}
@media (max-width:980px){
    .cart-main .cart_item .product-quantity .quantity .quantity-minus{
        font-size:20px;
        padding:0 10px
    }
}
@media (max-width:480px){
    .cart-main .cart_item .product-quantity .quantity .quantity-minus{
        font-size:14px;
        padding:0 5px
    }
}
.cart-main .cart_item .product-quantity .quantity .quantity-minus:hover{
    background-color:#109ad7;
    color:#fff;
    border-color:#109ad7
}
.cart-main .cart_item .product-quantity .quantity input{
    max-width:70px;
    float:left;
    background-color:#f7f9f9;
    padding:18px 20px;
    font-size:16px;
    text-align:center;
    border-radius:0;
    margin-bottom:0
}
@media (max-width:980px){
    .cart-main .cart_item .product-quantity .quantity input{
        font-size:18px;
        padding:0 10px;
        max-width:40px
    }
}
@media (max-width:480px){
    .cart-main .cart_item .product-quantity .quantity input{
        font-size:14px;
        padding:0 5px;
        max-width:30px
    }
}
.cart-main .cart_item .product-quantity .quantity .quantity-plus{
    display:block;
    float:left;
    padding:0 20px;
    background-color:#f1f3f3;
    border-radius:0 50px 50px 0;
    font-size:40px;
    border-left:2px solid #e3e9e9;
    color:#cfcfcf;
    transition:all .3s ease
}
@media (max-width:980px){
    .cart-main .cart_item .product-quantity .quantity .quantity-plus{
        font-size:20px;
        padding:0 10px
    }
    .cart-main .actions .coupon{
        margin-bottom:30px
    }
}
@media (max-width:480px){
    .cart-main .cart_item .product-quantity .quantity .quantity-plus{
        font-size:14px;
        padding:0 5px
    }
}
.cart-main .cart_item .product-quantity .quantity .quantity-plus:hover{
    background-color:#109ad7;
    color:#fff;
    border-color:#109ad7
}
.cart-main .cart_item .product-subtotal .total,.cart-total .cart-total-total .price{
    color:#f26522
}
.cart-main .cart_item .product-subtotal{
    padding-right:45px
}
@media (max-width:570px){
    .cart-main .cart_item .product-subtotal{
        padding-right:10px
    }
}
.cart-main .actions{
    padding:40px 70px;
    background-color:#f1f3f3;
    overflow:hidden
}
@media (max-width:570px){
    .cart-main .actions{
        padding:30px
    }
}
.cart-main .actions .coupon{
    float:left
}
.cart-main .actions .coupon input{
    width:auto;
    border-radius:50px 0 0 50px;
    background-color:#fff;
    padding:19px 40px;
    float:left;
    margin-bottom:0
}
@media (max-width:600px){
    .cart-main .actions .coupon input{
        border-radius:50px;
        margin-bottom:30px
    }
}
.cart-main .actions .coupon .btn-medium{
    border-radius:0 50px 50px 0;
    float:left
}
@media (max-width:768px){
    .cart-main .actions .coupon .btn-medium{
        padding:23px 31px
    }
}
@media (max-width:600px){
    .cart-main .actions .coupon .btn-medium{
        border-radius:50px
    }
}
.cart-main .actions .btn{
    float:right
}
@media (max-width:980px){
    .cart-main .actions .btn{
        float:left
    }
}
.cart-total{
    text-align:center
}
.cart-total .cart-total-title{
    font-size:40px;
    margin-bottom:30px
}
.cart-total .cart-total-subtotal{
    margin-bottom:5px
}
.cart-total .cart-total-total{
    margin-bottom:40px
}
.cart-total .btn-medium{
    padding-left:105px;
    padding-right:105px
}
.cart-title{
    text-align:center;
    margin-bottom:60px
}
.interested-products .heading{
    margin-bottom:50px
}
.interested-products .books-item{
    margin-bottom:60px
}
#items-grid>div.animate{
    -webkit-transform:translateY(200px);
    transform:translateY(200px);
    -webkit-animation:moveUp .65s ease forwards;
    animation:moveUp .65s ease forwards
}
@-webkit-keyframes moveUp{
    100%{
        -webkit-transform:translateY(0);
        opacity:1
    }
}
@keyframes moveUp{
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
.cd-horizontal-timeline{
    opacity:0;
    margin:2em auto;
    -webkit-transition:opacity .2s;
    -moz-transition:opacity .2s;
    transition:opacity .2s
}
.cd-horizontal-timeline::before{
    content:'mobile';
    display:none
}
.cd-horizontal-timeline.loaded{
    opacity:1
}
.cd-horizontal-timeline .timeline{
    position:relative;
    height:100px;
    margin:0 auto
}
.cd-horizontal-timeline .events-wrapper{
    position:relative;
    height:100%;
    margin:0 60px;
    overflow:hidden
}
.cd-horizontal-timeline .events ol,.cd-timeline-navigation{
    margin:0;
    list-style:none
}
.cd-horizontal-timeline .events-wrapper::after,.cd-horizontal-timeline .events-wrapper::before{
    content:'';
    position:absolute;
    z-index:2;
    top:49px;
    height:6px;
    width:20px
}
.cd-horizontal-timeline .events-wrapper::before{
    left:0;
    background-image:-webkit-linear-gradient(left,#f8f8f8,rgba(248,248,248,0));
    background-image:linear-gradient(to right,#f8f8f8,rgba(248,248,248,0))
}
.cd-horizontal-timeline .events-wrapper::after{
    right:0;
    background-image:-webkit-linear-gradient(right,#f8f8f8,rgba(248,248,248,0));
    background-image:linear-gradient(to left,#f8f8f8,rgba(248,248,248,0))
}
.cd-horizontal-timeline .events{
    position:absolute;
    z-index:1;
    left:0;
    top:49px;
    height:6px;
    background:#fecb16;
    -webkit-transition:-webkit-transform .4s;
    -moz-transition:-moz-transform .4s;
    transition:transform .4s
}
.cd-horizontal-timeline .filling-line{
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background-color:#109ad7;
    -webkit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:left center;
    -moz-transform-origin:left center;
    -ms-transform-origin:left center;
    -o-transform-origin:left center;
    transform-origin:left center;
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    transition:transform .3s
}
.cd-horizontal-timeline .events a{
    position:absolute;
    bottom:-60px;
    z-index:2;
    text-align:center;
    font-size:1.3rem;
    padding-bottom:15px;
    color:#acacac;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0)
}
.cd-horizontal-timeline .events a::after{
    content:'';
    position:absolute;
    left:50%;
    right:auto;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:50px;
    height:30px;
    width:30px;
    border-radius:50%;
    border:2px solid #fecb16;
    background-color:#fff;
    -webkit-transition:background-color .3s,border-color .3s;
    -moz-transition:background-color .3s,border-color .3s;
    transition:background-color .3s,border-color .3s
}
.cd-horizontal-timeline .events a.selected::after,.no-touch .cd-horizontal-timeline .events a:hover::after{
    background-color:#109ad7;
    border-color:#109ad7
}
.cd-horizontal-timeline .events a.selected{
    pointer-events:none;
    color:#109ad7
}
.cd-horizontal-timeline .events a.older-event::after{
    border-color:#109ad7
}
.cd-horizontal-timeline .events a.older-event{
    color:#109ad7
}
.cd-timeline-navigation a{
    position:absolute;
    z-index:1;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:40px;
    width:40px;
    border-radius:50%;
    border:2px solid #dfdfdf;
    overflow:hidden;
    color:transparent;
    white-space:nowrap;
    -webkit-transition:border-color .3s;
    -moz-transition:border-color .3s;
    transition:border-color .3s
}
.cd-timeline-navigation a:before{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#d7d7d7;
    font-size:20px;
    transition:all .3s ease
}
.cd-timeline-navigation a.prev{
    left:0;
    -webkit-transform:translateY(-50%) rotate(180deg);
    -moz-transform:translateY(-50%) rotate(180deg);
    -ms-transform:translateY(-50%) rotate(180deg);
    -o-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg)
}
.cd-timeline-navigation a.next{
    right:0
}
.no-touch .cd-timeline-navigation a:hover{
    border-color:#109ad7
}
.no-touch .cd-timeline-navigation a:hover:before{
    color:#109ad7
}
.cd-timeline-navigation a.inactive{
    cursor:not-allowed
}
.no-touch .cd-timeline-navigation a.inactive:hover{
    border-color:#dfdfdf
}
.cd-timeline-navigation a.inactive:hover:before{
    color:#d7d7d7
}
.cd-horizontal-timeline .events-content{
    position:relative;
    width:100%;
    margin:80px 0;
    -webkit-transition:height .4s;
    -moz-transition:height .4s;
    transition:height .4s
}
.cd-horizontal-timeline .events-content ol{
    list-style:none;
    padding:0;
    margin:0
}
.cd-horizontal-timeline .events-content li{
    position:absolute;
    z-index:1;
    width:100%;
    left:0;
    top:0;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    padding:0;
    opacity:0;
    -webkit-animation-duration:.4s;
    -moz-animation-duration:.4s;
    animation-duration:.4s;
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.cd-horizontal-timeline .events-content li.selected{
    position:relative;
    z-index:2;
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.cd-horizontal-timeline .events-content li.enter-right,.cd-horizontal-timeline .events-content li.leave-right{
    -webkit-animation-name:cd-enter-right;
    -moz-animation-name:cd-enter-right;
    animation-name:cd-enter-right
}
.cd-horizontal-timeline .events-content li.enter-left,.cd-horizontal-timeline .events-content li.leave-left{
    -webkit-animation-name:cd-enter-left;
    -moz-animation-name:cd-enter-left;
    animation-name:cd-enter-left
}
.cd-horizontal-timeline .events-content li.leave-left,.cd-horizontal-timeline .events-content li.leave-right{
    -webkit-animation-direction:reverse;
    -moz-animation-direction:reverse;
    animation-direction:reverse
}
.cd-horizontal-timeline .events-content li>*{
    margin:0 auto
}
.cd-horizontal-timeline .events-content h2{
    font-size:2.6rem;
    font-family:"Playfair Display",serif;
    font-weight:700;
    line-height:1.2
}
.cd-horizontal-timeline .events-content em{
    display:block;
    font-style:italic;
    margin:10px auto;
    line-height:1.6
}
.cd-horizontal-timeline .events-content em::before{
    content:'- '
}
.time-line-content .time-line-subtitle{
    color:#acacac;
    margin-bottom:20px
}
.time-line-content .time-line-title{
    margin-bottom:20px;
    font-size:30px;
    line-height:1.2
}
.time-line-content .time-line-text{
    font-size:18px;
    color:#acacac
}
@media (max-width:570px){
    .time-line-thumb{
        margin-bottom:30px
    }
}
@-webkit-keyframes cd-enter-right{
    0%{
        opacity:0;
        -webkit-transform:translateX(100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes cd-enter-right{
    0%{
        opacity:0;
        -moz-transform:translateX(100%)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@keyframes cd-enter-right{
    0%{
        opacity:0;
        -webkit-transform:translateX(100%);
        -moz-transform:translateX(100%);
        -ms-transform:translateX(100%);
        -o-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes cd-enter-left{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes cd-enter-left{
    0%{
        opacity:0;
        -moz-transform:translateX(-100%)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@keyframes cd-enter-left{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}
.teammembers-item{
    text-align:center
}
.teammembers-item img{
    margin-bottom:30px
}
.teammembers-item .teammembers-item-name{
    margin-bottom:5px
}
.teammembers-item .teammembers-item-prof{
    margin-bottom:15px
}
.teammembers-item .socials .social__item{
    margin-left:10px
}
.skills .skills-item{
    margin-bottom:25px
}
.skills .skills-item .skills-item-info{
    margin-bottom:15px
}
.skills .skills-item .skills-item-info .skills-item-title{
    font-size:16px;
    color:#797676
}
.skills .skills-item .skills-item-info .skills-item-count{
    font-size:16px;
    color:#fff;
    float:right
}
.skills .skills-item .skills-item-meter{
    padding:0 5px;
    width:100%;
    border-radius:10px;
    background-color:#373434;
    position:relative;
    height:17px
}
.skills .skills-item .skills-item-meter .skills-item-meter-active{
    position:relative;
    height:6px;
    display:inline-block;
    border-radius:5px;
    bottom:6px;
    opacity:0;
    transition:all .2s ease
}
.skills .skills-item .skills-item-meter .skills-item-meter-active.skills-animate{
    animation:skills-animated 1.2s ease-out
}
.skills .skills-item .skills-item-meter .skills-item-meter-active.skills-animate-opacity{
    animation:skills-animated-opacity .2s ease-out
}
.skills .skills-item .skills-item-meter .skills-item-meter-active:after{
    content:'';
    display:block;
    width:25px;
    height:25px;
    border:4px solid;
    border-color:inherit;
    border-radius:100%;
    position:absolute;
    right:-23px;
    top:50%;
    transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%)
}
.skills .skills-item .skills-item-meter.bg-border-color{
    background-color:#f7f9f9
}
@keyframes skills-animated{
    0%{
        width:0
    }
}
@keyframes skills-animated-opacity{
    100%{
        opacity:1
    }
}
.books-grid .books-grid-control{
    text-align:center;
    margin-bottom:60px
}
.books-grid .books-grid-control .showing{
    margin-right:60px;
    display:inline-block;
    font-size:16px;
    color:#acacac
}
@media (max-width:480px){
    .books-grid .books-grid-control .showing{
        margin-right:30px
    }
}
.books-grid .books-grid-control .showing span{
    color:#2f2c2c
}
.books-grid .books-grid-control .sort{
    display:inline-block;
    font-size:16px;
    position:relative
}
.books-grid .books-grid-control .sort .nice-select{
    min-width:300px
}
.books-grid .books-grid-control .sort .dropdown-sort-menu{
    padding:15px;
    text-align:left;
    background-color:#109ad7;
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:100%;
    right:0;
    transition:all .3s ease;
    z-index:10
}
.books-grid .books-grid-control .sort .dropdown-sort-menu .dropdown-sort-submenu{
    padding:10px
}
.books-grid .books-grid-control .sort .dropdown-sort-menu .dropdown-sort-submenu a{
    color:#fff;
    transition:all .3s ease;
    width:100%;
    display:block
}
.books-grid .books-grid-control .sort .dropdown-sort-menu .dropdown-sort-submenu:hover a{
    color:#2f2c2c
}
.books-item{
    text-align:center;
    background-color:#f7f9f9;
    padding:60px
}
@media (max-width:1024px){
    .books-item{
        padding:30px
    }
}
@media (max-width:768px){
    .books-item{
        margin:0 15px 30px
    }
}
.books-item .books-item-thumb{
    position:relative;
    max-width:170px;
    margin:0 auto 40px
}
.books-item .books-item-thumb .new,.books-item .books-item-thumb .sale{
    width:55px;
    height:55px;
    line-height:55px;
    position:absolute;
    top:-15px;
    left:-15px;
    color:#fff;
    display:none;
    font-size:14px;
    border-radius:100%;
    text-align:center
}
.books-item .books-item-thumb .overlay-books{
    background-color:rgba(255,255,255,.7);
    opacity:0
}
.books-item .books-item-thumb .new{
    background-color:#8dc63f
}
.books-item .books-item-thumb .sale{
    background-color:#f15b26
}
.books-item .books-item-info{
    margin-bottom:30px
}
.books-item .books-item-info .books-author{
    font-size:14px;
    color:#acacac;
    margin-bottom:20px
}
.books-item .books-item-info .books-title{
    margin-bottom:20px
}
.books-item .books-item-info .books-price{
    font-size:16px;
    color:#f26522
}
.books-item .books-item-info .books-price .del{
    font-size:14px;
    color:#acacac;
    text-decoration:line-through;
    margin-right:5px
}
.books-item .books-item-info .books-price.free{
    color:#8dc63f
}
.books-item.new .new,.books-item.sale .sale{
    display:block
}
.books-item.added .overlay-books{
    opacity:1
}
.books-item.added .books-item-info .books-title{
    color:#109ad7
}
@media (max-width:570px){
    .pie-chart-item{
        margin-bottom:30px
    }
    .product-details{
        overflow:hidden
    }
}
.pie-chart-item .pie-chart{
    width:170px;
    height:170px;
    position:relative;
    border-radius:100%;
    border:5px solid #f7f9f9;
    float:left;
    margin-right:30px
}
@media (max-width:980px){
    .pie-chart-item .pie-chart{
        float:none;
        margin-bottom:30px
    }
}
.pie-chart-item .pie-chart:after{
    content:'';
    display:block;
    width:145px;
    height:145px;
    background-color:transparent;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    border-radius:100%;
    border:5px solid #f7f9f9;
    z-index:-1
}
.pie-chart-item .pie-chart .content{
    font-size:40px;
    color:#2f2c2c;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
.pie-chart-item .pie-chart img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
.pie-chart-item .pie-chart-content{
    overflow:hidden
}
.pie-chart-item .pie-chart-content .pie-chart-content-title{
    line-height:1.2;
    margin-bottom:15px
}
.pie-chart-item .pie-chart-content .pie-chart-content-text{
    margin-bottom:20px
}
.pie-chart-item .pie-chart-content a{
    color:#acacac;
    transition:all .3s ease;
    font-size:16px
}
.pie-chart-item .pie-chart-content a i{
    margin-left:10px;
    transition:all .3s ease;
    font-size:12px
}
.pie-chart-item .pie-chart-content a:hover,.pie-chart-item .pie-chart-content a:hover i{
    color:#109ad7
}
.pie-chart canvas{
    max-width:100%
}
.product-details .product-details-thumb{
    padding:80px 100px 130px;
    position:relative;
    background-color:#f7f9f9;
    box-shadow:0 25px 40px rgba(0,0,0,.3);
    text-align:center;
    margin-bottom:30px
}
.product-details .product-details-thumb .product-details-img-wrap{
    position:relative;
    max-width:271px;
    margin:0 auto
}
.product-details .product-details-thumb .product-details-img-wrap .sale{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    position:absolute;
    top:-25px;
    left:-43px;
    background-color:#f15b26;
    font-size:18px;
    color:#fff;
    border-radius:100%
}
.product-details .product-details-thumb .pagination,.product-details .product-details-thumb .swiper-pagination{
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
@media (max-width:980px){
    .product-details .product-details-thumb{
        padding:30px
    }
    .product-details .product-details-thumb .pagination,.product-details .product-details-thumb .swiper-pagination{
        bottom:10px
    }
}
.product-details .product-details-thumb .pagination .swiper-pagination-bullet,.product-details .product-details-thumb .swiper-pagination .swiper-pagination-bullet{
    background-color:#d7d7d7
}
.product-details .product-details-thumb .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.product-details .product-details-thumb .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:transparent;
    border:2px solid #109ad7
}
.product-details .swiper-container{
    padding-bottom:80px;
    margin-bottom:-80px;
    overflow:visible
}
.product-details .swiper-container .swiper-slide{
    opacity:0!important
}
.product-details .swiper-container .swiper-slide.swiper-slide-active{
    opacity:1!important
}
@media (max-width:570px){
    .product-details .swiper-container .swiper-slide.swiper-slide-active{
        position:absolute;
        left:50%;
        transform:translate(-50%,0)!important;
        display:block
    }
    .product-details .product-details-info{
        padding-top:40px
    }
}
.product-details .product-details-info{
    padding-bottom:40px;
    margin-bottom:40px;
    border-bottom:2px solid #f7f9f9;
    position:relative;
    z-index:10
}
.product-details .product-details-info .product-details-info-price{
    color:#f26522;
    font-size:24px;
    margin-bottom:15px
}
.product-details .product-details-info .product-details-info-price .del{
    color:#ccc;
    font-size:18px;
    margin-right:15px;
    text-decoration:line-through
}
.product-details .product-details-info .product-details-info-title{
    margin-bottom:20px
}
.product-details .product-details-info .product-details-info-ratings{
    margin-bottom:35px
}
.product-details .product-details-info .product-details-info-ratings .ratings{
    display:inline-block;
    margin-right:20px;
    color:#ccc
}
.product-details .product-details-info .product-details-info-ratings .ratings .fa-star{
    color:#fcd846
}
.product-details .product-details-info .product-details-info-ratings .reviews{
    display:inline-block;
    font-size:16px;
    color:#109ad7
}
.product-details .product-details-info .product-details-info-text{
    margin-bottom:40px
}
.product-details .product-details-info .quantity{
    overflow:hidden;
    margin-right:30px;
    float:left
}
@media (max-width:980px){
    .product-details .product-details-info .quantity{
        margin-bottom:30px
    }
}
.product-details .product-details-info .quantity .quantity-minus{
    display:block;
    float:left;
    padding:0 20px;
    background-color:#f1f3f3;
    border-radius:50px 0 0 50px;
    font-size:40px;
    border-right:2px solid #e3e9e9;
    color:#cfcfcf;
    transition:all .3s ease;
    height:65px;
    line-height:65px
}
.product-details .product-details-info .quantity .quantity-minus:hover{
    color:#fff;
    background-color:#2f2c2c;
    border-right-color:#2f2c2c
}
.product-details .product-details-info .quantity input{
    max-width:70px;
    float:left;
    background-color:#f7f9f9;
    padding:18px 20px;
    font-size:16px;
    text-align:center;
    border-radius:0;
    height:65px
}
.product-details .product-details-info .quantity .quantity-plus{
    display:block;
    float:left;
    padding:0 20px;
    background-color:#f1f3f3;
    border-radius:0 50px 50px 0;
    font-size:40px;
    border-left:2px solid #e3e9e9;
    color:#cfcfcf;
    transition:all .3s ease;
    height:65px;
    line-height:65px
}
.product-details .product-details-info .quantity .quantity-plus:hover{
    color:#fff;
    background-color:#2f2c2c;
    border-right-color:#2f2c2c
}
.product-details .product-details-info .btn i{
    font-size:18px
}
.product-details .product-details-add-info .author{
    font-size:16px;
    color:#2f2c2c;
    margin-bottom:15px
}
.product-details .product-details-add-info .author .author-name{
    color:#109ad7
}
.product-details .product-details-add-info .tags{
    font-size:16px;
    color:#2f2c2c;
    margin-bottom:15px
}
.product-details .product-details-add-info .tags .tags-item{
    color:#acacac
}
.product-details .product-details-add-info .tags .tags-item:hover{
    color:#109ad7
}
.product-details .product-details-add-info .socials{
    font-size:16px;
    color:#2f2c2c;
    margin-bottom:15px
}
.product-details .product-details-add-info .socials .social__item i{
    font-size:20px;
    color:#d7d7d7;
    transition:all .3s ease
}
.product-details .product-details-add-info .socials .social__item:hover i{
    color:#08acee
}
.product-details .product-details-add-info .socials .social__item:first-child{
    margin-left:15px
}
.product-description{
    background-color:#f7f9f9;
    position:relative;
    padding-bottom:120px
}
.product-description:before{
    content:'';
    display:block;
    width:100%;
    height:77px;
    background-color:#fff;
    position:relative
}
.product-description .tab-content>.tab-pane{
    display:none
}
.product-description .tab-content>.tab-pane.active{
    display:block
}
.product-description .product-description-control{
    margin-top:-77px;
    margin-bottom:50px;
    float:left;
    padding:0
}
.product-description .product-description-control li{
    display:inline-block
}
.product-description .product-description-control li .control-item{
    padding:25px 70px;
    text-align:center;
    text-transform:uppercase;
    background-color:#f1f3f3;
    border-right:2px solid #e3e9e9;
    border-radius:50px 0 0;
    position:relative;
    font-size:18px;
    float:left
}
@media (max-width:480px){
    .product-description .product-description-control li .control-item{
        padding:25px 30px;
        font-size:16px
    }
    .product-description .product-description-control{
        margin-top:-74px
    }
}
.product-description .product-description-control li .control-item:before{
    content:'';
    display:block;
    width:60%;
    height:2px;
    background-color:#109ad7;
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    opacity:0
}
.product-description-ver2 .product-description-ver2-thumb,.product-description-ver3{
    position:relative
}
.product-description .product-description-control li .control-item.reviews{
    border-right:none;
    border-radius:0 50px 0 0
}
.product-description .product-description-control li.active .control-item{
    color:#109ad7;
    background-color:#f7f9f9
}
.product-description .product-description-control li.active .control-item:before{
    opacity:1
}
.product-description .product-description-control li:last-child{
    margin-left:-4px
}
@media (max-width:320px){
    .product-description .product-description-control li .control-item{
        padding:15px;
        font-size:14px
    }
    .product-description .product-description-control{
        margin-top:-51px;
        margin-bottom:30px
    }
}
.product-description .product-description-title{
    font-size:40px;
    color:#2f2c2c;
    margin-bottom:40px
}
.product-description .comments__list-review .comments__item-review .comment-content p,.product-description .product-description-text{
    margin-bottom:30px
}
@media (max-width:1024px){
    .product-description .product-description-title{
        font-size:26px
    }
}
.product-description .add-review .your-rating{
    padding-left:40px;
    font-size:16px
}
.product-description .add-review .your-rating .ratings{
    display:inline-block;
    margin-left:50px;
    color:#ccc;
    margin-bottom:30px
}
.product-description .add-review .your-rating .ratings .fa-star{
    color:#fcd846
}
.product-description .add-review .contact-form{
    padding-bottom:20px
}
.product-description .add-review .contact-form input,.product-description .add-review .contact-form textarea{
    background-color:#fff
}
.product-description .add-review .contact-form textarea{
    min-height:230px
}
.product-description-ver2 .pagination,.product-description-ver2 .swiper-pagination{
    bottom:-80px;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0)
}
@media (max-width:768px){
    .product-description-ver2 .product-description-ver2-thumb{
        margin-bottom:100px
    }
    .product-description-ver2 .product-description-ver2-content{
        padding-top:90px
    }
}
.product-description-ver2 .product-description-ver2-content .post__date{
    background:#fff;
    float:left
}
.product-description-ver2 .product-description-ver2-content .heading{
    clear:both;
    margin-bottom:50px
}
.likes-block a,.product-description-ver2 .product-description-ver2-content .likes-block a{
    margin-bottom:-10px;
    color:#ff454f;
    display:inline-block
}
.product-description-ver2 .product-description-ver2-content .likes-block .btn{
    display:inline-block;
    margin-right:30px
}
.product-description-ver2 .product-description-ver2-content .likes-block a .count-likes{
    font-size:18px;
    float:left
}
.likes-block a i,.product-description-ver2 .product-description-ver2-content .likes-block a i{
    font-size:26px;
    margin-right:5px;
    float:left
}
.product-description-ver2 .swiper-container{
    box-shadow:24px 50px 60px rgba(0,0,0,.3);
    overflow:visible
}
.comments,.comments .comments__list .comments__item .comments__article .comments__body,.leave-reply,.order .cheque{
    overflow:hidden
}
.product-description-ver2 .swiper-container .swiper-slide{
    opacity:0
}
.product-description-ver2 .swiper-container .swiper-slide.swiper-slide-active{
    opacity:1
}
.challenge-solutions .challenge-solutions-thumb img,.likes-block .btn{
    margin-bottom:30px
}
.likes-block .btn{
    display:inline-block;
    margin-right:30px
}
.likes-block a .count-likes{
    float:left;
    color:#ff454f;
    font-size:18px
}
.challenge-solutions .challenge-solutions-thumb{
    border:2px solid #f7f9f9;
    border-radius:10px;
    padding:30px
}
.challenge-solutions .challenge-solutions-thumb .text{
    padding-left:30px;
    font-size:14px;
    margin-bottom:0
}
.challenge-solutions .challenge-solutions-content .heading:first-child,.seo-results .seo-results-thumb canvas{
    margin-bottom:60px
}
.seo-results .seo-results-thumb .points{
    padding-left:50px
}
@media (max-width:1024px){
    .seo-results .seo-results-thumb .points{
        padding-left:0
    }
}
.seo-results .seo-results-thumb .points .points-item{
    align-items:center;
    margin-bottom:20px
}
.seo-results .seo-results-thumb .points .points-item .point-sircle{
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:100%;
    border-color:transparent;
    margin-right:20px;
    float:left
}
.seo-results .seo-results-thumb .points .points-item .points-item-count{
    font-size:14px;
    color:#2f2c2c;
    display:inline-block
}
.seo-results .seo-results-content .heading{
    margin-bottom:80px
}
.seo-results .seo-results-content .results{
    padding-left:100px
}
.seo-results .seo-results-content .results .results-item{
    display:flex;
    align-items:center;
    margin-bottom:40px
}
.seo-results .seo-results-content .results .results-item i{
    display:inline-block;
    margin-right:30px;
    font-size:70px;
    color:#109ad7
}
.seo-results .seo-results-content .results .results-item .results-item-info{
    display:inline-block;
    font-size:30px;
    color:#2f2c2c
}
@media (max-width:980px){
    .seo-results .seo-results-content .results{
        padding-left:0
    }
    .seo-results .seo-results-content .results .results-item .results-item-info{
        font-size:24px
    }
}
.product-description-ver3 .product-description-ver3-thumb{
    position:absolute;
    top:60px
}
.product-description-challenge{
    position:relative;
    margin-top:60px
}
.product-description-challenge .product-description-thumb{
    z-index:5;
    margin-top:-60px;
    margin-left:-30px;
    position:relative
}
@media (max-width:640px){
    .product-description-challenge{
        padding:0 15px
    }
    .product-description-challenge .product-description-thumb{
        margin-left:0
    }
}
.product-description-challenge .product-description-content{
    padding:95px 0 40px
}
.product-description-challenge .product-description-content .heading .heading-title{
    line-height:1
}
.product-description-challenge .product-description-content .heading p{
    line-height:1.4
}
.product-description-challenge .product-description-border{
    border:6px solid #f7f9f9;
    position:absolute;
    height:100%;
    width:80%;
    top:0;
    right:0
}
.product-description-solution{
    position:relative;
    margin-top:60px
}
@media (max-width:640px){
    .product-description-challenge .product-description-border{
        width:100%
    }
    .product-description-solution{
        padding-left:20px;
        margin-top:0
    }
    .product-description-solution .product-description-thumb img{
        margin-bottom:-30px
    }
}
.product-description-solution .product-description-thumb{
    z-index:5;
    margin-top:-60px;
    margin-left:60px;
    position:relative
}
.product-description-solution .product-description-content{
    padding:95px 0 40px
}
.product-description-solution .product-description-content .heading .heading-title{
    line-height:1
}
.product-description-solution .product-description-content .heading p{
    line-height:1.4;
    margin-bottom:30px
}
.product-description-solution .product-description-content .heading p:last-child{
    margin-bottom:auto
}
.product-description-solution .product-description-border{
    border:6px solid #f7f9f9;
    position:absolute;
    height:100%;
    width:80%;
    top:0;
    left:0
}
@media (max-width:640px){
    .product-description-solution .product-description-thumb{
        margin-top:0;
        margin-left:0
    }
    .product-description-solution .product-description-content{
        padding-top:25px
    }
    .product-description-solution .product-description-border{
        width:100%
    }
}
.seo-results-ver2 .seo-results-content .list{
    padding-left:60px
}
@media (max-width:1024px){
    .seo-results-ver2 .seo-results-content .list{
        padding-left:0
    }
}
.seo-results-ver2 .seo-results-thumb{
    border-radius:10px;
    border-color:transparent;
    box-shadow:24px 50px 60px rgba(0,0,0,.3)
}
.seo-results-ver2 .results{
    padding-left:100px
}
@media (max-width:1024px){
    .seo-results-ver2 .results{
        padding-left:0
    }
}
.seo-results-ver2 .results .results-item{
    display:flex;
    align-items:center;
    margin-bottom:40px;
    width:33.33%;
    float:left
}
.seo-results-ver2 .results .results-item i{
    display:inline-block;
    margin-right:30px;
    font-size:70px;
    color:#109ad7
}
.seo-results-ver2 .results .results-item .results-item-info{
    display:inline-block;
    font-size:30px;
    color:#2f2c2c
}
@media (max-width:768px){
    .seo-results-ver2 .results .results-item{
        margin-bottom:15px
    }
    .seo-results-ver2 .results .results-item .results-item-info{
        font-size:24px
    }
}
.comments{
    float:none
}
.comments .heading{
    margin-bottom:45px
}
.comments .heading .heading-title{
    margin-bottom:0
}
.comments .comments__list{
    list-style:none;
    margin:0 0 73px;
    padding:0
}
.comments .comments__list .comments__item .comments__article{
    border-bottom:2px solid #f1f3f3;
    padding-bottom:40px;
    margin-bottom:30px
}
.comments .comments__list .comments__item .comments__article .comment-content{
    margin-bottom:30px
}
.comments .comments__list .comments__item .comments__article .comments__header .comments__author{
    margin-right:15px;
    font-size:18px;
    color:#2f2c2c;
    font-style:normal
}
.comments .comments__list .comments__item .comments__article .comments__header .comments__author a{
    color:#2f2c2c
}
.comments .comments__list .comments__item .comments__article .comments__header .comments__author .replied{
    font-size:16px;
    color:#acacac
}
.comments .comments__list .comments__item .comments__article .comments__header .comments__time{
    position:relative;
    color:#ccc;
    font-size:14px;
    display:block
}
.comments .comments__list .comments__item .comments__article .comments__avatar{
    float:left;
    margin-right:30px
}
.comments .comments__list .comments__item .comments__article .comments__avatar .avatar{
    border-radius:100%
}
.comments .comments__list .comments__item .comments__article .comments__body .reply{
    float:left;
    font-size:26px;
    color:#d7d7d7;
    margin-right:30px
}
.comments .comments__list .comments__item .comments__article .comments__body .reply:hover{
    color:#109ad7
}
.comments .comments__list .comments__item .children{
    margin:30px 0 0 60px;
    list-style:none;
    padding:0
}
@media (max-width:980px){
    .seo-results-ver2 .results .results-item{
        width:100%
    }
    .comments .comments__list .comments__item .children{
        margin-left:30px;
        padding-left:0
    }
}
.comments__item-review{
    margin-bottom:40px;
    border-bottom:2px solid #f1f3f3
}
.comments__item-review .ratings{
    color:#ccc
}
.comments__item-review .ratings .fa-star{
    color:#fcd846
}
.comments__list-review{
    list-style:none;
    margin:0 0 73px;
    padding:0
}
.comments__avatar-review{
    float:left;
    margin-right:30px
}
.comments__author-review{
    margin-right:15px;
    font-size:18px;
    color:#2f2c2c;
    font-style:normal
}
.comments__author-review a{
    color:#2f2c2c
}
.comments__header-review{
    margin-bottom:15px
}
.comments__header-review>a{
    position:relative;
    color:#ccc;
    font-size:14px
}
.leave-reply{
    background-color:#f7f9f9;
    padding:70px 60px 80px
}
.leave-reply input,.leave-reply textarea,.shop-user-form input{
    background-color:#fff
}
@media (max-width:800px){
    .leave-reply{
        padding:30px
    }
}
.leave-reply .heading{
    margin-bottom:60px
}
.leave-reply textarea{
    margin-bottom:40px
}
.leave-reply .submit-block .btn{
    width:100%;
    text-align:center
}
@media (max-width:360px){
    .leave-reply .submit-block{
        display:block
    }
    .leave-reply .submit-block .btn,.shop-user-form .login-btn-wrap .btn{
        margin-bottom:30px
    }
}
.leave-reply .submit-block .submit-block-text{
    font-size:12px;
    line-height:1.2;
    color:#acacac
}
.leave-reply .submit-block .submit-block-text span{
    color:#ccc
}
#comment-nav-above,#comment-nav-below{
    padding:0 0 60px
}
.socials-panel .socials-panel-item{
    width:20%;
    text-align:center;
    padding:25px;
    display:inline-block;
    float:left;
    min-height:80px
}
@media (max-width:1024px){
    .socials-panel .socials-panel-item{
        width:33.33%
    }
}
@media (max-width:570px){
    .socials-panel .socials-panel-item{
        width:50%
    }
}
@media (max-width:480px){
    .socials-panel .socials-panel-item{
        width:100%
    }
    .order .cheque .logos a{
        float:left
    }
}
.socials-panel .socials-panel-item .social__item{
    margin-right:15px;
    display:inline-block
}
.socials-panel .socials-panel-item .social__item i{
    font-size:25px;
    color:#fff
}
.socials-panel .socials-panel-item .socials-panel-title{
    display:inline-block;
    color:#fff
}
.shop-user-form .item-title{
    font-size:30px;
    padding-bottom:40px;
    display:block;
    position:relative
}
@media (max-width:640px){
    .shop-user-form .item-title{
        font-size:20px
    }
}
.shop-user-form .item-title:after{
    content:'';
    display:block;
    border:30px solid transparent;
    border-bottom:20px solid #f7f9f9;
    position:absolute;
    bottom:0;
    left:0;
    opacity:0
}
.shop-user-form .item-title.active{
    color:#109ad7
}
.shop-user-form .item-title.active:after{
    opacity:1
}
.shop-user-form input{
    margin-bottom:30px
}
.shop-user-form .helped{
    padding:20px 0;
    color:#109ad7;
    display:block
}
.shop-user-form .login-btn-wrap{
    overflow:hidden;
    padding-bottom:20px;
    display:table
}
.shop-user-form .login-btn-wrap .btn{
    float:left;
    margin-right:20px
}
.shop-user-form .login-btn-wrap .remember-wrap{
    display:table-cell;
    vertical-align:middle
}
@media (max-width:320px){
    .shop-user-form .login-btn-wrap .remember-wrap{
        display:block
    }
}
.shop-user-form .login-btn-wrap .remember-wrap .checkbox{
    position:relative
}
.shop-user-form .login-btn-wrap .remember-wrap .checkbox input[type=checkbox]{
    display:none
}
.shop-user-form .login-btn-wrap .remember-wrap .checkbox label{
    padding-left:30px;
    color:#2f2c2c
}
.shop-user-form .login-btn-wrap .remember-wrap .checkbox label:before{
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    position:absolute;
    left:0;
    bottom:5px;
    border-radius:3px;
    background-color:#109ad7;
    border:none
}
.order .cart-main .cart_item.subtotal:after,.order .cart-main .cart_item.total:after{
    display:none
}
.shop-user-form .login-btn-wrap .remember-wrap .checkbox input[type=checkbox]:checked+label:before{
    content:"\2714";
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:14px
}
.shop-user-form .shop-user-form-return p{
    margin-bottom:30px
}
.billing-details .billing-details-title,.order .order-title{
    margin-bottom:60px
}
.order .cart-main .cart_item td{
    padding-left:100px
}
@media (max-width:640px){
    .order .cart-main .cart_item td{
        padding-left:20px
    }
}
.order .cart-main .cart_item.subtotal{
    background-color:#f7f9f9
}
.order .cart-main .cart_item.subtotal .cart-product-title{
    text-transform:uppercase
}
.order .cart-main .cart_item.subtotal .product-subtotal .total{
    color:#2f2c2c
}
.order .cart-main .cart_item.total{
    background-color:#109ad7
}
.order .cart-main .cart_item.total .cart-product-title{
    color:#fff;
    text-transform:uppercase
}
.order .cart-main .cart_item.total .product-subtotal .total{
    color:#fff
}
.order .cart-main .cart_item.total .product-thumbnail:after{
    content:'';
    display:block;
    border:30px solid transparent;
    border-top:20px solid #109ad7;
    position:absolute;
    bottom:-50px;
    left:100px;
    opacity:1
}
.order .cart-main .cart-product-wrap-title-main tr>th{
    padding-left:100px
}
@media (max-width:640px){
    .order .cart-main .cart-product-wrap-title-main tr>th{
        padding-left:20px
    }
}
.order .cart-main .product-quantity .quantity{
    font-size:18px;
    color:#2f2c2c
}
.order .cart-main .actions{
    padding:40px 100px
}
.order .cheque{
    padding:85px 100px
}
@media (max-width:460px){
    .order .cheque{
        padding:30px
    }
}
.order .cheque .cheque-content .cheque-content-title{
    margin-bottom:15px
}
.order .cheque .cheque-content .cheque-content-subtitle{
    font-size:16px;
    margin-bottom:30px
}
.order .cheque .logos a{
    margin-right:8px;
    margin-top:22px;
    display:inline-block
}
.order .cheque .logos a.pay-pal{
    margin-right:60px;
    margin-top:9px
}
.order .cheque .logos .btn{
    float:right;
    padding:25px 80px
}
@media (max-width:800px){
    .order .cheque .logos .btn{
        float:left;
        margin-top:30px
    }
}
@media (max-width:480px){
    .order .cheque .logos .btn{
        padding:25px 30px
    }
}
#SkypeButton_Call_cittasolutions_1 img{
    margin:0!important
}

.cookie-warning {
    display:block;
    padding:10px 20px 10px 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f3f3f3;
    z-index: 1000;
    border-top: 1px solid #ccc
}

.cookie-warning button{
    display:block;
    float:right;
    border: 1px solid white;
    padding:5px 30px 5px 30px;
    margin-right:60px;
    color:#333;
    cursor: pointer;
}

.cookie-warning div{
    float:left;
    padding:5px 30px 5px 0px;
}

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}