@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

:root {--primary: #1A1818;--secondary: #E9A64C;--grey: #8b8885; --silver: #F3F3F3; --shadow:rgba(0,0,0,0.2) 0 0 10px;}

body {font-family: "Jost", sans-serif; font-size: 16px; font-weight: 300; padding-top: 100px; -webkit-animation:fadeinout .3s ease-in 1 forwards;animation:fadeinout .3s ease-in 1 forwards;}
@-webkit-keyframes fadeinout{0%{opacity:0} 100%{opacity:1}} @keyframes fadeinout{0%{opacity:0} 100%{opacity:1}}
.wraper {margin-left:auto; margin-right: auto;}

.lngbar {position:absolute; top:25px; right:30px; z-index: 30;}
.lngbar .lng {width:30px; height:30px; text-align:center; line-height:30px;color:#fff; font-weight:600;background-color:#00a651; }
.lngbar ul {list-style:none; position:absolute; top:30px;left:0;background-color:#E8E8E8; width:30px; text-align:center;opacity:0; height:0; overflow:hidden;  -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul.open {opacity:100;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;height:auto;}
.lngbar ul li {color:#000;cursor:pointer; height:30px; line-height:30px;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover {color:#fff;background-color:#00a651; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover a {color:#fff;}
.lngbar ul li a{text-decoration:none;color:#000;}
.lngbar .select {border-color:  #00a651 transparent; border-style: solid solid none ; border-width: 7px 7px medium; height: 7px;right: -20px;position: absolute;top: 10px; width: 0; text-decoration:none; color:#fff;}
.width-fit {width: fit-content; }

p {font-size: 1.2em;}
li, strong {font-size: 1.1em;}
.z-index5{z-index: 5;}

.menu-call {display: none;}

.white {background-color: #fff;}
.black {background-color: var(--primary);}
.silver {background-color: var(--silver)}
.primary {background-color: var(--primary);}
.secondary{background-color: var(--secondary);}


.primary-text {color: var(--primary);}
.secondary-text {color: var(--secondary);}
.white-text {color: #fff;}
.black-text {color: var(--primary);}

.border-top-secondary {border-top: 2px solid var(--secondary);}
.border-bottom-secondary {border-bottom: 1px solid var(--secondary);}
.vertical-center{position: relative; top:50%; transform: translateY(50%);}
.vertical-center-minus{position: relative; top:50%; transform: translateY(-50%);}
.horizontal-center{position: relative; left:50%; transform: translateX(50%);}
.horizontal-center-minus{position: relative; left:50%; transform: translateX(-50%);}
.center-h-v{  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.weight-400 {font-weight: 400;}
.pad-left-10p {padding-left: 10%}
.noSpaceWrap {white-space: nowrap;}

.gap10 {gap: 10px;}
.gap20 {gap: 20px;}
.gap30 {gap: 30px;}
.gap50 {gap: 50px;}
.gap100 {gap: 100px;}
.pad-3 {padding: 3px;}
.font8 {font-size: 0.8em;}
label.checkbox .marker{display:none}
label.checkbox.checked:after{ left: 8px; top: 7px;}
.border-top-gray {border-top: 1px solid var(--grey);}
.text-end {text-align: end;}
.order1{ order: 1;}
.order2{ order: 2;}
.order3{ order: 3;}
.order4{ order: 4;}
.order5{ order: 5;}
.right0 {right: 0;}
.absolute {position: absolute;}
.pad-top-5 {padding-top: 5px;}
.pad-top-350 {padding-top: 350px;}
.h450{height: 450px;}
.hmin200 {min-height: 200px}
.hidden {overflow: hidden}

.slick-track
{
    display: flex !important;
}

.carousel .slick-slide
{
    height: inherit !important;
}
.slick-slide > div
{
    height: 99%;
}
.round-solid-border {border: 2px solid var(--primary) !important; border-radius: 30px; border-style: solid;}
.border-radius-10 {border-radius: 10px; overflow: hidden;}
.border-radius-16 {border-radius: 16px; overflow: hidden;}
.border-radius-20 {border-radius: 20px; overflow: hidden;}

.flex-row {display: flex;flex-direction: row;}
.flex-col {display: flex; flex-direction: column;}
.justify-between {justify-content: space-between;}
.justify-around{justify-content: space-around;}
.justify-end{justify-content: end;}
.justify-center {justify-content: center;}
.align-center {align-items: center;}
.flex-wrap{flex-wrap: wrap;}

.mobile-menu {display: none;}

header a, footer a,a.button, .breadcrumbs a {color: inherit;text-decoration: none;}
ul {list-style: inside}

header{z-index: 100; border-bottom-left-radius: 30px;border-bottom-right-radius: 30px; position: fixed; background-color: var(--primary); width: 100%; -o-transition: all  .2s linear;-moz-transition: all  .2s linear;-webkit-transition: all  .2s linear;transition: all  .2s linear;top:0;}
header.scroll {box-shadow: 0 0 10px  0 rgba(00,00,00,0.1);-o-transition: all  .2s linear;-moz-transition: all  .2s linear;-webkit-transition: all  .2s linear;transition: all  .2s linear;}
header .menu a {color: white; font-size: 1.1em; font-weight: 400; letter-spacing: 0.1rem;}
header .menu ul {display: flex; gap: 30px;}
header ul {list-style: none}
header .header-contacts {letter-spacing: 0.2rem;}
header .header-contacts span:first-of-type {padding-right: 25px; margin-right: 25px; border-right: 3px solid rgba(255, 187, 0, 0.829);}
header div:has(>.search-by-id) .search-by-id {position: absolute; left: -25px}
header div:has(>.search-by-id) .search-by-id .control {display: none; position: absolute; right: 65px; top:5px}
header div:has(>.search-by-id):hover .search-by-id .control {display: block}

header .search-by-id input{width: 100px;}
header .search-by-id div:has(>input){position: relative; right: -1px ; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}

footer {background-color: var(--primary); color: white;}
footer ul {list-style: none}
footer li {font-weight: 400;}

.video-wraper {
    position: absolute;
    top: 0;
    height: 80%;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.video-wraper .fullscreen-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: inherit;
}
.slick-slide {
    margin: 0 0px;
    display: flex !important;
    justify-content: center;
}

/* the parent */
.slick-list {
    margin: 0 -27px;
}

.home-video-section {top: -25px;}
.home-video-section h1, .catalog-search h1 {position: absolute; z-index: 5; color: white;font-weight: bold; text-align: center;}
.home-video-section h1 {top: 10%;}
.catalog-search h1 {top: 0%;}
.catalog-search h2:first-of-type {color: var(--secondary)!important; ;position: absolute; z-index: 5; color: white; top: 9%;font-weight: bold; text-align: start; width: auto;display: block;  left: 15%}

.home-search div:has(>.search-form) {top: 80%;}
.home-search .search-form {background-color: var(--primary); border-radius: 10px;color: white; padding: 30px;}
.home-search .search-form form select{background-color: var(--primary); border-radius: 10px;border: 2px solid white;color: white;padding: 3px; width: 100% !important; height:100% !important;}
.home-search .search-form form input{background-color: var(--primary); border-radius: 10px;border: 2px solid white;color: white; width: 100% !important; height:100% !important;padding:3px}
.home-search .search-form form input::placeholder{color: white;}
.home-search .search-form form div:has(>select) {border-radius: 10px; overflow: hidden;}
.home-search .search-form form label:before {background-color: var(--primary); border-radius: 3px; border: 2px solid white}
.home-search .search-form form label.checked:before {background-color: var(--secondary);}
.home-search button {width: 100% !important; color: var(--primary); font-weight: bold; padding-block: 5px;}
.home-search button:hover {background-color: var(--primary );}

.catalog-search div:has(>.search-form) {top: 120%;}
.catalog-search .search-form {background-color: var(--primary); border-radius: 10px;color: white; padding: 30px;}
.catalog-search .search-form form select{background-color: var(--primary); border-radius: 10px;border: 2px solid white;color: white;padding: 3px; width: 100% !important; height:100% !important;}
.catalog-search .search-form form input{background-color: var(--primary); border-radius: 10px;border: 2px solid white;color: white; width: 100% !important; height:100% !important;padding:3px}
.catalog-search .search-form form input::placeholder{color: white;}
.catalog-search .search-form form div:has(>select) {border-radius: 10px; overflow: hidden;}
.catalog-search .search-form form label:before {background-color: var(--primary); border-radius: 3px; border: 2px solid white}
.catalog-search .search-form form label.checked:before {background-color: var(--secondary);}
.catalog-search button {width: 100% !important; color: var(--primary); font-weight: bold; padding-block: 5px;}
.catalog-search button:hover {background-color: var(--primary );}

.home-perks {border-bottom: 3px solid var(--secondary); display: flex;}
.home-perks .perks > div {height: auto; border: 2px solid var(--grey); padding: 30px; border-radius: 20px; color: white; text-align: center; padding-top: 75px; position: relative;}
.home-perks .perks > div img {position: absolute; top: -50px;   left: 50%;transform: translateX(-50%);}

.home-news article {display: flex;flex-direction: column;}
.home-news article .img img{width: 100%; border-radius: 10px;}
.home-news article .date{order: 3; font-size: 0.8em; font-weight: 200; padding-top: 10px;}
.home-news article .title{font-weight: bold; font-size: 1.2em;}


.template1 .about-page .services {border-bottom: 1px solid var(--secondary);}
.template1 .about-page .services div:has(>.col-25) {display: flex;}
.template1 .about-page .services .col-25 {border-radius: 10px; border: 3px solid var(--grey); padding-inline: 30px; padding-block: 50px; text-align: center; font-size: 1.2em; display: flex; align-items: center;}
.template1 .about-page .qualities ul li{display: flex; align-items: center;}
.template1 .about-page .qualities ul li img{width: 40px;}
.template1 .about-page .qualities ul li p{font-size: 1.2em;}
.template1 .about-page .col-50.reveal img {width: 100%;}
.news-page article {display: flex; flex-direction: column;}
.news-page article .img img{border-radius: 5px; width: 100%;}
.news-page article .title{font-size: 1.2em;}
.news-page article .descr{color: black;}
.news-page article .date{order: 5; font-size: 0.8em; padding-top: 10px; color: black;}

.template2 .contacts-page iframe {width: 100%;}
.template2 .contacts-page .boxes > div {position: relative; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 100px 0 rgba(0, 0, 0, 0.19); padding: 50px; border-radius: 10px; background-color: var(--silver); display: flex; flex-direction: column;justify-content: space-between;}
.template2 .contacts-page .working-time-box > .inner-div {display: flex; flex-direction: column; gap: 5px}
.template2 .contacts-page .contacts-box > .inner-div {display: flex; flex-direction: column; gap: 5px}
.template2 .contacts-page .boxes > div h4 {position: absolute; white-space: nowrap; top: -20px;border-radius: 10px; background-color: var(--secondary); color: var(--primary); font-weight: bold; padding-inline: 30px;padding-block: 10px; left: 50%; transform: translateX(-50%);}
.template2 .contacts-page .boxes > div img {width: 20px; height: 20px;}
.template2 .contacts-page form {width: 600px; align-items: center;}
.template2 .contacts-page form label {font-weight: 300;}
.template2 .contacts-page form div:has(input), .template2 .contacts-page form div:has(textarea) {width: 100%;}
.template2 .contacts-page form div:has(>.control) {border: 2px solid var(--primary); border-radius: 20px; overflow: hidden;}
.template3 .sell-page .image-section{ height: 600px; background-position: center;background-repeat: no-repeat;background-size: cover; position: relative; top: -25px;}
.template3 .sell-page .image-section div:has(>h1){position: absolute;top: 3%;left: 50%;transform: translate(-50%, 100%);text-align: center; width: 95%}
.template3 .sell-page .services > div {text-align: center;border: 2px solid grey;border-radius: 10px;padding-block: 25px;padding-inline: 10px;margin-top: 30px;}
.template3 .sell-page .services > div > img{width: 30px; height: 30px;}
.template3 .sell-page form{background-color: white; box-shadow: var(--shadow); border-radius: 20px; padding: 30px;}
.template3 .sell-page form div[humge-type] {margin-bottom: 20px; border: 2px solid var(--primary); border-radius: 20px; overflow: hidden;}

.offer-card {border-radius: 10px; box-shadow: var(--shadow);overflow: hidden; }
.offer-card .is-top{top: 20px; right: -5px; padding-block: 5px; padding-inline: 10px; border-radius: 5px; box-shadow: var(--shadow);}
.offer-card .offer-type{top: 20px; left: -5px; padding-block: 5px; padding-inline: 10px; border-radius: 5px; box-shadow: var(--shadow);}
.offer-card article > img{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.offer-card .info{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.offer-card .button{width: 100% !important;}

.offer-details .main-info .shadow-border{box-shadow: var(--shadow); border-radius: 20px; padding: 30px;}
.offer-details .extra-info .shadow-border{box-shadow: var(--shadow); border-radius: 20px; padding: 50px; padding-top: 70px;}
.offer-details .extra-info h4{position: absolute;white-space: nowrap;top: -20px;border-radius: 10px;background-color: var(--secondary);color: white;font-weight: bold;padding-inline: 30px;padding-block: 20px;left: 50%;transform: translateX(-50%);}
.offer-details .description {line-height: 1.5; font-weight: normal;}

.button, button {background-color: var(--secondary); font-weight: bold; border:solid 3px transparent; text-decoration: none;border-radius: 10px; font-size: 1.2em;color: white; font-weight: 500;width: fit-content; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.button:hover, button:hover {background-color: white;  border:solid 3px var(--secondary); text-decoration: none; font-size: 1.2em;color: var(--secondary);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}

.gallery .img {float: left;width: 25%;margin-bottom: 20px;padding: 5px;}

.slick-next, .slick-prev {
    width: 30px !important;
    height: 30px !important;
}

.home-offers .slick-next {
    right: -10px !important;
}

.slick-next {
    right: 10px !important;
}

.slick-prev {
    left: -10px!important;
}

.slick-slide {
    margin: 0 27px;
}
.slick-list {
    margin: 0 -27px;
}



@keyframes smooth-left-appear {
    to{
        left: 0px;
        opacity:1;
    }
}
.left-appear {
    position: relative;
    left: -100%;
    opacity:0;
     animation: smooth-left-appear 2.5s ease forwards;
}


@keyframes smooth-right-appear {
    to{

        right: 0px;
        opacity:1;
    }
}
.right-appear {
    position: relative;
    right: -100%;
    opacity:0;
    animation: smooth-right-appear 3s ease forwards;
}


.reveal {
    position: relative;
    opacity: 0;
  }
  
  .reveal.active {
    opacity: 1;
  }
  .active.left-appear-scroll {
    animation: left-appear 1s ease-in;
  }
  
  @keyframes left-appear {
    0% {
      transform: translateX(-100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }

  .active.right-appear-scroll {
    animation: right-appear 1s ease-in;
  }
  
  @keyframes right-appear {
    0% {
      transform: translateX(100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }



.overlay-container.show {
    margin-top: 10px;
    display: flex;
    opacity: 1;
}
.overlay-container {
    z-index: 50;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
}
.popup-box {
    display: flex;
    justify-content: center;
    background-color: white;
    border-radius: 20px;
    box-shadow: var(--shadow);
    text-align: center;
    transform: scale(0.8);
    animation: fadeInUp 0.5s ease-out forwards;
}
.popup-box > div {
    width: 100%;
    padding: 50px;
}

.popup-box form > div[humge-type]{
    margin-bottom: 5px;
    border: 2px solid var(--primary);
    border-radius: 20px;
    overflow: hidden;
    width: 40vw;
}

.popup-box h2{
    padding-bottom: 40px;
}

.popup-box label {font-weight: 300;text-align: start;}

@media (max-width: 1500px) {
        /* .searchrow {display: flex; flex-direction: column;} */

        .home-search div:has(>.search-form) {top: 100%;}
    .catalog-search div:has(>.search-form) {top: 140%;}
    .home-offers {padding-top: 400px}
    .catalog-offers {padding-top: 600px}


        .searchrow > div {width: 47% !important; }
        .searchrow > div:nth-child(2n+1) {margin-left: 0 !important; }
}

@media (max-width: 1400px) {
    header nav, header .header-contacts, header .search-by-id{display:none !important;}
    .menu-call{display: block; width:30px;position:absolute;z-index:101;cursor:pointer;padding-top:8px;padding-bottom:8px;top:35px;right:15px;}
    .menu-call span{width:100%;height:2px;background-color:var(--secondary);top:0;right:0;display:block;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
    .menu-call span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:var(--secondary);position:absolute;top:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
    .menu-call span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:var(--secondary);position:absolute;bottom:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
    .menu-call.open span{-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;width:0}
    .menu-call.open span:before, .menu-call.open span:after{content:'';height:2px;width:100%;display:block;position:absolute;top:8px;-webkit-transform:rotate(45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
    .menu-call.open span:before { transform:rotate(45deg);}
    .menu-call.open span:after { transform:rotate(-45deg); margin-top: 0px;}
    .menu-call span:before,.menu-call span:after,.menu-call.open span:before,.menu-call.open span:after{background-color:var(--secondary);}
    .mobile-menu {overflow: scroll; display:block;position: fixed; width:100%; height:100%;background-color: var(--secondary); z-index:99;transform:perspective(50em) rotateX(-90deg);transform-origin:50% 0;-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}
    .mobile-menu .logo{max-width:70%;float:left;margin-top:-8px;}
    .mobile-menu *{opacity:0;-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}
    .mobile-menu.open{top: 0; left:0;right:0;transform:perspective(50em) rotatey(0deg);-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease;width: 100vw}
    .mobile-menu.open *{opacity:100;-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}
    .mobile-menu ul{list-style:none;padding-top:100px;padding-bottom:20px; display: flex; flex-direction: column; gap: 20px;}
    .mobile-menu ul li > ul{padding:10px;display:none;}
    .mobile-menu ul li:hover > ul{display:block;}
    .mobile-menu ul a{z-index:99; font-size:1.4em;line-height:30px;position:relative;display:block; background: linear-gradient(var(--primary),var(--primary));-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:500;text-decoration:none;text-align:center;margin-bottom:10px}
    .mobile-menu ul a:after{content:'';height:1px;width:0;bottom:0;left:0;position:absolute;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}
    .mobile-menu ul a:hover{-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
    .mobile-menu ul ul li a::after{position:absolute;height:2px;width:0;margin:auto;content:'';display:block;left:1%;right:1%;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
    .mobile-menu ul ul li a:hover::after,.mobile-menu ul ul li a:active::after{width:50%;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}


    .mobile-menu .search-by-id input{width: 100px;}
    .mobile-menu .search-by-id button{box-shadow: var(--shadow);}
    .mobile-menu .search-by-id div:has(>input){position: relative; right: -1px ; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}

    .template1 .about-page .qualities ul{flex-direction: column; align-items: start; gap: 20px; }
}

@media (max-width: 1000px) {

    .mobile-order1 {order: 1}
    .mobile-order2 {order: 2}
    .wraper {min-width:95%;}
    .home-video-section h1, .catalog-search h1 {font-size: 1.5em;}

    .home-offers {padding-top: 400px}

    .news-detail-page .col-30, .news-detail-page .col-70 {width: 100%;}
    .offer-details .col-75{width: 100% !important;}
    .offer-details .vertical-gal {display: none;}
    .offer-details .header {flex-direction: column;}
    .offer-details .width-fit {width: 100%; text-align: center;}

    .template1 .about-page .flex-row{flex-direction: column;}
    .template1 .about-page .col-50, .template1 .about-page .col-25{width: 100%; margin-top: 10px}
    .template1 .about-page .services div:has(>.col-25) {display: flex; flex-wrap: wrap; gap: 20px; }
    .template1 .about-page .services div .col-25 {margin-left: 0;}

    .template1 .crediting-page .flex-row {flex-direction: column;}
    .template1 .crediting-page .col-50, .template1 .crediting-page .col-25{width: 100%;}
    .template1 .crediting-page .col-50 {margin-top: 20px; margin-left: 0}


    .template3 .sell-page div:has(>.col-50) {flex-direction: column;}
    .template3 .sell-page .col-50 {width: 100%; margin-left: 0;}

    .template2 .contacts-page {text-align: center;}
    .template2 .contacts-page .flex-row {flex-direction: column;}
    .template2 .contacts-page form {width: 80%;}
    .template2 .contacts-page .contacts-box {align-items: center}
    .template2 .contacts-page .contacts-box > div.inner-div {text-align: start ;display: flex;flex-direction: column; gap: 5px ;justify-content: center; width: 250px}
    .template2 .contacts-page .contacts-box > .inner-div > div {display: flex;flex-direction: column}
    .template2 .contacts-page .working-time-box {align-items: center}
    .template2 .contacts-page .working-time-box > div.inner-div {display: flex;flex-direction: column; gap: 5px ;justify-content: center; width: 250px}
    .template2 .contacts-page .working-time-box > .inner-div > div {flex-direction: row}


    .news-detail-page .row .col-50 {margin-left: 0}

    .news-detail-page .col-50{width: 100%}

    .popup-box form > div{overflow: hidden;border-radius: 10px;width: 60vw;}
    .offer-details .main-info div:has(>.width-fit) {flex-direction: column; justify-content: center; gap: 10px}

    footer .row{display: flex;flex-wrap: wrap;justify-content: end;}
    footer div .col-25 {width: 48% !important; margin-left: 0 !important ;}


    .popup-box form > div[humge-type] {width: 100%;}
    .font22 {font-size: 1.7em;}
}
@media (max-width: 750px) {
    .flex-col-mobile {display: flex; flex-direction: column; align-items: center; gap: 20px;}

    .home-news div:has(>article){ display: flex; flex-direction: column;}
    .home-news article{width: 100% !important; margin-left: 0 !important;}

    .offer-details .main-info .col-33 {width: 100% !important;}

    .template1 .news-page article {width: 100%; margin-left: 0; margin-bottom: 50px;}

}
@media (max-width: 600px) {

    .wpcc-privacy {display: block !important;}
    .wpcc-message {text-align: justify!important;}

    .home-video-section h1, catalog-search h1 {font-size: 1.5em; top: 5%;}

    .home-search div:has(>.search-form) {top: 130%;}
    .catalog-search div:has(>.search-form) {top: 170%;}

    .searchrow > div {width: 100% !important; margin-left: 0 !important;}


    .home-offers {padding-top: 900px}
    .catalog-offers {padding-top: 1000px}

    .home-perks .perks {flex-direction: column;gap: 50px;align-items: center;}
    .home-perks .perks > div {margin-left: 0; width: 100%;}

    footer {text-align: center;}
    footer div .col-25 {width: 100% !important;}
    footer .facebook-link {justify-content: center;}

    .catalog-search h2:first-of-type { text-align: center; left: 0; width: 100%}

    .mobile-flex-col {display: flex;flex-direction: column;}
    .orange-line {width: 80px}

}


@media (max-width: 400px) {
    .template2 .contacts-page .boxes > div {padding-inline: 10px}
}