@charset "utf-8";
/* CSS Document */
/*-----------------media-------------------*/
@media (min-width: 1366px) {
    .banner-slogan {
        width: 700px;
    }
    .banner-slogan h2 {
        font-size: 23px;
        line-height: 26px;
    }
    .banner-text {
        font-size: 19px;
        line-height: 22px;
    }
}
@media (max-width: 1200px) {
	.adress-info-box{ font-size: 15px; }
	.company-content{ padding: 0 0 20px; }
	.reviews-info{ max-width: inherit; }
	.more-reviews-btn-box{ bottom:20px; }
	.slider-box .flex-direction-nav{ bottom: 30px; left: 0; }
	.more-reviews-btn-box{ left: inherit; right: 0; }
	.contacts-form .form-inner{ padding: 70px 0 30px; }
	.reviews-box{ background-image: none; }
}
@media (min-width: 1201px) and (max-width: 1300px) {
    .youtube-link {
        right: 367px;
    }
}
@media (min-width: 993px) and (max-width: 1200px) {
    .youtube-link {
        right: 323px;
    }
}
@media (max-width: 992px){
	.adress-info-box{ font-size: 15px; }

	.btn-bord{ font-size: 18px; line-height: 22px; padding: 5px 0; }
	.footer-logo h2{ font-size: 25px; line-height: 27px; }

	.banner-box{ height: auto; /*background-image: url(../img/banner-bg-mobile.jpg);*/ background-size: cover; }
	.banner-content{ height: auto;  padding: 30px 0 30px 250px;}
	.banner-slogan::before{ display: none; }
	.banner-slogan{ float: none; margin: 0; width: auto; }
	.company-content::before, .reviews-content .img-box{ display: none; }
	.company-inner{ margin: 0 220px 0 0; }
	.company-content .img-box img{ float: right; max-width: 50%; }
	.reviews-info{ width: auto; max-width: 100%; float: none; position: relative; z-index: 3; }
	.reviews-content .title{ float: none; }
	.services-list-box > ul > li{ width: 100%; padding: 6px 0 0 0; }
	.services-info-box{ margin: 0; padding: 20px 15px; }
	.video-list-box > ul > li{ width: 100%; }
	.video-inner{ min-height: auto; }
	.contacts-info{ width: 320px; }
	.contacts-form{ margin: 0 0 0 340px; }
	.banner-list li{ min-height: 70px; }

	.box-modal{ width: 500px; font-size: 16px; line-height: 18px;}
	.box-modal p{ margin: 0 0 15px; }
	.box-modal-content{ padding: 15px 0 15px 15px; }
	.video-modal-content{ padding: 15px; }
	.list-trigle{ padding: 0 0 10px; }
	.box-modal-content .title{ font-size: 30px; line-height: 32px; }
	.modal-pad-inner{ padding: 15px 20px; }

	#reviews-modal{ width: 600px; }


	.main-nav ul li a{ font-size: 18px; }
	.services-more-box .banner-list li{ width: 100%; padding: 5px 0 22px 75px }

	/*.video-btn{ top: inherit; bottom: 280px; right: 10px; }*/
}
@media (min-width: 768px) and (max-width: 992px) {
    .header-content {
        margin: 0 -15px;
    }
    .video-btn-holder {
        right:  auto;
        left: 0;
        bottom: 10px;
    }
    .youtube-link {
        right: 287px;
    }
}
@media (min-width: 768px) {
	
}
@media (max-width: 767px) {
    .video-btn-holder {
        position: absolute;
        left: 15px;
        bottom: 10px;
        top: auto;
        margin: 0;
    }
	.header-content{ height: auto; }
	.adress-cell a::after, .mail-cell a::after, .tel-cell a::after{ display: none; }
	.adress-cell a, .mail-cell a, .tel-cell a{ padding:0; }
	.adress-cell, .mail-cell, .tel-cell{ padding: 0; display: inline-block; text-align: center; float: none !important; margin: 0 5px; }
	.adress-info-box .btn-bord, .adress-info-box .green-btn{ margin: 15px  auto; width: 80%; }
	.map-box{ height: 300px; }

	.footer-logo{ float: none; font-size: 16px; line-height: 18px; padding: 10px 0 0 0; text-align: center;}
	.social-box{ float: none; text-align: center; padding: 15px 0 0 0; }
	.footer-logo h2{ font-size: 20px; line-height: 22px; }
	.footer-content .nav-fot{ float: none; }
	.footer-wrapper, .footer-content{ height: auto; }
	.footer-content{ padding: 0 0 10px; }
	.footer-content .nav-fot{ padding: 15px 0 0 0; text-align: center; }
	.nav-fot > ul > li{ margin: 0 10px; font-size: 16px; line-height: 18px;}

	.form-box-inner{ height: auto; padding: 30px 0; }
	.form-order{ width: 90%; }
	.title::after{ display: none; }
	.services-list-box{ margin: 0; }
	.video-list-box{ margin: 0; }
	.video-list-box > ul > li{ padding: 0 0 15px; }
	.partner-slider-box .owl-prev{ left: -25px; }
	.partner-slider-box .owl-next{ right: -25px; }
	.partner-slider-box{ padding: 0 25px; }

	.contacts-form .form-inner{ padding: 20px 0 30px; }
	.contacts-info{ width: auto; float: none; }
	.contacts-form{ margin: 0; }
	.box-modal{ width: 80%; margin: 0 auto;}

	.box-modal_close{ top: 10px; right: 15px; }
	.box-modal{ width: 100%; }
	.box-modal-content .title{padding: 15px 0;}
	.modal-pad-inner .btn-bord{ width: auto; }

	#reviews-modal{ width: 100%; }
	.reviews-list-all li{ padding: 0 0 10px; }
	.menu-trigger, .nav-mb-title{ display: block; }

	.nav-fix.fixed{ position: static; top: inherit; right: inherit; bottom: inherit; left: inherit; box-shadow: none; }
	.main-nav{ background-color: #11b27f; position: fixed; z-index: 90; top: 0; left:-100%; right: 0; bottom: 0; height: auto;
	opacity: 0; visibility: hidden; transition: all ease-in-out .3s; }
	.main-nav.open{ left: 0; opacity: 1; visibility: visible; }
	.main-nav ul{ display: block; }
	.main-nav ul li{ display: block; }
	.main-nav ul li a{ line-height: 22px; font-size: 18px; padding: 10px 15px; text-align: left; margin: 0 -15px;  }

	.reviews-content, .partner-content, .contacts-inner, .services-content, .company-inner{ padding: 30px 0 0 0; }
	.services-box-pad .services-content{ padding: 30px 0; }
	.company-content .img-box::after{ display: none; }
	.company-content .img-box{ position: relative; padding: 0 0 3px; }
	.company-content .img-box img{ max-width: 100%; float: none; display: block; margin: 0 auto; max-height: 400px; }
	.company-inner{ margin: 0; }
	.company-inner p br{ display: none; }
	.company-content{ padding: 25px 0 20px; }
	.company-content .title{ z-index: 5; }
	.company-content .img-box::before{ right: -15px; left: -15px; }

	.menu-content-mb{ display: block; }
	.menu-content-mb.menu-open{ top: 0; }
	.menu-content-mb.menu-open + .menu-trigger{ position: fixed; top: 3px; opacity: 0;  }
	.menu-content-mb.menu-open + .menu-trigger.fix{ opacity: 1; transition: all ease-in-out .3s; }
	.video-modal{ height: auto; padding: 0; }
	.video-modal video{ position: relative; }
	
	/*.video-btn::after{ display: none; }
	.video-btn{ position: relative; padding: 10px; width: 240px; margin: 0 auto; background-color: #11b27f; white-space: normal;
	height: auto; text-indent: inherit; bottom: inherit; right: inherit; border-radius: 0; font-weight: bold; }*/

	.banner-slogan h2{ font-size: 20px; line-height: 22px; }
	.banner-text{ font-size: 16px; line-height: 18px; }
	.banner-slogan-inner{ padding: 25px 20px 20px; }
	.banner-content{ padding: 20px 0 20px 280px; }
	.banner-text p{ padding: 0 0 10px; }

	.banner-box{ background-position: -90px 0; }
}
@media (max-width: 640px) {
	.banner-slogan h2{ font-size: 18px; line-height: 20px; margin: 0 0 20px; }
	.banner-content{ padding: 15px 0 15px 190px; }
	.banner-text{ font-size: 14px; line-height: 1; }

	.banner-box{ background-position: -230px 0; }
	.video-btn-holder{ font-size: 14px; line-height: 16px; height: auto; width: 75px; bottom: 3px; }
	.video-btn{ width: 24px; height: 24px; }
	.video-btn::after{ border-width: 6px 0 6px 8px; top: 6px; margin: 0 0 0 -3px; }
}
@media (max-width: 480px) {
	.adress-info-box{ font-size: 13px; line-height: 16px; }
	.adress-cell, .mail-cell, .tel-cell{ margin: 0 0 3px; }
	.adress-info-box{ padding: 10px 0 0 0; }

	.banner-slogan h2{ font-size: 16px; line-height: 18px; margin: 0 0 15px; }
	.banner-list li{ font-size: 14px; line-height: 20px; }
	.banner-text{ font-size: 12px; line-height: 1; }
	.banner-content{ padding: 15px 0 15px 140px; }
	.form-box-inner h2{ font-size: 24px; line-height: 26px; margin: 0 0 25px;}
	.form-box-inner h2 span{ display: block; font-size: 30px; line-height: 32px; }
	.title{ padding: 0; text-align: center; }
	.reviews-title::after{ display: none; }
	.reviews-title{ padding: 20px 0 0 0; }

	.more-reviews-btn-box{ bottom: 20px; left: 0; right: 0; }
	.more-reviews-btn-box .green-btn{ display: block; padding: 10px; }
	.slider-box{ padding: 0 0 125px;}
	.slider-box .flex-direction-nav{ bottom: 85px; right: 0; margin: 0 auto }
	.reviews-img{ position: relative; top: inherit; right: inherit; margin: 0 auto 10px; }
	.reviews-title span{ display: block; text-align: center; }
	.reviews-list-all li .reviews-title .reviews-name{ margin: 0; }
	.reviews-name{ margin: 0; }
	.services-inner{ height: auto; }
	.btn-green-form{ width: auto; }
	.contacts-info .detail-info{ padding: 0; }
	.contacts-info{ text-align: center; }

	.box-modal{ width: 100%; }
	.btn-green-form::after{ display: none; }
	.modal-defaul .form-inner{ padding: 0 5px; }
	.box-modal-content{ padding: 15px 0; }
	.box-modal-content .title{ padding: 15px 0 0 0; margin: 0 0 15px; font-size: 24px; line-height: 26px;}
	.price-modal-box{ padding: 15px 20px; margin: 0;}
	.list-trigle > li{ padding: 0 0 10px 20px; }

	.reviews-scroll{ height: 400px; }
	.menu-trigger{ top: 15px; right: 10px; }
	.company-content .img-box img{ max-height: 300px; }

	.reviews-content, .partner-content, .contacts-inner, .services-content, .company-inner{ padding: 40px 0 0 0; }
	.services-box-pad .services-content{ padding: 40px 0; }
	.company-content{ padding: 40px 0 20px; }

	.banner-slogan-inner{ padding: 15px; }
    .youtube-link {
        margin: 0 auto;
    }
    .banner-box{ background-position: -100px 0; }
    .video-btn-holder{ left: 5px; }
    .banner-text{ max-width: inherit; }
}
@media (max-width: 440px) {
	.banner-box{ background-position: -230px 0; }
}
@media (max-width: 420px) {
    .bn-slog-img {
        display: block;
        margin: 0 0 0 -90px;
        max-width: 800px;
    }
	.banner-box{ background-position: -180px 0;background: none; }
	.banner-content{ padding: 15px 0 15px 0; }
    .video-btn:after {
        border-width: 8px 0 8px 10px;
        top:7px;
    }
    .video-btn {
        width: 30px;
        height: 30px;
    }
    .video-btn-holder {
        bottom: auto;
        top: 120px;
        right: 50px;
        left: auto;
    }
} 
@media (max-width: 360px) {
	.form-order{ width: 100%; }
	.form-order input[type="text"], .form-order input[type="phone"]{ font-size: 16px; }
	.placeholder label{ font-size: 16px; }
	.btn-submit input[type="submit"]{ font-size: 18px; }
	/*.banner-list li::after{ display: none; }*/
	.services-more-box .banner-list li{ padding: 5px 0 22px 65px; }
	.banner-list li{ padding: 0 0 20px; }
	.services-inner{ padding: 15px 15px 55px; font-size: 16px; line-height: 20px;}
	.services-inner .more-btn{ bottom: 10px; left: 15px; font-size: 20px; line-height: 22px; width: auto; right: 15px;}
	.services-inner h3{ margin: 0 0 30px; }
	.green-btn{ font-size: 18px; line-height: 22px; }
	.btn-green-form input[type="submit"]{ font-size: 20px; }
	.services-info-box{ font-size: 16px; line-height: 20px; letter-spacing: normal; }
	.services-inner h3{ font-size: 22px; line-height: 24px; }
	.banner-slogan-inner .btn-bord{ font-size: 14px; line-height: 16px; padding: 5px; }
	.banner-slogan h2{ font-size: 14px; line-height:  16px; margin: 0 0 10px; }
	.banner-text{ padding: 0; }

	.bn-slog-img{ margin: 0 0 0 -180px; }
	.video-btn-holder{ right: 30px; }
}
@media (max-width: 320px) {
	.advocate-col > p:first-child { font-size: 14px; }
	.advocate-desc { font-size: 12px; }
}