/*====== Reset браузерский настроек и основные настройки ======*/
*, *::before, *::after {box-sizing: border-box;}
*:focus{outline:none;}
input, textarea, button, select{-webkit-appearance: none!important;-moz-appearance:none;}
.no-scroll{overflow:hidden!important;}
.img-cover{object-fit:cover;}
img{width:100%;}
img { vertical-align: middle; border-style: none; }
a:hover, a:focus, a:visited{text-decoration:none!important;}
a:-webkit-any-link{text-decoration: none!important}
html, body{background:#fff; padding:0; margin:0; position:relative; max-width: 100%; overflow-x: hidden!important;}
.relative{position:relative;}
html{overflow-y:hidden;}
.uncontrolled{overflow-y:scroll;}
.d-block{display:block;}
a.d-block{width:fit-content;}
.section-first{padding-top:80px;}
/*Кнопки*/
.btn, .btn-secondary, .btn-main{font-size:14px; font-weight:500; padding:7px 28px 7px; cursor: pointer; transition: 0.5s ease; border-radius:2px; letter-spacing:0.6px; font-family:'Museo Sans'; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
span[class*="btn-"]{display:inline-block;}
.btn-main{background:#78B726; color:#fff; border-radius:2px;}
.btn-main:hover, .btn-main:active{background:#6DA81F}
.btn-main:hover, .btn-secondary:hover{box-shadow:0px 5px 20px rgba(109, 168, 31, 0.25);}
/**/
.btn-secondary--white{color:#ffffff!important; border-top:1px solid #ffffff!important; border-bottom:1px solid #ffffff!important;}
.btn-secondary--white:hover{border-top:1px solid #6DA81F!important; border-bottom:1px solid #6DA81F!important;}
.btn-secondary{background:transparent; color:#78B726; position:relative; transition:0.25s ease; z-index:10; display:inline-block; border-top:1px solid #78B726; border-bottom:1px solid #78B726; border-radius:0; padding:6px 28px;}
.btn-secondary:hover{background:#6DA81F; color:#fff; transition-delay:0.15s; border-radius:2px; border-top:1px solid #6DA81F; border-bottom:1px solid #6DA81F;}
.btn-secondary:hover .secondary-line{height:50%; background:#6DA81F;}
.btn-secondary--white .secondary-line{background:#ffffff!important;}
.btn-secondary--white:hover .secondary-line{background:#6DA81F!important;}
.secondary-line{position: absolute; width: 1px; height: 35%; background: #78B726; transition:0.15s ease;}
.secondary__left-top{left: 0; top: 0; }
.secondary__right-top{right: 0; top: 0; }
.secondary__left-bottom{left: 0; bottom: 0; }
.secondary__right-bottom{right:0; bottom:0;}
/*Ссылки*/
div a, p a{color:#78B726;}

/*Шрифты*/
body{font-family:'Gotham Pro'; font-weight:300; color:#555; line-height:24px; font-size:13px;}
p{margin:0;}
.title{font-family:'Museo Sans'; color:#222222; font-weight:500; margin:0;}
.section-title, .big-title{font-size:32px; line-height:40px; font-weight:900;}
.medium-title{font-size:22px; line-height:24px;}
.small-title{font-size:16px; line-height:24px;}
.subtitle{color:#B1B1B1; font-weight:500;}

/*Структура и расстояния*/
.section{overflow:hidden; z-index:10; position:relative;}
.section-mt{margin-top:50px;}
.section-mt-s{margin-top:25px;}
.section-mb{margin-bottom:50px;}
.section-mt-70{margin-top:70px;}
.section-mb-70{margin-bottom:70px;}
.row-title{margin-bottom:35px;}
.section:last-child{margin-bottom:50px;}

/*Тени*/
.shadow-main{box-shadow:0 4px 18px rgba(0,0,0,0.07);}
.shadow-10{box-shadow:0 5px 20px rgba(0,0,0,.10);}
.shadow-07{box-shadow:0 5px 20px rgba(0,0,0,0.07);}

/*Контактные формы*/
.contact-form-inner{padding:30px; background:#ffffff; border-radius:10px;}
.contact-form__title{margin-bottom:20px;}
.contact-form__description{margin-bottom:20px;}

.form-group{position:relative; margin-bottom:20px;}
.form-field{background:#fff; border:1px solid #EBEBEE; border-radius:5px; padding:11px 15px; font-size:13px; font-family:'Gotham Pro'; color:#444; width:100%; line-height:18px; font-weight:300; color:#222;}
.form-label{display:block; position:absolute; top:14px; left:15px; font-size:13px; line-height:13px; color:#B1B1B1; font-weight:500; background:#fff; padding:0 4px; transition:0.2s ease; pointer-events:none;}
.form-field:focus, .form-field:active{background:#FCFCFC;}
.form-field:focus + .form-label, .form-field:active + .form-label, .form-filled + .form-label, .label-active {top:-8px; font-size:12px;}
.form-textarea{min-height:9rem; resize:none;}
.form-textarea-commerce{min-height:7rem;}
.btn-form{border:none; display:block; line-height:18px; padding:10px 28px;}
.btn-contact-form{width:calc(100% - 60px); margin:auto;}
.btn-commerce-form{width:100%; margin-top:30px;}
.form-group-last-right{min-height:121px;}

/*Успешная отправка*/
.popup-success{position: absolute; right: 45px; top: 28px; width: 30px; height: 30px; z-index:100; visibility:hidden; opacity:0; transition:0.5s ease;}
.success-message-text{font-size: 14px; color: #666; position: absolute; width: 190px; text-align: right; top: 50%; transform: translate(0, -50%); right: 40px; overflow:hidden;}

.discuss-success{position: absolute; width: 230px; right: 50%!important; transform: translate(50%, -35px) translateX(-18px); top: auto!important;}
.discuss-success img{width: 30px; float: right;}
.btn-container{transition:0.35s ease;}
.btn-container-hidden{visibility:hidden; opacity:0;}
.success-visible{opacity:1!important; visibility:visible!important;}
.success-message-span{transform:translateY(100%); transition:0.5s ease; opacity:0; display:block;}
.success-message-span-visible{transform:translateY(0)!important; opacity:1!important;}

/*====== HEADER ======*/
.home-page .header{background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, transparent 100%);}
.home-page .nav-link{color:#fff;}
.header{position:fixed; width:100%; padding-top:0; left:0; top:0; z-index:200; transition:0.5s ease;}
.header-container{max-width:1140px; margin:auto; padding-top:10px; padding-bottom:10px; transition:0.5s ease;}
.banner-underlayout{display:block; width:100%; height:100%; position:absolute; background:rgba(0,0,0,.15); filter:blur(100px); pointer-events:none;}

.logo-block{display: inline-block; width: 170px;}
.right-content-block{width: calc(1140px - 180px); text-align: right; display:inline-block; text-align:right;}
.navigation-block{display:inline-block; vertical-align:middle; margin-right:0;}
.nav{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; margin-top:0; list-style: none;}
.nav-link{display: block; margin: .5rem 1rem; font-size:14px; color:#333; transition:0.25s ease;}
.nav-link:hover{color:#78B726;}
.nav-active{color:#78B726!important; font-weight:400;}
@media screen and (min-width:1140px){
.nav-submenu{position: absolute; z-index: 200; background: #fff; min-width: 205px; list-style: none; box-shadow: 0 5px 20px rgba(30,30,30,.15); padding: 0; transition: 0.35s; transform: translate(-2px, 9px); border-radius:2px;}
.nav-submenu{opacity: 0; visibility: hidden;}
.nav-item-parent:hover .nav-submenu{transition: 0.35s; visibility: visible!important; opacity: 1!important; transform: translate(-2px,4px);}
.nav-item-sub{display: block; border-bottom: 1px solid #eee; text-align:left;}
}

.button-block{display:inline-block; vertical-align:middle;}
.header-icon::before{position:absolute; left:-40px; top:0; transform:translate(0, -4px);display: inline-block; vertical-align: middle; color: #78B726; border: 1px solid; padding: 4px 4px 2px 4px; text-align: center; min-width: 32px; font-size: 15px!important; border-radius: 100%;} 
.nav-phone{font-family:'Museo Sans'; font-size:14px; font-weight:300; letter-spacing:0.4px; position:relative; margin-left:50px;}
.header-btn{display:block;}
.languages-block{display:inline-block; margin-left:20px;}

.header-white{position:fixed; background:#fff!important; box-shadow:0 4px 20px rgba(0,0,0,.06);}
.header-white .nav-link{color:#333;}
.header-white .header-container{}
.header-white .lang-other{color:#333!important;}

.svg-background{position:absolute; z-index:5;}

/*Хлебные крошки*/
.breadcrumbs{background: transparent; display: block; padding: 0; list-style: none; margin-bottom: 25px;}
.breadcrumbs li{display:inline-block;}
.breadcrumbs li:not(:first-child):before{content:'/'; margin:0 5px; color:#b1b1b1;}






/* ====== Главная ======*/

/*--- Баннер ---*/
.inner-block{position:relative;}
.banner-image__overlay{position:absolute; z-index:50; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.45);}
.banner-image__img{min-height:100vh; max-height:850px; width:100%; position:relative;}

.banner-content--home .banner-content__inner-block{max-width:635px;}
.banner-content{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:1140px; z-index:60; width:100%;}
.banner-content__text{color:rgba(255,255,255,.85); margin-bottom:20px; font-size:15px;}
.banner-content__title{color:#fff; letter-spacing:0.36px; margin-bottom:25px;}
.banner-content__button.btn-secondary{margin-left:10px;}

/*--- Секция о машине ---*/
.about-back{left:0; top:50%; transform:translate(0, -50%) scale(0.85, 0.85); width:fit-content; filter:contrast(0.98);}
.about-back--right{right:0; top:50%; transform:translate(0, -50%) scale(-1.15, 1.15); width:fit-content; filter:contrast(0.98);}

.container-about-car--home{}
.car-about__inner{padding-top:50px;}
.car-about__title{margin-bottom:20px;}
.car-about__description{margin-bottom:20px;}
.car-about__small-title{margin-bottom:5px; color:#888;}
.car-table__td{font-family:'Museo Sans'; font-weight:500; font-size:14px; padding-bottom:4px;}
.car-table__td-name{color:#222;}
.car-table__td-value{text-align:right; font-weight:300;}

.car-image__img{transform:scale(0.90) translate(20px, -15px);}

/*--- Секция услуга + главная ---*/
.services-slide{max-width:350px; margin:0 15px; margin-bottom:15px;}
.services-slide__inner{background:#fff; border-radius:8px; overflow:hidden;}

.services__decoration{width:95px; height:95px; left:0; top:0; transform:translate(-50%,-50%); background:#78B726; border-radius:100%; position:absolute;}
.service-icon-block{display:block; padding-top:35px; min-height:180px; text-align:center;}
.service-icon{display:block; position:relative;}
.service-icon:before{font-size: 90px!important; display: block; line-height: 90px; position: relative; margin-top: 15px; color:#78B726;}
.flaticon-crane-1:before{transform:translateX(15px);}

.service-content{padding:20px 20px 35px 20px;}
.service-content__title{font-size:20px; line-height:30px; margin-bottom:15px;}
.service-content__description{margin-bottom:20px;}

.slider-arrow{transition:0.25s ease;}
.slider-arrow-hidden{opacity: 0; visibility: hidden; cursor: default;}
.slider-prev{position: absolute; left: 0; top: 50%; transform: translate(-50px,-50%);}
.slider-prev .slider-nav-icon:before{transform: rotate(-180deg);}
.slider-next{position: absolute; right: 0; top: 50%; transform: translate(50px,-50%);}
.slider-arrow-inner{border-radius: 100%; box-shadow: 0 2px 20px rgba(51,51,51,.12); width: 45px; height: 45px; position: relative; cursor: pointer; background: #fff; }
.slider-nav-icon{text-align: center; display: block; padding-top: 11px; height: 100%; width: 100%;}
.slider-nav-icon:before{font-size: 18px!important; display: block; position: relative; color:#ccc;}

/*--- Почему мы ---*/
.why-left-content{display: inline-block; vertical-align: top; padding-top: 15px;}
.why-block{margin-bottom:30px;}
.why-icon{line-height:52px;}
.why-icon:before{font-size: 52px!important; color: #78b725;}

.why-right-content{display: inline-block; width: calc(100% - 56px); padding-left: 10px; vertical-align: top;}
.why-block__title{margin-bottom:5px;}

/*--- Отзывы ---*/
.container-feedback{padding-top:10px;}
.feedback-block__text{max-height: 7.3rem; overflow: hidden; text-overflow: ellipsis;}
.feedback-block__title{margin-bottom:8px;}
.meta-date{color:#ccc; font-weight:500; font-size:12px; display:inline-block; vertical-align:middle; margin-right:5px;}
.meta-stars{display:inline-block; vertical-align:middle; transform:translateY(-3px);}
.meta-stars__star{width:14px; display:inline-block!important;vertical-align:middle;}
.feedback-block__text{margin-top:5px; margin-bottom:10px;}
.feedback-block__btn{font-family:'Museo Sans'; font-weight:500; font-size:14px; letter-spacing:0.5px;}
.feedback-btn-wrapper{text-align:center; margin-top:15px;}

/*--- Контакты ---*/
@media screen and (min-width:768px){
.section-contacts{min-height:705px;}
.section-contacts .row-title{margin-bottom:10px;}

.col-contact-form{position:absolute; z-index:60; max-width:445px; right:0; transform:translateX(35px);}
.col-contact-info{position:absolute; z-index:60; max-width:378px; left:10px; transform:translateY(320px);}
}
.contacts-block__line{margin-bottom:8px;}
.contact-info__title{margin-bottom:15px;}
.contact-info__text{margin-bottom:15px;}
.contact-info-inner{background:#fff; padding:20px 5px 20px 15px; border-radius:6px; /*box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;*/}

.contacts-icon::before{position: relative; display: inline-block; vertical-align: middle; font-size: 24px; margin-right: 10px; color: #78B726;}
.contacts-block__info{display: inline-block; vertical-align: middle; font-size: 14px; color: #444;}


.google-maps-home{width:100%; height:575px; margin-top:20px; overflow:hidden;}
.google-maps-home iframe{width:100%; height:100%;}

/*--- SEO ---*/
.seo-text, .seo-content-block p{margin-bottom:10px;}
.seo-title, .seo-content-block h3{padding-top:15px; margin-bottom:20px; font-weight:700; margin-top:0; font-size: 22px; line-height: 24px; font-family:'Museo Sans'; color:#222222;}

/*--- Footer ----*/
.footer{padding:25px 0; background:#F9F9F9;}
.footer-widget__title{margin-bottom:15px;}
.footer-ul{padding:0; margin:0;}
.footer-li{list-style:none; margin-bottom:6px;}

@media screen and (min-width:560px){
.mobile-d{display:none;}
}

/* ------ Коммерческая ------ */
/*---  Баннер ---*/
.section-banner-commerce{margin-bottom:0!important;}
.row-banner-commerce{padding-top:230px; min-height:745px;}
.commerce-text-inner{}
.banner-commerce-text{margin-bottom:20px; margin-top:13px; font-size:14px; max-width:450px; line-height:24px; color:#919191;}
.banner-commerce-subtitle{font-size:15px; margin-bottom:5px;}
.dots-commerce-design{position:absolute; left:-210px; top:320px;}
.commerce-dots-img{width:187px; position:absolute; display:block; opacity:0.9;}
.commerce-dots-2{transform:translate(0, 100%) translateY(18px);}
.commerce-dots-3{transform:translate(100%, 100%) translate(18px, 18px);}

.commerce-image-inner{position:relative; z-index:35; padding-top:30px;}
.commerce-back{position:absolute; z-index:1;}
.commerce-banner-top{width:170px; height:135px; background:#f9f9f9; border-radius:6px; top:0; left:425px;}
.commerce-banner-main-background{position:absolute; z-index:1; height:675px; width:44.5vw; right:0; top:70px; background-image: linear-gradient(-206deg, #82BD2C 7%, #6CA521 100%); border-radius:8px 0 0 8px;}
.commerce-banner-main-background-inner{height:100%;}
.commerce-banner-main-lines{width:90px; top:50%; right:0; transform:translate(0, -50%); z-index:2; position:absolute;}
/*Убрать*/
.commerce-img{transform:scale(1.35) translateX(-60px);}

/*--- СЕО вставка ---*/
.commerce-seo-block-backtitle{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); font-size: 26px; font-weight: 900; color: #fff; -webkit-text-fill-color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #78b725; }
.commerce-seo-block-text{margin-bottom:15px;}
.commerce-seo-block-decor{position:absolute; }

.commerce-seo-block-decor-left{left: -20px; transform: translate(-100%, 0px);}
.commerce-seo-block-decor-right{right: -20px; transform: translate(100%, 0px);}
.decor-symbol{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 72px; font-weight: 700; font-family: 'Museo Sans'; color: #70B11B;}
.container-seo-services{margin-top:30px;}
/*--- FAQ---*/
.faq-toggle-button{position: absolute; width: 16px; height: 16px; right: 30px; top: 25px; transform: scale(1.125) translateY(2px); }
.minus-line{width: 11px; height: 1px; position: absolute; left: 50%; display: block; background: #fff; top: 50%; transform: translate(-50%,-50%);}
.plus-line{width: 11px; height: 1px; position: absolute; left: 50%; display: block; background: #fff; top: 50%; transform: translate(-50%,-50%) rotate(90deg); opacity: 0; visibility: hidden; transition: 0.5s ease;}
.input-background-circle{width: 16px; height: 16px; background: #78B726; border-radius: 100%;}
.faq-closed .plus-line{opacity: 1; visibility: visible; transition: 0.5s ease;}
.faq-closed .faq-block-inner{padding-bottom:10px;}
.faq-block{margin-bottom:20px; max-width:832px;}
.faq-block-inner{background: #fff; box-shadow: 0 2px 15px rgba(204,204,204,.3); padding: 25px 30px 25px 30px; position: relative; border-radius: 8px; transition: 0.5s ease;}
.faq-block__title{margin-bottom:15px;}
.faq-block__text{transition:0.5s ease; overflow:hidden;}

.col-faq-inner{padding-left:95px;}
.faq-decor-left{left:-40px; top:50px;}
.faq-decor-left-img{height:200px;}
.faq-decor-right{top: 50px; right: 45px;}
.faq-decor{position:absolute;}

/*---Коммерческая форма---*/
.col-commerce-form-inner{background:#fff; position:relative; border-radius:8px; box-shadow:0 5px 20px rgba(0,0,0,.07); margin-bottom:25px;}
.commerce-form-block{width:665px; padding:30px; display:inline-block; vertical-align:middle;}
.commerce-form-map{width:calc(100% - 669px); display:inline-block; vertical-align:middle;}
.commerce-form-map-inner{display:block; width:100%; min-height:485px; background:#f9f9f9;}
.commerce-form-title{margin-bottom:25px;}
.form-line-title{margin-bottom:12px;}

.date-placeholder-hidden{visibility:hidden;}
.date-placeholder{pointer-events:none; position:absolute; width:60%; height:39px; top: 3px; background: #ffffff; left: 5px;}
.dropdown-icon::before{pointer-events:none; position: absolute; display: block; right: 15px; top: 8px; transform: rotate(-90deg); transition:0.5s ease; font-size: 11px!important; color: #b7b7b7;}
.dropdown-icon-active::before{transform:rotate(90deg)!important;}
.form-group-inline{display:inline-block; vertical-align:middle;}
.form-group-left{width:calc(49.5% - 15px); margin-right:15px;}
.form-group-right{width:calc(49.5% - 15px); margin-left:15px;}

@media screen and (max-width:560px){
    .commerce-form-block{width:100%;}
    .form-group-inline{width:100%; display:block; margin:0 0 20px 0;}
    .form-line-title{display:none;}
    .commerce-form-block{padding:0; display:block;}
    .commerce-form-block-inner{box-shadow:0 5px 20px rgba(0,0,0,.10); background:#fff; border-radius:10px; padding:25px; margin-bottom:20px;}

    .col-commerce-form-inner{background:none; box-shadow:none; border-radius:0; margin-bottom:0;} 
    .commerce-form-map{width:100%;}
    .commerce-form-map-inner{padding:0px; min-height:auto; background:none;}
}

/*Таблица перевозок по Украине*/
.col-routes{margin-bottom:50px;}
.routes-inner{box-shadow: 0 5px 20px rgba(0,0,0,.07); padding: 25px 45px 30px; }
.routes-table{width:100%;}
.th-routes{text-align: left; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.routes-td.title{padding: 15px 0; border-bottom: 1px solid #eee; color: #555555; font-weight: 500; font-size: 15px;}
.routes-td-right{position:relative;}
.container-routes{position:relative;}
.routes-design{position: absolute; width: 260px;}
.routes-design-left{top: 50%; left: 0; transform: translate(-55%, -50%) translateY(-20px);}
.routes-design-right{top: 50%; right: 0; transform: translate(55%, -50%) translateY(-20px);}
.routes-button{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); border: none; color: #b5b5b5; font-size: 14px; cursor: pointer;}

@media screen and (max-width:560px){
    /*Баннер коммерческой*/
    .row-banner-commerce{padding-top:70px; min-height:auto;}
    .col-commerce-text{order:2}
    .col-commerce-image{order:1; margin-bottom:25px;}
    .commerce-image-inner{min-height:300px; padding-top:60px;}
    .commerce-img{width: 90%; min-height: 180px; position: absolute; top: 50%; transform: translate(0, -50%);}
    
    .banner-commerce-title{line-height:24px!important; font-size:18px!important;}
    .banner-commerce-text{margin-bottom:15px;}
    .dots-commerce-design{left:0; top:420px;}
    .commerce-dots-img:first-child{display:none;}
    .commerce-dots-2{display:none;}
    .commerce-dots-3{width:141px; transform:translate(240%, 15px);}
    
    .commerce-banner-main-background{height:300px; width:65vw;}
    .commerce-banner-main-lines{width:45px;}
    
    /*Сео вставка*/
    .commerce-seo-block-backtitle{display:none;}
    .section-commerce-info .row-title{margin-bottom:15px;}
    
    /*Таблица*/
    .row-title{margin-bottom:15px;}
    .routes-table{border-spacing:0;}
    .routes-design{display:none;}
    .routes-inner{padding:12px 0 20px; border-radius:2px;}
    .thead-th:first-child{padding-left:12px; width:50%; padding-top:5px;}
    .th-routes{border-bottom:none; font-size:15px!important; font-weight:700;}
    .routes-td-left{padding-left:12px!important;}
    .routes-td.title{font-size:12px; border-top:1px solid #eee; line-height:18px;}
    .routes-button{height:calc(100% + 1px); width:80px; top:-1px; transform:none; font-size:8px; color:#fff; background:#78B726; border-radius:1px;}
    .routes-icon:before{display:block; transform:scale(1., 1);}
    .thead-tr + .routes-tr-separate{display:none;}
    .routes-td-separate{padding:4px; background:#fdfdfd;}
    .routes-tr-separate:last-child{display:none;}
    
}
/*FAQ*/
@media screen and (max-width:560px){
    .col-faq-inner{padding:0;}
    .faq-decor{display:none;}
    .faq-toggle-button{position: absolute; width: 16px; height: 16px; right: 15px; top: 25px; transform: scale(1.125) translateY(2px);}
    .faq-block__title{padding-right:5px;}
}
/* --- О нас --- */
.section-pb{padding-bottom:50px;}
.section-semibanner-additional{background: #f9f9f9; padding: 50px 0px 55px; margin-top: 70px;}
.col-semibanner .section-title{font-size:28px; margin-bottom:20px;}
.img-about-company{transform: scale(1.05) translateX(-15px); border-radius: 6px; /*box-shadow: 0 2px 25px rgba(94, 142, 31, 0.35);*/ box-shadow:0 2px 25px rgba(68, 95, 60, 0.25);}
.commerce-half-text-inner{padding-top:2px;}
.commerce-half-title{margin-bottom:8px;}
.commerce-half-title-small{margin-top:10px; margin-bottom:8px;}
.img-semibanner{position:absolute;}
.img-semibanner-left{top:50%; left:0; transform:translate(-70%, -50%) scaleX(-1); width:250px;}
.img-semibanner-right{top:50%; right:0; transform:translate(50%, -50%) translateY(-40px); width:250px;}

@media screen and (max-width:560px){
    .img-semibanner{display:none;}
    .img-about-company{transform:none; margin-bottom:20px;}
    .section-about-company{padding-bottom:0px;}
}


/*------ Попапы ------*/
.popup-section{position:fixed; width:100%; height:100%; z-index:500; left:0; top:0; visibility:hidden; opacity:0; transition:0.8s ease;}
.popup-section-visible{visibility:visible; opacity:1;}
.popup-section-overlay{position:absolute; width:100%; height:100%; left:0; top:0; z-index:510; background: rgba(255,255,255,.6);}
.popup{max-width:650px; position:absolute; z-index:550; left:50%; top:50%; transform:translate(-50%, -50%);}
.popup-inner{border-radius:6px; background:#fff; padding:30px}
.close-icon{position: absolute; width: 30px; right: 30px; top: 30px; cursor: pointer;}
@media screen and (min-width:1140px){
    .popup-inner{min-width:400px;}
}
@media screen and (max-width:560px){
    .popup{width:100%; max-width:calc(100% - 20px);}
    .popup-inner{padding:25px 20px;}
    .close-icon{top:25px; right:20px;}
    .form-field{font-size:16px;}
}
/*Таблица*/
.form-route-table{margin:20px 0px;}
.form-route-d{display:inline-block; vertical-align:middle; width:49%;}
.form-route-head{padding-bottom:10px; border-bottom:1px solid #eee;}
.form-route-heading{font-size:14px;font-weight:500;}
.form-route-data{font-size:13px; color:#555;}
input[engine="hidden"]{display:none;}
/* ==== Услуги ====*/
.services-col{max-width: 100%; margin: 0 0 30px 0;}






/* ====== Мобильная версия ====== */
.swiper-icon-block{text-align:center; margin-top:5px;}
.swipe-icon{width:40px;}
/*Смартфоны*/
@media screen and (max-width:560px){
    /*Основные настройки и типография*/
    .section-title{font-size:24px; line-height:32px;}
    .medium-title{font-size:18px; line-height:24px;}
    .small-title{font-size:16px; line-height:24px;}
    .btn-main, .btn-secondary{font-size:15px;}
    /*Хедер*/
    
    .navigation-block{transition:0.5s ease; visibility:hidden; opacity:0;}
    .mobile-info{transition:0.5s ease; visibility:hidden; opacity:0;}
    .navigation-block-visible{visibility:visible; opacity:1;}
    .mobile-info-visible{visibility:visible; opacity:1;}
    /*--- Главная ---*/
    .home-banner__img{object-position:67% 0;}
    .banner-content__title{font-size:32px; line-height:40px;}
    .banner-content{padding:0 15px;}
    .banner-content__button.btn-secondary{display:none;}
    .banner-call-btn{display:block; width:fit-content; margin-top:10px; padding-left:20px; text-align:center;}
    .banner-call-icon::before{display:inline-block; vertical-align:middle; margin-right:5px;}
    .call-text{display:inline-block;}
    .banner-content__button.btn-c{display:none;}
    
    /*Авто*/
    .container-about-car--home{z-index:25; position:relative;}
    .about-back--right{display:none;}
    .about-back{filter:none; transform:translate(0, -50%) translateX(-5px) scale(0.85, 0.85);}
    .car-about__inner{padding-top:0;}
    .car-image__img{transform:none;}
    
    /*Услуги*/
    .section-services-home{margin-top:50px;}
    
    .section-why .row-title{margin-bottom:35px;}
    
    /*Отзывы*/
    .feedback-block{margin-bottom:20px;}
    
    /*Контакты*/
    .section-contacts .row-title{margin-bottom:15px;}
    .contact-form-inner{padding:25px;}
    .contact-info-inner{box-shadow:none;}
    .btn-contact-form{width:100%; font-size:16px;}
    .contacts-block__line{margin-bottom:10px;}
    .contacts-block__line:last-child{margin-bottom:0;}
    .google-maps-home{margin-top:15px;}
    
    /*СЕО*/
    .section-scontent{margin-top:50px;}
    
    /*Footer*/
    .footer-widget{margin-bottom:20px;}
}
/*Все мобильные*/
@media screen and (max-width:1024px){
    /*--- Хедер ---*/
    .header{position:fixed; z-index:351;}
    .header-white{background:#fff;}
    .header-no-shadow{box-shadow:none;}
    .logo-img{width: 200px; display: block; transform:translateY(3px);}
    .header-container{padding:6px 15px 12px!important;}
    .logo-block{width:calc(100% - 40px); vertical-align:middle;}
    .mobile-menu{display:inline-block; vertical-align:middle;}
    .mobile-menu-inner{width: 36px; height: 36px; background-color:#78B726; box-shadow: 0 5px 15px 0 rgba(120,183,38,0.45); border-radius: 100%; position:relative;}
    .mobile-menu-symbol{width: 20px; height: 13px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .menu-line{background:#fff; height:2px; width:20px; border-radius:1px; display:block;}
    .menu-line-2{transform:translate(0, 3px);}
    .menu-line-3{transform:translate(0, 6px);}
    .right-content-block{display:none;}
    .nav-link{color:#333!important; margin:0;}
    /**/
    .nav-item, .nav-link{user-select:none;}
    .mobile-menu-block .contact-info-inner{padding:0; box-shadow:none; padding-top:15px;}
    .phone-item{display:none!important;}
    .mobile-menu-block{display:block; position:fixed; top:0%; left:0; width:100%; height:100%; background:#fff; z-index:350; padding-top:90px; visibility:hidden; opacity:0.5; transition: all 0.5s ease; pointer-events:none; overflow-y:scroll; transform:translate3d(100%, 0, 0);}
    .mobile-menu-block-visible{opacity:1; visibility:visible; pointer-events:auto; transform:translate3d(0, 0, 0);}
    .mobile-menu-block-inner{padding:0 20px;}
    .navigation-block{display:block; width:100%;}
    .nav-item{display:block; width:100%;}
    .nav-link{padding:8px 0; border-bottom:1px solid #f7f7f7;}
    .nav-item:last-child .nav-link{border-bottom:1px solid transparent;}
    .mobile-info .contacts-info-icon-row{border-bottom:none;}
    .languages-item{position: relative; display: block; vertical-align: middle; border-bottom: 1px solid #f7f7f7; border-top: 1px solid #f7f7f7;}
    .lang-link:first-child{border-right:1px solid #f7f7f7!important;}
    .lang-current{color:#b1b1b1!important;}
    .lang-link{color: #444444; width: 49%; display: inline-block; font-size: 14px; padding: 8px 0; position: relative; vertical-align: middle; text-align: center; border: none; border-radius: 0; margin-right: 0; height:auto;}
    .menu-line{transition:0.2s ease;}
    .menu-line-3{transition:0.1s ease;}
    .mobile-menu-symbol-active .menu-line-1{transform:rotate(45deg) translate(4px,4px)!important;}
    .mobile-menu-symbol-active .menu-line-2{transform:translate(0px, 4px) rotate(-45deg)!important;}
    .mobile-menu-symbol-active .menu-line-3{visibility:hidden; opacity:0;}
    /**/
    .swiper-last{width: 5px!important; height: 20px!important;}
    
    /*Услуги*/
    .lang-ua .service-content__title{font-size:18px;}
    .section-services-home .container--title .row-title{margin-bottom:20px;}
    .container-services{padding:0;}
     .services-container{overflow-x: scroll!important; -webkit-overflow-scrolling: touch; }
     .services-slide{max-width: 325px; margin: 15px 10px;}
     .service-content__btn{width:100%; text-align:center; font-size:15px;}
    
}
/*Iphone SE*/
@media screen and (max-width:345px){
    .service-icon-block{min-height:150px;}
    .service-content__title{font-size:18px; line-height:24px; margin-bottom:8px;}
    .service-content__description{margin-bottom:15px;}
    .service-content{padding:18px 18px 30px 18px!important;}
    .services-slide{max-width:300px!important;}
    /**/
    .col-contact-form{padding:0 5px;}
    .contact-form-inner{padding:15px;}
}
/*Планшеты + горизонт*/
@media screen and (min-width:560px) and (max-width:1024px){
    
}
/*Планшеты + маленькие пк*/
@media screen and (min-width:1024px) and  (max-width:1240px){
    .container-services{max-width:100%;}
    
}
@media screen and (min-width:1240px){
    .lang-link:first-child{margin-right:8px;}
    .lang-current{color:#adadad;}
    .home-page .lang-link:not(.lang-current){color:#fff;}
}
/*Большие экраны*/
@media screen and (min-width:1600px){
    .home-banner__img{min-height:110vh; max-height:100%;}
}
/*Все пк */
@media screen and (min-width:1240px){
    html{scroll-behavior:smooth}
}
/*Разработчик*/
.developer-anchor span{color:#333;}
.developer-logo{width:170px; transform:translate(-15px, -10px);}

@media screen and (max-width:991){
    .nav-submenu{padding-left:0;}
    .logo-block a{display: block; width: 200px;}
    .nav-submenu .nav-item-sub:last-child a{border-bottom:1px solid #f7f7f7}
    .nav-submenu a::before{display: inline-block; content: '-'; position: relative; vertical-align: middle; margin-right: 10px; color:#bbb;}
    .languages-item{border-top:none;}
    }
@media screen and (min-width:1140px){
    .nav-item-parent > a::after{content: "\f101"; display: inline-block; vertical-align: middle; font-family: Flaticon; right: 15px; margin-left: 5px; transform: translate(0,-1px) rotate(90deg); color: #2c2c2c!important; font-size: 8px!important;}
}
.home-page .nav-item-parent > a::after{color:#ffffff!important;}
.home-page .header-white .nav-item-parent > a::after{color:#333!important;}
.sub-link{color:#333!important;}