html {
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
body {
    font: 16px "Inter";
    font-weight: 300;
    color: #242424;
    height: 100%;
}
a {
    text-decoration: none;
}
h1 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 30px;
}
strong {
    font-weight: 700;
}
.knop {
    padding: 100px 0;
    text-align: center;
}
.knopka {
    background: #006759;
    padding: 15px 50px;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    -webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: none;
	z-index: 3;
	position: relative;
}
.knopka:hover,
.knopka:active,
.knopka:focus {
    background: #BB9959;
    padding: 20px 60px;
    -webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.container {
    max-width: 1470px;
    padding: 0 50px;
}
.wrapper {
    display: flex;
	flex-direction: column;
	min-height: 100%;
}
.content {
    flex: 1 0 auto;
}
.bot-panel {
    display: none;
}

.modal-content {
    background: #fff;
    border: none;
    border-radius: 20px;
    padding: 20px 50px;
}
.modal-content .modal-header {
    display: block;
    padding: 0;
    border: 0;
}
.modal-content .modal-header .close {
    font-size: 35px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    color: #242424;
}
.modal-content .modal-header h4 {
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    font-size: 28px;
    margin-bottom: 30px;
    color: #fff;
    padding-top: 70px;
}
.modal-content .modal-header h4 span {
    color: #ebcd52;
}
.modal-content .modal-body {
    padding: 50px 0px 0px 0px;
    border: none;
}
.modal-content .modal-body .form-group {
    margin-bottom: 20px;
}
.modal-content .modal-body .form-control {
    border: 0;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 20px;
    height: 60px;
    background: #E5E5E5;
}
.modal-content .modal-body textarea {
    border: 0;
    width: 100%;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 300;
    padding: 20px 20px;
    min-height: 120px;
    max-height: 200px;
    background: #E5E5E5;
}
.modal-content .modal-footer {
    padding: 0 0px 50px;
    border: 0;
    display: inline-block;
}
.modal-content .modal-footer p {
    text-align: center;
    color: #929292;
    font-weight: 400;
    margin: 10px 0 35px;
}
.modal-content .modal-footer .knopka {
    color: #fff;
    padding: 12px 50px;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 400;
    border: none;
    margin: 0px 0 0 0;
}
.modal-content .modal-footer .knopka:hover,
.modal-content .modal-footer .knopka:active,
.modal-content .modal-footer .knopka:focus {
    background: #BB9959;
    padding: 16px 65px;
}
.modal-content .modal-footer .phone {
    margin-left: 20px;
    padding: 15px 35px;
}
.modal-content .modal-footer .phone:hover {
    padding: 17px 40px;
}
.modal-content .modal-footer .whatsapp {
    color: #242424;
}
.modal-content .modal-footer .whatsapp i {
    font-size: 22px;
    color: #006759;
}
.modal-dialog {
    max-width: 530px;
}

.header {
    position: fixed;
    background: #fff;
    width: 100%;
    padding: 12px 0;
    z-index: 999;
    box-shadow: 0px -7px 10px #000;
}
.header .logo {
    padding: 7px 0;
}
.header .logo img {
    height: 120px;
}
.home .header .logo {
    background: #006759;
    position: absolute;
    padding: 50px 15px 15px 15px;
    top: -30px;
    border-radius: 35px;
}
.header .menu {
    padding: 7px 0;
}
.header .menu ul {
    padding: 0;
    margin: 0;
}
.header .menu ul li {
    display: inline-block;
}
.header .menu nav > ul > li:nth-child(1) > a {
    pointer-events: none;
}
.header .menu ul li.has-children:nth-child(1):after,
.header .menu ul li.has-children:nth-child(2):after{
    content: "";
    position: absolute;
    right: 27px;
    top: 59%;
    width: 11px;
    height: 12px;
    background: url(../img/arrow.svg) no-repeat center center;
    background-size: contain;
    transform: translateY(-50%);
    transition: .3s ease;
}
.header .menu ul li a {
    color: #353534;
    display: block;
    margin-right: 45px;
    font-weight: 400;
    font-size: 21px;
}
.header .menu ul li a:last-child {
    margin-right: 0px;
}
.header .menu ul li.active a,
.header .menu ul li a:hover,
.header .menu ul li a:active,
.header .menu ul li a:focus {
    color: #006759;   
}
.header .menu .lang-menu {
    display: none;   
}
.header .menu li { 
    position: relative;
}
.header .menu .submenu {
    position: absolute;
    left: -40px;
    top: 100%;
    min-width: 390px;
    padding: 35px;
    display: none;
    z-index: 999 !important;
    background: url(../img/menu.svg) 50% 50% no-repeat #fff;
    border-radius: 50px;
    margin-top: -2px;
}
.header .menu .submenu li {
    display: block;  
    margin-bottom: 10px;
}
.header .menu .submenu li a {
    font-weight: 200;
    display: block;
}
.header .menu .submenu li a:hover {
    color: #BB9959;
    font-weight: 400;
}
.has-children:nth-child(3):hover > .submenu,
.has-children:nth-child(4):hover > .submenu { 
    display: none; 
}
.has-children:hover > .submenu { 
    display: block; 
}
.header .search .simplesearch-search-form fieldset {
    background: #006759;
    border: none;
    padding: 7px 10px;
    border-radius: 70px;
    color: #fff;
    display: flex;
}
.header .search .simplesearch-search-form fieldset #search {
    background: transparent;
    border: none;
    width: 80%;
    color: #fff;
}
.header .search .simplesearch-search-form fieldset #search:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.header .search .simplesearch-search-form fieldset img {
    height: 27px;
    margin-right: 7px;
}
.header .logo a {
    background: #006759;
    position: absolute;
    padding: 50px 15px 15px 15px;
    top: -30px;
    border-radius: 35px;
}
::placeholder {
    color: #fff;
    opacity: 1; /* чтобы цвет был ярким */
}

/* Safari, Chrome */
::-webkit-input-placeholder {
    color: #fff;
}

/* Firefox */
::-moz-placeholder {
    color: #fff;
}

/* IE/Edge */
:-ms-input-placeholder {
    color: #fff;
}

/* Старый Edge */
::-ms-input-placeholder {
    color: #fff;
}
.header .phone {
    text-align: right;
    padding: 21px 0;
}
.header .phone .whatsapp {
    color: #2cb742;
    margin-right: 15px;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.header .phone .whatsapp:hover {
    color: #fff;
}
.header .phone .mob {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.header .phone .mob:hover {
    color: #ebcd52;
}
.header .callback {
    text-align: right;
    padding: 25px 0;
}
.header .callback a {
    background: rgb(252,236,126);
    background: linear-gradient(90deg, rgba(252,236,126,1) 0%, rgba(215,165,3,1) 100%);
    padding: 17px 25px;
    border-radius: 10px;
    color: #1f1f1f;
    font-weight: 700;
    font-size: 15px;
}
.header .callback a:hover {
    box-shadow: 0px 0px 7px #eaca4f;
}
.header .lang {
    text-align: right;
    padding: 9px 0;
}
.header .lang ul {
    padding: 0;
    margin: 0;
}
.header .lang ul li {
    float: right;
    list-style-type: none;
    margin-left: 20px;
}
.header .lang ul li a {
    font-weight: 400;
    color: #353534;
    font-size: 20px;
}
.header .lang ul li a.active,
.header .lang ul li a:hover,
.header .lang ul li a:focus,
.header .lang ul li a:active {
    color: #006759;
}
.header .hc-nav-trigger.hc-nav-1 {
    display: none;
}

.slider {
    padding: 50px 0 50px;
    background: #CBCBCB;
    position: relative;
    height: 743px;
}
.slider .container {
    position: relative;
}
.slider .w-main {
    position: relative;
    width: 175%;
    padding-left: 50px;
    z-index: 99;
}
.slider .sota-up {
    position: absolute;
    top: 50px;
    left: 0;
    width: auto;
    height: 400px;
}
.slider .text1 {
    padding-top: 150px;
}
.slider .text1 .serv-title {
    padding-left: 200px;
}
.slider .text1 .serv-title p strong {
    font-weight: 700;
}
.slider .text1 .serv-title h1 {
    font-family: "Unbounded";
    font-size: 32px;
    font-weight: 900;
    color: #006759;
    margin-bottom: 30px;
    position: relative;
    text-transform: none;
}
.slider .text1 hr {
    width: 72%;
    z-index: 99;
    position: absolute;
    left: 0;
    color: #fff;
    background: #fff;
    opacity: 1;
    border-top: 2.5px solid #fff;
}
.slider .text1 .x1 {
    text-align: right;
    padding-left: 400px;
    font-size: 22px;
}
.slider .text1 .x2 {
    padding-left: 50px;
    font-size: 22px;
    padding-top: 35px;
}
.slider .text1 .zayavka {
    padding-left: 50px;
}
.home .slider .sota-slider {
    position: absolute;
    right: -15px;
    top: -35px;
    width: 630px;
}
.slider .sota-slider {
    position: absolute;
    right: -35px;
    top: -35px;
    width: 630px;
}
.slider .sota-slider img.sota-s {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    width: auto;
    height: 350px;
}
.slider img {
    width: 100%;
}
.slider h1 {
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 900;
}
.slider .main-img {
    padding: 47px 0;
}
.slider .text-slider {
    
}
.slider .text-slider p {
    font-size: 20px;
    font-weight: 100;
    color: #a5a5a5;
    margin-bottom: 45px;
}
.slider .zayavka a.whatsapp {
    background: #2cb742;
    color: #fff;
    padding: 17px 25px;
    border-radius: 10px;
    font-weight: 500;
    margin-right: 20px;
}
.slider .zayavka a.whatsapp:hover {
    box-shadow: 0px 0px 7px #2cb742;
}
.slider .zayavka a.whatsapp i {
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 1;
}
.slider .zayavka a.phone {
    background: rgb(252, 236, 126);
    background: linear-gradient(90deg, rgba(252, 236, 126, 1) 0%, rgba(215, 165, 3, 1) 100%);
    padding: 17px 25px;
    border-radius: 10px;
    color: #1f1f1f;
    font-weight: 700;
    font-size: 15px;
}
.slider .zayavka a.phone:hover {
    box-shadow: 0px 0px 7px #eaca4f;
}
.slider .zayavka a.phone i {
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 1;
}
.slider .zayavka div:last-child {
    margin-top: 40px;
}

.service {
    padding: 50px 0;
    height: 660px;
}
.service .title {
    font-family: "Unbounded";
    font-size: 50px;
    font-weight: 900;
    color: #BB9959;
    margin-left: 200px;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}
.service .main-serv {
    position: relative;
}
.service .main-serv .logos {
    position: absolute;
    width: 310px;
    right: 285px;
    top: -75px;
}
.service .main-serv .serv {
    position: absolute;
    top: -240px;
    left: 130px;
    height: 900px;
    z-index: 1;
}
.service .main-serv .serv1 {
    position: absolute;
    top: 21px;
    left: 255px;
    height: 370px;
    opacity: 1;
    transform: translateY(0);
    z-index: 2;
}
.serv1,
.hex-grid {
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.hex-grid {
    position: relative;
    opacity: 0;
    pointer-events: none;
    transform: translateY(40px); /* эффект всплытия */;
    z-index: 3;
}
.service.active .serv1 {
opacity: 0;
    transform: translateY(-40px); /* лёгкий уход вверх */
}
.service.active .hex-grid {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.sot1 {
    left: 210px;
    top: 73px;
}
.sot2 {
    left: 355px;
    top: -10px;
}
.sot3 {
    left: 355px;
    top: 155px;
}
.sot4 {
    left: 501px;
    top: 73px;
}
.sot5 {
    left: 501px;
    top: 238px;
}

.hex-serv {
    width: 200px;
    aspect-ratio: 1 / 1.15;
    display: block;
    position: absolute;
    height: 170px;
    padding: 25px;
    transition: transform 0.25s ease;
    z-index: 2;
}
.hex-serv:hover::before {
    background: #006759;
}
.hex-serv:hover::after {
    background: #fff;
}
.hex-serv:hover {
    transform: scale(1.70);
    filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
}

.hex-serv::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #BB9959;      /* серый цвет контура */
  clip-path: polygon(
    25% 0%, 75% 0%,
    100% 50%,
    75% 100%, 25% 100%,
    0% 50%
  );
}
.hex-serv::after {
  content: "";
  position: absolute;
  inset: 5px;               /* толщина контура (можешь менять) */
  background: #ffffff;
  clip-path: polygon(
    25% 0%, 75% 0%,
    100% 50%,
    75% 100%, 25% 100%,
    0% 50%
  );
}

.hex-inner img {
    width: 68px;
    margin-bottom: 12px;
}
.hex-inner {
    text-align: center;
    color: #004b44;
    font-size: 15px;
    line-height: 1.3;
    z-index: 9;
    position: relative;
}
.hex-inner p {
    margin-bottom: 0px;
    font-size: 10px;
    font-weight: 500;
}
/* направления разъезда (подогнано под твоё расположение) */
.hex-grid:hover .sot1:not(:hover) { /* левая */
    transform: translate(-25px, 10px) scale(0.95);
    filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
    z-index: 1;
}

.hex-grid:hover .sot2:not(:hover) { /* верхняя */
    transform: translate(0, -25px) scale(0.95);
    filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
    z-index: 1;
}

.hex-grid:hover .sot3:not(:hover) { /* центральная */
    transform: translate(0, 25px) scale(0.95);
    filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
    z-index: 1;
}

.hex-grid:hover .sot4:not(:hover) { /* правая */
    transform: translate(25px, 10px) scale(0.95);
    filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
    z-index: 1;
}

.hex-grid:hover .sot5:not(:hover) { /* нижняя правая */
    transform: translate(25px, 25px) scale(0.95);
    filter: drop-shadow(0 8px 12px rgba(0,0,0,0.25));
    z-index: 1;
}
.hex-grid .sot5 .hex-inner img {
    width: 90px;
    margin-bottom: 5px;
}


.avtopark {
    padding: 50px 0 50px;
    background: rgb(235,205,82);
    background: radial-gradient(circle, rgba(235,205,82,0.4) 0%, rgba(0,0,0,1) 50%);
}
.avtopark .title {
    font-size: 40px;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    background: linear-gradient(95deg, #fae879 -3.54%, #d8a606 56.19%, #ecce53 102.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.avtopark .car-block {
    background: rgba(15, 15, 15, 1);
    border-radius: 10px;
    border: 1px solid #312b12;
    margin-bottom: 25px;
}
.avtopark .car-block .title-car {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
}
.avtopark .car-block .title-car:hover {
    color: #ebcd52;
}
.avtopark .car-block .avto-img {
    display: block;
    height: 200px;
    width: 100%;
    background-size: cover !important;
    border-radius: 10px 10px 0 0;
}
.avtopark .car-block .text-avto {
    padding: 20px;
}
.avtopark .car-block .text-avto .icon .icon_row {
    margin-bottom: 7px;
}
.avtopark .car-block .text-avto .icon .icon_row img {
    width: 25px;
    margin-right: 7px;
}
.avtopark .car-block .text-avto .icon .icon_row span {
    font-size: 14px;
    font-weight: 500;
}
.avtopark .car-block .text-avto a.whatsapp {
    display: block;
    padding: 10px 0;
    background: #2cb742;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin-top: 16px;
    font-weight: 500;
}
.avtopark .car-block .text-avto a.whatsapp:hover {
    box-shadow: 0px 0px 7px #2cb742;
}
.avtopark .car-block .text-avto a.whatsapp i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.avtopark .car-block .text-avto a.phone {
    display: block;
    padding: 10px 0;
    background: #ebcd52;
    border-radius: 10px;
    color: #000;
    text-align: center;
    margin-top: 16px;
    font-weight: 500;
}
.avtopark .car-block .text-avto a.phone:hover {
    box-shadow: 0px 0px 7px #eaca4f;
}
.avtopark .car-block .text-avto a.phone i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.politika-page .politika-block {
    margin-bottom: 40px;
}
.politika-page .politika-block .title-bl {
    color: #006759;
    font-size: 22px;
    font-weight: 500;
}
.politika-page .politika-block .politika-img {
    width: 100%;
}
.politika-page .politika-block .pol-img {
    width: auto;
    height: 150px;
}
.politika-page .politika-block .pol-img2 {
    width: 80%;
    margin-top: 50px;
}
.politika-page .politika-block .pol-img3 {
    margin-top: 80px;   
}
.politika-page .politika-blocks {
    margin-bottom: 50px;
}
.politika-page .politika-blocks .title-bl {
    font-family: "Unbounded";
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 40px;
    color: #006759;
}
.politika-page .politika-blocks .text-blocks {
    background: #EEEEEE;
    border-radius: 50px;
    padding: 50px 50px 40px 50px;
}
.politika-page .politika-blocks a {
    background: #B6ADA5;
    text-align: center;
    padding: 15px;
    border-radius: 50px;
    display: block;
    color: #fff;
    margin: 35px 70px;
}
.politika-page .politika-blocks a p {
    margin: 0;
}
.politika-page .politika-blocks a img {
    height: 100px;
    margin-bottom: 20px;
}
.usluga-teo .slider .text1 {
    padding-top: 80px;
}

.karta {
    background: #CBCBCB;
    padding: 50px 0 110px;
    position: relative;
}
.karta .maps1 {
    height: 400px;
    position: absolute;
    top: 50px;
    left: -28px;
}
.karta .maps2 {
    height: 400px;
    position: absolute;
    bottom: -65px;
    left: 130px;
}
.karta .maps3 {
    height: 350px;
    position: absolute;
    top: 320px;
    right: 0px;
}
.karta .word {
    width: 81%;
    position: absolute;
    right: 65px;
    bottom: -89px;
}
.karta h3 {
    color: #006759;
    font-family: "Unbounded";
    font-size: 50px;
    font-weight: 900;
    margin-left: 200px;
    margin-bottom: 30px;
    padding-top: 40px;
    position: relative;
}
.map {
  position: relative;
}
.city {
  position: absolute;
}
.city--aktobe {
    top: 26%;
    left: 23%;
}
.city--astana {
    top: 15%;
    left: 60%;
}
.city--almaty {
    top: 69%;
    left: 72%;
}
.city-pin {
    cursor: pointer;
    height: 88px;
}
.city-card {
  position: absolute;
  left: 50%;
  top: 0px;
  border: 2px solid #BB9959;
  transform: translate(-50%, -100%);
  min-width: 310px;
  max-width: 320px;
  background: #ffffff;
  border-radius: 40px;
    padding: 30px 30px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.18);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity .25s ease,
    transform .25s ease;
}
.city.active .city-card {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -110%);
}

.portfolio {
    padding: 60px 0 0;
}
.portfolio .container {
    padding: 0 80px;
}
.portfolio .title {
    font-family: "Unbounded";
    font-size: 50px;
    font-weight: 900;
    color: #BB9959;
    margin-left: 200px;
    margin-bottom: 30px;
}
.portfolio .portfolio-block .portfolio-img {
    display: block;
    height: 220px;
    width: 100%;
    margin-bottom: 10px;
    background-size: cover !important;
    border-radius: 30px;
}
.portfolio .portfolio-block .portfolio-title {
    color: #000;
    font-size: 18px;
    font-weight: 300;
}  
.portfolio .owl-nav .disabled {
    display: none;
}
.portfolio .owl-nav button.owl-prev {
    pointer-events: auto;
    background: #f4f3f2;
    border: none;
    color: #B6ADA5;
    height: 40px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    cursor: pointer;
    line-height: 1;
    left: -56px;
    top: 30%;
    position: absolute;
}
.portfolio .owl-nav button.owl-next {
    pointer-events: auto;
    background: #f4f3f2;
    border: none;
    color: #B6ADA5;
    height: 40px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    cursor: pointer;
    line-height: 1;
    right: -56px;
    top: 30%;
    position: absolute;
}
.portfolio .owl-nav button:hover {
    background: #242424;
}
.portfolio .news-block .news-img {
    display: block;
    height: 235px;
    width: 100%;
    margin-bottom: 10px;
    background-size: cover !important;
    border-radius: 30px;
    opacity: 0.8;
}
.portfolio .news-block .news-title {
    color: #242424;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.portfolio .news-block .date {
    color: #242424;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.portfolio .news-block .dopik {
    font-size: 16px;
    font-weight: 300;
    height: 95px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.transfer {
    padding: 0px 0 50px;
}
.transfer .title {
    font-size: 40px;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    background: linear-gradient(95deg, #fae879 -3.54%, #d8a606 56.19%, #ecce53 102.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.transfer .blog-block {
    display: block;
    background: #fff;
    box-shadow: 0px 0px 3px #eeeeeec7;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
}
.transfer .blog-block a.img-blog {
    display: block;
    height: 300px;
    width: 100%;
    background-size: cover !important;
    border-radius: 10px;
    position: relative;
}
.transfer .blog-block .text-blog {
    padding: 20px 15px 20px 15px;
    position: absolute;
    bottom: 0px;
    background: rgb(0 0 0 / 60%);
    border-radius: 10px;
    width: 100%;
    text-align: center;
}
.transfer .blog-block .text-blog .date {
    font-size: 12px;
    color: #1FAF38;
    margin-bottom: 10px;
}
.transfer .blog-block .text-blog a.title-blog {
    font-size: 16px;
    font-weight: 600;
    color: #ebcd52;
}
.transfer .blog-block .text-blog p {
    font-size: 12px;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.transfer .blog-block .text-blog a.knopka-blog {
    color: #000;
    font-size: 12px;
    border-bottom: 1px solid #000;
}
.transfer .blog-block .text-blog a.title-blog:hover,
.transfer .blog-block .text-blog a.title-blog:active,
.transfer .blog-block .text-blog a.title-blog:focus {
    color: #fff;
}
.transfer .blog-block .text-blog a.knopka-blog:hover,
.transfer .blog-block .text-blog a.knopka-blog:active,
.transfer .blog-block .text-blog a.knopka-blog:focus {
    color: #fff;
    border-bottom: 1px solid transparent;
}

.why {
    padding: 70px 0 0px;
    background: #CBCBCB;
    position: relative;
}
.why .col-sm-12 {
    position: relative;
}
.why .col-sm-12 .word {
    width: 80%;
    position: absolute;
    right: 0px;
    top: -196px;
    z-index: 2;
}
.why .title {
    font-family: "Unbounded";
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    margin-left: 200px;
    margin-bottom: 40px;
    padding-top: 40px;
}
.why .why-block {
    text-align: center;
    display: flex;
    vertical-align: middle;
    border-right: 2px solid #e5e5e5;
    padding: 20px 0;
}
.why .why-block img {
    height: 100px;
}
.why .why-block .why-word {
    width: 100%;
}
.why .why-block .why-word .big-word {
    color: #fff;
    font-family: "Unbounded";
    font-size: 65px;
    font-weight: 600;
}
.why .why-block .why-word p {
    color: #fff;
    font-weight: 500;
    font-size: 22px;
}
.why .poloska {
    border-top: 2px solid #e5e5e5;
    padding: 30px 65px;
}
.why .poloska .col-sm-4 .why-block {
    border-right: none;
}
.why .poloska .col-sm-6:first-child .why-block {
    text-align: right;
}
.why .poloska .col-sm-6:last-child .why-block {
    border-right: none;  
    text-align: left;
    padding-right: 150px;
}

.abouts {
    height: 400px;
}
.abouts .title {
    font-family: "Unbounded";
    font-size: 50px;
    font-weight: 900;
    color: #BB9959;
    margin-left: 200px;
    margin-bottom: 30px;
    padding-top: 40px;
}
.abouts p {
    margin-left: 200px;
}
.abouts p b {
    font-weight: 700;
}
.abouts .ab-img {
    position: relative;
}
.abouts .ab-img img {
    width: 100%;
    position: absolute;
    top: 0px;
    right: -35px;
}

.about {
    padding: 0px 0 0px;
}
.about .title {
    font-family: "Unbounded";
    font-size: 40px;
    font-weight: 900;
    color: #BB9959;
    margin-left: 100px;
    margin-bottom: 30px;
}
.about a {
    display: block;
    background: #B6ADA5;
    border-radius: 30px;
    padding: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}
.about a .ab-icon {
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 108px;
    margin: 0;
    height: 110px;
}
.about a:hover {
    background: #BB9959;
}
.about a img {
    height: 80px;  
    margin-bottom: 25px;
    z-index: 2;
}
.about a p {
    font-size: 27px;
    font-weight: 700;
    font-family: "Unbounded";
    line-height: 1;
    height: 80px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;      /* вертикаль */
    justify-content: center;  /* горизонталь */
}
.about .about-logo {
    text-align: center;
    padding-top: 25px;
}
.about .about-logo img {
    height: 200px;
}

.faq {
    padding: 50px 0 80px;
    background: rgb(235,205,82);
    background: radial-gradient(circle, rgba(235,205,82,0.4) 0%, rgba(0,0,0,1) 30%);
}
.faq .title {
    font-size: 40px;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    background: linear-gradient(95deg, #fae879 -3.54%, #d8a606 56.19%, #ecce53 102.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.faq .accordion .accordion-item {
    margin-bottom: 15px;
    border: none;
    border-radius: 20px;
    background: rgba(34, 34, 34, .6);
    border: 0.5px solid #4e4c45;
}
.faq .accordion .accordion-item h2 {
    border-radius: 20px;
    background: transparent;   
}
.faq .accordion .accordion-item h2 .accordion-button {
    border-radius: 10px;
    border: none;
    background: transparent; 
    box-shadow: none;
    padding: 25px 20px;
    font-weight: 900;
    font-size: 20px;
    color: #fff;
}
.faq .accordion .accordion-item h2 .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon);
}
.faq .accordion .accordion-item .accordion-collapse .accordion-body {
    border-radius: 20px;
    font-size: 18px;
    font-weight: 100;
    color: #fff;
}

.partner {
    padding: 60px 0 80px;
}
.partner .title {
    font-family: "Unbounded";
    font-size: 50px;
    font-weight: 900;
    color: #BB9959;
    margin-left: 200px;
    margin-bottom: 30px;
}
.to-page .partner .doptit {
    margin-left: 200px;
    font-size: 22px;
    font-weight: 500;
}
.to-page .serv .komp-z {
    display: inline-block;
    width: 85%;
    margin-left: 10px;
    vertical-align: text-top;
    margin-bottom: 0px;
}
.to-page .serv .komp img {
    display: inline-block;
    height: 35px;
    vertical-align: text-top;
}
.to-page .serv .komp-z .z-tit {
    color: #006759;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.to-page .serv .komp-img {
    height: 200px;
    margin-top: 20px;

}
.to-page .komp {
    padding-left: 200px;
}
.to-page .slider-wrap {
    margin-bottom: 80px;
}
.to-page .to-text {
    padding-left: 200px;
}
.to-page .to-grey {
    background: url(../img/to-sota.svg) 50% 95% #CBCBCB no-repeat;
    padding: 40px 0;
}
.to-page .to-grey .container {
    padding: 0 50px 0 250px;
} 
.to-page .to-grey .title {
    font-family: "Unbounded";
    font-size: 50px;
    font-weight: 900;
    color: #006759;
    margin-bottom: 50px;
}
.to-page .etap-block .hex span {
position: relative;        /* чтобы было поверх псевдоэлементов */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 32px;
  font-weight: 500;
  color: #b89854;
  z-index: 1;
}
.to-page .etap-block .etap-text {
    display: inline-block;
    width: 65%;
}
.to-page .etap-block .etap-title {
    color: #fff;
    font-weight: 500;
}
.to-page .etap-block ul li {
    color: #fff;
}
.to-page .etap-block {
    margin-bottom: 50px;
}
.partner .owl-carousel .item img {
    width: 100%;
    height: 100px; /* нужная высота */
    object-fit: contain; /* или cover */
}
.slider-wrap {
    overflow: hidden;
}

.slider-track {
    display: flex;
    width: max-content;
    animation: scrollRow 50s linear infinite;
}

.slide {
    flex: 0 0 auto;
    width: 200px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 20px;
}

.slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

@keyframes scrollRow {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}




.zayavka {
    background: #CBCBCB;
    padding: 30px 0px;
}
.zayavka .zayavka_bg {
    background-image: url(../img/zayvka_bg.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 40px 0px;
    border-radius: 40px;
    position: relative;
}
.zayavka .zayavka_bg .zayavka_text {
    padding: 200px 0 150px;
}
.zayavka .zayavka_bg .word {
    width: 84%;
    position: absolute;
    right: -8px;
    bottom: -77px;
}
.zayavka .zayavka_bg p {
    font-size: 45px;
    font-weight: 900;
    font-family: "Unbounded";
    margin-bottom: 40px;
    color: #fff;
}
.zayavka .zayavka_bg a {
    
}
.zayavka .zayavka_bg a:hover {

}
.zayavka .zayavka_bg .zkonp {
    height: 100px;
}
.js-form-wrap {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition:
    max-height 0.5s ease,
    opacity 0.3s ease,
    padding 0.3s ease;
}

.js-form-wrap.form-expanded {
    max-height: 1000px;
    opacity: 1;
    padding: 30px;
    border-radius: 30px;
    background: #fff;
    height: 600px;
    position: relative;
    z-index: 99;
    margin: 141px 40px 141px;
}
.js-form-wrap.form-expanded p {
    font-size: 20px;
    color: #929292;
    font-family: "Inter";
    font-weight: 500;
    text-align: center;
    margin: 0px 0 10px;
}
.js-form-wrap.form-expanded .form-control {
    background: #E5E5E5;
    color: #929292;
    border-radius: 18px;
    padding: 13px 25px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}
.js-form-wrap.form-expanded textarea {
    background: #E5E5E5;
    color: #929292;
    border-radius: 18px;
    padding: 15px 25px;
    margin-bottom: 10px;
    border: none;
    min-height: 100px;
    max-height: 100px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}
.js-form-wrap .form-group .whatsapp {
    width: 50%;
    display: inline-block;
    color: #353534;
    font-size: 18px;
    font-weight: 400;
}
.js-form-wrap .form-group .whatsapp i {
    color: #006759;
    font-size: 24px;
    vertical-align: middle;
}
.js-form-wrap .form-group .phone {
    display: inline-block;
    text-align: center;
    display: inline-block;
    width: 49%;
    text-align: center;
}
.js-form-wrap .form-group .phone i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
textarea::placeholder {
  color: #929292; /* твой цвет */
  opacity: 1;  /* чтобы не был полупрозрачным */
}
.js-form-wrap.form-expanded input::placeholder {
  color: #929292;   /* твой цвет */
  opacity: 1;    /* чтобы не был полупрозрачным */
}
/* Крестик */
.close-form {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
  user-select: none;
}
.js-form-wrap.form-expanded .check {
    margin-bottom: 15px;
}
.js-form-wrap.form-expanded .check input {
    float: left;
    margin-right: 6px;
    height: 20px;
}
/* для элемента input c type="checkbox" */
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox>span {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-size: 13px;
}
.custom-checkbox>span a {
    display: contents;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox>span::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 2px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
  border-color: #b3d7ff;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox>input:not(:disabled):active+span::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox>input:focus+span::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox>input:focus:not(:checked)+span::before {
  border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox>input:checked+span::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox>input:disabled+span::before {
  background-color: #e9ecef;
}

.footer {
    flex: 0 0 auto; 
    padding: 70px 0 20px;
    color: #1f1f1f;
    background: #006759;
}
.footer .logo img {
    height: 145px;
    margin-top: 40px;
}
.footer .ztop {
    text-align: right;
}
.footer .ztop .footer-to-top {
    background: #fff;
    display: inline-block;
    padding: 8px;
    border-radius: 30px;
}
.footer .ztop .footer-to-top img {
    height: 40px;
}
.footer .smm-block {
    position: relative;
}
.footer .smm-block .smm {
    position: absolute;
    right: 15px;
    bottom: -25px;
}
.footer .smm-block .smm a {
    display: inline-block;
    margin-left: 5px;
}
.footer .smm-block .smm a img {
    height: 25px;
}
.footer .address p.title {
    font-weight: 300;
}
.footer .f-contact p.titlez {
    font-weight: 500;
    font-size: 20px;
}
.footer .f-contact .fknop {
    margin-top: 15px;
}
.footer .f-contact p {
    margin-bottom: 5px;
    font-size: 18px;
}
.footer .address p {
    color: #fff;
    font-weight: 300;
}
.footer .address a {
    background: #fff;
    color: #006759;
    padding: 9px 10px;
    border-radius: 40px;
    display: inline-block;
    margin-left: 12px;
    font-weight: 500;
    font-size: 14px;
}
.footer .menu {
    margin-bottom: 30px;
}
.footer .menu ul {
    padding: 0;
    margin: 0;
}
.footer .menu ul li {
    display: inline-block;
}
.footer .menu ul li a {
    color: #fff;
    display: block;
    border-radius: 10px;
    margin: 0 63px 0 0px;
    font-weight: 500;
    font-size: 20px;
}
.footer .menu ul li a:hover {
    color: #ceac6c;
}
.footer .menu ul li.has-children:nth-child(1):after,
.footer .menu ul li.has-children:nth-child(2):after{
    content: "";
    position: absolute;
    right: 44px;
    top: 59%;
    width: 11px;
    height: 12px;
    background: url(../img/arrow.svg) no-repeat center center;
    background-size: contain;
    transform: translateY(-50%);
    transition: .3s ease;
    filter: grayscale(1) brightness(1000%);
}
.footer .menu li { 
    position: relative;
}
.footer .menu .submenu {
    position: absolute;
    left: -40px;
    top: auto;  
    bottom: 100%; 
    min-width: 395px;
    padding: 35px;
    display: none;
    z-index: 999 !important;
    background: url(../img/menu.svg) 50% 50% no-repeat #fff;
    border-radius: 50px;
    margin-top: -2px;
}
.footer .menu .submenu li {
    display: block;  
    margin-bottom: 10px;
}
.footer .menu .submenu li a {
    font-weight: 200;
    display: block;
    color: #242424;
}
.footer .menu .submenu li a:hover {
    color: #BB9959;
    font-weight: 400;
}
.has-children:nth-child(3):hover > .submenu,
.has-children:nth-child(4):hover > .submenu { 
    display: none; 
}
.has-children:hover > .submenu { 
    display: block; 
}
.copyright {
    background: #006759;
    padding: 0 0 9px 0;
}
.copyright hr {
    border-top: 2.8px solid #fff;
}
.copyright p {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    color: #fff;
}
.copyright .menuz {
    text-align: right;
}
.copyright .menuz a {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin-left: 15px;
}

.vopros {
    padding: 0px 0 60px;
}
.vopros p {
    font-size: 22px;
    margin-bottom: 50px;
    font-weight: 200;
}
.vopros .container {
    max-width: 1050px;
}
.vopros hr {
    border: 1px solid #006759;
    opacity: 1;
    width: 65%;
    margin: 20px 0 50px;
}

.news-page .kogo-img {
    margin-top: 100px !important;
}

.lit-dir .lit-dir-block {
    position: relative;
}
.lit-dir .lit-dir-block img {
    position: absolute;
    width: 135px;
    top: -77px;
    left: -32px;
}
.lit-dir .lit-dir-block .is-tit {
    padding-left: 60px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.project-page .lit-dir-block {
    background: #EEEEEE;
    margin-left: 230px;
    padding: 25px 50px;
    border-radius: 50px;
    margin-top: 100px;
    margin-bottom: 40px;
}
.project-page .blockx h1 {
    color: #000;
    font-size: 38px;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 20px;
}
.project-page .blockx .container {
   position: relative;
}
.project-page .blockx .project_spider {
    position: absolute;
    top: 110px;
    left: 40px;
    z-index: -1;
    width: 100%;
}
.project-page .blockx .w-project {
    position: absolute;
    z-index: -1;
    left: 80px;
    width: 92%;
    top: 600px;
}
.project-all {
    position: relative;
}
.project-all .project_spider {
    position: absolute;
    top: 110px;
    left: 40px;
    z-index: -1;
    width: 100%;
}
.project-all .w-project {
    position: absolute;
    z-index: -1;
    left: 80px;
    width: 92%;
    top: 460px;
}
.blockx .news-block a span {
    padding: 0 !important;
}
.blockx .news-block .text-news {
    height: auto;
    padding: 0 33px;
}
.blockx .news-block .text-news span {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 15px;
}
.blockx .news-block .text-news .date {
    color: #000;
    font-weight: 400;
}
.blockx .news-block .text-news .dopik {
    color: #000;
    font-size: 18px;
}
.news-page .news-li {
    position: relative;
    padding-left: 30px;
}
.news-page .news-tit {
    color: #BB9959;
    font-weight: 500;
    font-size: 22px;
}
.news-page .news-li:before {
    content: "";
    width: 18px;
    height: 3px;
    display: block;
    background: #016759;
    position: absolute;
    left: 0px;
    top: 10px;
}

.blockx .container {
   padding-left: 280px;
}
.project-all h1 {
    margin-top: 50px;
    margin-bottom: 80px !important;
}
.project-all .col-sm-6:nth-child(odd) .project-block {
    padding-left: 25px;
}
.project-all .col-sm-6:nth-child(even) .project-block {
    padding-right: 25px;
}
.about-page .history {
    position: relative;
}
.about-page .history .sots {
    position: absolute;
    bottom: -8px;
    right: 0px;
    height: 700px;
}
.about-page .history .title {
    color: #BB9959;
}
.about-page .history .kogo-img {
    margin-top: 70px !important;
}
.about-page .history .otstup {
    margin-top: 100px;
}
.about-page .history .titlez {
    color: #BB9959;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-right: 250px;
}
.about-page .history .text-blocks .text-row .title-bl {
    font-weight: 300;
}
.about-page .history .w-history {
    position: absolute;
    right: 0px;
    width: 115%;
    bottom: 65px;
}
.blockx h1 {
    font-family: "Unbounded";
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 40px;
    color: #006759;
}
.blockx .title {
    font-family: "Unbounded";
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 40px;
    color: #006759;
}
.blockx .block-contact a {
    display: block;
    color: #242424;
    font-size: 24px;
    font-weight: 200;
    margin-bottom: 10px;
}
.blockx .block-contact a i {
    font-size: 30px;
    color: #BB9959;
    margin-right: 7px;
}
.blockx .block-contact p {
    display: block;
    color: #242424;
    font-size: 24px;
    font-weight: 200;
    margin-bottom: 10px;
}
.blockx .block-contact p i {
    font-size: 30px;
    color: #BB9959;
    margin-right: 7px;
}
.blockx .cont-logo {
    
}
.blockx .cont-logo img {    
    height: 250px;
}
.hex {
    position: relative;
    width: 55px;
    height: 50px;
    aspect-ratio: 1 / 1.15;
    display: inline-block;
    vertical-align: top;
    top: -14px;
}
.hex::before {
content: "";
  position: absolute;
  inset: 0;
  background: #d3d3d3; /* серый контур */
  clip-path: polygon(
    50% 0%,     /* верхняя точка */
    90% 20%,    /* верх-право */
    90% 80%,    /* низ-право */
    50% 100%,   /* нижняя точка */
    10% 80%,    /* низ-лево */
    10% 20%     /* верх-лево */
  );
}
.hex::after {
content: "";
  position: absolute;
  inset: 4px;   /* толщина контура */
  background: white;
  clip-path: polygon(
    50% 0%,
    90% 20%,
    90% 80%,
    50% 100%,
    10% 80%,
    10% 20%
  );
}

.blockx .etap-block .etap-text {
    display: inline-block;
    width: 65%;
}
.blockx .etap-block .etap-text .etap-title {
    font-weight: 700;
    color: #000;
}
.blockx .etap-block {
    margin-bottom: 40px;
}
.blockx .bez-text {
    padding-right: 30px;
}
.blockx .bezop-img {
    width: 100%;
    border: 2px solid #006759;
    border-radius: 50px;
}
.serv {
    padding: 50px 0 20px !important;
}
.serv .komp {
    margin-bottom: 20px;
}
.serv .komp img {
    display: inline-block;
    height: 35px;
    vertical-align: middle;
}
.serv .komp p {
    display: inline-block;
    width: 85%;
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 0px;
}
.serv .komp:last-child {
    margin-bottom: 60px;
}
.serv .vers {
    width: 100%;
}
.teo-block {
    padding: 70px 0;
    position: relative;
}
.teo-block .adv-card { 
    position: relative;
    text-align: center;
    margin-bottom: 80px;
}
.teo-block .ts1 {
    padding-left: 200px;
}
.teo-block .teob1 {
    position: absolute;
    height: 700px;
    top: -55px;
    z-index: -1;
}
.teo-block .teob2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 700px;
    z-index: -1;
}
.teo-block .adv-card .adv-head img {
    height: 130px;
    margin-bottom: 20px;
}
.teo-block .adv-card .adv-head h3 {
    margin-bottom: 0px;
    font-size: 36px;
    font-weight: 600;
}

.teo-block2 .container {
    padding-left: 280px;
}
.adv-card .adv-head p {
    font-size: 18px;
    font-weight: 400;
    padding: 0 80px;
    height: 66px;
}
.adv-card .adv-head button {
    background: #006759;
    border: none;
    color: #fff;
    padding: 12px 55px;
    border-radius: 50px;
}

/* Серый фон плашки (он есть, но СКРЫТ) */
.adv-panel{
  background: #ececec;
  border-radius: 28px;
  overflow: hidden;
  text-align: left;
  width: 488px;
  margin: 25px auto 0;

  /* скрыто */
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height .35s ease, opacity .25s ease, transform .35s ease;
}

/* внутренние отступы отдельно, чтобы при max-height=0 ничего не торчало */
.adv-panel__inner{
  padding: 30px 35px;
}
.adv-panel__inner p {
    position:relative;
    padding-left: 20px;
}
.adv-panel__inner p.defis::before {
    content: "—";
    position: absolute;
    left: -5px;
    top: 0;
    line-height: 1.2;
    text-shadow: 0px 1px 0px #BB9959;
    color: #BB9959;
}

/* Открыто */
.adv-card.is-open .adv-panel{
  max-height: 1200px;      /* подстрой под свой текст */
  opacity: 1;
  transform: translateY(0);
}
.teo-block2 .adv-panel__inner {
    padding: 0;
}

.teo-block2 .title {
    font-family: "Unbounded";
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 40px;
    color: #BB9959;
}
.teo-block2 .adv-head {
    text-align: center;
}
/* Серый фон плашки (он есть, но СКРЫТ) */
.teo-block2 .adv-panel{
    background: transparent;
  border-radius: 0px;
  overflow: hidden;
  text-align: left;
  width: 500px;
  margin: 25px auto 0;

  /* скрыто */
  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height .35s ease, opacity .25s ease, transform .35s ease;
}
.teo-block2 .adv-panel .tiz {
    font-size: 20px;
    font-weight: 500;
}
.teo-block2 .adv-panel .lil {
    margin-left: 28px;
}
.teo-block2 .adv-panel .lil::before {
    content: "—";
    position: absolute;
    left: -5px;
    top: 0;
    line-height: 1.2;
    text-shadow: 0px 1px 0px #BB9959;
    color: #BB9959;
}
.teo-block2 .adv-card .adv-head p {
    padding: 0;
}
.teo-block2 .adv-card .adv-head button {
    background: #B6ADA5;
    position: relative;
    width: 380px;
    padding: 10px;
    text-align: center;
    margin: 0 auto 40px;
}
.teo-block2 .adv-card .adv-head button:hover,
.teo-block2 .adv-card .adv-head button:active,
.teo-block2 .adv-card .adv-head button:focus {
    background: #BB9959;
}
.teo-block2 .adv-card .adv-head p {
    font-family: "Unbounded";
    font-size: 30px;
}
.teo-block2 .adv-card .adv-head button .teos {
    margin-bottom: 30px;
    margin-top: 20px;
    height: 90px;
}
.teo-block2 .adv-card .adv-head button .spi {
    position: absolute;
    left: 32%;
}
.teo-block2 .teo2 .adv-head p {
    font-size: 22px;
}
.teo-block2 .teo6 .adv-head p {
    font-size: 22px;
}

.teo-block2 .teo3 .adv-head p {
    font-size: 22px;
}

.to-page .to-img {
    height: 220px;
    margin-top: 60px;
}
.to-page .blockx .title {
    color: #BB9959;
    margin-top: 30px;
}
.to-page .adv-panel {
    width: 100%;
    border-radius: 50px;
}
.to-page .adv-panel p {
    margin-left: 15px;
    font-size: 18px;
}
.to-page .adv-panel__inner {
    padding: 40px 35px;
}
.to-page .adv-panel p:before {
    content: "";
    width: 22px;
    height: 3px;
    display: block;
    background: #016759;
    position: absolute;
    left: -14px;
    top: 10px;
}
.to-page .vvv p:before {
    display: none;
}
.to-page .vvv p {
    padding: 0;
}
.to-page .adv-card .adv-head button {
    -webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.to-page .adv-card .adv-head button:hover,
.to-page .adv-card .adv-head button:active,
.to-page .adv-card .adv-head button:focus {
    background: #BB9959;
    padding: 20px 60px;
    -webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.to-page .to-left {
    text-align: left;
}
.to-page .adv-card {
    text-align: center;
}
.to-page .adv-card img {
    height: 100px;
    margin-bottom: 20px;
}
.to-page .to1 img {
    margin-top: 50px;  
}
.to-page .to2 img {
    height: 150px;   
}
.to-page .to-dopblock {
    padding-left: 200px;
    padding: 50px 0 50px 200px;
    position: relative;
}
.to-page .to-dopblock .title {
    font-family: "Unbounded";
    font-size: 50px;
    font-weight: 900;
    color: #BB9959;
    margin-bottom: 30px;
    margin-left: 0;
}
.to-page .to-dopblock .title:before {
    display: none;
}
.to-page .to-dopblock p {
    position: relative;
    margin-left: 35px;
}
.to-page .to-dopblock p:before {
    content: "";
    width: 22px;
    height: 3px;
    display: block;
    background: #016759;
    position: absolute;
    left: -32px;
    top: 10px;
}
.to-page .to-dopblock .w-to {
    position: absolute;
    right: 50px;
    bottom: -60px;
    width: 91%;
}

.sert-block {
    padding: 50px 0;
}
.sert-block .title {
    font-family: "Unbounded";
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 40px;
    color: #006759;
    padding-left: 200px;
}
.sert-block .item {
          display: flex;
  flex-direction: column;
  align-items: center;
}
.sert-block .item a img {
    border: 4px solid #006759;
    border-radius: 50px;
}
.sert-block .item a p {
    color: #000;
    padding: 0 25px;
    margin-top: 10px;
}
.sert-block .owl-item {
  display: flex;
  justify-content: center; /* по горизонтали */
  align-items: center;     /* по вертикали */
}


.about-page .kogo-img {
    margin-top: 0 !important;
}

.blockx .project-block {
    margin-bottom: 50px;
}
.blockx .project-block a div {
    height: 350px;
    background-size: cover !important;
    border-radius: 50px;
    margin-bottom: 10px;
}
.blockx .project-block a span {
    padding: 0 50px;
    display: block;
    color: #242424;
    font-size: 20px;
}

.blockx .text-blocks {
    position: relative;
}
.blockx .about_team {
    margin-top: 50px;
    width: 100%;
}
.blockx .kogo-img {
    width: 100%;
    margin-top: 200px;
}
.blockx .text-blocks .text-row {
    margin-bottom: 30px;
    padding-left: 25px;
}
.blockx .text-blocks .text-row .title-bl {
    font-weight: 500;
    position: relative;
    font-size: 22px;
}
.blockx .text-blocks .text-row .title-bl:before {
    content: "";
    width: 18px;
    height: 3px;
    display: block;
    background: #016759;
    position: absolute;
    left: -23px;
    top: 10px;
}

.blockx .etap-block .hex span {
position: relative;        /* чтобы было поверх псевдоэлементов */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 32px;
  font-weight: 500;
  color: #b89854;
  z-index: 1;
}

.blockx .etap-block .hex em {
position: relative;        /* чтобы было поверх псевдоэлементов */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 32px;
  font-weight: 500;
  color: #b89854;
  z-index: 1;
      font-style: normal;
}

.blockx {
    padding: 100px 0 20px;
}
.blockx p {
    font-size: 20px;
    font-weight: 300;
}
.blockx .crumb ol li,
.blockx .crumb ol li:before {
    color: #818181;
}
.blockx .crumb ol li a {
    color: #ebcd52;
}
.blockx .crumb ol li a:hover {
    color: #fff;
}
.blockx .contact-form {
    background: rgba(15, 15, 15, 1);
    padding: 45px;
    border-radius: 15px;
}
.blockx .contact-form h3 { 
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500; 
}
.blockx .contact-form .form-group {
    margin-bottom: 30px;
    position: relative;
}
.blockx .contact-form .form-group input {
    background: transparent;
    height: 50px;
    border-radius: 10px;
    box-shadow: none;
    color: #fff;
}
.blockx .contact-form .form-group span {
    background: rgba(15, 15, 15, 1);
    position: absolute;
    left: 30px;
    top: -7px;
    font-size: 13px;
    padding: 0 8px;
}
.blockx .contact-form .knopka {
    border: none;
    padding: 18px 45px;
}
.blockx .contact-block a {
    color: #ebcd52;
    font-size: 24px;
    font-weight: 900;
}
.blockx .contact-block .zayavka {
    margin-top: 30px;
}
.blockx .contact-block .zayavka a {
    color: #000;
    font-size: 16px;
    display: inline-block;
    padding: 17px 40px;
}
.blockx .contact-block p {
    font-size: 20px;
    font-weight: 100;
    line-height: 1.4;
}
.blockx .contact-block .contact-smm {
    margin-top: 20px;
}
.blockx .contact-block .contact-smm a {
    font-size: 32px;
    margin-right: 10px;
    display: inline-block;
}
.blockx .contact-block .contact-smm a:hover {
    color: #fff;
}
.blockx .contact-block .contact-smm a.whatsapp {
    color: #2cb742;
}
.blockx .contact-block .contact-smm a.instagram {
    color: #ff3894;
}
.blockx .avto-img {
    width: 100%;
    border-radius: 50px;
    margin-bottom: 40px;
}
.blockx .avto-block .avto_row {
    margin-bottom: 10px;
}
.blockx .avto-block .avto_row img {
    height: 35px;
    margin-right: 10px;
}
.blockx .avto-block .avto_row span {
    font-weight: 500;
}
.blockx .about_img {
    width: 100%;
    border-radius: 15px;
}
.blockx .row-icon {
    text-align: center;
    padding: 0 20px;
    margin-top: 15px;
}
.blockx .row-icon img {
    width: 38%;
    margin-bottom: 10px;
}
.blockx .row-icon p {
    font-size: 16px;
    font-weight: 500;
}
.blockx .car-block {
    background: rgba(15, 15, 15, 1);
    border-radius: 10px;
    border: 1px solid #312b12;
    margin-bottom: 25px;
}
.blockx .car-block .title-car {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
}
.blockx .car-block .title-car:hover {
    color: #ebcd52;
}
.blockx .car-block .avto-img {
    display: block;
    height: 200px;
    width: 100%;
    background-size: cover !important;
    border-radius: 10px 10px 0 0;
}
.blockx .car-block .text-avto {
    padding: 20px;
}
.blockx .car-block .text-avto .icon .icon_row {
    margin-bottom: 7px;
}
.blockx .car-block .text-avto .icon .icon_row img {
    width: 25px;
    margin-right: 7px;
}
.blockx .car-block .text-avto .icon .icon_row span {
    font-size: 14px;
    font-weight: 500;
}
.blockx .car-block .text-avto a.whatsapp {
    display: block;
    padding: 10px 0;
    background: #2cb742;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin-top: 16px;
    font-weight: 500;
}
.blockx .car-block .text-avto a.whatsapp:hover {
    box-shadow: 0px 0px 7px #2cb742;
}
.blockx .car-block .text-avto a.whatsapp i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.blockx .car-block .text-avto a.phone {
    display: block;
    padding: 10px 0;
    background: #ebcd52;
    border-radius: 10px;
    color: #000;
    text-align: center;
    margin-top: 16px;
    font-weight: 500;
}
.blockx .car-block .text-avto a.phone:hover {
    box-shadow: 0px 0px 7px #eaca4f;
}
.blockx .car-block .text-avto a.phone i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.blockx .blog-block {
    display: block;
    background: #fff;
    box-shadow: 0px 0px 3px #eeeeeec7;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
}
.blockx .blog-block a.img-blog {
    display: block;
    height: 230px;
    width: 100%;
    background-size: cover !important;
    border-radius: 10px;
    position: relative;
}
.blockx .blog-block .text-blog {
    padding: 15px 5px 15px 5px;
    position: absolute;
    bottom: 0px;
    background: rgb(0 0 0 / 83%);
    border-radius: 10px;
    width: 100%;
    text-align: center;
}
.blockx .blog-block .text-blog .date {
    font-size: 12px;
    color: #1FAF38;
    margin-bottom: 10px;
}
.blockx .blog-block .text-blog a.title-blog {
    font-size: 14px;
    font-weight: 600;
    color: #ebcd52;
}
.blockx .blog-block .text-blog p {
    font-size: 12px;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blockx .blog-block .text-blog a.knopka-blog {
    color: #000;
    font-size: 12px;
    border-bottom: 1px solid #000;
}
.blockx .blog-block a.img-blog:hover .text-blog .title-blog {
    color: #fff;
}
.blockx .blog-block .text-blog a.title-blog:hover,
.blockx .blog-block .text-blog a.title-blog:active,
.blockx .blog-block .text-blog a.title-blog:focus {
    color: #fff;
}
.blockx .blog-block .text-blog a.knopka-blog:hover,
.blockx .blog-block .text-blog a.knopka-blog:active,
.blockx .blog-block .text-blog a.knopka-blog:focus {
    color: #fff;
    border-bottom: 1px solid transparent;
}
.blockx .titles {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    background: linear-gradient(95deg, #fae879 -3.54%, #d8a606 56.19%, #ecce53 102.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blockx .zayavka {
    margin-top: 20px;
}
.blockx .zayavka a {
    display: block;
    text-align: center;
    padding: 17px 0;
    border-radius: 12px;
    color: #fff;
    margin-bottom: 15px;
}
.blockx .zayavka a i {
    font-size: 20px;
    margin-right: 7px;
    vertical-align: middle;
}
.blockx .zayavka a.whatsapp {
    background: #2cb742;
}
.blockx .zayavka a.whatsapp:hover {
    box-shadow: 0px 0px 7px #2cb742;
}
.blockx .zayavka a.callback {
    background: #ebcd52;
    color: #000;
}
.blockx .zayavka a.phone {
    border: 1px solid #ebcd52;
    color: #ebcd52;
}
.blockx .zayavka a.phone:hover,
.blockx .zayavka a.callback:hover {
    box-shadow: 0px 0px 7px #eaca4f;
}

.about-page .slider .w-main {
    margin-top: 120px;
}

.blockx-other {
    padding: 50px 0;
    background: rgba(15, 15, 15, 1);
}
.blockx-other h4 {
    font-size: 40px;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    background: linear-gradient(95deg, #fae879 -3.54%, #d8a606 56.19%, #ecce53 102.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blockx-other .car-block {
    background: rgba(15, 15, 15, 1);
    border-radius: 10px;
    border: 1px solid #312b12;
    margin-bottom: 25px;
}
.blockx-other .car-block .title-car {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
}
.blockx-other .car-block .title-car:hover {
    color: #ebcd52;
}
.blockx-other .car-block .avto-img {
    display: block;
    height: 200px;
    width: 100%;
    background-size: cover !important;
    border-radius: 10px 10px 0 0;
}
.blockx-other .car-block .text-avto {
    padding: 20px;
}
.blockx-other .car-block .text-avto .icon .icon_row {
    margin-bottom: 7px;
}
.blockx-other .car-block .text-avto .icon .icon_row img {
    width: 25px;
    margin-right: 7px;
    display: inline-block;
}
.blockx-other .car-block .text-avto .icon .icon_row span {
    font-size: 14px;
    font-weight: 500;
}
.blockx-other .car-block .text-avto a.whatsapp {
    display: block;
    padding: 10px 0;
    background: #2cb742;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin-top: 16px;
    font-weight: 500;
}
.blockx-other .car-block .text-avto a.whatsapp:hover {
    box-shadow: 0px 0px 7px #2cb742;
}
.blockx-other .car-block .text-avto a.whatsapp i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.blockx-other .car-block .text-avto a.phone {
    display: block;
    padding: 10px 0;
    background: #ebcd52;
    border-radius: 10px;
    color: #000;
    text-align: center;
    margin-top: 16px;
    font-weight: 500;
}
.blockx-other .car-block .text-avto a.phone:hover {
    box-shadow: 0px 0px 7px #eaca4f;
}
.blockx-other .car-block .text-avto a.phone i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}
.blockx-other .owl-dots {
    text-align: center;
}
.blockx-other .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    background: transparent;
    border: none;
}
.blockx-other .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    opacity: 0.5;
}
.blockx-other .owl-dots .owl-dot.active span, 
.blockx-other .owl-dots .owl-dot:hover span {
    background: #fff;
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .container {
        width: 100%;
    }
    .modal-content {
        padding: 10px;
    }
    .modal-content .modal-body {
        padding: 0 15px;
    }
    .modal-content .modal-footer {
        padding: 0 15px 50px;
    }
    .header {
        padding: 5px 0;
    }
    .header .menu,
    .header .phone,
    .header .callback,
    .header .lang {
        display: none;
    }
    .lang-menu {
        margin-top: 20px !important;
        text-align: center !important;
    }
    .lang-menu li {
        display: inline-block !important;
    }
    .lang-menu li a {
        border-bottom: none !important;
        text-transform: uppercase;
        font-weight: 900;
    }
    .lang-menu li a.active {
        color: #ebcd52;
        padding: 5px;
    }
    .header .hc-nav-trigger.hc-nav-1 {
        display: block;
        right: 12px;
        top: 20px;
    }
    .header .hc-nav-trigger span, 
    .header .hc-nav-trigger span::before, 
    .header .hc-nav-trigger span::after {
        background: #fff;
    }
    
    .slider {
        background: url(../img/main.png) -50% 115% no-repeat;
        padding: 140px 0 50px;
    }
    .slider h1 {
        font-size: 30px;
    }
    .slider .text-slider p {
        font-size: 21px;
        color: #fff;
    }
    .slider img {
        display: none;
    }
    
    .avtopark .title {
        font-size: 34px;
    }
    .avtopark .col-6:nth-child(odd) {
        padding-left: 5px;
    }
    .avtopark .col-6:nth-child(even) {
        padding-right: 5px;
    }
    .avtopark .car-block .avto-img {
        height: 150px;
    }
    .avtopark .car-block .text-avto {
        padding: 10px;
    }
    .avtopark .car-block .text-avto .icon .icon_row img {
        height: 20px;
        margin-right: 5px;
    }
    .avtopark .car-block .text-avto .icon .icon_row span {
        font-size: 12px;
    }
    .avtopark .car-block .text-avto a {
        font-size: 12px;
    }
    .avtopark .car-block .text-avto a.whatsapp i {
        margin-right: 5px;
        font-size: 16px;
    }
    .avtopark .car-block .text-avto a.phone i {
        margin-right: 5px;
        font-size: 16px;
    }
    
    .transfer {
        padding: 0;
    }
    .transfer .title { 
        font-size: 34px;
    }
    .transfer .col-6:nth-child(odd) {
        padding-left: 5px;
    }
    .transfer .col-6:nth-child(even) {
        padding-right: 5px;
    }
    .transfer .blog-block a.img-blog {
        height: 240px;
    }
    .transfer .blog-block .text-blog {
        padding: 15px 10px 15px 10px;
    }
    .transfer .blog-block .text-blog a.title-blog {
        font-size: 14px;
    }
    
    .about {
        padding: 0 0 50px;
    }
    .about .title {
        font-size: 34px;
    }
    .about img {
        margin-bottom: 30px;
    }
    .about .row-icon p {
        font-size: 14px;
    }
    
    .faq .title {
        font-size: 34px;
    }
    .faq .accordion .accordion-item h2 .accordion-button {
        font-size: 16px;
        padding: 15px;
    }
    .faq .accordion .accordion-item .accordion-collapse .accordion-body {
        font-size: 16px;
        padding: 15px;
    }
    
    .footer {
        text-align: center;
        padding: 30px 0 80px;
    }
    .footer .footer-text p {
        padding: 0;
    }
    .footer .menu,
    .footer .contact-footer {
        display: none;
    }
    
    h1 {
        font-size: 32px;
    }
    .blockx {
        padding: 100px 0 50px;
    }
    .blockx .bl .col-6:nth-child(odd) {
        padding-left: 5px;
    }
    .blockx .bl .col-6:nth-child(even) {
        padding-right: 5px;
    }
    .blockx .bls .col-6:nth-child(odd) {
        padding-right: 5px;
    }
    .blockx .bls .col-6:nth-child(even) {
        padding-left: 5px;
    }
    .blockx .car-block .avto-img {
        height: 150px;
    }
    .blockx .car-block .text-avto {
        padding: 10px;
    }
    .blockx .car-block .text-avto .icon .icon_row img {
        height: 20px;
        margin-right: 5px;
    }
    .blockx .car-block .text-avto .icon .icon_row span {
        font-size: 12px;
    }
    .blockx .car-block .text-avto a {
        font-size: 12px;
    }
    .blockx .car-block .text-avto a.whatsapp i {
        margin-right: 5px;
        font-size: 16px;
    }
    .blockx .car-block .text-avto a.phone i {
        margin-right: 5px;
        font-size: 16px;
    }
    .blockx .row-icon p {
        font-size: 14px;
    } 
    .blockx-other h4 {
        font-size: 32px;
    }
    .blockx-other .car-block .avto-img {
        height: 150px;
    }
    .blockx-other .car-block .text-avto {
        padding: 10px;
    }
    .blockx-other .car-block .text-avto .icon .icon_row img {
        height: 20px;
        margin-right: 5px;
    }
    .blockx-other .car-block .text-avto .icon .icon_row span {
        font-size: 12px;
    }
    .blockx-other .car-block .text-avto a {
        font-size: 12px;
    }
    .blockx-other .car-block .text-avto a.whatsapp i {
        margin-right: 5px;
        font-size: 16px;
    }
    .blockx-other .car-block .text-avto a.phone i {
        margin-right: 5px;
        font-size: 16px;
    }
    
    .bot-panel {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
    }
    .bot-panel a {
        float: left;
    }
    .bot-panel a.phone {
        width: 25%;
        padding: 10px;
        text-align: center;
        font-size: 26px;
        color: #fff;
        background: #1d1d1d;
    }
    .bot-panel a.whatsapp {
        width: 25%;
        padding: 10px;
        text-align: center;
        font-size: 26px;
        color: #fff;
        background: #2cb742;
    }
    .bot-panel a.book {
        width: 50%;
        background: #ebcd52;
        font-weight: 100;
        text-transform: uppercase;
        color: #000;
        font-size: 15px;
        padding: 16.6px 0;
        text-align: center;
        font-weight: 700;
        text-decoration: none;
    }
}