/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ :root { --hovercolor: #006262; --primary-color: #EB4C42; } @font-face { font-family: 'Avenir Next'; src: url('/fonts/AvenirNextCyr-Regular.woff2') format('woff2'), url('/fonts/AvenirNextCyr-Regular.woff') format('woff'), url('/fonts/AvenirNextCyr-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: 'Avenir Next'; src: url('/fonts/AvenirNextCyr-Medium.woff2') format('woff2'), url('/fonts/AvenirNextCyr-Medium.woff') format('woff'), url('/fonts/AvenirNextCyr-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: block; } @font-face { font-family: 'Avenir Next'; src: url('/fonts/AvenirNextCyr-Demi.woff2') format('woff2'), url('/fonts/AvenirNextCyr-Demi.woff') format('woff'), url('/fonts/AvenirNextCyr-Demi.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: block; } /* iPhone 5 */ @media (max-width: 360px){ #slider h1{font-size: 28px!important;} } /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 921px) { .page h1{padding: 30px 0px!important;} .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} .col-m-3{grid-template-columns: repeat(3, 1fr);} .o1{order: 1;} .o2{order: 2;} .ppage h1{font-size: 32px!important;text-align: center;padding-top: 10px;} #header .mobile{display: flex;justify-content: space-between;align-items: center;} #mmenu{background-color: #fff;} #mmenu .modal-content{width: 100%;border: none;} #mmenu .cont{padding-top: 10px;font-size: 18px;padding-bottom: 100px;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 .button{margin-top: 20px;display: block;} #mmenu .nav{display: inline-block;width: 100%;padding-top: 10px;list-style: none;margin-bottom: 20px;} #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;} #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;} #header .head, #menu{display: none !important;} #header img{max-width: 180px;} #slider h1{font-size: 30px !important;font-weight: 500;text-align: center;} #slider .info{text-align: center;} #slider .button{width: 100%;} #slider .inf{font-size: 14px;} #banner .text{padding: 20px!important;} #prem2{font-size: 14px;} #prem .items{text-align: center;} .button, .cbutton{width: 100%;text-align: center;} #gallary .owl-nav{display: flex;} .block h2{ font-size: 30px !important; font-weight: 600 !important;} .table td, .table th{padding: 5px !important;} #form, #form2{padding-bottom: 0px;} #form .form, #form2 .form{background-color: #222222;padding-top: 30px;padding-bottom: 30px;} #form .button{width: 100%;} #form .lic, #form2 .lic{margin: 10px 0px 0px 0px!important;} #footer{padding-top: 20px;padding-bottom: 20px;text-align: center;} } #footer-text{ margin-top: 10px; font-size: 16px; } .col-faq{grid-template-columns: 3fr 0.3fr;} @media (min-width: 992px) { h1{font-size: 45px;} h2{font-size: 40px;} .grid{gap: 30px;} .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-pc-7{grid-template-columns: repeat(7, 1fr);} .col-pc-2-05{grid-template-columns: 2fr 0.5fr;} .col-pc-1-2{grid-template-columns: 1fr 2fr;} .col-pc-2-1{grid-template-columns: 2fr 1fr;} .col-pc-2-15{grid-template-columns: 2fr 1.5fr;} .page h1{padding-bottom: 20px;} .page header{margin-top: 30px!important;margin-bottom: 30px!important;} #header .mobile{display: none!important;} #header .nav a{font-size: 14px;} #menu a{font-size: 13px;} #form .big, #form2 .big{padding-bottom: 40px;} #form label, #form2 label{font-size: 10px;} #form .poly, #form2 .poly{display: flex;align-items: center;} } @media (min-width: 1200px) { .container{max-width: 1200px;} #header .nav a{font-size: 16px;} #menu a{font-size: 16px;} #form .lic{padding-top: 0px;} } html, body{ font-family: 'Avenir Next', Arial, Helvetica, sans-serif; font-size: 17px!important; font-weight: 500; margin: 0px; padding: 0px; color: black; } *, ::after, ::before {box-sizing: border-box;} .container{width: 100%;margin-right: auto;margin-left: auto;} @media (min-width: 576px){.container {max-width: 540px;}} @media (min-width: 768px){.container {max-width: 720px;}} @media (min-width: 992px){.container {max-width: 960px;}} @media (min-width: 1200px){.container {max-width: 1200px;}} body {margin: 0;line-height: 1.5;} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} a{color: white;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;} img, svg{vertical-align: middle;} label {display: inline-block;margin-bottom: .5rem;} button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;background-color: white;} p {margin-top: 0; text-align:justify} h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: 600;line-height: 1.2;} h1{font-size:50px;margin-bottom: 20px;} h2{font-size:32px;margin-bottom: 15px;} h3 {font-size: 28px;} /* Дата для мобильного */ input[type="date"]:before {color: lightgrey;content: attr(placeholder) !important;margin-right: 0.5em;} input[type="date"]:focus:before {content: '' !important;} .img-fluid {max-width: 100%;height: auto;} .table {width: 100%;margin-bottom: 1rem;border-collapse: collapse;} .table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;} .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)} /* Табы */ .nav {display: flex;flex-wrap: wrap;padding: 0;margin: 0;list-style: none;outline: none;} .nav-link:focus, .nav-link:hover {text-decoration: none;} .nav-link {display: block;} .tab-content>.tab-pane {display: none;} .tab-content>.active {display: block;} .fade {transition: opacity .15s linear;} .fade:not(.show) {opacity: 0;} /* Гармошка */ .collapse:not(.show) {display: none;} .collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;} .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} /*Нужно что бы не прыгало */ @media (max-width: 921px) {.modal .modal-dialog{width: 100%;padding: 60px 20px 0px 20px;}} @media (min-width: 992px) {.modal .modal-dialog{max-width: 500px;padding: 40px;}} .modal-open {overflow: hidden;} .modal-open .modal {overflow-x: hidden;overflow-y: auto;} #za .modal-dialog{display: flex;align-items: center;} .modal .modal-dialog{background-color: white;color: black;position: absolute;right: 0;height: 100%;margin: 0;} .modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;} .modal .grid{gap: 20px;} .modal .title{font-size: 45px;line-height: 55px;font-weight: bold;} .modal .text{color: #545560;font-size: 20px;line-height: 35px;} .modal .wpcf7-text, .modal .wpcf7-mask{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;width: 100%;} .wpcf7 .acc input{-webkit-appearance: auto;} /* Основное */ button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */ button::-moz-focus-inner {border: 0;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float:right;padding-left: 10px;padding-bottom: 10px;} .box {overflow:hidden;} .box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .box img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;} .grid{display: grid;} .ac{align-items: center;} h1{margin-bottom: 0px!important;margin-top: 0px!important;font-weight: 400;} h2{margin-bottom: 0px!important;margin-top: 0px!important;padding-top: 20px!important;padding-bottom: 30px!important;font-weight: 600;} h3{font-size: 26px;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float: right;margin-left: 10px;margin-bottom: 10px;} .page{min-height: 500px;padding-bottom: 20px;} button:active, button:focus, input:focus {outline: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0;} .button{display: inline-block;background-color: var(--primary-color);color: white;font-weight: 500;border: none;border-radius: 10px;padding: 10px 30px;text-align: center;} .button:hover{background-color: black;color: white!important;text-decoration: none;} a{color: black;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none!important;} #header .city:hover, #header .phones a:hover{color: var(--primary-color)!important;} .ppage h1{margin-bottom: 20px!important;} .h-100{height:100%;} .p404{text-align: center;padding: 50px 0px;} .grid{display: grid;} .ac{align-items: center;} .phone{display: block;white-space: nowrap;} .time{font-size: 15px;color: gray;} .breadcrumbs{font-size: 14px;margin-bottom: 10px;} .breadcrumbs a{color: gray;} .gallary{gap: 10px;} .citylist a:hover{color: var(--hover-color);} .citylist ul{gap: 0px 20px;} .box {overflow:hidden;} .box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .box img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);} div.wpcf7 .ajax-loader{display: none!important;} .owl-controls{display: flex;margin-top: 20px;} .owl-controls svg path{opacity: 0.5;} .owl-controls svg:hover path{opacity: 1;} .owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 20px;} .owl-dot span {width: 15px;height: 15px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;} .owl-dot.active span, .owl-dots .owl-dot:hover span {background: var(--primary-color);} .btn-back-top {opacity: 0;background: var(--primary-color);border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;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: 15px;transform: rotate(45deg);} /* Виджет мессенджеров */ .msg-widget{position:fixed;right:15px;bottom:90px;z-index:9999;} .msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;} .msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;} .msg-toggle:after{animation-delay:.5s;} @keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}} .msg-toggle:hover{transform:scale(1.05);} .msg-toggle .msg-close{display:none;} .msg-widget.active .msg-toggle svg:first-child{display:none;} .msg-widget.active .msg-toggle .msg-close{display:block;} .msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;} .msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);} .msg-item{display:block;transition:transform .3s;} .msg-item:hover{transform:scale(1.1);} .msg-item img{display:block;border-radius:50%;} .msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;} .msg-email{width:55px;height:55px;border-radius:50%;background:#2196F3;display:flex;align-items:center;justify-content:center;} @media(max-width:768px){.msg-widget{right:15px;bottom:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}} /* Отзывы */ #rews .comment{background-color: #f9f9f9;padding: 20px;border-radius: 10px;} #rews .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} #rews .name{font-size: 18px;} #rews .time{color: gray;font-size: 14px;} #rews .text{font-size: 14px;} #rews .text .dco-attachment{margin-left: 15px;} #rews .stars{margin: 10px 0px;} #rews .dashicons-star-filled:before{color: var(--primary-color);} #rews img, #reviews img{max-width: 150px !important;height: auto !important;border-radius: 50%;} #rews .add{margin-top: 20px;display: flex;justify-content: center;} #rews .add .but1{display: inline-block;background: #f5f5f5;color: #788090;padding: 10px 20px;font-size: 15px;border-radius: 2px;margin-right: 15px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #rews .add .but2{display: inline-block;background: var(--primary-color); color: white;padding: 10px 20px;font-size: 15px;border-radius: 2px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #rews .add .but1:hover, #rews .add .but2:hover{background-color: black;text-decoration: none;color: white;} #rews button.owl-next{position: absolute;right: 0;outline: none;padding: 5px 0px 5px 5px!important;} #rews .owl-prev{position: absolute;left: 0;outline: none;padding: 5px 5px 5px 0px!important;} #rews .owl-prev.disabled, #rews .owl-next.disabled{display: none;} #rews .owl-nav button{width: 40px; height: 40px; border-radius: 5px; border: 1px solid var(--primary-color); display: flex; align-items: center; justify-content: center; transition: 0.5s;} #rews .owl-nav button:hover{background-color: var(--primary-color);} #reviews .total{font-size: 45px;font-weight: bold;display: flex;align-items: center;} #reviews .total .count{margin-right: 15px;} #reviews .dashicons-star-filled:before{color: var(--primary-color);} #reviews .add{background-color: #f9f9f9;padding: 40px;border-radius: 10px;} #reviews .add a{color: black;} #reviews .add textarea, #reviews .add .form-control{border: none;padding: 10px;width: 100%;border-radius: 5px;} #reviews .add .comment-form-attachment__input{width: 100%;} #reviews .add .comment-form-cookies-consent{margin-top: 15px;} #reviews .add .rating-container *{font-size: 30px;} #reviews .add .button{padding: 10px 20px 10px 20px; background-color: var(--primary-color);color: white;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;border: none; cursor: pointer;} #reviews .add .button:hover{background-color: black;} #reviews .comments{display: grid;gap: 20px;margin: 20px 0px;} #reviews .add .comments-rating{border: none;} .block h2 a{color: black;} .block h2 .more{font-size: 16px;} .flex{display: flex; align-items: center; gap: 20px;} #header .container .top{ display: grid; grid-template-columns: repeat(3, auto);align-items: center;justify-content: space-between;} #header .button{padding: 15px 45px; background-color:var(--primary-color) ; color: white !important; transition: 0.5s;} #header .button:hover{background-color: black;} #header .phone{font-size: 20px; font-weight: 700;} #menu{margin-top: 10px;} #menu .nav{gap: 20px; justify-content: space-between;} #menu .nav a{color: white;font-size: 18px;padding: 10px 0; display: inline-block;} #menu .sub-menu .menu-item-has-children:after {content: url(/images/arrw.svg);margin-left: 3px;top:0;position: relative;display: inline-block;transform: rotate(269deg);} #menu .menu-item-has-children:after {content: url(/images/arrw.svg);margin-left: 3px;position: relative;top: -2px;} #menu .menu-item-has-children:hover > .sub-menu {display: block; z-index: 3; position: absolute;background-color: whitesmoke;list-style: none;padding: 0; color: var(--primary-color) !important;} #menu .sub-menu {display: none;z-index: 1;} #menu .sub-menu li {white-space: nowrap;} #menu .sub-menu li:hover > .sub-menu {display: block; z-index: 3; position: absolute;width: 100%;left: 100%; top:0;background-color: whitesmoke;list-style: none;padding: 0;} #menu .sub-menu li{padding: 5px 20px;} #menu .sub-menu li a{color: black;} #menu .sub-menu li a:hover{color:var(--primary-color) !important ;} #menu .sub-menu .current-menu-item a{color: var(--primary-color);} #menu {background-color: var(--primary-color); } #menu .current_page_item a{color: black!important;} /* #slider {position: relative;} #slider .container{position: relative; z-index: 2;} #slider h1{font-weight: 700 ;} #slider .color{padding: 20px; background-color:#707070; color: white; display: inline-block; margin-top: 15px; border-radius: 10px;} #slider .text{margin-top: 15px; margin-bottom: 15px; font-size: 18px;} #slider .button{padding: 20px 45px; } #slider .grid{align-items: center;} #slider img{border-radius: 10px;}*/ #slider h1{ margin-top: 0;font-weight: 500;line-height: 1.2; margin-bottom: 50px !important; font-size: 40px;} #slider .info{font-size: 20px; padding: 20px; background-color: #d9d9d9;} #slider .img{border-radius: 5px;} #slider .bts{display: flex;gap: 10px;margin-bottom: 20px;margin-top: 30px; flex-wrap: wrap;} #slider .bts>a{padding: 20px 40px;} #slider .items-slider .dot{width: 10px;height: 10px;background: var(--primary-color);border-radius: 50%; margin-bottom: 15px; margin-top: 15px;} #slider .button{padding: 20px 40px;} #slider .cbutton{padding: 20px 40px; border-radius: 10px; border: 1px solid black; color: black;} #slider .col-pc-2-15{align-items: center; margin-top: 30px;} @media(max-width: 991px){ #slider .col-pc-2-15{ margin-top: 10px; } .items-slider{margin-top: 10px !important;} #slider h1 {margin-bottom: 20px !important;} } .img-fluid{border-radius: 10px;} .items-slider{margin-top: 50px; border: 1px solid black; border-radius: 5px; padding: 15px;} #calc{background-color: whitesmoke;} a.url-gallery { text-decoration: underline !important; } #text .container{padding-top: 0; font-size: 18px; color: black !important; } #prem{background-color: whitesmoke; margin-top: 50px;} #prem .item{padding: 30px; background-color: white;box-shadow: 0 0 11px 3px rgba(0,0,0,.15); border-radius: 10px; display: grid;} #prem img{margin-bottom: 15px;} #prem .title{font-weight: 600; font-size: 20px;} #prem .col-pc-2{margin-top: 20px; align-items: center; } #prem .price{font-size: 22px; color: var(--primary-color); white-space: nowrap;} #prem2{background-color: var(--primary-color); color: white !important;} #prem2 .number{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: white; border-radius: 50px; color:var(--primary-color); font-size: 25px; font-weight: 600; margin-bottom: 15px;} #gal .button{padding: 20px 45px;} #gal .grid {align-items: center;} #gal img{width:100%; height:200px; object-fit:cover;} #etap {background-color: whitesmoke;} #etap .number{display: flex; align-items: center; z-index: 2; justify-content: center; position: relative; width: 50px; height: 50px; font-size: 20px; font-weight: 600; color: var(--primary-color); background-color: white; border-radius: 50px;} #etap .line{background-color: #8B92A320;height: 1px;position: absolute;left: 50px;top: 24px;width: 200px; z-index: 1;} #etap .items{position: relative;} #map{background: url(/images/map.png) center top no-repeat;background-size: contain;} #map .city {gap: 5px;} #map a{font-weight: 500;display: flex;gap: 10px;} #map .btn{color: #12689b !important;} #slider .bts { display: flex; flex-direction: row; gap: 15px; width: 100%; } #slider .bts .button { display: flex; align-items: center; justify-content: center; text-align: center; flex: 1 1 0; width: 100%; padding: 20px 40px; font-size: 20px; text-decoration: none; background-color: var(--primary-color); color: #fff; border: 1px solid var(--primary-color); border-radius: 10px; } @media (max-width: 767px) { #slider .bts { flex-direction: column; gap: 10px; } #slider .bts .button { font-size: 18px; padding: 16px 30px; } } a.button.price{ background: none !important; color: var(--primary-color) !important; } #form .grid.col-pc-2 {display: flex;align-items: center;justify-content: flex-start;gap: 50px; } #form .title{font-size: 40px;line-height: 50px;} #form .st{font-size: 23px;padding: 30px 0px;} #form .button{padding: 25px 40px;white-space: nowrap;box-shadow: 0px 20px 30px rgba(37, 94, 203, 0.3);} #form .call{margin-top: 40px;margin-bottom: 20px;} #form .call .t{margin-bottom: 20px;font-weight: bold;} #form .call .phones a{display: block; color: black;font-size: 32px;white-space: nowrap; } #form .call .mail{display: block; color: black;margin-bottom: 5px;} #form .container>.grid{align-items: center;} #form img{border-radius: 20px;} #form .phone{font-size: 20px; font-weight: 600;} #usl .title{font-size: 22px; margin-bottom: 20px; font-weight: 600; margin-top: 10px;} #usl p{margin-bottom: 5px !important;} #usl {background-color: whitesmoke;} #usl .item{background-color: white; border-radius: 10px; padding: 30px;box-shadow: 0px 20px 30px rgba(51, 51, 51, 0.3);} #usl .col-pc-2{align-items: center; margin-top: 15px;} #usl .price{font-size: 20px; color:var(--primary-color) ; font-weight: 600; white-space: nowrap;} #usl .item ul{ margin: 0;} #price .scrol{display: block;width: 100%;overflow-x: auto;} #price th{background-color: #0164c9;color: white;font-weight: 500;font-size: 18px;border: none;} #price th:last-child{border-top-right-radius: 6px;} #price th:first-child{border-top-left-radius: 6px;} #price th, #price td{padding: 30px;} #price .button{padding: 13px 30px;color: black;border: 1px solid #0164c9;border-radius: 4px;font-weight: 500;} #price td:last-child {width: 20%; white-space: nowrap;} #price .button:hover{background-color: #0164c9;color: white;} #price p{display: none;} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05);} .table-striped{width: 100%;} #tabs .nav-link{padding: 10px 20px; border-radius: 10px; color: #5151516e; transition: 0.5s; border: 1px solid #5151516e;} #tabs .nav-link:hover{background-color: var(--primary-color); color: white !important;} #tabs .nav-link.active{background-color: var(--primary-color); color: white !important;} #tabs .nav{display: flex; gap: 10px; flex-wrap: wrap;} #tabs .tab-content{padding: 30px; border: 1px solid #5151516e; border-radius: 10px; margin-top: 30px;} #tabs .title{font-size: 22px; font-weight: 600;} #accordion .card{padding: 20px 40px 10px 40px;border: 1px solid #E4E4E4;margin-bottom: 10px;font-size: 18px; border-radius: 10px;} #accordion .card .title{font-family: var(--fonttitle);padding-bottom: 10px;display: flex;align-items: center;justify-content: space-between;gap: 10px;} #accordion .card .title:after {content:"\2014";font-size: 14px;line-height: 32px;border: 1px solid #E4E4E4;border-radius: 50%;width: 35px;min-width: 35px;height: 35px;text-align: center;} #accordion .card .title.collapsed:after {content: "+";font-size: 25px;} #forma2 .grid{align-items: center; padding: 30px; border-radius: 10px; background-color:var(--primary-color) ; color: white !important;} #forma2 .button{background-color: black; margin-bottom: 10px;} #forma2 img{width: 30px;} #forma2 h2{border-right: 2px solid white;} #otziv .item{padding: 30px; background-color: whitesmoke; border-radius: 10px;} #otziv .name{font-weight: 700; font-size: 20px; margin-top: 10px; margin-bottom: 10px;} #otziv .date{font-size: 15px; color: #515151;} #tags a{padding: 10px; background-color:var(--primary-color) ; color: white; border-radius: 10px; text-align: center; transition: 0.5s;display: flex;align-items: center;justify-content: center;} #tags a:hover{background-color: black;} .text-center{text-align: center;} .close{border: none;} .full{background-color: #fff;} .full a{color: black;} .full .modal-content{border: none;} .full .modal-dialog{max-width: 100%;position: relative;} .full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .full .st{font-size: 18px;padding-bottom: 10px;} .full .list{list-style: none;padding-left: 0px;padding-top: 15px;font-size: 18px;gap: 5px;} .full .select2-selection, .full .select2-selection__arrow{height: 40px!important;} .full .select2-selection__rendered{line-height: 40px!important;} #aboutpage .big{font-size: 30px;margin-bottom: 20px;} #aboutpage .prem .num{font-size: 30px;color: var(--primary-color);font-weight: 500;} #aboutpage .prem > div{margin: 10px 0px;} #aboutpage h1{font-weight: 600; margin-bottom: 30px !important;} #prem3 .number{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: var(--primary-color); border-radius: 50px; color:white; font-size: 25px; font-weight: 600; margin-bottom: 15px;} #prem3 .items{padding: 30px;box-shadow: 0 0 11px 3px rgba(0,0,0,.15); border-radius: 10px;} #prem3 .title{font-size: 20px; font-weight: 600; margin-bottom: 5px !important; } #diag{border-top: 1px solid var(--primary-color);} #diag svg{margin-bottom: 30px;margin-top: 30px;} #diag .title{font-size: 20px;font-weight: 600;color: black;padding-bottom: 5px;} #diag .desc{color: #8B92A3;} #diag .line{background-color: #8B92A320;height: 1px;position: relative;left: 94px;top: 70px;max-width: 70%;} #diag .line2{background-color: var(--primary-color);height: 1px;position: relative;left: 94px;top: 70px;max-width: 70%;} #faq h1{margin-bottom: 30px !important; font-weight: 600;} #contpage{margin-bottom: 20px;} #contpage .info{padding: 30px;background: #ffffff;} #contpage p{margin: 0px;} #contpage .item{font-size: 20px;padding-top: 15px;padding-bottom: 15px;} #contpage .item .title{color: #6C6C6C;font-size: 15px;} #contpage .item .phone{font-size: 25px;font-weight: bold;} #contpage .item a{color: black;} #contpage .item .mail{color:black;} #footer {background-color: #515151; color: white;} #footer .button{color: white !important;} #footer a{color: white;} #footer .widget-title{font-size: 20px;margin-bottom: 15px; font-weight: 700;} #footer ul{padding: 0px;list-style: none;} #footer ul li{padding: 5px 0px;} #footer .phonee{font-size: 18px;font-weight: 500; display: block;} #footer .ad{margin: 10px 0px;} #footer .maill{color: white !important;font-weight: 500; font-size: 20px; color: black; display: block;} #footer .time{color: white; opacity: 0.7 ;} #footer a:hover{color: var(--primary-color) !important;} /* Калькулятор */ /* Лейбел */ .ezfc-form .ezfc-label{font-weight: bold;padding-bottom: 5px;} .ezfc-form .ezfc-text {font-size: 1.6em;font-weight: 700;padding: .3em;} .ezfc-form .ezfc-slider-element .ui-slider-handle{background: var(--primary-color)!important;border: none;} /* Цена */ .ezfc-form .ezfc-price {font-weight: bold;} .ezfc-form .ezfc-price-value {color: var(--primary-color);font-size: 60px;vertical-align: middle;} .ezfc-form .ezfc-price-currency {font-size: 40px;vertical-align: middle;} /* Импут */ .ezfc-element-input, .ezfc-element-numbers, .ezfc-element-select, .ezfc-element-select, .ezfc-element-textarea{width: 100%;border-radius: 10px;border: 1px solid #E2E2EB;padding: 10px!important;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;margin: 0!important;} .ezfc-element-select{cursor: pointer;background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;} /* Если есть иконка */ .ezfc-form .ezfc-element.ezfc-has-icon {padding-left: 50px!important;} /* Кнопка */ .ezfc-form .button{padding: 15px 30px!important;} /* Сообщение ниже формы */ .ezfc-required-notification {font-size: .8em;margin-top: 1em;} /* Радио с картинками */ @media (max-width: 921px) { .fimg .ezfc-element-radio-container{display: flex!important;align-items: center;margin-bottom: 5px;} .fimg .ezfc-element-radio{max-width: 100px;} .fimg .ezfc-element-option-has-image img{padding-right: 10px;} .ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{text-align: left!important;} } @media (min-width: 992px) { .fimg .ezfc-element-option-container {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -0.5%;margin-right: -0.5%;} .fimg .ezfc-element-radio-container{margin-right: 0.5%;margin-left: 0.5%;flex: 0 0 32.333333%;max-width: 32.333333%;} } .fimg .ezfc-element-radio-container{background-color: white;border-radius: 10px;padding: 10px!important;} .fimg .ezfc-element-radio-container:focus {background-color: green;} .ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{display: block!important;} .fimg .ezfc-element-option-has-image img{opacity: 1!important;} .fimg .ezfc-element-option-has-image img.ezfc-selected~.ezfc-addon-option {border-color: var(--primary-color);} .ezfc-element-radio label::before, .ezfc-element-radio label::after, .ezfc-element-checkbox label::before, .ezfc-element-checkbox label::after, .ezfc-addon-label::before, .ezfc-addon-label::after {content: none !important;cursor: pointer;} input.ezfc-element-radio-input, input.ezfc-element-checkbox-input {position: absolute !important;opacity: 0 !important;width: 0 !important;height: 0 !important;cursor: pointer;} .ezfc-element-radio-container.ezfc-element-option-has-image,.ezfc-element-checkbox-container.ezfc-element-option-has-image {position: relative;display: flex;flex-direction: column;align-items: center;border: 2px solid #EBF3FB;border-radius: 14px;padding: 20px;transition: all 0.3s ease;cursor: pointer;text-align: center;background-color: #ffffff; } .ezfc-element-radio-container.ezfc-element-option-has-image:has(input:checked),.ezfc-element-checkbox-container.ezfc-element-option-has-image:has(input:checked) {border-color: #1F3F68 !important;cursor:pointer;box-shadow: 0 8px 25px rgba(16, 112, 177, 0.15); } .ezfc-element-option-has-image label.ezfc-addon-label::before {content: "" !important;display: block !important;position: absolute !important;top: 0; left: 0; right: 0; bottom: 0;z-index: 10;background: transparent !important;cursor:pointer;} .ezfc-element-radio-container:not(.ezfc-element-option-has-image) .ezfc-element-radio-text::before, .ezfc-element-checkbox-container:not(.ezfc-element-option-has-image) .ezfc-element-checkbox-text::before {content: ""; display: inline-block;width: 18px;height: 18px; border: 2px solid #D9E8F6;margin-right: 12px;vertical-align: middle;transition: all 0.2s ease;cursor:pointer;} /* Радиокнопки */ .ezfc-element-radio-container:not(.ezfc-element-option-has-image) .ezfc-element-radio-text::before {border-radius: 50%;cursor:pointer;} .ezfc-element-option-container label{cursor:pointer;} /* Чекбоксы */ .ezfc-element-checkbox-container:not(.ezfc-element-option-has-image) .ezfc-element-checkbox-text::before {border-radius: 4px;} .ezfc-element-radio-container:not(.ezfc-element-option-has-image):has(input:checked) .ezfc-element-radio-text::before,.ezfc-element-checkbox-container:not(.ezfc-element-option-has-image):has(input:checked) .ezfc-element-checkbox-text::before {background-color: #1F3F68;border-color: #1F3F68;box-shadow: inset 0 0 0 3px #ffffff; } .ezfc-element-radio-container:not(.ezfc-element-option-has-image):has(input:checked),.ezfc-element-checkbox-container:not(.ezfc-element-option-has-image):has(input:checked) {color: #1F3F68;font-weight: 600;} .ezfc-element-option-has-image .ezfc-element-option-image {width: 100%; max-width: 300px; height: auto;border-radius: 8px; margin-bottom: 15px;display: block; position: relative; z-index: 1;} /* Кнопки Да/Нет */ .ezfc-element-radio-container.ezfc-element-option-has-selectable-text {padding: 10px !important; min-height: auto !important;flex-direction: row !important; justify-content: center !important; gap: 10px;border: 2px solid #EBF3FB !important;} .ezfc-element-option-selectable-text {font-size: 18px !important;font-weight: 600 !important;color: #1F3F68 !important;background: none !important;border: none !important;margin: 0 !important;padding: 0 !important;} .ezfc-element-radio-icon {color: #1F3F68;margin-right: 5px;} .ezfc-element-radio-container.ezfc-element-option-has-selectable-text:has(input:checked) {background-color: #1F3F68 !important; border-color: #1F3F68 !important;} .ezfc-element-radio-container.ezfc-element-option-has-selectable-text:has(input:checked) .ezfc-element-option-selectable-text, .ezfc-element-radio-container.ezfc-element-option-has-selectable-text:has(input:checked) .ezfc-element-radio-icon {color: #ffffff !important;} .ezfc-element-option-has-selectable-text label.ezfc-addon-label::before {z-index: 5;} .ezfc-element-option-has-image label {font-size: 16px; color: #1F3F68; cursor: pointer;} .fdanet .ezfc-element-radio-container {display: inline-flex !important;width: 120px !important; height: 45px !important;padding: 0 !important;margin: 5px !important;position: relative;border: 1px solid #EBF3FB !important;border-radius: 8px !important;background: #fff !important;cursor: pointer; overflow: hidden; vertical-align: middle;} .fdanet .ezfc-element-radio {display: flex !important;width: 100% !important;height: 100% !important;align-items: center !important; justify-content: center !important; margin: 0 !important;padding: 0 !important;} .fdanet .ezfc-element-option-selectable-text {display: flex !important;align-items: center;justify-content: center;background: none !important;border: none !important;margin: 0 !important;padding: 0 !important;width: 100%;height: 100%;color: #1F3F68 !important;font-weight: 600;} .fdanet label.ezfc-addon-label::before {content: "" !important;position: absolute !important;top: 0; left: 0; right: 0; bottom: 0;z-index: 10;cursor: pointer;} .fdanet .ezfc-element-radio-container:has(input:checked) {background-color: var(--primary-color) !important;border-color: var(--primary-color) !important;} .fdanet .ezfc-element-radio-container:has(input:checked) .ezfc-element-option-selectable-text,.fdanet .ezfc-element-radio-container:has(input:checked) .ezfc-element-radio-icon {color: #ffffff !important;} .fdanet .ezfc-element-radio-text, .fdanet .ezfc-addon-option, .fdanet .ezfc-element-radio-clear {display: none !important;} /* Контейнер выбора метража */ .ui-slider-pips {display: flex !important;flex-wrap: wrap;justify-content: flex-start; position: relative !important;height: auto !important;margin-top: 30px !important;gap: 10px; } .ui-slider-pip {position: static !important; display: inline-flex !important;align-items: center;justify-content: center;width: 45px !important; height: 35px !important;border: 1px solid #EBF3FB !important;border-radius: 6px !important;background: #ffffff !important;cursor: pointer;transition: all 0.2s ease;} .ui-slider-pip-selected {border: 2px solid var(--primary-color) !important;background-color: #f0f7ff !important;transform: translateY(-1px); } .ui-slider-label {position: static !important; display: block !important;margin: 0 !important;padding: 0 !important;width: auto !important;font-size: 14px !important;font-weight: 600 !important;color: #1F3F68 !important;} .ui-slider-pip-selected .ui-slider-label {color: var(--primary-color) !important;} .ui-slider-line {display: none !important;} /* Plus/Minus */ .ezfc-element-table_order-quantity {display: flex !important;align-items: center !important;justify-content: center;gap: 0; min-width: 130px;} .ezfc-table_order-btn {width: 35px !important;height: 35px !important; background-color: #f8fafd !important;border: 1px solid #EBF3FB !important;color: #1F3F68 !important; cursor: pointer;display: flex !important;align-items: center;justify-content: center; transition: all 0.2s ease; padding: 0 !important;font-size: 12px !important;} .ezfc-table_order-dec-btn {border-radius: 6px 0 0 6px !important;border-right: none !important; } .ezfc-table_order-add-btn {border-radius: 0 6px 6px 0 !important;border-left: none !important;} .ezfc-table_order-btn:hover {background-color: var(--primary-color) !important;color: #ffffff !important;border-color: var(--primary-color) !important;} .ezfc-element-table_order-quantity-input {width: 45px !important; height: 35px !important;text-align: center !important;border: 1px solid #EBF3FB !important;background-color: #ffffff !important;color: #1F3F68 !important;font-weight: 600 !important;margin: 0 !important; padding: 0 !important;outline: none !important;appearance: textfield;} .ezfc-element-table_order-quantity-input:focus {border-color: #EBF3FB !important;} .ezfc-table_order-btn i {display: none !important;} .ezfc-table_order-dec-btn::before {content: "–";font-size: 20px;font-weight: bold;line-height: 1;color: inherit;} .ezfc-table_order-add-btn::before {content: "+";font-size: 20px;font-weight: bold;line-height: 1;color: inherit;} .ezfc-table_order-btn {display: flex !important;align-items: center !important;justify-content: center !important;font-family: Arial, sans-serif !important; /* Используем системный шрифт */text-decoration: none !important;} .ezfc-table_order-btn:hover::before {color: #ffffff !important;} /* Новый блок контактов в Hero*/ .plashka { min-width: 270px; z-index: 3; max-width: 270px; position: absolute; top: 10%; left: 0; background: linear-gradient(to bottom right, #1e1e1e, #2e2e2e); color: var(--hovercolor); padding: 30px 30px; font-weight: 500; font-size: 20px; text-transform: uppercase; clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%); } .boxcontent .img img { display: block; width: 100%; height: auto; clip-path: polygon(50px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50px); } #block1 .bg1 img, #block1 .bg2 img { scale: 1.1; } .bg2 { position: absolute; bottom: 0; left: 0; transform: rotate(180deg); overflow: hidden; } #block1 .bg1 { position: absolute; top: 0; right: 0; overflow: hidden; } .contact-bar-new {display: flex;align-items: center;justify-content: space-between;margin-top: 40px;padding: 30px;background: var(--primary-color); border-radius: 10px;box-shadow: 0 15px 35px rgba(39, 97, 207, 0.25);color: #ffffff;position: relative;overflow: hidden;gap: 20px;} .contact-bar-new::before {content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);pointer-events: none;} .contact-content {display: flex;align-items: center;gap: 30px;flex: 1;} .contact-label {font-size: 17px;font-weight: 500;line-height: 1.4;max-width: 320px;color: rgba(255, 255, 255, 0.95);} .contact-socials {display: flex; align-items: center; gap: 10px; margin-top: 30px;} .telephone{font-size: 20px;} .phone-label {font-size: 13px;text-transform: uppercase;letter-spacing: 1px;color: rgba(255, 255, 255, 0.7);margin-bottom: 4px;} .contact-phone a {font-size: 24px;font-weight: 800;color: #ffffff;text-decoration: none;transition: transform 0.2s;} .contact-phone a:hover {transform: scale(1.05);} @media (max-width: 991px) {.contact-bar-new {flex-direction: column;text-align: center;padding: 30px 20px;}.contact-content {flex-direction: column;gap: 20px;}.contact-phone {align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 20px; width: 100%;}} /* Фотогалереия */ .works-gallery {position: relative;padding: 60px 0;} .works-gallery__title {font-size: 32px;color: black;margin-bottom: 30px;font-weight: 700;} .works-gallery__item {height: 350px;overflow: hidden;border-radius: 25px;border: 1px solid #ebf3fb;} .works-gallery__item img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;} .works-gallery__item:hover img {transform: scale(1.05);} .works-gallery .owl-nav .disabled {display: none !important;} .works-gallery .owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);background: #ffffff !important;border: 1px solid #ebf3fb !important;width: 50px;height: 50px;border-radius: 50% !important;display: flex !important;align-items: center;justify-content: center;transition: all 0.2s ease !important;box-shadow: 0 4px 15px rgba(39, 97, 207, 0.15);z-index: 10;margin: 0 !important;} .works-gallery .owl-nav button.owl-prev {left: -25px;} .works-gallery .owl-nav button.owl-next {right: -25px;} .works-gallery .owl-nav button:hover {background: var(--primary-color) !important;border-color: var(--primary-color) !important;} .works-gallery .owl-nav button span {font-size: 35px;color: var(--primary-color);line-height: 1;margin-top: -5px;} .works-gallery .owl-nav button:hover span {color: #ffffff;} .works-gallery .owl-dots {display: flex;align-items: center;justify-content: center;margin-top: 30px; } .works-gallery .owl-dot span {width: 10px; height: 10px; margin: 0 6px; background: #D6D6D6 !important; display: block;border-radius: 30px; transition: all .2s ease !important;} .works-gallery .owl-dot.active span, .works-gallery .owl-dot:hover span { background: var(--primary-color) !important; width: 25px; } @media (max-width: 1200px) {.works-gallery .owl-nav button.owl-prev { left: 5px; }.works-gallery .owl-nav button.owl-next { right: 5px; }} @media (max-width: 768px) {.works-gallery__item { height: 250px;}.works-gallery__title {font-size: 24px;text-align: center;}.works-gallery .owl-nav {display: none !important;}} .ezfc-form .ezfc-slider-element .ui-slider-handle{display:none;} .calcstiky{position:sticky!important;top:50px;} .ezfc-theme-default .ezfc-success-text {display: none;} /* Кнопки плюс минус у числа .fdanet .ui-spinner{overflow: visible;} .fdanet .ui-spinner-down{ border-radius: 50%; position: absolute; left: -40px; top: calc(50% - 15px); width: 30px; height: 30px; background: var(--primary-color); border: none; } .fdanet .ui-spinner-down:hover{background: none!important;opacity: 1!important;box-shadow: none;} .fdanet .ui-spinner-down span{background: none;text-indent: 0;} .fdanet .ui-spinner-down span:before {content: "\f068";color: white;font: normal normal normal 14px/1 FontAwesome;} */ .ezfc-theme-default .ezfc-element-select{color: black;} .fslide .ezfc-text-right{flex: 0 0 40%;text-align: left;} .fdanet .ezfc-element-option-selectable-text{background-color: white;} .fdanet .ezfc-element-option-selectable-text.ezfc-selected{background-color: var(--primary-color)!important;} .fplus tbody{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .fplus.fplus3 .ezfc-element-option-container {display:flex;flex-wrap:wrap;} .fplus.fplus3 .ezfc-element-option-has-image{border:2px solid #E2E2EB;padding:0px;margin:0.5%;transition:all 0.25s ease-in-out;border-radius:10px;overflow:hidden;background-color:white;} .fplus.fplus3 .ezfc-element-option-has-image.ezfc-option-wrapper-selected{border-color:var(--primary-color); transition:all 0.25s ease-in-out;} .fplus .ezfc-element-table_order-row {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-between;background-color: white;padding: 3px;margin: 0.2%;} .fplus .ezfc-element-table_order-table .ezfc-element-table_order-image-column, .fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{width: 100%;text-align: center;line-height: 20px;display: flex;justify-content: center;} .fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{padding: 10px 0px;} @media (max-width: 921px) { .fplus .ezfc-element-table_order-row{flex: 0 0 49.5%;max-width: 49.5%;} .fplus.fplus4 .ezfc-element-option-has-image{flex: 0 0 49.5%;max-width: 49.5%;} .fplus.fplus3 .ezfc-element-option-has-image{width:100%!important;display:flex!important;align-items:center;} .fplus.fplus3 .ezfc-element-radio{max-width:100px;} } @media (min-width: 992px) { .fplus .ezfc-element-table_order-row{flex: 0 0 16.266666666%;max-width: 16.266666666%;} .fplus.fplus3 .ezfc-element-table_order-row{flex: 0 0 24.6%;max-width: 24.6%;} .fplus.fplus3 .ezfc-element-option-has-image{flex: 0 0 32.3%;max-width: 32.3%;} } .cards-block{background-color:whitesmoke;padding:60px 0}.cards-block .block-title{text-align:center;margin-bottom:40px;font-weight:700;font-size:32px;color:#333}.cards-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:#fff;border:1px solid var(--primary-color);border-radius:8px;overflow:hidden}.card-image{width:100%;height:250px;overflow:hidden}.card-image img{padding:5px;width:100%;height:100%;object-fit:cover;border-radius:10px}.card-content{padding:30px}.card-content .title{font-weight:600;font-size:20px;margin-bottom:15px}.card-content .content{color:#333;font-size:15px;line-height:1.6}.card-content .content p{margin-bottom:10px}.card-content .content p:last-child{margin-bottom:0}@media(max-width:767px){.cards-block{padding:40px 0}.cards-block .block-title{font-size:26px;margin-bottom:30px}.card-content{padding:20px}.card-content .title{font-size:18px}.card-content .content{font-size:14px}.card-image{height:200px}} @media(max-width: 991px){ #soc_icons{ display:flex; flex-direction:column; gap: 0px !important; } #mobile_img{ display:none; } .container{width:95% !important; padding: 10px;} .msg-widget{ bottom:85px; } } #slider .boxcontent { position: relative; } #slider .plashka { position: absolute; top: 20px; left: -10px; z-index: 10; min-width: 240px; max-width: 280px; padding: 25px 30px 25px 40px; background: linear-gradient(135deg, var(--primary-color) 0%, #1e4fb8 100%); color: #fff; font-weight: 600; font-size: 18px; line-height: 1.3; text-transform: uppercase; clip-path: polygon( 0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100% ); box-shadow: 0 10px 30px rgba(39, 97, 207, 0.4); transition: transform 0.3s ease, box-shadow 0.3s ease; } #slider .plashka span { display: block; margin-top: 8px; font-size: 22px; font-weight: 700; color: #fff; opacity: 0.95; } #slider .boxcontent .img { position: relative; } @media (min-width: 1000px){ #slider .img-fluid { display: block; width: 100%; height: auto; border-bottom-right-radius: 250px; border-top-left-radius: 250px; clip-path: polygon( 45px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 45px ); transition: transform 0.3s ease; } } @media (max-width: 1024px) { #slider .plashka { top: 15px; left: -8px; min-width: 220px; max-width: 260px; padding: 22px 28px 22px 38px; font-size: 16px; clip-path: polygon( 0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100% ); } #slider .plashka span { font-size: 20px; } #slider .img-fluid { clip-path: polygon( 40px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 40px ); } } @media (max-width: 767px) { #slider .plashka { position: absolute; top: 12px; left: -6px; min-width: 180px; max-width: 220px; padding: 18px 24px 18px 32px; font-size: 14px; clip-path: polygon( 0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100% ); box-shadow: 0 8px 25px rgba(39, 97, 207, 0.35); } #slider .plashka span { font-size: 17px; margin-top: 6px; } #slider .img-fluid { clip-path: polygon( 30px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 30px ); } } @media (max-width: 480px) { #slider .plashka { top: 10px; left: -4px; min-width: 160px; max-width: 200px; padding: 15px 20px 15px 28px; font-size: 13px; clip-path: polygon( 0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100% ); } #slider .plashka span { font-size: 15px; } #slider .img-fluid { clip-path: polygon( 22px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 22px ); } } #slider .boxcontent .plashka { position: absolute; top: 20px; left: -10px; z-index: 1; min-width: 240px; max-width: 280px; padding: 25px 30px 25px 40px; background: linear-gradient(135deg, var(--primary-color) 0%, #006262 100%); color: #fff; font-weight: 600; line-height: 1.3; text-transform: uppercase; clip-path: polygon( 0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100% ); } #slider .boxcontent .plashka .plashka-title { font-size: 16px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 8px; } #slider .boxcontent .plashka .plashka-text { display: block; font-size: 22px; font-weight: 700; color: #fff; opacity: 0.95; margin-top: 0; } @media (max-width: 1024px) { #slider .boxcontent .plashka { top: 15px; left: -8px; min-width: 220px; max-width: 260px; padding: 22px 28px 22px 38px; } #slider .boxcontent .plashka .plashka-title { font-size: 14px; } #slider .boxcontent .plashka .plashka-text { font-size: 20px; } } @media (max-width: 767px) { #slider .boxcontent .plashka { top: 12px; left: -6px; min-width: 180px; max-width: 220px; padding: 18px 24px 18px 32px; } #slider .boxcontent .plashka .plashka-title { font-size: 13px; margin-bottom: 6px; } #slider .boxcontent .plashka .plashka-text { font-size: 17px; } } @media (max-width: 480px) { #slider .boxcontent .plashka { top: 10px; left: -4px; min-width: 160px; max-width: 200px; padding: 15px 20px 15px 28px; } #slider .boxcontent .plashka .plashka-title { font-size: 12px; } #slider .boxcontent .plashka .plashka-text { font-size: 15px; } } @media (min-width: 1025px) { .container{padding: 20px 0 30px 0;} header .container{padding:0;} #slider .grid.col-pc-2-15 { align-items: stretch !important; } #slider .grid.col-pc-2-15 > .item, #slider .grid.col-pc-2-15 > .boxcontent { display: flex !important; flex-direction: column !important; } #slider .boxcontent { height: 100% !important; } #slider .boxcontent .img { flex: 1 !important; display: flex !important; align-items: flex-end !important; box-sizing: border-box !important; height: auto !important; } #slider .img-fluid { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover !important; display: block !important; } } .order-section { position: relative; margin-top: 60px; } @media (min-width: 1650px) { .order-section__area { padding: 80px 50px; } } @media (min-width: 768px) { .order-section__area { padding: 40px 30px; } } .order-section__area { position: relative; z-index: 10; padding: 30px 50px; } .order-section__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; background: url('') center center no-repeat, white; -webkit-box-shadow: 0 4px 35px rgba(0, 0, 0, .15); box-shadow: 0 4px 35px rgba(0, 0, 0, .15); border-radius: 20px; } @media (min-width: 1650px) { .order-section__title { margin: 0 0 40px; } } .order-section__title { margin: 0 0 30px; } @media (min-width: 1650px) { .order-section__list { margin: -50px -30px 0; } } .order-section__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -30px -15px 0; } .block__title{ margin-top: 80px; } .order-section__item { width: 100%; padding: 10px 15px 0; } @media (min-width: 768px) { .order-section__item { width: 50%; } } @media (min-width: 992px) { .order-section__item { width: 33.3333%; } .mobile-only{display:none;} } @media (max-width: 991px){ .mobile-only .img{margin-top: 20px; margin-bottom: 10px;} .desktop{display:none;} .order-section__area { padding: 30px 20px; } .order-section__num { font-size: 48px !important; } .order-section__text { margin-left: 35px !important; } .order-section__title { font-size: 24px; padding-top: 0 !important; } .order-section { margin-top: 20px; } .works-gallery{ padding: 0; } #prem .grid.col-pc-3{ padding-bottom: 30px; } } .order-section__num { font-weight: 800; font-size: 72px; color: var(--primary-color); } @media (min-width: 1200px) { .order-section__text { font-size: 18px; line-height: 26px; } } .order-section__text { margin-left: 25px; font-size: 16px; } #prem .item .text { margin: 10px 0 15px; font-size: 14px; line-height: 1.5; color: #333; } @media (max-width: 991px) { #prem .item .text { font-size: 13px; margin: 8px 0 12px; } }