body{ background-color: white; } div.vizit-box.vb-panel{ border-radius: 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } div.vizit-box.vb-panel div.vizit-box-head{ border-bottom: 1px solid; border-color: #ddd; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; background-color: #f5f5f5; color: #000000; font-size: 25px; border-top-left-radius: 0px; border-top-right-radius: 0px; padding: 10px 15px; } div.vb-page-content div.goods-view-content div.goods-properties span.h2, div.vb-page-content div.goods-view-content div.tab-pane h2:first-child{ font-weight: 400; margin-top: -10px; padding: 9px 10px; line-height: 24px; margin-right: -11px; margin-left: -11px; font-size: 25px; background-color: #f5f5f5; color: #000000 } div.vizit-box.vb-panel div.vizit-box-head a{ color: #000000; font-size: 25px; text-decoration: underline; } div.vizit-box.vb-panel div.vizit-box-head a:hover{ text-decoration: none; } div.vizit-box.vb-panel div.vizit-box-footer{ border-bottom: 1px solid; border-color: transparent; color: #333333; font-size: 13px; background-color: #f5f5f5; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } div.vizit-box.vb-panel div.vizit-box-footer a, div.vizit-box.vb-panel div.vizit-box-footer span{ color: #333333; font-size: 13px; } div.vb-advantage div.vizit-box-footer{ color: #333333; font-size: 13px; background-color: #f5f5f5; } div.vb-advantage div.vizit-box-footer a, div.vb-advantage div.vizit-box-footer span{ color: #333333; font-size: 13px; } div.vizit-box.vb-panel div.vizit-box-boby{ padding: 15px; background-color: white; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border: 1px solid transparent; border-top: none; } .fixed-social-btn{ background-color: rgba(0, 0, 0, 0.7); } .fixed-top-btn{ background-color: rgba(0, 0, 0, 0.7); right: 0px; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px; } .fixed-cart-btn{ background-color: rgba(0, 0, 0, 0.7); right: 0px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; } .fixed-write-us-btn{ background-color: rgba(0, 0, 0, 0.7); } div.vizit-box.page-block-id-2065786{ margin-bottom: 0px; } div.vizit-box.page-block-id-2065786 div.vb-cont .vizit-box-boby{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 div.main-menu-cont{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 ul.main-menu li.item ul.goods-category-list{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 ul.main-menu li.item ul.goods-category-list li.it ul.sub-list{ background-color: #ffffff; } @media (max-width: 767px) { div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 ul.main-menu { background-color: #ffffff; } } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 div.mobile-menu div.mobile-mm-phones { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 div.mobile-menu div.mobile-mm-search { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 div.mobile-menu { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 ul.main-menu li.item .menu-link{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 ul.main-menu li.item .menu-link i{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 ul.main-menu li.item ul.goods-category-list a{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 div.mobile-menu { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 div.mobile-menu div.toggle-menu span.hamburger { background-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 div.mobile-menu div.toggle-menu { border-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 div.mobile-menu div.mobile-mm-phones a { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065786 ul.main-menu{ text-align: left; } div.vizit-box.page-block-id-2065788{ margin-bottom: 0px; } div.vizit-box.page-block-id-2065788 div.vb-cont .vizit-box-boby{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 div.main-menu-cont{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 ul.main-menu li.item ul.goods-category-list{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 ul.main-menu li.item ul.goods-category-list li.it ul.sub-list{ background-color: #ffffff; } @media (max-width: 767px) { div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 ul.main-menu { background-color: #ffffff; } } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 div.mobile-menu div.mobile-mm-phones { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 div.mobile-menu div.mobile-mm-search { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 div.mobile-menu { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 ul.main-menu li.item .menu-link{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 ul.main-menu li.item .menu-link i{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 ul.main-menu li.item ul.goods-category-list a{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 div.mobile-menu { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 div.mobile-menu div.toggle-menu span.hamburger { background-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 div.mobile-menu div.toggle-menu { border-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 div.mobile-menu div.mobile-mm-phones a { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065788 ul.main-menu{ text-align: left; } @media (max-width: 767px) { #vizit-template div.vizit-box.vb-banner.page-block-id-2065792{ display: none; } } div.vizit-box.page-block-id-2065794{ margin-bottom: 0px; } div.vizit-box.page-block-id-2065795{ margin-bottom: 0px; } div.vizit-box.page-block-id-2065797{ margin-bottom: 0px; } div.vizit-box.page-block-id-2065797 div.vb-cont .vizit-box-boby{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 div.main-menu-cont{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 ul.main-menu li.item ul.goods-category-list{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 ul.main-menu li.item ul.goods-category-list li.it ul.sub-list{ background-color: #ffffff; } @media (max-width: 767px) { div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 ul.main-menu { background-color: #ffffff; } } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 div.mobile-menu div.mobile-mm-phones { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 div.mobile-menu div.mobile-mm-search { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 div.mobile-menu { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 ul.main-menu li.item .menu-link{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 ul.main-menu li.item .menu-link i{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 ul.main-menu li.item ul.goods-category-list a{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 div.mobile-menu { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 div.mobile-menu div.toggle-menu span.hamburger { background-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 div.mobile-menu div.toggle-menu { border-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 div.mobile-menu div.mobile-mm-phones a { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2065797 ul.main-menu{ text-align: left; } div.vb-contact.vb-contact-2.page-block-id-2065799 ul.contact div.c-value{ color: #2e2e2e; } div.vb-contact.vb-contact-2.page-block-id-2065799 ul.contact div.c-value a{ color: #2e2e2e; } div.vb-contact.vb-contact-2.page-block-id-2065799 ul.contact div.c-head{ color: #2e2e2e; } div.vb-contact.vb-contact-2.page-block-id-2065799 ul.contact div.c-head a{ color: #2e2e2e; } div.vb-contact.vb-contact-2.page-block-id-2065799 ul.contact li.w-ic{ color: #2e2e2e; } div.vb-contact.vb-contact-2.page-block-id-2065799 ul.contact li{ border-color: rgba(46, 46, 46, 0.6); } @media (max-width: 767px) { #vizit-template div.vizit-box.vb-banner.page-block-id-2065800{ display: none; } } @media (max-width: 767px) { #vizit-template div.vizit-box.vb-banner.page-block-id-2065801{ display: none; } } div.vizit-box.page-block-id-2065803{ margin-bottom: 0px; } div.vizit-box.page-block-id-2065804{ margin-bottom: 0px; } div.vizit-box.page-block-id-2065815{ margin-bottom: 0px; } div.vizit-box.page-block-id-2065824{ margin-bottom: 0px; } @media (max-width: 767px) { #vizit-template div.vizit-box.vb-banner.page-block-id-2292628{ display: none; } } div.vizit-box.page-block-id-2338043{ margin-bottom: 0px; } div.vizit-box.page-block-id-2338043 div.vb-cont .vizit-box-boby{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 div.main-menu-cont{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 ul.main-menu li.item ul.goods-category-list{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 ul.main-menu li.item ul.goods-category-list li.it ul.sub-list{ background-color: #ffffff; } @media (max-width: 767px) { div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 ul.main-menu { background-color: #ffffff; } } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 div.mobile-menu div.mobile-mm-phones { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 div.mobile-menu div.mobile-mm-search { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 div.mobile-menu { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 ul.main-menu li.item .menu-link{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 ul.main-menu li.item .menu-link i{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 ul.main-menu li.item ul.goods-category-list a{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 div.mobile-menu { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 div.mobile-menu div.toggle-menu span.hamburger { background-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 div.mobile-menu div.toggle-menu { border-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 div.mobile-menu div.mobile-mm-phones a { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2338043 ul.main-menu{ text-align: left; } @media (max-width: 767px) { #vizit-template div.vizit-box.vb-banner.page-block-id-2338047{ display: none; } } div.vizit-box.page-block-id-2338049{ margin-bottom: 0px; } div.vizit-box.page-block-id-2338050{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369336{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369337{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369338{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369343{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369345{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369346{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369347{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369348{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369349{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369373{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369373 div.vb-cont .vizit-box-boby{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 div.main-menu-cont{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 ul.main-menu li.item ul.goods-category-list{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 ul.main-menu li.item ul.goods-category-list li.it ul.sub-list{ background-color: #ffffff; } @media (max-width: 767px) { div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 ul.main-menu { background-color: #ffffff; } } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 div.mobile-menu div.mobile-mm-phones { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 div.mobile-menu div.mobile-mm-search { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 div.mobile-menu { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 ul.main-menu li.item .menu-link{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 ul.main-menu li.item .menu-link i{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 ul.main-menu li.item ul.goods-category-list a{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 div.mobile-menu { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 div.mobile-menu div.toggle-menu span.hamburger { background-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 div.mobile-menu div.toggle-menu { border-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 div.mobile-menu div.mobile-mm-phones a { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369373 ul.main-menu{ text-align: left; } @media (max-width: 767px) { #vizit-template div.vizit-box.vb-banner.page-block-id-2369375{ display: none; } } div.vizit-box.page-block-id-2369376{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369377{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369381{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369382{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369383{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369447{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369545{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369806{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369806 div.vb-cont .vizit-box-boby{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 div.main-menu-cont{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 ul.main-menu li.item ul.goods-category-list{ background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 ul.main-menu li.item ul.goods-category-list li.it ul.sub-list{ background-color: #ffffff; } @media (max-width: 767px) { div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 ul.main-menu { background-color: #ffffff; } } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 div.mobile-menu div.mobile-mm-phones { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 div.mobile-menu div.mobile-mm-search { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 div.mobile-menu { background-color: #ffffff; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 ul.main-menu li.item .menu-link{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 ul.main-menu li.item .menu-link i{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 ul.main-menu li.item ul.goods-category-list a{ color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 div.mobile-menu { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 div.mobile-menu div.toggle-menu span.hamburger { background-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 div.mobile-menu div.toggle-menu { border-color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 div.mobile-menu div.mobile-mm-phones a { color: #333; } div.vb-main-menu.main-menu-horizontal.page-block-id-2369806 ul.main-menu{ text-align: left; } div.vizit-box.page-block-id-2369809{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369810{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369813{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369814{ margin-bottom: 0px; } div.vizit-box.page-block-id-2369815{ margin-bottom: 0px; } div.vizit-box.page-block-id-2370831{ margin-bottom: 0px; } div.vizit-box.page-block-id-2370834{ margin-bottom: 0px; } div.vizit-box.page-block-id-2370926{ margin-bottom: 0px; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-Bold.eot'); src: local('Okta Neue Bold'), local('OktaNeue-Bold'), url('/static-files/font/OktaNeue/OktaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-Bold.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-Bold.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-Black.eot'); src: local('Okta Neue Black'), local('OktaNeue-Black'), url('/static-files/font/OktaNeue/OktaNeue-Black.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-Black.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-Black.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-Black.ttf') format('truetype'); font-weight: 800; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-ExtraLight.eot'); src: local('Okta Neue Extra Light'), local('OktaNeue-ExtraLight'), url('/static-files/font/OktaNeue/OktaNeue-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-ExtraLight.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-ExtraLight.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-Heavy.eot'); src: local('Okta Neue Heavy'), local('OktaNeue-Heavy'), url('/static-files/font/OktaNeue/OktaNeue-Heavy.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-Heavy.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-Heavy.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-Light.eot'); src: local('Okta Neue Light'), local('OktaNeue-Light'), url('/static-files/font/OktaNeue/OktaNeue-Light.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-Light.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-Light.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-Medium.eot'); src: local('Okta Neue Medium'), local('OktaNeue-Medium'), url('/static-files/font/OktaNeue/OktaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-Medium.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-Medium.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-Thin.eot'); src: local('Okta Neue Thin'), local('OktaNeue-Thin'), url('/static-files/font/OktaNeue/OktaNeue-Thin.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-Thin.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-Thin.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-SemiBold.eot'); src: local('Okta Neue Semi Bold'), local('OktaNeue-SemiBold'), url('/static-files/font/OktaNeue/OktaNeue-SemiBold.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-SemiBold.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-SemiBold.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-Normal.eot'); src: local('Okta Neue Normal'), local('OktaNeue-Normal'), url('/static-files/font/OktaNeue/OktaNeue-Normal.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-Normal.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-Normal.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-Normal.ttf') format('truetype'); font-weight: 350; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-Regular.eot'); src: local('Okta Neue'), local('OktaNeue-Regular'), url('/static-files/font/OktaNeue/OktaNeue-Regular.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-Regular.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-Regular.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; ascent-override: 90%; } @font-face { font-family: 'Okta Neue'; src: url('/static-files/font/OktaNeue/OktaNeue-UltraLight.eot'); src: local('Okta Neue Ultra Light'), local('OktaNeue-UltraLight'), url('/static-files/font/OktaNeue/OktaNeue-UltraLight.eot?#iefix') format('embedded-opentype'), url('/static-files/font/OktaNeue/OktaNeue-UltraLight.woff2') format('woff2'), url('/static-files/font/OktaNeue/OktaNeue-UltraLight.woff') format('woff'), url('/static-files/font/OktaNeue/OktaNeue-UltraLight.ttf') format('truetype'); font-weight: 250; font-style: normal; ascent-override: 90%; } :root { --main-green: #71ED47; --darker-green: #5EC93A; --hover-green: #69DD41; --pale-green: #d5ffc7; --main-dark: #1F2F3A; --hover-dark: #131E25; --dark-gray: #748183; --light-gray: #aabec1; --extra-light-gray: #E5EBEC; --main-yellow: #FFD817; --hover-yellow: #FFC517; --white: #ffffff; --main-radius: 20px; --button-sm-radius: 7px; --button-md-radius: 12px; --button-lg-radius: 17px; --main-font: 'Okta Neue', 'Roboto', 'Sans Serif'; --main-transition: all 0.3s ease-out; --hover-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1); --hover-shadow-2: 0px 10px 20px -4px rgba(0, 0, 0, 0.2); } /*-----загальне-----*/ *, *::before, *::after { box-sizing: border-box; } iframe { height: auto; width: 100%; aspect-ratio: 16 / 9; outline: none; border: none; border-radius: var(--main-radius); } ul, ol { padding-left: 15px; } div.vb-page-content div .about-content div .about-cont div.ac-logo { display: none; } body { display: block; margin: 0px; font-family: var(--main-font) !important; overflow-x: hidden !important; color: var(--main-dark); background: var(--white); } html.static, body.static { overflow: hidden; } a { color: var(--darker-green); transition: var(--main-transition) } a:hover, a:focus { color: var(--hover-green); } button { transition: all 0.2s ease-out; } .vb-cont { text-align: left !important; } .page-width-limiter { position: relative; margin: 0 auto; max-width: 1680px !important; min-width: 320px; padding: 0px 50px !important; } h1, h2, h3, h4, h5, h6 { font-family: var(--main-font); } h1, .c-article-header { font-size: 40px !important; font-weight: 700 !important; line-height: 1.2 !important; } @media (max-width: 767px) { h1, .c-article-header { font-size: 25px !important; } } #setting-style-box .modal-body, #custom-setting-box .modal-body { display: flex; flex-direction: column-reverse; margin-top: 50px; } #setting-style-box .modal-footer, #custom-setting-box .modal-footer { width: 100%; top: 40px; position: absolute; } #setting-style-box .modal-dialog, #custom-setting-box .modal-dialog, #text-setting-box .modal-dialog { width: 80%; margin: 0 auto; } #setting-style-box .modal-body, #custom-setting-box .modal-body, #text-setting-box .modal-body { display: flex; flex-direction: column-reverse; margin-top: 50px; } #setting-style-box .modal-body textarea, #custom-setting-box .modal-body textarea { min-height: 550px; background: var(--main-dark); color: white; font-size: 16px; font-family: Source Code Pro; } .mce-edit-area iframe { min-height: 450px; } #setting-style-box .modal-footer, #custom-setting-box .modal-footer, #text-setting-box .modal-footer { width: 100%; top: 40px; position: absolute; } .modal-dialog .form-control { border-radius: 6px; } #vizit-setting-panel { height: auto; padding: 5px; position: relative; } #vizit-setting-panel-cont { position: fixed; top: 0; z-index: 1005; width: 100%; } #portal-top-panel { border: 0; } @media (min-width: 767px) { #portal-top-panel-place { position: fixed; top: 0; left: 0; z-index: 1006; width: 100%; transition: var(--main-transition); transform: translateY(-33px); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0); background: white; opacity: 0; } #portal-top-panel-place:hover { transform: translateY(0); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); opacity: 1; transition-delay: 0.5s; } } @media (max-width: 767px) { #portal-top-panel-place { display: none; } } div.vizit-box div.vizit-box-tools { z-index: 1005; } /*-----модал зображення-----*/ #image-library-box div.image-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-template-rows: 1fr; gap: 10px; } #image-library-box div.image-list div.item { margin: 0; } #image-library-box div.image-list div.item div.img { background: #ccc; } #image-library-box div.image-list div.item div.img img { border: none; } /*-----фільтри-----*/ .vizit-box.vb-panel.vb-firm-filter .vizit-box-boby { padding: 15px 0; } div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list { padding: 0px; position: relative; } .ui-slider-horizontal { height: .4em; } .ui-widget-header { border: none !important; background: var(--main-green); } div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list div.head { color: #333; } .ui-widget-content { margin: 20px 0 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: var(--main-green); width: 25px; height: 25px; border-radius: 13px; } .ui-widget-content { background: #d6d6d6; margin-top: 10px; } div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list div.price-input { font-size: 14px; width: 237px; } #firm-filter-mobile-box div.firm-filter-list ul.list, div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list ul.list { padding-left: 0; display: flex; flex-direction: column; gap: 5px; } #firm-filter-mobile-box div.firm-filter-list ul.list li a, div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list ul.list li a { color: #666; text-decoration: none; display: flex; width: 100%; align-items: center; } .item.item-filter span, .item.item-filter span small { font-size: 14px; transform: none; } .item.item-filter .list .val-title span { display: flex; justify-content: space-between; align-items: center; flex-direction: row; width: 100%; } #firm-filter-mobile-box div.firm-filter-list ul.list li i, div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list ul.list li i { margin-right: 5px; font-size: 16px; color: #b1b1b1; margin-top: -3px; } #firm-filter-mobile-box div.firm-filter-list ul.list li i.glyphicon.glyphicon-check, div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list ul.list li i.glyphicon.glyphicon-check { color: var(--main-green); } #firm-filter-mobile-box div.firm-filter-list div.price-input span, div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list div.price-input span { top: 4px; } .ui-slider-horizontal .ui-slider-handle { top: -0.7em; } .ui-slider-horizontal .ui-slider-handle:nth-child(2) { margin-left: 0; } .ui-slider-horizontal .ui-slider-handle:nth-child(3) { margin-left: -1.7em; } .ui-widget-content { border: none; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 10px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 10px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 10px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 10px; } #firm-filter-mobile-box div.firm-filter-list .price-filter-button, div.vizit-box.vb-panel.vb-firm-filter div.firm-filter-list .price-filter-button { background-color: var(--main-green); height: auto; width: auto; top: 5px; border-radius: 7px; border: none; line-height: 24px; padding: 3px 7px; } #login-box div.modal-footer { display: flex; justify-content: center; } #login-box div.modal-footer button { width: 50%; } #cart-box div.cart-list div.firm-order div.firm-title, #cart-box div.cart-form div.firm-order div.firm-title { display: none; } #cart-box div.cart-list div.item div.sum div.tools .btn { background: transparent; color: #ccc; } #cart-box div.cart-list div.goods-list div.order-sum { background-color: transparent; font-size: 20px; } @media (max-width: 767px) { #cart-box div.cart-list div.firm-order div.item { padding: 5px 0; } #cart-box { padding-top: 0; } } /*-----галерея-----*/ @media (min-width: 767px) { div.vb-page-content div.media-gallery-content h1 { margin: -15px -15px 0 -15px; } } .a-vizit-media-list.a-vizit-media-list-tile { margin: 0 -20px 0 -20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); height: 100%; position: relative; } .a-vizit-media-list.a-vizit-media-list-tile .a-vizit-media-item { max-width: 100%; min-width: 100%; } .a-vizit-media-list.a-vizit-media-list-tile .a-vizit-media-item .v-media-item-wraper { overflow: hidden; border-radius: var(--main-radius); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; min-width: 100%; min-height: 100%; background: transparent !important; } .a-vizit-media-list.a-vizit-media-list-tile .a-vizit-media-item .v-media-item-wraper>a, .a-vizit-media-list.a-vizit-media-list-tile .a-vizit-media-item .v-media-item-wraper>iframe { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; min-height: 100%; min-width: 100%; position: absolute; opacity: 1; } .a-vizit-media-list.a-vizit-media-list-tile .a-vizit-media-item .v-media-item-wraper:hover a, .a-vizit-media-list.a-vizit-media-list-tile .a-vizit-media-item .v-media-item-wraper:hover iframe { opacity: 0.8; } .a-vizit-media-list.a-vizit-media-list-tile .a-vizit-media-item .v-media-item-wraper>a>img { min-width: auto; min-height: 100%; transition: all ease 1s; position: absolute; width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .a-vizit-media-list.a-vizit-media-list-tile .a-vizit-media-item .media-item-title { display: none; } div.vb-page-content div.media-gallery-content .media-tag-list { margin: 0 -15px 15px -15px; } div.vb-page-content div.media-gallery-content .media-tag-list a, div.vb-page-content div.media-gallery-content .media-tag-list span { padding: 10px 25px; border-radius: var(--button-sm-radius); border: 3px solid var(--main-green); } div.vb-page-content div.media-gallery-content .media-tag-list a:hover { background: #dfffe9; border-color: var(--main-green); } div.vb-page-content div.media-gallery-content .media-tag-list .current { border-color: var(--main-green); background-color: var(--main-green); color: white; } @media (max-width: 767px) { div.vb-page-content div.media-gallery-content .media-tag-list { margin: 0 0 15px 0; } div.vb-page-content div.media-gallery-content { position: relative; padding-top: 15px; } .vizit-box.vb-panel.vb-media-gallery { padding: 15px 0; } .a-vizit-media-list.a-vizit-media-list-tile { margin: 0 -5px 0 -5px !important; } iframe { width: 100%; } } /*-----перегляд фото товару-----*/ #image-gallery-box { z-index: 1006; } #image-gallery-box .goods-info-fg img { width: 100%; } @media (min-width: 767px) { #image-gallery-box div.left { display: flex; flex-direction: row-reverse !important; gap: 15px; } #image-gallery-box div.left div.list-photos { display: flex; flex-direction: column; gap: 5px; min-height: 100% !important; margin-top: 0; overflow-y: auto; min-width: 110px; padding-bottom: 0 !important; } #image-gallery-box div.left div.list-photos div.item { min-height: 84px; min-width: 84px; } } #image-gallery-box div.wrapper { top: 0; right: 0; bottom: 0; left: 0; height: 95%; width: 95%; max-width: 1540px; max-height: 800px; display: flex; justify-content: flex-start; border-radius: var(--main-radius); } #image-gallery-box div.left { width: calc(100% - 280px); height: 100%; display: flex; justify-content: space-between; flex-direction: column; border: none; } #image-gallery-box div.right { width: 280px; } #image-gallery-box div.left span.expand { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; } #image-gallery-box div.left div.main-photo { border: none; height: 100%; width: 100%; } #image-gallery-box div.left div.main-photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } #image-gallery-box div.left div.main-photo span.left-arrow i, #image-gallery-box div.left div.main-photo span.right-arrow i { color: white; text-shadow: 0 2px 6px #000; opacity: .3; } #image-gallery-box div.left div.main-photo span.left-arrow:hover i, #image-gallery-box div.left div.main-photo span.right-arrow:hover i { opacity: .5; } #image-gallery-box div.right div.info span.title { font-family: var(--main-font); font-size: 17px; line-height: 20px; font-weight: 600; color: var(--main-dark); } #image-gallery-box div.right div.info div.part-info { border-bottom: 1px dashed #c8c8c8; } #image-gallery-box div.right div.info div.part-info:last-child { border-bottom: none; } #image-gallery-box div.right div.info div.part-info .p-cart button { display: flex; justify-content: center; align-items: center; font-weight: 600; } #image-gallery-box div.right div.info div.part-info .p-cart button i { font-size: 20px; top: 0; } #image-gallery-box div.left div.list-photos { padding-bottom: 10px; max-height: 100px; } #image-gallery-box div.left div.list-photos div.item { border-radius: var(--button-md-radius); border: 3px solid var(--extra-light-gray); height: 84px; width: 84px; margin-right: 6px; } #image-gallery-box div.left div.list-photos div.item.active { border-radius: var(--button-md-radius); border: 3px solid var(--main-green); } #image-gallery-box div.left div.list-photos div.item img { height: 100%; } #image-gallery-box div.right { padding: 35px 0 15px 0; } #image-gallery-box div.right div.info { padding-right: 10px; padding-top: 0; } #image-gallery-box div.right div.info .p-price { background-color: #fffcde; } #image-gallery-box div.right div.info .p-price .price { color: var(--main-dark); font-weight: 800; font-size: 16px; } #image-gallery-box div.right div.info .p-price .price .unit { color: #a6a6a6; font-weight: 400; } #image-gallery-box div.right div.info .p-price .avail { font-weight: 400; margin: 10px 0; font-size: 15px; } #image-gallery-box div.right div.info .p-price .article { color: #929292; font-weight: 400; } .part-info span { font-weight: 600; } .helper-site-firm-phone { color: #07aa31; } #image-gallery-box i.close { font-size: 15px; color: var(--main-dark); text-shadow: none; opacity: 1; top: 10px; right: 10px; z-index: 900; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\2573" !important; width: 50px !important; } @media (max-width: 990px) { #image-gallery-box div.right { display: none; } #image-gallery-box div.left { width: 100%; } } @media (max-width: 767px) { #image-gallery-box div.wrapper { height: 100%; width: 100%; border-radius: 0; } #image-gallery-box div.left div.list-photos { height: 120px; margin: 12px -20px -15px -15px; padding: 0 6px 0 6px; } #image-gallery-box div.left div.list-photos div.item { border-radius: var(--button-md-radius); border: 3px solid var(--light-gray); height: 84px; min-width: 84px; } #image-gallery-box div.left div.main-photo span.left-arrow i, #image-gallery-box div.left div.main-photo span.right-arrow i { padding: 5px; } #image-gallery-box i.close { font-size: 18px; padding: 10px; z-index: 900; } #image-gallery-box { width: 100%; height: 100%; min-width: 100%; min-height: 100%; } } /*-----блок головна-----*/ .c-about { font-family: var(--main-font); font-size: 16px; padding-bottom: 20px; } .c-about .ac-text .main-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; margin: 15px 0 15px 0; } .c-about .ac-text .a-info { background: white; padding: 20px; border-radius: var(--main-radius); display: flex; } .c-about .a-info.top { flex-direction: column; gap: 20px; padding: 30px; } .c-about .a-info .top-title { display: flex; gap: 10px; align-items: center; font-size: 30px; } .c-about .a-info.top span { line-height: 1.5; font-size: 18px; font-weight: 500; color: #686868; } .c-about .a-info.bottom { padding: 30px; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; } .c-about .a-info.bottom .info-cont { display: flex; gap: 20px; flex-direction: column; align-items: flex-start; } .c-about .ac-text .main-list .a-item { position: relative; display: flex; justify-content: space-between; flex-direction: column; border-radius: var(--main-radius); padding: 30px 30px 60px 30px; background: white; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .c-about .ac-text .main-list .a-item .a-link a { font-size: 16px; font-weight: 700; align-items: center; display: flex; gap: 8px; text-decoration: none; margin-top: 10px; margin-bottom: 2px; color: var(--main-green) !important; position: absolute; bottom: -2px; left: 0; padding: 10px 30px; background: #F3F6F3; border-radius: 0 10px 0 0; } .c-about .ac-text .main-list .a-item .a-link a:before { position: absolute; top: -10px; left: 0; content: ''; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-0.00050354 0.00195312V9.95769H9.85547C4.41336 9.88091 0.0225983 5.4569 -0.00050354 0.00195312Z' fill='%23F3F6F3'/%3E%3C/svg%3E%0A"); } .c-about .ac-text .main-list .a-item .a-link a:after { position: absolute; bottom: 0; right: -10px; content: ''; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-0.00050354 0.00195312V9.95769H9.85547C4.41336 9.88091 0.0225983 5.4569 -0.00050354 0.00195312Z' fill='%23F3F6F3'/%3E%3C/svg%3E%0A"); } .c-about .ac-text .main-list .a-item .a-link a:hover { color: var(--hover-green) !important; } .c-about .ac-text .main-list .a-item .a-link a i { font-size: 12px; } .c-about .ac-text .main-list .a-item .img-svg { position: relative; border-radius: 8px; margin-bottom: 20px; background: var(--light-gray); display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; } .c-about .ac-text .main-list .a-item .img-svg::before { position: absolute; left: 50%; transform: translateX(-50%); top: -30px; content: ''; width: 35px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg width='35' height='30' viewBox='0 0 35 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H35C29.4772 0 25 4.47715 25 10V20C25 25.5228 29.4772 30 35 30H0C5.52285 30 10 25.5228 10 20L10 10C10 4.47715 5.52285 0 0 0Z' fill='%23F3F6F3'/%3E%3C/svg%3E%0A"); } .c-about .ac-text .main-list .a-item .a-text { display: flex; flex-direction: column; gap: 15px; } .c-about .ac-text .main-list .a-item .title { font-size: 30px; line-height: 1; font-weight: 900; background: var(--main-green); background-clip: text; -webkit-text-fill-color: transparent; } .c-about .ac-text .main-list .a-item .description { font-size: 15px; line-height: 1.5; font-weight: 500; color: #999999; } .button-back.right:before { right: -30px; } @media (max-width: 1024px) { .c-about .ac-text .main-list { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } } @media (max-width: 767px) { .c-about { padding-top: 40px; } .c-about .ac-text .main-list { grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); } .c-about .a-info.bottom { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; } .c-about .a-info .top-title { font-size: 25px; } .c-about .a-info .top-title svg { width: 30px; } .button-back, .c-about .a-info.bottom .a-btn.a-large { width: 100%; } } /*----кастомні кнопки-----*/ .btn-cstm { white-space: nowrap; display: flex !important; align-items: center; justify-content: center; border-radius: var(--button-lg-radius) !important; padding: 7px 20px !important; width: fit-content; font-weight: 500 !important; } .btn-cstm:focus { outline: none !important; } .btn-cstm.btn-lg { border-radius: var(--button-lg-radius) !important; height: 60px; padding: 7px 30px !important; gap: 10px; font-size: 18px; } .btn-cstm.btn-md { border-radius: var(--button-md-radius) !important; height: 50px; padding: 7px 20px !important; gap: 6px; font-size: 16px; } .btn-cstm.btn-lg .ico { font-size: 25px; } .btn-cstm.btn-md .ico { font-size: 20px; } .btn-square-lg { width: 60px; height: 60px; padding: 0px !important; } .btn-square-md { width: 50px; height: 50px; padding: 0px !important; } /*---------статті сторінка--------*/ @media (min-width: 767px) { div.vb-page-content div.article-content h1 { margin: -15px -15px 20px -15px; } } div.vb-page-content div.article-content ul.article-list { margin: -15px -15px 0 -15px; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-items: flex-start; gap: 10px; } div.vb-page-content div.article-content ul.article-list li { display: flex; flex-direction: column; flex-basis: 25%; padding: 15px; margin-bottom: 0; border-radius: var(--main-radius); border: 1px solid var(--extra-light-gray); background: white; transition: var(--main-transition); height: 100%; } div.vb-page-content div.article-content ul.article-list li:hover { box-shadow: inset 0px 0px 0px 2px var(--extra-light-gray); } div.vb-page-content div.article-content ul.article-list li.clearfix { display: none; } div.vb-page-content div.article-content ul.article-list li div.img { width: auto; display: flex; } div.vb-page-content div.article-content ul.article-list li div.inf { padding-left: 0; } div.vb-page-content div.article-content ul.article-list li .title { margin: 8px 0; } div.vb-page-content div.article-content ul.article-list li div.inf div.title a { font-size: 16px; font-weight: 600; line-height: 1.2; background-image: linear-gradient(var(--hover-green), var(--hover-green)); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px, auto; transition: all .2s ease-in; } div.vb-page-content div.article-content ul.article-list li div.inf div.title a:hover { background-size: 100% 1px, auto; text-decoration: none; } div.vb-page-content div.article-content ul.article-list li div.inf div.des { height: 4.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: none; } @media (max-width: 767px) { div.vb-page-content div.article-content ul.article-list { margin: -20px -5px 15px -5px; } div.vb-page-content div.article-content ul.article-list li { flex-basis: 100%; max-width: 100%; } div.vb-page-content div.article-content ul.article-list li div.img { justify-content: center; } div.vb-page-content div.article-content { margin-top: 15px; } } /*---------статті блок--------*/ .a-vizit-article-list.a-vizit-article-list-1 { display: flex; flex-wrap: wrap; margin: 5px -20px 0 -20px !important; justify-content: flex-start; } .a-vizit-article-list.a-vizit-article-list-1 .ava-item { justify-content: center; width: 100%; padding-right: 5px; padding-left: 5px; flex-basis: 20%; max-width: 20%; min-width: auto; } .a-vizit-article-list.a-vizit-article-list-1 .ava-item-cont { overflow: hidden; margin-bottom: 10px !important; border-radius: var(--main-radius); background-color: #fff; -webkit-box-shadow: none; box-shadow: none; padding: 2px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; flex-basis: 100%; border: 1px solid var(--extra-light-gray); } .a-vizit-article-list.a-vizit-article-list-1 .ava-item-cont:hover { -webkit-box-shadow: none; box-shadow: none; } .a-vizit-article-list.a-vizit-article-list-1 .ava-item-cont div.title a { color: var(--main-dark); background-image: linear-gradient(black, black); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px, auto; transition: all .2s ease-in; } .a-vizit-article-list.a-vizit-article-list-1 .ava-item-cont div.title a:hover { background-size: 100% 1px, auto; text-decoration: none; } .a-vizit-article-list.a-vizit-article-list-1 .ava-item-cont div.img img { border-top-left-radius: 18px; border-top-right-radius: 18px; } @media (min-width: 767px) { .a-vizit-article-list.a-vizit-article-list-1 .ava-item-cont:hover { box-shadow: inset 0px 0px 0px 2px var(--extra-light-gray); } } .a-vizit-article-list.a-vizit-article-list-1 .ava-item-cont div.title { font-weight: 600; } @media (max-width: 1024px) { .a-vizit-article-list.a-vizit-article-list-1 .ava-item { flex-basis: 33.3333%; max-width: 33.3333%; } } @media (max-width: 767px) { .a-vizit-article-list.a-vizit-article-list-1 { padding: 0 15px; } /* .vizit-box.vb-panel.vb-article.vb-article-1 { padding: 15px 0; } .vb-article.vb-article-1 .a-vizit-article-list.a-vizit-article-list-1 { flex-wrap: nowrap; overflow-x: auto; margin: 0 -15px 0 -20px !important; padding: 10px 10px 0 15px !important; scrollbar-width: none; } .vb-article.vb-article-1 .a-vizit-article-list.a-vizit-article-list-1 .ava-item, .vb-article.vb-article-1 .a-vizit-media-list.a-vizit-media-list-tile.a-vizit-media-list-count-in-line-4 .a-vizit-media-item { max-width: 50%; min-width: 250px; } */ .vb-article.vb-article-1 .a-vizit-media-list.a-vizit-media-list-tile { margin: 0 -5px 0 -5px !important; } .vb-media-gallery .a-vizit-media-list.a-vizit-media-list-tile { margin: 0 -15px 0 -20px !important; padding: 5px 10px 0 15px !important; display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .vb-media-gallery .a-vizit-media-list.a-vizit-media-list-tile.a-vizit-media-list-count-in-line-4 .a-vizit-media-item { max-width: 250px; min-width: 250px; } } /*---------стиль категорій--------*/ .a-vizit-category-list.a-vizit-category-list-4 { margin: -15px -15px 0 -15px; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-items: flex-start; gap: 10px; } .a-vizit-category-list.a-vizit-category-list-4 .avc-item { margin: 0; border-radius: var(--main-radius); overflow: hidden; border: 1px solid var(--extra-light-gray); height: 100%; max-width: 100%; background-color: transparent; } .a-vizit-category-list.a-vizit-category-list-4 .avc-item:hover { background-color: var(--extra-light-gray); } .a-vizit-category-list.a-vizit-category-list-4 .avc-item a { padding: 2px; } .a-vizit-category-list.a-vizit-category-list-4 .avc-item .img img { max-width: 100%; width: 100%; border-radius: 18px; } .a-vizit-category-list.a-vizit-category-list-4 .avc-item .title-cont .title { font-size: 18px; color: var(--main-dark); text-shadow: none; padding: 20px 10px; } .a-vizit-category-list.a-vizit-category-list-4 .avc-item .title-cont .count { font-size: 14px; color: var(--light-gray); text-shadow: none; } @media (max-width: 767px) { .a-vizit-category-list.a-vizit-category-list-4 { margin: 0; } } @media (max-width: 576px) { .a-vizit-category-list.a-vizit-category-list-4 { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); } } /*---------контенет сторінки--------*/ .contact-content, .article-view-content, .review-content, .goods-view-content, .about-content, .search-content, .text-content, .document-content { margin: -14px -14px 0 -14px; padding: 0; background: white; border-radius: var(--main-radius); } /* div.vb-page-content div.article-view-content h1 { display: none; }*/ .text-content ul, .a-text ul, .a-text ol { margin-left: 15px; } div.vb-page-content div .about-content div .about-cont div.ac-head h1 { font-weight: 400 !important; } @media (max-width: 767px) { .contact-content, .article-view-content, .review-content, .goods-view-content, .about-content, .search-content, .text-content, .about-cont, .document-content { border-radius: 0 !important; margin-top: 15px; margin-bottom: 20px; padding: 0 15px; } } /*---------стиль товарів--------*/ @media (min-width: 767px) { .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .avg-item-cont:hover { box-shadow: inset 0px 0px 0px 2px var(--extra-light-gray); } } div.vb-page-content div.goods-catalog-content h1, div.vb-page-content div.category-content h1 { font-size: 24px; color: var(--main-dark); margin-bottom: 10px; margin-left: -14px; } .a-vizit-goods-list.a-vizit-goods-list-1 { margin: 0 -20px 0 -20px !important; justify-content: flex-start !important; transition-duration: .3s; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item { border-radius: var(--main-radius); border: none; min-width: auto; max-width: 100%; width: 24%; position: relative; padding: 5px; background: transparent; margin-bottom: 0px; transition-duration: .3s; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .avg-item-cont { display: flex; flex-direction: column; gap: 10px; background: #fff; padding: 15px; border-radius: var(--main-radius); margin: 0px 0px; padding-bottom: 70px; position: relative; width: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; border: 1px solid var(--extra-light-gray); } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .img .more-photo-icon { display: none; } div.a-vizit-goods-list i.image-gallery-eye { padding: 7px; background-color: rgba(113, 237, 71, 0.6); font-size: 25px; right: 0; width: 100%; border-radius: 0; color: var(--hover-dark); transition: var(--main-transition); opacity: 0; visibility: hidden; } div.a-vizit-goods-list i.image-gallery-eye:hover { color: var(--hover-dark); background-color: rgba(113, 237, 71, 0.8); } div.a-vizit-goods-list .avg-item-cont:hover i.image-gallery-eye { opacity: 1; visibility: visible; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .title { text-align: left; margin-bottom: 0; font-family: var(--main-font) !important; font-weight: 400; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .article { color: #88A5B7; font-size: 12px; text-align: left; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .article b { font-weight: 400; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .avail { text-align: left; font-weight: 500; position: relative; font-size: 13px; padding: 2px 10px; border-radius: 5px; width: fit-content; line-height: normal; white-space: nowrap; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .avail.avail-1 { color: var(--darker-green); background: rgba(113, 237, 71, 0.10); } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .avail.avail-2 { color: rgba(31, 47, 58, 0.50); background: rgba(31, 47, 58, 0.05); } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .avail.avail-3 { color: #2684FC; background: rgba(38, 132, 252, 0.10); } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .avail.avail-4 { color: #F4BA0E; background: rgba(255, 197, 23, 0.10); } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .price-cont { position: relative; text-align: left; margin-top: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .price-cont .old-price { color: var(--dark-gray); font-size: 16px !important; font-weight: 500 !important; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .price-cont .old-price:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: red; width: 100%; height: 2px; border: none; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .price-cont .a-opt-link { color: var(--main-dark); font-size: 16px !important; font-weight: 800 !important; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .price-cont .a-opt-link.stock>span { color: var(--main-dark); background-color: transparent; padding: 0; font-size: 18px; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .to-cart button { font-size: 14px; font-weight: 600; padding: 14px 15px; overflow: hidden; display: flex; text-align: center; align-items: center; justify-content: center; min-width: fit-content; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item button i { font-size: 20px; top: 0; margin-right: -5px; } .gv-cart-button-cont .cart-button-pre-order, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .cart-button-pre-order { background-color: var(--main-yellow) !important; color: var(--hover-dark); } .gv-cart-button-cont .cart-button-pre-order:hover, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .cart-button-pre-order:hover { background-color: var(--hover-yellow) !important; color: var(--hover-dark); } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .to-cart { bottom: 15px; border-radius: var(--button-md-radius); overflow: hidden; left: 15px; right: 0 !important; width: calc(100% - 30px); } .cart-button-typ-small-block.cart-button-to-cart { background: var(--main-green) !important; border: none; color: var(--hover-dark); position: relative; } .cart-button-typ-small-block.cart-button-to-cart:hover { color: var(--hover-dark); background: var(--hover-green) !important; } .cart-button-typ-small-block.cart-button-in-cart { background: #ffd848; color: var(--hover-dark); } .gv-cart-button-cont .cart-button-ask-avail, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .cart-button-ask-avail { background-color: white !important; color: var(--main-dark); border: 1px solid rgba(31, 47, 58, 0.20) !important; border-radius: var(--button-md-radius) !important; } .gv-cart-button-cont .cart-button-ask-avail:hover, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .cart-button-ask-avail:hover { background-color: #F4F6F6 !important; color: var(--hover-dark); } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .title a, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .title span { font-size: 14px; position: relative; font-weight: 600; color: var(--main-dark); max-height: 30px; text-decoration: none; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; overflow: hidden; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .title a:hover { text-decoration: underline; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .title a:hover { text-decoration: underline; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .img { margin-bottom: 0; } div.vb-page-content div.goods-view-content div.images div.promo-status, div.vb-page-content div.goods-view-content div.images div.discount, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .img .promo-status, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .img .discount { padding: 10px; border-radius: 0px 8px 8px 0px; left: 0; width: auto; text-align: left; z-index: 1; overflow: hidden; font-size: 14px; line-height: 10px; } div.vb-page-content div.goods-view-content div.images div.discount, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .img .discount { background-color: #FF5917 !important; color: white; top: 35px !important; } .a-vizit-goods-list.a-vizit-goods-list-1 div.img div.promo-status:before, .a-vizit-goods-list.a-vizit-goods-list-1 div.img div.discount:before { display: none; } div.vb-page-content div.goods-view-content div.images div.promo-status, .a-vizit-goods-list.a-vizit-goods-list-1 div.img div.promo-status { background-color: var(--hover-yellow) !important; top: 0 !important; color: var(--hover-dark); } div.vb-page-content div.goods-view-content div.images div.discount:after { position: absolute; content: '%'; top: -19px; left: 0; right: 0; margin: 0 auto; text-align: center; width: 30px; height: 30px; color: #fff; z-index: 99; font-size: 45px; font-weight: 900; opacity: 0.35; } div.vb-page-content div.goods-view-content div.images div.promo-status:before, div.vb-page-content div.goods-view-content div.images div.discount:before { display: none; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .img img { border-radius: 0px; } div.vb-page-content div.goods-view-content div.inf-block.ib-price span.price { color: var(--darker-green); font-weight: 800; } div.vb-page-content div.goods-view-content div.inf-block.ib-price span.price.stock { background-color: #d9ffd6; } div.vb-page-content div.goods-view-content div.info ul.opt-price li { background-color: #fff5c6; border-radius: 5px; } div.vb-page-content div.goods-view-content div.info ul.opt-price li b { font-weight: 800; color: #f05409; } div.vb-page-content div.goods-view-content div.goods-title h1 { color: var(--main-dark); font-weight: 700; } div.vb-page-content div.goods-view-content div.goods-title h1 i { font-weight: 700; font-size: 30px; margin-left: 10px; } .goods-catalog-content nav { text-align: center; } @media (max-width: 990px) { .cart-button-typ-animate-icon.cart-button-ask-price span, .cart-button-typ-animate-icon.cart-button-to-cart span { display: none; } .cart-button-typ-animate-icon:hover i { left: -2px; top: 7px; } .cart-button-typ-animate-icon:hover { width: 40px; } } @media (max-width: 767px) { div.a-vizit-goods-list i.image-gallery-eye { display: none; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .avg-item-cont { padding-bottom: 15px; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .to-cart { left: auto; right: 15px !important; width: fit-content; } .cart-button-typ-small-block.cart-button-in-cart { background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .to-cart button { font-size: 0; width: 45px; height: 45px; padding: 0; display: flex; align-items: center; justify-content: center; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item button i { margin: 0; } .cart-button-typ-small-block.cart-button-in-cart:hover { background-position: center; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .to-cart button i { font-size: 18px; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .price-cont { width: calc(100% - 55px); } div.vb-page-content div.goods-catalog-content h1, div.vb-page-content div.category-content h1 { margin-left: 0px; margin-top: 15px; } .vb-cont .goods-catalog-content, .vb-cont .category-content { padding-bottom: 30px; } div.vb-page-content div.goods-view-content div.goods-title h1 i { font-size: 20px; } .vizit-box.vb-panel.vb-goods.vb-goods-1 { padding: 15px 0; } .a-vizit-goods-list.a-vizit-goods-list-1 { flex-wrap: nowrap; overflow-x: auto; margin: 0 -15px 0 -20px !important; padding: 0 10px 0 15px !important; scrollbar-width: none; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item { min-width: 250px; } .goods-catalog-content .a-vizit-goods-list.a-vizit-goods-list-1, .category-content .a-vizit-goods-list.a-vizit-goods-list-1 { flex-wrap: wrap; overflow-x: auto; } .goods-catalog-content .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item, .category-content .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item { min-width: 50%; } div.vb-header.vb-header-2 div.vbh-table { background-color: #f8f8f8; } .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .title a, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .title span { font-size: 14px; text-decoration: none; } .a-vizit-goods-list.a-vizit-goods-list-1 div.img div.promo-status.promo-status, .a-vizit-goods-list.a-vizit-goods-list-1 .avg-item .img .discount { font-size: 11px; } } /*-------слайдер товарів папка-----*/ div.vizit-box.page-block-id-2369351 { padding: 30px 50px 20px 50px; border-radius: 0px 30px 30px 30px; background: var(--pale-green); margin-top: 70px; } .cs-block-header { color: var(--hover-dark); display: flex; align-items: flex-start; justify-content: flex-start; padding: 45px 50px 0px 50px; gap: 10px; position: relative; margin-left: -50px; margin-top: -115px; background: var(--pale-green); border-radius: 30px 20px 0px 0px; width: fit-content; text-align: left; } .cs-block-header::after { content: ''; position: absolute; width: 75px; height: 44px; background: var(--pale-green); right: -37px; top: 20px; border-radius: 10px; transform: rotate(45deg); z-index: -1; } .owl-loaded { overflow: hidden; } .owl-stage .avg-item, .owl-stage .ava-item { min-width: 100% !important; height: 100%; max-width: 100%; } .owl-stage { display: flex; } .owl-nav { width: 100%; display: flex; justify-content: space-between; align-items: center; height: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.3s ease; visibility: hidden; opacity: 0; } .swiper-button-next, .swiper-button-prev, .owl-nav button { font-size: 20px; color: var(--main-dark) !important; display: flex !important; width: 40px !important; height: 50px !important; justify-content: center !important; align-items: center !important; gap: 10px; border-radius: 8px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); z-index: 20; transition: 0.3s ease; outline: none; border: none; opacity: 0.7; } .owl-dots { display: flex; width: 100%; gap: 10px; justify-content: center; align-items: center; margin: 10px 0 3px 0; display: none; } .owl-dots .owl-dot { width: 40px; height: 8px; border-radius: 8px; background: var(--main-dark); opacity: 0.3; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); z-index: 20; transition: 0.3s ease; outline: none; border: none; } .owl-dots .owl-dot.active { background: var(--main-dark); opacity: 1; } .owl-loaded:hover .owl-nav { visibility: visible; opacity: 1; top: 50%; transform: translateX(0) translateY(-50%); } .swiper-button-prev, .swiper-button-next { visibility: hidden; opacity: 0; cursor: pointer; } .swiper-button-prev { left: 0 !important; } .swiper-button-next { right: 0 !important; } .swiper-button-prev, .owl-loaded .owl-nav .owl-prev { transform: translateX(-30px); } .swiper-button-next, .owl-loaded .owl-nav .owl-next { transform: translateX(30px); } .swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next, .owl-loaded:hover .owl-nav button { transform: translateX(0); opacity: 0.7; visibility: visible; } .owl-loaded .owl-nav button.disabled { cursor: not-allowed; } .swiper-button-prev:hover, .swiper-button-next:hover, .owl-loaded .owl-nav button:hover { opacity: 1 !important; } .owl-loaded .owl-nav button.disabled:hover { opacity: 0.7; } .swiper-button-prev::after, .swiper-button-next::after { display: none !important; content: none !important; } @media (max-width: 1200px) { div.vizit-box.page-block-id-2369351 { padding: 30px 30px 0px 30px; } div.vizit-box.page-block-id-2369351 .vizit-box-head { padding-top: 10px !important; } .cs-block-header { padding: 30px 30px 0px 30px; margin-left: -30px; margin-top: -80px; border-radius: 30px 20px 0px 0px; } } @media (max-width: 990px) { .owl-nav { visibility: visible; opacity: 1; } .owl-loaded .owl-nav button { transform: translateX(0) !important; } .slider-list { overflow: visible !important; } .swiper-button-prev, .swiper-button-next { visibility: visible; opacity: 0.7; transform: translateX(0) !important; } } @media (max-width: 767px) { div.vizit-box.page-block-id-2369351 { margin-left: -15px; margin-right: -15px; border-radius: 0; padding: 15px 15px 0px 15px !important; } div.vizit-box.page-block-id-2369351 .a-vizit-goods-list.a-vizit-goods-list-1 { /* flex-wrap: nowrap; */ overflow-x: hidden; } .cs-block-header { padding: 20px 20px 0px 15px; margin-left: -15px; margin-top: -50px; border-radius: 0px 20px 0px 0px; } .owl-dots { display: none; } } @media (max-width: 576px) { .owl-loaded { overflow: visible; } .cs-block-header { padding: 20px 20px 0px 10px; margin-top: -50px; border-radius: 0px 20px 0px 0px; } } /* -----навігація----- */ nav, section, summary { display: flex; justify-content: center; } .pagination { display: flex; border-radius: var(--main-radius); align-items: center; gap: 5px; } .pagination>li { display: flex; align-items: center; justify-content: center; } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { width: 40px; border-radius: var(--main-radius); font-size: 0; } .pagination>li:first-child>a>span, .pagination>li:first-child>span>span, .pagination>li:last-child>a>span, .pagination>li:last-child>span>span { height: 20px; min-width: 20px; background-size: cover; } .pagination>li.disabled:first-child>a>span, .pagination>li.disabled:first-child>span>span, .pagination>li.disabled:last-child>a>span, .pagination>li.disabled:last-child>span>span { opacity: 0.3; } .pagination>li:first-child>a>span, .pagination>li:first-child>span>span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E"); } .pagination>li:last-child>a>span, .pagination>li:last-child>span>span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); } .pagination>li>a, .pagination>li>span { display: flex; align-items: center; justify-content: center; padding: 6px 14px; min-width: 40px; height: 40px; color: var(--main-dark); background-color: #fff; border: none; border-radius: var(--main-radius); font-size: 15px; font-weight: 600; } .pagination>li>a:hover { color: var(--main-dark) !important; background-color: var(--light-green); } .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>.active>span, .pagination>.active>a { color: white !important; background-color: var(--main-green); } /* -----сторінка пошуку----- */ div.vb-page-content div.search-content ul.goods-list { margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-template-rows: 1fr; gap: 10px; min-height: 300px; } @media (min-width: 990px) { div.vb-page-content div.search-content ul.goods-list { grid-template-columns: repeat(4, 1fr); } } div.vb-page-content div.search-content ul.goods-list li.item { width: auto; margin: 0; } div.vb-page-content div.search-content ul.goods-list li.item div.goods-cont { border: 1px dashed #d7d7d7; border-radius: 8px; padding: 15px; min-height: 300px; height: auto; } div.vb-page-content div.search-content ul.goods-list li.item div.goods-cont:hover { -webkit-box-shadow: var(--hover-shadow); box-shadow: var(--hover-shadow); border-color: transparent; } div.vb-page-content div.search-content ul.goods-list li.item div.img { position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } div.vb-page-content div.search-content ul.goods-list li.item div.img a { width: 100%; height: auto; border: none; } div.vb-page-content div.search-content ul.goods-list li.clearfix { display: none; } div.vb-page-content div.search-content ul.goods-list li.no-find { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 40px 0; } div.vb-page-content div.search-content ul.goods-list li.no-find div { font-size: 30px; color: var(--main-dark); } div.vb-page-content div.search-content ul.goods-list li.no-find span { font-size: 18px; color: #898989; margin-bottom: 35px; font-weight: 500; } div.vb-page-content div.search-content ul.goods-list li.no-find img { max-width: 200px; opacity: 0.2; filter: grayscale(1); } @media (max-width: 767px) { div.vb-page-content div.search-content ul.goods-list { margin: -15px -15px 0 -15px; grid-template-columns: repeat(3, 1fr); } div.vb-page-content div.search-content ul.goods-list li.item div.goods-cont { min-height: 100%; } } @media (max-width: 576px) { div.vb-page-content div.search-content ul.goods-list { grid-template-columns: repeat(2, 1fr); } } /*--------бренди--------*/ div.vb-brand-menu ul.brand-list li.item { margin: 0; text-align: center; display: inline-block; } div.vb-brand-menu ul.brand-list li.item div { padding: 0; } div.vb-brand-menu ul.brand-list a { transition: all 0.3s ease-in-out; } div.vb-brand-menu ul.brand-list a, div.vb-brand-menu ul.brand-list span, div.vb-page-content div.category-content div.brand-filter span, div.vb-page-content div.category-content div.brand-filter a { background: transparent; display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; color: var(--main-dark); font-size: 13px; border-radius: 5px; border: 2px solid var(--main-green); } div.vb-brand-menu ul.brand-list a:hover, div.vb-page-content div.category-content div.brand-filter a:hover { color: var(--main-dark); background: #dfffe9; border: 2px solid var(--main-green); } div.vb-brand-menu ul.brand-list li.item.current div span, div.vb-brand-menu ul.brand-list li.item.current div a, div.vb-page-content div.category-content div.brand-filter span.current, div.vb-page-content div.category-content div.brand-filter a.current { font-weight: normal; background: var(--main-green); border: 2px solid var(--main-green); color: white; } div.vb-page-content div.category-content div.brand-filter .head { font-size: 14px; color: var(--main-dark); font-weight: 600; border: none; } div.vb-page-content div.category-content div.brand-filter .head:hover { border: none; } /* -----сортування----- */ @media (min-width: 767px) { div.vb-page-content div.category-content .btn-group.sort { margin-right: -15px; } } .input-group-addon { background-color: transparent; border: none; } div.vb-page-content div.category-content div.input-group { margin: 0 0 -50px auto; } div.vb-page-content div.category-content>div.row div.input-group button.btn { background-color: white; border-radius: var(--button-sm-radius); border-color: white; padding: 5px 15px !important; } div.vb-page-content div.category-content>div.row div.input-group button.btn:hover { background-color: #fff; color: var(--main-dark); border-color: #ccc; } div.vb-page-content div.category-content>div.row div.input-group.open button.btn { background-color: #fff; color: var(--main-dark) !important; } .open>.dropdown-menu { border-radius: 10px; border: none; } .btn .caret { margin-left: 4px !important; } @media (max-width: 767px) { div.vb-page-content div.category-content div.input-group { margin: 0 0 20px auto; } } /* -----хлібні крихти----- */ div.vizit-box.vb-panel.vb-bread-crumbs div.vizit-box-boby { border-radius: 0px; padding-top: 0; padding-bottom: 20px; padding-left: 0; } @media (max-width: 767px) { div.vizit-box.vb-panel.vb-bread-crumbs div.vizit-box-boby { overflow-x: auto; overflow-y: hidden; display: flex; justify-content: flex-start; margin: 0 -15px; padding: 0 15px !important; scrollbar-width: none; } .vb-bread-crumbs.vb-bread-crumbs-1 div.vizit-box { margin-bottom: 10px; } div.vb-bread-crumbs div.bread-crumbs { margin-top: 13px; margin-left: -5px; display: flex; flex: 0 0 auto; white-space: nowrap; flex-wrap: nowrap; } } /* -----меню категорій----- */ div.vb-category-menu ul.category-list { list-style: none; margin: 0px; padding: 8px 0 8px 0; margin-top: -15px; margin-bottom: -7px; margin-left: -16px; margin-right: -16px; border-radius: var(--main-radius); background: white; } div.vb-category-menu ul.category-list li.item { background-color: transparent; padding: 0px; margin: 0px; position: relative; transition-duration: .3s; } div.vb-category-menu ul.category-list li.item:hover a, div.vb-category-menu ul.category-list ul.sub-list li.sub-item:hover a, div.vb-category-menu ul.category-list li.item.current a, div.vb-category-menu ul.category-list li.item.current span, div.vb-category-menu ul.category-list ul.sub-list li.sub-item.current a, div.vb-category-menu ul.category-list ul.sub-list li.sub-item.current span { color: var(--hover-green) !important; } div.vb-category-menu ul.category-list li.item div { padding-left: 0px; } div.vb-category-menu ul.category-list li.item div i { padding-top: 7px; position: absolute; left: auto; right: 6px; margin: 0 !important; top: 50% !important; transform: translate(0, -50%) !important; font-size: 10px; border-radius: 5px; color: var(--main-dark); width: 18px; height: 18px; text-align: center; transition-duration: .3s; } div.vb-category-menu ul.category-list li.item:hover div i { opacity: 0; } div.vb-category-menu ul.category-list ul.sub-list li.sub-item { position: relative; margin: 0px; transition-duration: .3s; } div.vb-category-menu ul.category-list li.item span, div.vb-category-menu ul.category-list li.item a { font-weight: 500; font-size: 14px; color: var(--main-dark); display: block; z-index: 2; transition-duration: .3s; padding: 7px 0; color: var(--main-dark); } div.vb-category-menu ul.category-list a:hover { text-decoration: none; opacity: 0.8; } div.vb-category-menu ul.category-list li.item ul.sub-list a { padding: 7px 15px; } div.vb-category-menu ul.category-list li.item ul.sub-list a:hover { text-decoration: underline; } div.vb-category-menu ul.category-list li.item.current div span, div.vb-category-menu ul.category-list li.sub-item.current span, div.vb-category-menu ul.category-list li.item.current div a, div.vb-category-menu ul.category-list li.sub-item.current a { opacity: 1; font-weight: 500; color: var(--main-dark); } div.vb-category-menu ul.category-list li.item ul.sub-list { background: #fff !important; border-radius: var(--button-md-radius); position: absolute; background-color: inherit; z-index: 900; width: 280px; top: -7px; padding: 0px; left: auto; right: -280px; display: block !important; opacity: 0; visibility: hidden !important; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); transition: -webkit-transform 0.4s; -webkit-box-shadow: 0px 14px 20px -1px rgb(0 0 0 / 15%); box-shadow: 0px 14px 20px -1px rgb(0 0 0 / 15%); } div.vb-category-menu ul.category-list li.item:hover ul.sub-list { opacity: 1; visibility: visible !important; transition-delay: 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } div.vb-category-menu ul.category-list li.item.opened ul.sub-list { background: #fff; } div.vb-category-menu ul.category-list li.item.opened div i { transform: rotate(0deg); } @media (max-width: 990px) { .vb-contact.vb-contact-2, .vb-category-menu { display: none; } } /* ------стиль головного меню-------- */ @media (min-width: 990px) { .page-width-limiter { margin: 0 auto; max-width: 1680px; min-width: 320px; padding: 0px 50px !important; } } @media (min-width: 767px) { .vizit-box.vb-main-menu.main-menu-horizontal { margin-top: 100px; } .main-menu-cont { z-index: 1000; position: relative; background: white; } ul.main-menu { list-style: none; display: flex !important; align-items: center; gap: 10px 40px; flex: 1 0 0; align-self: stretch; flex-wrap: wrap; margin-bottom: 0; } ul.main-menu .item { margin: 0; padding: 0; display: flex; position: relative; flex-shrink: 0; } ul.main-menu .item:hover .menu-link, ul.main-menu .item.current .menu-link { color: var(--darker-green) !important; } ul.main-menu .item.item-2, ul.main-menu .item.item-3 { display: none !important; } ul.main-menu .item div { position: relative; } ul.main-menu .item .menu-link { position: relative !important; margin: 0; padding: 0 !important; display: flex !important; justify-content: center; align-items: center; gap: 4px; font-size: 16px !important; font-style: normal; font-weight: 600; line-height: normal; color: var(--main-dark) !important; text-decoration: none; white-space: nowrap; } } ul.main-menu { padding: 10px 0 !important; } .main-menu-cont .mob-lang-check { margin-top: 10px; } .main-menu-cont .page-width-limiter { display: flex; justify-content: space-between; gap: 30px; } .mob-lang-check { text-transform: uppercase !important; } .mob-lang-check .dropdown button { border: none; text-transform: uppercase !important; border-radius: var(--button-md-radius); } .mob-lang-check .dropdown.open { position: relative; } .mob-lang-check .dropdown.open .dropdown-toggle.btn-default, .mob-lang-check .dropdown.open .dropdown-toggle.btn-default:hover { background: transparent; color: var(--hover-dark); } .mob-lang-check .dropdown.open .dropdown-menu { min-width: auto !important; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1) !important; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mob-lang-check button:before { top: 50% !important; transform: translateY(-50%) !important; } .mob-lang-check .dropdown-menu>li>a { text-align: center; } .main-menu-horizontal .mobile-menu .right .cs-dropdown { position: relative; display: flex; align-items: center; } .main-menu-horizontal .mobile-menu .right .cs-dropdown .h-action { font-size: 25px; color: var(--main-dark); text-decoration: none; position: relative; display: flex; align-items: center; width: 40px; justify-content: center; } .main-menu-horizontal .mobile-menu .left .h-logo { display: flex; align-items: center; min-height: 50px; max-width: 30px; margin-left: 8px; } .main-menu-horizontal .mobile-menu .left .h-logo img { max-width: 30px; } .main-menu-horizontal .mobile-menu .left .h-logo .logo-text { display: none; } @media (max-width: 767px) { .main-menu-cont .mob-lang-check { margin-top: 0; } .visible-xs-block .visible-xs-block { display: block !important; } div.vb-main-menu.main-menu-horizontal div.mobile-menu { position: fixed; width: 100%; top: 0; left: 0; z-index: 1000; padding: 0 20px 0 10px; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.02); border-bottom: 1px solid #f6f6f6; display: block !important; } div.vb-main-menu.main-menu-horizontal ul.main-menu { padding-top: 15px; overflow-y: auto; max-width: 350px; min-width: 250px; box-shadow: 4px 3px 300px -3px rgb(0 0 0 / 45%); display: block; top: 50px; position: fixed; z-index: 999; height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); padding-bottom: 20px; width: 80%; } div.vb-main-menu.main-menu-horizontal ul.main-menu li.item { position: relative; border: none; } div.vb-main-menu.main-menu-horizontal ul.main-menu li.item ul.goods-category-list li.it { background-color: transparent; } div.vb-main-menu.main-menu-horizontal ul.main-menu li.item ul.goods-category-list li.it>a, div.vb-main-menu.main-menu-horizontal ul.main-menu li.item ul.goods-category-list li.it>span { font-size: 15px; font-weight: 500; } div.vb-main-menu.main-menu-horizontal ul.main-menu li.item:first-child { display: none; } div.vb-main-menu.main-menu-horizontal ul.main-menu li.item small { position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); font-size: 10px; } div.vb-main-menu.main-menu-horizontal ul.main-menu li.item span.menu-link, div.vb-main-menu.main-menu-horizontal ul.main-menu li.item a.menu-link { display: block; padding: 15px; font-size: 16px; } div.vb-main-menu.main-menu-horizontal ul.main-menu li.item ul.goods-category-list { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 10px 0; } .c-catalog i { display: none; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mobile-mm-search { border-top: none; height: auto; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.toggle-menu { position: relative; height: 45px; width: 45px; margin-top: 2px; border-color: transparent !important; background-color: transparent !important; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.toggle-menu span.hamburger { display: none; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.toggle-menu:before { position: absolute; content: ''; width: 32px; height: 32px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33203 16H26.6654' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 8H23' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 24H18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.toggle-menu span.hamburger:before, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.toggle-menu span.hamburger:after { display: none; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.right { margin-right: -15px; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.firm-filter-box-btn { height: 100%; width: 40px; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.firm-filter-box-btn, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.search, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.phone, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.cart { position: relative; display: flex; align-items: center; justify-content: center; padding-top: 0; width: 40px !important; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.firm-filter-box-btn i, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.search i, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.phone i, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.cart i { font-family: 'Icomoon-energy' !important; font-size: 25px; top: 0; } i.glyphicon-phone { font-family: 'Icomoon-energy' !important; top: 0; } i.glyphicon-phone::before { content: '\ebe5'; } span.call-button { display: flex; align-items: center; } span.call-button i { font-size: 25px !important; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mob-lang-check .dropdown button { border: none !important; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.firm-filter-box-btn i::before { content: '\ea91'; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.search i::before { content: '\eb65'; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.phone i::before { content: '\ebe5'; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.cart i::before { content: '\e93d'; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.cart .count-in-cart { border: 2px solid #FFF; background: var(--main-green); color: var(--hover-dark); border-radius: 9px; left: auto; right: 2px; bottom: 8px; text-align: center; font-weight: 600; font-size: 11px; line-height: 1.4; padding: 0 6px; } } /*----------блоки----------*/ .vt-side-cols .clearfix { display: none; } #vizit-template { overflow-x: hidden; } #vizit-template.vizit-template-1 .vt-side-cols { display: flex; flex-direction: row-reverse; gap: 20px; } #vizit-template.vizit-template-1 div.vt-side-0, #vizit-template.vizit-template-1 div.vt-side-1, #vizit-template.vizit-template-1 div.vt-side-2 div.vt-side-2-inner, #vizit-template.vizit-template-1 div.vt-side-3, #vizit-template.vizit-template-1 div.vt-side-4, #vizit-template.vizit-template-1 div.vt-side-5, #vizit-template.vizit-template-1 div.vt-side-6, #vizit-template.vizit-template-1 div.vt-side-7, #vizit-template.vizit-template-1 div.vt-side-8 div.vt-side-8-inner, #vizit-template.vizit-template-1 div.vt-side-9, #vizit-template.vizit-template-1 div.vt-side-10, #vizit-template.vizit-template-1 div.vt-side-11, #vizit-template.vizit-template-1 div.vt-side-12, #vizit-template.vizit-template-1 div.vt-side-13 div.vt-side-13-inner, #vizit-template.vizit-template-1 div.vt-side-14, #vizit-template.vizit-template-1 div.vt-side-15, #vizit-template.vizit-template-1 div.vt-side-16, #vizit-template.vizit-template-1 div.vt-side-17, #vizit-template.vizit-template-1 div.vt-side-18, #vizit-template.vizit-template-1 div.vt-side-19, #vizit-template.vizit-template-1 div.vt-side-20 { display: flex; flex-direction: column; margin-top: 0; margin-bottom: 0; width: 100%; } #vizit-template.vizit-template-1 div.vt-side-1, #vizit-template.vizit-template-1 div.vt-side-9, #vizit-template.vizit-template-1 div.vt-side-14, #vizit-template.vizit-template-1 div.vt-side-16, #vizit-template.vizit-template-1 div.vt-side-19, #vizit-template.vizit-template-1 div.vt-side-17 { min-width: 280px; max-width: 280px; margin-left: 0; margin-right: 0; } #vizit-template.vizit-template-1 div.vt-side-2, #vizit-template.vizit-template-1 div.vt-side-8, #vizit-template.vizit-template-1 div.vt-side-13 { width: calc(100% - 300px); } #vizit-template.vizit-template-1 div.vt-side-2 div.vt-side-2-inner, #vizit-template.vizit-template-1 div.vt-side-8 div.vt-side-8-inner, #vizit-template.vizit-template-1 div.vt-side-13 div.vt-side-13-inner { margin-left: 0; } #vizit-template.vizit-template-1 div.vt-side-16, #vizit-template.vizit-template-1 div.vt-side-19 { margin-left: 0; } .align-center { justify-content: center; } @media (max-width: 990px) { #vizit-template.vizit-template-1 .vt-side-cols { flex-direction: column-reverse; } #vizit-template.vizit-template-1 div.vt-side-0, #vizit-template.vizit-template-1 div.vt-side-1, #vizit-template.vizit-template-1 div.vt-side-2 div.vt-side-2-inner, #vizit-template.vizit-template-1 div.vt-side-3, #vizit-template.vizit-template-1 div.vt-side-4, #vizit-template.vizit-template-1 div.vt-side-5, #vizit-template.vizit-template-1 div.vt-side-6, #vizit-template.vizit-template-1 div.vt-side-7, #vizit-template.vizit-template-1 div.vt-side-8 div.vt-side-8-inner, #vizit-template.vizit-template-1 div.vt-side-9, #vizit-template.vizit-template-1 div.vt-side-10, #vizit-template.vizit-template-1 div.vt-side-11, #vizit-template.vizit-template-1 div.vt-side-12, #vizit-template.vizit-template-1 div.vt-side-13 div.vt-side-13-inner, #vizit-template.vizit-template-1 div.vt-side-14, #vizit-template.vizit-template-1 div.vt-side-15, #vizit-template.vizit-template-1 div.vt-side-16, #vizit-template.vizit-template-1 div.vt-side-17, #vizit-template.vizit-template-1 div.vt-side-18, #vizit-template.vizit-template-1 div.vt-side-19, #vizit-template.vizit-template-1 div.vt-side-20, #vizit-template.vizit-template-1 div.vt-side-2, #vizit-template.vizit-template-1 div.vt-side-8, #vizit-template.vizit-template-1 div.vt-side-13 { min-width: 100%; max-width: 100%; width: 100%; } } @media (max-width: 767px) { #vizit-template.vizit-template-1 div.vt-side-1 { position: relative; background-color: transparent; border: none; padding: 15px; left: 0; top: 0; margin: 0px; display: flex; } } @media (min-width: 767px) { .hidden-sm { display: flex !important; } .show-sm { display: none !important; } } /*----------шапки блоків----------*/ .vb-cont { position: relative; text-align: center; } .h-descript { font-family: var(--main-font); font-size: 18px; font-weight: 500; color: white; margin-top: 10px; } div.vizit-box.vb-panel div.vizit-box-head, .vizit-box-head { font-family: var(--main-font) !important; margin: 0 auto; width: 100%; position: relative; border: none; color: var(--main-dark) !important; padding: 0; padding-top: 40px; background-color: transparent !important; text-align: center; font-size: 45px; font-style: normal; font-weight: 700; line-height: 50px; } div.vizit-box.vb-panel div.vizit-box-head a { border-radius: 10px; text-decoration: none; } div.vizit-box.vb-panel div.vizit-box-head a i { font-size: 13px; margin-left: 8px; } div.vb-goods .goods-box-sub-title { color: var(--main-dark); text-align: center; font-size: 22px; font-style: normal; font-weight: 500; line-height: 30px; opacity: 0.6; margin-top: -12px; } div.vizit-box.vb-panel div.vizit-box-boby { text-align: left; border: none !important; background-color: transparent; } @media (max-width: 767px) { div.vizit-box.vb-panel div.vizit-box-head, .vizit-box-head { font-size: 30px; margin-bottom: 10px; line-height: 30px; text-align: left; } div.vizit-box.vb-panel div.vizit-box-head a { margin-bottom: -3px; padding: 7px 10px !important; } div.vizit-box.vb-panel div.vizit-box-head a i { font-size: 12px; } div.vb-goods .goods-box-sub-title { text-align: left; font-size: 17px; padding: 10px 0; } .h-descript { font-size: 14px; margin-top: 5px; } } /*-------тінь блоків---------*/ div.vizit-box.vb-panel { box-shadow: 0 1px 1px rgba(0, 0, 0, 0); } /*----------шапка сайту----------*/ div.vb-header.vb-header-7 div.vbh7-cont .vbh7-center .input-group-btn .btn, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mobile-mm-search .btn { color: transparent !important; font-size: 2px; width: 55px; height: 50px; margin-left: -55px; z-index: 200; border-color: transparent !important; opacity: 0.5; background: transparent; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-center .input-group-btn .btn:hover, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mobile-mm-search .btn:hover { background: transparent !important; opacity: 1; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-center .input-group, div.vb-main-menu.main-menu-horizontal .mobile-mm-search .input-group { width: 100%; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-center .form-control, div.vb-main-menu.main-menu-horizontal .mobile-mm-search .form-control { background-color: white; border-color: #e4e4e4; border-radius: 10px !important; height: 50px; padding: 6px 60px 6px 12px; font-size: 14px; } div.vb-main-menu.main-menu-horizontal .mobile-mm-search .input-group .input-group-btn { position: relative; font-size: 0; white-space: nowrap; width: 0; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-center .form-control:focus, div.vb-main-menu.main-menu-horizontal .mobile-mm-search .form-control:focus { border-color: var(--main-yellow); box-shadow: inset 0px 0px 0px 2px #ffd817; background: white; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-center .input-group-btn .btn:before, div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mobile-mm-search .btn:before { content: ''; position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1390_21918)'%3E%3Cpath d='M17.5 17.5L22 22' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1390_21918'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mobile-mm-search { box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #f6f6f6; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mobile-mm-phones { box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.2); } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mobile-mm-phones div.phone-item { border-bottom: 1px solid #f6f6f6; background-color: transparent; position: relative; } div.vb-main-menu.main-menu-horizontal div.mobile-menu div.mobile-mm-phones div.phone-item>a { align-items: center; font-weight: 500; justify-content: flex-end; flex-direction: row-reverse; gap: 6px; } @media (max-width: 990px) { div.vb-header.vb-header-7 div.vbh7-cont .vbh7-left { min-width: auto; } } @media (max-width: 767px) { .vizit-box.vb-header.vb-header-7 { padding-top: 0; border-bottom: 1px solid #eaeaea; } /* .vt-side.vt-side-0 { margin: 0 -15px; }*/ div.vb-header.vb-header-7 div.vb-cont { border-radius: 0; padding-bottom: 0; margin-bottom: 0 !important; } div.vb-header.vb-header-7 div.vbh7-cont { display: flex; min-height: auto; padding: 10px 0; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-center { display: none; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-right { display: inline-block; min-width: 50%; text-align: right; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-left { min-width: 50%; border-right: 1px solid #eaeaea; } div.vb-header.vb-header-7 div.vbh7-cont .vbh7-left img { max-width: 120px; } } /* -----контакти----- */ div.vb-page-content div.contact-content .contact-content-cont { display: grid; flex-wrap: wrap; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 30px; } div.vb-page-content div.contact-content .contact-content-cont .field { margin-bottom: 0; flex-basis: 50%; max-width: 50%; padding: 0; display: inherit; flex-direction: column; gap: 10px; } div.vb-page-content div.contact-content .contact-content-cont .ccc-title { font-size: 20px; margin-bottom: 0; } div.vb-page-content div.contact-content .contact-content-cont .ccc-des { font-size: 18px; line-height: 1.5; color: #666; } @media (max-width: 767px) { div.vb-page-content div.contact-content .contact-content-cont .field { flex-basis: 100%; max-width: 100%; } } div.vb-contact.vb-contact-1 ul.contact { font-size: 14px; } div.vb-contact.vb-contact-3 .vb-cont .vizit-box-boby { background-color: #303b42 !important; padding: 0; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3); position: relative; z-index: 7; overflow: hidden; } div.vb-contact.vb-contact-3 div.contact-cont .c-phones:before { z-index: 1; position: absolute; content: ''; left: -500%; top: 0; width: 500%; height: 100%; background-color: #f38d15; -webkit-transform: skew(45deg, 0deg); transform: skew(45deg, 0deg); } div.vb-contact.vb-contact-3 div.contact-cont .c-contact { padding: 0px; font-size: 16px; font-weight: 700; } div.vb-contact.vb-contact-3 div.contact-cont .c-phones { padding: 7px 15px; position: relative; } div.vb-contact.vb-contact-2 ul.contact { list-style: none; padding: 15px 0px 5px 0px; margin: 0px -14px; background: white; border-radius: var(--main-radius); font-size: 15px; } div.vb-contact.vb-contact-2 ul.contact li { position: relative; border: none !important; } div.vb-contact.vb-contact-2 ul.contact li:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--light-gray); z-index: 200; display: none; } div.vb-contact.vb-contact-2 ul.contact li:last-child:before { background: transparent; } div.vb-contact.vb-contact-2 ul.contact li.w-ic { display: flex; align-items: center; padding-left: 0; } div.vb-contact.vb-contact-2 ul.contact div.c-value { padding-left: 10px; } div.vb-contact.vb-contact-2 ul.contact div.c-value.fn { padding-left: 0; } /* -----в кошик----- */ .fixed-cart-btn { background-color: transparent; padding: 0; position: relative; display: flex; align-items: center; transition: var(--main-transition); } .fixed-cart-btn i { font-size: 30px; color: var(--main-dark); top: 0; transition: var(--main-transition); } .fixed-cart-btn i:before { content: "\e93d"; font-family: 'Icomoon-energy' !important; } .fa-shopping-cart:before { content: "\e9b5"; font-family: 'Icomoon-energy' !important; } .cart-button-ask-avail .glyphicon:before { content: "\eb30"; font-family: 'Icomoon-energy' !important; } .cart-button-pre-order .glyphicon:before { content: "\e986"; font-family: 'Icomoon-energy' !important; } div.a-vizit-goods-list .fa-eye:before { content: "\ea7b"; font-family: 'Icomoon-energy' !important; } .fixed-top-btn i:before { content: "e91c"; font-family: 'Icomoon-energy' !important; } .fixed-cart-btn span { display: flex; min-width: 23px; min-height: 23px; padding: 0 7px; justify-content: center; align-items: center; position: absolute; right: -3px; bottom: -6px; border-radius: 15px; border: 2px solid #FFF; background: var(--main-green); color: var(--hover-dark); text-align: center; font-size: 11px; font-style: normal; font-weight: 600; line-height: normal; } /*------Додати рекламу-------*/ .add-free-adver { display: flex; align-items: center; justify-content: center; z-index: 600; position: fixed; background: var(--main-green) !important; right: 35px; bottom: 35px; height: 55px; width: 55px; border-radius: 30px; padding-top: 2px; color: white; font-size: 40px; font-weight: 300; box-shadow: 0 3px 25px rgb(0 0 0 / 10%); } .add-free-adver:hover, .add-free-adver:focus { color: white; background: var(--hover-green) !important; } .hint { display: flex; position: absolute; font-size: 14px; font-weight: 600; width: 150px; height: 45px; right: 65px; background: white; color: var(--main-dark); border-radius: 7px; justify-content: center; align-items: center; visibility: hidden; opacity: 0; box-shadow: 0 3px 25px rgb(0 0 0 / 10%); transition: transform 0.5s, opacity 0.5s, visibility 0.5s linear 0.5s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .add-free-adver:hover .hint { visibility: visible; opacity: 1; transition-delay: 0s; } @media (max-width: 767px) { .add-free-adver { right: 25px; bottom: 25px; } } /*------Вверх-------*/ .fixed-top-btn { background-color: #fff; right: 50px; bottom: 60px; height: 55px; width: 55px; border-radius: var(--button-md-radius); box-shadow: none; z-index: 300; border: 1px solid var(--extra-light-gray); transition: var(--main-transition); } .fixed-top-btn:hover { background-color: var(--extra-light-gray); } .fixed-top-btn i { display: none; } .fixed-top-btn:before { content: "\f106"; position: absolute; top: 12px; left: 0; right: 0; text-align: center; margin: 0 auto; font-family: 'Fontawesome'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 27px; color: var(--main-dark); } @media (max-width: 990px) { .fixed-top-btn { right: 15px; } } @media (max-width: 767px) { .fixed-top-btn { bottom: 20px; right: 20px; height: 40px; width: 40px; } .fixed-top-btn:before { top: 5px; } } /*------рухомий рядок------*/ .line-container { display: block; height: 80px; width: 100%; } .running-line { background: var(--main-green) !important; overflow: hidden; position: relative; height: 60px; z-index: 5; width: 100%; } .running-line div { display: flex; flex-direction: row; justify-content: space-around; align-items: center; overflow: hidden; width: 100%; transform: translate(100%, 0); } .running-line div p { display: flex; color: white; font-size: 20px; line-height: 1; font-weight: 600; margin-top: 20px; } .running-line .ticker-wrapper__first-half, .running-line .ticker-wrapper__second-half { display: flex; flex-direction: row; justify-content: space-around; align-items: center; position: absolute; top: 0; right: 0; animation: ticker 30s infinite linear forwards; } .running-line .ticker-wrapper__second-half { animation: 30s ticker 15s infinite linear forwards; } .running-line.rotate-left .ticker-wrapper__first-half, .running-line.rotate-left .ticker-wrapper__second-half { display: flex; flex-direction: row; justify-content: space-around; align-items: center; position: absolute; top: 0; right: 0; animation: ticker-back 30s infinite linear forwards; } .running-line.rotate-left .ticker-wrapper__second-half { animation: 30s ticker-back 15s infinite linear forwards; } @keyframes ticker { 0% { transform: translate(100%, 0); } 50% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } @media (max-width: 1024px) { .running-line div p.first { display: none; } } @media (max-width: 767px) { .line-container { height: 60px; } .running-line { height: 45px; } .running-line div p { font-size: 14px; margin-top: 15px; } .running-line div p.second { display: none; } } @keyframes ticker-back { 0% { transform: translate(-100%, 0); } 50% { transform: translate(0, 0); } 100% { transform: translate(100%, 0); } } /* -----форма вводу----- */ .vizit-box-boby .form-cont { margin: 0 -14px 0 -14px; } .vizit-box-boby .form-cont .col-xs-12 { padding-top: 15px; text-align: right; } .form-control { box-shadow: none; background-color: #fff; border-color: var(--extra-light-gray); border-radius: var(--button-sm-radius); } .form-control:focus { box-shadow: none; border-color: var(--hover-yellow); box-shadow: inset 0px 0px 0px 2px var(--hover-yellow); } .btn-sm { padding: 7px 20px; } .input-group-btn .btn-sm, div.vb-page-content div.category-content>div.row div.input-group button.btn { padding: 4px 8px; } div.vb-page-content div.category-content div.input-group span.input-group-addon { width: auto; text-align: left; } .input-sm { height: 30px !important; } .vb-write-us .form-cont .form-group .helper-ui-label-middle { color: #878787; top: 20px; left: 15px; text-align: left; white-space: nowrap; } .vb-write-us .form-cont .form-group .form-control { font-size: 14px; border-radius: var(--button-md-radius); padding: 6px 15px; } .vb-write-us .form-cont .form-group .form-control:focus { border-color: orange; box-shadow: inset 0px 0px 0px 2px orange; } .vb-write-us .form-cont .form-group input { height: 58px; } .vb-write-us .form-cont .form-group textarea, .vb-write-us .form-cont .form-group textarea:focus { padding: 15px !important; } .vb-write-us .form-cont .helper-ui-input-group label.helper-ui-label-top { top: -17px; left: 0; color: white; } /* -----задати запитання окремий блок----- */ @media (min-width: 990px) { .vt-side-8-inner .vizit-box.vb-panel.vb-write-us .vizit-box-head { display: none !important; } .vizit-box.vb-panel.vb-write-us .row { margin: 15px 15px 0 0; } } .left-col { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; height: 300px; padding-left: 30px; padding-top: 40px; } .c-info { display: flex; flex-wrap: wrap; gap: 15px; } .h-descript { display: flex; position: relative; align-items: center; justify-content: flex-start; } .vb-write-us .vb-cont { transition: font-size 3s, color 2s; width: 100%; margin: 0 auto; } .vb-write-us .form-cont .btn-success { padding: 15px 30px; height: 58px; font-weight: 500; background: var(--main-green) !important; } .vb-write-us .form-cont .btn-success:hover { background: var(--hover-green) !important; } @media (max-width: 990px) { .vizit-box.vb-panel.vb-write-us .vb-cont .vizit-box-head { display: block !important; padding: 30px 30px 0 30px; } .vizit-box-boby .form-cont { margin: 0 !important; } .form-cont .row { margin-right: 0px; margin-left: 0px; } } @media (max-width: 767px) { .vizit-box.vb-panel.vb-write-us .vb-cont .vizit-box-head { padding: 30px 15px 0 15px; } .vt-side-cols { margin: 0 -15px; } div.vt-side-8 { border-radius: 0; } .form-cont .row { margin-right: 0px; margin-left: 0px; padding-bottom: 30px; } } /* -----в один клік----- */ div.vb-page-content div.goods-view-content div.buy-one-click { border: 1px solid #8cc541; border-radius: var(--button-md-radius); } div.vb-page-content div.goods-view-content div.buy-one-click>.form-control { border: none; border-radius: 5px; } div.vb-page-content div.goods-view-content div.buy-one-click>button.buy-click { border-radius: 5px; } /* -----стиль всіх кнопок----- */ .btn { border-radius: var(--button-sm-radius); transition-duration: .3s; -webkit-transition-duration: .3s; font-family: var(--main-font); } /* -----біл. кнопка----- */ .btn-default { color: var(--main-dark); border: 1px solid var(--main-dark) !important; background-color: white; } .btn-default:hover { color: var(--hover-dark); border-color: var(--main-dark); background-color: #F4F6F6; } /* -----голуб. кнопка----- */ .btn-info { color: #fff; border: none !important; background-color: var(--main-dark) !important; } .btn-info:hover { color: #fff; background: var(--hover-dark) !important; } .btn-info.active { background: var(--hover-green) !important; color: var(--hover-dark); } /* -----жовт. кнопка----- */ .btn-warning { color: var(--hover-dark); border: none; background-color: var(--main-yellow); } .btn-warning:hover { color: var(--hover-dark); background-color: var(--hover-yellow); } /* -----син. кнопка----- */ .btn-primary { color: var(--hover-dark); background-color: var(--main-green); border-color: var(--main-green); } .btn-primary:hover { color: var(--hover-dark); border-color: var(--hover-green); background-color: var(--hover-green); } /* -----зел. кнопка----- */ .btn-success, .btn-success[disabled], .btn-success[disabled].active { color: var(--hover-dark) !important; border: none !important; background: var(--main-green) !important; } .btn-success:hover { background: var(--hover-green) !important; color: var(--hover-dark); } /* -----в кошик, картка товару----- */ @media (min-width: 767px) { .goods-cont .goods-prop { padding-top: 40px; position: relative; z-index: 1; } div.vb-page-content div.goods-view-content div.goods-title { padding: 20px 30px 0 500px; border-radius: 10px 10px 0 0; margin: -30px -30px 0 -30px; background: white; } div.vb-page-content div.goods-view-content div.info { padding-right: 30px; padding-left: 500px; padding-bottom: 30px; min-height: 410px; margin: 0 -30px -10px -30px; background: white; border-radius: var(--main-radius); z-index: 2; position: relative; } div.vb-page-content div.goods-view-content div.images { width: 450px; top: 30px; z-index: 3; } div.vb-page-content div.goods-view-content div.images div.main-img div.view-full { display: none; } div.vb-page-content div.goods-view-content div.images div.main-img img { width: 95%; } div.vb-page-content div.goods-view-content div.images div.main-img a { width: 450px; height: 450px; } div.vb-page-content div.goods-view-content div.goods-prop .tab-content { margin-top: 0; background: white; padding: 30px 0; border-radius: var(--main-radius); } } .body-sm div.vb-page-content div.goods-view-content div.goods-title { padding-left: 30px; padding-bottom: 0; } div.vb-page-content div.goods-view-content div.goods-title div.cont { border-bottom: none; } div.vb-page-content div.goods-view-content div.images { padding-bottom: 20px; } div.vb-page-content div.goods-view-content div.images div.main-img { border-radius: 8px; overflow: hidden; } div.vb-page-content div.goods-view-content div.goods-title h1 { padding-bottom: 0; } div.vb-page-content div.goods-view-content div.gv-cart-button-cont>button { padding: 15px 25px; font-size: 15px; font-weight: 600; border-radius: var(--button-md-radius); color: var(--hover-dark); display: flex; align-items: center; justify-content: center; width: fit-content; } div.vb-page-content div.goods-view-content div.gv-cart-button-cont>button i { font-size: 23px; } div.vb-page-content div.goods-view-content div.gv-cart-button-cont .cart-button-to-cart { background: var(--main-green) !important; color: var(--hover-dark); } div.vb-page-content div.goods-view-content div.gv-cart-button-cont .cart-button-to-cart:hover { background: var(--hover-green) !important; color: var(--hover-dark); } div.vb-page-content div.goods-view-content div.gv-cart-button-cont .cart-button-in-cart, div.vb-page-content div.goods-view-content div.gv-cart-button-cont .cart-button-in-cart:hover { background: #ffd848 !important; color: var(--main-dark); } div.vb-page-content div.goods-view-content div.images div.mini-img { border: none; } div.vb-page-content div.goods-view-content div.goods-properties { position: relative; z-index: 3; padding: 0 30px 30px 30px; background: white; margin: 0 -30px; border-radius: 0 0 10px 10px; } .nav-tabs { padding-left: 15px; padding-top: 20px; background-color: #eeeeee !important; border-radius: 20px 20px 0 0; border: none; } .nav-tabs>li { margin-bottom: 0 !important; } .nav-tabs li a { border: none !important; color: #7b8892 !important; border-radius: 10px 10px 0 0 !important; margin-right: 0 !important; padding: 12px 30px !important; } .nav-tabs li a:hover { color: var(--main-dark) !important; } .nav-tabs>li.active>a { border: none !important; border-radius: 10px 10px 0 0 !important; color: var(--main-dark) !important; } .nav-tabs>li.active>a::before { content: ''; position: absolute; bottom: 0; left: -10px; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90622 0.948975L9.90622 10.9061L0.0507808 10.9061C5.49311 10.829 9.88386 6.40437 9.90622 0.948975Z' fill='white'/%3E%3C/svg%3E%0A"); } .nav-tabs>li.active>a::after { content: ''; position: absolute; bottom: 0; right: -10px; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-0.000516406 0V9.95757H9.85547C4.41274 9.88079 0.0216012 5.45579 -0.000516406 0Z' fill='white'/%3E%3C/svg%3E%0A"); } @media (max-width: 990px) { div.vb-page-content div.goods-view-content div.images { top: 0; } .body-sm div.vb-page-content div.goods-view-content div.info { padding-left: 30px; min-height: auto; } } @media (max-width: 767px) { div.vb-page-content div.goods-view-content div.images div.main-img { display: flex; justify-content: center; align-items: center; } div.vb-page-content div.goods-view-content div.goods-prop .tab-content>div.tab-pane { background-color: #ffffff !important; padding: 15px; } div.vb-page-content div.goods-view-content div.goods-properties span.h2, div.vb-page-content div.goods-view-content div.tab-pane h2:first-child { background-color: var(--extra-light-gray); color: var(--main-dark); font-size: 18px; font-weight: 700; padding: 9px 30px; margin-right: -30px !important; margin-left: -30px !important; } div.vb-page-content div.goods-view-content div.gv-cart-button-cont>button, div.vb-page-content div.goods-view-content div.gv-cart-button-cont .cart-button-in-cart { width: 100%; } div.vb-page-content div.goods-view-content div.info { min-height: auto; } div.vb-page-content div.goods-view-content div.info .min-count { top: 10px; left: -10px; position: relative; } } /*-----кнопка блока-----*/ div.vizit-box.vb-panel div.vizit-box-footer { border: none !important; background: transparent !important; margin-bottom: 30px; } div.vizit-box.vb-panel div.vizit-box-footer span, div.vizit-box.vb-panel div.vizit-box-footer a { z-index: 5; font-weight: 600; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; height: 50px; padding: 7px 20px !important; color: var(--main-dark) !important; background: white; font-size: 16px; text-decoration: none; transition-duration: .3s; -webkit-transition-duration: .3s; border: 1px solid var(--extra-light-gray); border-radius: var(--button-md-radius); gap: 6px; } div.vizit-box.vb-panel div.vizit-box-footer span:hover, div.vizit-box.vb-panel div.vizit-box-footer a:hover { text-decoration: none; background: #F4F6F6; } div.vizit-box.vb-panel div.vizit-box-footer .ico { font-weight: normal; height: auto; padding: 0 !important; border: none; font-size: 20px; background: transparent; transition-duration: .3s; -webkit-transition-duration: .3s; } @media (max-width: 767px) { div.vizit-box.vb-panel div.vizit-box-footer { margin-top: 5px !important; } } /* -----відгуки----- */ div.vb-page-content div.review-content .firm-rating { border: 1px solid var(--extra-light-gray); border-radius: var(--button-sm-radius); } div.review-box div.rb-form { background-color: transparent; padding: 0; } div.review-box ul.photo-list li.add-photo { border-radius: var(--button-sm-radius); border-color: var(--extra-light-gray); display: flex; align-items: center; justify-content: center; overflow: hidden; } div.review-box ul.photo-list li.add-photo .img span { padding: 0; color: var(--darker-green); display: flex; flex-direction: column; padding: 15px; gap: 5px; } div.review-box div.rb-form div.reply-quote .rq-cont { background-color: var(--extra-light-gray); padding: 15px; border-radius: var(--button-sm-radius); } div.review-box div.rb-form .rating-cont .rating-stars i.star { margin: 0 13px; } div.review-box div.rb-form .rating-cont .rating-stars i.star::before { font-family: 'Icomoon-energy' !important; background-image: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 2.08325C26.9854 2.08325 28.3481 3.34063 29.3701 4.67521C30.391 6.00843 31.466 7.94794 32.7514 10.2538L33.433 11.4786L33.9457 12.3819C34.3498 13.0755 34.4665 13.2052 34.5825 13.2934C34.7244 13.4011 34.9166 13.489 36.5519 13.859L39.6708 14.569C41.3883 14.968 42.8658 15.3461 44.0226 15.8019C45.604 16.4251 47.1194 17.3961 47.703 19.2728C48.2793 21.1264 47.6119 22.7984 46.7 24.2472C46.0266 25.317 45.0516 26.5234 43.8883 27.8991L42.6656 29.3334L41.7623 30.3893C40.6571 31.6817 40.5227 31.9005 40.4561 32.1146C40.387 32.3375 40.3748 32.6157 40.5416 34.3363L40.6799 35.7462L40.861 37.6566C41.028 39.4818 41.1373 41.049 41.0807 42.3217C41.0049 44.0225 40.6147 45.8131 39.0604 46.9929C37.4727 48.1979 35.6491 48.0316 34.0332 47.5687C32.841 47.2271 31.4329 46.6259 29.8197 45.8943L28.1372 45.1232L26.8961 44.5515C25.3585 43.8436 25.1589 43.8008 25 43.8008C24.8411 43.8008 24.6415 43.8436 23.1038 44.5515L21.8628 45.1232C19.5303 46.1972 17.5564 47.1132 15.9668 47.5687C14.3508 48.0316 12.5273 48.1979 10.9395 46.9929C9.38528 45.8131 8.99501 44.0225 8.91925 42.3217C8.84374 40.6246 9.06251 38.4038 9.32004 35.7462L9.45839 34.3363C9.62512 32.6157 9.61297 32.3375 9.54384 32.1146C9.49391 31.954 9.40577 31.7907 8.8989 31.1746L8.23769 30.3893L7.33437 29.3334C5.63239 27.3432 4.19791 25.6736 3.29994 24.2472C2.38805 22.7984 1.72067 21.1264 2.29693 19.2728C2.88053 17.3961 4.39592 16.4251 5.97735 15.8019C7.5195 15.1942 9.63233 14.7237 12.1236 14.1601L13.4481 13.859L14.4267 13.6311C15.1766 13.4454 15.311 13.3742 15.4175 13.2934C15.5722 13.1757 15.7278 12.9839 16.567 11.4786L17.2485 10.2538C18.5339 7.94794 19.6089 6.00843 20.6299 4.67521C21.6519 3.34063 23.0146 2.08325 25 2.08325ZM25 6.24992C24.9654 6.24992 24.9101 6.24779 24.7701 6.34147C24.5929 6.45999 24.3213 6.70761 23.938 7.20817C23.1464 8.24187 22.2416 9.85445 20.8882 12.2822L20.2067 13.507C19.5474 14.6897 18.9503 15.8438 17.9362 16.6137C17.1659 17.1982 16.2621 17.4798 15.3198 17.7062L14.3677 17.9239L13.0412 18.223C10.4086 18.8186 8.67754 19.2177 7.50527 19.6797C6.37272 20.126 6.30243 20.4261 6.27643 20.5098C6.24339 20.616 6.14402 20.9444 6.82574 22.0275C7.5221 23.1337 8.70861 24.5306 10.5001 26.6255L11.4034 27.6814L12.0524 28.4443C12.6827 29.2009 13.2383 29.9595 13.5233 30.8756C13.9006 32.0886 13.738 33.3621 13.6047 34.7371L13.4684 36.147C13.1979 38.9388 13.0226 40.8058 13.0818 42.1366C13.141 43.4639 13.4166 43.643 13.4582 43.6746C13.4698 43.6854 13.6526 43.897 14.8193 43.5627C16.0276 43.2165 17.654 42.4741 20.1192 41.339L21.3602 40.7673C22.5489 40.22 23.7137 39.6341 25 39.6341C26.2863 39.6341 27.451 40.22 28.6397 40.7673L29.8808 41.339L31.5796 42.1162C33.1333 42.8199 34.2745 43.3031 35.1806 43.5627C36.3474 43.897 36.5301 43.6854 36.5417 43.6746C36.5834 43.643 36.859 43.4639 36.9181 42.1366C36.9625 41.1384 36.8755 39.8389 36.7147 38.0737L36.5316 36.147L36.3952 34.7371C36.262 33.3621 36.0994 32.0886 36.4766 30.8756C36.8567 29.6539 37.7165 28.7106 38.5966 27.6814L39.4999 26.6255L40.7308 25.179C41.8532 23.8504 42.6519 22.8573 43.1742 22.0275C43.8559 20.9444 43.7566 20.616 43.7235 20.5098C43.6975 20.4261 43.6272 20.126 42.4947 19.6797C41.6155 19.3332 40.4219 19.0228 38.7695 18.638L36.9588 18.223L35.6323 17.9239C34.3555 17.635 33.091 17.3932 32.0638 16.6137C31.3029 16.0361 30.777 15.2417 30.2836 14.3818L29.7933 13.507L29.1117 12.2822C27.7584 9.85445 26.8536 8.24187 26.062 7.20817C25.6787 6.70761 25.4071 6.45999 25.2299 6.34147C25.0898 6.24779 25.0345 6.24992 25 6.24992Z' fill='%23FFC517'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: center; } div.review-box div.rb-form .rating-cont .rating-stars i.star.s-c::before { background-image: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 2.0835C26.9854 2.0835 28.3481 3.34087 29.3701 4.67546C30.3693 5.98034 31.4204 7.86605 32.6698 10.1076L32.7514 10.2541L33.433 11.4788L33.9457 12.3822C34.3498 13.0758 34.4665 13.2054 34.5825 13.2936C34.7244 13.4014 34.9166 13.4892 36.5519 13.8592L39.6708 14.5693C41.3883 14.9683 42.8658 15.3463 44.0226 15.8022C45.604 16.4254 47.1194 17.3963 47.703 19.273C48.2793 21.1266 47.6119 22.7987 46.7 24.2474C46.0266 25.3172 45.0516 26.5237 43.8883 27.8993L42.6656 29.3337L41.7623 30.3896C40.6571 31.682 40.5227 31.9007 40.4561 32.1148C40.387 32.3377 40.3748 32.6159 40.5416 34.3365L40.6799 35.7464L40.861 37.6568C41.028 39.482 41.1373 41.0492 41.0807 42.3219C41.0049 44.0227 40.6147 45.8133 39.0604 46.9932C37.4727 48.1981 35.6491 48.0318 34.0332 47.5689C32.841 47.2273 31.4329 46.6262 29.8197 45.8945L28.1372 45.1235L26.8961 44.5518C25.3585 43.8438 25.1589 43.801 25 43.801C24.8411 43.801 24.6415 43.8438 23.1038 44.5518L21.8628 45.1235L21.6894 45.2033C19.4323 46.2427 17.5169 47.1248 15.9668 47.5689C14.3508 48.0318 12.5273 48.1981 10.9395 46.9932C9.38528 45.8133 8.99501 44.0227 8.91925 42.3219C8.84483 40.6494 9.05623 38.4683 9.30888 35.8616L9.32004 35.7464L9.45839 34.3365C9.62512 32.6159 9.61297 32.3377 9.54384 32.1148C9.49391 31.9543 9.40577 31.7909 8.8989 31.1749L8.23769 30.3896L7.33437 29.3337L7.2321 29.2141C5.57496 27.2764 4.17987 25.6452 3.29994 24.2474C2.38805 22.7987 1.72067 21.1266 2.29693 19.273C2.88053 17.3963 4.39592 16.4254 5.97735 15.8022C7.47664 15.2113 9.51534 14.7502 11.9168 14.2071L12.1236 14.1603L13.4481 13.8592L14.4267 13.6313C15.1766 13.4457 15.311 13.3744 15.4175 13.2936C15.5722 13.1759 15.7278 12.9841 16.567 11.4788L17.2485 10.2541L17.3301 10.1077C18.5795 7.8661 19.6306 5.98037 20.6299 4.67546C21.6519 3.34087 23.0146 2.0835 25 2.0835Z' fill='%23FFC517'/%3E%3C/svg%3E%0A"); } .review-list { margin: 0 auto !important; max-width: 990px; margin-bottom: 25px; } .vizit-box.vb-panel.vb-review .vizit-box-footer { max-width: 990px; margin: 0 auto; } div.review-box .review-list { max-width: 100%; } .review-list .review-item .rv-stars i { background-image: none !important; width: 16px !important; margin-left: 2px; } .review-list .review-item .rv-stars i::before { content: ''; width: 16px; height: 16px; display: block; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.08209 -0.000244141C8.77514 -0.000244141 9.25082 0.438701 9.60758 0.904598C9.96395 1.37002 10.3392 2.04709 10.7879 2.85207L11.0258 3.27963L11.2048 3.59498C11.3459 3.83711 11.3866 3.88237 11.4271 3.91316C11.4766 3.95077 11.5437 3.98145 12.1145 4.11061L13.2033 4.35848C13.8028 4.49777 14.3186 4.62975 14.7224 4.78889C15.2744 5.00645 15.8034 5.3454 16.0071 6.00055C16.2083 6.64763 15.9753 7.23133 15.657 7.73708C15.4219 8.11055 15.0816 8.53173 14.6755 9.01196L14.2487 9.51268L13.9333 9.88129C13.5475 10.3325 13.5006 10.4088 13.4774 10.4836C13.4533 10.5614 13.449 10.6585 13.5072 11.2591L13.5555 11.7513L13.6187 12.4183C13.677 13.0554 13.7152 13.6025 13.6954 14.0468C13.669 14.6406 13.5328 15.2656 12.9902 15.6775C12.436 16.0982 11.7994 16.0401 11.2353 15.8785C10.8192 15.7593 10.3277 15.5494 9.76453 15.294L9.1772 15.0248L8.74399 14.8253C8.20724 14.5781 8.13756 14.5632 8.08209 14.5632C8.02662 14.5632 7.95694 14.5781 7.4202 14.8253L6.98698 15.0248C6.17277 15.3997 5.48374 15.7195 4.92885 15.8785C4.36477 16.0401 3.72822 16.0982 3.17397 15.6775C2.63143 15.2656 2.4952 14.6406 2.46875 14.0468C2.4424 13.4544 2.51876 12.6791 2.60866 11.7513L2.65695 11.2591C2.71516 10.6585 2.71091 10.5614 2.68678 10.4836C2.66935 10.4275 2.63859 10.3705 2.46165 10.1554L2.23084 9.88129L1.91552 9.51268C1.3214 8.81789 0.820667 8.23505 0.507211 7.73708C0.188893 7.23133 -0.0440696 6.64763 0.157087 6.00055C0.360806 5.3454 0.889786 5.00645 1.44182 4.78889C1.98014 4.57674 2.71767 4.4125 3.5873 4.21572L4.04964 4.11061L4.39124 4.03106C4.65303 3.96624 4.69995 3.94136 4.7371 3.91316C4.79113 3.87208 4.84545 3.80511 5.13836 3.27963L5.37627 2.85207C5.82497 2.04709 6.20023 1.37002 6.55661 0.904598C6.91336 0.438701 7.38904 -0.000244141 8.08209 -0.000244141ZM8.08209 1.45432C8.07003 1.45432 8.05073 1.45358 8.00184 1.48628C7.93999 1.52766 7.84518 1.6141 7.71137 1.78884C7.43505 2.1497 7.11922 2.71265 6.6468 3.56018L6.40889 3.98774C6.17874 4.40062 5.97033 4.80351 5.61631 5.07227C5.34742 5.27634 5.03193 5.37463 4.70301 5.45367L4.37064 5.52966L3.9076 5.63407C2.98866 5.842 2.38438 5.98132 1.97517 6.1426C1.57983 6.29841 1.5553 6.40315 1.54622 6.43238C1.53469 6.46946 1.5 6.5841 1.73797 6.96221C1.98105 7.34837 2.39523 7.83604 3.02057 8.56735L3.3359 8.93596L3.56245 9.2023C3.78246 9.46642 3.97642 9.73123 4.07591 10.051C4.20759 10.4745 4.15083 10.9191 4.10432 11.3991L4.05674 11.8913C3.9623 12.8659 3.90113 13.5176 3.9218 13.9822C3.94244 14.4456 4.03865 14.5081 4.05319 14.5191C4.05724 14.5229 4.12103 14.5967 4.5283 14.4801C4.95007 14.3592 5.5178 14.1 6.37835 13.7038L6.81156 13.5042C7.2265 13.3131 7.63308 13.1086 8.08209 13.1086C8.5311 13.1086 8.93768 13.3131 9.35262 13.5042L9.78584 13.7038L10.3788 13.9751C10.9212 14.2207 11.3196 14.3894 11.6359 14.4801C12.0432 14.5967 12.1069 14.5229 12.111 14.5191C12.1255 14.5081 12.2217 14.4456 12.2424 13.9822C12.2579 13.6338 12.2275 13.1801 12.1714 12.5639L12.1074 11.8913L12.0599 11.3991C12.0134 10.9191 11.9566 10.4745 12.0883 10.051C12.221 9.62454 12.5211 9.29524 12.8283 8.93596L13.1436 8.56735L13.5733 8.06237C13.9651 7.59859 14.2439 7.25189 14.4262 6.96221C14.6642 6.5841 14.6295 6.46946 14.618 6.43238C14.6089 6.40315 14.5844 6.29841 14.189 6.1426C13.8821 6.02165 13.4655 5.9133 12.8887 5.77896L12.2566 5.63407L11.7935 5.52966C11.3478 5.42881 10.9064 5.34439 10.5479 5.07227C10.2823 4.87063 10.0987 4.59333 9.92645 4.29314L9.7553 3.98774L9.51739 3.56018C9.04497 2.71265 8.72913 2.1497 8.45281 1.78884C8.319 1.6141 8.2242 1.52766 8.16234 1.48628C8.11345 1.45358 8.09416 1.45432 8.08209 1.45432Z' fill='%23FFC517'/%3E%3C/svg%3E%0A"); } .review-list .review-item .rv-stars i.rv-c::before { background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.08209 -0.000244141C8.77514 -0.000244141 9.25082 0.438701 9.60758 0.904598C9.95638 1.36013 10.3233 2.01842 10.7594 2.80093L10.7879 2.85207L11.0258 3.27963L11.2048 3.59498C11.3459 3.83711 11.3866 3.88237 11.4271 3.91316C11.4766 3.95077 11.5437 3.98145 12.1145 4.11061L13.2033 4.35848C13.8028 4.49777 14.3186 4.62975 14.7224 4.78889C15.2744 5.00645 15.8034 5.3454 16.0071 6.00055C16.2083 6.64763 15.9753 7.23134 15.657 7.73708C15.4219 8.11055 15.0816 8.53173 14.6755 9.01196L14.2487 9.51268L13.9333 9.88129C13.5475 10.3325 13.5006 10.4088 13.4774 10.4836C13.4533 10.5614 13.449 10.6585 13.5072 11.2591L13.5555 11.7513L13.6187 12.4183C13.677 13.0554 13.7152 13.6025 13.6954 14.0468C13.669 14.6406 13.5328 15.2656 12.9902 15.6775C12.436 16.0982 11.7994 16.0401 11.2353 15.8785C10.8192 15.7593 10.3277 15.5494 9.76453 15.294L9.1772 15.0248L8.74399 14.8253C8.20724 14.5781 8.13757 14.5632 8.08209 14.5632C8.02662 14.5632 7.95694 14.5781 7.4202 14.8253L6.98698 15.0248L6.92645 15.0527C6.13857 15.4156 5.46994 15.7235 4.92885 15.8785C4.36477 16.0401 3.72823 16.0982 3.17397 15.6775C2.63143 15.2656 2.4952 14.6406 2.46875 14.0468C2.44278 13.463 2.51657 12.7015 2.60476 11.7916L2.60866 11.7513L2.65695 11.2591C2.71516 10.6585 2.71091 10.5614 2.68678 10.4836C2.66935 10.4275 2.63859 10.3705 2.46165 10.1554L2.23084 9.88129L1.91552 9.51268L1.87982 9.47093C1.30135 8.7945 0.814368 8.22504 0.507211 7.73708C0.188893 7.23133 -0.0440696 6.64763 0.157087 6.00055C0.360806 5.3454 0.889787 5.00645 1.44182 4.78889C1.96518 4.58263 2.67683 4.42167 3.5151 4.23206L3.5873 4.21572L4.04964 4.11061L4.39124 4.03106C4.65303 3.96624 4.69995 3.94136 4.7371 3.91316C4.79113 3.87208 4.84545 3.80511 5.13836 3.27963L5.37627 2.85207L5.40475 2.80097C5.84089 2.01844 6.2078 1.36014 6.55661 0.904598C6.91336 0.438701 7.38904 -0.000244141 8.08209 -0.000244141Z' fill='%23FFC517'/%3E%3C/svg%3E%0A"); } .review-list .review-item .review-view .rv-bottom .rv-date, .review-list .review-item ul.review-reply .child-item .ci-head .rv-date { color: var(--light-gray) !important; } .review-list .review-item .review-view .rv-bottom { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; } .review-list .review-item .review-view .rv-bottom .rv-date { margin-left: 0 !important; } .review-list .review-item .review-view .rv-bottom .reply-btn { top: -2px !important; margin-left: 0 !important; padding: 0 !important; } .review-list .review-item ul.review-reply .child-item .ci-head .rv-user { color: var(--main-dark) !important; } div.review-box div.rb-form .rating-cont .rating-stars i.fa-question { border: 4px solid var(--main-green); color: var(--main-green); } div.review-box div.rb-form .rating-cont .rating-stars i.fa-question:hover, div.review-box div.rb-form .rating-cont .rating-stars i.fa-question.active { background-color: var(--main-green); color: white; } .review-list .review-item .review-view { background-color: #f0f5f6 !important; padding: 20px !important; border-radius: var(--button-lg-radius) !important; } .review-list .review-item .review-view div.user-photo { display: none; } .review-list .review-item .review-view div.review-view-cont { padding-left: 0 !important; } .review-list .review-item { margin-bottom: 10px !important; } .review-list .review-item ul.review-reply { padding-left: 20px !important; } .review-list .review-item ul.review-reply .child-item div.child-user-photo { display: none; } .review-list .review-item ul.review-reply .child-item div.child-view-cont { padding-left: 20px !important; border-left: 2px solid var(--extra-light-gray); } .review-list .review-item .review-view .rv-user { margin-left: 0 !important; font-size: 13px; color: var(--main-dark) !important; } .review-list .review-item .review-view .rv-text { font-size: 18px !important; padding: 10px 0px 0 !important; } @media (max-width: 990px) { .page-width-limiter { padding: 0 15px !important; } } @media (max-width: 767px) { div.vizit-box.vb-panel div.vizit-box-boby { padding: 0 !important; overflow-x: visible; } #vizit-template.vizit-template-1 div.vt-side-2 div.vt-side-2-inner, #vizit-template.vizit-template-1 div.vt-side-8 div.vt-side-8-inner, #vizit-template.vizit-template-1 div.vt-side-13 div.vt-side-13-inner { margin-left: 0; padding: 0 15px; } div.review-box div.rb-form .rating-cont .rating-stars i.star { margin: 0 3px; } div.review-box div.rb-form .rating-cont .values .text:last-child { margin-left: 180px; } div.review-box .review-list .review-item ul.review-reply .child-item div.child-view-cont { padding-left: 20px !important; } } /* -----кастомний хедер----- */ .hero-section { position: relative; padding-top: 0; } .cs-banner.custom-banner .main-info .b-title, .cs-banner.custom-banner .b-subtitle { transform: translateX(-200%); opacity: 0; } .cs-banner.custom-banner .banner-cont .b-right { transform: translateX(200%); opacity: 0; } .cs-banner.custom-banner .group-link { transform: scale(0.3); opacity: 0; } .cs-banner.custom-banner .main-info .b-title.visible { animation: slideRight 1s; animation-timing-function: cubic-bezier(0.32, 0.8, 0, 1); animation-fill-mode: forwards; animation-delay: .2s; } @keyframes slideRight { 0% { transform: translateX(-200%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cs-banner.custom-banner .b-subtitle.visible { animation: slideRight2 1s; animation-timing-function: cubic-bezier(0.32, 0.8, 0, 1); animation-fill-mode: forwards; animation-delay: .35s; } @keyframes slideRight2 { 0% { transform: translateX(-200%); opacity: 0; } 100% { transform: translateX(0); opacity: 0.6; } } .cs-banner.custom-banner .banner-cont .b-right.visible { animation: slideLeft 1s; animation-timing-function: cubic-bezier(0.32, 0.8, 0, 1); animation-fill-mode: forwards; animation-delay: .2s; } @keyframes slideLeft { 0% { transform: translateX(200%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cs-banner.custom-banner .group-link.visible { animation: zoomIn 1s; animation-timing-function: cubic-bezier(0.32, 0.8, 0, 1); animation-fill-mode: forwards; animation-delay: .6s; } @keyframes zoomIn { 0% { transform: scale(0.3); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @media (max-width: 767px) { .hero-section.shrinked { margin: 0 -15px; } .cs-banner.custom-banner { border-radius: 0 !important; } } .main-header { position: absolute; width: 100%; left: 0; top: 0; display: flex; height: 100px; padding: 25px 0px; align-items: center; align-self: stretch; z-index: 1002; background: white; will-change: transform; } .main-header.fixed { position: fixed; top: 0; min-height: auto; height: 65px; z-index: 777; padding: 0; background: #fff; width: 100%; animation: slideDown 0.3s ease-out; border-bottom: 1px solid var(--extra-light-gray); will-change: transform; } @keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } } .main-header .head-cont { display: flex; align-items: center; gap: 30px; flex: 1 0 0; align-self: stretch; } .main-header.fixed .head-cont { gap: 15px; } .h-logo { display: flex; max-width: 200px; align-items: center; gap: 15px; } .main-header.fixed .h-logo { width: auto; } .main-header .h-logo .logo-text { max-height: 47px; } .main-header .h-logo .logo-icon { max-height: 55px; } .main-header.fixed .h-logo .logo-icon { max-height: 50px !important; } .main-header.fixed .h-logo .logo-text { display: none; } .main-header .head-cont .h-search { display: flex; align-items: center; flex: 1 0 0; } .main-header .head-cont .h-search.active { z-index: 777 !important; } .main-header .c-catalog-box-wrapper { display: none; padding: 0; margin: 0; list-style: none; } .main-header.fixed .c-catalog-box-wrapper { display: flex; } .c-catalog-box .c-catalog-list { position: absolute !important; top: calc(100% + 10px); left: 0; z-index: 103; width: calc(100% - 100px); margin: 0 50px; pointer-events: none; visibility: hidden; opacity: 0; background: white; padding: 20px; border-radius: var(--button-md-radius); z-index: 9999; max-width: 1680px; transition: var(--main-transition); } .c-catalog-box .c-catalog-list.visible { pointer-events: auto; visibility: visible; opacity: 1; } .main-header.search-active { z-index: 1002 !important; } .main-header .head-cont .h-search .i-group { display: flex; align-items: center; flex: 1 0 0; position: relative; } .main-header .head-cont .h-search input { font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; transition: var(--main-transition); width: 100%; height: 60px; padding: 5px 170px 5px 20px; border-radius: var(--button-lg-radius); border: 1px solid rgba(47, 72, 88, 0.15); } .main-header.fixed .head-cont .h-search input { height: 50px; border-radius: var(--button-md-radius); } .main-header .head-cont .h-search input:focus { border-color: var(--main-dark); box-shadow: inset 0px 0px 0px 1px rgba(47, 72, 88, 1) } .main-header .head-cont .h-search input::placeholder { color: rgba(47, 72, 88, 0.40); } .main-header .head-cont .h-search .sbtn-group { position: absolute; display: flex; align-items: center; gap: 8px; right: 5px; } .main-header .head-cont .h-search .clear-btn { font-size: 18px; cursor: pointer; opacity: 0.5; transition: var(--main-transition); display: none; } .main-header .head-cont .h-search .clear-btn:hover { opacity: 1; } .main-header .head-cont .h-search .sbtn-group button { height: 50px; gap: 6px; border-radius: 11px !important; font-size: 16px; } .main-header.fixed .head-cont .h-search .sbtn-group button { height: 40px; border-radius: 8px !important; } .main-header .head-cont .h-search button.disabled { pointer-events: none; background-color: rgba(47, 72, 88, 0.2) !important; } .main-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(19, 30, 37, 0.85); z-index: 555; opacity: 0; visibility: hidden; transition: 0.3s ease; } .main-overlay.visible { opacity: 1; visibility: visible; pointer-events: auto; } .main-header .head-cont .h-search .sbtn-group button .ico { font-size: 20px; } .main-header .head-cont .h-search input:focus, .main-header .head-cont .h-search .sbtn-group button:focus { outline: none; } .h-contact { margin-top: 8px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0px; } .h-contact .c-item { font-size: 16px; color: var(--dark-gray); } .h-contact .h-phone a { color: var(--darker-green); font-size: 25px; font-style: normal; font-weight: 700; line-height: 20px; text-decoration: none; } .h-contact .h-phone a:hover { color: var(--hover-green); } .h-contact .h-email a { color: var(--dark-gray); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; } .h-contact .h-email a:hover { color: var(--main-dark); } .main-header .head-cont .header-end { display: flex; align-items: center; gap: 30px; } .main-header.fixed .head-cont .header-end { gap: 20px; margin-left: 10px; } .main-header .head-cont .header-end .h-action { font-size: 30px; color: var(--main-dark); text-decoration: none; position: relative; display: flex; align-items: center; } .main-header .head-cont .header-end .h-action.favorite-box { display: none; } .main-header .head-cont .header-end .h-action .ico { transition: var(--main-transition); } .fixed-cart-btn:hover i, .main-header .head-cont .header-end .h-action:hover .ico { opacity: 0.6; } .main-header .head-cont .header-end .h-action .h-counter { display: flex; min-width: 23px; min-height: 23px; padding: 0 7px; justify-content: center; align-items: center; position: absolute; right: -3px; bottom: -6px; border-radius: 15px; border: 2px solid #FFF; background: var(--main-green); color: var(--hover-dark); text-align: center; font-size: 11px; font-style: normal; font-weight: 600; line-height: normal; } @media (max-width: 1200px) { .main-header .h-logo { width: auto; } .main-header .h-logo .logo-text { display: none; } .main-header .head-cont .h-search .sbtn-group button { height: 50px; width: 50px; font-size: 0; padding: 0 !important; gap: 0; } .main-header.fixed .head-cont .h-search .sbtn-group button { height: 40px; width: 40px; } .main-header .head-cont .h-search input { padding: 5px 90px 5px 20px; } .main-header.fixed .head-cont .h-search input { padding: 5px 80px 5px 20px; } } @media (max-width: 990px) { .main-header.fixed .head-cont .catlog-btn { font-size: 0; padding: 0; gap: 0; width: 50px; } .c-catalog-box .c-catalog-list { width: calc(100% - 40px); margin: 0 20px; } } @media (max-width: 767px) { .main-header { display: none; } .hero-section { padding-top: 0; } } /* -----сторіз-слайдер----- */ .story-slider { position: relative; width: 100%; height: 700px; overflow: hidden; margin: auto; touch-action: pan-y; } .story-slider .progress-bars { display: flex; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); right: 0; gap: 10px; z-index: 10; padding: 0 50px; max-width: 1680px; width: 100%; } .story-slider .progress-segment { flex: 1; cursor: pointer; height: 15px; } .story-slider .segment-box { background: rgba(31, 47, 58, 0.2); height: 5px; border-radius: 10px; overflow: hidden; margin-top: 5px; } .story-slider .progress-segment .fill { height: 100%; width: 0%; background: #131E25; transition: width 0.1s linear; border-radius: 10px; } .story-slider .slider-toggle-btn { display: flex; width: 50px; height: 50px; padding: 10px 0px; justify-content: center; align-items: center; position: absolute; right: 50px; top: 60px; border-radius: 8px; z-index: 20; user-select: none; transition: 0.3s ease; visibility: hidden; opacity: 0; border: none; font-size: 18px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); transform: translateY(-30px); color: var(--main-dark); } .story-slider .slider-toggle-btn:focus { outline: none; } .story-slider .nav-arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(--main-dark); display: flex; width: 40px; height: 50px; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); cursor: pointer; z-index: 20; user-select: none; transition: 0.3s ease; visibility: hidden; opacity: 0; outline: none; } .story-slider:hover .slider-toggle-btn, .story-slider:hover .nav-arrow { visibility: visible; opacity: 0.7; transform: translateX(0); } .slider-toggle-btn:hover, .story-slider .nav-arrow:hover { opacity: 1 !important; color: var(--hover-dark); } .slider-toggle-btn.play { opacity: 0.7; visibility: visible; background: var(--main-green); transform: translateY(0); } .story-slider .left-arrow { left: 50px; transform: translateX(-30px); } .story-slider .right-arrow { right: 50px; transform: translateX(30px); } .story-slider:hover .nav-arrow .left-arrow, .story-slider:hover .nav-arrow.right-arrow { transform: translateX(0); } .story-slider .slides { display: flex; width: 100%; height: 100%; } .story-slider .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; font-size: 24px; user-select: none; opacity: 0; transition: opacity 0.3s ease; z-index: 0; } .story-slider .slide.active { opacity: 1; z-index: 1; } .story-slider .slide.incoming { z-index: 2; } .cs-banner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #fff; } .cs-banner.cs-banner.custom-banner { border-radius: 30px; overflow: hidden; } .cs-banner.custom-banner .banner-cont .b-right { right: -15%; } .cs-banner .banner-cont { display: flex; position: relative; height: 100%; } .cs-banner .banner-cont::before { content: ''; position: absolute; left: -407px; bottom: -191px; width: 578px; height: 578px; border-radius: 578px; opacity: 0.5; background: var(--main-green); filter: blur(200px); z-index: 1; } .cs-banner .banner-cont::after { content: ''; position: absolute; right: -511px; top: -117px; width: 578px; height: 578px; border-radius: 578px; opacity: 0.5; background: var(--main-green); filter: blur(200px); z-index: 1; } .cs-banner.custom-banner .banner-cont::after { display: none; } .cs-banner .banner-cont .b-left { display: flex; flex-direction: column; justify-content: center; gap: 40px; height: 100%; max-width: 60%; position: relative; z-index: 1; padding: 40px 0; } .cs-banner.custom-banner .banner-cont .b-left { max-width: 50%; } .cs-banner .main-info { display: flex; flex-direction: column; gap: 40px; justify-content: center; } .cs-banner .main-info .b-title { color: var(--main-dark); font-size: 68px !important; font-style: normal; font-weight: 800 !important; line-height: 115% !important; margin: 0; padding: 0; } .cs-banner.custom-banner .main-info .b-title { font-size: 58px !important; line-height: 105% !important; } .cs-banner .b-title b, .cs-banner .b-title strong { color: var(--darker-green); font-weight: 800 !important; } .cs-banner .b-subtitle { color: #1F2F3A; opacity: 0.6; font-size: 22px; font-style: normal; font-weight: 500; line-height: 28px; margin: 0; max-width: 80%; padding: 0; } .cs-banner .banner-cont .b-right { height: 100%; display: flex; position: absolute; top: 0; right: -5%; z-index: 0; max-width: 70%; pointer-events: none; } .cs-banner .banner-cont .b-right img { width: 100%; height: 100%; object-fit: contain; } .play-box { display: flex; align-items: center; width: fit-content; min-width: 180px; } .play-box:hover { text-decoration: none; } .play-box .b-video { position: relative; display: flex; width: 120px; height: 120px; padding: 22px; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: 70px; background: #FFF; overflow: hidden; transition: var(--main-transition); } .play-box .b-video .video-background { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; position: absolute; } .play-box:hover .b-video { opacity: 0.8; } .play-box .vid-round { display: flex; width: 80px; height: 80px; padding: 22px; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: 50px; border: none; background: var(--main-yellow); box-shadow: 0px 15px 20px -10px rgba(255, 216, 23, 0.50); cursor: pointer; margin-left: -20px; z-index: 2; } .play-box .vid-round:focus { outline: none; } .play-box .vid-round .ico { font-size: 25px; color: var(--hover-dark); transition: var(--main-transition); } .play-box:hover .vid-round { background: var(--hover-yellow); margin-left: -40px; transform: scale(1.1); } .play-box:hover .vid-round .ico { transform: scale(1.2); } /* -----кастомний контейнер----- */ .l-container { display: flex; flex-direction: column; width: 100%; max-width: 1680px; padding: 0px 50px; position: relative; height: 100%; margin: 0 auto; } .group-link { display: flex; width: fit-content; } .group-link .btn-default { background-color: transparent; } .group-link:hover { text-decoration: none !important; } .group-link:hover .btn-default, .btn-default:hover { color: var(--hover-dark); border-color: var(--main-dark); background-color: rgba(31, 47, 58, 0.05); } .group-link:hover .btn-primary, .btn-primary:hover { border-color: var(--hover-green); background-color: var(--hover-green); } .group-link:hover .btn-success, .btn-success:hover { background: var(--hover-green) !important; color: var(--hover-dark); } @media (max-width: 990px) { .cs-banner .banner-cont { flex-direction: column; } .cs-banner.custom-banner .banner-cont .b-left, .cs-banner .banner-cont .b-left { max-width: 100%; gap: 25px; padding-bottom: 0; justify-content: flex-start; height: auto; } .cs-banner .banner-cont .b-right { position: relative; height: 50%; right: 0 !important; max-width: 100%; } .cs-banner .main-info { gap: 25px; } .cs-banner.custom-banner .main-info .b-title, .cs-banner .main-info .b-title { font-size: 48px !important; } .cs-banner .b-subtitle { font-size: 18px; line-height: 25px; max-width: 100%; } .story-slider .slider-toggle-btn, .story-slider .nav-arrow { visibility: visible; opacity: 0.7; transform: translate(0); } .story-slider .slider-toggle-btn { top: 40px; } .l-container { padding: 0px 15px; } .story-slider .progress-bars { padding: 0 15px; } .story-slider .slider-toggle-btn { right: 15px; } .story-slider .right-arrow { right: 15px; } .story-slider .left-arrow { left: 15px; } } @media (max-width: 767px) { .story-slider .story-slider { height: 800px; } .cs-banner .banner-cont::before, .cs-banner .banner-cont::after { opacity: 0.2; } .cs-banner .banner-cont .b-right img { width: 120%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } } @media (max-width: 576px) { .cs-banner .main-info { gap: 15px; } .cs-banner .main-info .b-title { font-size: 40px !important; line-height: 102% !important; } .cs-banner .b-subtitle { font-size: 16px; line-height: 20px; } .story-slider .right-arrow, .story-slider .left-arrow { display: none; } .story-slider .slider-toggle-btn { width: 40px; height: 40px; } .story-slider .progress-bars { gap: 5px; } } /*----модалки----*/ .modal-wrapper { box-sizing: border-box; position: fixed; display: flex; align-items: center; justify-content: center; z-index: 1002; width: 100%; height: 100dvh; top: 0; left: 0; visibility: hidden; opacity: 0; transition: all .3s ease-out; } .modal-wrapper.opened { display: flex; visibility: visible; opacity: 1; } .modal-container { box-sizing: border-box; display: flex; justify-content: center; width: 100%; height: 100dvh; position: relative; padding: 30px; margin-top: auto; margin-bottom: auto; overflow-y: auto; background: rgba(19, 30, 37, 0.85); } .c-modal { position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 20px; background: #FFF; width: 100%; margin: auto 0; overflow: hidden; transform-style: preserve-3d; transition: all .3s ease-out; opacity: 0; } .modal-wrapper.opened .c-modal { transform-style: preserve-3d; opacity: 1; } .mod-media { max-height: fit-content; background: transparent; overflow: visible; margin: auto 0; } .mod-media .mod-header { position: relative; min-height: 0px !important; height: 0px; padding: 0; z-index: 2; } .mod-media .mod-cont { padding: 0 !important; overflow: hidden; border-radius: 20px; z-index: 2; } .mod-media.mod-video .mod-cont iframe { aspect-ratio: 16 / 9; border: none; width: 100%; height: 100%; border-radius: 0; } .vertical-video .c-modal { max-width: fit-content !important; } .c-modal.m-lg { max-width: 1000px; } .c-modal.m-md { max-width: 690px; } .c-modal.m-sm { max-width: 350px; } .mod-header { display: flex; /*min-height: 80px;*/ padding: 12px 12px 12px 30px; justify-content: space-between; align-items: center; align-self: stretch; margin: 0; } .mod-header .left { display: flex; align-items: center; gap: 15px; flex: 1 0 0; } .mod-header .left .btn-nav { font-size: 18px; color: var(--hover-gray); cursor: pointer; transition: .2s ease-out; } .mod-header .btn-close { display: flex; width: 55px; height: 55px; padding: 10px; justify-content: center; align-items: center; font-size: 30px; color: white; transition: .2s ease-out; cursor: pointer; } #m-video-box .mod-header .btn-close { position: absolute; left: auto; right: -55px; bottom: -40px; padding: 0; } .mod-header .left .btn-nav:hover, .mod-header .btn-close:hover { color: var(--main-dark); } .mod-header .btn-close.light { color: white; opacity: 0.5; } .mod-header .btn-close.light:hover { opacity: 1; } .mod-header .left .modal-title { color: var(--main-dark); font-family: var(--main-font); font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; margin: 0; } .mod-cont { display: flex; padding: 0px 30px; align-self: stretch; overflow: hidden; } .mod-cont .mod-box { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 100%; } .modal-container.vertical-video .mod-box, .modal-container.vertical-video .mod-box iframe { aspect-ratio: 9 / 16 !important; max-width: 400px; height: 90dvh; max-height: 700px; width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; border-radius: var(--main-radius); } .mod-cont .mod-box .cs-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; align-self: stretch; width: 100%; } .modal-media-nav { position: absolute; width: 100%; height: 100%; display: flex; justify-content: space-between; } .modal-media-nav .nav-arrow { display: flex; width: 80px; height: 100%; justify-content: center; align-items: center; font-size: 30px; color: white; background: rgba(255, 255, 255, 0); border-radius: 20px; transition: var(--main-transition); border: none; opacity: 0.5; } .modal-media-nav .nav-arrow:focus { outline: none; } .modal-media-nav .nav-arrow:hover { background: rgba(255, 255, 255, 0.05); opacity: 1; } .modal-media-nav .nav-arrow.prev { margin-left: -80px; } .modal-media-nav .nav-arrow.next { margin-right: -80px; } @media (max-width: 1200px) { .m-media-list.horisontal-video .modal-media-nav { height: 50px; top: -50px; width: 120px; } .m-media-list.horisontal-video .modal-media-nav .nav-arrow { background: transparent; width: 60px; } .m-media-list.horisontal-video .modal-media-nav .nav-arrow.prev { margin-left: 0; } .m-media-list.horisontal-video .modal-media-nav .nav-arrow.next { margin-right: 0; } } @media (max-width: 990px) { .modal-media-nav .nav-arrow { background: rgba(255, 255, 255, 0.05); opacity: 0.5; } } @media (max-width: 576px) { .modal-media-nav .nav-arrow { border-radius: 0; } } .cs-video-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-items: flex-start; gap: 15px; } .cs-video-list.shorts-list { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; } .slider-list { display: flex; flex-direction: column; width: 100%; position: relative; overflow: hidden; } .a-video.a-hover { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; width: 100%; border-radius: var(--main-radius); overflow: hidden; cursor: pointer; } .cs-video-list.shorts-list .a-video.a-hover { aspect-ratio: 9 / 16; height: 100%; } .a-video.a-hover iframe { width: 100%; height: 100%; border: none; pointer-events: none; } .a-video.a-hover img { position: absolute; object-fit: cover; z-index: 1; transition: var(--main-transition); width: 100%; height: 100%; } .a-video.a-hover .ico { position: absolute; font-size: 15px; z-index: 2; color: var(--hover-dark); background: white; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: var(--main-transition); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); } .a-video.a-hover:hover .ico { opacity: 0; } #m-video-box .modal-container.vertical-video.m-media-list { padding-left: 90px; } #m-video-box .modal-container.m-media-list { padding-left: 130px; } .modal-thumbnails { display: flex; flex-direction: column; gap: 8px; margin-right: 10px; justify-content: flex-start; flex-wrap: nowrap; overflow-y: auto; overflow-x: hidden; z-index: 2; width: fit-content; height: 100%; scrollbar-width: none; -ms-overflow-style: none; position: absolute; left: -180px; } #m-video-box .modal-container.vertical-video.m-media-list .modal-thumbnails { left: -140px; } /* Chrome, Edge, Safari */ .modal-thumbnails::-webkit-scrollbar { display: none; } .modal-thumbnails.dragging { cursor: grabbing; user-select: none; } .modal-thumb { width: 100px; height: 60px; object-fit: cover; opacity: 0.7; border: 2px solid transparent; transition: opacity 0.3s, border-color 0.3s; flex-shrink: 0; border-radius: var(--button-sm-radius); } .vertical-video .modal-thumb { width: 60px; height: 100px; } .modal-thumb.active { opacity: 1; border-color: white; } .modal-thumb:hover { opacity: 1; } @media (max-width: 1200px) { .modal-thumbnails { left: -110px; } } @media (max-width: 990px) { #m-video-box .modal-container.m-media-list { padding-left: 30px; } #m-video-box .modal-container.horisontal-video.m-media-list .modal-thumbnails { position: relative; display: flex; flex-direction: row; margin-top: 10px; flex-wrap: nowrap; overflow-x: auto; z-index: 2; width: 100%; left: 0; } } @media (max-width: 767px) { #m-video-box .modal-container.vertical-video.m-media-list { padding-left: 30px; } #m-video-box .modal-container.vertical-video.m-media-list .modal-thumbnails { display: none !important; } } @media (max-width: 576px) { .modal-thumbnails { padding: 0 8px; } .modal-container.vertical-video .c-modal { min-width: auto; } .modal-container.vertical-video .mod-box, .modal-container.vertical-video .mod-box iframe { border-radius: 0; max-width: 100%; height: 100dvh; width: 100%; } #m-video-box .modal-container.vertical-video .modal-media-nav { height: 0; top: 50%; transform: translateY(-50%); z-index: 3; } #m-video-box .modal-container.vertical-video .modal-media-nav .nav-arrow { width: auto; opacity: 1; background: transparent; } #m-video-box .modal-container.vertical-video .modal-media-nav .nav-arrow.prev { margin-left: 10px; } #m-video-box .modal-container.vertical-video .modal-media-nav .nav-arrow.next { margin-right: 10px; } .mod-media .mod-header { z-index: 3; } #m-video-box .modal-container.vertical-video .mod-header .btn-close { right: 0; bottom: -85px; opacity: 1; } } .centered { justify-content: center !important; align-items: center !important; } .gap-30 { gap: 30px !important; } .cs-wrap .m-info { display: flex; flex-direction: column; align-items: center; gap: 20px; } .cs-wrap .m-info .item { display: flex; flex-direction: column; align-items: center; gap: 20px; } .cs-wrap .m-info .item .i-cont { min-width: 120px; height: 120px; border-radius: 100%; } .cs-wrap .m-info .item .i-cont .i-box { min-width: calc(100% - 6px); height: calc(100% - 6px); } .cs-wrap .m-info .item .i-cont img { max-width: 70px; } .cs-wrap .m-info .m-msg { text-align: center; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } .f-row { display: flex; align-items: flex-start; gap: 20px; align-self: stretch; } .f-col { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; align-self: stretch; width: 100%; } .contact-form .f-col { gap: 20px; } .f-row.align-end { justify-content: flex-end; } .c-form { position: relative; display: flex; flex-direction: column; align-self: stretch; width: 100%; gap: 2px; } .c-form.required .mark { display: block; position: absolute; color: var(--light-gray); right: 10px; top: 5px; padding: 0; background-color: transparent; font-size: 18px; } .c-form.error .error-msg { color: #F04; font-size: 13px; font-style: normal; font-weight: 500; line-height: normal; margin-left: 20px; } .c-form.error input.form-in { border: 2px solid #ff9fb9; background: rgb(255, 231, 237); } .c-form.error input.form-in:focus { border: 2px solid #ff9fb9; background: transparent; } input.form-in, textarea.form-in { display: flex; align-self: stretch; padding: 0px 20px; border-radius: var(--button-md-radius); border: 1px solid rgba(47, 72, 88, 0.15); background: var(--white); color: var(--main-dark); font-family: var(--main-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; transition: .2s ease-out; width: 100%; } textarea.form-in { padding: 16px 20px; height: auto; max-width: 100%; max-height: 400px; min-height: 150px; overflow: auto; resize: vertical; outline: none; } input.form-in.f-md { height: 54px; } textarea.form-in.f-lg { padding: 16px 20px; font-size: 16px; } input.form-in.f-lg { height: 58px; font-size: 16px; padding: 0px 20px; } textarea.form-in::placeholder, input.form-in::placeholder { color: rgba(47, 72, 88, 0.40); } textarea.form-in:focus, input.form-in:focus { border-color: var(--hover-yellow); box-shadow: 0px 0px 0px 1px #FFC517 inset; background: white; outline: none; } .c-modal .mod-footer { display: flex; padding: 15px 30px 30px 30px; justify-content: flex-end; align-items: flex-start; gap: 10px; align-self: stretch; background: white; } input.form-in.search { padding: 0 40px 0 50px; } .c-search .ico-search { position: absolute; font-size: 20px; color: var(--darker-gray); top: 50%; left: 20px; transform: translateY(-50%); } .c-search .btn-clear { position: absolute; display: flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; font-size: 10px; color: var(--darker-gray); top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; transition: .2s ease-out; } .c-search .btn-clear:hover { color: var(--main-dark); } .c-list { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; } .b-scrollable { display: flex; flex-direction: column; width: 100%; overflow-y: auto; } .maxH-500 { min-height: 500px; max-height: 500px; } .c-list .no-results { color: var(--darker-gray); margin-top: 15px; text-align: center; width: 100%; font-weight: 300; } .tog { display: flex; padding: 12px; align-items: center; gap: 15px; flex-shrink: 0; align-self: stretch; cursor: pointer; } .tog span { font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; color: var(--darker-gray); transition: .2s ease-out; } .tog span strong { font-weight: 800; color: var(--main-dark); } .tog.checked span { color: var(--main-dark); } .toggle { position: relative; display: inline-block; margin: 0; vertical-align: top; background: var(--hover-gray); border: 3px solid transparent; border-radius: 30px; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: .2s ease-out; } .toggle::after { content: ""; display: inline-block; position: absolute; left: 0; top: 50%; background-color: white; border-radius: 50%; transform: translateX(0) translateY(-50%); transition: .2s ease-out; } .toggle.md { width: 34px; height: 20px; } .toggle.md::after { width: 14px; height: 14px; } .toggle:checked::after { transform: translateX(100%) translateY(-50%); background-color: white; } .toggle:checked { background-color: var(--main-blue); } .tog.select-all { border-radius: var(--main-radius); border: 2px solid var(--main-gray); } @media (max-width: 1200px) { #m-video-box .horisontal-video .mod-header .btn-close { right: 0px; bottom: 0px; } } @media (max-width: 576px) { .modal-container { padding: 0 !important; } .c-modal { border-radius: 0; min-width: 100%; max-width: 100%; margin: 0; } .c-modal.mob-hug { margin: auto 0; } .c-modal.mob-fill { min-height: 100dvh; } .mod-header { /*min-height: 55px;*/ padding: 0 0 0 15px; } .mod-header .left { font-size: 20px; } .mod-header .left .modal-title { font-size: 20px; margin: 0; } .mod-header .btn-close { padding: 0; } .mod-cont { padding: 0px 15px; height: 100%; border-radius: 0; } .mod-media .mod-cont { border-radius: 0; } .c-modal .mod-footer { padding: 15px 15px 20px 15px; } .f-row { flex-direction: column; } .f-row .c-btn, .c-modal .mod-footer .c-btn { min-width: 100%; } .c-spacer { display: none; } .c-modal .b-scrollable { min-height: auto; height: 100%; } } /*----модалки-кінець----*/ /*-----кастомний футер-----*/ .cs-footer { display: flex; padding-top: 70px; justify-content: center; align-items: center; align-self: stretch; background: white; } .cs-footer .cs-footer-cont { display: flex; flex-direction: column; align-items: flex-start; gap: 50px; align-self: stretch; } .cs-footer .cs-footer-cont .cs-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-template-rows: 1fr; align-items: flex-start; gap: 40px; align-self: stretch; } .cs-footer .cs-footer-cont .cs-cols .c-col { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 0 0; line-height: 1.2; } .cs-footer .cs-footer-cont .cs-cols .c-col a { text-decoration: none; } .cs-footer .cs-footer-cont .cs-cols .c-col .cc-list { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; } .cs-footer .cs-footer-cont .cs-cols .c-col .cc-list a { text-decoration: none; transition: var(--main-transition); color: var(--dark-gray); font-size: 16px; } .cs-footer .cs-footer-cont .cs-cols .c-col .cc-list a:hover { color: var(--hover-dark); } .cs-footer .cs-footer-cont .cs-cols .c-col .col-header { color: var(--main-dark); font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } .cs-footer .cs-footer-cont .cs-cols .c-col .col-header .ico { display: none; } .cs-footer .cs-footer-cont .cs-cols .c-col .side-info { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 0 0; } .cs-footer .cs-footer-cont .cs-cols .c-col .side-info .payment-var img { max-width: 200px; } .cs-footer .cs-footer-cont .cs-cols .c-col .side-info .cs-social { display: flex; align-items: flex-start; gap: 10px; } .cs-footer .cs-footer-cont .cs-cols .c-col .side-info .cs-social .soc-link { display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: var(--main-radius); background: var(--main-green); color: var(--hover-dark); font-size: 20px; } .cs-footer .cs-footer-cont .cs-cols .c-col .side-info .cs-social .soc-link:hover { background: var(--hover-green); } .cs-footer .cs-footer-cont .cs-cols .c-col .fil-links { gap: 10x; } .cs-footer .cs-footer-cont .cs-cols .c-col .fil-links .fs-link { display: flex; align-items: center; gap: 10px; } .cs-footer .cs-footer-cont .cs-cols .c-col .fil-links img { width: 30px; border-radius: 4px; border: 1px solid #DEE4E3; transition: var(--main-transition); } .cs-footer .cs-footer-cont .cs-cols .c-col .fil-links .fs-link:hover img { opacity: 0.7; } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .h-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .cont-social { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .cont-social .fc-social { display: flex; align-items: center; gap: 10px; color: var(--dark-gray); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; transition: var(--main-transition); } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .cont-social .fc-social:hover { color: var(--hover-dark); } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .cont-social .fc-social .ico { font-size: 30px; transition: var(--main-transition); } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .cont-social .fc-social:hover .ico { opacity: 0.7; } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .cont-social .fc-social .ico.ico-whatsapp { color: #2CC151; } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .cont-social .fc-social .ico.ico-telegram { color: #3FBEF1; } .cs-footer .cs-footer-cont .cs-cols .c-col .f-contact .cont-social .fc-social .ico.ico-viber { color: #8A10A8; } .cs-footer .cs-footer-cont .cs-cols .c-col.flex-end { align-items: flex-end; } .cs-footer .cs-footer-cont .cs-cols .c-col .b-download { text-decoration: none; position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; border-radius: var(--button-md-radius); border: 1px solid #DEE4E3; background: var(--main-green); overflow: hidden; } .cs-footer .cs-footer-cont .cs-cols .c-col .b-download .b-info { display: flex; flex-direction: column; align-items: center; gap: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: var(--hover-dark); font-size: 18px; font-style: normal; font-weight: 700; line-height: 20px; transition: var(--main-transition); user-select: none; opacity: 0; } .cs-footer .cs-footer-cont .cs-cols .c-col .b-download:hover .b-info { opacity: 1; } .cs-footer .cs-footer-cont .cs-cols .c-col .b-download .b-info .ico { font-size: 40px; } .cs-footer .cs-footer-cont .cs-cols .c-col .b-download img { transition: var(--main-transition); } .cs-footer .cs-footer-cont .cs-cols .c-col .b-download:hover img { opacity: 0.2; } .cs-footer .cs-footer-cont .cs-bottom { display: flex; padding: 40px 0px; justify-content: space-between; align-items: center; align-self: stretch; border-top: 1px solid rgba(31, 47, 58, 0.20); } .cs-footer .cs-footer-cont .cs-bottom .b-left { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; } .cs-footer .cs-footer-cont .cs-bottom .b-left a { color: var(--dark-gray); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; white-space: nowrap; } .cs-footer .cs-footer-cont .cs-bottom .b-left a:hover { color: var(--hover-dark); } .cs-footer .cs-footer-cont .cs-bottom .b-right .copyright { color: rgba(116, 129, 131, 0.80); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media (max-width: 1200px) { .cs-footer .cs-footer-cont .cs-cols .c-col.flex-end { align-items: flex-start; } .cs-footer .cs-footer-cont .cs-bottom { flex-direction: column; gap: 20px; } } @media (max-width: 990px) { .cs-footer .cs-footer-cont .cs-cols .c-col .b-download .b-info { opacity: 1; } .cs-footer .cs-footer-cont .cs-cols .c-col .b-download img { opacity: 0.2; } } @media (max-width: 767px) { .cs-footer .cs-footer-cont .cs-bottom .b-left { flex-direction: column; gap: 10px; } .cs-footer .cs-footer-cont .cs-bottom .b-right { text-align: center; } .cs-footer .cs-footer-cont .cs-cols { display: flex; flex-direction: column; gap: 0px; } .cs-footer .cs-footer-cont .cs-cols .c-col { gap: 0; width: 100%; } .cs-footer .cs-footer-cont .cs-cols .c-col.flex-end { border-top: 1px solid rgba(31, 47, 58, 0.20); padding-top: 20px; } .cs-footer .cs-footer-cont .cs-cols .c-col .col-header { padding: 12px 0; position: relative; cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: space-between; width: 100%; border-top: 1px solid rgba(31, 47, 58, 0.20); } .cs-footer .cs-footer-cont .cs-cols .c-col .col-header .ico { display: inline-block; transition: transform 0.3s; margin-left: 10px; font-size: 18px; opacity: 0.4; } .cs-footer .cs-footer-cont .cs-cols .c-col .col-header.open .ico { transform: rotate(-180deg); } .cs-footer .cs-footer-cont .cs-cols .c-col .c-fold { max-height: 0; overflow: hidden; transition: max-height 0.8s cubic-bezier(.4, 0, .2, 1), padding 0.8s cubic-bezier(.4, 0, .2, 1); } .cs-footer .cs-footer-cont .cs-cols .c-col .c-fold.open { max-height: 1000px; padding-bottom: 20px; } .cs-footer .cs-footer-cont .cs-cols .c-col .side-info { padding-bottom: 20px; } } /*-----кастомний адаптивний дропдаун-----*/ .cs-dropdown { position: relative; } .cs-dropdown .cs-dropdown-list { flex-direction: column; position: absolute; background: #FFF; border-radius: var(--button-md-radius); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); z-index: 1000; transition: opacity 0.25s, transform 0.25s; display: none; opacity: 0; padding: 7px; } .cs-dropdown .cs-dropdown-list.opened { display: flex; max-height: 500px; overflow-y: auto; } .cs-dropdown-list.opened.animate { opacity: 1; pointer-events: auto; } .cs-dropdown .cs-dropdown-list.measuring { display: flex !important; visibility: hidden !important; opacity: 1 !important; transform: none !important; transition: none !important; } .cs-dropdown .cs-dropdown-list .drop-link { display: flex; padding: 8px 12px; align-items: center; gap: 8px; color: var(--main-dark); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; transition: var(--main-transition); border-radius: 7px; } .cs-dropdown .cs-dropdown-list .drop-link:hover { background: var(--extra-light-gray); } .cs-dropdown .cs-dropdown-list .drop-link .ico { font-size: 17px; } .stretch { width: 100%; } /*---------стиль категорій шапки--------*/ .c-catalog-box { position: static !important; } .c-catalog-list ul, div.vb-category-1 div.category ul { padding: 0px !important; text-align: center !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); align-items: flex-start; gap: 15px; list-style: none; overflow-y: auto; max-height: 500px; } .c-catalog-list ul .clearfix, div.vb-category-1 div.category ul .clearfix { display: none !important; } .c-catalog-list ul li.item, div.vb-category-1 div.category ul li.item { margin: 0; position: relative; border: 1px solid var(--extra-light-gray); border-radius: 10px; display: flex; overflow: hidden; background: transparent; transition: var(--main-transition); align-self: stretch; } .c-catalog-list ul li.item:hover, div.vb-category-1 div.category ul li.item:hover { box-shadow: inset 0px 0px 0px 2px var(--extra-light-gray); } .c-catalog-list ul li.item a, div.vb-category-1 div.category ul li.item a { display: flex; flex-direction: column; align-items: center; height: auto; width: 100%; align-self: stretch; padding: 15px; gap: 15px; text-decoration: none; } .c-catalog-list ul li.item a:hover, div.vb-category-1 div.category ul li.item a:hover { background-color: transparent; } .c-catalog-list ul li.item span span.img, div.vb-category-1 div.category ul li.item span span.img { padding: 15px; } .c-catalog-list ul li.item span.img, div.vb-category-1 div.category ul li.item span.img { display: flex; position: relative; height: auto; width: 100%; margin: 0 auto; right: 0 !important; text-align: center; align-items: center; border-radius: 5px; overflow: hidden; } .c-catalog-list ul li.item span.img img, div.vb-category-1 div.category ul li.item span.img img { height: auto; width: 100% !important; border-radius: 5px; } .c-catalog-list ul li.item span.title, div.vb-category-1 div.category ul li.item span.title { font-size: 15px; color: var(--main-dark); font-weight: bold; width: 100%; height: auto; padding: 0; position: relative; transition: var(--main-transition); } .c-catalog-list ul li.item span.title span, div.vb-category-1 div.category ul li.item span.title span { height: auto; width: 100%; display: block; text-align: center !important; transition: var(--main-transition); line-height: 20px; } .c-catalog-list ul li.item:hover span.title span, div.vb-category-1 div.category ul li.item:hover span.title span { color: var(--darker-green); } /*-------карта--------*/ .c-map-block .cs-map { border-radius: var(--main-radius); padding-bottom: 20px; } .c-map-block .cs-map iframe { height: 400px !important; } .c-map-block .place-info { color: var(--main-dark); text-align: center; font-size: 22px; font-style: normal; font-weight: 500; line-height: 30px; opacity: 0.6; padding: 10px; } .c-map-block .place-info .ico { font-size: 26px; } @media (max-width: 767px) { .c-map-block .place-info { text-align: left; font-size: 17px; padding: 0; } .c-map-block .place-info .ico { font-size: 20px; } } /*------кнопка вайбер--------*/ .cs-viber-button { display: flex; padding: 50px; gap: 40px; justify-content: space-between; align-items: center; align-self: stretch; border-radius: var(--main-radius); background-color: var(--main-green); background-image: url("data:image/svg+xml,%3Csvg width='418' height='417' viewBox='0 0 418 417' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.07'%3E%3Cpath d='M365.865 299.2C415.645 212.98 385.767 102.536 299.133 52.5178C212.498 2.49919 101.913 31.8464 52.1332 118.067C2.35398 204.287 32.2312 314.73 118.866 364.749L104.999 388.767L100.361 386.01C5.51107 328.013 -27.4916 206.016 25.3743 108.817L28 104.133C85.4376 4.64842 213.036 -29.2137 312.999 28.5L317.638 31.2562C414.018 90.1896 446.539 215.203 389.999 313.133L387.255 317.749C328.58 413.654 203.4 445.578 104.999 388.767L118.866 364.749C205.501 414.767 316.086 385.42 365.865 299.2Z' fill='%23131E25'/%3E%3Cpath d='M173.367 301.085L172.956 301.755C168.559 308.549 159.532 310.758 152.411 306.647C145.29 302.535 142.69 293.613 146.375 286.409L146.749 285.718L180.396 227.439C184.62 220.124 194.002 217.634 201.352 221.878C208.702 226.122 211.237 235.492 207.014 242.807L173.367 301.085Z' fill='%23131E25'/%3E%3Cpath d='M266.426 238.257C284.164 207.534 273.517 168.179 242.646 150.356C211.775 132.532 172.37 142.99 154.632 173.713C144.947 190.487 143.714 209.818 149.641 226.864L150.234 228.507L150.497 229.252C152.979 236.976 148.984 245.342 141.302 248.205C133.619 251.069 125.066 247.379 121.815 239.942L121.519 239.212L120.641 236.794C111.921 211.709 113.711 183.119 128.014 158.345C154.199 112.992 212.369 97.5546 257.941 123.865C303.512 150.176 319.228 208.271 293.043 253.625C278.279 279.197 253.324 295.257 226.258 299.683C217.899 301.05 209.984 295.393 208.579 287.047C207.173 278.702 212.811 270.83 221.171 269.463C239.57 266.453 256.429 255.572 266.426 238.257Z' fill='%23131E25'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position: 85% center; background-repeat: no-repeat; text-decoration: none; color: var(--hover-dark); transition: var(--main-transition); } .cs-viber-button:hover { background-color: var(--hover-green); color: var(--hover-dark); text-decoration: none; } .cs-viber-button .b-main-info { display: flex; align-items: center; gap: 40px; } .cs-viber-button .b-main-info .main-icon { font-size: 120px; color: var(--hover-dark); } .cs-viber-button .b-main-info .b-main-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; } .cs-viber-button .b-main-info .b-main-text span { font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px; } .cs-viber-button .b-main-info .b-main-text .wh-back { display: flex; padding: 8px 15px; justify-content: center; align-items: center; border-radius: 10px; background: #FFF; } .cs-viber-button .b-icon { display: flex; min-width: 100px; height: 100px; justify-content: center; align-items: center; border-radius: var(--main-radius); border: 3px solid var(--hover-dark); font-size: 50px; transition: var(--main-transition); } .cs-viber-button:hover .b-icon { color: var(--main-green); background: var(--hover-dark); } @media (max-width: 767px) { .cs-viber-button { flex-direction: column; padding: 20px; gap: 20px; background-position: center center; background-size: 40%; } .cs-viber-button .b-main-info { flex-direction: column; gap: 20px; } .cs-viber-button .b-main-info .main-icon { font-size: 70px; } .cs-viber-button .b-main-info .b-main-text { align-items: center; } .cs-viber-button .b-main-info .b-main-text span { font-size: 25px; line-height: 25px; text-align: center; } .cs-viber-button .b-icon { display: none; } } .pad-0 { padding: 0 !important; } .pad-top-80 { padding-top: 80px; } .pad-bottom-80 { padding-bottom: 80px; } .pad-top-bottom-80 { padding-top: 80px; padding-bottom: 80px; } .pad-top-50 { padding-top: 50px; } .pad-bottom-50 { padding-bottom: 50px; } .pad-top-bottom-50 { padding-top: 50px; padding-bottom: 50px; } .max-width-990 { max-width: 990px; width: 100%; margin: 0 auto; } .gray-wrapper { border-radius: 30px; background: #DDE3E4; padding-left: 40px; padding-right: 40px; } .section-title { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; align-self: stretch; margin-bottom: 30px; z-index: 2; position: relative; } .section-title .title-text { color: var(--main-dark); text-align: center; font-size: 45px; font-style: normal; font-weight: 700; line-height: 50px; padding: 0; margin: 0; } .section-title .subtitle-text { color: var(--main-dark); text-align: center; font-size: 22px; font-style: normal; font-weight: 500; line-height: 30px; opacity: 0.6; margin: 0 !important; } .faq-list { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; align-self: stretch; margin: 0 auto; } .accordeon-item { display: flex; flex-direction: column; align-items: flex-start; border-radius: var(--main-radius); border: 3px solid var(--extra-light-gray); overflow: hidden; background: var(--extra-light-gray); transition: var(--main-transition) !important; } .accordeon-item:hover { background: #d9dedf; border-color: #d9dedf; } .accordeon-item.opened { background: var(--white); } .accordeon-item .item-main { display: flex; justify-content: space-between; align-items: center; gap: 20px; align-self: stretch; padding: 40px; cursor: pointer; transition: padding 0.3s ease; } .accordeon-item.opened .item-main { padding: 40px 40px 20px 40px; } .accordeon-item .item-main .f-question { color: var(--main-dark); font-size: 25px; font-style: normal; font-weight: 700; line-height: 30px; } .accordeon-item .item-main .f-btn { border: none; background: transparent; outline: none; display: flex; align-items: center; width: 24px; height: 24px; align-items: center; flex-shrink: 0; aspect-ratio: 1/1; padding: 0; position: relative; transition: var(--main-transition); } .accordeon-item .item-main .f-btn span { width: 24px; height: 4px; border-radius: 5px; background: var(--light-gray); transition: var(--main-transition); } .accordeon-item .item-main:hover .f-btn span { background: var(--dark-gray); } .accordeon-item .item-main .f-btn span:nth-child(2) { position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); } .accordeon-item.opened .item-main .f-btn span:nth-child(2) { opacity: 0; transform: translateY(-50%) rotate(90deg) scaleX(0); } .accordeon-item .f-answer { color: var(--dark-gray); font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; padding: 0 40px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; } .accordeon-item.opened .f-answer { color: var(--dark-gray); font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; padding: 0 40px 40px 40px; max-height: 1000px; } @media (max-width: 990px) { .accordeon-item { border-radius: var(--button-lg-radius); } .accordeon-item .item-main, .accordeon-item.opened .item-main { padding: 20px; } .accordeon-item .item-main .f-btn { width: 18px; height: 18px; } .accordeon-item .item-main .f-btn span { width: 18px; height: 4px; } .accordeon-item .item-main .f-question { font-size: 18px; line-height: 25px; } .accordeon-item .f-answer { padding: 0 20px; } .accordeon-item.opened .f-answer { padding: 0 20px 20px 20px; } } .form-wr { display: flex; width: 100%; padding: 40px; flex-direction: column; justify-content: space-between; align-items: flex-start; align-self: stretch; border-radius: var(--main-radius); margin: 0 auto; overflow: hidden; position: relative; border: 3px solid var(--main-green); } .contact-form { width: 100%; z-index: 2; } .form-wr::before { content: ""; position: absolute; width: 578px; height: 578px; z-index: 1; position: absolute; left: -407px; bottom: -425px; border-radius: 578px; opacity: 0.5; background: var(--main-green); filter: blur(200px); } .form-wr::after { content: ""; position: absolute; width: 578px; height: 578px; z-index: 1; position: absolute; right: -180px; top: -464px; border-radius: 578px; opacity: 0.5; background: var(--main-green); filter: blur(200px); } .vid-rev-wrap { display: flex; align-items: flex-start; gap: 35px; } .section-title.title-left { width: 100%; max-width: 400px; justify-content: flex-start; align-items: flex-start; } .section-title.title-left .title-text, .section-title.title-left .subtitle-text { text-align: left !important; } .section-title.title-left .ico-large { font-size: 150px; background: linear-gradient(234deg, #71ED47 4.17%, rgba(113, 237, 71, 0.00) 95.52%); ; background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } @media (max-width: 990px) { .vid-rev-wrap { flex-direction: column; gap: 0px; } .section-title.title-left { max-width: 100%; text-align: center; justify-content: center; } .section-title.title-left .title-text, .section-title.title-left .subtitle-text { text-align: center !important; width: 100%; } .section-title.title-left .ico-large { display: none; } } @media (max-width: 767px) { .section-title .title-text, .section-title .subtitle-text, .section-title.title-left .title-text, .section-title.title-left .subtitle-text { text-align: left !important; width: 100%; } .section-title .title-text { font-size: 30px; line-height: 30px; } .section-title .subtitle-text { font-size: 17px; line-height: 22px; } .form-wr { padding: 20px; } } .iti .iti__selected-dial-code { font-size: 16px; } .iti__selected-country-primary { padding: 10px; margin-left: 15px; } .iti--inline-dropdown .iti__country-list { margin: 0; } .iti__country { padding: 8px 15px !important; } .iti--inline-dropdown .iti__dropdown-content { border-radius: var(--button-md-radius); overflow: hidden; } .iti__search-input { position: relative; padding: 10px 10px 10px 45px; font-size: 16px; border-bottom: 1px solid var(--light-gray) !important; border-radius: 0 !important; height: 45px !important; } #iti-0__dropdown-content { box-shadow: 0 .5rem 1.875rem rgba(0, 0, 0, .1); } #iti-0__dropdown-content::before { content: "\eb65"; position: absolute; font-family: 'Icomoon-energy' !important; font-size: 20px; left: 15px; top: 7px; color: rgba(47, 72, 88, 0.40); z-index: 3; } .iti__search-input:focus { outline: none; } .iti__search-input::placeholder { color: rgba(47, 72, 88, 0.40); } .iti--inline-dropdown .iti__country-list { font-size: 16px; } .price-section .price-list { display: flex; align-items: center; gap: 30px; align-self: stretch; } .price-section .price-list .list-item { display: flex; padding: 10px 10px 40px 40px; flex-direction: column; align-items: flex-start; gap: 60px; flex: 1 0 0; align-self: stretch; border-radius: 30px; border: 3px solid var(--hover-green); background-size: 100%; } .price-section .price-list .list-item.item-white { background-color: var(--white); background-image: url(/static-files/img/firm-image-library/26478/back-green-621287.png); background-position: top left; background-repeat: no-repeat; } .price-section .price-list .list-item.item-green { background-color: var(--hover-green); background-image: url(/static-files/img/firm-image-library/26478/back-white-206638.png); background-position: top left; background-repeat: no-repeat; } .price-section .price-list .list-item .it-title { display: flex; justify-content: space-between; align-items: center; align-self: stretch; flex-wrap: wrap; } .price-section .price-list .list-item .it-title .t-text { color: var(--hover-dark); font-size: 40px; font-style: normal; font-weight: 600; line-height: normal; padding: 10px 0; } .price-section .price-list .list-item .it-title .it-price { display: flex; padding: 15px 25px; flex-direction: column; justify-content: center; align-items: flex-start; border-radius: var(--main-radius); background: var(--white); } .price-section .price-list .list-item .it-title .it-price .price-value { color: var(--main-dark); font-size: 30px; font-style: normal; font-weight: 700; line-height: 1; } .price-section .price-list .list-item .it-title .it-price .period { color: var(--darker-green); font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; } .price-section .price-list .list-item .it-body { display: flex; padding: 50px 30px 90px 0px; flex-direction: column; align-items: flex-start; gap: 50px; align-self: stretch; position: relative; height: 100%; } .price-section .price-list .list-item .it-body .it-main { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; align-self: stretch; } .price-section .price-list .list-item .it-body .it-main .it-list { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; align-self: stretch; } .price-section .price-list .list-item .it-body .it-main .it-list .it-item { display: flex; min-height: 30px; padding-left: 35px; align-items: center; align-self: stretch; position: relative; } .price-section .price-list .list-item .it-body .it-main .it-list .it-item .ico { font-size: 30px; position: absolute; color: var(--darker-green); left: 0; top: 0; } .price-section .price-list .list-item .it-body .it-main .it-list.first-list .it-item .ico { font-size: 25px; } .price-section .price-list .list-item .it-body .it-main .it-list .it-item .i-desc { color: var(--main-dark); font-size: 20px; font-style: normal; font-weight: 600; line-height: 25px; /* 125% */ } .price-section .price-list .list-item.item-green .it-body .it-main .it-list .it-item .i-desc { color: var(--hover-dark); } .price-section .price-list .list-item .it-body .it-main .it-list .it-subtitle { display: flex; min-height: 35px; align-items: center; gap: 10px; align-self: stretch; color: var(--darker-green); font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px; } .price-section .price-list .list-item.item-green .ico, .price-section .price-list .list-item.item-green .it-body .it-main .it-list .it-subtitle { color: var(--white) !important; } .price-section .price-list .list-item.item-green .it-title .t-text { color: var(--darker-green); } .price-section .price-list .list-item.item-green .it-title .it-price { background: var(--main-green); } .price-section .price-list .list-item.item-green .it-title .it-price .period { color: var(--white); } .price-section .price-list .list-item .it-body .it-main .it-list .it-subtitle .ico { font-size: 35px; } .price-section .price-list .list-item .it-body .btn { position: absolute; bottom: 0px; left: 0px; width: calc(100% - 30px); } @media (max-width: 1200px) { .price-section .price-list .list-item { gap: 0; } .price-section .price-list { gap: 10px; } } @media (max-width: 990px) { .price-section .price-list .list-item { gap: 20px; padding: 10px 10px 20px 20px; } .price-section .price-list .list-item .it-title { flex-direction: column; padding-right: 10px; } .price-section .price-list .list-item .it-title .t-text { padding: 10px 0; } .price-section .price-list .list-item .it-title .it-price .price-value, .price-section .price-list .list-item .it-title .it-price .period { text-align: center; width: 100%; } .price-section .price-list .list-item .it-title .t-text { font-size: 30px; } .price-section .price-list .list-item .it-body { padding: 0px 10px 90px 0px; } .price-section .price-list .list-item .it-body .btn { width: calc(100% - 10px); } .price-section .price-list .list-item .it-body .it-main { gap: 25px; } .price-section .price-list .list-item .it-body .it-main .it-list .it-item .i-desc { font-size: 16px; line-height: 20px; } .price-section .price-list .list-item .it-body .it-main .it-list { gap: 10px; } .price-section .price-list .list-item .it-body .it-main .it-list .it-subtitle { font-size: 25px; line-height: 25px; gap: 5px; } .price-section .price-list .list-item .it-body .it-main .it-list .it-subtitle .ico { font-size: 25px; } .price-section .price-list .list-item .it-body .it-main .it-list .it-item { padding-left: 30px; } .price-section .price-list .list-item .it-body .it-main .it-list.first-list .it-item .ico { font-size: 20px; } .price-section .price-list .list-item .it-body .it-main .it-list .it-item .ico { font-size: 25px; } .price-section .price-list { overflow-x: auto; margin: 0 -20px; padding: 0 20px; } .price-section .price-list .list-item { min-width: 350px; border-radius: var(--main-radius); } } @media (max-width: 767px) { .price-section .price-list .list-item { min-width: 280px; } } .advantages-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; gap: 15px; align-self: stretch; } .advantages-list .adva-item { display: flex !important; padding: 40px; flex-direction: column; align-items: flex-start; gap: 30px; flex: 1 0 0; align-self: stretch; background: var(--white); border-radius: var(--main-radius); border: 2px solid var(--main-green); position: relative; overflow: hidden; } .advantages-list .adva-item::after { content: ""; position: absolute; width: 188px; height: 188px; right: -87.75px; top: -53px; background: var(--main-green); opacity: 0.4; filter: blur(100px); z-index: 1; } .advantages-list .adva-item .adva-icon { display: flex; min-width: 60px; height: 60px; justify-content: center; align-items: center; background-image: url(/static-files/img/firm-image-library/26478/splash-194245.png); background-size: contain; background-repeat: no-repeat; } .advantages-list .adva-item .adva-icon .ico { font-size: 23px; color: var(--main-dark); } .advantages-list .adva-item .adva-text { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; } .advantages-list .adva-item .adva-text .adva-title { color: var(--main-dark); font-size: 23px; font-style: normal; font-weight: 600; line-height: 23px; } .advantages-list .adva-item .adva-text .adva-description { color: var(--main-dark); font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; opacity: 0.6; } @media (max-width: 1200px) { .advantages-list { grid-template-columns: repeat(2, 1fr); grid-template-rows: 2fr; } } .founder-block { display: flex; padding: 40px 0px; align-items: center; gap: 50px; align-self: stretch; } .founder-block .f-image { display: flex; max-width: 450px; width: fit-content; } .founder-block .f-image img { width: 100%; } .founder-block .f-info { display: flex; flex-direction: column; align-items: flex-start; gap: 40px; flex: 1 0 0; } .founder-block .f-info .fi-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 30px; align-self: stretch; } .founder-block .f-info .fi-text .fi-title { color: var(--main-dark); font-size: 35px; font-style: normal; font-weight: 800; line-height: 40px; } .founder-block .f-info .fi-text .fi-title strong { color: var(--darker-green); font-weight: 800; } .founder-block .f-info .fi-text .fi-description { color: var(--dark-gray); font-size: 22px; font-style: normal; font-weight: 500; line-height: 30px; } .about-block { display: flex; align-items: flex-start; align-self: stretch; padding-top: 50px; } .about-block .a-left { display: flex; max-width: 500px; width: fit-content; position: relative; padding-top: 50px; } .about-block .a-left .back-blur { position: absolute; width: 150%; aspect-ratio: 1/1; flex-shrink: 0; top: 0; left: 50%; transform: translateX(-50%); opacity: 0.8; background: var(--white, #FFF); filter: blur(100px); border-radius: 100%; z-index: 1; } .about-block .a-left img { width: 100%; z-index: 2; } .about-block .a-right { display: flex; flex-direction: column; align-items: flex-start; gap: 240px; flex: 1 0 0; align-self: stretch; z-index: 2; padding-bottom: 30px; } .about-block .a-right .a-list { display: flex; flex-direction: column; align-items: flex-start; gap: 15px; align-self: stretch; } .about-block .a-right .a-list .a-item { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; position: relative; } .about-block .a-right .a-list .a-item .a-info { display: flex; padding: 20px 0px; align-items: center; gap: 15px; align-self: stretch; position: relative; } .about-block .a-right .a-list .a-item .a-info::after { content: ""; position: absolute; width: 100%; height: 4px; bottom: 0; left: 0; background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); } .about-block .a-right .a-list.r-bottom .a-item .a-info::after { top: 0; left: 0; } .about-block .a-right .a-list .a-item .a-info .ico { display: flex; justify-content: center; align-items: center; border-radius: 15px; background: var(--main-green); font-size: 22px; color: var(--hover-dark); min-width: 46px; height: 46px; } .about-block .a-right .a-list .a-item .a-info .a-title { color: var(--main-dark); font-size: 20px; font-style: normal; font-weight: 500; line-height: 25px; } .about-block .a-right .a-list .a-item .pointer { width: 260px; display: flex; align-items: center; flex-direction: row-reverse; position: absolute; left: -267px; transform: rotate(-20deg); transform-origin: top right; bottom: -22px; } .about-block .a-right .a-list.r-bottom .a-item .pointer { transform: rotate(20deg); transform-origin: bottom right; top: -22px; bottom: auto; } .about-block .a-right .a-list .a-item .pointer .p-line { width: 100%; height: 4px; background: var(--white); } .about-block .a-right .a-list .a-item .pointer .p-circle { width: 45px; height: 45px; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 40px; background: rgba(255, 255, 255, 0.5); position: relative; margin-right: -20px; } .about-block .a-right .a-list .a-item .pointer .p-circle::before { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 20px; background: var(--white); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } @media (max-width: 990px) { .founder-block { flex-direction: column; align-items: center; padding: 0; } .founder-block .f-image { justify-content: center; } .founder-block .f-image img { max-width: 80%; } } @media (max-width: 767px) { .advantages-list { grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); } .about-block { align-items: center; } .about-block .a-left { margin-left: -30%; } .about-block .a-right { gap: 180px; } .founder-block .f-info .fi-text .fi-description { font-size: 18px; line-height: 25px; } .about-block .a-right .a-list .a-item .a-info .a-title { font-size: 18px; line-height: 22px; } .about-block .a-right .a-list .a-item .pointer { width: 180px; left: -187px; } .advantages-list .adva-item { padding: 20px; gap: 15px; } } @media (max-width: 576px) { .gray-wrapper { padding-left: 20px; padding-right: 20px; } .gray-wrapper.pad-top-80 { padding-top: 40px; } .about-block { flex-direction: column; padding-top: 0; } .about-block .a-left { margin-left: 0; padding: 0; max-width: 60%; } .about-block .a-right { gap: 0; } .about-block .a-right .a-list { gap: 0; } .about-block .a-right .a-list .a-item .pointer { display: none; } .about-block .a-right .a-list .a-item .a-info { padding: 8px 0px; } .about-block .a-right .a-list .a-item .a-info::after { display: none; } .about-block .a-left .back-blur { top: -20%; filter: blur(50px); } }