@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Prosto+One&display=swap');
::root{
    --addFont: "Prosto One", sans-serif;
}
body {
    font-family: "Manrope", sans-serif;
    background: #f7f1e9;
    color: #172626;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}
a {
    color: #172626;
    text-decoration: none;
}
a:hover {
    color: inherit;
}
h2 {
    color: #172626;
    font-family: var(--addFont);
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 40px;
}
button, input, optgroup, select, textarea {
    font-family: "Manrope", sans-serif;
}
#page-wrapper {
    width: 100%;
    overflow: hidden;
}
#header {
    width: 100%;
    padding: 25px 0px;
}
#header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header p {
    margin: 0px;
}
#block-krus-email p a {
    color: rgba(23, 38, 38, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#block-krus-telefon {
    margin: 0px 30px;
}
#block-krus-telefon p a {
    color: #172626;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.field--name-field-banner-link p {
	display: flex;
}
.field--name-field-banner-link p a,
.btn-arrow {
    display: flex;
    align-items: center;
    border-radius: 100px;
    background: #FF8A00; 
    height: 50px;
    padding: 2px 2px 2px 22px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.btn-white {
    background: #fff;
    color: #172626; 
}
.field--name-field-banner-link p a:after,
.btn-arrow:after {
    display: flex;
    align-items: center;
    justify-content: center;
    content: '';
    background: #fff url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.905 11.4908C12.9743 11.4208 13.057 11.3653 13.148 11.3277C13.2391 11.29 13.3368 11.2709 13.4353 11.2716L21.9206 11.2716C22.1194 11.2717 22.3099 11.3507 22.4505 11.4912C22.591 11.6318 22.67 11.8223 22.6701 12.0211L22.6701 20.5064C22.6633 20.7006 22.5813 20.8846 22.4415 21.0195C22.3017 21.1545 22.1149 21.2299 21.9206 21.2299C21.7263 21.2299 21.5395 21.1545 21.3997 21.0195C21.2599 20.8846 21.1779 20.7006 21.1711 20.5064L21.1711 12.7706L13.4353 12.7706C13.2366 12.7705 13.046 12.6915 12.9055 12.551C12.7649 12.4104 12.6859 12.2198 12.6858 12.0211C12.6852 11.9226 12.7042 11.8249 12.7419 11.7338C12.7795 11.6427 12.835 11.5601 12.905 11.4908Z" fill="%23172626"/><path d="M11.4908 21.3902L21.3903 11.4907C21.5309 11.35 21.7217 11.271 21.9206 11.271C22.1195 11.271 22.3103 11.35 22.4509 11.4907C22.5916 11.6313 22.6706 11.8221 22.6706 12.021C22.6706 12.2199 22.5916 12.4107 22.4509 12.5513L12.5514 22.4508C12.4108 22.5915 12.22 22.6705 12.0211 22.6705C11.8222 22.6705 11.6314 22.5915 11.4908 22.4508C11.3501 22.3102 11.2711 22.1194 11.2711 21.9205C11.2711 21.7216 11.3501 21.5308 11.4908 21.3902Z" fill="%23172626"/></svg>') center center no-repeat;
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    margin-left: 13px;
    transition: all 0.2s ease;
}
.btn-white:after {
    background: #FF8A00 url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.905 11.4908C12.9743 11.4208 13.057 11.3653 13.148 11.3277C13.2391 11.29 13.3368 11.2709 13.4353 11.2716L21.9206 11.2716C22.1194 11.2717 22.3099 11.3507 22.4505 11.4912C22.591 11.6318 22.67 11.8223 22.6701 12.0211L22.6701 20.5064C22.6633 20.7006 22.5813 20.8846 22.4415 21.0195C22.3017 21.1545 22.1149 21.2299 21.9206 21.2299C21.7263 21.2299 21.5395 21.1545 21.3997 21.0195C21.2599 20.8846 21.1779 20.7006 21.1711 20.5064L21.1711 12.7706L13.4353 12.7706C13.2366 12.7705 13.046 12.6915 12.9055 12.551C12.7649 12.4104 12.6859 12.2198 12.6858 12.0211C12.6852 11.9226 12.7042 11.8249 12.7419 11.7338C12.7795 11.6427 12.835 11.5601 12.905 11.4908Z" fill="%23ffffff"/><path d="M11.4908 21.3902L21.3903 11.4907C21.5309 11.35 21.7217 11.271 21.9206 11.271C22.1195 11.271 22.3103 11.35 22.4509 11.4907C22.5916 11.6313 22.6706 11.8221 22.6706 12.021C22.6706 12.2199 22.5916 12.4107 22.4509 12.5513L12.5514 22.4508C12.4108 22.5915 12.22 22.6705 12.0211 22.6705C11.8222 22.6705 11.6314 22.5915 11.4908 22.4508C11.3501 22.3102 11.2711 22.1194 11.2711 21.9205C11.2711 21.7216 11.3501 21.5308 11.4908 21.3902Z" fill="%23ffffff"/></svg>') center center no-repeat;
}
.btn-arrow:hover {
    color: #fff;
    opacity: 0.8;
}
.btn-white:hover {
    color: #172626; 
}
.region-top-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
#intro {
    padding-top: 12px;
    margin-bottom: 40px;
}
.region-top-header h1 {
    color: #172626;
    font-family: var(--addFont);
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0px;
}
#block-krus-nazvaniesayta-2 {
    width: auto;
}
#block-krus-tekstryadomsnazvaniem {
    width: 410px;
}
#block-krus-main-menu {
    width: 100%;
}
.navbar-expand-lg .navbar-nav {
    width: 100%;
    justify-content: space-between;
    border-radius: 100px;
    background: #FFF; 
    padding: 13px 17px;
}
.navbar-expand-lg .navbar-nav:after {
    display: none;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 12px 35px;
    color: #172626;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 43px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #fff;
    background: #4F8371; 
}
#catalog {
    padding: 70px 0px;
}
.view-products .views-row {
    width: 50%;
    padding-bottom: 60px;
}
.view-products .views-row:nth-last-of-type(2) {
    width: 100%;
}
.view-products .views-row:last-child {
    width: 100%;
    padding-bottom: 0px;
}
.product-pic {
    position: relative;
}
.product-pic img {
    width: 100%;
    max-width: 100%;
    height: 470px;
    object-fit: cover;
    border-radius: 20px;
    margin: 0px;
}
.product-name {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 40px 52px;
    color: #172626;
    text-align: right;
    font-family: var(--addFont);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.view-products .views-row:last-child .product-name,
.view-products .views-row:nth-last-of-type(2) .product-name {
    text-align: center;
    width: 100%;
}
.product-meta {
    display: flex;
    align-items: center;
    padding-top: 15px;
}
.node .field--type-image {
    float: none;
    margin: 0px;
}
.product-order {
    margin-left: 0px;
}
.product-order a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: #fff;
    border-radius: 50%;
    transition: all 0.2s ease;
}
.product-order a:hover {
    opacity: 0.8;
}
.product-meta > .field {
    margin-right: 20px;
    color: #172626;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.product-meta .field__item {
    padding-left: 14px;
    font-weight: 700;
}
.view-products .views-row:last-child .product-meta,
.view-products .views-row:nth-last-of-type(2) .product-meta {
    justify-content: center;
}
.product-meta > .field--name-field-price2 {
    margin-left: 60px;
}
.solutions-wrapper {
    width: 100%;
    padding: 60px 30px;
    border-radius: 20px;
    background: linear-gradient(96deg, #172626 -28.3%, #436F61 57.77%, #172626 128.19%);
    color: #fff;
}
.solutions-wrapper .field {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.solutions-wrapper h2 {
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
}
.solutions-wrapper .field p {
    margin-bottom: 30px;
}
.solutions-wrapper .field p:last-child {
    margin-bottom: 0px;
}
#layouts {
    padding: 120px 0px;
}
.layout-name {
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
}
#equipment {
    width: 100%;
    background: #FFF; 
    padding: 90px 0px;
}
.region-featured-bottom-second {
    justify-content: space-between;
}
#block-krus-bazovayakomplektaciya {
    max-width: 632px;
}
#block-krus-dopolnitelnayakomplektaciya {
    max-width: 520px;
}
#block-krus-dopolnitelnayakomplektaciya h2 {
    margin-bottom: 34px;
}
#block-krus-dopolnitelnayakomplektaciya p {
    font-size: 16px;
    margin: 0px;
}
#block-krus-dopolnitelnayakomplektaciya .field ul,
#block-krus-dopolnitelnayakomplektaciya .field ul li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-image: none;
}
#block-krus-dopolnitelnayakomplektaciya .field ul {
    display: flex;
    flex-wrap: wrap;
}
#block-krus-dopolnitelnayakomplektaciya .field ul li {
    display: flex;
    align-items: center;
    width: 50%;
    margin-top: 50px;
}
#block-krus-dopolnitelnayakomplektaciya .field ul li svg {
    margin-right: 14px;
}
.nav-pills {
    margin-bottom: 30px;
}
.nav-pills .nav-link {
    border-radius: 60px;
    background: #F7F1E9;
    padding: 6px 25px;
    color: #172626;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.2s ease;
}
.nav-pills li {
    margin-right: 11px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: #4F8371; 
    color: #fff;
}
.char-table > div {
    display: flex;
    padding: 10px 0px;
    border-bottom: 1px solid #172626;
    margin-bottom: 10px;
    font-size: 16px;
}
.char-table > div span:first-child {
    width: 189px;
    min-width: 189px;
    color: rgba(23, 38, 38, 0.50); 
}
#map {
    width: 100%;
    padding-top: 120px;
    padding-bottom: 40px;
}
#block-krus-proizvodimikhranimbytovkinaskladakhvmoskveipodmoskove h2 {
    margin: 0px 0px 0px 112px;
}
#block-krus-dostavlyaemsvoimavtoparkomsblizhnegokvamsklada-2,
#block-krus-dostavlyaemsvoimavtoparkomsblizhnegokvamsklada {
    position: relative;
    width: 1080px;
    height: 834px;
    background: url(../images/map.svg) center center no-repeat;
    background-size: contain;
}
#block-krus-dostavlyaemsvoimavtoparkomsblizhnegokvamsklada-2 .field,
#block-krus-dostavlyaemsvoimavtoparkomsblizhnegokvamsklada .field {
    max-width: 222px;
    position: absolute;
    top: 59px;
    right: 0px;
}
#block-krus-dostavlyaemsvoimavtoparkomsblizhnegokvamsklada-2 .field p,
#block-krus-dostavlyaemsvoimavtoparkomsblizhnegokvamsklada .field p {
    margin-bottom: 29px;
}
#block-krus-dostavlyaemsvoimavtoparkomsblizhnegokvamsklada-2 .field p:last-child,
#block-krus-dostavlyaemsvoimavtoparkomsblizhnegokvamsklada .field p:last-child {
    margin-bottom: 0px;
}
#production {
    width: 100%;
    padding: 90px 0px;
    background: #fff;
}
#block-krus-sobstvennoeproizvodstvo h2 {
    display: flex;
    margin: 0px 0px 35px 110px;
    font-size: 24px;
}
#block-krus-sobstvennoeproizvodstvo h2 svg {
    margin-right: 22px;
}
#block-krus-proizvodstvo .field {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.production-left {
    width: 813px;
}
.production-left img {
    max-width: 100%;
    height: auto;
}
.production-right {
    width: 409px;
}
.production-item strong {
    font-weight: 700;
    line-height: 113.7%;
    text-transform: uppercase; 
}
.production-item p {
    margin-bottom: 23px;
    line-height: 1.3;
}
.production-item p:last-child {
    margin-bottom: 0px;
}
.production-item:not(:last-child) {
    margin-bottom: 43px;
}
#examples {
    padding-top: 110px;
}
#examples h2 {
    margin-left: 110px;
}
.field--name-field-galereya .field__label {
    display: none;
}
#examples .nav-pills .nav-link {
    background: #fff;
}
#examples .nav-pills .nav-link.active, #examples .nav-pills .show > .nav-link {
    background: #4F8371;
    color: #fff;
}
#examples .nav-pills {
    padding-left: 110px;
    margin-bottom: 40px;
}
.field--name-field-galereya .field__items {
    margin: 0px -15px;
}
.field--name-field-galereya .field__item {
    padding: 0px 15px;
}
.field--name-field-galereya .field__item img {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.field--name-field-galereya .slick-list {
    overflow: unset;
}
.examples-progress {
	display: block;
	width: 100%;
	height: 5px;
	border-radius: 10px;
	overflow: hidden;
	background-color: rgba(23, 38, 38, 0.10); 
	background-image: linear-gradient(to right, #172626, #172626);
	background-repeat: no-repeat;
	background-size: 0 100%;	
	transition: background-size .4s ease-in-out;
}
#questions {
    padding: 110px 0px;
}
#block-krus-faqzagolovok h2,
#block-krus-otvetynachastozadavaemyevoprosy h2 {
    padding-left: 110px;
}
#block-krus-views-block-faq-block-1-2,
#block-krus-views-block-faq-block-1 {
    width: 740px;
}
#block-krus-esliuvasostalisvoprosypozhaluystazadayteikhnam-2,
#block-krus-esliuvasostalisvoprosypozhaluystazadayteikhnam {
    width: 220px;
    margin-left: 139px;
}
#block-krus-esliuvasostalisvoprosypozhaluystazadayteikhnam-2 p,
#block-krus-esliuvasostalisvoprosypozhaluystazadayteikhnam p {
    margin-bottom: 30px;
    font-size: 16px;
}
.accordion-item {
    font-family: "Manrope", sans-serif;
    border-radius: 0px;
    background: none;
    border: 0px;
    border-bottom: 1px solid rgba(23, 38, 38, 0.10) !important;
}
.accordion-button:not(.collapsed),
.accordion-button {
    border: 0px;
    border-radius: 0px;
    background: none;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.13;
    box-shadow: unset !important;
    padding: 11px 0px;
    outline: none !important;
}
.accordion-button:not(.collapsed):after,
.accordion-button::after {
    background: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.875 4.75H7.125C6.49511 4.75 5.89102 5.00022 5.44562 5.44562C5.00022 5.89102 4.75 6.49511 4.75 7.125V30.875C4.75 31.5049 5.00022 32.109 5.44562 32.5544C5.89102 32.9998 6.49511 33.25 7.125 33.25H30.875C31.5049 33.25 32.109 32.9998 32.5544 32.5544C32.9998 32.109 33.25 31.5049 33.25 30.875V7.125C33.25 6.49511 32.9998 5.89102 32.5544 5.44562C32.109 5.00022 31.5049 4.75 30.875 4.75ZM27.3125 20.1875H20.1875V27.3125C20.1875 27.6274 20.0624 27.9295 19.8397 28.1522C19.617 28.3749 19.3149 28.5 19 28.5C18.6851 28.5 18.383 28.3749 18.1603 28.1522C17.9376 27.9295 17.8125 27.6274 17.8125 27.3125V20.1875H10.6875C10.3726 20.1875 10.0705 20.0624 9.84781 19.8397C9.62511 19.617 9.5 19.3149 9.5 19C9.5 18.6851 9.62511 18.383 9.84781 18.1603C10.0705 17.9376 10.3726 17.8125 10.6875 17.8125H17.8125V10.6875C17.8125 10.3726 17.9376 10.0705 18.1603 9.84781C18.383 9.62511 18.6851 9.5 19 9.5C19.3149 9.5 19.617 9.62511 19.8397 9.84781C20.0624 10.0705 20.1875 10.3726 20.1875 10.6875V17.8125H27.3125C27.6274 17.8125 27.9295 17.9376 28.1522 18.1603C28.3749 18.383 28.5 18.6851 28.5 19C28.5 19.3149 28.3749 19.617 28.1522 19.8397C27.9295 20.0624 27.6274 20.1875 27.3125 20.1875Z" fill="%234F8371"/></svg>') center center no-repeat;
    width: 38px;
    height: 38px;
    transform: unset !important;
}
.accordion-button[aria-expanded="true"]:after {
    background: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.875 4.75H7.125C6.49511 4.75 5.89102 5.00022 5.44562 5.44562C5.00022 5.89102 4.75 6.49511 4.75 7.125V30.875C4.75 31.5049 5.00022 32.109 5.44562 32.5544C5.89102 32.9998 6.49511 33.25 7.125 33.25H30.875C31.5049 33.25 32.109 32.9998 32.5544 32.5544C32.9998 32.109 33.25 31.5049 33.25 30.875V7.125C33.25 6.49511 32.9998 5.89102 32.5544 5.44562C32.109 5.00022 31.5049 4.75 30.875 4.75ZM27.3125 20.1875H10.6875C10.3726 20.1875 10.0705 20.0624 9.84781 19.8397C9.62511 19.617 9.5 19.3149 9.5 19C9.5 18.6851 9.62511 18.383 9.84781 18.1603C10.0705 17.9376 10.3726 17.8125 10.6875 17.8125H27.3125C27.6274 17.8125 27.9295 17.9376 28.1522 18.1603C28.3749 18.383 28.5 18.6851 28.5 19C28.5 19.3149 28.3749 19.617 28.1522 19.8397C27.9295 20.0624 27.6274 20.1875 27.3125 20.1875Z" fill="%234F8371"/></svg> ') center center no-repeat;
}
.accordion-body {
    padding: 0px;
    font-size: 16px;
}

#footer {
    width: 100%;
    background: url(../images/f-bg.jpg) center top no-repeat;
    background-size: cover;
    padding-top: 118px;
}
.footer-logo {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding: 50px 0px 40px 0px;
    margin-top: 145px;
}
.region-footer-contacts {
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}
.region-footer-contacts .block {
    width: auto;
}
.region-footer-contacts .block p {
    margin: 0px;
}
.region-footer-contacts .block p a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
.region-footer-fifth {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 0px;
}
#block-krus-informaciyanasayteneyavlyaetsyapublichnoyofertoy {
    width: 35%;
}
#block-krus-informaciyanasayteneyavlyaetsyapublichnoyofertoy p {
    margin: 0px;
    color: rgba(255, 255, 255, 0.50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#block-krus-kontaktyvnizu {
    width: 30%;
}
#block-krus-kontaktyvnizu p {
    margin: 0px;
    text-align: center;
}
#block-krus-kontaktyvnizu p:first-child {
    margin-bottom: 6px;
}
#block-krus-kontaktyvnizu p:first-child a {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#block-krus-kontaktyvnizu p:last-child a {
    color: rgba(255, 255, 255, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#block-krus-razrabotkasayta {
    width: 35%;
    text-align: right;
}
#block-krus-razrabotkasayta p {
    margin: 0px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#block-krus-razrabotkasayta p a {
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}
#block-krus-razrabotkasayta p a:hover {
    text-decoration: none;
}
.region-footer-fourth {
    display: flex;
    justify-content: space-between;
}
#block-krus-vebforma {
    width: 512px;
}
#block-krus-menedzhery {
    width: 417px;
}
.form-actions .btn-arrow {
    border: 0px;
    box-shadow: unset !important;
    outline: none !important;
    padding: 2px 2px 2px 22px;
    border-radius: 100px;
    font-size: 16px;
}
.form-actions .btn-arrow:hover {
    background: #fff !important;
}
.ui-dialog .form-actions .btn-arrow {
    background: #FF8A00;
    color: #fff !important;
}
.ui-dialog .form-actions .btn-arrow:hover {
    background: #FF8A00 !important;
}
.field--name-field-team {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -5px;
}
.field--name-field-team > div {
    width: 33.333%;
    padding: 0px 5px 10px 5px;
}
.field--name-field-team img {
    max-width: 100%;
    height: auto;
    margin: 0px;
    border-radius: 5px;
}
.team-rasp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px !important;
    color: rgba(255, 255, 255, 0.50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.team-2 {
    text-align: right;
}
#block-krus-vebforma h2 {
    color: #fff;
    font-size: 24px;
}
.webform-element-description {
    display: none;
}
.webform-file-button .btn-primary {
    background: #FF8A00 !important;
    border: 0px;
}
body .webform-file-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
body .webform-file-button:before {
    display: block;
    content: '';
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.67 7.053L6.68004 11.315C6.34156 11.6932 5.85986 11.9119 5.35236 11.9178C4.84487 11.9237 4.35821 11.7162 4.01104 11.346C3.24412 10.5454 3.257 9.27885 4.04004 8.494L9.39904 2.763C9.99015 2.10491 10.8315 1.72677 11.7161 1.72163C12.6006 1.71649 13.4463 2.08482 14.045 2.736C15.3222 4.14736 15.3131 6.29949 14.024 7.7L8.34204 13.771C7.53339 14.5827 6.42651 15.0261 5.28113 14.9971C4.13575 14.9682 3.05268 14.4695 2.28604 13.618C0.533695 11.6414 0.577053 8.6549 2.38604 6.73L7.75304 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> ') center center no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 13px;
}
.form-type-managed-file {
    margin: 30px 0px !important;
}
.form-type-managed-file a {
    color: #fff;
}
.form-type-textfield,
.form-type-tel {
    position: relative;
    width: 100%;
    margin-bottom: 20px !important;
}
.form-type-textfield label,
.form-type-tel label {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #2D4B44;
    padding: 1px 6px; 
    margin: 0px;
    left: 17px;
    top: -9px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.form-type-textfield .form-control,
.form-type-tel .form-control {
    border-radius: 0px;
    border: 1px solid #fff;
    height: 45px;
    width: 100%;
    padding: 0px 20px;
    color: #fff;
    background: none;
    box-shadow: unset !important;
    outline: none !important;
    font-size: 16px;
}
.form-policy {
    width: 238px;
    color: rgba(255, 255, 255, 0.50);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.form-required::after {
    display: none !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button,
body .ui-dialog {
	font-family: "Manrope", sans-serif;
}
body .ui-widget-overlay {
	background: #353535;
	opacity: 0.70;
	z-index: 1001 !important;
}
body .ui-widget.ui-widget-content {
	border: 0px;
	background: #FFFFFF;
	box-shadow: unset;
	border-radius: 0px;
	padding: 0px;
	z-index: 2000 !important;
}
body .ui-dialog-title {
	display: none;
}
body .ui-dialog .ui-dialog-titlebar {
    padding: 0px;
    position: relative;
    border: 0px;
    background: none;
}
body .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
	cursor: pointer;
	top: 30px;
	right: 30px;
	margin: 0px;
	border-radius: 0px;
	border: 0px;
	background: url(../images/close.svg) center center no-repeat;
	width: 18px;
	height: 18px;
	z-index: 1000;
}
body .ajax-progress,
body .ui-dialog .ui-dialog-titlebar-close span {
	display: none !important;
}
body .ui-dialog .ui-dialog-content,
body #drupal-modal {
	padding: 70px 110px;
    max-height: 90vh !important;
}

.ui-dialog .form-type-email,
.ui-dialog .form-type-textarea {
    position: relative;
}
.ui-dialog .form-type-textfield label,
.ui-dialog .form-type-tel label,
.ui-dialog .form-type-email label,
.ui-dialog .form-type-textarea label {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    padding: 1px 6px; 
    margin: 0px;
    left: 17px;
    top: -9px;
    color: #172626;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ui-dialog .form-type-textfield .form-control,
.ui-dialog .form-type-tel .form-control,
.ui-dialog .form-type-email .form-control,
.ui-dialog .form-type-textarea .form-control {
    border-radius: 0px;
    border: 1px solid #172626;
    height: 45px;
    width: 100%;
    padding: 0px 20px;
    color: #172626;
    background: none;
    box-shadow: unset !important;
    outline: none !important;
    font-size: 16px;
}
.ui-dialog .form-type-textarea .form-control {
    padding: 20px;
    height: 85px;
}
.ui-dialog .form-policy {
    color: rgba(24, 39, 39, 0.50); 
}
body .ui-dialog .webform-file-button.button {
    background: none;
    color: #172626;
    padding: 0px;
    border-radius: 0px;
    border: 0px;
    box-shadow: unset;
    outline: none;
}
body .ui-dialog .webform-file-button:before {
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.67 7.053L6.68004 11.315C6.34156 11.6932 5.85986 11.9119 5.35236 11.9178C4.84487 11.9237 4.35821 11.7162 4.01104 11.346C3.24412 10.5454 3.257 9.27885 4.04004 8.494L9.39904 2.763C9.99015 2.10491 10.8315 1.72677 11.7161 1.72163C12.6006 1.71649 13.4463 2.08482 14.045 2.736C15.3222 4.14736 15.3131 6.29949 14.024 7.7L8.34204 13.771C7.53339 14.5827 6.42651 15.0261 5.28113 14.9971C4.13575 14.9682 3.05268 14.4695 2.28604 13.618C0.533695 11.6414 0.577053 8.6549 2.38604 6.73L7.75304 1" stroke="%23172626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') center center no-repeat;
}
.modal-title {
    color: #172626;
    text-align: center;
    font-family: var(--addFont);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.modal-subtitle {
    color: #172626;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 70px;
    z-index: 2000;
}
.form-head {
    height: 1px;
    opacity: 0;
    margin: 0px !important;
}
.breadcrumb-item+.breadcrumb-item {
    --bs-breadcrumb-item-padding-x: 14px
}
.breadcrumb-item+.breadcrumb-item::before {
    --bs-breadcrumb-item-padding-x: 14px;
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 3.25H9.5M9.5 3.25L6 0.75M9.5 3.25L6.5 6.25' stroke='black' stroke-opacity='0.3' stroke-width='0.7' stroke-linecap='round'/%3E%3C/svg%3E");
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 3.25H9.5M9.5 3.25L6 0.75M9.5 3.25L6.5 6.25' stroke='black' stroke-opacity='0.3' stroke-width='0.7' stroke-linecap='round'/%3E%3C/svg%3E");*/
}
.breadcrumb-item {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
}
.breadcrumb-item.active {
    --bs-breadcrumb-item-active-color: #FF8A00;
}
.breadcrumb-item a{
    color: rgba(0, 0, 0, 0.50);

}
.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
    color: #000;
}
.breadcrumb{
    padding: 12px 0;
}


.button{
    position: relative;
    padding: 14px 60px 14px 25px;
    border-radius: 100px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    border: 1px solid transparent;
}

a.button{
    display: inline-block;
}

.button.button-primary{
    background: #4F8371;
    color: #fff;
}
.button.button-primary:hover,
.button.button-primary:focus{
    background: #fff;
    color: #4F8371;
}
.button.button-transparent {
    background: transparent;
    color: #4F8371;
    border-color: #4F8371;
}
.button.button-transparent:hover,
.button.button-transparent:focus {
    border-color: #fff;
}
.button-arrow-badge{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.button.button-primary .button-arrow-badge{
    color: #000;
    background-color: #fff;
}
.button.button-transparent .button-arrow-badge {
    color: #FFF;
    background-color: #4F8371;
}

.catalog-title{
    color: #172626;
    font-family: var(--addFont);
    font-size: 68px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 74.8px */
    text-transform: uppercase;
    padding-top: 22px;
    padding-bottom: 15px;
    margin: 0;
}


.rows-list{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-top: 16px;
    padding-bottom: 30px;
}
@media screen and (max-width: 767px){
    .rows-list {
        justify-content: center;
    }
}
.row-list-item {
    flex-grow: 1;
    flex-basis: 300px;
    max-width: 300px;
}

.product-teaser-price{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    font-style: normal;
    line-height: normal;
}
.product-teaser-price + .product-teaser-price{
    padding-top: 6px;
}
.product-teaser-price .field>span{
    font-size: 12px;
}
.product-teaser-price.is-arenda .field{
    color: #4F8371;
    font-size: 18px;
    font-weight: 700;
}
.product-teaser-price.is-arenda .field {
    color: #FF8A00;
    font-size: 16px;
    font-weight: 500;
}
.product-teaser-price-name{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 12px;
    border-radius: 30px;
    border: 1px solid transparent;
}
.product-teaser-price-name.is-green{
    color: #4F8371;
    border-color: rgba(79, 131, 113, 0.20);
    background: rgba(79, 131, 113, 0.10);
}
.product-teaser-price-name.is-orange {
    color: rgba(255, 138, 0, 0.80);
    border-color: rgba(255, 138, 0, 0.10);
    background: rgba(255, 138, 0, 0.10);
}
.product-teaser-title{
    display: block;
    color: #172626;
    font-family: var(--addFont);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding-top: 20px;
}
.product-teaser .field--name-field-preview{
    display: block;
    text-align: center;
    border-radius: 20px;
    position: relative;
    z-index: 2;
}
.product-teaser-preview{
    display: block;
    text-align: center;
    position: relative;
}
.product-teaser .field--name-field-preview img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    border-radius: 20px;
    position: relative;
    z-index: 3;
}
.product-teaser-preview-arrow{
    display: inline-flex;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: #FF8A00;
    z-index: 4;
}
.product-teaser .field--name-field-subtitle{
    color: rgba(23, 38, 38, 0.50);
    font-family: var(--addFont);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.term-teaser{
    display: inline-block;
    position: relative;
}
.term-teaser .field--name-field-preview{
    position: relative;
    z-index: 1;
}
.term-teaser .field--name-name{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    color: #172626;
    text-align: center;
    font-family: var(--addFont);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding: 10px;
}

.zexler-swiper{
    margin-top: 15px;
    margin-bottom: 30px;
}


.catalog-form{
    gap: 30px;
}

.views-exposed-form.bef-exposed-form .form-actions{
    display: none;
}


.indudual-info{
    display: flex;
    align-items: center;
}

.gradient-box{
    border-radius: 20px;
    background: linear-gradient(146deg, #223636 1.16%, #436F61 46.53%, #223636 97.7%), #FAF9F8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 25px;
    width: 100%;
}

.indudual-info-control{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.indudual-title{
    padding: 0;
    margin: 0;
    color: #000;
    
        font-family: var(--addFont);
        font-size: 34px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        /* 37.4px */
        text-transform: uppercase;
}
.indudual-description{
    color: #172626;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;

}
.indudual-subinfo{
    color: rgba(23, 38, 38, 0.60);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.indudual-actions{
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.inline-images{
    display: flex;
    flex-wrap: nowrap;
    padding: 4px;
    border-radius: 100px;
    border: 1px solid #4F8371;
}

.inline-images img{
    margin-left: -10px;
    position: relative;
    z-index: 1;
}
.inline-images img:first-child{
    margin-left: 0;
    z-index: 2;
}

.webform-submission-forma-vnizu-form .file-control-information,
.webform-submission-popup-form .file-control-information{
    display: none;  
}

.info-header-strong{
    color: #172626;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 170%;
}
.info-header-normal{
    color: rgba(23, 38, 38, 0.50);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
}
.info-header-strong>a{
    color: #172626;
    font-weight: 600;
}
.info-header-normal>a{
    color: rgba(23, 38, 38, 0.50);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.info-header-normal>a:hover,
.info-header-normal>a:focus{
    color: rgba(23, 38, 38, 1);
}

div#block-krus-adressvshapke {
    padding: 0 15px;
}
div#block-krus-vremyarabotyvshapke {
    padding: 0 15px;
}
div#block-krus-email {
    padding: 0 30px;
}

.catalog-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0px 12px 0 30px;
    border-radius: 43px;
    background: #4F8371;
}

.navbar-expand-lg .navbar-nav .nav-link.catalog-item-link {
    padding: 12px 35px 12px 0;
    color: #fff;
}
.catalog-icon {
    color: #fff;
}

.production-title{
    display: inline-flex;
    align-items: center;
    gap: 22px;
    padding-bottom: 35px;
    margin-left: 8.5%;
}

.production-list-item-name{
    color: #172626;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 113.7%;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.production-list-description{
    color: #172626;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
.production-list{
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.views-field-field-vk .field-content,
.video-container {
    position: relative;
    padding-top: 177.77%;
}
.views-field-field-vk .field-content iframe,
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.btn-yellow{
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF8A00;
    --bs-btn-border-color: #ff8800e8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff8800e8;
    --bs-btn-hover-border-color: #ff8800e8;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FF8A00;
    --bs-btn-active-border-color: #FF8A00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
    --bs-btn-padding-x: 1px 15px;
    --bs-btn-padding-y: 2px 2px;
}
.region-sea-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0px 0px 0px;
    background: url(../images/sea-bg.png) center center no-repeat;
    background-size: cover;
    border-radius: 24px;
}
.view-bn .views-row:last-child .region-sea-block {
	margin-bottom: 64px;
}
.region-sea-block > .block {
    width: 50%;
}
.region-sea-block > .block:first-child {
    padding: 50px;
    color: #fff;
}
#block-krus-nenashlinuzhnoevamreshenie .content .field,
#block-krus-novyyzhiloymorskoykonteyner .content .field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.block-krus-kartininkimorskogokonteynera-2,
#block-krus-kartininkimorskogokonteynera-2,
#block-krus-kartininkimorskogokonteynera {
    padding: 0px;
}
.block-krus-kartininkimorskogokonteynera-2 p,
#block-krus-kartininkimorskogokonteynera-2 p,
#block-krus-kartininkimorskogokonteynera p {
    margin: 0px;
}
.block-krus-kartininkimorskogokonteynera-2 img,
#block-krus-kartininkimorskogokonteynera-2 img,
#block-krus-kartininkimorskogokonteynera img {
    max-width: 100%;
    height: 385px;
	object-fit: cover;
	border-radius: 26px;
}
.region-sea-block .field__item img,
.block-content-slayder .field--name-field-galereya .field__item img,
.block-content-slayder .field--name-field-galereya .field__item img {
    margin: 0px;
}
.region-sea-block .field__item,
.block-content-slayder .field--name-field-galereya .field__item,
.block-content-slayder .field--name-field-galereya .field__item {
    padding: 0;
}
.region-sea-block .slick-list,
.block-content-slayder .field--name-field-galereya .slick-list {
    overflow: hidden;
}
.block-content-slayder .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    padding: 0px;
    border: 0px;
    background: none;
    cursor: pointer;
    z-index: 10;
}
.block-content-slayder .slick-arrow.slick-next {
    left: auto;
    right: 15px;
}
.featured-top {
    padding: 60px 0px;
}
.path-frontpage #block-krus-content {
    display: none;
}
.block-krus-novyyzhiloymorskoykonteyner p,
#block-krus-novyyzhiloymorskoykonteyner p {
    margin: 0px;
}
.block-krus-novyyzhiloymorskoykonteyner strong,
#block-krus-novyyzhiloymorskoykonteyner strong {
    display: block;;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: 0%;
    margin-bottom: 30px;
}
.block-krus-novyyzhiloymorskoykonteyner .field ul,
.block-krus-novyyzhiloymorskoykonteyner .field ul li ,
#block-krus-novyyzhiloymorskoykonteyner .field ul,
#block-krus-novyyzhiloymorskoykonteyner .field ul li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-image: none;
}
.block-krus-novyyzhiloymorskoykonteyner .field ul,
#block-krus-novyyzhiloymorskoykonteyner .field ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.block-krus-novyyzhiloymorskoykonteyner .field ul li,
#block-krus-novyyzhiloymorskoykonteyner .field ul li {
    width: 50%;
    padding-right: 15px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.block-krus-novyyzhiloymorskoykonteyner .field--name-field-tekst-na-bannere {
    margin-bottom: 20px;
}
.block-krus-novyyzhiloymorskoykonteyner .field--name-field-tekst-na-bannere ul {
    display: block;
}
.block-krus-novyyzhiloymorskoykonteyner .field--name-field-tekst-na-bannere ul li {
    width: 100% !important;
    margin-bottom: 15px;
}
#block-krus-views-block-bn-block-2 .region-sea-block {
    align-items: unset;
}
#block-krus-views-block-bn-block-2 .region-sea-block > .block:first-child .content {
    height: 100%;
}
#block-krus-views-block-bn-block-2 .region-sea-block > .block:first-child .content .field {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.featured-bottom,
.page-node-144 .featured-bottom {
    padding-bottom: 69px;
}
#comp {
    width: 100%;
    padding: 80px 0px;
    background: #fff;
    margin-bottom: 80px;
}
#comp .views-row ul,
#comp .views-row ul li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-image: none;
}
#comp .views-row ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
#comp .views-row ul li {
    width: 49%;
    padding: 12px 0px;
    display: flex;
    border-bottom: 1px solid rgba(219, 219, 219, 1);
}
#comp .views-row ul li strong {
    width: 190px;
    min-width: 190px;
    font-weight: normal;
    color: rgba(23, 38, 38, 0.5);
}
.product-price_wrapper {
    max-width: 410px;
    padding: 15px 24px;
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
}
.product-pic a.more {
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#block-krus-views-block-bn-block-2 {
    margin-bottom: 60px;
}
.view-example .views-row {
    margin-top: 80px;
}
.view-example .views-row:last-child {
    margin-bottom: 70px;
}
.view-example .views-field-title {
    color: rgba(23, 38, 38, 1);
    text-transform: uppercase;
    margin-bottom: 40px;
    font-size: 34px;
}