:root { --theme-content-width: 1520px; --theme-font-family: "Inter", sans-serif; --theme-main-color: #232323; --theme-main-color-filter: invert(0%) sepia(100%) saturate(7437%) hue-rotate(4deg) brightness(122%) contrast(104%); --theme-main-color-alt: #9AAA93; --theme-addit-color: #A39776; --theme-addit-color-filter: invert(33%) sepia(3%) saturate(3847%) hue-rotate(201deg) brightness(97%) contrast(76%); --theme-color-custom: #798574; --theme-filter-white: invert(100%) sepia(0%) saturate(0%) hue-rotate(279deg) brightness(112%) contrast(101%); --theme-filter-black: invert(0%) sepia(59%) saturate(5557%) hue-rotate(108deg) brightness(93%) contrast(107%); } /* Kolor główny: #9AAA93 Kolor akcentowy: #A39776 Kolor neutralny: #26282B Kolor tekstu: #232323 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both} .alignright {text-align: right; margin: 0; display: block; float: right;} .alignleft {text-align: left; margin: 0; display: block; float: left;} .aligncenter {text-align: center; margin: 0 auto; display: block; float: none;} .screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} html {font-size: 100%; scroll-behavior: smooth; scroll-padding-top: 70px;} body {background: white; margin: 0; padding: 0; font-family: var(--theme-font-family); font-optical-sizing: auto; font-weight: 400; font-style: normal; overflow-x: hidden;} header, .menu, .breadcrumbs, .page-container, footer {opacity: 0; transition: all .2s ease;} .ready-loaded {opacity: 1;} a {text-decoration: none; outline: none; color: var(--theme-main-color);} a:hover {color: var(--theme-addit-color)} a:focus {outline: none;} p {color: var(--theme-main-color); font-size: 17px; line-height: 30px; font-weight: 400; margin-bottom: 20px;} p.large {font-size: 24px; line-height: 30px; font-weight: 400; margin-bottom: 20px;} strong, b {font-weight: 700;} ul, ol {margin: 0; padding: 0; list-style: none;} ul li, ol li {color: var(--theme-main-color); font-size: 17px; line-height: 30px; font-weight: 400;} ul li {} ul ul, ol ul, ul ol, ol ol {} blockquote {} h1, h2, h3, h4, h5, h6 {font-family: var(--theme-font-family); font-weight: 700; color: var(--theme-main-color);} h1, h2, h3 {font-size: 45px; line-height: 50px;} h4 {font-size: 35px;} h5 {font-size: 25px;} h6 {font-size: 20px;} table {} table td, table th {} code {} em {font-style: italic;} img {max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover;} img.alignright {float: right; margin-left: 30px;} img.alignleft {float: left; margin-right: 30px;} img.aligncenter {float: none; margin: 0 auto; display: block;} input:focus, textarea:focus, button:focus {outline: none;} ::-webkit-input-placeholder {color: var(--theme-main-color); font-weight: 400; font-size: 14px;} ::-moz-placeholder {color: var(--theme-main-color); font-weight: 400; font-size: 14px;} :-ms-input-placeholder {color: var(--theme-main-color); font-weight: 400; font-size: 14px;} :-moz-placeholder {color: var(--theme-main-color); font-weight: 400; font-size: 14px;} input, textarea {font-size: 14px; font-weight: 400; color: #363636;} input, textarea, button {font-family: var(--theme-font-family);} .btn {background: white; color: black; font-size: 15px; line-height: 17px; font-weight: 700; display: inline-block; padding: 15px 25px; border: 0; cursor: pointer; border-radius: 5px;} .btn:hover {background: var(--theme-addit-color); color: white;} a, button, .btn, input, textarea, img, svg, svg g, svg path, .swiper-button, label, ::before, ::after { transition: all .2s ease;} /* page wrapper */ html {} #wpadminbar {} .page-wrapper {width: 100%; max-width: 100%; padding: 0; margin: 0;} .inner-wrapper {width: 100%; max-width: var(--theme-content-width); padding: 0; margin: 0 auto;} @media all and (max-width: 1580px) { .inner-wrapper {padding: 0 30px; width: auto;} } @media all and (max-width: 767px) { .inner-wrapper {padding: 0 20px;} } .flex-row {display: flex; flex-wrap: wrap;}.flex-row .flex-col10 {width: 10%;}.flex-row .flex-col15 {width: 15%;}.flex-row .flex-col20 {width: 20%;}.flex-row .flex-col25 {width: 25%;}.flex-row .flex-col30 {width: 30%;}.flex-row .flex-col33 {width: 33.3%;}.flex-row .flex-col35 {width: 35%;}.flex-row .flex-col40 {width: 40%;}.flex-row .flex-col45 {width: 45%;}.flex-row .flex-col48 {width: 48%;}.flex-row .flex-col49 {width: 49%;}.flex-row .flex-col50 {width: 50%;}.flex-row .flex-col55 {width: 55%;}.flex-row .flex-col60 {width: 60%;}.flex-row .flex-col65 {width: 65%;}.flex-row .flex-col70 {width: 70%;}.flex-row .flex-col75 {width: 75%;}.flex-row .flex-col80 {width: 80%;}.flex-row .flex-col85 {width: 85%;}.flex-row .flex-col90 {width: 90%;}.flex-row .flex-col95 {width: 95%;}.flex-row .flex-col100 {width: 100%;} .transition-all { transition: all .2s ease-in-out;} /* HEADER START */ .main-header-outer {position: absolute; top: 0; left: 0; right: 0; padding: 35px 0; z-index: 997} .main-header {margin: 0; padding: 10px 0; transition: all .2s ease; z-index: 998;} .main-header .main-header-inner {display: flex; justify-content: space-between; flex-wrap: wrap; height: auto; width: 100%; position: relative; z-index: 999;} .main-header .main-header-inner .mhi-left, .main-header .main-header-inner .mhi-right {display: flex; align-items: center;} .main-header .main-header-inner .mhi-left #rwd-nav.menu {margin-left: 86px;} .main-header .main-header-inner .logo-link {} .main-header .main-header-inner .logo-link img.logo {} .main-header .main-header-inner .mhi-right #rwd-nav.menu {margin-left: 20px;} .main-header .main-header-inner .mhi-right a {padding: 15px 20px;} .main-header .main-header-inner .mhi-right a:last-of-type {margin-left: 20px;} .main-header.stuck {position: fixed; top: 0; left: 0; right: 0; background: var(--theme-color-custom);} @media all and (max-width: 1580px) { .main-header .main-header-inner {width: auto;} } @media all and (max-width: 767px) { p {font-size: 16px; line-height: 25px;} .btn {padding: 15px 24px;} .main-header .main-header-inner .logo-link img.logo {max-width: 140px;} } @media all and (max-width: 500px) { .main-header .main-header-inner .mhi-right #rwd-nav.menu {margin-right: 0;} } /* HEADER END */ /* MAIN MENU START */ #rwd-nav, #rwd-nav ul, #rwd-nav ul li, #rwd-nav ul li a, #rwd-nav #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box;} #rwd-nav #menu-button {display: none;} #rwd-nav {background: transparent; display: flex; align-items: center;} #rwd-nav > ul > li {float: left; display: flex; align-items: center;} #rwd-nav > ul > li > a {padding: 10px 20px; color: white; font-size: 15px; line-height: 20px; text-decoration: none; font-weight: 700;} #rwd-nav > ul > li.current-menu-parent > a, #rwd-nav > ul > li.current-menu-item > a, #rwd-nav > ul > li:hover > a {color: white;} #rwd-nav > ul > li.current-menu-item > a {color: white;} #rwd-nav > ul > li:hover > a {text-decoration: underline;} #rwd-nav > ul > li.has-sub > a {padding-right: 25px; display: flex;} #rwd-nav ul ul {position: absolute; left: -9999px; z-index: 9;} #rwd-nav ul ul li {height: 0; transition: all .25s ease;} #rwd-nav li:hover > ul {left: auto; top: 40px;} #rwd-nav li:hover > ul > li {height: auto;} #rwd-nav ul ul ul {margin-left: 100%; top: 0;} #rwd-nav ul ul li a {border-bottom: 0; padding: 4px 20px; width: 290px; font-size: 15px; line-height: 20px; text-decoration: none; color: white; font-weight: 400;} #rwd-nav ul ul li.current-menu-item > a, #rwd-nav ul ul li:hover > a, #rwd-nav ul ul li a:hover {color: white; text-decoration: underline;} #rwd-nav ul li.has-sub > a:after {position: absolute; top: 20px; right: 11px; width: 8px; height: 2px; display: block; background: var(--theme-main-color); content: '';} #rwd-nav ul li.has-sub > a:before {position: absolute; top: 17px; right: 14px; display: block; width: 2px; height: 8px; background: var(--theme-main-color); content: ''; transition: all .25s ease;} #rwd-nav ul > li.has-sub:hover > a:before {top: 20px; height: 0; } /* MOBILE MENU FULL SCREEN VIEW START */ /* mobile menu button */ #rwd-nav.menu-toggle #menu-button {display: block; padding: 0; width: 25px; height: 25px; color: var(--theme-main-color); cursor: pointer; font-size: 12px; font-weight: 700;} #rwd-nav.menu-toggle #menu-button .menu-button-text {display: none;} #rwd-nav.menu-toggle #menu-button:before, #rwd-nav.menu-toggle #menu-button:after { transition: all .25s ease;position: absolute; display: block;} #rwd-nav.menu-toggle #menu-button:before {top: 2px; right: 0; height: 3px; width: 25px; background: white; content: '';} #rwd-nav.menu-toggle #menu-button:after {top: 11px; right: 0; height: 6px; width: 25px; border-top: 3px solid white; border-bottom: 3px solid white; content: '';} #rwd-nav.menu-toggle #menu-button.menu-opened:before {top: 11px; background: white; width: 25px; transform: rotate(-45deg);} #rwd-nav.menu-toggle #menu-button.menu-opened:after {top: 11px; border: 0; height: 3px; width: 25px; background: white; transform: rotate(45deg);} /* btn force close */ #rwd-nav.menu-toggle .close-menu-force {display: flex; justify-content: center; align-items: center; padding: 0; width: 40px; height: 40px; cursor: pointer; position: relative; bottom: 0; z-index: 9; background: url('../svg/icon-close-menu.svg') no-repeat center; -webkit-filter: var(--theme-filter-white); filter: var(--theme-filter-white);} /* menu toggle - before menu links */ #rwd-nav.menu-toggle ul.menu {background: rgba(121,133,116,0.98); position: fixed; left: 0 !important; right: 0 !important; top: -100% !important; bottom: 0 !important; width: 100% !important; height: 100% !important; transition: all .2s ease; display: flex !important;} #rwd-nav.menu-toggle ul.menu li {border: 0; margin: 0; padding: 0; width: 100%; clear: both; height: auto;} #rwd-nav.menu-toggle ul.menu li a {color: white; font-size: 26px; line-height: 50px; font-weight: 500; text-transform: none; padding: 0; text-align: left; margin: 0 0 0 30px; padding: 0; max-width: 500px; width: 100%; clear: both;} #rwd-nav.menu-toggle ul.menu li a:hover {color: var(--theme-addit-color);} #rwd-nav.menu-toggle ul.menu li ul.sub-menu {opacity: 1!important; background: transparent; display: block !important; margin: 0 0 15px; position: relative; left: 0;} #rwd-nav.menu-toggle ul.menu li ul.sub-menu li {width: 100%; clear: both;} #rwd-nav.menu-toggle ul.menu li ul.sub-menu li a {font-size: 25px; line-height: 36px; font-weight: 400; padding: 0; text-align: left; border: 0; background: transparent; text-indent: 20px;} #rwd-nav.menu-toggle ul.menu li ul.sub-menu li a:hover {color: var(--theme-addit-color);} /* menu toggle - before menu links */ #rwd-nav.menu-toggle > ul > li.before-menu-links {padding: 50px 30px 0; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; position: absolute; top: 0; left: 0; right: 0;} #rwd-nav.menu-toggle > ul > li.before-menu-links .logo-link {padding: 0; display: block; max-width: 140px; margin: 0; width: 140px; height: auto;} #rwd-nav.menu-toggle > ul > li.before-menu-links .logo-link img.logo {width: 140px;} /* menu toggle - after menu links */ #rwd-nav.menu-toggle > ul > li.after-menu-links {padding: 0; border: 0; position: absolute; left: 30px; bottom: 40px; width: auto;} #rwd-nav.menu-toggle > ul > li.after-menu-links .widget-contact {display: block; position: relative; left: 0; top: 0;} #rwd-nav.menu-toggle > ul > li.after-menu-links .widget-contact a {display: flex; justify-content: flex-start; padding: 0; background: transparent; border: 0; font-size: 16px; line-height: 20px; padding-left: 30px; margin: 0;} #rwd-nav.menu-toggle > ul > li.after-menu-links .widget-contact a.widget-phone {background: url('../svg/avant-ico-phone-call-min.svg') no-repeat center left; background-size: 20px 20px;} #rwd-nav.menu-toggle > ul > li.after-menu-links .widget-contact a.widget-email {background: url('../svg/avant-ico-email-min.svg') no-repeat center left; background-size: 20px 18px;} /* menu toggle - opened class */ #rwd-nav.menu-toggle ul.menu.open {opacity: 1!important; position: fixed; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; display: flex; align-content: center; flex-wrap: wrap;} #rwd-nav.menu-toggle ul.menu.open li {} /* #rwd-nav.menu-toggle ul.menu li.before-menu-links .close-menu-force {background: url('../svg/menu-close.svg') no-repeat center; display: block; padding: 0; cursor: pointer; width: 40px; height: 40px; transition: all .2s ease;} */ #rwd-nav.menu-toggle .submenu-button {display: none;} #rwd-nav.menu-toggle li:hover > ul > li {background: transparent;} #rwd-nav.menu-toggle ul ul li:hover > a, #rwd-nav.menu-toggle ul ul li.active > a {color: white;} #rwd-nav.menu-toggle > ul > li.menu-item-btn-demo, #rwd-nav.menu-toggle > ul > li.menu-item-btn-buy {width: auto; text-decoration: none;} #rwd-nav.menu-toggle > ul > li.menu-item-btn-demo {margin-top: 15px; margin-bottom: 15px;} #rwd-nav.menu-toggle > ul > li.menu-item-btn-demo a, #rwd-nav.menu-toggle > ul > li.menu-item-btn-buy a {color: black; font-size: 20px; padding: 0 20px; text-decoration: none;} #rwd-nav.menu-toggle > ul > li.menu-item-btn-demo:hover, #rwd-nav.menu-toggle > ul > li.menu-item-btn-buy:hover {text-decoration: none;} #rwd-nav.menu-toggle > ul > li.menu-item-btn-demo a:hover, #rwd-nav.menu-toggle > ul > li.menu-item-btn-buy a:hover {color: white; text-decoration: none;} @media all and (max-width: 450px) { #rwd-nav.menu-toggle ul.menu li a {font-size: 22px; line-height: 40px; margin: 0 0 0 20px;} #rwd-nav.menu-toggle > ul > li.before-menu-links {padding: 30px 10px 0 20px;} #rwd-nav.menu-toggle > ul > li.after-menu-links {position: relative; left: 20px; bottom: -30px;} } /* MOBILE MENU FULL SCREEN VIEW END */ /* breadcrumbs .breadcrumbs {list-style:none; text-align: left; width: 100%; max-width: 1200px; margin: 0;} .breadcrumbs li {display:inline-block; vertical-align:middle; margin-right: 10px; line-height: 30px; color: var(--theme-main-color); text-transform: none; font-size: 20px; font-weight: 700;} .breadcrumbs li a, .breadcrumbs li span.current {color: var(--theme-main-color); text-transform: none; font-size: 20px; font-weight: 400;} .breadcrumbs .separator {} */ /* HOME PAGE START */ .banner-home {display: flex; justify-content: center; align-items: center; position: relative; z-index: 0; background: #A39776; background: linear-gradient(180deg, #798574 0%, #798574 60%, #9AAA93 100%); height: 100vh;} .banner-home {position: relative; z-index: 1;} .banner-home .banner-inner {position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center;} .banner-home .banner-inner .bi-col {width: 50%;} .banner-home .banner-inner .bi-col.bi-text {width: 39%;} .banner-home .banner-inner .bi-col.bi-text h1 {margin: 0 0 76px; color: white; font-size: 55px; line-height: 64px; text-align: left; max-width: 460px;} .banner-home .banner-inner .bi-col.bi-text p {} .banner-home .banner-inner .bi-col.bi-text a.btn {text-transform: uppercase;} .banner-home .banner-inner .bi-col.bi-img {width: 61%;} .banner-home .banner-inner .bi-col.bi-img img {} .scroll-down {position: absolute; bottom: 25px; z-index: 3;} .scroll-down img {-webkit-filter: var(--theme-filter-white);filter: var(--theme-filter-white); width: 30px; height: 17px;} @media all and (max-width: 1580px) { .banner-home .banner-inner {padding: 0 30px; width: auto; left: 0; right: 0;} } @media all and (max-width: 1366px) { .banner-home .banner-inner .bi-col.bi-text h1 {font-size: 45px; line-height: 50px; margin: 0 0 46px;} } @media all and (max-width: 1080px) { .banner-home {min-height: 980px;} .banner-home>img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; min-height: 980px;} .banner-home .banner-inner {flex-wrap: wrap;} .banner-home .banner-inner .bi-col.bi-text, .banner-home .banner-inner .bi-col.bi-img {width: 100%; max-width: 800px; margin: 0 auto; text-align: center;} .banner-home .banner-inner .bi-col.bi-text {margin-bottom: 30px;} .banner-home .banner-inner .bi-col.bi-text h1 {max-width: 100%; font-size: 35px; line-height: 40px; margin: 0 0 34px; text-align: center;} .banner-home .banner-inner .bi-col.bi-img img {} } @media all and (max-width: 840px) { .banner-home, .banner-home>img {min-height: 820px;} } @media all and (max-width: 767px) { } @media all and (max-width: 650px) { .banner-home, .banner-home>img {min-height: 760px;} .banner-home .banner-inner .bi-col.bi-text h1 {font-size: 25px; line-height: 30px;} } .cols-text-img {display: flex; justify-content: center; align-items: center; padding: 100px 0 170px;} .cols-text-img .cols-text-img-inner {display: flex; align-items: center; justify-content: space-between;} .cols-text-img .cols-text-img-inner .cti-col {width: 49%;} .cols-text-img .cols-text-img-inner .cti-col.cti-text {} .cols-text-img .cols-text-img-inner .cti-col.cti-text h2, .cols-text-img .cols-text-img-inner .cti-col.cti-text h3 {color: var(--theme-main-color); font-size: 24px; line-height: 30px; margin-bottom: 18px;} .cols-text-img .cols-text-img-inner .cti-col.cti-text p {margin-bottom: 40px;} .cols-text-img .cols-text-img-inner .cti-col.cti-text .btn {background: var(--theme-color-custom); color: white; padding: 15px 45px;} .cols-text-img .cols-text-img-inner .cti-col.cti-text .btn:hover {background: var(--theme-addit-color);} .cols-text-img .cols-text-img-inner .cti-col.cti-img {text-align: right;} .cols-text-img .cols-text-img-inner .cti-col.cti-img img {} @media all and (max-width: 1200px) { .cols-text-img {padding: 70px 0 80px;} .cols-text-img .cols-text-img-inner {flex-wrap: wrap;} .cols-text-img .cols-text-img-inner .cti-col {width: 100%;} .cols-text-img .cols-text-img-inner .cti-col.cti-img {text-align: left;} } .columns-repeat {display: flex; justify-content: center; padding: 90px 0 0; background: #A39776; background: linear-gradient(180deg, #798574 0%, #798574 60%, #9AAA93 100%);} .columns-repeat .inner-wrapper {} .columns-repeat h2 {margin: 0 0 60px; color: white; text-align: center;} .columns-repeat .cr-row {display: flex; flex-wrap: wrap; justify-content: flex-start;} .columns-repeat .cr-row .cr-col {margin: 0 0 50px; width: 50%; display: flex; align-items: center; justify-content: center;} .columns-repeat .cr-row .cr-col .cr-col-inner {text-align: center;} .columns-repeat .cr-row .cr-col h3 {color: white; font-size: 35px; line-height: 40px; margin-bottom: 30px;} .columns-repeat .cr-row .cr-col p {color: white;} .columns-repeat .cr-row .cr-col p strong {} .columns-repeat .cr-row .cr-col p a {color: white; font-weight: 600;} .columns-repeat .cr-row .cr-col p a:hover {text-decoration: underline;} .columns-repeat .cr-row .cr-col img {} .columns-repeat .cr-row .cr-col.cr-col-left .cr-col-inner {margin-right: 15px;} .columns-repeat .cr-row .cr-col.cr-col-right .cr-col-inner {margin-left: 15px;} .columns-repeat .btns-in-row {text-align: center; justify-content: center; margin-bottom: 70px;} @media all and (max-width: 1366px) { .columns-repeat {padding: 70px 0 80px;} .columns-repeat h2 {margin: 0 0 70px;} .columns-repeat .cr-row .cr-col {margin: 0 0 100px;} } @media all and (max-width: 1200px) { } @media all and (max-width: 1080px) { .columns-repeat .cr-row .cr-col {margin: 0 0 60px; width: 100%;} .columns-repeat .cr-row .cr-col:nth-of-type(1) {order: 1;} .columns-repeat .cr-row .cr-col:nth-of-type(2) {order: 2;} .columns-repeat .cr-row .cr-col:nth-of-type(3) {order: 4;} .columns-repeat .cr-row .cr-col:nth-of-type(4) {order: 3;} .columns-repeat .cr-row .cr-col:nth-of-type(5) {order: 5;} .columns-repeat .cr-row .cr-col:nth-of-type(6) {order: 6;} .columns-repeat .cr-row .cr-col:nth-of-type(7) {order: 8;} .columns-repeat .cr-row .cr-col:nth-of-type(8) {order: 7;} } .columns-boxes {display: flex; justify-content: center; align-items: center; padding: 120px 0 60px;} .columns-boxes .inner-wrapper {} .columns-boxes .cb-row {display: flex; flex-wrap: wrap; justify-content: flex-start;} .columns-boxes .cb-row .cb-col {margin: 0 0 70px; width: 50%;} .columns-boxes .cb-row .cb-col .cb-col-inner {} .columns-boxes .cb-row .cb-col h2 {color: black; font-size: 45px; line-height: 50px; margin-bottom: 50px;} .columns-boxes .cb-row .cb-col p {} .columns-boxes .cb-row .cb-col p strong {} .columns-boxes .cb-row .cb-col img {} .columns-boxes .cb-row .cb-col .btn {background: var(--theme-color-custom); color: white;} .columns-boxes .cb-row .cb-col .btn:hover {background: var(--theme-addit-color); color: white;} .columns-boxes .cb-row .cb-col.cb-col-left .cb-col-inner {margin-right: 10%;} .columns-boxes .cb-row .cb-col.cb-col-right .cb-col-inner {margin-left: 10%;} @media all and (max-width: 1366px) { .columns-boxes {padding: 70px 0 60px;} .columns-boxes .cb-row .cb-col {margin: 0 0 40px;} .columns-boxes .cb-row .cb-col h2 {margin-bottom: 30px;} } @media all and (max-width: 1080px) { .columns-boxes .cb-row .cb-col {width: 100%;} .columns-boxes .cb-row .cb-col.cb-col-left .cb-col-inner {margin-right: 0;} .columns-boxes .cb-row .cb-col.cb-col-right .cb-col-inner {margin-left: 0;} } .content-bg-block {background: var(--theme-color-custom) url('../img/bg-kod-js.png') no-repeat center top; padding: 8% 0; display: flex; justify-content: center; align-items: center;} .content-bg-block .inner-wrapper {max-width: 1028px; text-align: center;} .content-bg-block h2 {color: white; font-size: 55px; line-height: 60px; margin-bottom: 30px;} .content-bg-block p {color: white; margin-bottom: 52px;} .content-bg-block p a.link {color: white; text-decoration: underline;} .content-bg-block .btn {} .columns-boxes-list {display: flex; justify-content: center; align-items: center; padding: 90px 0 30px;} .columns-boxes-list .inner-wrapper {} .columns-boxes-list h2 {color: black; font-size: 45px; line-height: 50px; margin-bottom: 60px; text-align: center;} .columns-boxes-list .cbl-row {display: flex; flex-wrap: wrap; justify-content: flex-start;} .columns-boxes-list .cbl-row .cbl-col {margin: 0 0 75px; width: 50%;} .columns-boxes-list .cbl-row .cbl-col.cbl-col100 {margin: 0 auto 75px; width: 100%; max-width: 800px;} .columns-boxes-list .cbl-row .cbl-col .cbl-count {color: black; font-size: 45px; line-height: 50px; font-weight: 700; display: inline-block; margin-right: 12px;} .columns-boxes-list .cbl-row .cbl-col .cbl-col-inner {display: flex; justify-content: center; text-align: center;} .columns-boxes-list .cbl-row .cbl-col p {} .columns-boxes-list .cbl-row .cbl-col p a {text-decoration: underline; color: #A39776;} .columns-boxes-list .cbl-row .cbl-col p strong {} .columns-boxes-list .cbl-row .cbl-col img {} .columns-boxes-list .cbl-row .cbl-col .btn {background: var(--theme-color-custom); color: white; text-decoration: none;} .columns-boxes-list .cbl-row .cbl-col .btn:hover {background: var(--theme-addit-color); color: white; text-decoration: none;} /* .columns-boxes-list .cbl-row .cbl-col:nth-of-type(1n+1) .cbl-col-inner {margin-right: 8%; margin-left: 0;} .columns-boxes-list .cbl-row .cbl-col:nth-of-type(2n+2) .cbl-col-inner {margin-left: 8%; margin-right: 0;} */ @media all and (max-width: 1366px) { .columns-boxes-list {padding: 70px 0 30px;} .columns-boxes-list h2 {margin-bottom: 40px;} } @media all and (max-width: 1080px) { .columns-boxes-list .cbl-row .cbl-col {margin: 0 0 45px; width: 100%;} .columns-boxes-list .cbl-row .cbl-col:nth-of-type(1n+1) .cbl-col-inner {margin-right: 0;} .columns-boxes-list .cbl-row .cbl-col:nth-of-type(2n+2) .cbl-col-inner {margin-left: 0;} } .content-newsletter-block {background: #5b6458; background: linear-gradient(180deg, #798574 0%, #5b6458 60%, #798574 100%); padding: 8% 0; display: flex; justify-content: center; align-items: center;} .content-newsletter-block .inner-wrapper {max-width: 1028px; text-align: center;} .content-newsletter-block h2 {color: white; font-size: 45px; line-height: 50px; margin-bottom: 30px;} .content-newsletter-block p {color: white; margin-bottom: 52px; line-height: 25px;} .content-newsletter-block p .wpcf7-form-control-wrap .wpcf7-not-valid-tip {position: absolute; font-size: 13px; bottom: 0; right: 10px;} .content-newsletter-block .wpcf7 p {position: relative;} .content-newsletter-block .wpcf7 p a {color: white; text-decoration: underline;} .content-newsletter-block .wpcf7 p:nth-of-type(1) {margin-bottom: 18px; display: flex; justify-content: center;} .content-newsletter-block .wpcf7 p:nth-of-type(2) {margin-bottom: 18px; font-size: 12px;} .content-newsletter-block .wpcf7 input[type="email"] {border: 1px solid white; padding: 19px 28px; background: transparent; color: white; font-size: 16px; border-radius: 5px;} .content-newsletter-block .wpcf7 input[type="email"]::-webkit-input-placeholder {color: white;} .content-newsletter-block .wpcf7 input[type="email"]::-moz-placeholder {color: white;} .content-newsletter-block .wpcf7 input[type="email"]:-ms-input-placeholder {color: white;} .content-newsletter-block .wpcf7 input[type="email"]::-ms-input-placeholder {color: white;} .content-newsletter-block .wpcf7 input[type="email"]::placeholder {color: white;} .content-newsletter-block .wpcf7 .wpcf7-response-output {max-width: 525px; margin: 0 auto; border-width: 1px; padding: 16px; color: white; font-size: 14px; line-height: 20px; font-weight: 400;} .content-newsletter-block .wpcf7 .btn {padding: 0 40px; text-transform: uppercase; height: 60px;} .content-newsletter-block .wpcf7 .wpcf7-spinner {margin: 0; position: absolute;} @media all and (max-width: 620px) { .content-newsletter-block .wpcf7 p:nth-of-type(1) {flex-wrap: wrap;} .content-newsletter-block .wpcf7 p:nth-of-type(1) .wpcf7-form-control-wrap {width: 100%;} .content-newsletter-block .wpcf7 input[type="email"] {width: 100%; padding: 19px 0; text-align: center;} .content-newsletter-block .wpcf7 .btn {width: 100%;} } .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {padding: 0;} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent, .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {border: 1px solid white; padding: 19px 28px; background: transparent !important; color: white !important; font-size: 16px; border-radius: 5px;} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder {color: white;} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder {color: white;} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder {color: white;} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-ms-input-placeholder {color: white;} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder {color: white;} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {padding: 0 40px; text-transform: uppercase; height: 40px; background: white; color: black; font-size: 15px; line-height: 17px; font-weight: 700; display: inline-block; padding: 15px 25px; border: 0; cursor: pointer; border-radius: 5px;} .ml-embedded #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {background: var(--theme-addit-color); color: white;} #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent, #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent, #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4, #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, #mlb2-32818710.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {text-align: center !important; color: white !important;} .content-newsletter-block p.small-p {font-size: 13px; margin: 0;} .content-newsletter-block p.small-p a {color: white; text-decoration: underline;} .content-contact-block {padding: 80px 0 40px;} .content-contact-block .inner-wrapper {max-width: 1028px; text-align: center;} .content-contact-block h2 {color: black; font-size: 45px; line-height: 50px; margin-bottom: 30px; text-align: center;} .content-contact-block p {color: black; margin-bottom: 60px; line-height: 25px;} .content-contact-block .wpcf7 p {position: relative;} .content-contact-block .wpcf7 p .wpcf7-form-control-wrap {display: inline-block; width: 100%; margin-bottom: 10px;} .content-contact-block .wpcf7 p .wpcf7-form-control-wrap .wpcf7-not-valid-tip {position: absolute; font-size: 13px; bottom: 0; right: 10px;} .content-contact-block .wpcf7 p a {color: black; text-decoration: underline;} .content-contact-block .wpcf7 p:nth-of-type(1) {margin-bottom: 0;} .content-contact-block .wpcf7 p:nth-of-type(2) {margin-bottom: 18px; font-size: 12px; line-height: 20px; display: flex; justify-content: flex-start; align-items: center; text-align: left;} .content-contact-block .wpcf7 input:not([type="submit"]), .content-contact-block .wpcf7 textarea {border: 0; border-bottom: 1px solid #9d9d9d; padding: 19px 0; background: transparent; color: black; font-size: 16px; width: 100%;} .content-contact-block .wpcf7 .wpcf7-response-output {margin: 0 auto; border-width: 1px; padding: 16px; color: black; font-size: 14px; line-height: 20px; font-weight: 400;} .content-contact-block .wpcf7 .btn {background: var(--theme-color-custom); color: white;} .content-contact-block .wpcf7 .btn:hover {background: var(--theme-addit-color); color: white;} .content-contact-block .wpcf7 .wpcf7-spinner {padding: 0; margin: 0 8px;} .content-contact-block .wpcf7 span.form-pp {} .clients-block {padding: 0; margin: 0 0 60px;} .clients-block h2 {color: black; font-size: 45px; line-height: 50px; margin-bottom: 50px; text-align: center;} .clients-block .clients-list {margin: 0;} .clients-block .clients-list .clients-list-inner {display: flex; justify-content: flex-start; align-items: center;} .clients-block .clients-list .cl-single {width: 16.6%; display: flex; align-items: center; justify-content: center;} .clients-block .clients-list .cl-single .cl-single-inner {padding: 0 20px;} .clients-block .clients-list .cl-single a {display: block;} .clients-block .clients-list .cl-single img {max-width: 200px; height: auto;} .clients-block .clients-list .cl-single a:hover img {opacity: .6;} .clients-block .clients-button-prev, .clients-block .clients-button-next {} .clients-block .clients-button-prev::after, .clients-block .clients-button-next::after {color: var(--theme-main-color);} .clients-block .clients-button-prev:hover:after, .clients-block .clients-button-next:hover:after {color: var(--theme-addit-color);} /* HOME PAGE END */ /* SUB PAGE */ .page-header.subpage {background: #798574; background: linear-gradient(180deg, #798574 0%, #798574 60%, #9AAA93 100%); min-height: 250px; margin: 0 0 60px; display: flex; align-items: flex-end;} .page-header.subpage .inner-wrapper {padding: 0 0 40px;} .page-header.subpage h1 {color: white; } .page-content.subpage {margin: 0 0 60px;} .page-content.subpage h2, .page-content.subpage h3 {font-size: 26px; line-height: 36px; margin-bottom: 20px;} .page-content.subpage ul, .page-content.subpage ol {margin-left: 30px; margin-bottom: 20px; list-style: disc;} .page-content.subpage ul ul, .page-content.subpage ol ol {margin-left: 40px;} .accordion-list-outer {padding: 0; max-width: 100%; margin: 0 0 60px;} .accordion-list-outer h2 {color: var(--theme-color-custom);} .accordion-list {margin: 0 0 50px; border-bottom: 1px solid #c6c6c6;} .accordion-list .accordion {padding: 0; border: 1px solid #c6c6c6; border-bottom: 1px solid #fff;} .accordion-list .accordion .accordion-title {cursor: pointer; color: black; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left; margin: 0 0 -1px; position: relative; padding: 12px 55px 12px 20px; border-bottom: 1px solid #eeeeee; transition: all .2s ease; background: #eeeeee;} .accordion-list .accordion .accordion-title span {margin-right: 5px; color: var(--theme-color-custom); font-size: 16px; font-weight: 600;} .accordion-list .accordion .accordion-title::after {content: ""; display: block; background: url('../svg/icon-arrow-down.svg') no-repeat center; width: 20px; height: 20px; background-size: contain; position: absolute; right: 18px; top: 15px;} .accordion-list .accordion .accordion-content {display: none; background: white; padding: 35px 20px;} .accordion-list .accordion .accordion-content p {margin: 0 0 24px;} .accordion-list .accordion .accordion-content img {-o-object-fit: contain; object-fit: contain;} .accordion-list .accordion .accordion-content img, .accordion-list .accordion .accordion-content video {box-shadow: 0px 0px 15px 3px rgba(240, 240, 240 ); width: auto; height: auto; max-width: 100%; max-height: 600px; margin: 0 auto; display: block;} .accordion-list .accordion .accordion-content .wp-video {box-shadow: 0px 0px 15px 3px rgba(240, 240, 240);} .accordion-list .accordion .accordion-content .wp-video, .accordion-list .accordion .accordion-content .wp-video-shortcode {width: auto !important; max-width: 1200px; margin: 0 auto; max-height: 682px;} .accordion-list .accordion .accordion-content .accordion-content-img, .accordion-list .accordion .accordion-content .accordion-content-video {margin-bottom: 30px; max-width: 100%;} .accordion-list-outer .btn-block-center {margin: 0;} .accordion-list-outer .btn-block-center .btn {background: var(--theme-color-custom);} .accordion-list-outer .btn-block-center .btn:hover {background: var(--theme-color-custom); color: #fff;} .accordion-list .accordion .accordion-title:hover {color: var(--theme-addit-color);} .accordion-list .accordion.active .accordion-title {color: var(--theme-addit-color); border-bottom: 1px solid #363636;} .accordion-list .accordion.active .accordion-title::after {transform: rotate(180deg);} .accordion-list .accordion.active .accordion-inner .accordion-title {background-color:#ffffff; border-bottom:none;} /* POSTS LIST */ .posts-list {max-width: 960px; margin: 0 auto 180px;} .posts-list .posts-list-inner {} .posts-list .posts-list-inner .single-post {width: 100%; margin-bottom: 40px;} .posts-list .posts-list-inner .single-post:last-of-type {margin-bottom: 0;} .posts-list .posts-list-inner .single-post .post-date, .posts-list .posts-list-inner .single-post .post-title, .posts-list .posts-list-inner .single-post .post-content, .posts-list .posts-list-inner .single-post .post-content * {color: var(--theme-main-color); font-size: 17px; line-height: 30px; font-weight: 400;} .posts-list .posts-list-inner .single-post .post-date {font-weight: 500;} .posts-list .posts-list-inner .single-post .post-title {margin: 0;} .posts-list .posts-list-inner .single-post .post-content {} .posts-list .posts-list-inner .single-post .post-content h2 {margin: 0; font-weight: 500;} .home .posts-list {margin: 0 auto 40px} .home .posts-list .posts-list-inner .single-post {} .home .posts-list .posts-list-inner .single-post .post-date, .home .posts-list .posts-list-inner .single-post .post-title, .home .posts-list .posts-list-inner .single-post .post-content, .home .posts-list .posts-list-inner .single-post .post-content h2, .home .posts-list .posts-list-inner .single-post .post-content * {color: white; font-size: 17px; line-height: 30px; font-weight: 400; margin-bottom: 0;} /* POST */ .post .btn {border: 1px solid var(--theme-addit-color);} /* FOOTER */ /*.main-footer {background: var(--theme-color-custom) url('../img/bg-footer.jpg') no-repeat center top; margin: 0; padding: 0;} */ .main-footer {background: #5b6458; background: linear-gradient(180deg, #5b6458 0%, #5b6458 60%, #798574 100%); margin: 0; padding: 0;} .main-footer .footer-top {display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 50px 0 65px;} .main-footer .footer-top .footer-block {width: 25%;} .main-footer .footer-top .footer-block .footer-block-title {position: relative; color: white; font-size: 24px; line-height: 26px; font-weight: 700; margin: 0 0 55px; display: inline-block;} .main-footer .footer-top .footer-block .footer-block-title .toggle-trigger {background: url('../svg/icon-arrow-down.svg') no-repeat center; width: 18px; height: 18px; display: block; position: absolute; right: 0; top: 4px; cursor: pointer; transition: all .2s ease; -webkit-filter: var(--theme-filter-white); filter: var(--theme-filter-white);} .main-footer .footer-top .footer-block .footer-block-title.active .toggle-trigger {transform: rotate(180deg);} .main-footer .footer-top .footer-block ul, .main-footer .footer-top .footer-block ul li {margin: 0;} .main-footer .footer-top .footer-block ul li a {color: white; font-size: 15px; line-height: 30px; font-weight: 700;} .main-footer .footer-top .footer-block ul li a:hover {text-decoration: underline;} .main-footer .footer-top .footer-block p {color: white; font-size: 15px; line-height: 30px; font-weight: 400; text-transform: none; margin: 0;} .main-footer .footer-top .footer-block .textwidget p:first-of-type {margin-bottom: 20px;} .main-footer .footer-top .footer-block .footer-logo {margin: 0 0 26px;} .main-footer .footer-top .footer-block .footer-question {margin: 0 0 40px;} .main-footer .footer-top .footer-block .widget-contact {margin: 0;} .main-footer .footer-top .footer-block .widget-contact a {color: white; font-size: 15px; line-height: 30px; font-weight: 700; padding-left: 32px;} .main-footer .footer-top .footer-block .widget-contact a:hover {text-decoration: underline;} .main-footer .footer-top .footer-block .widget-contact a.widget-phone {background: url('../svg/avant-ico-phone-call-min.svg') no-repeat center left; background-size: 20px 20px;} .main-footer .footer-top .footer-block .widget-contact a.widget-email {background: url('../svg/avant-ico-email-min.svg') no-repeat center left; background-size: 20px 18px;} .main-footer .footer-bottom {display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0 0 25px;} .main-footer .footer-bottom p, .main-footer .footer-bottom p a {color: #fff; font-size: 12px; line-height: 22px; font-weight: 400; margin: 0;} .main-footer .footer-bottom p a {text-decoration: underline;} .main-footer .footer-bottom p a:hover {color: white} .main-footer .footer-bottom p span {margin: 0 6px; display: inline-block;} .main-footer .footer-bottom p:nth-of-type(1) {margin-right: 18px;} .main-footer .footer-bottom p.dev {margin-left: 30px;} @media all and (max-width: 1580px) { .main-footer .footer-top {padding: 50px 30px 65px; width: auto;} .main-footer .footer-bottom {padding: 0 30px 25px; width: auto;} } @media all and (max-width: 1366px) { .main-footer .footer-top .footer-block {width: 33.3%;} } @media all and (max-width: 1366px) { .main-footer .footer-top {padding: 40px 30px 0;} } @media all and (max-width: 900px) { .main-footer {background: var(--theme-color-custom);} .main-footer .footer-top .footer-block {width: 50%; margin-bottom: 30px;} .main-footer .footer-top .footer-block:nth-of-type(3) {width: 100%;} .main-footer .footer-top .footer-block .footer-block-title {margin-bottom: 30px; cursor: pointer;} } @media all and (max-width: 767px) { .main-footer .footer-top {padding: 40px 20px 0;} .main-footer .footer-top .footer-block .footer-logo a img {max-width: 140px;} .main-footer .footer-top .footer-block .footer-block-title {margin-bottom: 10px; width: 100%;} .main-footer .footer-bottom {padding: 0 20px 25px;} } @media all and (max-width: 580px) { .main-footer .footer-top .footer-block {width: 100%;} .main-footer .footer-top .footer-block .footer-block-title {font-size: 20px;} } .scrolltotop {background: white url('../svg/icon-arrow-up.svg') no-repeat center; background-size: 29px 29px; width: 50px; height: 50px; opacity: 0; position: fixed; bottom: -50px; right: 20px; cursor: pointer; transition: all .2s ease; display: flex; align-items: center; justify-content: center; z-index: 9; border-radius: 5px; border: 1px solid var(--theme-color-custom);} .scrolltotop.vis {opacity: 1; bottom: 20px;} .scrolltotop:hover {background: var(--theme-addit-color) url('../svg/icon-arrow-up.svg') no-repeat center; background-size: 29px 29px;} @media all and (max-width: 1366px) { .scrolltotop {width: 45px; height: 45px;} } /* SWIPER */ /* buttons .swiper-button-prev, .swiper-button-next {width: 23px; height: 28px;} .swiper-button-prev {background: url(img/arrow-left-gray.png) no-repeat left top;} .swiper-button-next {background: url(img/arrow-right-gray.png) no-repeat right top;} */ /* pagination * .swiper-container-horizontal > .swiper-pagination-bullets {text-align: left; text-indent: 16%; bottom: 25px;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {background: url(img/slide-pagi.png) no-repeat left top; width: 17px; height: 17px; margin: 0 4px; opacity: 1;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {background: url(img/slide-pagi-active.png) no-repeat left top; opacity: 1;} / */ @media all and (max-width: 1366px) { h1, h2, h3, .columns-boxes .cb-row .cb-col h2, .content-bg-block h2, .columns-boxes-list h2, .content-newsletter-block h2, .content-contact-block h2, .clients-block h2, .columns-boxes-list .cbl-row .cbl-col .cbl-count {font-size: 40px; line-height: 50px;} } @media all and (max-width: 1080px) { h1, h2, h3, .columns-boxes .cb-row .cb-col h2, .content-bg-block h2, .columns-boxes-list h2, .content-newsletter-block h2, .content-contact-block h2, .clients-block h2, .columns-boxes-list .cbl-row .cbl-col .cbl-count {font-size: 35px; line-height: 40px;} } @media all and (max-width: 650px) { /* h1, h2, h3, .columns-boxes .cb-row .cb-col h2, .content-bg-block h2, .columns-boxes-list h2, .content-newsletter-block h2, .content-contact-block h2, .clients-block h2, .columns-boxes-list .cbl-row .cbl-col .cbl-count {font-size: 25px; line-height: 30px;} */ } .btns-in-row {display: flex;} .btns-in-row > * {margin: 0 8px;} .content-bg-block .btns-in-row {justify-content: center;} .avant-columns {margin-bottom: 0;} .avant-columns .avant-row {display: flex; justify-content: space-between; flex-wrap: wrap;} .avant-columns .avant-row > .avant-col50 {flex: 0 0 48%; max-width: 48%;} .avant-columns .avant-row > .avant-col100 {flex: 0 0 100%; max-width: 100%;} .avant-columns .avant-row > div {margin-bottom: 3rem;} .avant-columns .col-with-halftext {display: flex; align-items: center;} .avant-columns .col-with-halftext .avant-col-inner {} .avant-columns .col-with-halftext .avant-col-inner img {border-radius: 5px;} .avant-columns .col-with-fulltext {} .avant-columns .col-with-fulltext .avant-col-inner {} @media all and (max-width: 1200px) { .product-safety__content aside {width: 50%;} } @media all and (max-width: 980px) { .avant-columns .avant-row > div {margin-bottom: 2rem;} .avant-columns .avant-row > .avant-col50 {flex: 0 0 100%; max-width: 100%;} }