@charset "utf-8"; .dropdown:hover .dropdown__body,.dropdown__inner:hover .dropdown__inner-body { visibility: visible; transform: translateY(0); opacity: 1; } #crumbs a:hover,.form__content-left a,a:not(.btn):not(.buybtn):not(.sub-sub-link):not(.menu-link):not(.dropdown__header-button):hover { color: #004043; } #crumbs a:hover,.content-submnenu-list a,.menu-link,.newslist__item-title a,.scroll-to-top-btn,a { text-decoration: none; } ol li,ul li { display: list-item; padding: 0 0 0 1px; margin: 5px 0; color: #000; } ol li,p,ul li { font-weight: 200; } .advantages__grid,.count__list { grid-template-rows: 1fr 1fr 1fr; } footer,section { padding: 50px 0; } section:last-child { margin-bottom: 0; } *,.block-object-p1 { box-sizing: border-box; } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:100;src:url('../fonts/geologica/Geologica-Thin.woff2') format('woff2'); } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:200;src:url('../fonts/geologica/Geologica-ExtraLight.woff2') format('woff2'); } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:300;src:url('../fonts/geologica/Geologica-Light.woff2') format('woff2'); } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:400;src:url('../fonts/geologica/Geologica-Regular.woff2') format('woff2'); } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:500;src:url('../fonts/geologica/Geologica-Medium.woff2') format('woff2'); } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:600;src:url('../fonts/geologica/Geologica-SemiBold.woff2') format('woff2'); } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:700;src:url('../fonts/geologica/Geologica-Bold.woff2') format('woff2'); } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:800;src:url('../fonts/geologica/Geologica-ExtraBold.woff2') format('woff2'); } @font-face { font-display:swap;font-family:Geologica;font-style:normal;font-weight:900;src:url('../fonts/geologica/Geologica-Black.woff2') format('woff2'); } :root { --accent: #00b217; } * { margin: 0; padding: 0; font-family: Geologica; } .wrapper { overflow-x: hidden; padding-top: 170px; } body { font-family: Geologica,sans-serif; } body.hidden { overflow: hidden; } .grecaptcha-badge { display: none; visibility: hidden; } .faq-open .schema-faq-answer,.intro__section .section__header,.scroll-to-top-btn.active,form,ol,p,ul { display: block; } button { background-color: transparent; border: none; } section { padding: 70px 0; } .price__page,form,ol,section:first-of-type,ul { padding: 0; } p { font-size: 16px; margin: 0 0 10px; font-family: Geologica; } a { color: var(--accent); } .header__container-top .phone__link:hover { color: #fff!important; } strong { font-weight: 500; } ol,ul { margin: 15px 10px 15px 44px; } ul li { list-style: disc; } ol li { list-style: decimal; } #fancybox-buttons,#fancybox-buttons li,.f_news_list,.f_news_list li,.f_offices_list dd,.f_offices_list dl,.f_offices_list dt,.list_number,.list_number>li,.reset,.reset li,nav li,nav ul { display: block; padding: 0; margin: 0; list-style: none; background: 0; } .list_line,.list_number { margin: 10px 10px 10px 15px; } input[type=submit],ul.pager li { background-color: var(--accent); color: #fff; } ul.pager { display: flex; gap: 20px; margin-top: 20px; } ul.pager li { padding: 10px; border-radius: 10px; } .dropdown:first-child:hover .dropdown__header-button,.header__container-current,.header__container-current a,ul.pager li a { color: #fff; } .list_number { counter-reset: my-badass-counter; } .list_number>li { margin-top: 8px; } .list_line li:first-child,.list_number>li:first-child { margin-top: 0; } .list_number>li:before { content: counter(my-badass-counter) ". "; counter-increment: my-badass-counter; min-width: 18px; display: inline-block; color: inherit; } .list_line li { position: relative; margin: 8px 0 0; } .list_line li:before { content: "\002d"; margin: 0 6px 0 0; } form { margin: 0; max-width: 630px; } input[type=image]:hover { opacity: .8; } input,select,textarea { font: 16px Geologica,Arial,Helvetica,sans-serif; color: #696969; padding: 10px; width: 100%; border: 1px solid #e4e4e4; border-radius: 12px; height: 50px; } h1,h2,h3,h4,h5,h6 { margin-bottom: 20px; font-weight: 100; text-transform: uppercase; } .single__page-section h1,h1 { font-size: 40px; } input[type=submit]:hover { background-color: #004043; border: none; } input[disabled] { background-color: #bdbcbc; cursor: no-drop; } input[type=checkbox] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 17px!important; height: 17px!important; border: 1px solid #000; border-radius: 3px; background: #fff; cursor: pointer; margin-right: 10px; transform: scale(.77); } input[type=checkbox]:checked { background: var(--accent); position: relative; border: 1px solid var(--accent); } input[type=checkbox]:checked::after { content: "✔"; position: absolute; color: #fff; font-size: 14px; left: 4px; top: 1px; font-family: sans-serif; } input[type=radio] { height: 15px; width: 15px; } label { vertical-align: baseline; } button,input[type=button],input[type=submit],label { cursor: pointer; -webkit-appearance: none!important; -moz-appearance: none!important; } textarea { overflow: auto; resize: vertical; } .close-icon { position: relative; width: 20px; height: 20px; cursor: pointer; } .close-icon::after,.close-icon::before { content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; background-color: #333; transform: translate(-50%,-50%) rotate(45deg); } .close-icon::after { transform: translate(-50%,-50%) rotate(-45deg); } .fa-chevron-left,.fa-chevron-right { display: inline-block; width: 10px; height: 10px; border: solid #333; border-width: 0 2px 2px 0; cursor: pointer; transition: transform .2s; } .my-controls-btns.invert .fa-chevron-left,.my-controls-btns.invert .fa-chevron-right { border-color: #fff; } .fa-chevron-left { transform: rotate(135deg); } .fa-chevron-right { transform: rotate(-45deg); } .chevron-right:hover,.fa-chevron-left:hover { transform: scale(1.1) rotate(135deg); } .fa-chevron-right:hover { transform: scale(1.1) rotate(-45deg); } h2 { font-size: 36px; } h3 { font-size: 30px; } .home-catmenu-item-name,h4 { font-size: 24px; } .section p,h5,h6 { font-size: 18px; } .single__page-section h2 { font-size: 28px; margin-bottom: 5px; margin-top: 20px; } .single__page-section h3 { font-size: 24px; margin-bottom: 5px; } .single__page-section h4 { font-size: 20px; margin-bottom: 5px; } .wp-block-table thead { border-bottom: 3px solid var(--accent); } .header { background-color: #fff; position: fixed; width: 100%; z-index: 9999; box-shadow: 3px 4px 20px #57525296; } .header__container-top { background-color: #004043; position: relative; z-index: 999999; } .header__container-top .container { max-width: 1160px; height: 45px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .header__container-city,.header__container-phone { font-size: 14px; color: #ffffffb0; margin: 0; display: flex; gap: 5px; flex-flow: row wrap; } .header_logo { height: 50px; } .header__content-description { padding-left: 20px; margin: 0; position: relative; } .dropdown__list,.header__container { margin: 0 auto; max-width: 1160px; display: flex; } .header__content-description::before { content: ""; height: 30px; width: 1px; background-color: #00000020; position: absolute; left: 0; top: -5px; } .header__nav,.product__list-title::after,.products__filter-item.active,.whyarewe__section { background-color: var(--accent); } .dropdown__list { align-items: center; justify-content: space-between; gap: 0; height: 60px; } .dropdown__list .dropdown:first-child { max-width: 180px; width: 180px; } .dropdown__list .dropdown:first-child a { display: flex; width: 100%; align-items: center; gap: 10px; height: 40px; border-radius: 10px; justify-content: center; background-color: #004043; color: #fff!important; } .dropdown__list .dropdown:first-child a:before { content: ""; width: 18px; height: 18px; background-image: url(../img/icons/catalog.svg); background-repeat: no-repeat; } .btn:hover,.buybtn:hover,.dropdown__list .dropdown:first-child:hover { background-color: #004043; } .header__container { align-items: center; justify-content: space-between; padding: 0; height: 70px; } .header__content-left,.header__content-right { display: flex; align-items: center; gap: 15px; } .header__content-left { gap: 20px; } .header__content-left a { display: flex; align-items: center; } .header__sociallist { display: flex; gap: 15px; } .header__sociallist a,.maps__icon { transition: .2s; box-shadow: 0 0 4px 0 #00000040; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: #f7f7f7; } .header__sociallist a:hover,.maps__icon:hover { background-color: #004043; transition: .2s; } .header__sociallist a:hover img,.maps__icon:hover img { filter: brightness(0) invert(1); } .footer__sociallist a:hover { filter: contrast(.8); transition: .2s; } .btn,.buybtn,.wp-block-button__link,a[data-mark-id] { color: #fff; background-color: var(--accent); height: 48px; border-radius: 12px; font-size: 16px; padding: 20px; width: fit-content; display: flex; justify-content: center; align-items: center; transition: .2s; border: none; font-family: Geologica; } .header .btn { height: 40px; } .all__products-button { display: flex; align-items: center; gap: 20px; } .all__products-button::after { content: ''; width: 22px; height: 10px; background-image: url(../img/icons/vector.svg); display: flex; } .production__btn { display: flex; height: 70px; gap: 20px; background-color: #E4E4E4; color: #000; padding: 10px; } .dropdown__body,.dropdown__inner-body { box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); z-index: 500; border-radius: 12px; background-color: #004043; visibility: hidden; opacity: 0; color: #fff; padding: 25px 24px; transform: translateY(10px); font-size: 18px; } .production__btn:hover { background-color: #b3b3b3; } .production__btn img { height: 50px; object-fit: contain; } .production__btn-title { display: flex; flex-direction: column; text-align: left; width: 150px; } .production__btn-title span { font-size: 13px; color: #BCBCBC; } .dropdown { position: relative; display: inline-block; margin: 40px 0; height: 100%; display: flex; align-items: center; transition: .2s; } .dropdown__header-button,.dropdown__inner-button { display: flex; align-items: center; text-decoration: none; } .dropdown__header-button { color: #fff; text-transform: uppercase; gap: 10px; transition: color .3s ease-in-out; } .dropdown__body { position: absolute; width: 300px; display: flex; flex-direction: column; gap: 15px; font-weight: 400; top: 50px; left: -118px; transition: opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out; } .dropdown__inner.menu-item-has-children::after { position: absolute; right: 10px; top: 5px; content: ""; padding-left: 20px; background-image: url('../img/header-dropdown-arrow.svg'); width: 7px; height: 14px; background-repeat: no-repeat; } .dropdown:hover .dropdown__header-button { color: #042f0a; } .dropdown:hover .dropdown__header-button svg path { stroke: #004043; } .dropdown__header-button svg path { transition: .3s ease-in-out; } .dropdown__inner { width: 100%; position: relative; display: inline-block; } .dropdown__inner-button { width: 100%; text-transform: none!important; font-size: 18px; font-weight: 400!important; justify-content: space-between; text-transform: uppercase; display: flex; align-items: center; gap: 10px; transition: color .3s ease-in-out; color: #fff; } .dropdown__inner-body { position: absolute; width: 212px; display: flex; flex-direction: column; gap: 15px; font-weight: 400; top: 0; right: -245px; transition: opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out; } .dropdown__inner-body li { cursor: pointer; } .dropdown__inner:hover,.submenu-column a:hover { color: var(--accent); } .feedback-form-row.acceptance .wpcf7-not-valid-tip,.menu,.mobile__nav,.product_gallery-next.hide-controls,.product_gallery-prev.hide-controls,.screen-reader-response { display: none; } .burger { width: 50px; height: 50px; } .mobile__nav-list ul li a { color: #000; font-size: 18px; display: flex; justify-content: center; } @media (max-width:1235px) { .dropdown__body { width: 200px; } .dropdown__inner-body { width: 190px; right: -200px; } } .choose_city input,.regions-filler { visibility: hidden; } .certificates__list,.review__item,.review__list,.searchform .insinpts,.thanks__list { overflow: hidden; } .menu-link,.submenu-column a { font-weight: 200; display: block; } @media (max-width:950px) { .mobile__nav { width: 60%; } } .mega__menu-products { display: none; max-width: 1160px; margin: 0 auto; position: relative; background-color: #fff; z-index: 99999; } .mega-menu__categories { list-style: none; margin: 0; padding: 0; width: 180px; background: #f7f7f7; display: flex; position: absolute; top: 0; flex-direction: column; } .card-image,.popup-telegram-link,.videocompany__block { background-position: center; } .mega-menu__categories>li { height: 60px; display: flex; width: 180px; align-items: center; justify-content: center; } .mega-menu__categories>li>a { text-transform: uppercase; font-weight: 300; width: 100%; height: 60px; padding: 8px 16px 8px 25px; display: flex; align-items: center; } .menu-link { padding: 12px 16px; color: #000; } .menu-item:hover>.menu-link { background: #e4e4e4; color: #000; } .mega-menu__submenu { display: none; position: absolute; left: 180px; top: 0; width: max-content; padding: 20px 20px 20px 25px; } .mega-menu__submenu::before { position: absolute; content: ""; width: 100%; background-color: #ffffff00; bottom: -250px; height: 250px; left: 0; } .menu-item.has-submenu:hover .mega-menu__submenu { display: block; background-color: #f7f7f7; } .submenu-column a { padding: 6px 0; color: #000; width: max-content; } .submenu-column { display: flex; gap: 20px; padding: 0; } .submenu-entry>a { font-size: 16px; font-weight: 300; text-transform: uppercase; height: 50px; display: flex; align-items: center; width: calc-size(min-content,size + 20px); } .container,.sticky__btn { flex-flow: column nowrap; } .submenu-entry { border-right: 1px solid #dfdfdf; padding-right: 20px; } .submenu-entry:last-child { border: none; padding: 0; } .sticky__btn { position: fixed; bottom: 50px; left: 15px; display: flex; gap: 10px; z-index: 999999; } .popup-telegram-btn { width: 50px; height: 50px; display: flex; background-color: var(--accent); border-radius: 50%; border: 1px solid #fff; cursor: pointer; position: relative; } .popup-telegram { position: absolute; bottom: 0; left: 0; width: 305px; height: 486px; display: none; flex-direction: column; justify-content: center; align-items: center; gap: 30px; box-shadow: 1px 1px 23.5px rgba(0,0,0,.1); border-radius: 16px; } .popup-telegram-link { display: block; background-image: url(../img/popup/popup-telegram.png); width: 100%; height: 100%; background-repeat: no-repeat; background-color: #fff; background-size: contain; border-radius: 16px; } .count-after,.popup-telegram-btn.popup-open .popup-telegram { display: flex; } .popup-close { position: absolute; top: -10px; right: -10px; } .scroll-to-top-btn { position: relative; cursor: pointer; width: 50px; height: 50px; -webkit-transition-duration: .2s; transition-duration: .2s; text-align: center; z-index: 8; display: none; font-size: 0; } .scroll-to-top-btn svg { fill: #fff; width: 50px; border: 1px solid #fff; border-radius: 50%; height: 50px; position: absolute; top: 0; bottom: 5px; margin: auto; right: 0; left: 0; } .section__header { display: flex; gap: 40px; flex-flow: row nowrap; align-items: center; margin-bottom: 30px; } .section__header h1 { margin: 0; } .intro__section { height: 500px; min-height: 500px; position: relative; width: 100%; } .intro__section .section__header-title { max-width: 800px; width: 100%; font-size: 52px; font-weight: 400; text-transform: none; line-height: 1; color: #000; } .review__section .section__header .section__header-review { display: flex; gap: 40px; align-items: center; } .products__section .section__header,.review__section .section__header { justify-content: space-between; } .review__counter-list { display: flex; gap: 30px; flex-flow: row wrap; } .review__count { font-size: 20px; font-weight: 700; } .review__counter-item { display: flex; align-items: center; opacity: 1; gap: 10px; border-radius: 10px; padding: 10px 15px; border: 2px solid #ededed; height: 45px; color: #000; } .featured__section,.projects__section,.review__counter-item:hover,.thanks__section,article.views:hover { background-color: #ededed; } .review__star-block { display: flex; align-items: center; gap: 5px; } .section__header-title { text-align: left; margin-bottom: 0; } .colorized,.section__header-title span { color: var(--accent); } .container { margin: 0 auto; max-width: 1160px; width: 100%; gap: 30px; } .intro__section .container { min-height: 100%; display: flex; margin: 0 auto; gap: 20px; flex-flow: column nowrap; justify-content: center; z-index: 10; } .featured__section .section__header h2,.frontpage__content .videocompany__section,.video__section .section__header h2 { margin-bottom: 0; } .intro__section-video { object-fit: cover; position: absolute; background-size: cover; width: 100%; z-index: -1; top: 0; right: 0; height: 100%; } .section__header-description { width: 40%; margin-top: 55px; } .btn__block,.contacts__info-content,.okk__social { display: flex; gap: 20px; align-items: center; } .intro__footer { background-image: linear-gradient(0turn,#7c7c7c 3%,rgba(124,124,124,.3) 54%,rgba(255,255,255,0) 87%); border-color: transparent; height: 200px; width: 100%; position: absolute; z-index: -1; bottom: 0; } .intro__footer-items { display: flex; gap: 20px; justify-content: center; align-items: flex-end; height: 100%; padding-bottom: 20px; } .intro__footer-item { display: flex; justify-content: center; align-items: center; background-color: #004043; border-radius: 12px; padding: 8px 20px; color: #fff; gap: 10px; } .intro__footer-image { width: 32px; height: 32px; object-fit: contain; } .block-object-p p,.contact-form-row p,.feedback-form-row p,.intro__footer-title { margin: 0; } .indicators__section .container { background: url(../img/bg-how-produce.webp) 0 0/cover no-repeat; min-height: 500px; border-radius: 32px; padding: 60px 100px 0; display: flex; flex-direction: column; } .indicators__block { display: flex; flex-flow: column nowrap; width: fit-content; gap: 40px; } .indicators__block .section__header-title { color: #fff; font-size: 30px; font-weight: 400; margin: 0; } .section__headline { display: flex; gap: 10px; align-items: center; } .section__headline.second { margin-top: 30px; } .section__header-image { height: 50px; width: 50px; object-fit: contain; } .indicators__list { display: flex; color: #fff; } .indicator__item { display: flex; flex-flow: column nowrap; align-items: center; gap: 10px; max-width: 190px; min-width: 190px; } .indicator__item-image { width: 80px; display: flex; height: 45px; justify-content: center; align-items: center; } .indicator__item-image img { object-fit: contain; height: 45px; } .indicator__item:nth-child(2) img { height: 35px; } .indicator__item-title { color: var(--accent); font-weight: 700; } .indicator__item-subtitle,.indicator__item-title { text-align: center; margin: 0; } h3.indicators__description { color: var(--accent); text-align: center; } .about__section .container,.count__section .container { display: flex; flex-flow: row nowrap; } .count__section-description { display: flex; flex-flow: column; justify-content: space-between; width: 30%; } .review__button { display: flex; align-items: center; gap: 10px; } .count__list { display: grid; flex: 1; grid-template-columns: 1fr 1fr; gap: 0 0; grid-template-areas: ". ." ". ." ". ."; } .advantages__grid,.video__grid { grid-template-columns: 1fr 1fr 1fr 1fr; } .count__item { display: flex; flex-flow: column nowrap; padding: 30px; gap: 10px; align-items: flex-end; } .count__item-number { font-size: 42px; color: var(--accent); font-weight: 700; display: flex; gap: 10px; } .form__section .wpcf7 form .wpcf7-response-output,.form__section .wpcf7-not-valid-tip,.whyarewe__section .section__header-title { color: #fff; } .whyarewe__list { display: flex; flex-flow: row wrap; gap: 20px; margin-top: 20px; } .whyarewe__item { display: flex; flex-flow: column nowrap; color: #fff; border: 2px solid #ffffff2e; border-radius: 12px; padding: 20px; min-height: 330px; flex: 1 1 calc(25% - 1rem); gap: 10px; align-items: flex-start; justify-content: space-between; transition: .2s; } .whyarewe__item:not(.card-image):hover { transition: .2s; transform: scale(1.04); } .whyarewe__item div { display: flex; flex-flow: column; gap: 10px; } .whyarewe__item.large { flex: 1 1 calc(33.333% - 1rem); border: none; } .whyarewe__item.card-image:hover { transform: scale(1.04); transition: .2s; } .whyarewe__item-title { font-size: 20px; } .whyarewe__item-subtitle { font-weight: 200; margin: 0; } .whyarewe__item-image { height: 80px; } .card-image { background-size: cover; color: #fff; justify-content: flex-end; } .card-image:first-child { background-image: url('../img/why_1.webp'); } .card-image:nth-child(6) { background-image: url('../img/why_2.webp'); } @media (max-width:768px) { .sticky__btn { bottom: 20px; } .whyarewe__item,.whyarewe__item.large { flex: 1 1 calc(50% - 1rem); } } p.review__button-title { width: 40%; font-size: 12px; } span.review__button-action { font-size: 16px; color: var(--accent); } .about__description { display: flex; flex: 1; flex-flow: column nowrap; gap: 10px; } .about__description-title { font-size: 26px; } .about__description-subtitle,.price__page .block,.promo-dots,.views__item { display: flex; gap: 20px; } .about__subtitle { opacity: .7; font-size: 14px; padding-top: 10px; border-top: 1px solid #0000005e; } .videocompany__section { display: flex; align-items: flex-start; margin: 0; background-color: var(--accent); } .videocompany__block:hover .play-btn { background-image: url('../img/play__btn-hover.svg'); } .play-btn { height: 70px; width: 70px; border-radius: 100%; background-image: url('../img/play__btn.svg'); z-index: 2; cursor: pointer; } .videocompany__block { width: 700px; min-width: 700px; height: 350px; border-radius: 30px; display: flex; justify-content: center; align-items: center; background-size: cover; position: relative; overflow: hidden; } .advantages__item-subtitle,.certificates__section { background: var(--accent); color: #fff; margin: 0; } .videocompany__block video { position: absolute; } .videocompany__section .container { display: flex; justify-content: space-between; gap: 20px; height: 100%; flex-flow: row nowrap; } .videocompany__section .section__header { color: #fff; align-items: flex-start; } .videocompany__section-title { font-size: 22px; color: #fff; } .certificates__item,.thanks__item { display: flex; flex-direction: column; gap: 20px; text-align: center; } .certificates__item img:hover,.thanks__item img:hover { filter: brightness(.9); } .product_gallery__item:not(.product_gallery__item-video):hover img,.review__item img:hover { filter: brightness(.8); } .certificates__list .owl-nav { position: absolute; top: 150px; left: -300px; } .thanks__list .owl-nav { margin-left: -350px; position: absolute; top: 150px; left: -300px; } .certificates__list .owl-nav svg path { fill: white; } .certificates__section img,.thanks__section img { cursor: zoom-in; } .advantages__section .section__header img { height: 50px; } .advantages__grid { display: grid; gap: 0 0; grid-template-areas: ". . . ." ". . . ." ". . . ."; } .advantages__item { padding: 30px; display: flex; gap: 20px; flex-flow: column nowrap; justify-content: center; align-items: center; } .advantages__item-image { height: 100%; width: 100%; max-width: 100px; object-fit: contain; transition: .2s; } .advantages__item:hover .advantages__item-image { filter: none; } .advantages__item-subtitle { text-align: center; min-height: 100px; position: absolute; padding: 0 20px; display: none; justify-content: center; align-items: center; backdrop-filter: blur(4px); z-index: 1; width: 290px; font-weight: 100; } .advantages__item:hover .advantages__item-subtitle,.featured__section .section__header,.i_pict,.shop__item,.shop__item:hover .shop__item-image::before,.video__section .section__header,.wpcf7-acceptance,.wpcf7-list-item label { display: flex; } .review__item { position: relative; height: 280px; width: 366px; border-radius: 15px; } .review__item-badge { position: absolute; padding: 10px 20px; background-color: #004043; border-radius: 10px; color: #fff; top: 15px; left: 15px; z-index: 1; } .review__item-image { width: 100%; height: 100%; object-fit: cover; } .review__item-footer { position: absolute; bottom: 20px; left: 20px; display: flex; align-items: center; justify-content: space-between; width: 90%; } .review__item-title { color: #fff; font-size: 16px; width: 80%; margin: 0; font-weight: 500; } .projects__container { display: flex; gap: 20px; flex-flow: column nowrap; } #project_slider { flex: 1; min-width: 0; } .project__item { display: flex; gap: 60px; } .project__item-image { width: 500px!important; object-fit: cover; min-height: 350px; height: 350px; border-radius: 15px; } .project__item-text { flex: 1; display: flex; flex-flow: column nowrap; } .project__item-title { font-size: 26px; text-transform: uppercase; color: var(--accent); margin-bottom: 20px; } .materials__item,.materials__item p,.project__item-location-title,.project__item-materials { font-size: 20px; } .project__item-location-subtitle { font-size: 20px; color: var(--accent); margin-bottom: 20px; } .materials__item { display: flex; justify-content: space-between; align-items: center; } .newslist__item,.video__grid-item { flex-flow: column nowrap; overflow: hidden; } #crumbs a,.call_phone_cont_1,.materials__item-name,.regions-address b,.regions-address strong { color: var(--accent); } .video__grid { display: grid; grid-template-rows: 1fr 1fr; min-height: 500px; gap: 20px 20px; grid-auto-flow: row; grid-template-areas: "video-1 video-1 video-2 video-3" "video-1 video-1 video-4 video-4"; } .video__grid-item { border-radius: 15px; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: flex-end; padding: 15px 15px 15px 30px; position: relative; transition: transform .4s,box-shadow .4s; } .video__grid-item:after { content: ""; position: absolute; width: 100%; height: 76px; background: linear-gradient(0deg,#000000c2,transparent); left: 0; bottom: 0; z-index: 1; } .crumbs__separator,.schema-faq-question::after { background-position: center; background-repeat: no-repeat; } .video__grid-item:hover { transform: scale(1.02); box-shadow: 0 15px 30px rgba(0,0,0,.2); } .video__description-title { font-size: 18px; text-transform: uppercase; margin: 0; } .video-1 { grid-area: video-1; background-image: url(../img/video-1.webp); } .video-4 { grid-area: video-4; background-image: url(../img/video-4.webp); } .video-2 { grid-area: video-2; background-image: url(../img/video-2.webp); } .video-3 { grid-area: video-3; background-image: url(../img/video-3.webp); } .video__description { display: flex; justify-content: space-between; align-items: center; color: #fff; z-index: 2; } .video__grid-link { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; } .video__btn-image { width: 48px; background-image: url(../img/icons/play.svg); } .section__header-btn { width: 100%; display: flex; justify-content: flex-end; } .newslist { display: flex; flex-flow: row nowrap; justify-content: space-between; } .newslist__item { width: 360px; border-radius: 18px; background-color: #fff; padding: 15px; min-height: 465px; max-height: 465px; display: flex; } .newslist__item:hover { background-color: #e1e1e1; } .newslist__item-description { display: flex; flex-flow: column nowrap; gap: 10px; overflow: hidden; padding: 10px 5px 0; justify-content: space-between; } .newslist__item-title { min-height: 70px; display: flex; align-items: center; } .newslist__item-img { width: 100%; object-fit: cover; height: 160px; border-radius: 15px; } .newslist__item-title a { color: var(--accent); font-size: 18px; font-weight: 300; } .newslist__item-subtitle { font-size: 18px; font-weight: 100; } .newslist__item-readmore { margin: 20px; } .featured__section-footer { display: flex; margin: 20px 0; justify-content: flex-end; } .schema-faq { display: flex; flex-direction: column; gap: 20px; } .schema-faq-section { padding: 0 10px 30px; border-bottom: 1px solid #bcbcbc; } .schema-faq-question { display: block; padding-right: 30px; font-size: 20px; font-weight: 500; position: relative; cursor: pointer; color: #000; text-transform: none; margin: 0; } .content-submnenu-title,.errpage_txt,.page-title { text-transform: uppercase; } .schema-faq-question::after { position: absolute; top: 0; right: 0; content: ''; width: 25px; height: 25px; border-radius: 15px; background-color: #fff; background-image: url(../img/close.svg); transition: transform .1s; transform: rotate(45deg); } .schema-faq-answer { display: none; margin: 20px 0 0; color: #000000c7; } .faq-open .schema-faq-question { border-bottom: 2px dashed #bfe3bb; padding-bottom: 20px; } .faq-open .schema-faq-question::after { transform: rotate(90deg); background-color: #fff; } #crumbs,.footer__container { max-width: 1160px; margin: 0 auto; } .faq__section .container { display: flex; justify-content: space-between; flex-flow: row nowrap; } .faq__section .section__header { align-items: flex-start; } .faq__section-faq { width: 50%; display: flex; flex-flow: column nowrap; gap: 30px; } footer { margin-top: 20px; border-top: 1px solid #00000020; } .footer__container { display: flex; align-items: center; flex-flow: column nowrap; justify-content: space-between; gap: 20px; padding: 0 15px; } #crumbs,.section { display: flex; gap: 10px; } .footer__container .section__header-title { font-size: 36px; font-weight: 100; } .footer__content { width: 100%; display: flex; gap: 110px; } .footer__sociallist { display: flex; margin-top: 8px; } .footer__content-left { display: flex; flex-flow: column nowrap; justify-content: space-between; min-width: 192px; } .footer__content-right { display: flex; justify-content: space-between; width: 100%; } .footer__description,.product__specifications { display: flex; flex-flow: column nowrap; gap: 15px; } .footer__description-link { font-size: 26px; font-weight: 300; } .i_cont p,.i_titles { font-weight: 100; } .footer__copyright { display: flex; align-items: flex-end; } .footer__description-title { margin: 0; font-weight: 100; } .regions-address-map-2,p+div.wpcf7 { margin-top: 20px; } #crumbs { padding: 20px 0; font-size: 16px; align-items: center; flex-flow: row wrap; } .crumbs__separator { width: 5px; height: 10px; display: flex; background-image: url(../img/icons/crumbs.svg); background-size: cover; } .section { padding: 25px 0; flex-flow: column nowrap; } .content-submnenu { width: 100%; display: table; margin: 20px 0; } .content-submnenu>.content-submnenu-item { display: table-cell; vertical-align: top; text-align: center; } .content-submnenu>.content-submnenu-item:first-child { text-align: left; } .content-submnenu>.content-submnenu-item:last-child { text-align: right; } .content-submnenu-list-wrap { display: inline-block; text-align: left; } .content-submnenu-list { padding: 0 20px 0 30px; border-top: 1px solid #a1a1a1; font-size: 18px; line-height: 30px; } .content-submnenu-list a:hover { font-weight: 400; } .content-submnenu-title { font-size: 18px; padding: 0 20px 10px 30px; color: var(--accent); } .kn_zak { text-align: center; clear: both; padding: 10px 0; margin: 0; display: flex; justify-content: center; } .kn_zak+.page-title { margin-top: 40px; } .views_product { display: flex; gap: 20px; margin: 20px 0; } .i_pict img { height: 160px; width: 350px; object-fit: cover; border-radius: 15px; } article.views { display: flex; gap: 20px; padding: 15px; border-radius: 15px; } .table_1,.table_1 td { border: 1px solid #6a9835; } .i_titles { font-size: 28px; } .obox_title,.prod-slider-item-title { font-size: 20px; color: var(--accent); } .adress_link,.i_cont { flex: 1; } .i_btn_order,.product__list,.views__list { display: flex; flex-flow: column nowrap; gap: 20px; margin-top: 20px; } .contact-form-row,.feedback-form-row,.i_btn_order a,.regions-address .page-title { width: 100%; } @media (max-width:480px) { .mobile__nav { width: 100%; } .aside__list-item { margin-top: 50px; padding: 0 30px 0 10px; } .whyarewe__item,.whyarewe__item.large { flex: 1 1 100%; } .newslist { flex-flow: column nowrap; gap: 10px; } .i_pict img { height: 100%; width: 100%; } .views_product { flex-flow: column nowrap; } } .table_1 { border-collapse: collapse; min-width: 800px; margin: 0 auto; } .table_1 tr:nth-child(odd) { background-color: #d1f4ad; } .table_1 tr:nth-child(2n) { background-color: #fff; text-align: center; } .table_1 tr:first-child td { background-color: #a1bc87; text-align: center; color: #fff; font-weight: 400; } .table_1 td { text-align: center; height: 28px; color: #7b7b7b; font: 18px/20px Calibri,Arial; } .table_1 td p { line-height: 20px; } .table_1 td:first-child { padding: 0 10px; text-align: left; } .prod-slider { display: flex; justify-content: center; width: 100%; } .prod-slider-item { display: flex; flex-direction: column-reverse; } .prod-slider-item-title { text-align: center; } .prod-slider img { object-fit: contain; border-radius: 12px; height: 500px; } .choise_other_city_list { width: 600px; } .choose_city { display: flex; flex-direction: row-reverse; width: 100%; justify-content: space-between; } .name_city:hover { color: var(--accent); transition: .2s; } .city-top-row { margin: 20px 0; padding-bottom: 16px; border-bottom: 1px solid var(--accent); } .city-grid,.city-top-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px 20px; } .choose_city { display: flex; align-items: center; gap: 10px; cursor: pointer; width: fit-content; } .name_city { font-size: 16px; } .home-catmenu-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px 0; grid-template-areas: ". . ." ". . ."; } .home-catmenu-item { display: flex; flex-flow: column nowrap; gap: 20px; align-items: center; } .feedback-form-fieldset { display: flex; flex-flow: column; gap: 20px; align-items: center; } .feedback-form-row.acceptance { display: flex; align-items: center; gap: 10px; justify-content: center; } .wpcf7 form .wpcf7-response-output { margin: 10px 0 0; padding: 0; max-width: 500px; color: red; border: none; border-color: inherit; } .wpcf7-not-valid { border: 2px solid red; } span.wpcf7-not-valid-tip { color: red; } .feedback-form-row.text-center { color: #000; text-align: center; } .pum-title.popmake-title { text-align: center; color: var(--accent); } .clearfy-cookie-accept { background: var(--accent)!important; width: 65px; height: 30px; margin: 0 .9em!important; padding: .4em!important; } .container.docs.clearfix { display: flex; flex-flow: row wrap; justify-content: center; gap: 20px; } .d-doc img { width: 200px; } .video__container { width: 820px; margin: 0 auto; display: flex; flex-flow: row wrap; gap: 10px; } .row-d { margin-top: 50px; display: grid; grid-template-columns: repeat(2,50%); grid-gap: 50px; } .block-object,.promo,.shop__item-image { position: relative; } .block-object .block { height: 400px; border: 4px double #75bd40; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; } .block-object .block img { object-fit: cover; width: 100%; height: 100%; } .block-object-p1 { bottom: 0; position: absolute; background: #fff; padding: 20px 30px; transition: .9s; right: -100%; border-top: 2px solid #75bd40; height: 142px; } .block-object-p1:after { right: 100%; top: 50%; border: 70px solid transparent; margin-top: -70px; content: ""; border-top: -40px solid; border-bottom: -40px solid; border-right: 50px solid #fff; position: absolute; } .block-object-p1::before { right: 100%; top: -3px; border: 73px solid transparent; content: ""; border-top: -52px solid; border-bottom: -52px solid; border-right: 55px solid #75bd40; position: absolute; } .block-object-hover .block-object-p1 { right: 0; } .block-object-hover .block-object-p { transform: scale(1); } .block-object-p1 h2 { color: #76be42; margin: 0 0 10px; font-weight: 900; font-size: 22px; } .block-object-p1 p { font-size: 16px; line-height: 30px; display: flex; flex-direction: column; } .block-object-p { position: absolute; font-size: 16px; font-weight: 900; top: 0; right: -40px; width: 100px; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: .5s; z-index: 5; transform: scale(0); } .block-object-p img { position: absolute; z-index: -1; height: 100px; } .indicators__section .owl-carousel .owl-item img { width: auto; } .contacts-container { display: flex; justify-content: space-between; gap: 50px; flex-flow: row nowrap; } .top_vodeo img { width: 100%; height: 300px; border-radius: 20px; object-fit: cover; } .regions-address { line-height: 1.2; text-align: center; display: flex; flex-flow: row wrap; gap: 20px; justify-content: space-between; } .regions__city { font-size: 20px; font-weight: 500; color: #000; } .regions__city-address,.regions__city-phone { font-weight: 300; } .contacts-top-left { display: flex; flex-flow: column nowrap; gap: 40px; width: 50%; } .contacts__info-container { display: flex; flex-flow: column nowrap; gap: 15px; font-size: 24px; font-weight: 300; } .contacts__info-title { font-size: 24px; font-weight: 500; } .regions-address-item { width: 300px; display: flex; flex-flow: column nowrap; gap: 5px; margin: 0; height: auto; justify-content: space-between; font-size: 17px; color: #7b7b7b; } .regions-address-map { height: 200px; margin-bottom: 15px; border: 1px solid #529122; } .regions-address-map>ymaps { max-width: 100%; width: 100%!important; } .regions-address-oneitem { max-width: 856px; padding: 0 0 44%; position: relative; margin: 0 auto; } .regions-address-oneitem>div { width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .regions-address-oneitem>div>ymaps { height: 100%!important; } .page-title { font-size: 30px; color: var(--accent); text-align: center; margin-bottom: 20px; } .nav__slider { display: flex; gap: 20px; flex-flow: row; align-items: center; } .my-controls-btns { height: 50px; width: 50px; display: flex; border: 2px solid #000; border-radius: 50px; justify-content: center; align-items: center; cursor: pointer; } .my-controls-btns.invert { border: 2px solid #fff; } .form__section { padding-top: 135px; } .form__section .form { background-color: var(--accent); border-radius: 32px; padding: 30px 50px 40px; display: flex; position: relative; max-height: 630px; } .wpcf7 .wpcf7-submit:disabled { background-color: #bcbcbc!important; } .form__section .form input[type=submit] { background-color: #004043; border: none; color: #fff; } .form__section .form__content-left { display: flex; flex-flow: column nowrap; width: 50%; color: #fff; } .form__content-right { position: absolute; right: 30px; bottom: -4px; } .form__content-left p { color: #fff; text-align: left; } .form__content-descriptionimage { position: absolute; text-align: right; bottom: 40px; right: 10px; color: #fff; opacity: .5; font-weight: 100; margin-bottom: 0; } .products__list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px 20px; } .docs__list,.video__list { grid-template-columns: 1fr 1fr; } .products__item { border-radius: 10px; display: flex; flex-flow: column nowrap; width: 270px; overflow: hidden; transition: .2s; } .products__item:hover { transform: scale(1.02); box-shadow: 0 15px 30px rgba(0,0,0,.2); } .products__item-image { width: 270px; height: 270px; object-fit: cover; object-position: center bottom; } .products__item-title { font-size: 26px; text-align: center; font-weight: 300; background-color: var(--accent); height: 60px; color: #fff; display: flex; align-items: center; justify-content: center; } .contact-form-submit-l { height: 50px; width: 100%; } .top_vodeo { margin-bottom: 20px; width: 100%; height: 300px; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: url(//geo-sm.ru/wp-content/themes/geo_sm/assets/css/../img/contact-image.webp) center/cover no-repeat; } .top_vodeo:hover .play-btn { background-image: url(../img/play__btn-hover.svg); } .regions-filler { flex-basis: 300px; height: 0; } .contacts__requisites { font-weight: 300; display: flex; flex-flow: column nowrap; gap: 10px; } .contacts__requisites h2 { margin-bottom: 10px; } .contacts__requisites-title { font-weight: 500; } .contacts__requisites span { color: #bcbcbc; } .alert { padding: 10px; margin: 10px; border: 1px solid #ccc; background: rgba(0,0,0,.05); } .errpage_title { font-size: 26px; text-align: center; } .errpage { font: 200px/1 Arial; color: #eee; text-align: center; letter-spacing: 22px; } .errpage_block,.errpage_txt { font: 20px/1.2 Calibri,Arial,sans-serif; } .errpage_txt { margin: 40px 0 0; color: var(--accent); text-align: center; } .errpage_block { max-width: 800px; padding: 10px 10px 12px; position: relative; border-radius: 12px; overflow: hidden; margin: 20px auto 0; border: 1px solid var(--accent); color: #fff; background: var(--accent); } .errpage_block .clmn_left { width: 40%; float: left; } .errpage_block .clmn_right { padding: 0 20px; overflow: hidden; } .errpage_block .clmn_right:after { width: 1px; height: auto; content: ' '; display: block; position: absolute; top: 0; bottom: 0; margin: 0 0 0 -20px; background: var(--accent); } .searchform { overflow: hidden; margin: 8px 0 0; } .searchform input[type=submit] { width: 110px; height: 34px; padding: 0 5px; float: right; margin-left: 10px; } .searchform input[type=search] { width: 100%; height: 34px; padding: 0 5px; border-color: var(--accent); } .error404-buttons { display: flex; justify-content: center; gap: 20px; margin: 50px 0; } #lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); display: flex; align-items: center; justify-content: center; z-index: 9999; } #lightbox img { max-width: 90%; max-height: 90%; box-shadow: 0 0 20px #fff; border-radius: 8px; transition: .3s; cursor: zoom-out; } .feedback-form-title { font-size: 24px; text-align: center; font-weight: 500; color: var(--accent); } .product_second_text { font-weight: 200; margin-top: 50px; } .product__content { display: flex; flex-flow: row nowrap; gap: 20px; } .product__content-left { display: flex; width: 40%; gap: 20px; flex-flow: column nowrap; } .product__content-image { width: 100%; object-fit: contain; border-radius: 10px; } .product__content-right { width: 50%; display: flex; flex-flow: column nowrap; gap: 20px; flex: 1; } .product__specifications-title { font-size: 26px; text-transform: capitalize; font-weight: 200; } .product__specifications-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #d5d5d5; } .name_specifications { color: #393636; } .product__price { display: flex; gap: 20px; align-items: center; justify-content: space-between; } .price { font-size: 27px; color: var(--accent); font-weight: 700; } .product_gallery-list { width: 100%; height: auto; display: flex; flex-flow: row nowrap; gap: 20px; justify-content: space-between; } .product_gallery__item { width: 90px; height: 90px; border-radius: 8px; overflow: hidden; cursor: pointer; position: relative; } .product_gallery__item-video { position: relative; display: flex; justify-content: center; align-items: center; } .product_gallery__item-video .play-btn { position: absolute; height: 40px; width: 40px; } .product_gallery__item-video::before { content: ''; height: 100%; width: 100%; background-color: #00000050; backdrop-filter: blur(5px); display: flex; position: absolute; top: 0; } .product_main-picture { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; } .product_gallery { position: relative; padding-right: 30px; } .nav__slider-products { z-index: 999; position: relative; } .product_gallery-next,.product_gallery-prev { position: absolute; right: -30px; top: 32px; cursor: pointer; width: 25px; height: 25px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/icons/CaretLeft.svg); } .product_gallery-next:hover,.product_gallery-prev:hover { background-image: url(../img/icons/CaretLeft-invert.svg); } .product_gallery-prev { right: inherit; left: 0; transform: rotate(180deg); } .recommended__products-list { display: flex; gap: 20px; align-items: center; flex-flow: row wrap; } .recommended__section .recommended__products-list { justify-content: space-between; } .recommended__products-item img { height: 200px; width: 100%; object-fit: cover; border-radius: 8px; } .product__description-title { font-weight: 100; font-size: 26px; } .product__section { margin-bottom: 20px; padding: 0; } .recommended__products-item { display: flex; flex-flow: column nowrap; width: 200px; } .recommended__products__item-name { background-color: var(--accent); color: #fff; padding: 10px 15px; min-height: 60px; display: flex; align-items: center; font-weight: 200; margin-top: -5px; z-index: -1; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .products__filter__list { display: flex; gap: 20px; flex-flow: row wrap; margin-bottom: 50px; } .products__filter-item { display: flex; gap: 20px; align-items: center; background-color: #f7f7f7; border-radius: 10px; padding: 10px 20px 10px 10px; cursor: pointer; width: fit-content; transition: .2s; } .products__filter-item:not(.active):hover { background-color: #e4e4e4; transition: .2s; } .products__filter-image { height: 50px; width: 50px; border-radius: 5px; object-fit: cover; } .products__filter-title { font-size: 22px; color: var(--accent); font-weight: 100; } .products__filter-item.active .products__filter-title { color: #fff; } .product-cat-list { display: flex; flex-flow: column nowrap; gap: 20px; padding-bottom: 25px; margin-bottom: 25px; } .product-cat-list h2 { margin: 0; line-height: 1; } .product__list-title { color: var(--accent); font-weight: 200; font-size: 20px; margin-top: 20px; position: relative; display: flex; align-items: center; width: 100%; gap: 20px; line-height: 1; } .product__list-title::after { content: ""; flex-grow: 1; height: 1px; display: block; } .product__title { font-weight: 100; font-size: 36px; margin-bottom: 20px; display: block; width: fit-content; } .inner-tabs-nav,.product__tabs-nav { display: flex; gap: 10px; flex-wrap: wrap; } .product__tabs-nav { gap: 20px; border-bottom: 1px solid var(--accent); padding-top: 50px; } .content__section .inner-tabs-nav,.page_content_video .inner-tabs-nav { padding-top: 0; padding-bottom: 20px; } .product__section .inner-tabs-nav { padding-top: 20px; padding-bottom: 20px; } .product-tab-content .inner-tabs-nav { padding-top: 30px; padding-bottom: 30px; } .inner-tab-btn,.tab-btn { padding: 12px 30px; background: #f0f0f0; border: none; cursor: pointer; border-radius: 4px; font-weight: 200; font-size: 16px; transition: .2s; color: #000; } .tax-product_cat .inner-tab-btn { min-width: 220px; } .inner-tab-btn:hover,.tab-btn:hover { background: #d6d6d6; } .product__tabs-nav .tab-btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .inner-tab-btn.active,.tab-btn.active { background: var(--accent); color: #fff; } .product__page .indicators__list { display: flex; color: #fff; gap: 50px; } .video__list { display: grid; grid-gap: 20px; margin-bottom: 20px; } .video__list-container { display: flex; justify-content: center; align-items: center; position: relative; height: 320px; } .video__list-item { width: 100%; border-radius: 10px; max-height: 320px; object-fit: cover; cursor: pointer; position: absolute; } .video__list-container:hover .play-btn { background-image: url('../img/play__btn-hover.svg'); } .preview__image { width: 50%; height: 400px; object-fit: cover; border-radius: 8px; } .promo,.promolist { width: 490px; } .preview__container { display: flex; gap: 20px; margin-bottom: 20px; background-color: #ededed; border-radius: 15px; padding: 15px; } .preview__text { display: flex; flex: 1; flex-flow: column nowrap; font-weight: 200; } .preview__text p { font-size: 28px; font-weight: 100; text-transform: uppercase; } .product__page .preview__text p { font-size: 16px; text-transform: capitalize; } .promolist__item { display: flex; height: 354px; border-radius: 15px; overflow: hidden; border: 2px solid #ededed; } .promolist__item-img { height: 100%; object-fit: cover; } .promo-nav { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 10px; } .promo-next,.promo-prev { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } .promo-next.is-disabled,.promo-prev.is-disabled { opacity: .4; pointer-events: none; } .promo-dot { width: 7px; height: 7px; border-radius: 50%; border: 0; background: #d9d9d9; cursor: pointer; } .promo-dot.is-active { background: var(--accent); } .docs__item,.docs__item-img { height: 140px; border-radius: 15px; } .docs__list { display: grid; gap: 20px; } .docs__item { background-color: #f7f7f7; display: flex; } .docs__item-img { width: 140px; object-fit: contain; } .docs__item-content { padding: 25px; display: flex; gap: 20px; justify-content: space-between; flex-flow: column nowrap; } .docs__item-title { font-size: 20px; font-weight: 300; text-transform: uppercase; } .docs__item-links { display: flex; gap: 20px; } .docs__item-links a { font-weight: 300; } .docs-btn { display: flex; flex-flow: row wrap; margin-bottom: 50px; gap: 20px; } .docs-btn .btn-download { min-width: 275px; max-width: 275px; height: 40px; display: flex; align-items: center; gap: 15px; padding: 0; } .btn-download::before { content: ''; height: 15px; width: 12px; background-image: url(../img/download.png); background-size: contain; } .docs-content { flex-flow: row; padding-top: 50px; padding-bottom: 50px; align-items: flex-start; display: flex; } .docs-content img { flex: 1; object-fit: contain; } .neosynt a { color: #008acd; } .shop__list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px; } .shop__item { flex-flow: column nowrap; gap: 10px; justify-content: space-between; align-items: center; background: #f2f2f2; border-radius: 10px; overflow: hidden; border: 1px solid transparent; } .shop__item-name { font-size: 16px; font-weight: 300; color: #000; text-align: center; padding: 0 12px; } .shop__item-url { width: 100%; height: 29px; font-size: 13px; padding: 0; border-radius: 0; } .shop__item-cost { font-size: 20px; font-weight: 400; color: var(--accent); } .shop__item-image { overflow: hidden; display: flex; padding: 12px 12px 0; border-radius: 10px; } .shop__item-image img { width: 100%; object-fit: contain; height: 100%; border-radius: 10px; } .shop__item-image::before { content: "Посмотреть"; position: absolute; display: none; align-items: center; justify-content: center; width: calc(100% - 24px); height: calc(100% - 12px); color: #fff; font-size: 22px; font-weight: 300; background: #0000004D; border-radius: 10px; } .shop__item:hover .shop__item-url { background: #004043; } .shop__item:hover { border: 1px solid var(--accent); } .product__description { padding: 20px 10px; } .nav__item-button { color: #fff; font-size: 16px; text-transform: uppercase; } .js-excerpt { display: -webkit-box!important; -webkit-box-orient: vertical!important; overflow: hidden!important; -webkit-line-clamp: var(--excerpt-lines,5)!important; line-height: 1.4em; } .i_titles { line-height: 1em; } .submenu-entry--single { display: flex; flex-direction: column; } .submenu-entry--single .sub-sub-link { font-weight: 200; text-transform: none; padding: 6px 0; color: #000; width: max-content; height: unset; } .submenu-entry--single .sub-sub-link:hover { color: var(--accent); } .footer__description-link--masked { position: relative; color: transparent; max-width: 200px; } .footer__description-link--masked::after { content: 'info@geo-sm.ru'; position: absolute; left: 0; top: 0; color: var(--accent); pointer-events: none; } .footer__description-link--masked:hover::after { display: none; } .footer__search-btn { position: absolute; width: 22px; height: 22px; padding: 0; right: 10px; border-radius: 0; top: calc(50% - 11px); background-image: url(../img/search-btn.svg); background-size: contain; background-repeat: no-repeat; background-color: transparent !important; border: none; } .footer__search { max-width: 520px; width: 100%; position: relative; } .footer__search-input input { background: #F7F7F7; border: none; height: 100%; border-radius: 10px; font-size: 16px; font-weight: 300; padding: 10px 15px; color: #ADADAD; } .burger-icon { display: flex; flex-direction: column; justify-content: space-between; width: 16px; height: 11px; cursor: pointer; } .opened .burger-icon { width: 20px; height: 17px; } .burger-icon .line { display: block; width: 100%; height: 1px; background-color: white; border-radius: 2px; transition: all 0.3s ease; } /* Анимация в крестик когда открыто */ .menu-burger.opened .burger-icon .line:nth-child(1) { transform: translateY(8px) rotate(45deg); } .menu-burger.opened .burger-icon .line:nth-child(2) { opacity: 0; transform: scaleX(0); } .menu-burger.opened .burger-icon .line:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } .header__top-title { display: none; } .header__container-top.opened .header__top-title { display: flex; font-size: 14px; font-weight: 300; color: white; text-transform: uppercase; } .header__container-top.opened .header__container-city, .header__container-top.opened .header__container-phone { display: none; } .mobile__nav-footer { display: flex; gap: 16px; margin-top: 16px; flex-flow: column nowrap; width: 100%; align-items: center; } .mobile__nav-footer .btn { width: 100%; } .menu-social { display: flex; flex-flow: column nowrap; padding: 16px; background: #EDEDED; width: 100%; align-items: center; gap: 16px; border-radius: 10px; } .menu-social-title { font-size: 18px; text-transform: uppercase; font-weight: 300; } .bottom-nav { position: fixed; bottom: 0; left: 0; width: 100%; background: #ffffff; display: none; justify-content: space-between; align-items: center; height: 50px; z-index: 1000; box-shadow: 0px -4px 8px 0px #00000026; } .nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; cursor: pointer; text-decoration: none; color: #757575; transition: color 0.2s ease; padding: 8px 0; } .nav-item.active { color: var(--accent); } .nav-item span { font-size: 12px; font-weight: 400; } .nav-item:hover { color: var(--accent); } /* Затемнённый фон */ .modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999; align-items: center; justify-content: center; } /* Когда активно */ .modal-overlay.active { display: flex; } .modal-body { padding: 32px; padding-top: 0; } .modal-header { position: relative; background: #004043; padding: 12px 32px; height: auto; } .modal { position: relative; overflow: hidden; background: #fff; border-radius: 12px; width: 90%; max-width: fit-content; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15); animation: modalIn 0.25s ease; } .modal__close { position: absolute; top: calc(50% - 14px); right: 16px; background: none; border: none; font-size: 28px; line-height: 1; cursor: pointer; color: white; transition: color 0.2s; } .modal__close:hover { color: var(--accent); } .modal__title { font-size: 28px; color: white; margin: 0; } @keyframes modalIn { from { opacity: 0; transform: translateY(-20px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } .feedback-form .wpcf7-list-item { margin: 0; } .feedback-form-disclaimer { width: 100%; display: none; } .value_specifications { text-align: right; }