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


.fake-table { display: table; width: 100%; height: 100%; border-collapse: collapse; }
.fake-tr { display: table-row; }
.fake-td { display: table-cell; vertical-align: middle; }

.text-strong { font-size: 16px; line-height: 22px; }
.text-strong strong { color: #000000; }
.text-strong a strong { color: #4991AC; }

.landing-section, .landing-section * { box-sizing: border-box; }
.landing-section img { max-width: 100%; max-height: 100%; }

.section-h2 { margin: 0 0 10px 0; text-align: center; font-size: 24px; color: #000000; }
.section-subtitle { margin-bottom: 52px; text-align: center; font-size: 18px; }

.section-text-bg { margin-top: -6px; background: url('images/landing/vel-bg.jpg'); background-size: cover; background-position: bottom; color: #FFFFFF; text-shadow:0 0 3px #000;}
.section-text-bg .section-inner { height: 680px; background: rgba(0,0,0,0.2); }
.section-text-bg .middle-content { display: block; max-width: 1000px; margin: 0 auto; padding: 0 30px; }
.section-text-bg h2 { position: relative; margin: 0 0 72px 0; color: #FFFFFF; font-size: 36px; }
.section-text-bg h1 { position: relative; margin: 0 0 72px 0; color: #FFFFFF; font-size: 36px; }
.section-text-bg h1:before { content: ''; display: block; position: absolute; left: 0; bottom: -32px; width: 92px; height: 4px; background: #00cfff; }

.section-text-bg h2:before { content: ''; display: block; position: absolute; left: 0; bottom: -32px; width: 92px; height: 4px; background: #00cfff; }
.section-text-bg p { margin: 0; font-size: 18px; font-weight: 300; line-height: 26px; }
.section-text-bg p span { display: block; margin-bottom: 8px; font-size: 20px; }
.section-text-bg h3 { margin: 40px 0 0 0; font-size: 26px; color: #FFFFFF; }

.section-footer { background: url('images/landing/footer-bg.jpg'); background-size: cover; background-position: bottom; }
.section-footer .section-inner { height: 620px; padding: 0 30px; /* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#63b4cf+0,123e7d+100&0.9+0,0.9+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(99,180,207,0.9) 0%, rgba(18,62,125,0.9) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(99,180,207,0.9) 0%,rgba(18,62,125,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(99,180,207,0.9) 0%,rgba(18,62,125,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e663b4cf', endColorstr='#e6123e7d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.section-footer .middle-content { max-width: 1260px; margin: 0 auto; padding: 26px 30px 22px 30px; border: 6px solid #FFFFFF; background: url('images/landing/footer-descr-bg.png'); text-align: center; }
.section-footer .middle-content h2 { margin: 0; font-size: 46px; color: #000000; }
.section-footer .middle-content p { margin-bottom: 14px; font-size: 26px; color: #000000; }
.section-footer .middle-content .butt4 { height: 64px; padding: 0 75px; line-height: 62px; }

.section-prof-text .section-inner { padding: 50px 0px 50px 0px; }
.section-prof-text .middle-content { max-width: 680px; padding: 0 30px; margin: 0 auto; color: #707070; text-align: center; line-height: 24px; }
.section-prof-text .middle-content strong { color: #333333; }

.section-video-links { background: url('images/landing/section-videolinks.jpg'); position: relative; }
.section-video-links .section-inner { background: rgba(0,0,0,0.8); }
.section-video-links .video-links { margin: 0px auto; width: 100%; height: 420px; padding: 100px 0px; position: relative; overflow: hidden; }
.section-video-links .video-links .swiper-container { width: 100%; height: 100%; }
.section-video-links .video-links .swiper-slide { width: auto; max-width: 400px; height: 220px; }
.section-video-links .swiper-button-next { position: absolute; right: 10px; top: 50%; margin-top: -23px; display: block; width: 46px; height: 46px; border-radius: 50%; background: rgba(0,0,0,0.6); text-align: center; line-height: 42px; font-size: 24px; color: #FFFFFF; cursor: pointer; z-index: 2; }
.section-video-links .swiper-button-next:after { content: '›'; }
.section-video-links .swiper-button-next:hover { background: #000000; }
.section-video-links .swiper-button-prev { position: absolute; left: 10px; top: 50%; margin-top: -23px; display: block; width: 46px; height: 46px; border-radius: 50%; background: rgba(0,0,0,0.6); text-align: center; line-height: 42px; font-size: 24px; color: #FFFFFF; cursor: pointer; z-index: 2; }
.section-video-links .swiper-button-prev:after { content: '‹'; }
.section-video-links .swiper-button-prev:hover { background: #000000; }

.section-video-links .dcont { position:absolute; width:95%;text-align:center; left:20px; bottom: 40px; color: white; z-index: 2; }
.section-video-links .dcont a {color: white; }
/*.section-video-links .video-link { display: inline-block; line-height: 220px; width: 400px; height: 220px; margin: 0 18px; background-position: center center; }
.section-video-links .video-link span { display: inline-block; vertical-align: middle; width: 159px; height: 87px; background: rgba(0,0,0,0.8) url('images/landing/video-angle.png') no-repeat center center; }*/

.section-title { height: 186px; padding: 76px 0 74px 0; text-align: center; font-size: 28px; font-weight: bold; color: #000000; }

.section-work { padding: 75px 0 45px 0; border-top: 5px solid #dddddd; border-bottom: 5px solid #dddddd; background: #fafaff; }
.section-work .middle-content { max-width: 1310px; margin: 0 auto; padding: 0 30px; }
.section-work .work-steps {  }
.section-work .work-steps .one-step { width: 27%; float: left; background: url('images/landing/work-dot.png') repeat-x 0 66px; }
.section-work .work-steps .one-step .icon { display: block; width: 137px; height: 137px; margin-bottom: 34px; border-radius: 50%; border: 2px solid #2eaecc; background: #FFFFFF url('images/landing/work-steps.png') no-repeat; }
.section-work .work-steps .step-1 .icon { background-position: 44px 36px; }
.section-work .work-steps .step-2 .icon { background-position: -84px 36px; }
.section-work .work-steps .step-3 .icon { background-position: -250px 36px; }
.section-work .work-steps .step-4 .icon { background-position: -445px 36px; }
.section-work .work-steps .step-4 { width: 19%; background: none; }
.section-work .work-steps .one-step .name { margin-bottom: 13px; font-size: 22px; font-weight: bold; color: #333333; }
.section-work .work-steps .one-step .descr { color: #777777; font-size: 14px; line-height: 22px; }
.section-work .s-info { margin-top: 30px; text-align: center; line-height: 48px; }
.section-work .s-info .icon { display: inline-block; vertical-align: middle; width: 48px; height: 48px; margin-right: 7px; border-radius: 50%; text-align: center; line-height: 48px; background: #FFFFFF; border: 2px solid #2eaecc; color: #2eaecc; font-size: 26px; font-weight: bold; }
.section-work .s-info .descr { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 22px; text-align: left; }

.section-socials { padding: 6px 0 96px 0; }
.section-socials .middle-content { max-width: 1340px; margin: 0 auto; padding: 0 30px; }
.section-socials .text-strong { text-align: center; }
.section-socials .soc-links { margin-top: 68px; }
.section-socials .soc-links a { display: block; width: 44%; float: left; margin: 3%; color: #FFFFFF; text-align: center; text-decoration: none; background-size: cover; background-position: top center; }
.section-socials .soc-links a .inner { display: block; width: 100%; height: 220px; padding-top: 80px; transition: all 0.2s ease-out 0s; }
.section-socials .soc-links a .name { display: block; margin-bottom: 12px; font-size: 32px; font-weight: bold; }
.section-socials .soc-links a .count { display: block; font-size: 20px; font-weight: bold; }
.section-socials .soc-links a.facebook-link { background-image: url('images/landing/facebook-img.png'); }
.section-socials .soc-links a.facebook-link .inner { background: rgba(59,89,151,0.7); }
.section-socials .soc-links a.facebook-link:hover .inner { background: rgba(59,89,151,1); }
.section-socials .soc-links a.youtube-link { background-image: url('images/landing/youtube-img.jpg'); }
.section-socials .soc-links a.youtube-link .inner { background: rgba(222,51,44,0.7); }
.section-socials .soc-links a.youtube-link:hover .inner { background: rgba(222,51,44,1); }
.section-socials .soc-links a.vk-link { margin-right: 0; background-image: url('images/landing/vk-img.png'); }
.section-socials .soc-links a.vk-link .inner { background: rgba(87,124,162,0.7); }
.section-socials .soc-links a.vk-link:hover .inner { background: rgba(87,124,162,1); }

.section-how-buy { padding: 54px 0 70px 0; }
.section-how-buy .middle-content { max-width: 1310px; margin: 0 auto; padding: 0 30px; }
.section-how-buy .left { width: 37%; float: left; }
.section-how-buy .right { width: 63%; height: 483px; float: left; }
.section-how-buy h2 { margin: 0 0 36px 0; font-size: 28px; color: #000000; }
.section-how-buy p { margin-top: 25px; }

.section-sovet { padding: 80px 0; border-top: 5px solid #dddddd; border-bottom: 5px solid #dddddd; }
.section-sovet .middle-content { max-width: 1260px; margin: 0 auto; padding: 0 30px; }
.section-sovet .top-colls {  }
.section-sovet .top-colls .left { width: 43%; float: left; padding-right: 60px; }
.section-sovet .top-colls .right { width: 57%; float: left; }
.section-sovet h2 { margin: 0 0 36px 0; font-size: 28px; color: #000000; }
.section-sovet p { margin-top: 25px; }
.section-sovet .images { position: relative; height: 400px; }
.section-sovet .images img { position: absolute; left: 50%; top: 50%; }
.section-sovet .images .img-1 { margin: -202px 0 0 -560px; }
.section-sovet .images .img-2 { margin: 0px 0 0 -110px; z-index: 2; }
.section-sovet .images .img-3 { margin: -128px 0 0 130px; z-index: 3; }
.section-sovet .bottom-colls { margin-top: 70px; }
.section-sovet .bottom-colls .right { width: 43%; float: left; padding-left: 50px; }
.section-sovet .bottom-colls .left { width: 57%; float: left; }
.section-sovet .bottom-colls h2 { font-size: 26px; }

.section-sobrat { padding: 90px 0 50px 0; background: #fafaff; border-bottom: 5px solid #dddddd; text-align: center; }
.section-sobrat .text-strong { margin-top: 45px; }

.section-pay { padding: 52px 0 120px 0; }
.section-pay .middle-content { max-width: 1210px; margin: 0 auto; padding: 0 30px; }
.section-pay .left { width: 66%; height: 550px; float: left; padding-right: 50px; }
.section-pay .right { width: 34%; float: left; }
.section-pay h2 { margin: 0 0 36px 0; font-size: 28px; color: #000000; }
.section-pay p { margin-top: 40px; padding-right: 60px; }
.section-pay .icons { margin: 40px auto 0px auto; width: 665px; }
.section-pay .icons div { padding-top: 20px; }
.section-pay .icons .item { display: inline-block; vertical-align: top; width: 182px; margin-right: 55px; font-size: 16px; line-height: 18px; }
.section-pay .icons .item:last-child { margin: 0; }
.section-pay .icons .icon { display: block; width: 47px; height: 39px; margin-bottom: 6px; background: url('images/landing/landing-icons.png') no-repeat; }
.section-pay .icons .item-clients .icon { background: url('images/landing/ibike.png') no-repeat 50% 50%; } 
.section-pay .icons .item-delivery .icon { background: url('images/landing/icar.png') no-repeat 50% 50%; }
.section-pay .icons .item-2007 .icon { background-position: 0 0; }
.section-pay .icons .item-opinion .icon { background-position: -47px 0; }
.section-pay .icons .item-garanty .icon { background: url('images/landing/istar.png') no-repeat 50% 50%; }
.section-pay .icons .item-copm .icon { background-position: -94px 0; }

.section-slider { position: relative; padding: 90px 0; background: url('images/landing/slider.png') center center; background-size: cover; }
.section-slider .middle-content { position: relative; max-width: 1210px; margin: 0 auto; padding: 0 30px; }
#opinions-slider { width: 700px; margin: 0 auto; }
#opinions-slider .swiper-container { width: 100%; height: 100%; }
#opinions-slider * { box-sizing: content-box; }
#opinions-slider .swiper-slide {  }
#opinions-slider .opinion { border: 1px solid #8DD6E7; border-radius: 4px; }
#opinions-slider .opinion .top-line { padding: 15px 30px 10px 30px; }
#opinions-slider .opinion .top-line .name { margin-bottom: 5px; color: #000000; }
#opinions-slider .opinion .top-line .date { font-style: italic; font-size: 13px; }
#opinions-slider .opinion { width: 700px; margin: 0 auto; padding: 0; background: #FFFFFF; position: relative; }
#opinions-slider .opinion .fio { position: absolute; left: 0px; top: 40px; width: 200px; text-align: center; font-size: 15px; color: #111111; }
#opinions-slider .opinion .fio span { margin-top: 5px; display: block; font-size: 13px; font-style: italic; color: #898989; }
#opinions-slider .opinion .text { max-height:180px; overflow:auto;  position: relative; padding: 30px; border-top: 1px solid #EBEBEB; border-radius: 0px 0px 4px 4px; font-size: 14px; line-height: 22px; color: #252525; }
#opinions-slider .opinion .stars { position: absolute; right: 30px; top: 22px; width: 70px; height: 14px; background: url('images/star14x14.png'); }
#opinions-slider .opinion .star1 { width: 14px; height: 14px; background: url('images/star14x14.png') 0px -14px; }
#opinions-slider .opinion .star2 { width: 28px; height: 14px; background: url('images/star14x14.png') 0px -14px; }
#opinions-slider .opinion .star3 { width: 42px; height: 14px; background: url('images/star14x14.png') 0px -14px; }
#opinions-slider .opinion .star4 { width: 56px; height: 14px; background: url('images/star14x14.png') 0px -14px; }
#opinions-slider .opinion .star5 { width: 70px; height: 14px; background: url('images/star14x14.png') 0px -14px; }
#opinions-slider .opinion .procontra { position: absolute; right: 33px; top: 0px; height: 29px; font: 13px/29px "Trebuchet MS", Arial; color: #ACACAC; }
#opinions-slider .opinion .pro { color: #000000; margin-left: 30px; }
#opinions-slider .opinion .pro span { position: relative; margin-left: 10px; display: inline-block; width: 38px; height: 29px; background: #11C39B; border-radius: 3px; font-size: 12px; color: #FFFFFF; text-align: center; vertical-align: middle; cursor: pointer; }
#opinions-slider .opinion .pro span:after { content: ""; position: absolute; left: -4px; top: 10px; display: block; width: 0; height: 0; border-top: 4px solid transparent; border-right: 4px solid #11C39B; border-bottom: 5px solid transparent; }
#opinions-slider .opinion .contra { position: relative; color: #000000; margin-left: 15px; }
#opinions-slider .opinion .contra span { position: relative; margin-left: 10px; display: inline-block; width: 38px; height: 29px; background: #F75163; border-radius: 3px; font-size: 12px; color: #FFFFFF; text-align: center; vertical-align: middle; cursor: pointer; }
#opinions-slider .opinion .contra span:after { content: ""; position: absolute; left: -4px; top: 10px; display: block; width: 0; height: 0; border-top: 4px solid transparent; border-right: 4px solid #F75163; border-bottom: 5px solid transparent; }
#opinions-slider .opinion .positive { padding-left: 30px; margin-bottom: 25px; position: relative; color: #636363; }
#opinions-slider .opinion .positive div { font-weight: bold; font-size: 15px; color: #252525; }
#opinions-slider .opinion .positive div:after { content: ""; position: absolute; left: 0px; top: 9px; display: block; width: 11px; height: 3px; background: #F75163; border-radius: 1px; }
#opinions-slider .opinion .positive div:before { content: ""; position: absolute; left: 4px; top: 5px; display: block; width: 3px; height: 11px; background: #F75163; border-radius: 1px; }
#opinions-slider .opinion .negative { padding-left: 30px; margin-bottom: 25px; position: relative; color: #636363; }
#opinions-slider .opinion .negative div { font-weight: bold; font-size: 15px; color: #252525; }
#opinions-slider .opinion .negative div:after { content: ""; position: absolute; left: 0px; top: 9px; display: block; width: 11px; height: 3px; background: #11C39B; border-radius: 1px; }
#opinions-slider .opinion .bottom-line { height: 62px; line-height: 62px; border-top: 1px solid #EBEBEB; text-align: center; font-size: 14px; }
#opinions-slider .opinion .bottom-line a { color: #111111; text-decoration: underline; font-weight: bold; font-size: 16px; }
#opinions-slider .opinion .bottom-line a span { color: #ff0000; }
#opinions-slider .swiper-button-next { position: absolute; right: 10px; top: 50%; margin-top: -23px; display: block; width: 46px; height: 46px; border-radius: 50%; background: rgba(0,0,0,0.6); text-align: center; line-height: 42px; font-size: 24px; color: #FFFFFF; cursor: pointer; z-index: 2; }
#opinions-slider .swiper-button-next:after { content: '›'; }
#opinions-slider .swiper-button-next:hover { background: #000000; }
#opinions-slider .swiper-button-prev { position: absolute; left: 10px; top: 50%; margin-top: -23px; display: block; width: 46px; height: 46px; border-radius: 50%; background: rgba(0,0,0,0.6); text-align: center; line-height: 42px; font-size: 24px; color: #FFFFFF; cursor: pointer; z-index: 2; }
#opinions-slider .swiper-button-prev:after { content: '‹'; }
#opinions-slider .swiper-button-prev:hover { background: #000000; }

.section-slider .next { position: absolute; right: 0; top: 50%; margin-top: -23px; display: block; width: 46px; height: 46px; border-radius: 50%; background: rgba(0,0,0,0.6); text-align: center; line-height: 42px; font-size: 24px; color: #FFFFFF; cursor: pointer; z-index: 2; }
.section-slider .next:hover { background: #000000; }
.section-slider .prev { position: absolute; left: 0; top: 50%; margin-top: -23px; display: block; width: 46px; height: 46px; border-radius: 50%; background: rgba(0,0,0,0.6); text-align: center; line-height: 42px; font-size: 24px; color: #FFFFFF; cursor: pointer; z-index: 2; }
.section-slider .prev:hover { background: #000000; }

.delivery-pickup { margin-bottom: 30px; font-size: 24px; text-transform: uppercase; color: #262A2B; }


@media (max-width: 600px) and (min-width: 320px)
{
    .section-slider .middle-content { padding: 16px 10px 12px 10px; }

    .section-how-buy .left { width: 100%; height: auto; float: none; margin-bottom: 20px; }
    .section-how-buy .right { width: 100%; height: auto; float: none; }
    
    .section-sovet .top-colls .left { width: 100%; float: none; margin-bottom: 20px; padding: 0; }
    .section-sovet .top-colls .right { width: 100%; float: none; margin-bottom: 20px; }
    
    .section-text-bg .section-inner { min-height: 850px; }
    
    .section-sovet .images { height: auto; text-align: center; }
    .section-sovet .images img { position: static; margin: 0 0 10px 0 !important; }
    
    .section-sovet .bottom-colls .left { width: 100%; float: none; margin-bottom: 20px; padding: 0; }
    .section-sovet .bottom-colls .right { width: 100%; float: none; padding: 0; }
    
    .section-pay .left { width: 100%; height: auto; float: none; margin-bottom: 20px; padding: 0; }
    .section-pay .right { width: 100%; float: none; padding: 0; }
    .section-pay .icons { width: 185px; }
    .section-pay .icons div { padding-top: 0px; }
    .section-pay .icons .item { margin-top: 20px; }
    .section-pay .icons .item:last-child { margin-top: 20px !important; }
    
    #opinions-slider { width: 100%; }
    #opinions-slider .swiper-slide { width: 100%; }
    #opinions-slider .opinion { width: 100%; }
    
    .section-socials .soc-links a { width: 100%; float: none; margin: 0 0 20px 0; }
    
    .section-work .work-steps .one-step { width: 50%; margin-bottom: 10px; }
    
    .section-video-links .video-link { margin: 0 0 20px 0; }
    
    .section-footer .section-inner { padding: 0px; }
    
    .section-footer .middle-content { padding: 15px 0px; }
    .section-footer .middle-content h2 { font-size: 32px; }
    .section-footer .middle-content .butt4 { padding: 0 35px; }
    .section-footer .middle-content p { font-size: 22px; }
}
@media all and (max-width: 460px)
{
    .section-video-links { height: 280px; background-position: 50% 50%; }
    .section-video-links .section-inner { height: 280px; }
    .section-video-links .video-links .swiper-slide { width: 280px; height: 154px; }
    .section-video-links .next { top: 80px; margin-top: 0px; }
    .section-video-links .prev { top: 80px; margin-top: 0px; }
    .section-video-links .dcont { text-align:center; margin-top: -95px; }
    
    .section-work .work-steps .one-step { width: 100%; }
}
@media all and (max-width: 400px)
{
    #opinions-slider .opinion .bottom-line { height: 40px; padding: 11px 0px; line-height: 20px; }
}