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 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
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;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 60%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
max-width: 100%;
height: auto;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing , div.wpcf7-response-output{
border: none !important;
text-align: center;
}
.icon-add {
color: #0fc547;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
#oknvid-sent-button, .cf-control-input button.cf-btn {
outline: none;
border: none;
font-family: 'Muli';
font-weight: 800;
}
#oknvid-file-button {
background: transparent;
content: '';
}
#oknvid-sent-button:focus { outline: none; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
*, *::before, *::after{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html{
-webkit-text-size-adjust: 100%;
}
body{
font-family: 'Muli', sans-serif;
font-weight: 400;
color: #2d2d2b;
font-size: 16px;
line-height: 1.625;
overflow-x: hidden;
-moz-outline: none;
-o-outline: none;
outline: none;
}
a{
color: inherit;
text-decoration: none;
}
a:hover{
text-decoration: none;
}
strong, .bold, h1,h2,h3,h4,h5,h6{
font-weight: 800;
}
.container{
width: 100%;
max-width: 1366px;
margin: 0 auto;
}
.container_full{
width: 100%;
margin: 0 auto;
}
.button, .button_login a, .langs ul li a, .menu ul li a, .mega_product_ul li a .photo i, .mega_product_ul li a .name, .mega_std_ul li a, .go-down, .button-reverse i, .button-reverse, .bottom ul.socials a,
.bottom .fmenu a, .bottom ul.socials a i, .bottom .cnt a, .cookies-info .right a, .small-carousel .controll, .top .hamburger, .top .hamburger .inn, .mobile-menu .submenu li a, .mobile-menu .lmenu li a, ul.accordion li .a-switcher, ul.accordion li .a-switcher i, ul.accordion li .head, .arrow-list li a, .arrow-list li a i, .gallery .square-controll, .gallery .square-controll, .arrow-list li a span, .quality-boxes .item .icon, .quality-boxes .item .desc, .quality-boxes .item .arrow-icon i , .gray-list ul li a, .choose-items .icon i, .choose-items .icon::after,.selectbox .switcher i::before, .selectbox .dropdown li::after,.selectbox .switcher,.contact-boxes .cbox a, .textInput, .addFileButton, .addFileButton i , .top .logo a{
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.button{
display: inline-block;
font-weight: 800;
font-size: 16px;
line-height: 1;
padding: 17px 30px;
}
.button.small-padding{
padding-left: 20px;
padding-right: 20px;
}
.button.green{
background-color: #0fc547;
color: #fffffe;
}
.button.green:hover{
opacity: 0.8;
}
.button.white{
border: 4px solid #0fc547;
padding: 13px 26px;
outline: none;
-moz-outline: none;
-o-outline: none;
}
.button.white:hover{
border: 4px solid #87e2a3;
}
.full{
position: relative;
width: 100%;
}
.container-12{
margin: 0 auto;
}
.container-10, .container_flex {
margin: 0 auto;
width: 100%;
max-width: 1090px;
}
.home main .container-10, .home main .container_flex {
max-width: 1459px;
}
.container_flex {
display: flex;
align-items: center;
}
.top{
position: fixed;
width: 100%;
height: 95px;
border-bottom: 2px solid #e8e8e8;
z-index: 6;
top: 0;
background: #fff;
}
.top .logo {
float: left;
padding-left: 50px;
height: 100%;
display: flex;
align-items: center;
}
.top .logo img:last-child {
margin-left: 20px;
}
.top .hamburger{
display: none;
}
.top .logo a:hover{
opacity: 0.8;
}
.top .logo img{
max-width: 170px;
}
.top .right_items{
float: right;
height: 100%;
}
.right_items .button_conf{
float: right;
width: auto;
height: 100%;
}
.button_login{
display: block;
float: right;
width: 78px;
height: 100%;
text-align: center;
border-left: 2px solid #e8e8e8;
}
.button_login a{
font-size: 23px;
display: inline-block;
margin-top: 28px;
}
.button_login a .icon-login{
color: #0fc547;
}
.button_login a:hover{
opacity: 0.7;
}
.right_items .button_conf .button{
line-height: 54px;
height: 100%;
}
.langs{
display: block;
float: right;
width: auto;
height: 100%;
text-align: center;
border-left: 2px solid #e8e8e8;
padding: 0 30px;
}
.langs ul{
display: block;
}
.langs ul li{
display: inline-block;
}
.langs ul li + li{
margin-left: 5px;
}
.langs ul li a {
font-size: 13px;
color: #c9c9c9;
padding-top: 34px;
display: block;
border-top: 3px solid transparent;
}
.langs ul li a:hover{
color: #0fc547;
}
.langs ul li a.active{
color: #0fc547;
font-weight: 600;
border-top: 3px solid #0fc547;
}
.right_items .menu{
display: block;
height: 100%;
float: left;
}
.menu > ul {
display: flex;
height: 100%;
position: relative;
}
.menu > ul > li{
display: inline-block;
height: 100%;
}
.menu > ul > li > a, .menu .separator {
font-size: 16px;
color: #2d2d2b;
font-weight: 600;
display: block;
padding-top: 33px;
padding-bottom: 29.5px;
outline: none;
-moz-outline: none;
-o-outline: none;
cursor: pointer;
}
.menu > ul > li > a#home_icon {
padding-top: 35px;
padding-bottom: 27px;
}
.menu a:hover{
color: #0fc547;
}
.menu ul li a.active{
color: #0fc547;
border-bottom: 4px solid #0fc547;
}
.menu > ul > li{
margin-right: 50px;
}
.z_1{
position: relative;
z-index: 1;
}
.mega_menu{
display: none;
top: 92px;
left: 0;
width: 100%;
height: auto;
position: fixed;
min-height: 100%;
z-index: 7;
border-top: 2px solid #0fc547;
text-align: center;
}
.mega_menu .bg_layer{
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.6);
}
.offline, .online {
right: 0;
}
body.mega_open .mega_menu{
display: block;
}
body.mega_open .top .z_1{
opacity: 0.4;
}
body.mega_open .top .z_1.mega_menu_open.active{
opacity: 1;
pointer-events: initial;
outline: none;
-moz-outline: none;
-o-outline: none;
}
.mega_menu .inner {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 2;
text-align: center;
display: none;
background-color: #fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(45, 45, 45, 0.1);
box-shadow: 0px 0px 10px 0px rgba(45, 45, 45, 0.1);
}
.mega_menu .inner .bg_layer{
z-index: 1;
}
.mega_menu .inner .mega_item{
z-index: 4;
position: relative;
display: inline-block;
margin: 0 auto;
}
.mega_menu .inner.active{
display: block;
}
.mega_product_ul{
display: block;
list-style: none outside none;
padding: 90px 0;
overflow: hidden;
}
.mega_menu .inner {
margin-right: 19.5rem !important;
}
.mega_product_ul li{
display: inline-block;
float: left;
margin: 0 70px 0 39px;
}
.mega_product_ul li a{
display: block;
border-left: 2px solid #e8e8e8;
padding-left: 20px;
}
.mega_product_ul li a .photo i{
font-size: 90px;
color: #0fc547;
outline: none;
-moz-outline: none;
-o-outline: none;
}
.mega_product_ul li a .name{
font-size: 20px;
font-weight: 600;
padding-top: 20px;
}
.mega_product_ul li a:hover .name{
color: #0fc547;
}
.mega_product_ul li a:hover .photo i{
color: #87e2a3;
}
.mega_std_ul{
display: inline-block;
overflow: hidden;
padding: 20px 0 15px;
}
.mega_std_ul li{
float: left;
display: inline-block;
}
.mega_std_ul li a{
font-size: 20px;
color: #2d2d2b;
font-weight: 600;
display: block;
padding: 10px 40px;
}
.mega_std_ul li a:hover, .mega_std_ul li.active a{
color: #0fc547;
}
.mega_std_ul li + li a{
border-left: 2px solid #e8e8e8;
}
.home-top{
display: block;
position: relative;
z-index: 4;
}
.home-top .container-12{
overflow: hidden
}
.home-top .photo{
float: left;
position: relative;
width: 55%;
height:730px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.home-top .txt{
float: left;
width: 545px;
height: auto;
padding: 137px 69px;
position: relative;
}
.mtit{
font-weight: 800;
font-size: 50px;
line-height: 1.1;
margin-top: 0;
margin-bottom: 30px;
}
.line-bg{
position: absolute;
left: 50%;
top: 92px;
right: 0;
z-index: 1;
}
.go-down{
color: #e8e8e8;
font-size: 30px;
position: absolute;
right: -10px;
bottom: 18%;
}
.go-down .icon-scroll{
background-color: #fff;
}
.go-down:hover{
color: #0fc547;
}
.home-about{
padding: 100px 0 109px;
z-index: 4;
position: relative;
}
.home-about .txt{
padding: 41px 70px;
width: 56%;
min-height: 375px;
}
.home-about .txt .desc{
padding-top: 34px;
padding-bottom: 34px;
min-height: 232px;
}
.small-carousel{
display: none;
}
.stit{
font-weight: 800;
font-size: 40px;
line-height: 1.125;
margin-top: 0;
}
.home-prod{
display: block;
position: relative;
width: 100%;
z-index: 4;
position: relative;
padding-bottom: 95px;
}
.home-prod .container-10{
position: relative;
width: 100%;
}
.home-prod .container-10::before{
content: "";
display: block;
position: absolute;
width: 75%;
height: calc( 100% + 90px );
z-index: 1;
background: url(img/img4.jpg) no-repeat left top #f4f5f6;
background-size: 93% auto;
}
.home-prod .but-full{
position: relative;
width: 100%;
overflow: hidden;
z-index: 2;
}
.home-prod .but-full .but{
display: block;
width: 31.7%;
float: right;
padding: 95px 70px;
background-color: #0fc547;
margin-right: 1px;
}
.fwhite{
color: #fff;
}
.home-prod .but-full .but .stit{
padding-bottom: 39px;
}
.button-reverse{
color: #fff;
font-weight: 800;
position: relative;
padding-right: 100px;
}
.button-reverse i{
font-size: 18px;
position: absolute;
margin-left: 20px;
top: 3px;
}
.home-prod .button-reverse i{
margin-left: 0px;
left: 80px;
}
.button-reverse:hover{
padding-left: 40px;
}
.button-reverse:hover i{
left: 0;
margin-left: 0;
}
.home-prod .txt{
padding: 93px 140px;
z-index: 2;
position: relative;
}
.home-prod .boxes{
padding: 0px 140px;
overflow: hidden;
z-index: 2;
position: relative;
}
.home-prod .boxes.mob{
display: none;
}
.home-prod .boxes .box{
float: left;
width: 33.33%;
padding: 31px 31px 0;
}
.home-prod .boxes .box + .box{
border-left: 1px solid #e8e8e8;
}
.home-prod .boxes .box .ico{
height: 118px;
text-align: center;
color: #0fc547;
padding-top: 10px;
}
.home-prod .boxes .box .ico i{
font-size: 90px;
}
.home-prod .boxes .box .ico i.icon-ico2{
font-size: 82px;
}
.home-prod .boxes .box .btit{
text-align: center;
font-weight: 400;
font-size: 20px;
line-height: 1.3;
}
.home-suppliers{
padding: 91px 0 70px;
}
.home-suppliers .container-10{
height: 600px;
position: relative;
background: url(img/img2.png) no-repeat left 152px top 61px transparent;
}
.supplier-box{
width: 300px;
position: absolute;
}
.supplier-box h4{
font-size: 20px;
font-weight: 400;
padding-bottom: 11px;
}
.supplier-box.right-style h4{
text-align: right;
}
.supplier-box .logos{
width: 100%;
height: 100px;
background-color: #f4f5f6;
border-right: 2px solid #0fc547;
}
.supplier-box.sb-1{
left: 0;
top: 176px;
}
.supplier-box.sb-2{
left: 0;
top: 376px;
}
.supplier-box.sb-3{
left: initial;
top: 89px;
right: 0;
}
.supplier-box.sb-4{
left: initial;
top: 327px;
right: 0;
}
.supplier-box .logos ul{
display: block;
width: 100%;
height: 100;
text-align: center;
}
.supplier-box .logos ul li{
display: inline-block;
height: 100%;
padding-top: 27px;
}
.supplier-box .logos ul li + li{
margin-left: 15px;
}
.supplier-box.right-style .logos{
border-right: 0px solid #0fc547;
border-left: 2px solid #0fc547;
}
.home-shipping{
display: block;
width: 100%;
position: relative;
background-color: #f4f5f6;
padding-bottom: 150px;
}
.home-shipping .container-10{
background: url(img/img3.jpg) no-repeat left top transparent;
background-size: 55% auto;
overflow: hidden;
}
.home-shipping .txt{
float: right;
width: 36%;
min-height: 400px;
padding-top: 92px;
padding-bottom: 99px;
}
.home-shipping .txt .stit{
margin-bottom: 35px;
}
.home-shipping .but{
margin-top: 68px;
position: relative;
}
.home-shipping .button.shipping{
position: absolute;
left: -247px;
}
.home-shipping .button.shipping:hover{
background-color: #87e2a3;
opacity: 1;
color: #fefefe;
}
.bottom{
width: 100%;
background-color: #fff;
border-top: 2px solid #e8e8e8;
position: relative;
z-index: 4;
}
.bottom .container-10{
position: relative;
padding: 32px 0 50px;
}
.bottom .cols{
position: relative;
width: 100%;
overflow: hidden;
}
.bottom .cols .col{
width: 15%;
float: left;
min-height: 100px;
}
.bottom .ftit{
padding-bottom: 15px;
}
.bottom .col-2{
margin-left: 4%;
}
.bottom .cols .col.col-3{
margin-left: 4%;
width: 22%;
}
.bottom .col-4{
margin-left: 4%;
}
.bottom .col-5{
display: none;
}
.bottom ul.socials{
overflow: hidden;
padding-top: 3px;
}
.bottom ul.socials li{
display: inline-block;
float: left;
}
.bottom ul.socials li +li{
margin-left: 15px;
}
.bottom ul.socials li i.icon-fb{
font-size: 19px;
}
.bottom ul.socials a:hover i.icon-fb{
color: #4867aa;
}
.bottom ul.socials a:hover i.icon-youtube{
color: #e12b26;
}
.bottom .cnt{
padding-top: 12px;
}
.bottom .fmenu a:hover, .bottom .cnt a:hover{
color: #0fc547;
}
.bottom .right-cnt{
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.bottom .right-cnt .but {
float: right;
}
.bottom .right-cnt .but .button{
position: fixed;
padding: 10px 15px 10px 54px;
bottom:0;
position: relative;
}
.bottom .right-cnt .but .button i{
position: absolute;
font-size: 25px;
left: 15px;
top: 9px;
}
.bottom .right-cnt .copy{
margin-right: 49px;
margin-top: 86px;
text-align: right;
padding-top: 31px;
}
.bottom .right-cnt .copy p{
padding-top: 16px;
}
.cookies-info{
padding: 20px 0 20px;
background-color: #f4f5f6;
}
.cookies-info .container-10{
min-height: 52px;
}
.cookies-info .left{
float: left;
width: calc( 100% - 270px );
}
.cookies-info .right{
float: right;
width: 250px;
position: relative;
margin-right: -79px;
text-align: right;
}
.cookies-info .right .close-cookies{
position: absolute;
right: -10px;
top: 2px;
font-size: 15px;
}
.cookies-info .right .close-ok{
margin-left: 18px;
margin-right: 32px;
}
.cookies-info .right a:hover{
color: #0fc547;
}
.mobile-menu{
display: none;
}
.line-bg.products{
top: 0;
}
.products-header{
padding: 49px 0 48px;
position: relative;
}
.products-header .desc{
padding-top :35px;
}
.products-header .linebg{
position: absolute;
width: 50%;
height: 100%;
top: 0;
right: 0;
background: url('../images/bgr_5.png') no-repeat left 0 top -92px transparent;
z-index: 0;
}
.products-header.prod-3-sec-1 .linebg, .products-header.prod-4-sec-1 .linebg{
background: url(img/img12.png) no-repeat left 0 top -92px transparent;
}
.products-header .container-10{
z-index: 2;
position: relative;
}
.products-header .txt{
padding: 41px 70px;
width: 73%;
}
.ico-boxes{
overflow: hidden;
}
.products-header .ico-boxes{
padding: 52px 0;
width: 74%;
margin-left: 70px;
}
.products-header .stit{
margin-bottom: 0px;
}
.ico-boxes .ibox{
float: left;
width: 33.333%;
border-right: 2px solid #e8e8e8;
padding: 43px 20px 22px;
text-align: center;
}
.ico-boxes .ibox:last-child{
border-right: 0px solid transparent;
}
.ico-boxes .ibox .icon{
display: block;
width: 100%;
text-align: center;
}
.ico-boxes .ibox .icon i {
font-size: 90px;
color: #0fc547;
}
.ico-boxes .ibox .itit{
font-size: 20px;
color: #2d2d2b;
line-height: 1.3;
font-weight: 400;
padding-top: 15px;
}
.go-down.prod-1 {
right: -7px;
top: 280px;
}
.products-infoline{
position: relative;
}
.products-infoline.prod-sec-1 .container-10{
height: 1025px;
position: relative;
/*background: url(img/img7-1.jpg) no-repeat 0 108px transparent;*/
}
.products-infoline.prod-sec-1 .small-carousel{
display: none;
}
.products-infoline .info-head{
display: block;
width: 100%;
position: relative;
padding-top: 38px;
padding-left: 70px;
}
.txt-place{
position: relative;
width: 396px;
height: 717px;
margin-left: 70px;
}
.products-infoline .stit{
padding-bottom: 36px;
}
.products-infoline .txt-place{
margin-top: 33px;
}
.txt-box{
display: block;
width: 100%;
position: absolute;
padding: 24px 30px;
background-color: #f4f5f6;
}
.txt-box.white-bg{
background-color: #fff;
}
.txt-box.one-line{
padding-top: 35px;
padding-bottom: 38px;
}
.txt-box.border-right{
border-right: 2px solid #0fc547;
padding-right: 50px;
}
.txt-box.border-left{
border-left: 2px solid #0fc547;
padding-left: 50px;
}
.txt-box .info{
font-size: 20px;
line-height: 1.3;
color: #2d2d2b;
font-weight: 400;
}
.products-infoline .tb-1{
top: 0;
}
.products-infoline .tb-1.ok20 {
top: -100px;
padding-left: 50px;
padding-right: 20px;
}
.products-infoline .tb-2.ok20 {
top: 24px;
padding-left: 50px;
padding-right: 20px;
}
.products-infoline .tb-3.ok20 {
top: 149px;
padding-left: 50px;
padding-right: 20px;
}
.products-infoline .tb-2{
top: 150px;
}
.products-infoline .tb-3{
top: 300px;
}
.products-infoline .tb-4{
top: 450px;
}
.products-infoline .tb-5{
top: 600px;
}
.prod-sec-2{
position: relative;
padding: 50px 0;
}
.prod-sec-2.ok20-new {
padding-top: 90px;
padding-bottom: 165px;
}
ul.accordion{
display: block;
position: relative;
width: 100%;
}
ul.accordion li{
display: block;
width: 100%;
position: relative;
}
ul.accordion li .head{
display: block;
overflow: hidden;
padding: 35px 0;
position: relative;
border-top: 2px solid #e8e8e8;
border-bottom: 2px solid #e8e8e8;
}
ul.accordion li.active .head{
border-top: 2px solid #0fc547;
border-bottom: 2px solid #0fc547;
}
.prod-sec-2 .inn{
position: relative;
padding-left: 70px;
padding-right: 70px;
}
ul.accordion li .atitle{
font-size: 20px;
line-height: 1.3;
font-weight: 400;
float: left;
width: calc( 100% - 280px );
color: #2d2d2b;
}
ul.accordion li .head .ico-data{
float: right;
width: 220px;
margin-right: 38px;
position: relative;
padding-left: 50px;
font-size: 20px;
line-height: 1.3;
font-weight: 400;
color: #2d2d2b;
}
ul.accordion li .head .ico-data i{
font-size: 33px;
position: absolute;
left: 0;
top: -3px;
color: #0fc547;
}
ul.accordion li .a-switcher{
position: absolute;
width: 40px;
height: 100%;
right: 0;
z-index: 2;
background: #f4f5f6;
}
ul.accordion li .a-switcher:hover{
opacity: 0.8;
}
ul.accordion li .a-switcher i{
color: #0fc547;
font-size: 30px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
ul.accordion li.active .a-switcher{
background-color: #0fc547;
}
ul.accordion li.active .a-switcher i{
color: #fff;
-webkit-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg)
}
ul.accordion li .content{
display: none;
position: relative;
width: 100%;
padding-bottom: 6px;
}
ul.accordion li + li{
margin-top: -2px;
}
.accord-boxes{
display: block;
width: 100%;
height: auto;
overflow: hidden;
}
.accord-boxes .abox{
float: left;
width: calc( ( 100% - 180px ) / 3 );
margin-left: 90px;
padding: 40px 0;
}
.accord-boxes .abox:nth-child(3n + 1){
margin-left: 0;
}
.accord-boxes .abox .photo{
width: 100%;
height: auto;
}
.accord-boxes .abox .photo img{
width: auto;
max-width: 100%;
}
.accord-boxes .abox .desc{
color: #2d2d2b;
font-size: 16px;
line-height: 1.625;
padding-top: 5px;
}
.prod-sec-3{
position: relative;
width: 100%;
}
.prod-sec-3 .container-10{
background-color: #f4f5f6;
}
.prod-sec-3 .inn{
width:100%;
height: auto;
position: relative;
padding: 92px 70px;
overflow: hidden;
}
.prod-sec-3 .txt{
width: calc( 32% - 45px );
float: left;
}
.prod-sec-3 .logos{
width: calc( 68% - 45px );
float: right;
}
.prod-sec-3 .logos .line{
display: block;
width: 100%;
position: relative;
border-bottom: 2px solid #e8e8e8;
padding-bottom: 36px;
line-height: 1.3;
font-size: 20px;
color: #2d2d2b;
}
.prod-sec-3 .logos .line + .line{
margin-top: 17px;
}
.prod-sec-3 .logos .line .lab{
display: inline-block;
padding-top: 18px;
}
.prod-sec-3 .logos .line .log-box{
float: right;
width: 366px;
padding-top: 8px;
}
.prod-sec-3 .logos .line .log-box img + img{
margin-left: 43px;
}
.prod-sec-4{
padding: 61px 0 0;
}
.prod-sec-4 .carousel-outer{
display: none;
}
.products-infoline .log img + img{
margin-left: 36px;
}
.prod-sec-4 .container-10{
background:url(img/img8.jpg) no-repeat left top 122px transparent;
height: 774px;
}
.prod-sec-4 .txt-place{
margin-left: 0;
float: right;
margin-top: -28px;
margin-right: 118px;
}
.products-infoline .tb-6 {
top: 0px;
}
.products-infoline .tb-7 {
top: 150px;
}
.products-infoline .tb-8 {
top: 300px;
}
.products-infoline .tb-9 {
top: 450px;
}
.prod-sec-5{
padding: 0 50px 100px;
}
.prod-sec-5 .container-10{
background:url(img/img9.jpg) no-repeat left top 2px transparent;
height: 768px;
}
.prod-sec-5 .txt-place {
height: 430px;
}
.prod-sec-5 .carousel-outer{
display: none;
}
.products-infoline.prod-sec-5 .info-head {
padding-top: 95px;
padding-left: 117px;
}
.products-infoline.prod-sec-5 .stit {
padding-bottom: 43px;
}
.products-infoline.prod-sec-5 .txt-place {
margin-left: 120px;
margin-top: 40px;
}
.products-infoline .tb-11 {
top: 150px;
}
.products-infoline .tb-12 {
top: 300px;
}
.hide-on-desktop{
display: none;
}
.products-header .small-carousel{
display: none;
}
.products-header .arrow-list-outer{
padding-top: 37px;
}
.arrow-list{
list-style: none outside none;
}
.arrow-list li{
display: block;
width: 100%;
position: relative;
}
.arrow-list li + li{
margin-top: 5px;
}
.arrow-list li a{
display: inline;
width: 100%;
position: relative;
font-size: 20px;
line-height: 1.3;
color: #2d2d2b;
}
.arrow-list li a span{
display: inline-block;
padding-left: 48px;
padding-right: 48px;
}
.arrow-list li a:hover span{
padding-left: 0;
padding-right: 96px;
}
.arrow-list li a:hover i{
left: calc( 100% - 20px );
}
.arrow-list li a i{
position: absolute;
left: 0;
top: 6px;
color: #0fc547;
font-size: 18px;
}
.products-header .ico-boxes.prod-2{
padding-top: 28px;
}
.prod-2-sec-1.products-infoline .stit {
padding-bottom: 20px;
}
.products-infoline.prod-2-sec-1 .container-10 {
height: 873px;
background: url(img/img13.jpg) no-repeat right top transparent;
}
.products-infoline.prod-2-sec-1 .txt-place {
margin-top: 58px;
}
.prod-2-sec-4 .container-10 {
background: url(img/img14.jpg) no-repeat left 68px top 175px transparent;
height: 774px;
}
.prod-2-sec-4 {
padding-top: 52px;
}
.products-infoline.prod-2-sec-4 .stit {
padding-bottom: 50px;
}
.prod-2-sec-4 .txt-place {
margin-top: -43px;
height: 630px;
}
.prod-2-section-5 {
padding-bottom: 108px;
}
.prod-2-section-5 .container-10{
background-color: #f4f5f6;
}
.prod-2-section-5 .inn {
padding: 93px 115px;
}
.prod-2-section-5 .txt{
padding-top: 35px;
padding-bottom: 44px;
}
.gallery{
display: block;
width: 100%;
position: relative;
}
.gallery .square-controll{
position: absolute;
width: 40px;
height: 100px;
background: #0fc547;
z-index: 3;
top: 50%;
margin-top: -50px;
}
.gallery .square-controll:hover{
background-color: #87e2a3;
opacity: 1;
color: #fefefe;
}
.gallery .square-controll.left{
left: 0;
}
.gallery .square-controll.right{
right: 0;
}
.gallery .square-controll i{
color: #fff;
font-size: 18px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.gallery .gal-box{
width: 100%;
height: 0;
padding-bottom: 54%;
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.gallery .owl-carousel{
position: relative;
z-index: 2;
}
.products-infoline.prod-3-sec-1 .info-head{
padding-top: 42px;
}
.products-infoline.prod-3-sec-1 .stit {
padding-bottom: 26px;
}
.products-infoline.prod-3-sec-1 .txt-place {
margin-top: 116px;
}
.prod-3-sec-1 .image-line-1{
position: absolute;
width: auto;
left: 465px;
top: 17px;
}
.prod-3-sec-1 .txt-place{
height: 498px;
}
.prod-3-sec-1 .txt-place.rol-ok-20 {
height: 357px;
}
.products-header.prod-3-sec-1{
padding-bottom: 0;
}
.full.info-txt-prod{
z-index: 5;
}
.info-txt-prod .inn{
padding: 0 70px;
position: relative;
}
.info-txt-prod .txt{
position: relative;
width: 100%;
border-top: 2px solid #e8e8e8;
border-bottom: 2px solid #e8e8e8;
padding-top: 35px;
padding-bottom: 33px;
}
.itp-tit{
color: #2d2d2b;
font-weight: 400;
font-size: 20px;
line-height: 1.3;
}
.info-txt-prod .desc{
font-size: 16px;
color: #2d2d2b;
line-height: 1.625;
padding-top: 28px;
}
.prod-3-sec-3{
padding: 53px 0 0;
}
.prod-3-sec-3 .container-10{
height: 722px;
position: relative;
}
.prod-3-sec-3.products-infoline .stit {
padding-bottom: 26px;
}
.prod-3-sec-3 .image-line-2{
position: absolute;
top: 157px;
right: 467px;
}
.prod-3-sec-3 .txt-place{
height: 500px;
float: right;
margin-left: initial;
margin-right: 70px;
margin-top: -84px;
}
.prod-3-sec-4 {
margin-bottom: 100px;
}
.prod-3-sec-3 .carousel-outer{
display: none;
}
.products-header.prod-4-sec-1{
padding-bottom: 0;
}
.prod-4-sec-1 .container-10{
height: 726px;
}
.prod-4-sec-1 .image-line-1{
position: absolute;
top: 188px;
left: 464px;
}
.products-infoline.prod-4-sec-1 .stit {
padding-bottom: 47px;
}
.prod-4-sec-1 .txt-place{
height: 460px;
margin-top: 44px;
}
.prod-4-sec-2 .inn{
padding-left: 70px;
padding-right: 70px;
}
ul.accordion.style-2 li .atitle {
width: calc( 100% - 80px );
}
.abox-txt{
position: relative;
overflow: hidden;
padding: 30px 0;
}
.abox-txt .photo{
float: left;
width: 27%;
height: auto;
min-height: 100px;
padding-top: 10px;
}
.abox-txt .photo img{
width: auto;
max-width: 100%;
}
.abox-txt .txt{
float: right;
width: calc( 73% - 90px );
height: auto;
min-height: 100px;
font-size: 16px;
color: #2d2d2b;
line-height: 1.625;
}
ul.accordion.style-2 li .head{
padding: 34px 0;
}
.prod-4-sec-2{
padding-bottom: 0;
}
.about .line-bg{
top: 90px;
}
.about .home-top {
overflow: hidden;
}
.about .home-top .photo{
width: 50%;
margin-left: 0px;
margin-top: 48px;
height: 533px;
}
.about .home-top .txt{
padding-left: 80px;
}
.mtit.smaller{
font-size: 40px;
line-height: 1.125;
margin-bottom: 35px;
}
.about .home-about{
padding-top: 0;
padding-bottom: 100px;
}
.about .home-about .container-10{
overflow: hidden;
}
.about .home-about .txt .desc {
padding-top: 31px;
}
.about .home-about .txt{
width: 50%;
padding-top: 140px;
float: left;
}
.about .home-about .photo{
width: 50%;
float: right;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 529px;
}
.about .home-about .photo-mobile{
display: none;
}
.about .home-about .photo img{
width: 100%;
height: auto;
}
.about-contact-forms .container-10{
padding-left: 70px;
padding-right: 0px;
}
.green-box{
background-color: #0fc547;
position: relative;
width: 100%;
padding: 70px 70px 79px;
overflow: hidden;
}
.green-box .stit{
color: #fff;
float: left;
width: 46%;
padding-right: 40px;
}
.green-box .ico-box{
float: left;
width: 38%;
padding-top: 24px;
}
.green-box .ico-box ul{
list-style: none outside none;
margin: 0;
padding: 0;
}
.green-box .ico-box ul li{
display: inline-block;
}
.green-box .ico-box ul li i{
color: #fff;
font-size: 46px;
}
.green-box .ico-box ul li + li{
margin-left: 13%;
}
.green-box .ico-box ul li i.icon-about3{
font-size: 30px;
}
.about-contact-forms{
position: relative;
z-index: 4;
padding-top: 25px;
padding-bottom: 65px;
}
.green-box .but{
float: left;
width: 16%;
margin-top: 33px;
}
.green-box .but .button-reverse{
display: inline-block;
}
.green-box .but .button-reverse i{
margin-left: 0px;
left: 83px;
top: 6px;
}
.green-box .but .button-reverse:hover i{
left: 0px;
}
.about-anim-sec{
display: block;
width: 100%;
position: relative;
z-index: 4;
}
.about-anim-sec .container-10{
padding-left: 70px;
position: relative;
}
.about-anim-sec .container-10 .inn{
position: relative;
padding-top: 90px;
padding-bottom: 142px;
border-bottom: 2px solid #e8e8e8;
}
.about-anim-sec .txt{
width: 55%;
}
.about-anim-sec .txt .cnt{
padding-top: 45px;
}
.about-last .stit{
text-align: center;
}
.about-last{
padding: 91px 0 94px;
background-color: #fff;
position: relative;
z-index: 4;
}
.quality-boxes{
overflow: hidden;
width: 100%;
position: relative;
padding-top: 17px;
}
.quality-boxes .item{
min-height: 200px;
float: left;
}
.quality-boxes .item-1{
width: 23%;
margin-left: 7%;
}
.quality-boxes .item-2{
width: 8%;
margin-left: 0%;
}
.quality-boxes .item-3 {
width: 18%;
margin-left: 3%;
}
.quality-boxes .item-4 {
width: 8%;
margin-left: 3%;
}
.quality-boxes .item-5 {
width: 27%;
margin-left: 0%;
}
.quality-boxes .item .icon{
display: block;
width: 100%;
height: 148px;
text-align: center;
color: #cacaca;
}
.quality-boxes .item .icon{
font-size: 100px;
fill: #e8e8e8;
}
.quality-boxes .item .desc{
text-align: center;
font-size: 20px;
line-height: 1.3;
color: #cacaca;
}
.quality-boxes .item .arrow-icon{
width: 100%;
text-align: center;
margin-top: 54px;
}
.quality-boxes .item .arrow-icon i{
color: #e8e8e8;
font-size: 42px;
}
.quality-boxes .item.act .arrow-icon i{
color: #0fc547;
}
.quality-boxes .item.actual .icon{
color: #0fc547;
fill: #0fc547;
}
.quality-boxes .item.actual .desc{
color: #2d2d2b;
}
.about-2 .line-bg {
top: -192px;
}
.about-2 .home-about {
padding: 49px 0;
}
.top-phot-sec{
position: relative;
width: 100%;
padding: 49px 0;
z-index: 4;
}
.top-phot-sec .photo{
width: 100%;
height: 250px;
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.about-2-info{
position: relative;
z-index: 4;
padding: 42px 0 141px;
}
.about-2-info .container-10{
overflow: hidden;
}
.about-2-info .txt{
width: 63%;
padding-left: 69px;
}
.about-3 .about-2-info {
padding-bottom: 91px;
}
.about-term{
position: relative;
z-index: 4;
padding-bottom: 102px;
}
.about-term .txt{
padding-left: 70px;
}
.about-term .mtit{
border-top: 2px solid #f3f3f3;
padding-top: 93px;
padding-bottom: 43px;
margin-bottom: 0;
background-color: #fff;
}
.gray-list{
position: relative;
padding: 90px 50px 100px 70px;
background-color: #f4f5f6;
min-height: 230px;
}
.gray-list ul, ul.list_files {
list-style: none outside none;
display: block;
width: 100%;
position: relative;
}
.gray-list ul li{
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.gray-list ul li, .gray-list ul li span, .gray-list ul li a {
display: block;
width: 100%;
line-height: 1.25;
font-size: 16px;
color: #2d2d2b;
}
.realization .gray-list ul li a {
overflow: hidden;
padding-top: 100%;
position: relative;
}
.realization .gray-list ul li a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.realization .gray-list ul li a::after {
content: '‣';
display: flex;
background: rgba(0, 0, 0, 0.45);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
align-items: end;
justify-content: end;
color: white;
font-size: 5rem;
padding: 0 2rem;
transition: all 300ms ease;
}
.realization .gray-list ul li a:hover::after {
opacity: 1;
transition: all 300ms ease;
}
.gray-list ul li a:hover{
color: #0fc547;
}
.gray-list .left{
float: left;
width: calc( 100% - 210px );
padding-right: 20px;
}
.gray-list .right{
float: right;
width: 210px;
text-align: right;
}
.gray-list ul li, ul.list_files li {
border-bottom: 2px solid #e8e8e8;
padding: 24px 0;
}
.list_files {
padding: 0 7% 0 5%;
}
.list_files li a {
display: flex;
justify-content: space-between;
}
.list_files li a:hover {
color: #0fc547;
}
.files .line-bg {
top: -49px;
}
.files-head{
position: relative;
padding: 88px 0 44px;
z-index: 4;
}
.files-head .txt{
padding: 0 0 0 67px;
}
.choose-tab{
position: relative;
}
.choose-tab .ct-tit{
font-size: 16px;
line-height: 1.625;
font-weight: 400;
position: relative;
padding-top: 23px;
}
.choose-tab .ct-tit::before{
content: "";
display: block;
width: 40px;
height: 4px;
background-color: #0fc547;
position: absolute;
left: 0;
top: 8px;
}
.choose-items{
position: relative;
display: block;
width: 100%;
height: 60px;
overflow: hidden;
margin-top: 30px;
}
.choose-items li{
display: block;
float: left;
width: 16%;
height: 60px;
position: relative;
cursor: pointer;
}
.choose-items li a{
display: block;
width: 100%;
height: 100%;
}
.choose-items .icon{
display: block;
float: left;
width: 55px;
height: 100%;
position: relative;
margin-top: 12px;
z-index: 2;
}
.choose-items .icon i{
color: #cacaca;
font-size: 40px;
}
.choose-items li a:hover .icon i, .choose-items li.active a .icon i{
color: #0fc547;
}
.choose-items .label{
float: left;
width: calc( 100% - 60px );
text-align: left;
line-height: 1.2;
font-size: 16px;
padding-top: 21px;
padding-left: 6px;
z-index: 2;
}
.choose-items .icon::before{
position: absolute;
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: -8px;
left: 32px;
z-index: 3;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #0fc547;
background-color: #fff;
}
.choose-items .icon::after{
position: absolute;
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
top: -3px;
left: 37px;
z-index: 4;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #0fc547;
opacity: 0;
}
.choose-items li.active .icon::after{
opacity: 1;
}
.choose-items .icon i.icon-download2{
font-size: 48px;
}
.choose-items .icon i.icon-download3{
font-size: 48px;
}
.choose-items .icon i.icon-download4{
font-size: 48px;
}
.choose-items .icon i.icon-download5{
font-size: 48px;
}
.download-files{
position: relative;
z-index: 3;
padding-bottom: 100px;
}
.download-files .container-10{
background: #fff;
}
.gray-list.files .right{
width: 130px;
}
.gray-list.files .left {
width: calc( 100% - 130px );
}
.tab-item{
position: relative;
width: 100%;
}
.tab-item .but{
position: relative;
overflow: hidden;
width: 100%;
text-align: right;
padding-right: 50px;
padding-top: 53px;
}
.download-files .tab-item{
display: none;
}
.selectbox{
position: relative;
display: block;
width: 100%;
border-bottom: 2px solid #e8e8e8;
}
.selectbox .switcher{
display: block;
width: 100%;
position: relative;
font-size: 16px;
color: #2d2d2b;
font-weight: 400;
padding: 11px 0;
cursor: pointer;
z-index: 4;
}
.selectbox .switcher:hover{
opacity: 0.8;
}
.files-head .selectbox{
display: none;
}
.selectbox .switcher i{
color: #0fc547;
position: absolute;
right: 15px;
top: 17px;
font-size: 20px;
}
.selectbox .switcher i::before{
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
}
.selectbox.open .switcher i::before{
-moz-transform: rotate(-270deg);
-webkit-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
transform: rotate(-270deg);
}
.selectbox .dropdown{
position: absolute;
z-index: 3;
background-color: #fff;
width: calc( 100% + 40px );
left: -20px;
top: -9px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(45, 45, 43, 0.1);
box-shadow: 0px 0px 10px 0px rgba(45, 45, 43, 0.1);
padding: 59px 20px 44px;
display: none;
}
.selectbox .dropdown li{
padding-top: 7px;
padding-bottom: 7px;
padding-left: 30px;
position: relative;
}
.selectbox .dropdown li::before{
position: absolute;
content: "";
display: block;
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #0fc547;
left: 0;
top: 11px;
}
.selectbox .dropdown li::after{
position: absolute;
content: "";
display: block;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #0fc547;
left: 5px;
top: 16px;
opacity: 0;
}
.selectbox .dropdown li:hover::after, .selectbox .dropdown li.active::after{
opacity: 1;
}
.selectbox .dropdown li a{
display: block;
}
.contact .line-bg {
top: -125px;
}
.contact-head{
padding: 88px 0 94px;
position: relative;
z-index: 4;
}
.contact-head .container-10{
position: relative;
}
.contact-head .txt{
padding-left: 70px;
}
.contact-boxes{
overflow: hidden;
width: 100%;
position: relative;
}
.contact-boxes .cbox{
position: relative;
float: left;
min-height: 100px;
width: 33.33%;
padding: 23px 15px 0;
}
.contact-boxes .cbox:nth-child(3n+1){
padding-left: 0;
}
.contact-boxes .cbox:nth-child(3n+3){
padding-right: 0;
}
.contact-boxes .cbox, .contact-boxes .cbox a{
color: #2d2d2b;
font-size: 16px;
line-height: 1.625;
}
.contact-boxes .cbox p{
margin: 0;
padding: 0;
}
.contact-boxes .cbox p + p{
margin-top: 20px;
}
.contact-boxes .cbox::before{
content: "";
display: block;
position: absolute;
width: 40px;
height: 4px;
left: 0;
top: 8px;
background: #0fc547;
}
.contact-boxes .cbox:nth-child(2)::before, .contact-boxes .cbox:nth-child(3)::before{
left: 15px;
}
.contact-boxes .cbox a:hover{
color: #0fc547;
}
.go-down.contact-form {
right: -10px;
bottom: 7%;
}
.formc{
position: relative;
z-index: 4;
}
.formc .form-box{
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.formc .form-box .txt{
position: relative;
z-index: 3;
width: 25%;
float: left;
height: auto;
padding-left: 70px;
}
.formc .form-box .form-inner{
position: relative;
z-index: 2;
width: 55%;
float: left;
height: auto;
margin-left: 7%;
min-height: 200px;
padding-top: 80px;
padding-right: 68px;
background: #f4f5f6;
}
.formc .form-box::before{
content: "";
display: block;
width: calc( 300px );
height: 100%;
position: absolute;
left: 140px;
top: 0;
z-index: 1;
background: #f4f5f6;
}
.form-inner .frow{
position: relative;
width: 100%;
}
.form-inner .frow, .form-inner .cf-control-group {
position: relative;
width: 100%;
}
.form-inner .frow + .frow, .form-inner .cf-control-group + .cf-control-group{
margin-top: 22px;
}
::-webkit-input-placeholder {
opacity: 1;
color: #2d2d2b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
font-family: 'Muli', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
opacity: 1;
color: #2d2d2b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
font-family: 'Muli', sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
opacity: 1;
color: #2d2d2b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
font-family: 'Muli', sans-serif;
}
:-ms-input-placeholder {
opacity: 1;
color: #2d2d2b;
font-size: 16px;
font-weight: 400;
line-height: 26px;
font-family: 'Muli', sans-serif;
}
input.textInput, .cf-control-group input {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px solid transparent;
border-bottom: 2px solid #e8e8e8;
color: #2d2d2b;
font-weight: 400;
line-height: 26px;
font-size: 16px;
font-family: 'Muli', sans-serif;
padding: 10px 0;
position: relative;
width: 100%;
outline: none;
}
textarea.textInput, .cf-control-group textarea {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px solid transparent;
border-bottom: 2px solid #e8e8e8;
color: #2d2d2b;
font-weight: 400;
line-height: 26px;
font-size: 16px;
font-family: 'Muli', sans-serif;
padding: 10px 0;
position: relative;
width: 100%;
resize: none;
outline: none;
}
input.textInput:hover, textarea.textInput:hover, .cf-control-group input:hover, .cf-control-group textarea:hover{
border-bottom: 2px solid #87e2a3;
}
input.textInput:focus, textarea.textInput:focus, .cf-control-group input:focus, .cf-control-group textarea:focus{
border-bottom: 2px solid #0fc547;
}
input.textInput.error, textarea.textInput.error{
border-bottom: 2px solid #f0a8a8;
}
.addFile input[type="file"]{
position: absolute;
visibility: hidden;
}
.addFileButton {
color: #2d2d2b;
font-weight: 400;
line-height: 26px;
font-size: 16px;
font-family: 'Muli', sans-serif;
position: relative;
padding-left: 26px;
padding-top: 7px;
padding-bottom: 7px;
display: inline-block;
}
.addFileButton i{
color: #0fc547;
position: absolute;
left: 0;
top: 12px;
font-size: 18px;
}
.addFileButton:hover{
color: #0fc547;
opacity: 0.7;
}
.form-inner .frow.submit {
text-align: right;
margin-top: 35px;
overflow: initial;
height: 50px;
}
.form-inner .frow.submit .button, .form-inner button.cf-btn {
position: absolute;
right: -68px;
}
.form-inner label.error{
font-size: 12px;
color: #f06767;
line-height: 1.625;
position: absolute;
display: block;
bottom: -19px;
}
#thanks{
font-size: 20px;
line-height: 26px;
color: #2d2d2b;
padding-top: 28px;
min-height: 148px;
padding-bottom: 28px;
display: none;
}
.local-header{
position: relative;
padding: 91px 0 43px;
z-index: 4;
}
.local-header .txt{
padding-left: 70px;
}
.local-header .txt .mtit{
margin-bottom: 0;
}
.contact-map{
position: relative;
z-index: 4;
}
#mapp{
width: 100%;
height: 600px;
}
.top-bar{
position: relative;
width: 100%;
height: 92px;
}
/* DESKTOP */
@media screen and (max-width: 1699px) {
.top .logo{
padding-left: 50px;
}
.top .right_items .button_conf .button{
padding-left: 23px;
padding-right: 23px;
}
.bottom .right-cnt .but{
float: none;
}
.bottom .right-cnt .copy{
padding-top: 44px;
}
}
@media screen and (max-width: 1359px) {
/* MENU MOBILE */
.mobile-here{
}
.top{
height: 72px;
position: relative;
}
.top-bar{
display: none;
}
.top .logo {
padding-left: 20px;
width: 160px;
}
.top .logo img {
width: 120px;
margin-top: 16px;
}
.top .right_items{
display: none;
}
.top .hamburger{
display: block;
position: absolute;
right: 0;
top: 0;
width: 70px;
height: 70px;
background-color: #0fc547;
cursor: pointer;
}
.top .hamburger:hover {
opacity: 0.8;
}
.top .hamburger .inn{
display: block;
position: absolute;
width: 30px;
height: 2px;
background-color: #fff;
left: 20px;
}
.top .hamburger .inn:nth-child(1){
top: 24px;
}
.top .hamburger .inn:nth-child(2){
top: 34px;
}
.top .hamburger .inn:nth-child(3) {
top: 44px;
}
.mobile-menu-active .top .hamburger .inn:nth-child(2){
left: -200px;
opacity: 0;
}
.mobile-menu-active .top .hamburger .inn:nth-child(1){
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 34px;
left: 19px;
}
.mobile-menu-active .top .hamburger .inn:nth-child(3){
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 34px;
left: 19px;
}
body.mobile-menu-active .top .z_1 {
opacity: 0.4;
}
.mobile-menu{
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 120px;
z-index: 5;
border-top: 2px solid #e8e8e8;
box-shadow: 0px 0px 10px 0px rgba(45, 45, 45, 0.1);
}
.mobile-menu .mobileLayer{
position: absolute;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.6);
left: 0;
top: 0;
z-index: 1;
}
.mobile-menu .top-line{
height: 70px;
position: relative;
width: 100%;
border-bottom: 2px solid #e8e8e8;
background: #fff;
z-index: 2;
}
.mobile-menu .top-line .langs{
display: block;
height: 100%;
width: 92px;
border-right: 2px solid #e8e8e8;
border-left: 0px solid #e8e8e8;
padding-left: 0;
padding-right: 0;
float: left;
text-align: left;
}
.mobile-menu .top-line .container-10{
height: 100%;
}
.mobile-menu .top-line .langs ul li a{
padding-top: 21px;
}
.mobile-menu .top-line .langs ul li{
margin-left: 0px;
}
.mobile-menu .top-line .langs ul li:first-child{
margin-left: 0;
}
.mobile-menu .top-line .button_login{
float: left;
border-left: 0px solid transparent;
border-right: 2px solid #e8e8e8;
width: 68px;
}
.mobile-menu .top-line .button_login a {
margin-top: 17px;
}
.mobile-menu .top-line .button_conf{
width: 141px;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.mobile-menu .top-line .button_conf .button{
padding: 25px 20px;
height: 100%;
}
/*-------------------------------------------------------------------------------MENU MOBILNE-WAĹťNE!!-----------------------------------------------------------------*/
.mobile-menu .top-line {
display: none;
}
.mobile-menu .mmenu{
display: block;
position: relative;
width: 100%;
padding-top: 43px;
z-index: 2;
background-color: #fff;
padding-bottom: 46px;
box-shadow: 0px 0px 10px 0px rgba(45, 45, 45, 0.1);
}
.mobile-menu .mmenu .section-name{
font-size: 16px;
color: #969695;
font-weight: 800;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 1px;
}
.mobile-menu .submenu{
list-style: none outside none;
display: block;
position: relative;
margin-top: -2px;
}
.mobile-menu .submenu li, .mobile-menu .lmenu li{
display: block;
width: 100%;
position: relative;
padding-left: 8px;
}
.mobile-menu .lmenu li{
padding-left: 0;
}
.mobile-menu .submenu li a, .mobile-menu .lmenu li a{
font-size: 16px;
color: #2d2d2b;
font-weight: 800;
display: block;
}
.mobile-menu .submenu li.active a, .mobile-menu .submenu li a:hover, .mobile-menu .lmenu li.active a, .mobile-menu .lmenu li a:hover{
color: #0fc547;
}
.mobile-menu .submenu li.active a::before{
content: "";
display: block;
width: 10px;
height: 4px;
position: absolute;
background-color: #0fc547;
top: 13px;
left: -19px;
}
.mobile-menu .mmenu .submenu + .section-name{
margin-top: 14px;
}
.mobile-menu .lmenu{
margin-top: 8px;
margin-bottom: 8px;
}
/* MENU MOBILE */
.top .logo{
width: 230px;
}
.top .right_items{
width: calc( 100% - 240px );
}
.line-bg{
display: none;
}
.home-top .txt{
width: 40%;
padding-bottom: 50px;
}
.go-down{
right: 0;
}
.home-top .photo{
height: 590px;
}
.small-carousel{
display: block;
float: right;
width: 260px;
height: auto;
margin-top: 100px;
margin-right: 94px;
position: relative;
}
.small-carousel .txt{
text-align: center;
width: 100%;
padding: 0;
padding-bottom: 30px;
position: relative;
min-height: 0px;
}
.small-carousel .txt::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
width: 40px;
margin-left: -20px;
height: 4px;
background-color: #0fc547;
}
.small-carousel .txt .tit{
font-size: 40px;
font-weight: 800;
padding-top: 16px;
margin-bottom: -5px;
}
.small-carousel .txt p {
font-size: 20px;
line-height: 1.3;
font-weight: 400;
}
.small-carousel .controll{
font-size: 22px;
color: #0fc547;
position: absolute;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.small-carousel .controll:hover{
color: #87e2a3;
}
.small-carousel .controll.left{
left: -40px;
}
.small-carousel .controll.right{
right: -40px;
}
.home-suppliers .container-10{
background-size: 500px auto;
background-position: left 236px top 130px;
}
.container-10{
padding-left: 20px;
padding-right: 20px;
}
.supplier-box.sb-1 {
left: 20px;
top: 167px;
}
.supplier-box.sb-2 {
left: 20px;
top: 325px;
}
.supplier-box.sb-3 {
left: initial;
top: 113px;
right: 20px;
}
.supplier-box.sb-4 {
top: 264px;
right: 20px;
}
.bottom .container-10{
padding-left: 20px;
padding-right: 20px;
}
.home-prod .container-10::before {
width: 71%;
}
.home-top .txt{
padding-top: 90px;
padding-right: 0;
}
.go-down{
display: none;
}
.bottom .cols .col.col-3{
width: 17%;
}
.bottom .cols .col {
width: 13%;
}
.bottom .right-cnt .copy{
margin-right: 20px;
padding-top: 20px;
}
.cookies-info .right{
margin-right: 0;
}
.cookies-info .right .close-cookies{
right: 0;
}
.cookies-info .right .close-ok {
margin-left: 14px;
}
.about .home-about .txt{
padding-top: 87px;
}
.green-box .stit{
width: 43%;
}
.green-box .but{
margin-left: 4%;
}
.green-box .ico-box{
width: 37%;
}
.about-anim-carousel.small-carousel .ibox {
width: 100%;
position: relative;
}
.about-anim-carousel.small-carousel .ibox .icon {
width: 100%;
text-align: center;
}
.about-anim-carousel.small-carousel .ibox .icon i {
color: #0fc547;
font-size: 90px;
}
.about-anim-carousel.small-carousel .ibox .tit {
text-align: center;
font-size: 40px;
font-weight: 700;
line-height: 1.3;
padding-top: 11px;
}
.about-anim-carousel.small-carousel .ibox .itit {
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
padding-top: 11px;
}
.about-2 .line-bg {
display: block;
}
.formc .form-box::before {
width: calc( 100% - 140px );
}
.formc .form-box .form-inner{
float: right;
margin-right: 0px;
}
.about-3 .line-bg {
left: calc( 50% - 20px );
}
}
@media screen and (max-width: 1099px) {
.home-prod .but-full .but{
width: 350px;
}
.products-infoline.prod-sec-5 .stit{
white-space: nowrap;
}
.prod-2-sec-4 .container-10{
background-position: left 25px top 175px;
}
}
@media screen and (max-width: 1160px) {
.but.door-btn.rol {
margin-top: 0;
}
#oknvid-sent-button {
margin-right: unset;
}
.home-top .container-12{
width: 100%;
}
.home-top .photo {
width: 94%;
border-right: 2px solid #e8e8e8;
height: 301px;
}
.home-top .txt{
width: 94%;
padding-top: 41px;
padding-left: 20px;
padding-bottom: 25px;
position: relative;
}
.mtit{
font-size: 35px;
line-height: 1.14;
margin-bottom: 10px;
}
.go-down{
display: block;
bottom: initial;
top: 75px;
right: -9px;
}
.go-down::before{
content: "";
display: block;
width: 2px;
background-color: #e8e8e8;
height: 100px;
position: absolute;
bottom: 41px;
left: 9px;
}
.home-top .txt .desc{
padding-bottom: 62px;
border-bottom: 2px solid #e8e8e8;
}
.home-about{
padding-top: 25px !important;
padding-bottom: 0px !important;
}
.small-carousel{
float: none;
width: 100%;
margin-top: 25px;
margin-right: auto;
margin-left: auto;
max-width: 280px;
}
.small-carousel .txt .tit{
font-size: 35px;
padding-top: 3px;
margin-bottom: -2px;
}
.small-carousel .txt{
padding-left: 20px;
padding-right: 20px;
}
.small-carousel .controll.left{
left: 0;
}
.small-carousel .controll.right{
right: 0;
}
.home-about .owl-carousel {
z-index: 1;
}
.small-carousel .controll{
z-index: 2;
-webkit-transform: none;
transform: none;
top: 25px;
font-size: 20px;
}
.home-about .txt{
width: 100%;
text-align: center;
padding: 13px 0 0;
}
.home-about .small-carousel{
margin-bottom: 21px;
}
.stit{
font-size: 25px;
line-height: 1.3;
}
.subpage .stit{
line-height: 1.3;
}
.home-about .txt .desc {
padding-top: 5px;
min-height: 0;
padding-bottom: 43px;
}
.home-prod .container-10::before {
display: none;
}
.home-prod{
background: url(img/img5.jpg) no-repeat left top #f4f5f6;
padding-bottom: 39px;
}
.home-prod .but-full .but {
width: 200px;
height: 200px;
margin-right: -20px;
padding: 46px 44px;
}
.home-prod .but-full{
overflow: initial;
height: 200px;
}
.home-prod .but-full .but .stit {
padding-bottom: 13px;
}
.button-reverse{
padding-right: 54px;
}
.button-reverse:hover {
padding-right: 0px;
}
.button-reverse i {
margin-left: 15px;
}
.home-prod .txt{
padding-left: 0;
padding-right: 0;
padding-top: 172px;
padding-bottom: 20px;
}
.home-prod .boxes.dsk {
padding: 0px 20px;
display: none;
}
.home-prod .boxes.mob{
display: block;
padding: 0px 20px;
width: 280px;
margin-left: auto;
margin-right: auto;
}
.home-prod .boxes.mob .box{
float: none;
width: 100%;
padding-top: 10px;
}
.home-prod .boxes.mob .box .ico i {
font-size: 82px;
}
.home-prod .boxes.mob .box .ico {
height: 113px;
}
.home-prod .boxes.mob .controll{
z-index: 2;
-webkit-transform: none;
transform: none;
top: 50px;
font-size: 20px;
color: #0fc547;
position: absolute;
}
.home-prod .boxes.mob .controll.left{
left: 0px;
}
.home-prod .boxes.mob .controll.right{
right: 0px;
}
.home-suppliers {
padding: 61px 0 111px;
}
.home-suppliers .container-10{
height: auto;
background-image: none;
}
.supplier-box{
width: 100%;
position: relative;
margin-bottom: -3px;
}
.supplier-box .logos{
border-right: 0px solid transparent;
}
.supplier-box.right-style .logos {
border-right: 0px solid transparent;
border-left: 0px solid transparent;
}
.supplier-box.sb-1 {
left: 0px;
top: 33px;
}
.supplier-box h4{
padding-bottom: 2px;
}
.supplier-box .logos ul li{
padding-top: 25px;
}
.supplier-box.sb-2 {
left: 0px;
top: 35px;
}
.supplier-box.sb-3{
top: 36px;
right: initial;
}
.supplier-box.right-style h4 {
text-align: left;
}
.supplier-box.sb-4 {
top: 39px;
right: initial;
}
.home-shipping{
padding-bottom: 0;
}
.home-shipping::before{
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 100%;
background: url(img/img3.jpg) no-repeat left top transparent;
background-size: cover;
}
.home-shipping .container-10{
background-image: none;
}
.home-shipping .txt{
padding-top: 140px;
}
.home-shipping .txt {
float: none;
width: 100%;
padding-top: 141px;
min-height: 0;
padding-bottom: 72px;
}
.home-shipping .txt .stit {
margin-bottom: 22px;
}
.home-shipping .button.shipping {
position: relative;
left: 0;
}
.home-shipping .but{
text-align: center;
margin-top: 42px;
}
.home-shipping .but .button + .button{
margin-top: 20px;
}
.bottom .right-cnt{
width: 100%;
}
.bottom .right-cnt .but .button{
padding: 10px 15px 10px 54px;
}
.bottom .right-cnt .copy{
display: none;
}
.bottom .right-cnt{
position: relative;
right: initial;
}
.bottom .col-2 ,.bottom .col-1 {
display: none;
}
.bottom .container-10{
padding: 12px 20px;
}
.bottom .cols .col.col-3{
width: 100%;
margin-left: 0;
}
.bottom .ftit {
padding-bottom: 5px;
}
.bottom .cols .col{
width: 100%;
margin-left: 0;
}
.bottom ul.socials {
padding-top: 12px;
}
.bottom ul.socials li + li {
margin-left: 20px;
}
.bottom .cnt {
padding-top: 7px;
}
.bottom .col-5 {
display: block;
padding-top: 10px;
}
.bottom .cols .col-5{
min-height: 62px;
}
.bottom .col-5 .copy p{
margin-top: -5px;
}
.cookies-info {
padding: 43px 0 20px;
background-color: #f4f5f6;
position: relative;
}
.cookies-info .right .close-cookies{
right: 20px;
top: 13px;
}
.cookies-info .left {
width: 100%;
float: none;
}
.cookies-info .right .close-ok{
margin-right: 0;
}
.cookies-info .right {
width: 100%;
float: none;
position: static;
}
.cookies-info p{
font-size: 14px;
line-height: 1.57;
}
.cookies-info .right{
padding-top: 6px;
}
.products-header .linebg{
display: none;
}
.go-down.prod-1{
display: none;
}
.products-header .txt{
width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 100px;
}
.products-header {
padding: 3px 0;
}
.products-header .desc {
padding-top: 10px;
}
.products-header .ico-boxes{
display: none;
}
.small-carousel.padd-arrow{
padding-left: 30px;
padding-right: 30px;
}
.products-header .txt{
padding-bottom: 19px;
}
.products-header .small-carousel{
margin-top: 22px;
padding-bottom: 65px;
border-bottom: 0px solid #e8e8e8;
display: block;
}
.small-carousel .ibox{
width: 100%;
position: relative;
}
.products-header .container-10::after{
content: "";
display: block;
position: absolute;
height: 2px;
left: 20px;
bottom: 0;
background-color: #e8e8e8;
width: calc( 100% - 40px );
}
.small-carousel .ibox .icon{
width: 100%;
text-align: center;
}
.small-carousel .ibox .icon i{
color: #0fc547;
font-size: 90px;
}
.small-carousel .ibox .itit{
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
padding-top: 11px;
}
.products-infoline.prod-sec-1 .container-10 {
height: auto;
background-image: none;
}
.products-infoline .info-head{
padding-left: 0;
padding-bottom: 21px;
}
.products-infoline .stit {
padding-bottom: 13px;
}
.prod-sec-1 .log img{
width: 92px;
}
.products-infoline.prod-sec-1 .stit {
padding-bottom: 9px;
}
.products-infoline.prod-sec-1 .txt-place{
display: none;
}
.products-infoline.prod-sec-1 .small-carousel{
display: block;
margin-top: 0;
}
.prod-sec-1 .carousel-outer{
width: 100%;
position: relative;
padding: 23px 0px 26px;
}
.prod-sec-1 .carousel-outer::before{
content: "";
display: block;
position: absolute;
left: -20px;
top: 0;
width: calc( 100% + 40px );
height: 100%;
background-color: #f4f5f6;
}
.prod-sec-1 .carousel-outer .small-carousel{
z-index: 2;
}
.small-carousel .item-txt{
display: block;
width: 100%;
position: relative;
text-align: center;
font-size: 20px;
line-height: 1.3;
font-weight: 400;
color: #2d2d2b;
}
.pi-photo{
display: block;
position: relative;
width: 100%;
height: 410px;
}
.pi-photo::before{
content: "";
display: block;
position: absolute;
left: -20px;
top: 0;
width: calc( 100% + 40px );
height: 100%;
background: url(img/img4-1.jpg) no-repeat center 18px #fff;
background-size: 100%;
}
.prod-sec-2 .inn{
padding-left: 0;
padding-right: 0;
}
ul.accordion li .atitle{
width: calc( 100% - 60px );
float: none;
}
ul.accordion li .head{
padding: 14px 0;
}
ul.accordion li .head .ico-data{
float: none;
width: calc( 100% - 60px );
font-size: 16px;
padding-left: 43px;
padding-top: 24px;
}
ul.accordion li .head .ico-data i{
top: 19px;
}
ul.accordion li .a-switcher i{
font-size: 28px;
}
ul.accordion li .a-switcher i{
top: 53%;
}
.accord-boxes .abox {
float: none;
width: 100%;
margin-left: 0px;
padding: 40px 0;
}
.accord-boxes .abox{
padding: 44px 0 0px;
}
.accord-boxes .abox .photo img{
margin-left: 10px;
}
.accord-boxes .abox .desc{
padding-top: 5px;
padding-left: 10px;
}
.accord-boxes{
padding: 8px 0;
}
ul.accordion li .content{
padding-bottom: 57px;
}
.prod-sec-2{
padding-bottom: 80px;
}
.prod-sec-3 .inn{
padding: 40px 0 47px;
}
.prod-sec-3 .txt{
float: none;
width: 100%;
text-align: center;
}
.prod-sec-3 .logos{
float: none;
width: 100%;
padding-top: 35px;
}
.prod-sec-3 .logos .line .lab{
text-align: center;
display: block;
padding-top: 0px;
}
.prod-sec-3 .logos .line .log-box{
float: none;
width: 100%;
text-align: center;
padding-top: 25px;
}
.prod-sec-3 .logos .line .log-box img + img {
margin-left: 20px;
}
.prod-sec-3 .logos .line .log-box img{
height: 23px;
}
.prod-sec-3 .logos .line{
padding-bottom: 23px;
}
.prod-sec-3 .logos .line:last-child{
border-bottom: 0px solid transparent;
}
.prod-sec-4 {
padding: 0px 0 0;
}
.prod-sec-4 .carousel-outer{
display: block;
}
.products-infoline.prod-sec-4 .info-head::before, .products-infoline.prod-sec-5 .info-head::before{
content: "";
display: block;
width: calc( 100% + 40px );
left: -20px;
top: 0;
height: 100%;
background-color: #fff;
position: absolute;
z-index: 1;
}
.products-infoline.prod-sec-4 .info-head .stit, .products-infoline.prod-sec-4 .info-head .log,
.products-infoline.prod-sec-5 .info-head .stit, .products-infoline.prod-sec-5 .info-head .log{
position: relative;
z-index: 2;
}
.products-infoline .info-head .log img{
height: 20px;
}
.products-infoline .stit {
padding-bottom: 22px;
}
.prod-sec-4 .txt-place{
display: none;
}
.prod-sec-4 .carousel-outer{
position: relative;
width: calc( 100% + 40px );
left: -20px;
background: #f4f5f6;
padding: 24px 0;
}
.prod-sec-4 .carousel-outer .small-carousel{
margin-top: 0;
}
.prod-sec-4 .container-10{
height: 616px;
background: url(img/img11.jpg) no-repeat center bottom transparent;
}
.prod-sec-5{
padding: 0 0px;
}
.products-infoline.prod-sec-5 .info-head {
padding-top: 41px;
padding-left: 0px;
border-top: 2px solid #ebebeb;
padding-bottom: 14px;
}
.products-infoline.prod-sec-5 .info-head .log img {
height: 30px;
}
.products-infoline.prod-sec-5 .stit {
padding-bottom: 18px;
}
.products-infoline.prod-sec-5 .txt-place {
display: none;
}
.prod-sec-5 .carousel-outer{
margin-top: 0;
width: calc( 100% + 40px );
margin-left: -20px;
background-color: #f6f6f7;
padding: 10px 0 41px;
display: block;
}
.prod-sec-5 .small-carousel .controll{
top: 15px;
}
.prod-sec-5 .container-10 {
background: url(img/img12.jpg) no-repeat center bottom transparent;
height: 658px;
}
.arrow-list li a{
font-size: 16px;
}
.arrow-list li a i{
font-size: 14px;
top: 4px;
}
.arrow-list li a span{
display: inline-block;
padding-left: 40px;
padding-right: 0px;
}
.arrow-list li a:hover span{
padding-left: 48px;
padding-right: 0px;
opacity: 0.8;
}
.arrow-list li a:hover i{
left: 0;
}
.arrow-list li + li {
margin-top: 12px;
}
.products-infoline .info-head .log img{
height: auto;
}
.prod-2-sec-1 .small-carousel .controll{
top: 2px;
}
.prod-2-sec-1 .pi-photo::before {
background: url(img/img16.jpg) no-repeat center top #f7f8f9;
}
.prod-2-sec-4 .small-carousel .controll{
top: 12px;
}
.prod-2-sec-4 .container-10{
background: url(img/img17.jpg) no-repeat center bottom transparent;
}
.prod-2-section-5 .inn {
padding: 20px 0px 60px;
}
.prod-2-section-5 {
padding-bottom: 60px;
}
.products-infoline.prod-3-sec-1 .txt-place{
display: none;
}
.prod-3-sec-1 .carousel-outer{
position: relative;
width: calc( 100% + 40px );
margin-left: -20px;
background-color: #f4f5f6;
padding: 20px 0 0;
}
.products-header.prod-3-sec-1 .small-carousel {
margin-top: 3px;
padding-bottom: 0px;
padding-top: 0;
}
.prod-3-sec-1 .small-carousel .controll{
top: 12px;
}
.prod-3-sec-1 .pi-photo{
height: 290px;
}
.prod-3-sec-1 .pi-photo::before{
background: url(img/img19.jpg) no-repeat center bottom transparent;
}
.products-header.prod-3-sec-1 .container-10::after {
display: none;
}
.info-txt-prod .inn {
padding: 0 0px;
}
.info-txt-prod .txt{
padding-top: 30px;
}
.prod-3-sec-3 {
padding-top: 15px;
}
.products-infoline.prod-3-sec-3 .info-head {
padding-top: 20px;
}
.prod-3-sec-3 .txt-place{
display: none;
}
.prod-3-sec-1 .image-line-1{
display: none;
}
.prod-3-sec-3 .image-line-2{
display: none;
}
.prod-3-sec-3 .carousel-outer{
display: block;
width: calc( 100% + 40px );
margin-left: -20px;
background: #f4f5f6;
padding: 24px 0;
}
.prod-3-sec-3 .carousel-outer .small-carousel{
margin-top: 0;
}
.prod-3-sec-3 .small-carousel .controll{
top: 0;
}
.prod-3-sec-3 .pi-photo{
height: 290px;
}
.prod-3-sec-3 .pi-photo::before{
background: url(img/img18.jpg) no-repeat center bottom transparent;
}
.prod-3-sec-3 .container-10 {
height: 571px;
}
.prod-3-sec-4 {
margin-bottom: 61px;
}
.prod-4-sec-1 .txt-place, .prod-4-sec-1 .image-line-1{
display: none;
}
.products-infoline.prod-4-sec-1 .stit {
padding-bottom: 35px;
}
.prod-4-sec-1 .carousel-outer{
position: relative;
width: calc( 100% + 40px );
margin-left: -20px;
background-color: #f4f5f6;
}
.products-header.prod-4-sec-1.prod-4-sec-1 .small-carousel {
margin-top: 0px;
padding-top: 23px;
padding-bottom: 26px;
}
.prod-4-sec-1 .pi-photo::before{
background: url(img/img21.jpg) no-repeat center top #ffffff;
}
.prod-4-sec-1 .small-carousel .controll{
top: 34px;
}
.prod-4-sec-1 .container-10 {
height: 689px;
}
.prod-4-sec-2 .inn {
padding-left: 0px;
padding-right: 0px;
}
.prod-4-sec-2{
padding-top: 50px;
padding-bottom: 70px;
}
ul.accordion.style-2 li .atitle {
width: calc( 100% - 60px );
}
.abox-txt .photo{
padding-top: 0;
float: none;
width: 100%;
}
.abox-txt .txt {
float: none;
width: 100%;
padding-top: 7px;
}
.abox-txt{
padding-bottom: 0;
}
.about .home-top .photo{
margin-top: 20px;
width: 100%;
float: none;
height: 270px;
}
.about .home-top .txt {
padding-left: 0px;
float: none;
width: 100%;
padding-bottom: 3px;
}
.mtit.smaller{
font-size: 25px;
line-height: 1.2;
margin-bottom: 14px
}
.about .home-top .txt .desc {
padding-bottom: 41px;
border-bottom: 0px solid #e8e8e8;
}
.about .home-about{
overflow: hidden;
padding-bottom: 64px;
}
.about .home-about .photo{
float: left;
width: 100%;
}
.about .home-about .photo-mobile{
display: block;
width: 100%;
height: 269px;
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
}
.about .home-about .photo{
display: none;
}
.about .home-about .txt {
padding-top: 42px;
width: 100%;
float: none;
text-align: left;
min-height: 0;
}
.about .home-about .txt .desc {
padding-top: 7px;
padding-bottom: 0px;
}
.about-contact-forms .container-10 {
padding-left: 0px;
padding-right: 0px;
}
.green-box {
padding: 41px 20px 44px;
}
.green-box .stit {
width: 100%;
padding-right: 0px;
float: none;
}
.green-box .ico-box {
width: 100%;
padding-top: 20px;
float: none;
}
.green-box .ico-box ul li + li {
margin-left: 12%;
}
.green-box .but {
margin-left: 0;
float: none;
width: auto;
margin-top: 19px;
}
.about-anim-sec .container-10 {
padding-left: 20px;
}
.about-anim-sec .container-10 .inn{
padding-top: 15px;
padding-bottom: 64px;
}
.about-anim-sec .small-carousel .controll{
top: 33px;
}
.about-anim-carousel.small-carousel .ibox .tit{
padding-top: 8px;
}
.about-anim-carousel.small-carousel .ibox .itit{
padding-top: 3px;
}
.about-anim-sec .txt{
float: none;
width: 100%;
padding-top: 35px;
padding-bottom: 0px;
}
.about-anim-sec .txt .cnt {
padding-top: 8px;
}
.about-last {
padding: 42px 0 65px;
}
.quality-boxes{
max-width: 280px;
margin-left: auto;
margin-right: auto;
}
.quality-boxes .item-1 {
width: 100%;
margin-left: 0;
}
.quality-boxes .item-2{
width: 100%;
}
.quality-boxes .item {
min-height: 80px;
float: none;
}
.quality-boxes .item .arrow-icon .icon-arrow_big_r{
position: absolute;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: -35px;
margin-top: 33px;
}
.quality-boxes .item .arrow-icon{
width: auto;
margin-top: 0;
height: 150px;
position: relative;
}
.quality-boxes .item-3 {
width: 100%;
margin-left: 0;
}
.quality-boxes .item-4 {
width: 100%;
margin-left: 0;
}
.quality-boxes .item-5 {
width: 100%;
margin-left: 0%;
}
.about-2 .line-bg {
display: none;
}
.top-phot-sec{
padding: 20px 0;
margin-top: 30px;
}
.about-2-info{
padding-top: 25px;
padding-bottom: 65px;
}
.about-2-info .txt{
width: 100%;
padding-left: 0;
}
.about-term .txt{
padding-left: 0;
}
.about-3 .about-2-info {
padding-bottom: 43px;
}
.about-term .mtit{
padding-top: 45px;
padding-bottom: 31px;
}
.gray-list{
width: calc( 100% + 40px );
margin-left: -20px;
padding: 50px 20px;
}
.about-term{
padding-bottom: 50px;
}
.files-head{
padding-top: 43px;
padding-bottom: 20px;
}
.files-head .txt{
padding-left: 0;
}
.files-head .mtit.smaller{
margin-bottom: 7px;
}
/* .files-head .choose-items{
display: none;
} */
.files-head .selectbox{
display: block;
margin-top: 23px;
}
.gray-list{
padding-top: 20px;
padding-bottom: 46px;
}
.gray-list.files .left, .gray-list .left{
width: 100%;
padding-right: 0;
float: none;
}
.gray-list ul li, .gray-list ul li span, .gray-list ul li a{
line-height: 1.625;
}
.gray-list ul li{
padding-top: 22px;
padding-bottom: 24px;
}
.gray-list.files .right, .gray-list .right{
float: none;
width: 100%;
text-align: left;
padding-top: 4px;
}
.download-files{
padding-bottom: 51px;
}
.tab-item .but{
padding-right: 0;
text-align: center;
}
.contact-head {
padding: 44px 0 64px;
margin-top: 50px;
}
.contact-head .txt {
padding-left: 0px;
}
.contact-head .mtit.smaller{
margin-bottom: 7px;
}
.contact-boxes .cbox{
padding-left: 0;
padding-right: 0;
width: 100%;
}
.contact-boxes .cbox::before {
display: none;
}
.contact-boxes .cbox:first-child::before {
display: block;
}
.contact-boxes .cbox + .cbox{
margin-top: 12px;
}
.formc .form-box .txt{
padding-left: 0px;
padding-top: 44px;
width: 100%;
float: none;
}
.formc .form-box .form-inner{
float: none;
width: 100%;
margin: 0;
}
.formc .form-box .form-inner{
padding-top: 12px;
}
.form-inner .frow.submit .button {
margin-right: 0px;
}
.form-inner .frow.submit{
text-align: center;
}
.formc .form-box::before {
width: calc( 100% + 40px );
left: -20px;
}
.formc .form-box {
padding-bottom: 70px;
}
.formc .form-box{
overflow: initial;
}
.local-header {
padding: 46px 0 13px;
}
.local-header .txt {
padding-left: 0px;
}
#mapp {
height: 402px;
}
.formc .form-box .form-inner{
padding-right: 0px;
}
.form-inner .frow.submit .button{
position: relative;
right: initial;
}
}
.fileUpload {
position: relative;
overflow: hidden;
text-align: center;
border: 0;
border-radius: 0;
margin: 0 auto;
height: 45px;
color: #2d2d2b;
}
input[type="multifile" i] {
-webkit-appearance: initial;
background-color: initial;
padding: initial;
border: initial;
margin-top: -32px;
width: 152px;
cursor: pointer;
}
.wpcf7-multifile
{position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0.5);
font-size: 5em; }
.btn-block {
display: block;
width: 100%;
}
.wpcf7-multifile:hover {
color: #0fc547;
cursor: pointer;
}
.upload-your-file {
padding-right: 10px;
}
.upload-your-file-first {
padding-right: 10px;
}
.upload-your-file-second {
padding-right: 10px;
}
.upload-your-file-third {
padding-right: 10px;
}
.upload-your-file-fourth {
padding-right: 10px;
}
.upload-button span {
cursor: pointer !important;
}
.tidio-chat iframe {
width: 277px;
height: 90px;
}
.offline, .online {
right: 0 !important;
}
.choose-items .label {
-moz-outline: none;
-o-outline: none;
outline: none;
}
.mega_std_ul li a {
-moz-outline: none;
-o-outline: none;
outline: none;
}
.mega_product_ul li a {
-moz-outline: none;
-o-outline: none;
outline: none;
}
.top .logo img {
-moz-outline: none;
-o-outline: none;
outline: none;
}
a {
-moz-outline: none;
-o-outline: none;
outline: none;
}
.hidden-button {
-webkit-transition: .4s;
transition: .4s;
}
.hidden-button:hover {
color: #0fc547;
}
.hidden-button-first {
display: none;
-webkit-transition: .4s;
transition: .4s;
}
.hidden-button-first:hover {
color: #0fc547;
}
.hidden-button-second {
display: none;
margin-top: -25px;
-webkit-transition: .4s;
transition: .4s;
}
.hidden-button-second:hover {
color: #0fc547;
}
.hidden-button-third {
display: none;
margin-top: -25px;
-webkit-transition: .4s;
transition: .4s;
}
.hidden-button-third:hover {
color: #0fc547;
}
.hidden-button-fourth {
display: none;
margin-top: -25px;
-webkit-transition: .4s;
transition: .4s;
}
.hidden-button-fourth:hover {
color: #0fc547;
}
div.wpcf7 input[type="file"] {
height: 30px;
}
#delete-file {
position: absolute;
z-index: 2;
padding-left: 40px;
color: #f0686a;
-webkit-transition: .4s;
transition: .4s;
right: 0;
}
#delete-file:hover {
opacity: 0.8;
}
#delete-file-first {
position: absolute;
z-index: 2;
padding-left: 40px;
color: #f0686a;
-webkit-transition: .4s;
transition: .4s;
right: 0;
}
#delete-file-first:hover {
opacity: 0.8;
}
#delete-file-second {
position: absolute;
z-index: 2;
padding-left: 40px;
color: #f0686a;
-webkit-transition: .4s;
transition: .4s;
right: 0;
}
#delete-file-second:hover {
opacity: 0.8;
}
#delete-file-third {
position: absolute;
z-index: 2;
padding-left: 40px;
color: #f0686a;
-webkit-transition: .4s;
transition: .4s;
right: 0;
}
#delete-file-third:hover {
opacity: 0.8;
}
#delete-file-fourth {
position: absolute;
z-index: 2;
padding-left: 40px;
color: #f0686a;
-webkit-transition: .4s;
transition: .4s;
right: 0;
}
#delete-file-fourth:hover {
opacity: 0.8;
}
/* OKNOVID2.0 */
#block-website {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.5;
z-index: 99;
}
#popup-gallery {
display: none;
position: absolute;
z-index: 999;
width: 100%;
margin-left: -20px;
padding: 50px 70px;
background: #fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
padding-bottom: 37px;
}
.close-gallery {
width: 50px;
height: 50px;
float: right;
background: #f4f5f6;
margin-top: -50px;
margin-right: -70px;
padding-left: 17px;
padding-top: 13px;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
cursor: pointer;
}
.close-gallery:hover {
opacity: 0.6;
}
.close-gallery i {
color: #0fc547;
}
.gallery .gal-box.popup {
padding-bottom: 35%;
}
.products-header .container-10 {
border-bottom: 2px solid #e8e8e8;
margin-bottom: 71px;
}
.product_page .products-header .container-10 {
margin-bottom: 0;
}
.product_page .products-header .after_description ul {
margin-bottom: 40px;
}
.products-infoline.prod-sec-1 .container-10.tab-container-2 {
background: none;
}
#tab1 {
height: 600px;
background: url(img/img7-1.jpg) no-repeat 0 50px transparent;
padding-top: 50px;
}
.container-10.tab-container-2 #tab1 {
background: url(img/door-desc.jpg) no-repeat center 40px transparent;
background-size: 301px 440px;
height: 482px;
padding-bottom: 0;
border-bottom: 2px solid #e8e8e8;
}
#tab1 .txt-place {
float: right;
margin-right: 140px;
margin-top: 0;
}
.container-10.tab-container-2 #tab1 .txt-place {
float: left;
margin-right: 0px;
margin-top: 0;
margin-left: -19px;
height: auto;
}
.container-10.tab-container-2 #tab1 .txt-place.tab-1-right {
float: right;
margin-right: 0px;
margin-top: 0;
margin-right: -20px;
height: auto;
}
#tab1 .tb-1 {
top: 0px;
}
.container-10.tab-container-2 #tab1 .tb-1 {
top: 30px;
}
.container-10.tab-container-2 #tab1 .tb-6 {
top: 30px;
}
#tab1 .tb-2 {
top: 125px;
}
.container-10.tab-container-2 #tab1 .tb-2 {
top: 155px;
}
.container-10.tab-container-2 #tab1 .tb-7 {
top: 155px;
}
#tab1 .tb-3 {
top: 250px;
}
.container-10.tab-container-2 #tab1 .tb-3 {
top: 280px;
}
#tab1 .tb-4 {
top: 375px;
}
#tab2 {
height: 600px;
background: url(img/img8-1.jpg) no-repeat 0 50px transparent;
padding-top: 50px;
}
.container-10.tab-container-2 #tab2 {
background: none;
padding-left: 0;
padding-right: 0;
display: flex;
justify-content: space-between;
}
.container-10.tab-container-2 #tab2 .left-gal {
width: 625px;
}
.container-10.tab-container-2 #tab2 .gal-txt {
width: 395px;
}
#tab2 .txt-place {
float: right;
margin-right: 140px;
margin-top: 0;
}
#tab2 .tb-6 {
top: 0px;
}
#tab2 .tb-7 {
top: 125px;
}
#tab2 .tb-8 {
top: 250px;
}
#tab2 .tb-9 {
top: 375px;
}
#tab2 .but{
position: absolute;
bottom: -87px;
left: -110px;
width: 260px;
z-index: 4;
}
#tab3 {
height: 600px;
background: url(img/img9-1.jpg) no-repeat 0 50px transparent;
padding-top: 50px;
}
#tab3 .txt-place {
float: right;
margin-right: 140px;
margin-top: 0;
}
#tab3 .tb-10 {
top: 0px;
background-color: #f4f5f6;
}
#tab3 .tb-11 {
top: 125px;
background-color: #f4f5f6;
}
#tab3 .tb-12 {
top: 250px;
background-color: #f4f5f6;
}
#tab4 {
margin-top: 50px;
height: 600px;
background: url(img/img2-1.png) no-repeat 50% 0px transparent;
}
#tab4 .supplier-box.sb-1 {
top: 175px;
left: 4px;
}
#tab4 .supplier-box.sb-2 {
top: 335px;
left: 5px;
}
#tab4 .supplier-box.sb-3 {
top: 175px;
right: 4px;
}
#tab4 .supplier-box.sb-4 {
top: 335px;
right: 4px;
}
.products-infoline.prod-sec-1 .container-10 {
height: 777px;
}
.products-infoline.prod-sec-1 .container-10.windows_1 {
padding-top: 0px;
}
.title-with-logo {
width: 100%;
display: flex;
justify-content: space-between;
padding-bottom: 50px;
}
.title-with-logo img {
margin-right: 70px;
height: 23px;
margin-top: 10px;
}
.title-with-logo .stit {
margin-bottom: 0;
}
ul.accordion li .head {
padding: 0 0;
width: 326px;
}
ul.accordion li .atitle {
padding: 15px;
width: 90%;
}
.products_list ul.accordion li .atitle {
min-height: 90px;
}
ul.accordion li .a-switcher {
height: 90px;
bottom: 0 !important;
width: 50px;
background-repeat: no-repeat;
background-position: center center;
}
ul.accordion li .a-switcher:hover {
background-color: #0fc547;
}
ul.accordion li .a-switcher:hover i {
color: white;
}
ul.accordion {
display: flex;
}
.products_list ul.accordion {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-row: 20px;
grid-column-gap: 20px;
grid-row-gap: 30px;
}
ul.accordion.new-acc-flex {
justify-content: flex-start;
}
ul.accordion li:first-child {
margin-top: -2px;
}
ul.accordion li {
width: auto;
}
.accord-boxes {
position: absolute;
width: 1120px;
height: auto;
overflow: hidden;
margin-top: -400px;
}
.box-1-windows {
border-bottom: 2px solid #0fc547;
}
.box-2-windows {
margin-left: -346px;
border-bottom: 2px solid #0fc547;
}
.box-3-windows {
margin-left: -346px;
border-bottom: 2px solid #0fc547;
}
.prod-sec-2 .inn {
padding-left: 0;
padding-right: 0;
}
.content-reg-pos {
width: 30px;
height: 400px;
opacity: 0;
}
.profiles {
display: flex;
justify-content: center;
}
.alu-prof, {
width: 50%;
}
.container-10.new-bg {
background-image: none;
background-color: ;
background:url(img/last-sec-window.jpg) no-repeat 0 45px transparent;
height: 560px;
}
.products-infoline.prod-sec-5 .stit {
padding-top: 48px;
}
.but.profiles .button.white {
background: #fff;
margin-top: 117px;
}
.products-header.ok20 .txt {
padding-left: 0;
padding-right: 50px;
}
.products-header.ok20 .ico-boxes {
margin-left: 0;
}
.products-header.ok20 .ico-boxes .ibox:nth-child(1) .itit{
padding-top: 17px;
}
.products-header.ok20 .ico-boxes .ibox:nth-child(3) .itit {
padding-top: 19px;
}
/*---NEW TABS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->*/
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 60px;
width: 100%;
margin-left: 76px;
}
.container-10.tab-container-2 ul.tabs {
/*margin-left: 205px;*/
margin-left: 38px;
}
ul.tabs li {
background: #0fc547;
font-size: 20px;
width: 235px;
text-align: center;
border: none;
outline:none;
color: #fff;
height: 52px;
margin-left: 1px;
float: left;
padding-top: 10px;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
cursor: pointer;
}
.container-10.tab-container-2 ul.tabs li {
width: 340px;
}
ul.tabs li:hover {
opacity: 0.7;
}
.tab_last { border-right: 1px solid #333; }
ul.tabs li.active {
position: relative;
background: #fff;
color: #2d2d2b !important;
border-left: 2px solid #0fc547 !important;
border-top: 2px solid #0fc547 !important;
border-right: 2px solid #0fc547 !important;
font-size: 20px;
width: 235px;
text-align: center;
border: none;
outline: none;
color: #fff;
height: 63px;
margin-right: -2px;
margin-left: -2px;
float: left;
margin-top: -9px;
padding-top: 15px;
cursor: default;
}
ul.tabs li.active:hover {
opacity: 1;
}
.tab_container {
border-top: 2px solid #0fc547 !important;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #fff;
overflow: auto;
margin-top: -8px;
}
.tab_container.window-con {
height: 674px;
}
.tab_content {
padding: 20px;
display: none;
}
.tab_drawer_heading { display: none; }
.accord-boxes .abox {
margin-left: 34px;
}
.profiles-imgs {
display: none;
}
.container-10.tab-container-2 .prod-2-sec-4 {
padding-top: 0;
}
.products-infoline.prod-sec-1 .container-10.tab-container-2 {
height: 640px;
margin-top: 166px;
margin-bottom: 40px
}
.products-header.doors-website .linebg{
z-index: 0;
}
.products-header.doors-website .ico-boxes.prod-2 {
padding-bottom: 60px;
}
.ico-boxes.prod-2.ok20 {
margin-left: 0;
}
.products-header.doors-website .txt {
padding-left: 0;
}
.prod-2-sec-4 {
padding-top: 0;
}
.container-10.last-sc-tab-2 {
background: none;
height: 1140px;
}
.products-header .container-10 {
border-bottom: none;
}
.container-10.last-sc-tab-2 .info-head {
padding-left: 0;
}
.three-column-grid {
display: flex;
justify-content: flex-start;
border-bottom: 2px solid #e8e8e8;
}
.col-elem {
width: 328px;
text-align: center;
margin-right: 20px;
}
.door-title {
text-align: left;
font-size: 20px;
padding-top: 28px;
padding-bottom: 28px;
padding-left: 25px;
border-bottom: 2px solid #e8e8e8;
border-top: 2px solid #e8e8e8;
margin-top: -7px;
}
.three-column-grid .arrow-list-outer {
padding-top: 40px;
padding-bottom: 35px;
text-align: left;
}
.three-column-grid .arrow-list li a span {
padding-left: 35px;
padding-right: 35px;
font-size: 18px;
}
.but.door-btn {
text-align: center;
margin-top: 70px;
margin-bottom: 120px;
}
.but.door-btn.rol {
margin-bottom: 110px;
}
.three-column-grid.last {
border-bottom: none;
padding-bottom: none;
margin-bottom: 100px;
justify-content: flex-start;
}
.three-column-grid.last .col-elem {
width: 395px;
}
.three-column-grid.last .door-title {
padding-left: 0;
padding-bottom: 15px;
}
.three-column-grid.last .col-elem:first-child {
width: 210px;
margin-right: 70px;
}
.door-title.prod-title {
border: none;
}
.three-column-grid .col-elem.prod-logo-1 {
}
.three-column-grid .col-elem.prod-logo-2 {
}
.three-column-grid h2.stit {
text-align: left;
padding-top: 35px;
}
.prod-on-mobile {
display: none;
}
.head.rol .atitle.rol {
padding: 28px;
}
.head.rol.last .atitle.rol {
padding-top: 29px;
background-color: #fff;
}
.accord-boxes.box-1-windows.rol {
display: flex;
padding-bottom: 50px;
border-bottom: 2px solid #0fc547;
background-color: #ffffff;
width: 1095px;
}
.accord-boxes.box-2-windows.rol {
display: flex;
padding-bottom: 50px;
border-bottom: none;
background-color: #ffffff;
width: 1095px;
border-bottom: 2px solid #0fc547;
}
.accord-boxes.box-3-windows.rol {
display: flex;
padding-bottom: 50px;
border-bottom: none;
background-color: #ffffff;
width: 1095px;
border-bottom: 2px solid #0fc547;
}
.accord-boxes.rol {
width: 1089px;
}
.images-grid {
width: 575px;
margin-right: 49px;
}
.images-grid img {
padding-top: 50px;
padding-left: 20px;
}
.images-grid-with-title {
display: flex;
width: 575px;
margin-right: 49px;
}
.desc-grid {
padding-top: 50px;
width: 400px;
}
.img-with-title {
padding-top: 50px;
}
.img-with-title img {
padding-top: 0;
padding-right: 20px;
}
.img-with-title .itp-tit {
padding-bottom: 10px;
}
.col-elem.prod-logo-1.rol {
padding-top: 30px;
}
.container-10.rol-main {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 2px solid #e8e8e8;
background-color: #ffffff;
padding-top: 15px;
}
.accord-boxes.box-1-windows.rol {
width: 1025px
}
.content-reg-pos.first-acordion.roll {
height: 525px;
}
.content-reg-pos.second-acordion.roll {
height: 585px;
}
.accord-boxes.box-1-windows.rol {
margin-top: -535px;
width: 1097px
}
.accord-boxes.box-2-windows.rol {
margin-top: -585px;
width: 1097px
}
.accord-boxes.box-3-windows.rol {
width: 1097px
}
.mega_menu .inner {
width: 150px !important;
margin-right: 29rem !important;
}
.mega_product_ul {
padding: 0;
display: flex;
flex-direction: column;
}
.mega_product_ul li a.first-child-item {
margin-left: 0 !important;
}
.mega_product_ul li {
margin: 0 0 0 0;
text-align: left;
padding-left: 0;
}
.arrow_box {
width: 150px !important;
}
.mega_product_ul li a:before {
border-width: 0 150px 1px 0;
}
.mega_product_ul li a.last-child-item:before {
margin-left: -69px;
}
#product-4-list name {
width: 129px;
}
.mega_product_ul li a.first-child-item {
margin-left: 0;
}
.mega_product_ul li a:before{
margin-left: -15px !important;
border-width: 0 150px 1px 0 !important;
}
.mega_product_ul li a.last-child-item:before {
margin-left: -15px !important;
}
.products-header.full.ok20 {
padding-bottom: 2px !important;
}
#tab-1 .txt-box.tb-2.one-line {
padding-top: 25px;
padding-bottom: 25px;
}
.img-head-acordion {
position: relative;
padding-top: 120%;
}
.img-head-acordion img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 720px) {
.container-10.tab-container-2 #tab2 .left-gal {
width: 100%;
}
.container-10.tab-container-2 #tab2 .gal-txt {
width: 100%;
}
}
@media screen and (max-width: 1040px) {
.products-infoline.prod-sec-5.full .but.profiles a{
margin-left: auto;
margin-right: auto;
}
.alu-prof, {
width: 100%;
}
.profiles-imgs {
display: block;
width: 250px;
margin-left: auto;
margin-right: auto;
}
.container-10.new-bg {
background: #f4f5f6;
height: auto;
}
.profiles {
flex-direction: column;
}
.but.profiles .button.white {
width: 190px;
margin-bottom: 140px;
}
}
@media screen and (max-width: 1120px) {
.tab_container {
border-top: none !important;
}
.tab_container.window-con #tab1 {
margin-bottom: 45px;
}
.tab_container.window-con #tab2 {
margin-bottom: 45px;
}
.tab_container.window-con #tab3 {
margin-bottom: 45px;
}
.tab_container.window-con #tab4 {
margin-bottom: 45px;
}
.prod-sec-2.full.window-sec {
margin-top: 260px;
}
#popup-gallery{
width: 96%;
}
.tabs {
display: none;
}
.tab_drawer_heading {
background-color: #0fc547;
color: #fff;
border-top: none
margin: 0;
padding: 5px 20px;
display: block;
cursor: pointer;
height: 60px;
padding-top: 15px;
border-bottom: 2px solid #fff;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.d_active {
position: relative;
background: #fff;
color: #2d2d2b !important;
border-left: 2px solid #0fc547 !important;
border-bottom: 2px solid #0fc547 !important;
border-right: 2px solid #0fc547 !important;
border-top: 2px solid #0fc547 !important;
font-size: 16px;
width: 100%;
height: 60px;
}
}
/*---END NEW TABS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!-->*/
@media screen and (max-width: 1160px) {
.but.door-btn.rol {
margin-bottom: 30px;
}
#popup-gallery{
width: 97%;
}
.title-with-logo img {
margin-right: 0;
margin-top: 10px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1010px
}
.images-grid-with-title {
width: 100%;
flex-direction: column;
}
.img-with-title {
width: 270px;
margin-left: auto;
margin-right: auto;
}
.prod-sec-2.ok20-new {
padding-top: 30px;
margin-top: 50px;
}
.prod-sec-2.full.ok20-new .linebg {
display: none;
}
.three-column-grid {
border-bottom: none;
}
.three-column-grid.last .prod-logo-1 {
margin-left: auto;
margin-right: auto;
}
.three-column-grid.last .prod-logo-2 {
margin-left: auto;
margin-right: auto;
}
.three-column-grid.last {
flex-direction: column;
}
.three-column-grid {
flex-direction: column;
}
.col-elem {
width: 100%;
margin-right: 0;
}
.three-column-grid.last.col-elem {
width: 100%;
margin-right: 0;
}
.prod-2-sec-4 .container-10 {
height: 2279px;
}
.products-header.doors-website .container-10 {
padding-bottom: 0;
margin-bottom: 115px;
}
.container-10.tab-container-2 #tab1 {
background: url(img/door-desc-mobile.jpg) no-repeat center 180px transparent;
}
.container-10.tab-container-2 #tab1 {
height: 515px;
}
.container-10.tab-container-2 #tab2 {
flex-direction: column;
justify-content: center;
padding-top: 0;
margin-top: -70px;
}
.container-10.tab-container-2 #tab2 .left-gal {
margin-left: auto;
margin-right: auto;
margin-top: 114px;
}
.container-10.tab-container-2 #tab2 .gal-txt {
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}
.but.profiles .button.white {
margin-top: 177px;
}
.accord-boxes .abox{
width: 275px;
margin-left: auto !important;
margin-right: auto;
}
.accord-boxes .abox {
margin-left: 0px;
}
.box-2-windows {
margin-left: 0;
}
.box-3-windows {
margin-left: 0;
}
.accord-boxes {
width: 100%;
}
.content-reg-pos.first-acordion {
height: 950px
}
.content-reg-pos.first-acordion.roll {
height: 1070px;
}
.accord-boxes.box-1-windows {
margin-top: -950px;
}
.accord-boxes.box-1-windows.rol {
margin-top: -1070px;
flex-direction: column;
width: 100%;
}
.content-reg-pos.second-acordion.roll {
height: 1500px;
width: 100%;
}
.accord-boxes.box-2-windows.rol {
margin-top: -1500px;
flex-direction: column;
width: 100%;
}
.images-grid {
width: 100%;
margin-right: 0;
text-align: center;
display: flex;
flex-direction: column;
}
.images-grid img {
padding-left: 0;
width: 262px;
margin-left: auto;
margin-right: auto;
}
.desc-grid {
width: 100%;
}
.content-reg-pos.second-acordion {
height: 950px
}
.accord-boxes.box-2-windows {
margin-top: -950px;
}
.content-reg-pos.third-acordion {
height: 950px
}
.accord-boxes.box-3-windows {
margin-top: -950px;
}
.products-header .container-10 {
border-bottom: none;
}
.tab-container .pi-photo {
height: 397px;
}
.products-header .container-10::after {
display: none;
}
ul.accordion li {
padding-right: 0;
}
ul.accordion li .head {
width: 100%;
}
.img-head-acordion {
width: 100%;
text-align: center;
background-color: #f4f5f6;
}
ul.accordion li .atitle {
padding: 31px 15px;
}
.tab_container .pi-photo::before {
background: transparent;
}
#tab1 {
background: url(img/img4-1.jpg) no-repeat center 220px transparent;
background-size: 365px 375px;
}
#tab2 {
background: url(img/bg-windows.jpg) no-repeat center 220px transparent;
background-size: 365px 375px;
}
#tab3 {
background: url(img/img9-1-m.jpg) no-repeat center 220px transparent;
background-size: 365px 375px;
}
#tab4 {
background: none;
padding-right: 0;
padding-left: 0;
}
#tab4 .supplier-box.sb-1 {
top: -20px;
left: 0px;
}
#tab4 .supplier-box.sb-2 {
top: 0px;
left: 0px;
}
#tab4 .supplier-box.sb-3 {
top: 25px;
right: 0px;
}
#tab4 .supplier-box.sb-4 {
top: 50px;
right: 0;
}
ul.accordion {
flex-direction: column;
}
.prod-sec-2 {
padding-top: 0;
margin-top: 200px;
}
.mobile-menu .top-line {
display: block;
}
.mobile-menu .top-line .button_conf {
display: none;
}
/*ul li:first-child {
display: none;
}*/
}
@media screen and (max-width: 1359px) {
.products-infoline.prod-sec-1 .container-10.tab-container-2 {
padding-left: 0;
padding-right: 0;
}
.head.rol .a-switcher {
height: 90px;
}
}
@media only screen and (min-width: 1160px) {
/* tablets and desktop */
/*h1:after {content:" DESKTOP MODE";}*/
.accordion-headings {display:none;}
}
@media only screen and (max-width: 1160px) {
/* phones */
/*h1:after {content:" MOBILE MODE";}*/
.accordion-headings {display:block;}
#tabs {display:none;}
[role=tab][aria-selected=true] {
width: 100%;
}
[role=tab][aria-selected=false] {
width: 100%;
}
}
@media only screen and (max-width: 1160px) and (orientation: landscape) {
/* portrait phones */
/*h1:after {content:" LANDSCAPE MOBILE MODE";}*/
.accordion-headings {display:block;}
#tabs {display:none;}
}
@media screen and (max-width: 991px) {
.prod-2-sec-4 .container-10 {
height: 2300px !important;
}
.content-reg-pos.third-acordion.roll {
height: 1010px;
}
.images-grid-with-title img {
}
}
@media screen and (max-width: 945px) {
.accord-boxes.box-1-windows.rol {
margin-top: -1030px;
}
.content-reg-pos.first-acordion.roll {
height: 1030px;
}
}
@media screen and (max-width: 914px) {
.content-reg-pos.third-acordion.roll {
height: 1040px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1040px
}
}
@media screen and (max-width: 818px) {
.accord-boxes.box-1-windows.rol {
margin-top: -1060px;
}
.content-reg-pos.first-acordion.roll {
height: 1060px;
}
}
@media screen and (max-width: 768px) {
.products-infoline.prod-sec-1 .container-10.windows_1 {
padding-top: 90px;
}
.products-header.full.ok20 {
padding-bottom: 66px;
}
.products-header .small-carousel.windows_ok_20 {
padding-bottom: 65px;
}
.products-header.doors-website .small-carousel.windows_ok_20 {
padding-bottom: 34px;
}
.container-10.tab-container-2 #tab2 .left-gal {
margin-top: 43px;
}
.but.door-btn {
margin-bottom: 50px;
}
.prod-2-sec-4 .container-10 {
height: 2160px !important;
}
.prod-sec-2.ok20-new {
margin-top: 80px;
}
.three-column-grid.last .stit {
padding-bottom: 20px;
}
.three-column-grid.last {
margin-bottom: 80px;
}
.container-10.windows-con-2 .title-with-logo {
position: relative;
top: -15px;
margin-bottom: 25px;
}
.title-with-logo {
padding-bottom: 0;
}
.title-with-logo img {
margin-top: 15px;
width: 135px;
}
.accord-boxes.box-1-windows {
padding-bottom: 25px;
}
.accord-boxes.box-2-windows {
padding-bottom: 25px;
}
.accord-boxes.box-3-windows {
padding-bottom: 25px;
}
.opacity-down.third-windows .content {
padding-bottom: 0;
}
.container-10.windows-con-2 .title-with-logo {
flex-direction: column;
}
.products-infoline.prod-sec-5 .but.profiles a {
margin-top: 50px;
margin-bottom: 80px;
}
}
@media screen and (max-width: 766px) {
.content-reg-pos.second-acordion.roll {
height: 1485px;
}
.accord-boxes.box-2-windows.rol {
margin-top: -1485px;
}
}
@media screen and (max-width: 762px) {
#popup-gallery{
padding: 20px 20px;
margin-left: -36px;
}
.close-gallery {
width: 20px;
height: 20px;
float: right;
background: #f4f5f6;
margin-top: -20px;
margin-right: -20px;
padding-left: 0;
padding-top: 0px;align-content}
.content-reg-pos.third-acordion.roll {
height: 1070px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1070px
}
}
@media screen and (max-width: 715px) {
.accord-boxes.box-1-windows.rol {
margin-top: -1090px;
}
.content-reg-pos.first-acordion.roll {
height: 1090px;
}
}
@media screen and (max-width: 673px) {
.content-reg-pos.second-acordion.roll {
height: 1505px;
}
.accord-boxes.box-2-windows.rol {
margin-top: -1505px;
}
.content-reg-pos.third-acordion.roll {
height: 1100px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1100px
}
}
@media screen and (max-width: 623px) {
.accord-boxes.box-1-windows.rol {
margin-top: -1120px;
}
.content-reg-pos.first-acordion.roll {
height: 1120px;
}
}
@media screen and (max-width: 596px) {
.content-reg-pos.second-acordion.roll {
height: 1535px;
}
.accord-boxes.box-2-windows.rol {
margin-top: -1535px;
}
.content-reg-pos.third-acordion.roll {
height: 1130px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1130px
}
}
@media screen and (max-width: 557px) {
.accord-boxes.box-1-windows.rol {
margin-top: -1150px;
}
.content-reg-pos.first-acordion.roll {
height: 1150px;
}
}
@media screen and (max-width: 542px) {
.content-reg-pos.second-acordion.roll {
height: 1565px;
}
.accord-boxes.box-2-windows.rol {
margin-top: -1565px;
}
.content-reg-pos.third-acordion.roll {
height: 1160px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1160px
}
}
@media screen and (max-width: 530px) {
ul.accordion li .atitle.third {
padding: 15px 15px;
}
}
@media screen and (max-width: 505px) {
.content-reg-pos.second-acordion.roll {
height: 1595px;
}
.accord-boxes.box-2-windows.rol {
margin-top: -1595px;
}
.content-reg-pos.third-acordion.roll {
height: 1160px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1160px
}
}
@media screen and (max-width: 498px) {
ul.accordion li .a-switcher {
height: 82px;
}
ul.accordion li .atitle.first {
padding: 15px 15px;
}
}
@media screen and (max-width: 489px) {
ul.accordion li .atitle.second {
padding: 15px 15px;
}
}
@media screen and (max-width: 463px) {
.accord-boxes.box-1-windows.rol {
margin-top: -1180px;
}
.content-reg-pos.first-acordion.roll {
height: 1180px;
}
}
@media screen and (max-width: 454px) {
.content-reg-pos.second-acordion.roll {
height: 1625px;
}
.accord-boxes.box-2-windows.rol {
margin-top: -1625px;
}
.content-reg-pos.third-acordion.roll {
height: 1190px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1190px
}
}
@media screen and (max-width: 439px) {
.desc-grid {
width: 260px;
margin-left: auto;
margin-right: auto;
}
.accord-boxes.box-1-windows.rol {
margin-top: -1457px;
}
.content-reg-pos.first-acordion.roll {
height: 1457px;
}
.content-reg-pos.second-acordion.roll {
height: 1900px;
}
.accord-boxes.box-2-windows.rol {
margin-top: -1900px;
}
.content-reg-pos.third-acordion.roll {
height: 1390px;
}
.accord-boxes.box-3-windows.rol {
flex-direction: column;
margin-top: -1390px
}
}
@media screen and (max-width: 435px) {
.three-column-grid.last .col-elem {
width: 100%;
}
.prod-logo-2 img {
width: 100%;
}
.prod-logo-1 img {
width: 100%;
}
}
@media screen and (max-width: 388px) {
.three-column-grid .arrow-list li a span {
font-size: 13px;
}
ul.accordion li .atitle {
font-size: 18px;
}
ul.accordion li .a-switcher {
height: 76px;
}
}
@media screen and (max-width: 1450px) {
.container-10.tab-container-2 ul.tabs {
width: 77%;
}
}
@media screen and (max-width: 1160px) {
.products-infoline.prod-sec-1 .container-10.tab-container-2 {
padding-left: 20px;
padding-right: 20px;
}
.accord-boxes.rol {
width: 100%;
}
}
.mosquit .container-10 {
margin: 0 auto;
width: 100%;
max-width: 1090px;
}
.mosquit .prod-4-sec-2 .inn {
padding-left: 70px;
padding-right: 70px;
}
.mosquit ul.accordion {
display: block;
position: relative;
width: 100%;
}
.mosquit ul.accordion li {
display: block;
width: 100%;
position: relative;
padding-right: 0;
}
.mosquit ul.accordion.style-2 li .head {
padding: 34px 0;
}
.mosquit ul.accordion li.active .head {
border-top: 2px solid #0fc547;
border-bottom: 2px solid #0fc547;
}
.mosquit ul.accordion li .head {
display: block;
overflow: hidden;
padding: 35px 0;
position: relative;
border-top: 2px solid #e8e8e8;
border-bottom: 2px solid #e8e8e8;
}
.mosquit ul.accordion.style-2 li .atitle {
width: calc( 100% - 80px );
}
.mosquit ul.accordion li .atitle {
font-size: 20px;
line-height: 1.3;
font-weight: 400;
float: left;
width: calc( 100% - 280px );
color: #2d2d2b;
}
.mosquit ul.accordion li.active .a-switcher {
background-color: #0fc547;
}
.mosquit ul.accordion li .a-switcher {
position: absolute;
width: 40px;
height: 100%;
right: 0;
top: 0;
z-index: 2;
background: #f4f5f6;
}
.mosquit ul.accordion li.active .a-switcher i {
color: #fff;
-webkit-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
.mosquit ul.accordion li .a-switcher i {
color: #0fc547;
font-size: 30px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mosquit .icon-arrow_big_d:before {
content: "\e901";
}
.mosquit ul.accordion li .content {
display: none;
position: relative;
width: 100%;
padding-bottom: 6px;
}
.mosquit .accord-boxes {
display: block;
width: 100%;
height: auto;
overflow: hidden;
}
.mosquit .abox-txt {
position: relative;
overflow: hidden;
padding: 30px 0;
}
.mosquit .abox-txt .photo {
float: left;
width: 27%;
height: auto;
min-height: 100px;
padding-top: 10px;
}
.mosquit .abox-txt .txt {
float: right;
width: calc( 73% - 90px );
height: auto;
min-height: 100px;
font-size: 16px;
color: #2d2d2b;
line-height: 1.625;
}
.mosquit ul.accordion.style-2 li .head {
padding: 14px 0;
}
.mosquit ul.accordion li .head {
width: 100%;
}
.mosquit .accord-boxes {
position: static;
margin-top: 0;
}
@media screen and (max-width: 1160px) {
.mosquit .container-10 {
height: auto;
}
}
@media screen and (max-width: 600px) {
.mosquit .abox-txt .photo {
float: none;
width: 260px;
margin-left: auto;
margin-right: auto;
}
.mosquit .abox-txt .txt {
float: none;
width: 260px;
margin-left: auto;
margin-right: auto;
}
.mosquit .container-10 {
height: auto;
}
}
.opacity-down {
opacity: 1;
}
#tab1 .txt-place.first-txt-place {
height: 488px;
}
#tab3 .txt-place.first-txt-place {
height: 488px;
}
.txt-box.border-left.tb-12 {
padding-right: 10px;
}
#tab2 .txt-place.second-txt-place {
height: 488px;
}
@media screen and (max-width: 1120px) {
.tab_container.window-con {
height: 970px;
}
}
a.new-active-class {
color: #0fc547 !important;
border-bottom: 4px solid #0fc547;
}
a.new-active-class:hover {
border-bottom: none;
}
@media screen and (max-width: 388px) {
.head.rol .a-switcher {
height: 80px;
}
@media screen and (max-width: 344px) {
.home-about {
padding-top: 25px !important;
padding-bottom: 30px !important;
}
}
}
.about-anim-sec .container-10 .inn {
padding-top: 40px;
padding-bottom: 460px;
}
.container-10.windows-con-2 .title-with-logo {
padding-top: 150px;
}
.container-10 .title-with-logo:first-child {
border-top: 2px solid #e8e8e8;
}
.prod-sec-2.full.window-sec {
padding-top: 0;
}
.products-header.full.ok20 {
padding-bottom: 66px;
}
.products-infoline.prod-sec-5.full {
padding-bottom: 40px;
}
.container-10.last-sc-tab-2 .info-head {
border-top: 2px solid #e8e8e8;
padding-top: 143px;
}
.prod-sec-2.full.ok20-new .linebg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(img/img3_full.png) no-repeat 50% -92px transparent;
z-index: 0;
}
.prod-4-sec-2.full.mosquit .linebg {
position: absolute;
width: 100%;
height: 120%;
top: 0;
left: 0;
background: url(img/img3_full.png) no-repeat 50% -92px transparent;
z-index: 0;
}
.prod-sec-2.full.ok20-new .info-head h2 {
padding-bottom: 50px;
}
.products-header.products-infoline.prod-3-sec-1.full {
padding-top: 118px;
background-color: #fff;
}
div.background-divider {
width: 100%;
height: 2px;
background-color: red;
}
.prod-3-sec-1 .rol-main .image-line-1 {
top: -79px;
}
.prod-4-sec-2.full.mosquit {
padding-top: 50px;
}
.prod-4-sec-2.full.mosquit .info-head {
padding-bottom: 40px;
}
.products-header.products-infoline.prod-4-sec-1.full {
padding-top: 183px;
}
.products-header.products-infoline.prod-4-sec-1.full .container-10 {
height: 578px;
}
.products-header.products-infoline.prod-4-sec-1.full .container-10 .image-line-1 {
top: -37px;
}
.mosquit ul.accordion.style-2 li .head {
background-color: #ffffff;
}
.mosquit .abox-txt {
background: #ffffff;
}
.prod-sec-2.full.ok20-new .desc-grid {
background-color: #ffffff;
}
.prod-4-sec-2.full.mosquit .stit {
font-weight: 800;
font-size: 40px;
line-height: 1.125;
margin-top: 0;
position: relative;
}
.prod-4-sec-2.full.mosquit .container-10 .inn {
padding-right: 0;
padding-left: 0;
}
.about-anim-sec .container-10 .inn {
padding-bottom: 271px;
}
/*.abox-txt.last-element {
border-bottom: 2px solid #0fc547;
padding-bottom: 43px;
}*/
.products-header.products-infoline.prod-4-sec-1.full .container-10 {
height: 501px;
border-bottom: 2px solid #e8e8e8;
margin-bottom: 140px;
}
/*.container-10.tab-container.windows_1 ul.tabs {
margin-left: 0;
}
.container-10.tab-container.windows_1 ul.tabs li.active {
width: 218px;
}
.container-10.tab-container.windows_1 ul.tabs li {
width: 218px;
}--------------------------------------------ZMIANY Z KOLORYSTYKÄ*/
/*------------------------------------------WyĹÄ
czenie elementĂłw menu----------------------------------*/
.right_items .button_conf {
display: none;
}
.button_login {
display: none;
}
/*.langs.z_1 {
display: none;
}*/
/*.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-de.wpml-ls-last-item.wpml-ls-item-legacy-list-horizontal {
display: none;
}*/
.menu > ul > li:last-child {
margin-right: 10px;
}
/*WyĹÄ
czenie plikĂłw w zakĹadce Do pobrania*/
/*.gray-list.files {
display:none;
}*/
.tab-item .but {
display: none;
}
.gallery-desc {
height: 14px;
color: #2d2d2b;
font-family: Muli;
font-size: 20px;
font-weight: 400;
line-height: 26px;
margin-top: 27px
}
.but.button-2 {
display: none;
}
.about-term.full .gray-list .left {
width: calc( 100% - 236px );
}
.about-term.full .gray-list .right {
width: 236px;
}
@media screen and (max-width: 1699px) {
.bottom .right-cnt .copy {
margin-top: 0;
}
}
@media screen and (max-width: 1359px) {
.products-header .linebg {
width: 51.4%;
}
ul.tabs {
margin-left: 68px;
}
/*.container-10.tab-container.windows_1 ul.tabs li.active {
width: 210px;
}
.container-10.tab-container.windows_1 ul.tabs li {
width: 210px;
}*/
}
@media screen and (max-width: 1160px) {
.prod-sec-2.full.window-sec {
margin-top: 0;
}
.prod-4-sec-2.full.mosquit .info-head {
padding-bottom: 0;
}
.prod-4-sec-2.full.mosquit .stit {
font-size: 25px;
}
.products-header.full.ok20 .container-10 {
margin-bottom: 0;
}
.container-10.windows-con-2 .title-with-logo {
padding-top: 120px;
}
.container-10.new-bg {
height: 536px;
}
.accord-boxes.box-1-windows {
padding-bottom: 30px;
}
.accord-boxes.box-2-windows {
padding-bottom: 30px;
}
.accord-boxes.box-3-windows {
padding-bottom: 30px;
}
ul.accordion li.opacity-down.third-acordion.active .content {
padding-bottom: 0;
}
.but.profiles .button.white {
margin-top: 50px;
}
.products-header.products-infoline.prod-4-sec-1.full {
padding-top: 50px;
}
}
@media screen and (max-width: 1359px) {
.products-infoline.prod-sec-1 .container-10.tab-container-2 {
margin-top: 180px;
}
.about-anim-sec.full .inn {
padding-bottom: 174px;
}
}
@media screen and (max-width: 1120px) {
.big-margin-footer {
margin-top: 220px;
}
#tab2 {
display: none;
height: 630px;
top: 720px;
left: 25rem;
}
}
@media screen and (max-width: 1160px) {
.head.rol .a-switcher {
height: 82px;
}
#tab2 .but.button-2 {
display: block;
top: 682px;
left: 27rem;
}
.accord-boxes.box-3-windows.rol {
width: 100%;
}
.about-anim-sec.full .inn {
padding-bottom: 92px;
}
.products-header.products-infoline.prod-3-sec-1.full {
padding-top: 0;
}
.bottom ul.socials{
display: none;
}
}
@media screen and (max-width: 1040px) {
.products-infoline.prod-sec-1.full {
margin-top: 750px;
}
.subpage.products2 .products-infoline.prod-sec-1.full {
margin-top: 160px;
}
.subpage.products2 .products-infoline.prod-sec-1 .container-10.tab-container-2 {
margin-bottom: 100px;
margin-top: 160px;
}
}
@media screen and (max-width: 768px) {
.products-infoline.prod-sec-1.full {
margin-top: 660px;
}
.big-margin-footer {
margin-top: 273px;
}
.products-header.doors-website .container-10 {
margin-bottom: 10px;
}
.subpage.products2 .container-10.last-sc-tab-2 .info-head {
padding-top: 120px;
}
}
@media screen and (max-width: 420px) {
.container-10.windows-con-2 .title-with-logo {
padding-top: 50px;
}
.full.window-sec.prod-sec-2 {
padding-bottom: 50px;
}
.products-infoline.prod-sec-1 .container-10.windows_1 {
padding-top: 50px;
}
.subpage.products2 .container-10.last-sc-tab-2 .info-head {
padding-top: 50px;
}
.subpage.products2 .products-infoline.prod-sec-1.full {
margin-top: 50px;
}
.subpage.products2 .products-infoline.prod-sec-1 .container-10.tab-container-2 {
margin-top: 50px;
}
.prod-sec-2.ok20-new {
padding-bottom: 135px;
}
}
@media screen and (max-width: 388px) {
.head.rol .a-switcher {
height: 79px;
}
#tab2 .but.button-2 {
top: 773px;
left: 5rem;
}
}
@media screen and (max-width: 380px) {
.subpage.products2 .products-infoline.prod-sec-1.full {
margin-top: 130px;
}
.subpage.products2 .products-infoline.prod-sec-1 .container-10.tab-container-2 {
margin-top: 130px;
}
}
@media screen and (max-width: 360px) {
.subpage.products2 .products-infoline.prod-sec-1.full {
margin-top: 120px;
}
.subpage.products2 .products-infoline.prod-sec-1 .container-10.tab-container-2 {
margin-top: 120px;
}
#tab2 .but.button-2 {
left: 4rem;
}
}
@media screen and (max-width: 340px) {
.subpage.products2 .products-infoline.prod-sec-1.full {
margin-top: 110px;
}
.subpage.products2 .products-infoline.prod-sec-1 .container-10.tab-container-2 {
margin-top: 110px;
}
}
@media screen and (max-width: 320px) {
.subpage.products2 .products-infoline.prod-sec-1.full {
margin-top: 100px;
}
.subpage.products2 .products-infoline.prod-sec-1 .container-10.tab-container-2 {
margin-top: 100px;
}
#tab2 .but.button-2 {
left: 3rem;
}
}
.grecaptcha-badge {
bottom: 50px !important;
z-index: 5;
}
.static-sample-page {
width: 810px;
max-width: 95%;
margin: 5rem auto;
}
.static-sample-page .m-r {
margin-left: 1.5rem;
}
.static-sample-page h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.static-sample-page p {
margin-bottom: 1rem;
line-height: 1.625rem;
font-size: 1rem;
}
.top .eu{
float: left;
padding-top: 22px;
margin-left: -15px;
}
.top .eu img{
height: 45px;
}
#eu-mobile{
display: none;
width: 100%;
float: left;
height: 50px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
z-index: 5;
position: relative;
}
#eu-mobile img{
height: 40px;
margin-left: 18px;
}
.price-eu{
width: 100%;
max-width: 550px;
font-size: 20px;
color: #2d2d2b;
padding-left: 30px;
border-top: 1px solid #e8e8e8;
height: 90px;
line-height: 90px;
border-bottom: 1px solid #e8e8e8;
margin-top: -1px;
}
.products-header .desc.eu img{
width: 100%;
height: auto;
}
@media only screen and (max-width: 1460px) {
.top .eu img{
height: 35px;
}
.top .eu{
float: left;
padding-top: 26px;
}
}
@media only screen and (max-width: 1359px) {
.top .eu{
float: left;
padding-top: 18px;
margin-left: -50px;
}
}
@media only screen and (max-width: 960px) {
.top .eu{
display: none;
}
#eu-mobile{
display: block;
}
.price-eu{
height: 60px;
line-height: 60px;
font-size: 16px;
}
}
#main_menu > .active {
border-bottom: 4px solid #0fc547;
}
#main_menu > .active > a{
color: #0fc547 !important;
}
#main_menu .menu-item-has-children {
z-index: 4 !important;
position: relative !important;
display: inline-block !important;
margin: 0 auto !important;
}
#main_menu > li > ul {
padding: 0;
display: none !important;
grid-template-columns: repeat(3, 1fr);
list-style: none outside none !important;
overflow: hidden !important;
position: absolute;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgb(45 45 45 / 10%);
height: auto !important;
border-top: solid #0fc547 4px;
min-width: 300px;
width: 120%;
left: -20%;
}
#main_menu > li.deeper:hover > ul {
display: grid !important;
}
#main_menu > li > ul > li {
border-right: 2px solid #e8e8e8;
}
#main_menu > li > ul > li > a {
border-bottom: 2px solid #e8e8e8;
border-top: 2px solid #e8e8e8;
display: block;
font-weight: 800;
padding: 6px 15px;
line-height: 1.5;
}
#main_menu > li > ul a {
padding: 3px 15px;
display: block;
line-height: 1.3;
}
#main_menu > li > ul > li > ul {
display: flex !important;
flex-direction: column;
padding: 8px 0 12px;
}
#main_menu .home {
text-indent: -9999px;
overflow: hidden;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.908' height='15.984' viewBox='0 0 15.908 15.984'%3E%3Cpath d='M2.109-.64V-8.311l-.833.822A.749.749,0,0,1,.216-7.5a.749.749,0,0,1,.007-1.06l7.2-7.1a.749.749,0,0,1,.535-.216.753.753,0,0,1,.536.216l7.195,7.1a.749.749,0,0,1,.007,1.06.749.749,0,0,1-1.06.007L13.8-8.31V-.64a.751.751,0,0,1-.75.75H2.859A.75.75,0,0,1,2.109-.64ZM7.2-1.39V-5.628a.751.751,0,0,1,.75-.75.752.752,0,0,1,.75.75V-1.39h3.6v-8.4L7.953-14.08,3.609-9.791v8.4Z' transform='translate(0 15.874)' fill='%232d2d2b' fill-rule='evenodd'/%3E%3C/svg%3E");
padding: 0 10px;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
}
#main_menu .home:hover,
#main_menu .current .home {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.908' height='15.984' viewBox='0 0 15.908 15.984'%3E%3Cpath d='M2.109-.64V-8.311l-.833.822A.749.749,0,0,1,.216-7.5a.749.749,0,0,1,.007-1.06l7.2-7.1a.749.749,0,0,1,.535-.216.753.753,0,0,1,.536.216l7.195,7.1a.749.749,0,0,1,.007,1.06.749.749,0,0,1-1.06.007L13.8-8.31V-.64a.751.751,0,0,1-.75.75H2.859A.75.75,0,0,1,2.109-.64ZM7.2-1.39V-5.628a.751.751,0,0,1,.75-.75.752.752,0,0,1,.75.75V-1.39h3.6v-8.4L7.953-14.08,3.609-9.791v8.4Z' transform='translate(0 15.874)' fill='%230fc547' fill-rule='evenodd'/%3E%3C/svg%3E");
}
/* PL VERSION */
#menu-item-1276 a:hover~.sub-menu{
display: flex !important;
}
#menu-item-1276{
padding-right: 46px;
margin: 0 !important;
}
/*EN VERSION */
#menu-item-1330 a:hover~.sub-menu{
display: flex !important;
}
#menu-item-1330{
padding-right: 46px;
margin: 0 !important;
}
/* DE VERSION*/
#menu-item-1340 a:hover~.sub-menu{
display: flex !important;
}
#menu-item-1340{
padding-right: 46px;
margin: 0 !important;
}
.sub-menu:hover{
display: flex !important;
}
.sub-menu a{
padding: 7px 10px !important;
border-top: 1px solid #e8e8e8;
font-weight: 800 !important;
}
.sub-menu li{
margin: 0 !important;
}
.wp-nav-menu{
display: flex !important;
justify-content: flex-start;
}
.container_flex > * {
flex: 1;
width: 50%; /*Ширина каждого блока 50%*/
}
.anchor {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.949' height='23.173' viewBox='0 0 14.949 23.173'%3E%3Cpath d='M.038-6.142V-17.1a6.108,6.108,0,0,1,6.106-6.106H8.881A6.109,6.109,0,0,1,14.987-17.1V-6.142A6.108,6.108,0,0,1,8.881-.036H6.144A6.108,6.108,0,0,1,.038-6.142Zm13.449,0V-17.1a4.61,4.61,0,0,0-4.606-4.606H6.144A4.609,4.609,0,0,0,1.538-17.1V-6.142A4.608,4.608,0,0,0,6.144-1.536H8.881A4.609,4.609,0,0,0,13.487-6.142ZM6.763-13.916V-17.73a.751.751,0,0,1,.75-.75.752.752,0,0,1,.75.75v3.814a.751.751,0,0,1-.75.75A.75.75,0,0,1,6.763-13.916Z' transform='translate(-0.038 23.209)' fill='%23e8e8e8' fill-rule='evenodd'/%3E%3C/svg%3E");
width: 21px;
height: 32px;
display: inline-block;
position: absolute;
right: 212px;
top: 60%;
background-color: white;
background-size: cover;
transition: 0.4s ease;
}
.anchor:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.949' height='23.173' viewBox='0 0 14.949 23.173'%3E%3Cpath d='M.038-6.142V-17.1a6.108,6.108,0,0,1,6.106-6.106H8.881A6.109,6.109,0,0,1,14.987-17.1V-6.142A6.108,6.108,0,0,1,8.881-.036H6.144A6.108,6.108,0,0,1,.038-6.142Zm13.449,0V-17.1a4.61,4.61,0,0,0-4.606-4.606H6.144A4.609,4.609,0,0,0,1.538-17.1V-6.142A4.608,4.608,0,0,0,6.144-1.536H8.881A4.609,4.609,0,0,0,13.487-6.142ZM6.763-13.916V-17.73a.751.751,0,0,1,.75-.75.752.752,0,0,1,.75.75v3.814a.751.751,0,0,1-.75.75A.75.75,0,0,1,6.763-13.916Z' transform='translate(-0.038 23.209)' fill='%230fc547' fill-rule='evenodd'/%3E%3C/svg%3E");
transition: 0.4s ease;
}
.home-top {
background: url( '../images/bgr_1.png') no-repeat scroll right bottom;
position: relative;
}
.files_article, .article_body {
background: url( '../images/bgr_6.png') no-repeat scroll right top;
}
.realizations {
background: url( '../images/bgr_7.png') no-repeat scroll right top;
}
#experience {
background: url( '../images/bgr_2.png') no-repeat scroll top right;
padding-top: 5%;
}
#team {
background: url( '../images/bgr_3.png') no-repeat scroll top right;
}
#production {
background: url( '../images/bgr_4.png') no-repeat scroll top right;
position: relative;
}
#production .container_flex {
align-items: normal;
}
#team .container_flex {
justify-content: space-between;
}
#experience .text_box {
padding: 15% 25% 15% 10%;
}
#production .left {
max-width: 50%;
position: relative;
z-index: 2;
}
#production .right {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
}
#quality_control h2 {
text-align: center;
margin-bottom: 30px;
}
#quality_control .container-10 {
border-top: 2px solid #e8e8e8;
border-right: 2px solid #e8e8e8;
padding-top: 120px;
padding-bottom: 120px;
}
.text_box {
padding: 15%;
}
.product_page .products_details .right .text_box {
padding: 10% 15%;
}
.before_accordion.text_box {
padding: 0 0 20px;
}
.text_box h2 {
font-weight: 800;
font-size: 40px;
margin-bottom: 30px;
line-height: 1.3;
}
.skin {
width:640px;
margin:10px auto;
padding:5px;
}
nav {
width:70px;
height:22px;
padding: 5px 0px;
margin: 0 auto;
}
.video_box {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.video_box video {
position: absolute;
width: 100%;
height: 100%;
}
.video_box span {
position: absolute;
z-index: 1;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 100px;
color: white;
text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.39);
}
.video_box .pause {
z-index: -1;
}
.video_box.active .play {
display: none;
}
/* .video_box.active:hover .pause {
z-index: 1;
} */
.gallery_cs1 {
}
.gallery_cs1 .gallery_top .item:first-child {
flex-basis: 100%;
}
.gallery_cs1 .gallery_top {
padding-bottom: 7px;
}
.gallery_cs1 .gallery_bottom {
display: flex;
flex-wrap: wrap;
}
.gallery_cs1 .gallery_bottom {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
grid-row: 15px;
}
.counter_box {
position: relative;
height: 100%;
}
.counter_box .item {
width: 230px;
height: auto;
background-color: #fff;
text-align: center;
position: absolute;
padding-bottom: 30px;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.counter_box .item:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
width: 40px;
margin-left: -20px;
height: 4px;
background-color: #0fc547;
}
.counter_box .item h3 {
font-size: 40px;
font-weight: 800;
padding-top: 16px;
margin-bottom: -5px;
}
.counter_box .item p {
font-size: 20px;
line-height: 1.3;
font-weight: 400;
}
.counter_box .item:nth-child(1) {
right: 583px;
top: 20%;
}
.counter_box .item:nth-child(2) {
right: 355px;
bottom: 0;
}
.counter_box .item:nth-child(3) {
right: 110px;
bottom: 20%;
}
#production .container_flex {
min-height: 650px;
}
.mod_advanced .image {
padding-top: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.mod_advanced .content_wrapper {
padding: 15% 25% 15% 10%;
}
.mod_advanced .btn_box {
margin-top: 40px;
}
.box_cs1 .container_flex {
padding: 30px 0 0;
border-right: 2px solid #e8e8e8;
}
.box_cs2 .container_flex {
padding: 0 0 30px;
}
.box_cs2 .container_flex .left {
order: 2;
}
.box_cs2 .container_flex .right {
order: 1;
}
.box_cs2 .content_wrapper {
padding: 15% 25% 15% 10%;
}
.box_cs2 {
padding-bottom: 60px;
}
.after_products {
background: #f5f9fa;
padding: 50px;
margin: 40px 0 80px;
}
.after_products ul {
display: flex;
justify-content: space-between;
}
.after_products li {
flex: 1 1 auto;
padding: 0 10px;
}
.after_products li a {
padding: 20px;
border: 5px solid #0fc547;
background: white;
font-weight: 800;
font-size: 20px;
width: 100%;
display: block;
text-align: center;
}
.after_products li a:hover {
color: white;
background: #0fc547;
}
.sections_box_cs1 {
border-right: 2px solid #e8e8e8;
}
.product_page > *:last-child section:last-child {
padding-bottom: 70px;
}
.after_description ul {
display: flex;
}
.after_description li {
padding-bottom: 30px;
position: relative;
padding-right: 50px;
width: 170px;
}
.after_description ul strong:before {
content: "";
display: block;
position: absolute;
top: 0;
width: 40px;
height: 4px;
background-color: #0fc547;
}
.after_description ul strong {
font-size: 40px;
font-weight: 800;
padding-top: 16px;
margin-bottom: -5px;
display: block;
}
.products_details .image {
padding-bottom: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mod_files .files-head {
padding-top: 0;
}
.article_body {
padding: 120px 0;
}
.article_body h1 {
margin-bottom: 50px;
}
.article_body .rc_gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row: 30px;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.article_body .rc_galleryimg_container picture {
width: 100%!important;
height: 500px;
overflow: hidden;
display: block;
}
.article_body .rc_galleryimg_container {
width: 100%!important;
}
.article_body .rc_galleryimg_container picture img {
width: 100% !important;
height: 100% !important;
display: block;
object-fit: cover;
}
.mobile-menu-active #top_menu {
display: flex !important;
flex-direction: column;
position: absolute;
z-index: 999;
background: white;
left: 0;
top: 70px;
right: 0;
width: 100% !important;
height: auto;
padding-top: 20px;
border-top: 1px solid #e8e8e8;
}
.mobile-menu-active #main_menu .home {
text-indent: 0;
background-image: none !important;
}
.mobile-menu-active .menu > ul {
height: auto;
flex-direction: column;
padding: 10px 0;
}
.mobile-menu-active .langs {
text-align: left;
opacity: 1 !important;
}
.mobile-menu-active li {
margin: 0!important;
}
.mobile-menu-active .langs ul li a {
padding-top: 10px;
}
.mobile-menu-active .menu > ul > li > a, .mobile-menu-active .menu .separator {
padding: 7px 20px !important;
font-weight: 800;
}
.mobile-menu-active #main_menu > li > ul {
display: block !important;
position: relative;
box-shadow: none;
}
.mobile-menu-active .langs {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 10px;
}
.realization {
padding-bottom: 100px;
}
.realization ul {
line-height: 0;
display: grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.realization ul li {
position: relative;
display: block;
width: 100%;
overflow: visible;
padding: 0;
border: none;
}
.realization ul li:hover img {
transition: all .3s;
transform: scale(1.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);
}
.search_box {
display: none;
}
.search_btn {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.358' height='16.358' viewBox='0 0 16.358 16.358'%3E%3Cpath d='M14.423-9.229a7.171,7.171,0,0,1-1.61,4.542l3.325,3.324a.75.75,0,0,1,0,1.061.751.751,0,0,1-1.06,0L11.753-3.626A7.183,7.183,0,0,1,7.212-2.017,7.213,7.213,0,0,1,0-9.229a7.215,7.215,0,0,1,7.212-7.212A7.214,7.214,0,0,1,14.423-9.229ZM7.212-14.94A5.715,5.715,0,0,0,1.5-9.229,5.715,5.715,0,0,0,7.212-3.517a5.715,5.715,0,0,0,5.711-5.712A5.714,5.714,0,0,0,7.212-14.94Z' transform='translate(0 16.441)' fill='%237f7f7f' fill-rule='evenodd'/%3E%3C/svg%3E");
width: 60px;
float: right;
padding-top: 33px;
padding-bottom: 29.5px;
background-position: center;
background-repeat: no-repeat;
height: 90px;
display: block;
cursor: pointer;
}
.search_btn:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.358' height='16.358' viewBox='0 0 16.358 16.358'%3E%3Cpath d='M14.423-9.229a7.171,7.171,0,0,1-1.61,4.542l3.325,3.324a.75.75,0,0,1,0,1.061.751.751,0,0,1-1.06,0L11.753-3.626A7.183,7.183,0,0,1,7.212-2.017,7.213,7.213,0,0,1,0-9.229a7.215,7.215,0,0,1,7.212-7.212A7.214,7.214,0,0,1,14.423-9.229ZM7.212-14.94A5.715,5.715,0,0,0,1.5-9.229,5.715,5.715,0,0,0,7.212-3.517a5.715,5.715,0,0,0,5.711-5.712A5.714,5.714,0,0,0,7.212-14.94Z' transform='translate(0 16.441)' fill='%230fc547' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.close_btn {
cursor: pointer;
}
.search_box {
position: absolute;
left: 0;
top: 0;
right: 0;
background: white;
bottom: 0;
z-index: 99;
}
.search_box .icon-close {
font-size: 20px;
margin-left: 10px;
color: rgb(191, 191, 191);
}
.search_box input {
width: 100%;
padding: 20px;
border: 1px solid rgb(208, 208, 208);
}
.search_box form {
width: 100%;
height: 100%;
display: flex;
padding: 20px;
align-items: center;
}
.search-results ul {
background: white;
padding: 20px;
width: 100%;
}
.bottom .right-cnt .but {
position: fixed;
bottom: 0;
right: 15px;
cursor: pointer;
}
#smartsupp-widget-container > div {
box-shadow: none!important;
}
#widgetButtonFrame {
display: none!important;
}
/* Contact form */
.cfupload-browse, .form-inner button.cf-btn {
cursor: pointer;
}
.cfupload-browse:before {
content: "\e900";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #0fc547;
margin-right: 7px;
}
.cfupload-browse:hover {
color: #0fc547;
}
.cf-response p {
background: #0fc547;
color: white;
padding: 15px 30px;
margin-bottom: 20px;
}
.cf-control-group input, .cf-control-group textarea, .cfupload-browse {
transition: all 300ms ease;
}
.cf-control-group input:hover, .cf-control-group textarea:hover, .cfupload-browse:hover {
transition: all 300ms ease;
}
.dj-galleryGrid .dj-slide-in {
height: auto!important;
}
@media (max-width: 1600px) {
.home section:not(#production) {
background-position-x: calc(100% + 100px) !important;
}
.home section .anchor {
right: 113px;
}
}
@media (max-width: 1440px) {
.home section:not(#production) {
background-position-x: calc(100% + 120px) !important;
}
.home section .anchor {
right: 92px;
}
#production .text_box {
padding: 15% 25% 15% 15%;
}
}
@media (max-width: 1366px) {
}
@media (max-width: 1365px) {
body {
padding-top: 0 !important;
}
.home section {
background: none !important;
}
.home section .anchor {
display: none;
}
header {
position: unset!important;
}
.mobile-menu-active #main_menu > li > ul {
width: auto;
left: 0;
}
#main_menu > li.deeper:hover > ul {
display: block !important;
}
.right_items .menu{
order: 2;
}
.search_btn {
order: 1;
}
}
@media (max-width: 1280px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 1199px) {
.product_page .ok20 .txt {
padding-bottom: 40px;
padding-top: 50px;
padding-right: 0;
}
.product_page .right .text_box {
padding: 10%;
}
.before_accordion.text_box {
padding: 0 0 20px;
}
.product_page .prod-4-sec-2 .container-10 {
padding: 0;
}
.files_article, .article_body, .realizations {
background: none;
}
.choose-items {
overflow-x: auto;
white-space: nowrap;
display: flex;
padding-bottom: 20px;
height: auto;
}
.choose-items li {
float: none;
min-width: 180px;
height: auto;
}
.article_body {
padding: 80px 0;
}
.article_body h1 {
margin-bottom: 30px;
}
.article_body .rc_galleryimg_container picture {
height: 400px;
}
.search_box form {
height: auto;
}
}
@media (max-width: 992px) {
.container_flex {
flex-direction: column;
}
.container_flex > * {
flex: 1;
width: 100%;
}
#experience .text_box {
padding: 50px 20px 0;
}
.text_box, #production .text_box, .mod_advanced .content_wrapper {
padding: 50px 20px;
}
#production {
text-align: center;
}
#production .left {
max-width: 100%;
}
#production .right {
position: static;
padding-bottom: 40px;
}
.counter_box .item {
width: auto;
height: auto;
position: relative;
right: auto !important;
top: auto !important;
}
.box_cs1 .content_wrapper {
padding-bottom: 0;
}
#webstore, .box_cs2 .container_flex {
padding-bottom: 0;
}
}
@media (max-width: 768px) {
.products_list ul.accordion {
grid-template-columns: repeat(2, 1fr);
}
.products_list ul.accordion li .atitle {
min-height: auto;
padding: 15px 45px 15px 15px;
width: 100%;
min-height: 77px;
}
.container-10.windows-con-2 .title-with-logo {
padding-top: 80px;
}
.after_products {
padding: 30px 20px;
margin: 40px 0 0;
}
.after_products ul {
flex-direction: column;
}
.after_products li {
padding: 0 10px;
margin-bottom: 10px;
}
.product_page .right .text_box {
padding: 0;
}
.prod-4-sec-2 {
padding-bottom: 20px;
}
.realization ul {
grid-template-columns: repeat(2,1fr);
}
.article_body {
padding: 60px 0;
}
.article_body .rc_galleryimg_container picture {
height: 300px;
}
}
@media (max-width: 576px) {
.products_list ul.accordion {
grid-template-columns: repeat(1, 1fr);
}
.prod-sec-2 {
padding-bottom: 60px;
}
.after_description ul {
flex-direction: column;
align-items: center;
text-align: center;
}
.after_description ul strong::before {
position: static;
margin: 0 auto;
}
.after_description li {
padding-right: 0;
}
.products-header .txt {
padding-top: 50px;
}
.realization ul {
grid-template-columns: repeat(1,1fr);
}
.article_body .rc_gallery {
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 20px;
}
.list_files {
padding: 0;
}
}
@media (max-width: 414px) {
.top .logo img:last-child {
margin-left: 0;
}
.top .logo img {
width: 100px;
margin-right: 10px;
}
}
@media (max-width: 360px) {
}