/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Light.woff') format('woof'), url('fonts/Gilroy-Light.woff2') format('woof2'), url('fonts/Gilroy-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Regular.woff') format('woof'), url('fonts/Gilroy-Regular.woff2') format('woof2'), url('fonts/Gilroy-Regular.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Bold.woff') format('woof'), url('fonts/Gilroy-Bold.woff2') format('woof2'), url('fonts/Gilroy-Bold.ttf') format('truetype'); font-weight: 600; font-style: normal; } :root { --hovercolor: #364061; } *{box-sizing: border-box!important;} html,body{margin: 0 !important;padding: 0 !important;scroll-behavior: smooth !important;font-family: 'Gilroy',Arial,Helvetica,sans-serif!important;font-weight: 500!important;color: var(--c3)!important;font-size: 18px;} .container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} a:hover,input:hover,textarea:hover,button:hover,a,input,textarea,button,img,img:hover,.filter,.filter:hover{outline: none!important;text-decoration: none!important;transition: var(--trn-fast);} a{color: var(--c5);} a:hover{color: var(--c1);} section img{width: 100%;} .box-shadow{-webkit-box-shadow: 0px 5px 10px 2px #332b3f26;-moz-box-shadow: 0px 5px 10px 2px #332b3f26;box-shadow: 0px 5px 10px 2px #332b3f26;} .box-shadow-inset{-webkit-box-shadow: 0px 5px 10px 2px #332b3f26 inset;-moz-box-shadow: 0px 5px 10px 2px #332b3f26 inset;box-shadow: 0px 5px 10px 2px #332b3f26 inset;} .fade{transition: opacity .35s linear;} .fade:not(.show){opacity: 0;} .modal{position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;} .collapse:not(.show){display: none;} .collapsing {position: relative;height: 0;overflow: hidden;transition: all 1000ms cubic-bezier(0.630, 0.060, 0.250, 1.000);} .color{color: var(--c1);} .gray{color: gray;} .ppage{min-height:500px;padding-bottom:20px;} /* Кнопка вверх */ .btn-back-top {opacity: 0;background: var(--c1);border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;left: 10px;bottom: 15px;transition: .5s;z-index: 1030;} .btn-back-top:hover{opacity: 1!important;} .btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 12px;transform: rotate(45deg);} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);} .whatsapp-button:before, .whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .whatsapp-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) { .whatsapp-button {bottom: 10px!important;right: 10px;width:40px !important; height:40px !important;} .whatsapp-button img{width:20px !important;} } /* Кнопка телеги */ .tg-button{position: fixed;right: 70px;bottom: 50px;background: #27a7e7;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px #27a7e7,;} .tg-button:before, .tg-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #27a7e7,;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .tg-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) { .tg-button {bottom: 70px!important;right: 10px; width:60px !important; height:60px !important;} .tg-button img{width:25px !important;} } @media (max-width: 1024px) { header .logo .cityes{font-size: 10px!important;bottom: -10px!important;white-space: nowrap;} #mmenu{padding: 0px!important;-webkit-overflow-scrolling: touch;background-color: white;border-radius: 0px;} #mmenu .modal-dialog a{color: black;} #mmenu .modal-dialog {height: 100%;margin: 0;} #mmenu .modal-content {height: 100%;border-radius: 0;} #mmenu .close{opacity: 1;border: none;} #mmenu .cont{padding-top: 20px;font-size: 18px;padding-bottom: 80px;display: grid;gap: 10px;} #mmenu .cont span{display: block;} #mmenu .cont .phone{display: block;font-weight: bold;font-size: 20px;} #mmenu .cont .time{color: gray;font-size: 15px;} #mmenu .cont .mail{color: var(--hovercolor);} #mmenu .cont .ad{font-size: 15px;} #mmenu .cont .cit{color: #dd4475;font-weight: bold;} #mmenu .cont .button{color: white;display: block;} #mmenu .cont .title{margin: 0px;font-size: 30px;} #mmenu .btn-full-fill{width: fit-content!important;color: white!important;} #mmenu .nav{display: inline-block;width: 100%;list-style: none;} #mmenu .nav>ul{padding: 0px;} #mmenu .nav>li{border-bottom: 1px solid #F8F8F8;padding: 10px 0px;list-style: none;} #mmenu .nav>li>a{text-transform: uppercase;font-weight: 500;padding: 0px;} #mmenu .tmenu{font-size: 25px;font-weight: 500;padding-bottom: 10px;margin-top: 20px;} #mmenu .login{margin-top: 20px;display: block;} #mmenu .nav .sub-menu{padding-top: 10px;} #mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;} #mmenu .nav ul.hide {display: none!important;} #mmenu .nav .menu-item-has-children {position: relative;} #mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);} #mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;} #mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;} #mmenu .nav span.menu-closed.menu-open:before{opacity: 0;} .btn-full-fill,.btn-out{width: 100%!important;} } @media (min-width:320px){ section{padding: 40px 0;max-width: 100vw;overflow: hidden;} .col-mb-2{grid-template-columns: repeat(2, 1fr);} .col-mb-3{grid-template-columns: repeat(3, 1fr);} .col-mb-4{grid-template-columns: repeat(4, 1fr);} .grid{display: grid;gap: 30px;} .flex{display: flex;flex-direction: column;align-items: center;gap: 20px;} .flex-col{display: flex;flex-direction: column;align-items: center;gap: 20px;} .mb-gap{gap: 0;} .btn-fill,.btn-out,.btn-full-fill{cursor: pointer; white-space: nowrap; border: 1px solid; color: white; display: inline-block;text-align: center; width: 230px; transition: var(--trn-fast);padding:10px;font-size:var(--fs);line-height: var(--lh);margin: 0;} .btn-fill{background-color: #d4ab39;border-color: #d4ab39;transition: var(--trn-low);} .btn-fill:hover{border-color: var(--c2); background-color: var(--c2);color: white;transition: var(--trn-low);} .btn-full-fill{border:2px solid #95c0e3; color: #95c0e3 !important; padding: 15px !important; font-size: 18px !important;} #banner .btn-full-fill{color: #95c0e3 !important;} .btn-full-fill:hover{background-color: #95c0e3; color: white !important;} .btn-out{background-color: transparent;border-color: var(--c1); color: var(--c5);} .btn-out:hover{background-color: var(--c2);border-color: var(--c2);color: white;} h1{font-size: 35px;line-height: 40px;margin-top: 0;margin-bottom: 40px;} h2{font-size: 30px;line-height: 35px;margin-top: 0;margin-bottom: 30px;text-align: left;} h3{font-size: 27px;line-height: 32px;margin-top: 0;margin-bottom: 25px;} h4{font-size: 25px;line-height: 30px;margin-top: 0;margin-bottom: 25px;} h5{font-size: 23px;line-height: 28px;margin-top: 0;margin-bottom: 25px;} :root{--fs:15px;--lh:19px;} header .col-header{grid-template-columns: repeat(4, auto);gap: 15px;align-items:center;justify-content: stretch;} header .menu-glavnoe-menyu-container{display: none;} header .gray,header .btns,header .header_mail, header .top-menu{display: none;} header .mmenu_button{display: flex;justify-content: center;} footer .col-footer{align-items: center;text-align: center;} footer .nav{flex-direction: column;gap: 20px;} footer .nav>li{margin-bottom: 10px;} footer .nav a{justify-content: center;text-align: center;} footer .contacts{align-items: center;text-align: center;} footer .soc{gap: 10px;text-align: center;margin-top: 30px;} footer .soc *{margin-top: 0px;margin-bottom: 0; font-size: var(--fs);} #banner .fon{width:225%;height: inherit;top: 0;bottom: 0;right: -110%;margin: auto;position: absolute;z-index: 1;} #banner .fon-image{position: absolute;top: 0;right: -70%; width: 310%;height: inherit;filter: brightness(0.6);} #banner{height: auto;background-position: right!important;} #banner .fon-main.main-page-fon-main{width: 60vw;} #banner .main-page-container{margin-top: 0;} #banner.banner_main{padding-top: 40px;padding-bottom: 40px; } #banner.info-page{padding-top: 40px;padding-bottom: 40px;} #banner.banner_main h1{margin-bottom: 20px;} #banner.banner_main .banner-h1{margin-bottom: 0;} #banner.banner_main .fon-dop2{width: 80vw;} #banner.banner_main .flex p{padding-left: 0;} #banner .fon-main{width: 55vw;} #banner .fon.info{width: 320%;right: -80%;filter: brightness(0.4);} #preimyshestva{padding: 20px 0;height: auto;} #preimyshestva .container{position: unset;} #preimyshestva .card{padding: 20px;} #preimyshestva .card:nth-child(1),#preimyshestva .card:nth-child(2){border-left-width: 1px;border-bottom-width:0px;} #preimyshestva .card::before{width: 30%;height: 5px;right: 0; left: 0;top: none;bottom: -2.5px;margin: auto;z-index: 5;} #preimyshestva2 .card{align-items: center;text-align: center;} #preimyshestva2-cat .card{align-items: center;text-align: center;} #preimyshestva_3 .card:nth-child(2),#preimyshestva_3 .card:nth-child(3){border-left: 1px solid gray;border-top: none;} #catalog_napravlenie .grid{gap: 10px;text-align: center;} #catalog_napravlenie strong{font-size: 14px;} #catalog_podrobnee h2{margin-bottom: 0;text-align: left;} #nashi_proecti .owl-nav{justify-content: space-between;} #onas .items{text-align: center;gap: 10px;width: 100%;} #onas .items p{font-size: 10px;} #onas h2{margin-bottom: 0;} #onas [class*=col-onas-] div{min-height: 150px;} #onas .col-onas-1{grid-template-columns: none;} #onas .col-onas-2{grid-template-columns: none;} #onas .col-onas-3{grid-template-columns: none;} #onas h3{font-size: 24px;line-height: 30px;} #sertificates .main{grid-template-columns: none;} #sertificates .owl-carousel{max-width: calc(100vw - 90px);} #geo h2{text-align: left;} #geo img{margin-bottom: 20px;} #text_1 .box{padding: 30px;} #text_2 .box{position: unset;padding: 20px;width: 100%;margin-top: 30px;} #text_2 img{width: 100%;} #forma_sazhata .grid{text-align: center;} #forma_sazhata_2 .box-inner{display: none;} #forma_sazhata_2 .fon{display: none;} #forma_sazhata_2 .box{text-align: center;} #forma_sazhata_3 .flex{align-items: center;text-align: center;} #forma_sazhata_3 .flex .flex{flex-direction: row;} #forma_sazhata_3 .circle img{width: 64px;} #forma_sazhata_3 .circle{width: 150px;height: 150px;position: relative;} #forma_sazhata_3 .circle:last-child{background-color: var(--c2);width: 100px;height: 100px;} #forma_sazhata_3 .circle:last-child img{width: 32px;} #forma_sazhata_3 .arrow img{width: 12px!important;margin: 0!important;scale: 0.75;} #forma_sazhata_3 .arrow{padding: 5px;background-color: white;border-radius: 100%;width: 30px;height: 30px;position: absolute;top: 5%;right: 5%;rotate: -45deg;transition: var(--trn-fast);} #forma_sazhata_3 a:last-child p{font-size: 10px;} #garantii h2{margin-bottom: 0;} #garantii .flex-col{align-items: center;text-align: center;} #reviews .owl-nav{justify-content: space-between;} #reviews .owl-dots{gap: 10px;} #tovars .owl-nav{justify-content:space-between;margin-top:30px;margin-bottom: 30px;} #tovars .owl-dots{gap: 5px!important;} #tovar h2{text-align:center;} .quantity{margin:auto;} #tovar .quantity{margin: 0;} .variations_button{flex-wrap: wrap;} #forma_zayavki .grid{gap: 30px;} #forma_zayavki h3{font-size: 20px;} #forma_zayavki .image{width: 260%;} .woocommerce-cart-form .btn-fill,.form-row button{width: 100%;} } @media (min-width:768px){ .container{min-width: 768px;max-width: 1023px;} .col-pl-1{grid-template-columns: repeat(1, 1fr);} .col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-3{grid-template-columns: repeat(3, 1fr);} .col-pl-4{grid-template-columns: repeat(4, 1fr);} .col-pl-60-40{grid-template-columns: auto 40%;} .col-pl-40-60{grid-template-columns: auto 60%;} .col-pl-80-20{grid-template-columns: 80% auto;gap: 0;} .col-pl-30-70{grid-template-columns: 30% auto;} h1{font-size: 45px;line-height: 58px;} h2{font-size: 40px;line-height: 43px;} h3{font-size: 35px;line-height: 38px;} h4{font-size: 25px;line-height: 28px;} h5{font-size: 20px;line-height: 23px;} :root{--fs:17px;--lh:22px;} footer .col-footer{align-items: flex-start;grid-template-columns: 20% auto auto 30%;} footer .nav>li{margin-bottom: 0;} footer .nav a{justify-content: flex-start;text-align: left;} footer .contacts{align-items: flex-start;text-align: left;} footer .nav{flex-direction: row;} footer .soc{gap: 30px;text-align: left;} #banner .main-page-fon-main{width: 55vw;} #banner .fon.info{width: 100%;right: -20%;} #banner.banner_main .flex{flex-direction: row;} #banner.banner_main .flex a{width: 30%;} #banner.banner_main .flex p{padding-left: 50px;} #banner .fon-main{width: 60vw;} #banner .fon-image{right: -15%; width: 125%;} #banner .fon{width:100%;right: -40%;} #preimyshestva .card:nth-child(1),#preimyshestva .card:nth-child(2){border-left-width: 0;border-bottom-width:1px;} #preimyshestva .card::before{width: 5px;height: 30%;right: 0; left: -2.5px;top: 0;bottom: 0;margin: auto 0;} #preimyshestva2 .card{align-items: flex-start;text-align: left;} #preimyshestva2-cat .card{align-items: flex-start;text-align: left;} #preimyshestva_3 .card:nth-child(2),#preimyshestva_3 .card:nth-child(3){border-left: none;border-top: 1px solid gray;} #catalog_napravlenie .grid{gap: 30px;text-align: left;} #catalog_napravlenie strong{font-size: var(--fs);} #catalog_podrobnee h2{margin-bottom: 40px;} #nashi_proecti .owl-nav{justify-content: space-evenly;} #onas h2{text-align: left;} #onas .items p{font-size: var(--fs);} #onas h2{margin-bottom: 40px;} #onas .items p{font-size: var(--fs);} #onas .col-onas-1{grid-template-columns: auto 25% auto;} #onas .col-onas-2{grid-template-columns: 30% auto 25%;} #onas .col-onas-3{grid-template-columns: 40% auto;} #sertificates .main{grid-template-columns: 50% auto;} #geo h2{font-size: 35px;} #geo img{margin-bottom: 0;} #text_1 .box{padding: 50px;} #text_1 h2{text-align: left;} #text_2 .box{position: absolute;padding:20px;width: 60%;margin: auto 0;} #text_2 img{width: 80%;} #forma_sazhata .grid{text-align: left;} #forma_sazhata h2{text-align: left;} #forma_sazhata_2 .box-inner{display: flex;} #forma_sazhata_2 .fon{display: block;} #forma_sazhata_2 .box{text-align: left;} #forma_sazhata_2 .flex{flex-direction: row;} #forma_sazhata_2 h2{text-align: left;} #forma_sazhata_3 .circle img{width: 96px;} #forma_sazhata_3 .circle{width: 300px;height: 300px;position: relative;} #forma_sazhata_3 .circle:last-child{background-color: var(--c2);width: 200px;height: 200px;} #forma_sazhata_3 .circle:last-child img{width: 64px;} #forma_sazhata_3 .arrow img{width: 20px!important;margin: 0!important;scale: 0.75;} #forma_sazhata_3 .arrow{padding: 10px;background-color: white;border-radius: 100%;width: 60px;height: 60px;position: absolute;top: 5%;right: 5%;rotate: -45deg;transition: var(--trn-fast);} #forma_sazhata_3 a:last-child p{font-size: var(--fs);} #garantii h2{margin-bottom: 40px;text-align: left;} #reviews .owl-nav{justify-content: space-evenly;} #reviews .owl-dots{gap: 30px;} #tovars .owl-nav{justify-content:space-evenly;} #tovar h2{text-align:left;} #tovar .quantity{margin: auto;} #forma_zayavki h3{font-size: 35px;} #forma_zayavki .image{width: 175%;} .woocommerce-cart-form .btn-fill,.form-row button{width: auto;} } #svusl h2{width:50%;} @media (min-width:1024px){ section{padding: 60px 0;} .container{min-width: 1024px;} .flex{flex-direction: row;} .col-pc-1{grid-template-columns: repeat(1, 1fr);} .col-pc-2{grid-template-columns: repeat(2, 1fr);} .col-pc-3{grid-template-columns: repeat(3, 1fr);} .col-pc-4{grid-template-columns: repeat(4, 1fr);} .col-pc-5{grid-template-columns: repeat(5, 1fr);} .col-pc-6{grid-template-columns: repeat(6, 1fr);} .col-60-40{grid-template-columns: auto 40%;} .col-40-60{grid-template-columns: auto 60%;} .col-80-20{grid-template-columns: 80% auto;} .col-20-80{grid-template-columns: auto 80%;} .col-30-70{grid-template-columns: 30% auto;} .btn-fill,.btn-out{width: 200px;} h1{font-size: 50px;line-height: 53px;} h2{font-size: 45px;line-height: 48px;} h3{font-size: 40px;line-height: 43px;} h4{font-size: 30px;line-height: 34px;} h5{font-size: 25px;line-height: 28px;} header .mmenu_button, header .phone{display: none;} header .gray, header .header_mail, header .top-menu{display: block;} header .btns{display: flex;} header .menu-glavnoe-menyu-container{display: block;} header .col-header{grid-template-columns: repeat(5, auto); gap: 30px;justify-content: space-between;} #banner .fon{width:100%;right: -45%;} #banner .fon.info{right: -30%;} #banner{height: 80vh;background-position: bottom!important;} #banner .fon-image{bottom: 0;right: -15%;margin: auto;width: 100%;filter: brightness(1);} #banner h1{font-size: 50px; line-height: 60px;} #banner .main-page-container{margin-top: 0px;} #banner.banner_main h1{margin-bottom: 30px;} #banner.banner_main .banner-h1{margin-bottom: 30px;} #banner .fon.info{width: 100%;filter: brightness(1);right: -15%;} #preimyshestva{padding: 0;height: 20vh;max-height: 200px;} #preimyshestva .container{position: absolute;} #preimyshestva .card{padding: 30px 20px;} #preimyshestva .card:nth-child(2),#preimyshestva .card:nth-child(3){border-left-width: 0px;border-bottom-width:1px;} #preimyshestva .card::before{width: 5px;height: 30%;right: none; left: -2.5px;top: 0;bottom: 0;margin: auto 0;} #onas .col-onas-1{grid-template-columns: auto 25% auto;} #onas .col-onas-2{grid-template-columns: 25% 30% 25%;} #onas .col-onas-3{grid-template-columns: 40% 40%;} #onas h3{font-size: 30px;line-height: 35px;} #onas .items{gap: 30px;} #onas [class*=col-onas-] div{min-height: 250px;} #garantii .flex-col{align-items: flex-start;text-align: left;} #vstuplenie .col-40-60{align-items: center;} #text_2 .box{width: 40%;} #forma_sazhata_3 .flex{align-items: flex-start;text-align: left;} #forma_sazhata_3 h2{text-align: left;} .quantity{margin:0;} footer .soc *{margin-top: 30px;margin-bottom: 0;} .variations_button{flex-wrap: nowrap;} #forma_zayavki .image{width: 100%;left: 25%!important;} #tovar .quantity{margin: 0;} } @media (min-width:1400px){ section{padding: 75px 0;} .container{max-width: 1400px;} .grid{gap: 30px;} .flex{gap: 30px;} .flex-col{gap: 30px;} :root{--fs:18px;--lh:23px;} } :root{ --c1: #364061; --c2: #22283b; --c3: #161a26; --c4: #f5f5f5; --c5: #13141e; --trn-low:all 0.5s ease-in-out; --trn-fast:all 0.35s ease-in-out; } /* Форма связи */ .wpcf7{position: relative;} .wpcf7 .ajax-loader{position: absolute;} .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response{display: none;} .wpcf7 .wpcf7-mask.wpcf7-not-valid{border: 1px solid red!important;} /*.wpcf7 .wpcf7-response-output{position: absolute;font-size: 14px;margin-top: 10px;}*/ .wpcf7 p{margin-bottom: 0px;} .wpcf7-form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ font-size: 14px; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7-form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } /* header */ header{padding: 10px 0;background-color: var(--c5);} header .logo{position: relative;} header .logo .cityes{text-transform: uppercase;position: absolute;bottom: -10px;left: 0;color: #cbcbcb;font-size: 11px;white-space: nowrap;} header .phone, header .cart, header .mmenu_button{width: fit-content;justify-self: center;} header .nav{margin: 0;} header a:hover{color: #b5b5b5;} header *{color: white;} header .top-menu{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #d4d4d4;} header .col-header{padding-top: 10px;padding-bottom: 10px;} header .btns{justify-content: flex-end;} header p{margin: 0;} header .logo img{width:100%;margin-bottom: 5px;} header .gray{position: relative;padding-left: 20px;color: white;white-space: nowrap;font-size: 15px;} header .gray::after{content: ''; width: 5px;height: 5px;background-color: white;border-radius: 100%; position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;} header .btn-fill{border-color: white;color: white;background-color: transparent;} header .cart{position: relative;padding: 8px; background-color: var(--c1);transition: var(--trn-fast);} header .cart:hover{background-color: var(--c2);transition: var(--trn-fast);} header .cart svg{fill: white;transition: var(--trn-fast);} header .count{position: absolute;right: -5px;bottom: -5px;padding: 1px 6px;background: white;color: var(--c3); border-radius: 100%;transition: var(--trn-fast);} #menu .sub-menu .menu-item-has-children>a:after{content: url(./images/strelochka_white.svg);margin-left: 3px;top:0;position: relative;display: inline-block;transform: rotate(360deg);} #menu .menu-item-has-children>a:after{content: url(./images/strelochka_white.svg);position: relative;transform: rotate(90deg);} #menu .menu-item-has-children:hover > .sub-menu, .topmenu .menu-item-has-children:hover > .sub-menu {display: block; z-index: 20; position: absolute;background-color: var(--c5) !important;list-style: none;padding: 0; color: white !important;} #menu .sub-menu, .topmenu .sub-menu {display: none;z-index: 1; padding-left: 15px !important;} #menu .sub-menu li {white-space: nowrap; display: flex; justify-content: space-between;} #menu .sub-menu li:hover > .sub-menu {display: block; z-index: 3; position: absolute;left: 100%; min-height: 100%; top:0;background-color: var(--c2) !important;list-style: none;padding: 0;} #menu .sub-menu li:hover > .sub-menu .sub-menu{background-color: var(--c2) !important;} #menu .sub-menu li{padding: 10px;} #menu .sub-menu li a{color: white; padding-right: 20px;} #menu .sub-menu li a:hover{color:white !important ;} #menu .sub-menu .current-menu-item>a{color: var(--c1);} #menu a{color: white; font-size: 18px; display: flex; align-items: center; gap: 10px; text-decoration: none; justify-content:center;} #menu .current_page_item>a{color: white !important;} #menu .flex{justify-content:space-between;} /* header */ /* Main-Page */ header.main-page{background-color: var(--c5);} /*WooCommerce*/ /* Карточка товара*/ /* Header*/ header.card-page{background-color: var(--c5);position: relative;} /* Хлебные крошки */ .woocommerce-breadcrumb{margin: 20px 0;} .woocommerce-breadcrumb a{display: inline-block;font-size: var(--fs);} /* Иконка поиска */ .woocommerce-product-gallery__trigger{display: none;} /* Изображение */ .woocommerce div.product div.images.woocommerce-product-gallery{width: 100%;} .woocommerce-product-gallery__image{max-width: 100%!important;width: 100%!important;} /* #tovars .card{background-color: var(--c4);} */ #tovars .card:hover img{scale: 1.1; transition: var(--trn-fast);} #tovars .card>a{padding: 20px;} #tovars .card .box{overflow: hidden;display: flex;justify-content: center;align-items: center;height: 250px;mix-blend-mode: darken;} .woocommerce-product-gallery__image img{width: 100%;height: auto;} /* Описание */ /* Карточка */ .card{display: flex;flex-direction: column;transition: var(--trn-fast); height: 100%;} .card .info{display: flex;flex-direction: column;justify-content: space-between;height: 100%;margin-top: -4px;} .card .btns a{color: white;} /* Заголовок */ .card .title{margin: 0;padding: 20px;padding-top: 0; font-size:var(--fs);} /* Кнопки */ .card .btns{display: flex;flex-direction: column;} .card .btns a{width: 100%;} /* Цена */ .card bdi{font-size: 25px;} .card .woocommerce-Price-currencySymbol{font-size: 25px;margin-left: 5px;} .card .price{padding: 20px;padding-top: 0; margin: 0;} .card .woocommerce-Price-amount{margin: 0;} /* Кнопка "Просмотр корзины" */ .added_to_cart{text-align: center;padding: 10px 0;background: var(--c5);} /* Описание */ /* Информация о товаре */ .product_meta{margin-bottom: 15px;} #tovar h1{margin-bottom: 20px;} .product_meta .sku_wrapper{display: block;margin-bottom: 10px;} #tovar .tab-content table{width: 100%;text-align: left;border-collapse: collapse;} #tovar .tab-content td:first-child{font-weight: 500;} #tovar .tab-content td, #tovar .tab-content th{padding: 5px 0px;font-size: 15px;} #tovar .tab-content td p{margin: 0px;} #tovar .tab-content td, #tovar .tab-content th {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6;} .descr{margin-bottom: 20px;} .posted_in a{display: inline-block;} .stock{display: inline-block;padding: 10px;background-color: var(--c1);color: white!important;margin-bottom: 40px;} #tovar .woocommerce-Price-amount{font-size: 40px;display: block;margin-bottom: 30px;} .summary{width: 100%!important;} .variations_button{display: flex;gap: 10px;} .quantity{display: flex;border: 1px solid var(--c5);justify-content: space-between;height: 45px;width: 125px;} .quantity button{width: 35px;height: 100%;border: none;background-color: var(--c1);position: relative;display: block;cursor: pointer;} .quantity button:hover{background-color: var(--c2);} .quantity button:hover::after{transition: var(--trn-fast); scale: 1.1;} .quantity [class*="quantity-"]::after,.quantity-plus::before{content: '';background-color: white;display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;transition: var(--trn-fast);} .quantity .quantity-minus::after{width:20px;height: 2px;} .quantity .quantity-plus::after{width: 20px;height: 2px;} .quantity .quantity-plus::before{width: 2px;height: 20px;} .quantity .text{border: none!important; text-align: center;width: 50px!important;padding: 0!important;pointer-events: none;} .tab-content li{margin-bottom: 5px;} #tovar h1{font-size: 40px;line-height: 40px;} #tovar h2{font-size: 35px;line-height: 35px;} #tovar h3{font-size: 27px;line-height: 27px;} #tovar .grid{align-items: center;} /* Карточка товара*/ #tovars.owl-carousel .owl-item {height: 500px;} .grid{display: grid!important;} #tovar .thumbs{gap: 5px;} #tovar .thumbs img{width: 100%;height: auto;} /* Корзина */ /* Media */ @media (max-width:1023px){ table.shop_table_responsive tr td[data-title]:before{content: attr(data-title)": ";font-weight: 600;float: left;} table.shop_table_responsive td{display: block;text-align: center;} .product-remove{position: absolute;top: 0;right: 0;} .shop_table thead{display: none;} .woocommerce-cart-form__cart-item{position: relative;display: block;} .quantity .text{padding-left: 0!important;} } @media (min-width:1200px){.quantity .text{padding-left: 15px!important;}} /* Media */ /* Корзина */ #cart{padding-top: 20px;padding-bottom: 40px;} #cart .woocommerce-cart-form__cart-item .woocommerce-Price-amount{margin:0;} #cart .shop_table{width: 100%;-webkit-box-shadow: 0px 5px 10px 2px #332b3f26;-moz-box-shadow: 0px 5px 10px 2px #332b3f26;box-shadow: 0px 5px 10px 2px #332b3f26;} #cart .woocommerce-cart-form{margin-bottom: 40px;} #cart .woocommerce-cart-form a{display: inline-block;} #cart h1{font-size: 50px;} thead{background-color: var(--c1);color: white;font-size: 15px;} thead span{color: white;font-size: 15px;white-space: nowrap;} #cart th{padding: 10px;text-align: left;} #cart td{padding: 10px;} /* Кнопка обновить корзину */ #cart .woocommerce-cart-form .btn-fill{float: right;margin: 10px;background-color: var(--c1);color: white;} #cart .woocommerce-cart-form .btn-fill:hover{background-color: var(--c2);} .variations_button .btn-fill{color:white;} /* Кнопка удалить товар */ .product-remove{text-align: center;} .product-remove a{display: inline-block;color: red;width: 20px;height: 20px;padding: 1px;background-color: transparent;border-radius: 100%;scale: 1.5;} .product-remove a:hover{background-color: red;color: white;} /* Фото */ .product-thumbnail img{height: auto;width: 100%;max-width:200px;} /* Цена */ #cart bdi{font-size: 20px;} /* Форма оплаты */ #cart .form-row{display: flex;flex-direction: column;gap: 10px;} #cart input,#cart textarea{padding: 15px;border-radius: 0;border: 1px solid #0000001a;width: 100%;font-size: var(--fs);} #cart .woocommerce-checkout-review-order-table{-webkit-box-shadow: 0px 5px 10px 2px #332b3f26;-moz-box-shadow: 0px 5px 10px 2px #332b3f26;box-shadow: 0px 5px 10px 2px #332b3f26;} tfoot{text-align: left;} #order_review td,#order_review th{border-bottom:1px solid #0000001a;} #order_review .order-total td,#order_review .order-total th{border-bottom:none;} .woocommerce-privacy-policy-link{color: var(--c1);display: inline-block;} .woocommerce-privacy-policy-link:hover{color: var(--c2);} .wc_payment_methods{list-style: none;padding: 0;} .form-row button{padding: 10px;background-color: var(--c1);color: white;font-size: var(--fs);border: 1px solid var(--c1);cursor: pointer;} .form-row button:hover{background-color: var(--c2);border-color: var(--c2);} /* Сообщения */ .woocommerce-notices-wrapper{display: flex;flex-direction: column;gap: 15px;} /* Отменить удаление */ .woocommerce-message{display: flex;gap: 30px;padding: 20px;background-color: var(--c4);border-top: 5px solid var(--c1);} .woocommerce-message a{color: var(--c1);} /* Инфомация о методах оплаты */ .woocommerce-info{display: flex;gap: 30px;padding: 20px;background-color: var(--c4);border-top: 5px solid red;} /* Сообщения */ /* Корзина */ /* Каталог */ #catalog .title{font-weight: 600;} #catalog .box{overflow: hidden;} #catalog a:hover img{scale: 1.1;} #catalog h2{text-align: center;} #tovars{margin-top:40px;} #cats .title{text-align:left;font-weight: 600;text-align: center;} #cats .item{padding: 20px;background-color: var(--c4);} #cats .item:hover img{scale: 1.1;} #cats .item .image.box{display: flex;align-items: center;justify-content: center;height: 250px;overflow: hidden;mix-blend-mode: darken;} #cats img, #tovars img{width:100%;height: auto;} .page-numbers{display: flex;justify-content: center;margin-top: 30px;list-style: none;} .page-numbers li,.page-numbers span,.page-numbers a{margin: 0;} .page-numbers li *{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;transition: var(--trn-fast);} .page-numbers li:hover *{background-color: var(--c1);color: white; transition: var(--trn-fast);} .page-numbers.current{background-color: var(--c1);color: white;} /* Каталог */ /*WooCommerce*/ /* footer */ footer{padding: 75px 0;padding-bottom: 25px; background-color: var(--c4);} footer *{color: var(--c5);} footer .nav{margin: 0;flex-direction: column;gap: 0;} footer .contacts{display: flex;flex-direction: column;} footer .contacts .gray{font-size: 16px;line-height: 20px;} footer a{font-size: 23px;margin-bottom: 15px;} footer .contacts a{font-size: 20px;margin-bottom: 15px;} footer .nav>li>a{padding: 0;margin-bottom: 0px;text-align: left;} footer .sub-menu{list-style: none;padding: 0;} footer .logo img{width: 100%;} /* footer */ /* nav */ .nav{list-style: none;padding: 0;display: flex;gap: 5px;} .nav li{flex-grow: 1;margin: 0;} .nav>li>a{padding: 10px; display: block; text-align: center;display: flex;align-items: center;height: 100%;} .nav .current_page_item{color: var(--c1);} @media (min-width:320px){.nav-tabs{flex-direction: column;gap: 20px;}} @media (min-width:768px){.nav-tabs{flex-direction: row;gap: 30px;}} /* nav */ /* Табы */ .nav-link{width: 100%;background-color: transparent!important;border: none;border-bottom: 2px solid rgb(184, 184, 184);padding-bottom: 15px;justify-content: center;color: var(--c5);} .nav-link.active{border-color: var(--c1);color: var(--c1)!important;} .nav-link:hover{border-color: var(--c1);color: var(--c5);} .tab-pane:not(.active){display: none;} /* Табы */ /* Формы */ .wpcf7 form{display: flex;flex-direction: column;} .wpcf7 input,textarea{outline: none!important;font-size: var(--fs);line-height: var(--lh);padding: 20px;border: none;width: 100%;border-radius: 0;} /* Формы */ .breadcrumbs, .breadcrumbs a{color: #999999;font-size: 16px;padding: 10px 0px;} /* Вопросы */ #accordion .card{margin-bottom: 15px;padding: 20px;background-color: white;height: fit-content;transition: var(--trn-fast);} #accordion .card:hover{padding-bottom: 30px; transition: var(--trn-fast);} #accordion p:last-child{margin: 0;} #accordion a{position: relative;padding-bottom: 15px;padding-right: 60px;} #accordion a::after{content:url(./images/plus.svg);transition: var(--trn-fast);position: absolute;right: 0;top: 0;height: 30px;} #accordion a[aria-expanded="true"]{color: var(--c1);} #accordion a[aria-expanded="true"]::after{content:url(./images/minus.svg);} @media(min-width:320px){#accordion a{font-size: 18px;}} @media(min-width:768px){#accordion a{font-size: 22px;}} @media(min-width:1024px){#accordion a{font-size: 25px;}} /* Вопросы */ /* OWL */ .owl-nav{display: flex!important;gap: 30px;} .owl-nav button{width: 41px;height: 41px;} .owl-nav button:hover circle{fill: var(--c2)!important;transition: var(--trn-fast);} .owl-nav circle{fill: var(--c1);transition: var(--trn-fast);} .owl-nav path{pointer-events: none;} .owl-dots{position: absolute;bottom: 10px;display: flex;justify-content: center;gap: 30px;right: 0;left: 0;margin: 0 auto;width: fit-content;} .owl-dots button{transition: var(--trn-fast); background-color: transparent !important;border: 2px solid var(--c5) !important;height: 20px;width: 20px;} .owl-dots button.active{transition: var(--trn-fast); height: 20px;width: 20px;background-color: var(--c1) !important;border: 2px solid var(--c5) !important;} /* OWL */ /*#za, #con, modal*/ /* ОСНОВА */ #con,#za {padding: 0px!important;-webkit-overflow-scrolling: touch;overflow-y: auto; transition: var(--trn-low);backdrop-filter: blur(5px);background-color: #364061b0;} #con .modal-body>div,#za .modal-body>div{display:flex;height:100%; align-items:center;} #con .modal-body,#za .modal-body{display: table; height: 100%;max-width: 450px;position: absolute;right: 0;padding: 20px 10px;padding-top: 75px;background-color: white;} #con .modal-body .close,#za .modal-body .close{right: 15px;top: 15px;position: absolute;background-color: transparent;border: none;cursor: pointer;} #con .info,#za .info{width: 100%;} #con .modal-body .attention,#za .modal-body .attention{color: gray;font-size: 15px;line-height: 14px;} /* ОСНОВА */ /* СТИЛИ */ #con .modal-content,#za .modal-content{border-radius: 0px;border: none;} #con input,#con textarea,#za input,#za textarea{border: none;border-bottom: 3px solid #54556020;margin-bottom: 30px;padding: 15px;} #za span,#con span{margin: 0;} #za .btn-out, #con .btn-out{background-color: var(--c1);color: white;} #za .btn-out:hover, #con .btn-out:hover{background-color: var(--c2);} /* СТИЛИ */ .fullscreen{padding: 0px!important;color: black;-webkit-overflow-scrolling: touch;} .fullscreen .modal-dialog {max-width: 100%;width: 100%;height: 100%;min-height: 100%;margin: 0;padding: 0;} .fullscreen .modal-content {height: 100%;min-height: 100%;border-radius: 0;background: white;overflow:auto;padding: 15px;padding-top: 50px;} .fullscreen .close{position: absolute; right: 15px;background-color:transparent;border:none;} /*#za, #con, modal*/ .citylist .grid{gap: 10px;} #banner{position: relative;max-height: 600px;background-color: var(--c5); background-position: bottom!important;background-size: cover!important;background-repeat: no-repeat!important;padding: 0;} #banner.info-page{max-height: 500px;} #banner p:empty{display: none;} #banner .container{position: relative;z-index: 4;} #banner *{color: white!important;} #banner h1{font-weight: 600;position: relative;text-transform: uppercase;} #banner strong{font-size: revert;} #banner .fon{height: 100%; width: fit-content;top: 0;margin: 0 auto;left: 0;} #banner .banner-h1{margin-bottom: 40px;} #banner .btn-full-fill{white-space: normal;} #banner .flex{align-items: flex-start; align-items:center; } #banner .flex p{margin: 0;position: relative;max-width: 400px;font-size: calc(var(--fs) - 3px);line-height: calc(var(--lh) - 3px);} /*#banner .flex p::after{width:64px;content: url(./images/money.svg);position: absolute;top: 0;bottom: 0;left: 0;margin: auto 0;}*/ #banner .fon-main{background-color: var(--c5); content: '';height: 100%;top: 0;bottom: 0;margin: auto;position: absolute;z-index: 1;} #banner .fon-dop{background-color: var(--c5); content: '';height: 100%;top: 0;bottom: 0;margin: auto;position: absolute;z-index: 1;opacity: 0.5;} #banner .socc{display:flex; gap:10px;} #banner.banner_main .flex {margin-bottom:20px;} #banner.banner_main .socc a{width:auto;} /* Banner main-page */ #banner .main-page-container h1::after{content: '';background-color: var(--c1);height: 5px;width: 100vw;position: absolute;top: 0;bottom: 0;margin: auto; right: 105%;} #banner .main-page-grid{gap: 0;} #banner .main-page-container{padding: 50px 15px;} #banner .main-page-fon{width: 60%;right: -10%;height: 100%;z-index: -1;} #banner .main-page-btn-full-fill{width: fit-content;white-space: nowrap;} @media (max-width: 1024px) { #banner .socc img{width: 40px; height: 40px ;} #banner .fon-main{width: 100% !important;} #banner::after{content: ""; background-color: black; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5;z-index: 2;} } #seotext{background: var(--c4);} #preimyshestva{margin-top: -25px;background-color: #251f2d;position: relative;z-index: 2;overflow: visible;} #preimyshestva .grid{gap: 0;} #preimyshestva .card{border: 1px solid gray;color: white;position: relative;background-color: var(--c5);} #preimyshestva .card p{margin: 0;font-size: 15px;color: white;} #preimyshestva .card::before{content: '';background-color: var(--c1);position: absolute;} #preimyshestva .container{right: 0;left: 0;top: -40px;} #preimyshestva h4{font-size: 25px;line-height: 30px;} #geo .left,#geo .right{padding: 20px;overflow: hidden;} #geo .left{background-color: var(--c1);} #geo .left *{color: white;} #geo .right{border: 2px solid var(--c1);} #geo .btn-out{border-color: white;color: white;} #geo .btn-out:hover{border-color: var(--c2);color: white;} #geo img{width: 64px;} #geo .grid{gap: 10px;} #geo a{font-size: var(--fs);} #vstuplenie .pre-title{padding: 10px;background-color: var(--c4);display: inline-block;} #vstuplenie strong{font-size: revert;color: var(--c1);} #vstuplenie h2{text-align: left;} #preimyshestva_3 .card{text-align: center;padding: 30px;border: 1px solid gray;} #preimyshestva_3 span{display: block;color: var(--c1);font-size: 50px;font-weight: 600;margin-bottom: 25px;} #preimyshestva_3 p{margin-bottom: 0;} #preimyshestva_3 .grid{gap: 0;} #preimyshestva_3 h2{text-align: center;} #gallary img{transition: var(--trn-fast);} #gallary img:hover{transition: var(--trn-fast);scale: 1.05;} #gallary h2{position: relative;} #gallary h2::before{content: '';background-color: var(--c1);height: 5px;width: 100vw;position: absolute;top: 0;bottom: 0;right: 105%;margin: auto;} #forma_sazhata{padding-top: 150px;padding-bottom: 150px;} #forma_sazhata *{color: white;} #forma_sazhata p{margin-bottom: 30px;} #text_1 .grid{align-items: center;} #text_1 .box{background-color: var(--c4);border-bottom: 5px solid var(--c1);} #video{background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;text-align: center;position: relative;padding-top: 150px;padding-bottom: 150px;} #video svg{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;z-index: 2;position: relative;} #video svg:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} #video a{color: white;text-decoration: none;} #video .info{ font-size: 15px;position: absolute;left: 0;right: 0;margin: auto;text-align: center;padding: 10px;width: fit-content;background-color: #3640614a;backdrop-filter: blur(5px);} #video .info span{display: block;font-weight: 600;margin: 0;} #tabs_1 strong{font-weight: 500;padding: 10px;background-color: var(--c4);} #tabs_1 .tab-content{margin-top: 30px;} #tabs_1 h2{text-align: center;} #nashi_proecti .info{padding: 20px;background-color: var(--c1);align-items: flex-start;} #nashi_proecti .info span{color: white;display: block;} #nashi_proecti .info div:last-child{padding: 20px;background-color: var(--c2);width: 100%;} #nashi_proecti .gray{color: rgb(197, 197, 197);} #nashi_proecti .images{position: relative;} #nashi_proecti .box{background-color: var(--c1);color: white;padding: 5px 10px;width: 100%;position: absolute;top: 0;right: 0;z-index: 1; display: flex; gap: 20px;} #nashi_proecti .box .flex{gap: 10px; flex-direction: row !important; align-items: center;} #nashi_proecti .box img{width: 30px;} #nashi_proecti h4{color: white !important; margin: 0 !important;} #nashi_proecti .owl-nav{margin-top: 20px;} #nashi_proecti .s1 .owl-nav,#nashi_proecti .s1 .owl-dots{display: none;} #nashi_proecti h2{text-align: center;} #nashi_proecti img{max-height:350px; width:100%; object-fit:cover;} @media (max-width: 1024px) { #nashi_proecti .images>img{max-height: 250px !important;} #nashi_proecti .box{justify-content: space-between;} } #faq{background-color: var(--c4);} #faq h2{text-align: center;} #forma_sazhata_2 .box{background-color: var(--c4);padding: 30px;position: relative;} #forma_sazhata_2 .fon{position: absolute;right: 10%;width: 15%;bottom: 0;} #forma_sazhata_2 .box-inner{position: absolute;top: 3%;right: 3%;background-color: white;padding: 30px;border-radius: 100%;width: 200px;height: 200px;justify-content: center;align-items: center;flex-direction: column;text-align: center;scale: 0.8;} #forma_sazhata_2 .box-inner img{width: 50px;} #forma_sazhata_2 .grid .grid{margin: 30px 0;} #forma_sazhata_2 .flex>.flex{flex-direction: row !important;} #forma_sazhata_2 .flex>.flex img{width: 40px; height: 40px;} .dark .flex{flex-direction: row !important;} #onas{background-color: var(--c5);} #onas h2{font-weight: 400;text-transform: uppercase;} #onas h5{margin: 0;} #onas strong{text-transform: uppercase;} #onas *{color: white;} #onas .title{font-size: revert} #onas span{font-weight: 600;font-size: 30px;text-transform: uppercase;} #onas .flex-col{align-items: flex-start;} #onas .flex-col img{width: 64px;margin-bottom: 10px;} #onas .main{margin-top: 40px;} #onas p{margin: 0;} #onas h3{margin-bottom: 10px;} #onas [class*=col-onas-]{margin-bottom: 40px;gap: 40px;} #onas [class*=col-onas-] div{padding: 30px;} #onas [class*=col-onas-] div:not([class*=img_]){background-color: var(--c1);} #onas .col-onas-3>div:last-child{background-color: transparent;position: relative;display: flex;align-items: center;text-transform: uppercase;} #onas .col-onas-3 div:last-child::after{content: '';background-color: var(--c1);height: 55%;width: 5px;top: 0;bottom: 0;left: 0;margin: auto;position: absolute;} #onas .img_1{background-image: url(https://xn--d1aceoerabftn1j.xn--p1ai/wp-content/themes/basman/assets/i/n2-bg.webp);} #onas .img_2{background-image: url(https://xn--d1aceoerabftn1j.xn--p1ai/wp-content/themes/basman/assets/i/n2-bg.webp);} #onas .img_3{background-image: url(https://xn--d1aceoerabftn1j.xn--p1ai/wp-content/themes/basman/assets/i/n2-bg.webp);} #sotrudniki .flex-col{gap: 0;align-items: flex-start;} #sotrudniki img{margin-bottom: 10px;} #sotrudniki .gray{margin: 0;} #sotrudniki h2{text-align: center;} .p1{font-size: 20px;} #garantii .grid{margin-top: 30px;} #garantii .flex-col{gap: 0;border: 2px solid var(--c1);padding: 20px;} #garantii img{width: 96px;margin-bottom: 30px;} #reviews .review{padding: 30px;background-color: var(--c4);align-items: flex-start;display: flex;flex-direction: column;} #reviews .owl-nav{margin-top: 30px;} #reviews h2{text-align: center;} #sertificates{padding: 0;} #sertificates .left,#sertificates .right{padding: 75px 30px;position: relative;} #sertificates .left h2{color: white;} #sertificates h2{position: relative;} #sertificates .left h2::after{content: '';background-color: var(--c1);height: 5px;width: 100vw;top: 0;bottom: 0;right: 105%;margin: auto; position: absolute;} #sertificates .left::after{content: '';background-color: var(--c1);height: 100%;width: 100vw;top: 0;right: 0;bottom: 0;position: absolute;z-index: -1;} #sertificates .owl-nav button{visibility: hidden;} #sertificates .owl-nav{margin-top: 30px;} #sertificates .owl-dots button{border-color: white!important;} #sertificates .owl-dots button.active{background-color: var(--c2)!important;} #sertificates .right h2{text-align: right;color: var(--c1);} #sertificates .right h2::after{content: '';background-color: var(--c1);height: 5px;width: 100vw;top: 0;bottom: 0;left: 105%;margin: auto; position: absolute;} #text_2 .container{position: relative;} #text_2 .box{top: 0;bottom: 0;left: 0;background-color: white;z-index: 0;height: fit-content;} #text_2 img{display: flex;margin-left: auto;} #text_2 strong{font-size: revert;color: var(--c1);} #forma_sazhata_3{background-color: var(--c5);} #forma_sazhata_3 h2{margin-bottom: 10px;color: white;} #forma_sazhata_3 a {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: center; background-color: var(--c1);border-radius: 100%;} #forma_sazhata_3 a:hover{scale: 1.05;} #forma_sazhata_3 a:hover .arrow{top: 2%;right: 2%;} #forma_sazhata_3 a p{color: white;margin: 0;white-space: nowrap;} #forma_sazhata_3 img{transition: var(--trn-fast);margin-bottom: 10px;} #forma_sazhata_3 .flex{justify-content: center;align-items: center;} #forma_sazhata_3 .flex .circle:first-child{z-index: 3;} #forma_sazhata_3 .flex .flex{gap: 0;align-items: flex-end;} #preimyshestva2 .card{background-color: var(--c4);padding: 20px;transition: var(--trn-fast);} #preimyshestva2 .card:hover{scale: 1.03; transition: var(--trn-fast);-webkit-box-shadow: 0px 5px 10px 2px #332b3f26;-moz-box-shadow: 0px 5px 10px 2px #332b3f26;box-shadow: 0px 5px 10px 2px #332b3f26;} #preimyshestva2 img{width: 96px;margin-bottom: 10px;} #preimyshestva2 p{margin: 0;} #preimyshestva2-cat .card{background-color: var(--c4);padding: 20px;transition: var(--trn-fast);} #preimyshestva2-cat .card:hover{scale: 1.03; transition: var(--trn-fast);-webkit-box-shadow: 0px 5px 10px 2px #332b3f26;-moz-box-shadow: 0px 5px 10px 2px #332b3f26;box-shadow: 0px 5px 10px 2px #332b3f26;} #preimyshestva2-cat img{width: 96px;margin-bottom: 10px;} #preimyshestva2-cat p{margin: 0;} #catalog_napravlenie .grid{justify-items: center;} #catalog_napravlenie img{width: 50px;} #catalog_napravlenie strong{margin: 0;} #catalog_napravlenie a{text-align: center;} #catalog_podrobnee .col-pc-4{margin-top: 30px;} #catalog_podrobnee #cats .title{position: relative;width: 100%;padding-right: 20px;font-weight: 600;text-align: left;} #catalog_podrobnee #cats .title::after{content: url(./images/strelochka.svg);position: absolute;top: 3px;right: 0;} #forma_zayavki{position: relative;padding-bottom: 0;padding-top: 75px;margin: 75px 0;} #forma_zayavki .container{position: relative;} #forma_zayavki *{color: white;} #forma_zayavki .wpcf7-text{color: var(--c5);} #forma_zayavki .box{padding: 20px;padding-left: 0;margin-top: -75px;position: relative;} #forma_zayavki .box::after{content: '';background-color: #13141b;width: 100vw;height: 100%;top: 0;bottom: 0;right: 0;position: absolute;z-index: -1;} #forma_zayavki strong{font-size: inherit;margin: 0;} #forma_zayavki .box_items strong{font-size: var(--fs);} #forma_zayavki .flex{margin-bottom: 15px;align-items: flex-start;gap: 10px;flex-direction: row; align-items:center; margin-top:20px;} #forma_zayavki .flex-col .flex img{width: 20px;} #forma_zayavki h3{font-weight: 300;position: relative;} #forma_zayavki .fon{content: '';background-color: var(--c5);height: 100%;width: 100vw;top: 10%;bottom: 0;right: 70%;position: absolute;z-index: -2;} #forma_zayavki .fon-dop{content: '';background-color: var(--c3);height: 100%;width: 100vw;top: 10%;bottom: 0;right: 60%;position: absolute;z-index: -2;} #forma_zayavki .image{position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: -3;filter: brightness(0.5);height: inherit;} #forma_zayavki .form{padding: 40px;position: relative;} #forma_zayavki .form::after{content: '';background-color: #13141b;height: 100%; width: 100vw;top: 0;bottom: 0;left: 0;position: absolute;z-index: -1;} #forma_zayavki .btn-out{border:1px solid white} #forma_zayavki .btn-out:hover{border-color: white;background-color: white;color: var(--c5);} #contacts h1{font-size: 50px;line-height: 57px;} #contacts .gray{margin-bottom: 10px;} #contacts a{font-size: 25px;display: inline-block;margin-bottom: 10px;margin-left: 15px;padding-bottom: 5px;border-bottom: 2px solid transparent;} #contacts a:hover{border-color: var(--c1);} .error_404{padding-top:250px;padding-bottom:150px;text-align:center;} .error_404 .btn-fill{color:white!important;} .policy a{display: inline-block;font-weight: 600;color: var(--c1);} .policy a:hover{color: var(--c2);} .woocommerce-error, .woocommerce-info, .woocommerce-message {padding: 1em 2em 1em 3.5em;margin-bottom:15px;position: relative;background-color: #f7f6f7;color: #515151;border-top: 3px solid var(--c1);display: flow-root;} .woocommerce-message::before {content: "\2714";display: inline-block;position: absolute;top: 1em;left: 1.5em;} .woocommerce-message .button {float: right;padding: 5px 15px;} .woocommerce-info{border-top-color: #4489c0;} .woocommerce-message .restore-item{color: var(--c1);} @media (max-width: 921px) { .woocommerce-info{text-align: center;padding: 20px;} .woocommerce-info .button{margin-top: 10px;} .woocommerce-cart-form{text-align: center;} .woocommerce-cart-form a{display: block;} } @media (min-width: 768px) { .woocommerce-info{display: flex;align-items: center;justify-content: space-between;} } .woocommerce-cart-form .btn-fill{color: white;} .woocommerce-cart-form th{background-color: var(--c1);color: white;} .woocommerce table.shop_table {background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);margin: 0 -1px 24px 0;text-align: left;width: 100%;border-collapse: collapse;} .woocommerce table.shop_table th {font-weight: 700;padding: 9px 12px;line-height: 1.5em;} .woocommerce table.shop_table td {border-top: 1px solid rgba(0,0,0,.1);padding: 9px 12px;vertical-align: middle;line-height: 1.5em;} .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {font-weight: 700;border-top: 1px solid rgba(0,0,0,.1);} .woocommerce table.shop_table img{height: 100px;width: auto;} .woocommerce table.shop_table a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .woocommerce table.shop_table a:hover{color: var(--c1);} .woocommerce table.shop_table .quantity .screen-reader-text{display: none;} .woocommerce table.shop_table .quantity .qty {width: 3.631em;text-align: center;} .woocommerce table.shop_table a.remove {display: block;font-size: 1.5em;height: 1em;width: 1em;text-align: center;line-height: 1;border-radius: 100%;color: red!important;text-decoration: none;font-weight: 700;border: 0;} .woocommerce table.shop_table a.remove:hover{color:#fff!important;background:red} .woocommerce table.shop_table .actions{text-align: right;} .woocommerce table.shop_table .button{padding: .618em 1em;} .woocommerce table.shop_table .button:disabled{cursor: not-allowed;opacity: .5;} .woocommerce table.shop_table .product-name{font-weight: 500;} #customer_details .form-row{display: block;margin: 0px 0px 15px 0px;} #customer_details input, #customer_details textarea{padding: 13px;border: 1px solid #D7D7DD;width: 100%;margin-top: 10px;} #customer_details .checkbox{display: inline-flex;white-space: nowrap;align-items: center;} #customer_details .checkbox input{width: 20px;margin-right: 10px;} #tags br{display:none !important; } #tags a{padding:15px; background-color:whitesmoke; border-radius:5px; display:inline-block; color:var(--c1); font-weight:500; transition:0.5s;} #tags a:hover{background-color:var(--c1); color:white !important;} /* Модальное */ .modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */ .modal-open {overflow: hidden;} .modal-open .modal {overflow-x: hidden;overflow-y: auto;} .modal .modal-dialog{background-color: white;} .modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;background: none;} .modal .grid{gap: 20px;} .modal .title{font-size: 40px;line-height: 55px;font-weight: bold;} .modal .text{color: #545560;font-size: 20px;line-height: 35px;} .full{background-color: #fff;} .full a{color: black;} .full .container{position: relative;} .full .close{border: none;} .full .modal-dialog{max-width: 100%;position: relative;} .full .modal-content{width: 100%;border: none;} .full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;margin-top: 40px;} .full .st{font-size: 18px;padding-bottom: 10px;} .full .list{list-style: none;padding-left: 0;font-size: 18px;gap: 5px;} .full .select2-selection, .full .select2-selection__arrow{height: 40px!important;} .full .select2-selection__rendered{line-height: 40px!important;} .full .menu{display: inline-block;width: 100%;list-style: none;font-size: 25px;padding: 0px;padding-top: 0px;} .full .menu li{padding-bottom: 15px;} .full .cont>a{display: block;padding: 5px 0px;} .full .cont .phone{font-size: 22px;font-weight: bold;color: black;} .full .cont .mail{color: #E61870;} .full li{margin: 0px;} #tabs_1 img{max-height: 400px !important; object-fit: cover;} #tabs_1 .grid{align-items: center;} #svusl.block{padding: 50px 0;} #svusl .title {display: flex; align-items: baseline; position: absolute; gap: 15px;} #svusl .title .t-dots {display: flex; } #svusl .owl-carousel {width: 65%; margin-left: 35%;} #svusl .card-item .image img {width: 100%; height: 250px; object-fit: cover; } #svusl .card-item .content { display: grid; border: 3px solid #f3f3f3; padding: 20px; } #svusl .card-item .content h3 {font-size: 18px; text-align: center; margin-bottom: 10px;} #svusl .card-item .content .t-dots img {display: block; margin: 10px auto; width: 44px;} #svusl .card-item .content .price {font-size: 18px; font-weight: 600; color: #004dff; text-align: center; } #svusl .owl-nav {position: absolute; display: flex; left: -53.5%; top: 125px;} #svusl .owl-nav button, #cases .owl-nav button {width: 45px; height: 35px; display: flex; align-items: center; justify-content: center;} #svusl .owl-nav button.owl-prev, #cases .owl-nav button.owl-prev{background: url(images/left.svg);} #svusl .owl-nav button.owl-next, #cases .owl-nav button.owl-next{background: url(images/right.svg);} #svusl .owl-dots {display: none;} @media (max-width: 991px) {#svusl .title {flex-direction: column; align-items: center; position: relative; margin-bottom: 90px;} #svusl h2 {width: 100%; text-align: center;} #svusl .owl-carousel {width: 100%; margin-left: 0;} #svusl .owl-nav {top: -60px;} #svusl .owl-nav {left: 50%; transform: translateX(-50%);} #svusl .owl-controls .owl-dots {margin: 0 auto;} #svusl .owl-dots {display: flex;}} #svusl .owl-item { display: flex; } #svusl p {margin: 0 !important;} #svusl .card-item { height: 530px; display: flex; flex-direction: column; } #svusl .card-item .content { flex-grow: 1; } #block18.block{padding: 100px 0 !important;} #block18 .block{padding: 50px 0 !important;} #block18 {background: url(/wp-content/uploads/2024/12/fiol.jpg) no-repeat center center ; background-size: cover; padding: 100px 0 !important; position: relative;} #block18::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: black; opacity: 0.5;} #block18 .container{position: relative; z-index: 3; border: 10px solid white;} #block18 h2{font-size:50px !important ; text-transform: uppercase; text-align: center; color: white !important;} #block18 h2 span{color: var(--hovercolor);} #block18 .text{text-align: center; font-size: 20px !important; max-width: 50%; margin: 0 auto; color: white !important;} #block18 .text-center{text-align: center;} #block18 .flex{justify-content: center; gap: 20px; margin-top: 40px; margin-bottom: 30px; align-items: center;} #block18 .flex img{width: 35px; height: 35px;} #block18 .flex .soc{display: flex; gap: 10px !important;} #block18 .phone{ font-size: 24px !important; color: white !important;} @media (max-width: 1024px) { #block18 h2{font-size: 25px !important;} #block18 .text{max-width: 100% !important;} #block18{background-size: cover;} } .screen-reader-text{display: none;} #forma_sazhata.forma_sazhata2{position: relative;} #forma_sazhata.forma_sazhata2::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.5;} #forma_sazhata.forma_sazhata2 .container{position: relative; z-index: 3;} #fancybox-img {max-width: 500px !important; max-height: 500px !important;} @media (min-width: 1025px) { #tovar .wvg-single-gallery-image-container{max-width: 100% !important; max-height: 500px; min-height: 500px;} } #tovar .items{min-width: 100%;} #tovar .wvg-single-gallery-image-container img{object-fit: cover ; width: 100%; height: 100%; min-height: 100%;} /* iPhone 5 */ @media (max-width: 321px){ h1{font-size: 25px!important;} #map .pr .num{font-size: 60px!important;line-height: 60px!important;} } @media (max-width: 921px) { #map .pr{text-align: center;font-size: 20px!important;line-height: 15px;} #map .pr .m-s-2{grid-column: span 2;} #map .pr .num{font-size: 70px;line-height: 70px;} } @media (min-width: 992px) { #map .pr .num{font-size: 80px;line-height: 80px;} .block{padding: 80px 0px;} } #block2 .item{padding: 25px !important; display: grid; align-items: center; align-content: center;} #block2 .grid{background-color: whitesmoke; border-top-right-radius: 50px; border-bottom-left-radius: 50px !important;} #block2 .img img{border-top-right-radius: 40px;} #block2 .item h1{font-size: 32px !important;} #block3 a{ display: grid;grid-auto-flow: column;align-items: center; justify-content: space-between;background-color: var(--hovercolor); color: white !important; padding: 15px; border-radius: 10px;} #block3 .grid{gap: 10px !important;} #block3 a::after{ content: '';background-image: url(images/next_white.svg); width: 18px;height: 18px;margin-left: 15px;} #block3 a:hover{background-color: #3c5762 ;} #block5 .item{padding: 15px; display: grid; align-items: center; align-content: center;} #block5 .grid{margin-bottom: 15px; background-color: whitesmoke;} #block5 .img img{max-height: 350px !important; min-height: 350px; object-fit: cover; width: 100%;} #block8 .left, #block8 .right{padding: 15px;} #block8 .right{background-color: whitesmoke; border-bottom: 4px solid var(--hovercolor);} #block9 .item{padding: 15px; display: grid; align-items: center; align-content: center;} #block9 .grid{margin-bottom: 15px; background-color: whitesmoke;} #block9 .img img{max-height: 350px !important; min-height: 350px; object-fit: cover; width: 100%;} #block10 , #block20{background-color: whitesmoke;} #tags img{width: 100%; height: 150px !important; object-fit: cover;} #block14 .scrol{display: block;width: 100%;overflow-x: auto;} #block14 th{background-color: #0164c9;color: white;font-weight: 500;font-size: 18px;border: none;} #block14 th:last-child{border-top-right-radius: 6px;} #block14 th:first-child{border-top-left-radius: 6px;} #block14 th, #block14 td{padding: 30px;} #block14 td:last-child {width: 20%; white-space: nowrap;} #block14 .button:hover{background-color: #0164c9;color: white;} #block14 p{display: none;} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05);} .table-striped{width: 100%;} .form3{background: var(--hovercolor);color: white;padding: 30px 40px;margin: 40px 0px;align-items: center;border-bottom-left-radius: 25px;border-top-right-radius: 25px;} .form3 h2{font-size: 35px;margin-bottom: 0px;} .form3 .text{border-left: 1px solid white;padding-left: 30px;} .form3 .soc{margin-top: 10px;display: flex;gap: 10px;} .form3 .button{background: black;color: white;place-self: center; padding: 20px; border-bottom-left-radius: 15px;border-top-right-radius: 15px;} #map{background: url(images/map.png) center top no-repeat;background-size: contain;font-weight: 500;} #map .city a{color: black;text-transform: uppercase;font-size: 14px;} #map .city {gap: 10px;} #map .pr{font-size: 30px;margin-bottom: 20px;} #map .pr .num{color: var(--hovercolor);font-weight: 600;} #map .more{display: flex;justify-content: center;margin-top: 10px;} #mes{font-size: 20px;background: #f9f9f9;} #mes .buttons{row-gap: 10px;} #mes .buttons .item{ display: flex; align-items: center; justify-content: center; border-width: 2px; text-align: center; color: rgb(255, 255, 255); border-color: rgb(105, 140, 200); font-size: 20px; border-style: solid; box-shadow: rgba(1, 1, 1, 0.29) 0px 4px 10px 0px; background: rgb(105, 140, 200); width: 237px; height: 59px; text-decoration: none; margin: 10px 0px; width: 100%; border-bottom-left-radius: 30px; border-top-right-radius: 30px; } #mes .buttons .tg{background: #6194ed;border-color: #6194ed;} #mes .buttons .wa{background: #83d05b;border-color: #83d05b;} #mes .buttons .vb{background: #614d9b;border-color: #614d9b;} #mes .buttons .item img{margin-right: 10px;width: 30px;} #mes span{color: var(--hovercolor);font-weight: bold;} #mes .grid{align-items: center;} .button {display: inline-block;text-align: center;padding: 15px 35px;color: white;background-color: var(--c1);border-radius: 2px;font-size: 15px;font-weight: 500;border: none;} fieldset.hidden-fields-container { border: none; } .wpcf7-form-control-wrap input[type="checkbox"] {padding: 0 !important; margin: 0 5px 0 0 !important; display: inline-block !important; width: max-content;} span.wpcf7-form-control-wrap { padding-bottom: 7px; } /* НОВЫЙ СЛАЙДЕР */ #slider {position: relative; z-index: 1; } #slider::after{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.7;} #slider .container{position: relative; z-index: 3;} #slider .text{position: relative; z-index: 10; color: white !important; } #slider h1{font-size: 70px; font-weight: 700 !important; text-align: center;} #slider .stitle{font-size: 30px; font-weight: 500; text-align: center; padding: 20px 0;} #slider .item{margin-top: 100px; margin-bottom: 100px;} #slider .soc {padding-top: 40px; display: flex; justify-content: center; align-items: center; gap: 20px;} #slider .tel a {font-size: 25px; color: #fff!important; font-weight: 600;} #slider .tel a:hover {color: #95c0e3 !important;} #slider .tel {margin-top: 20px; display: flex; justify-content: center;} #slider .cbutton{margin-top: 40px; background: linear-gradient(135.81deg, #a6d120 21.93%, #a4d020 22.62%, #4d9b42 69.49%, #2b8750 90.86%); display: flex; justify-content: center;} #slider .cbutton:hover{background: #000;} @media (max-width: 991px) {#slider .cbutton {margin-top: 10px; display: block;} #slider .button {margin-top: 10px; } #slider .stitle{font-size: 18px;} #slider .text{padding: 50px 0;} #slider h1{font-size: 45px; text-align: left;} } @media (min-width: 1025px) {#slider .text{padding: 50px 100px 30px;}} #slider .prem{margin:18px 0 8px 0;} #slider .prem-list{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;padding:0;margin:0;list-style:none;} #slider .prem-item{padding: 8px 16px; border: 1.5px solid rgba(255, 255, 255, .55); border-radius: 10px; backdrop-filter: saturate(140%) blur(2px);-webkit-backdrop-filter: saturate(140%) blur(2px); font-size: 18px; color: #fff; transition: all .25s ease; background: rgba(0, 0, 0, .15);} #slider .prem-item:hover{transform:translateY(-1px);border-color:#95c0e3;box-shadow:0 0 0 2px rgba(149, 192, 227,.15),0 6px 16px rgba(0,0,0,.25);background:rgba(0,0,0,.25);} #slider .prem-item:active{transform:translateY(0);box-shadow:0 0 0 2px rgba(255,204,77,.2),0 2px 8px rgba(0,0,0,.25);} @media (max-width:768px){#slider .prem-list{gap:10px;}#slider .prem-item{width:100%;padding:7px 12px;font-size:14px;border-radius:9px;}} .button-hero{display: flex; justify-content: center; padding: 20px 0; gap: 20px; flex-wrap: wrap;} a.phone { font-size: 22px; color: white; } /* плашки в баннере */ .prem{margin:18px 0 8px 0;} .prem-list{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;padding:0;margin:0;list-style:none;} .prem-item{padding:8px 16px;border:1.5px solid rgba(255,255,255,.55);border-radius:10px;background:rgba(0,0,0,.15);backdrop-filter:saturate(140%) blur(2px);-webkit-backdrop-filter:saturate(140%) blur(2px);font-size:15px;line-height:1;color:#fff;opacity:.95;transition:all .25s ease;} /* .prem-item:hover{transform:translateY(-1px);border-color:#95c0e3;box-shadow:0 0 0 2px #95c0e3,0 6px 16px rgba(0,0,0,.25);background:rgba(0,0,0,.25);} */ @media (max-width:768px){.prem-list{gap:10px;}.prem-item{padding:7px 12px;font-size:14px;border-radius:9px;}} #block2-1{position: relative;} #block2-1::after{background: url(/images/video.svg) no-repeat top center; position: absolute; z-index: 2; background-size: 100%; top: 0; left: 0; content: ""; width: 100%; height: 100%; opacity: 0.2;} #block2-1 h2{text-transform: uppercase; text-align: center;} #block2-1 .grid{margin-top: 30px; gap: 0;} #block2-1 .item{padding: 10px; background-color: #f1f1f1;} #block2-1 .flex{display:flex; align-items: center; gap: 10px; justify-content: space-between; font-size: 20px; font-weight: 600; flex-wrap: nowrap;} #block2-1 .container{position: relative; z-index: 3;} #block2-1 .it{border-bottom: 2px solid black; border-top: 2px solid black;} #block2-1 .vidos{position: relative; z-index: 2;} #block2-1 .img iframe{border-radius: 20px; width: 100%; height: 500px;} #block2-1 .icon{width: 55px; } #block2-1 .icon2{width: 55px; } #block2-1 a.flex { padding: 20px; border: 1px solid #95c0e3; border-radius: 8px; } #block2-1 a.flex:hover { background: #95c0e3; color: white; } @media (max-width: 1024px){ #block2-1 .flex{font-weight: 500;} #block2-1::after{background-size: auto !important;} } @media (min-width: 1025px){ #block2-1 .it{border-left: 2px solid black; border-right: 2px solid black;} } /* новый блок повторитель с галерей и иконкой */ /* Верхний блок: текст + фото */ #text-ph .grid.col-pc-2-1, [id^="new-block-"] .grid.col-pc-2-1 {display: flex; gap: 40px; align-items: flex-start; justify-content:space-between;} #text-ph .block-image, [id^="new-block-"] .block-image,.block-image {flex: 0 0 60%; max-width: 20%;} #text-ph .block-image img, [id^="new-block-"] .block-image img, .block-image img {width: 100%; height: auto; display: block; border-radius: 12px; object-fit: cover;} #text-ph .flex, [id^="new-block-"] .flex {flex: 0 0 40%; max-width: 40%; padding-left: 20px;} #text-ph h2, [id^="new-block-"] h2 {font-weight: 600; font-size: 40px; line-height: 1.3; margin-bottom: 20px; color: #333; } #text-ph .line , [id^="new-block-"] .line{width: 60px; height: 3px; background: #26b1d4; margin-bottom: 25px; display: block;} #text-ph .text-el , [id^="new-block-"] .text-el{font-size: 20px; line-height: 1.5; color: #555; margin: 0;} #text-ph .block, [id^="new-block-"] .block{padding-top: 20px !important;} [id^="new-block-"] h2{text-align: left;} /* Галерея: растягиваем на всю ширину контейнера */ [id^="new-block-"] .container {position: relative; padding-left: 15px; padding-right: 15px;} [id^="new-block-"] .new-block-gallery {margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); padding: 10px 0 40px; position: relative;} [id^="new-block-"] .owl-carousel .owl-stage-outer {overflow: hidden;} .owl-carousel .owl-stage {padding-left: 0 !important; padding-right: 0 !important;} [id^="new-block-"] .owl-nav.disabled{display: none !important;} [id^="new-block-"] .grid{ display:flex !important; } #text-ph .block-image .image-wrapper, [id^="new-block-"] .block-image .image-wrapper{ position: relative; width: 60%; min-height: 300px; margin-right:0; } #text-ph .block-image .image-wrapper .image-bg, [id^="new-block-"] .block-image .image-wrapper .image-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #26b1d4; border-radius: 12px; z-index: 1; } #text-ph .block-image .image-wrapper img, [id^="new-block-"] .block-image .image-wrapper img { position: absolute; top: 20px; left: 0; width: 100%; height: auto; border-radius: 12px; object-fit: cover; z-index: 2; } @media (max-width: 991px) { #text-ph .block-image .image-wrapper, [id^="new-block-"] .block-image .image-wrapper { min-height: 350px; margin-bottom: 30px; } #text-ph .block-image .image-wrapper, [id^="new-block-"] .block-image .image-wrapper {padding-bottom:0;} #text-ph .block-image .image-wrapper img, [id^="new-block-"] .block-image .image-wrapper img{ position: relative; top: 0; left: 0; max-width: 100%; margin: 0 auto; display: block; } } /* Сетка */ #text-ph .grid.col-pc-2-1, [id^="new-block-"] .grid.col-pc-2-1 { display: flex; gap: 40px; align-items: flex-start; justify-content: space-between; } /* Блок изображения */ #text-ph .block-image, [id^="new-block-"] .block-image { flex: 0 0 auto; max-width: none; } /* Обёртка */ #text-ph .block-image .image-wrapper, [id^="new-block-"] .block-image .image-wrapper { position: relative; width: 146px; height: 280px; overflow: hidden; background: #F2F2F2; border-radius: 8px; } /* Фон */ #text-ph .block-image .image-wrapper .image-bg, [id^="new-block-"] .block-image .image-wrapper .image-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #26b1d4; border-radius: 8px; z-index: 1; } /* Изображение */ #text-ph .block-image .image-wrapper img, [id^="new-block-"] .block-image .image-wrapper img { position: absolute; top: 20px; left: 0; width: 100%; height: auto; border-radius: 8px; object-fit: cover; z-index: 2; } /* Текстовый блок */ #text-ph .flex, [id^="new-block-"] .flex { flex: 1; max-width: 600px; padding-left: 20px; } #text-ph h2, [id^="new-block-"] h2 { font-weight: 600; font-size: 32px; line-height: 1.3; margin-bottom: 20px; color: #333; } #text-ph .line, [id^="new-block-"] .line { width: 60px; height: 3px; background: #26b1d4; margin-bottom: 25px; display: block; } #text-ph .text-el, [id^="new-block-"] .text-el { font-size: 16px; line-height: 1.5; color: #555; margin: 0; } /* Реверс */ #text-ph .grid.col-pc-2-1.reverse, [id^="new-block-"] .grid.col-pc-2-1.reverse { flex-direction: row-reverse; } #text-ph .grid.col-pc-2-1.reverse .flex, [id^="new-block-"] .grid.col-pc-2-1.reverse .flex { padding-left: 0; padding-right: 20px; } @media (max-width: 991px) { #text-ph .grid.col-pc-2-1 {flex-direction: row; gap: 30px;} #text-ph .block-image, #text-ph .flex {flex: 0 0 100%; max-width: 100%; padding-left: 0;} #text-ph h2 {font-size: 24px; text-align: center;} #text-ph .line {margin: 0 auto 20px;} #text-ph .text-el {text-align: center; max-width: 600px; margin: 0 auto;} #text-ph .grid.col-pc-2-1.reverse .flex, [id^="new-block-"] .grid.col-pc-2-1.reverse .flex{padding-right: 0;} } @media (max-width: 991px) { #text-ph .grid.col-pc-2-1, .new-block-with-icon .grid.col-pc-2-1, .new-block-with-icon .grid.col-pc-2-1.reverse { flex-direction: row; gap: 20px; align-items: flex-start; } #text-ph .block-image .image-wrapper, [id^="new-block-"] .block-image .image-wrapper{width: 100px;} #text-ph .block-image, [id^="new-block-"] .block-image { flex: 0 0 auto; width: auto; max-width: 50%; } .text-el{font-size: 14px;} #text-ph .flex, [id^="new-block-"] .flex { flex: 1; min-width: 0; padding-left: 0; } #text-ph h2, [id^="new-block-"] h2 { font-size: 22px; text-align: left; word-wrap: break-word; } #text-ph .line , [id^="new-block-"] .line { margin: 0 0 20px; } #text-ph .text-el, [id^="new-block-"] .text-el { text-align: left; max-width: 100%; margin: 0; word-wrap: break-word; } } } /* Галерея растягивается на всю ширину */ .new-block-with-icon .container {position: relative; padding-left: 15px; padding-right: 15px;} .new-block-with-icon .owl-carousel.new-block-gallery {margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); padding: 30px 0 40px; position: relative;} .new-block-with-icon .owl-carousel .owl-stage-outer {overflow: hidden;} .new-block-with-icon .owl-carousel .owl-stage {padding-left: 0 !important; padding-right: 0 !important;} /* Карточки */ .new-block-with-icon .card-item {margin: 0 10px; position: relative; border-radius: 12px; overflow: hidden;} .new-block-with-icon .card-item .image img {width: 100%; height: 350px; object-fit: contain; border-radius: 25px;} .new-block-with-icon .card-item .content {position: absolute; bottom: 0; left: 0; width: 100%; display: grid; background: linear-gradient(45deg, #1290bf, transparent); padding: 8px 5px 10px 15px; justify-items: start; border-radius: 0 0 0 25px;} .new-block-with-icon .card-item .content p.pod {font-size: 18px; font-weight: 400; text-align: center; margin-bottom: 10px; color: #fff;} .new-block-with-icon .card-item .content p.desc {font-size: 15px; margin: 0; opacity: 0.9; line-height: 1.4; color: #fff;} .new-block-with-icon .card-item .content .price {font-size: 18px; font-weight: 600; color: white; text-align: center;} /* Навигация */ .new-block-with-icon .owl-nav {position: absolute; display: flex; left: 20px; top: 320px; z-index: 10; gap: 15px;} .new-block-with-icon .owl-nav button {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; opacity: 1; border: none; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer;} .new-block-with-icon .owl-nav button.owl-prev {background: url(images/left-sm.svg);} .new-block-with-icon .owl-nav button.owl-next {background: url(images/right-sm.svg);} .new-block-with-icon .owl-nav button:hover {opacity: 0.8;} @media(max-width: 991px){.new-block-with-icon .owl-nav {position: absolute; display: flex; left: 20px; top: 370px; z-index: 10; gap: 15px;}} .gallery-wrapper { padding: 50px 0; } /* Стандартное расположение: иконка слева, текст справа */ .new-block-with-icon .grid.col-pc-2-1 { display: flex; gap: 40px; align-items: flex-start; justify-content: space-between; } /* Если стоит класс reverse: текст слева, иконка справа */ .new-block-with-icon .grid.col-pc-2-1.reverse { flex-direction: row-reverse; } /* новый блок преимуществ с новым баннером */ #block-prem- .grid, [id^="block-prem-"] .grid { gap: 0 !important; } [id^="block-prem-"] .items { padding: 50px; } [id^="block-prem-"] h2 { margin-bottom: 50px !important; text-align: left;} [id^="block-prem-"] .title { font-size: 30px; font-weight: 500; margin-bottom: 15px; } [id^="block-prem-"] .text { font-size: 20px; } [id^="block-prem-"] .items.first, [id^="block-prem-"] .items.last , [id^="block-prem-"] .items.centr { display: grid; } [id^="block-prem-"] .marg { margin: auto 0; } [id^="block-prem-"] img { border-radius: 20px; } /* Адаптив */ @media (max-width: 1024px) { [id^="block-prem-"] .items { padding: 30px 20px; } [id^="block-prem-"] .title { font-size: 20px; } [id^="block-prem-"] .text { font-size: 20px; } } [id^="block-prem-"] .text-event { font-size: 18px; text-align: justify; text-align-last: left; text-indent: 40px; } @media (min-width: 1025px) { [id^="block-prem-"] .grid:nth-child(2n) { display: grid; } [id^="block-prem-"] .grid:nth-child(2n) .item { grid-column: 1 !important; grid-row: 1 !important; } [id^="block-prem-"] h2 { max-width: 100%; margin: auto; } [id^="block-prem-"] .text { font-size: 25px; } [id^="block-prem-"] .text-event { font-size: 22px; } } /* Добавь это в свой CSS */ /* Картинки - квадратные и поменьше */ [id^="block-prem-"] .item.img img { width: 450px; /* Фиксированная ширина */ height: 450px; /* Такая же высота = квадрат */ object-fit: cover; /* Обрезает лишнее, не сплющивает */ border-radius: 20px; display: block; } /* Текст немного ужать */ [id^="block-prem-"] .title { font-size: 24px; /* Было 30px */ font-weight: 500; margin-bottom: 10px; /* Было 15px */ } [id^="block-prem-"] .text { font-size: 16px; /* Было 20px */ line-height: 1.4; } /* Адаптив - ещё меньше */ @media (max-width: 991px) { [id^="block-prem-"] .item.img img { width: 100%; height: 180px; } [id^="block-prem-"] .title { font-size: 20px; } [id^="block-prem-"] .text { font-size: 14px; } } #block2-1 .title{ display:flex; align-items: center; gap: 30px; } #block2-1 .title img{ width: 60px; } @media(max-width: 991px){ #block2-1 .title{ width: 100%; align-items: center; justify-content: space-between; } #block2-1 .title img{ width: 40px; } } .new-block-with-icon .gallery-wrapper {position: relative; padding: 50px 0; margin: 30px 0;} .new-block-with-icon .owl-nav {position: absolute; display: flex; left: 20px; top: 0; z-index: 10; gap: 15px;} @media(max-width: 991px){.new-block-with-icon .owl-nav {position: absolute; display: flex; left: 20px; top: 0; z-index: 10; gap: 15px;}} .block-main-title { padding: 30px 0 30px 0; font-size: 45px !important; } /* ОБЩАЯ СТРУКТУРА */ .form-row { width: 100%; } .form-group { width: 100%; } .form-label { display: block; margin-bottom: 6px; font-size: 14px; } .form-select, .form-custom-input, .form-input { width: 100%; padding: 20px 10px; box-sizing: border-box; } .row-top { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .row-quantity .form-group { width: 100%; } .form-row:not(.row-top):not(.row-quantity) { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .form-group.checkboxes { width: 100%; } .form-field { display: flex; flex-direction: column; } #calc .inner { background-color: #26b1d4; border-radius: 10px; padding: 70px; } #calc_title{color:white;} input.wpcf7-submit { width: 100%; padding: 12px; background-color: black; color: #fff; border: none; cursor: pointer; } .form-row { display: flex; flex-wrap: wrap; } .row-top { gap: 15px; } .row-top .form-group { width: calc(25% - 12px); } .row-quantity .full-width { width: 100%; } .form-row.contacts { gap: 0; } .form-row.contacts .form-group { width: 100%; } .form-group.checkboxes { width: 100%; } .buttons-checkboxes { display: flex; flex-direction: column; } .checkboxes { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; } .form-submit-group { margin-top: 15px; } .form-custom-input { display: none; margin-top: 10px; width: 100%; } @media (max-width: 768px) { .row-top .form-group, .form-row.contacts .form-group { width: 100%; } } /* МОБИЛКА */ @media (max-width: 991px) { .row-top { grid-template-columns: repeat(2, 1fr); } .form-row { grid-template-columns: 1fr !important; } } .shop-toggle.is-disabled { opacity: 0.5; background-color: gray; cursor: not-allowed; pointer-events: none; } .calc-open-btn { display: none; padding: 14px 20px; width:100%; font-size: 16px; background: #1AA0E4; color: #fff; border: none; border-radius: 6px; cursor: pointer; } #calcPopupOverlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: none; z-index: 999999; } #calcPopup { background: #fff; width: 95%; max-width: 520px; margin: 5vh auto; padding: 25px; border-radius: 12px; position: relative; max-height: 90vh; overflow-y: auto; } #calcCloseBtn { position: absolute; top: 10px; right: 15px; font-size: 22px; background: none; border: none; cursor: pointer; } @media (max-width: 991px) { #calcHolder { display: none; } #calc_title{font-size:26px;} .calc-open-btn { display: inline-block; } } #vstuplenie .col-pc-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; } #vstuplenie .col-pc-2 img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .new-block p {font-size: 26px ;} .desc {font-size: 16px !important;} .marg p {font-size: 22px;} div#calc { padding-bottom: 40px; } .quiz{padding: 100px 0;} #cases .grid { align-items: stretch; gap: 20px; } #cases .cases-right { display: flex; width: 100%; } #cases .owl-stage-outer, #cases .owl-stage, #cases .owl-item { height: 100%; padding: 10px 0; } .case-card { height: 100%; min-height: 400px; perspective: 1000px; overflow: hidden; border-radius: 12px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease; position: relative; } .case-card:hover, .case-card.is-flipped { box-shadow: 0 8px 24px rgba(0,0,0,0.2); } .case-inner { position: relative; width: 100%; height: 100%; transition: transform 0.7s cubic-bezier(0.4, 0.0, 0.2, 1); transform-style: preserve-3d; will-change: transform; } .case-card.is-flipped .case-inner { transform: rotateY(180deg); } .case-front, .case-back { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 12px; overflow: hidden; } .case-front { z-index: 2; } .case-front img { width: 100%; height: 100%; object-fit: cover; display: block; } .case-hint { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: rgba(10, 10, 10, 0.65); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 40px; padding: 10px 22px; opacity: 1; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; z-index: 3; box-shadow: 0 4px 15px rgba(0,0,0,0.4); } .case-card:hover .case-hint { background: rgba(10, 10, 10, 0.8); border-color: rgba(255, 255, 255, 0.6); transform: translate(-50%, -50%) scale(1.05); } .case-card.is-flipped .case-hint { opacity: 0; transform: translate(-50%, -50%) scale(0.8); } .case-hint svg { width: 18px; height: 18px; fill: #fff; transition: transform 0.3s ease; } .case-card:hover .case-hint svg { transform: translateX(3px); } .case-hint span { color: #fff; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.8px; white-space: nowrap; } .case-back { background: #111; color: #fff; transform: rotateY(180deg); display: flex; align-items: center; justify-content: center; text-align: center; padding: 30px; } .case-back-inner { max-width: 100%; transform: translateZ(30px); } .case-back h4 { margin: 0 0 10px; font-weight: 600; font-size: 18px; } .case-back .pre { font-size: 13px; opacity: 0.7; margin-bottom: 6px; } .case-back .desc { font-size: 14px; line-height: 1.5; opacity: 0.9; } #cases .owl-dots { bottom: -5px; } @media (max-width: 1024px) { #cases .grid { flex-direction: column; } #cases .cases-left, #cases .cases-right { width: 100%; } .case-card { min-height: 350px; } } @media (max-width: 768px) { .case-card { min-height: 300px; border-radius: 8px; } .case-back { padding: 20px; } .case-back h4 { font-size: 16px; } .case-hint { padding: 8px 18px; } .case-hint span { font-size: 12px; } } @media (max-width: 480px) { .case-card { min-height: 260px; } .case-hint svg { width: 16px; height: 16px; } } #certificates .owl-carousel.s5 .sert-item { position: relative; margin: 5px; height: 400px; border-radius: 6px; overflow: hidden; background-size: cover; background-position: center; cursor: pointer; } @media(max-width: 991px){#certificates .owl-carousel.s5 .sert-item{height: 200px;}} #certificates .overlay-text { position: absolute; bottom: 5px; left: 0; right: 0; background: rgba(0,0,0,0.3); color: #fff; text-align: center; font-size: 12px; line-height: 1.2; padding: 2px 4px; border-radius: 4px; max-width: 100%; margin: auto; } #certificates .sert-item a { position: absolute; inset: 0; display: block; } #vstuplenie {padding: 30px 0 !important;} #cases .grid { align-items: stretch; gap: 20px; } #cases .cases-right { display: flex; width: 100%; } #cases .owl-stage-outer, #cases .owl-stage, #cases .owl-item { height: 100%; } .case-slide-wrapper { display: flex; flex-direction: column; height: 100%; } .case-card { flex: 1 1 auto; min-height: 480px; height: 100%; position: relative; perspective: 1000px; overflow: hidden; border-radius: 12px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease; } .case-card:hover, .case-card.is-flipped { box-shadow: 0 8px 24px rgba(0,0,0,0.2); } .case-inner { position: relative; width: 100%; height: 100%; transition: transform 0.7s cubic-bezier(0.4, 0.0, 0.2, 1); transform-style: preserve-3d; will-change: transform; } .case-card.is-flipped .case-inner { transform: rotateY(180deg); } .case-front, .case-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 12px; overflow: hidden; } .case-front { z-index: 2; } .case-front img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; } .case-back { background: #111; color: #fff; transform: rotateY(180deg); display: flex; align-items: center; justify-content: center; text-align: center; padding: 30px; } .case-back-inner { max-width: 100%; transform: translateZ(30px); } .case-back h4 { margin: 0 0 10px; font-weight: 600; font-size: 18px; } .case-back .pre { font-size: 13px; opacity: 0.7; margin-bottom: 6px; } .case-back .desc { font-size: 14px; line-height: 1.5; opacity: 0.9; } .case-info { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 18px 10px 12px; text-align: center; background: #fff; border-radius: 0 0 12px 12px; margin-top: -1px; } .case-info-title { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.4; color: #111; } .case-info-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #364061; color: #ffffff; font-weight: 600; font-size: 14px; text-decoration: none; padding: 12px 28px; border-radius: 8px; border: none; box-shadow: 0 4px 12px rgba(54, 64, 97, 0.25); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; } .case-info-btn:hover { background: #2a324a; color:white; box-shadow: 0 6px 16px rgba(54, 64, 97, 0.35); } .case-info-btn svg { width: 16px; height: 16px; fill: #fff; transition: transform 0.25s ease; } .case-info-btn:hover svg { transform: translateX(4px); } #cases .owl-dots { bottom: -5px; } #cases .owl-dot span { background: #ccc !important; width: 8px !important; height: 8px !important; margin: 0 5px !important; } #cases .owl-dot.active span { background: #364061 !important; width: 20px !important; border-radius: 4px !important; } @media (max-width: 1024px) { #cases .grid { flex-direction: column; } #cases .cases-left, #cases .cases-right { width: 100%; } .case-card { min-height: 420px; height: 420px; } } @media (max-width: 768px) { .case-card { min-height: 350px; height: 350px; } .case-back { padding: 20px; } .case-back h4 { font-size: 16px; } .case-info { padding: 16px 10px 10px; gap: 12px; } .case-info-title { font-size: 15px; } } @media (max-width: 480px) { .case-card { min-height: 320px; height: 320px; } .case-info-title { font-size: 14px; } .case-info-btn { padding: 11px 20px; font-size: 13px; width: 100%; } }