html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, footer, header, section {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
footer, header, section {display: block;}
body{font-family: muli, sans-serif;}
body:not(.home){padding-top: 94px;}
a{color: #000; text-decoration: none;}
img{max-width: 100%;}
.header{position: fixed; background: #fff; width: 100%; z-index: 99; top: 0;}
.header__logo { float:left; width:16%; padding: 12px 30px; margin-left: 5.5%;}
.header__container {float:right; width:70%; margin-right: 4.5%;}
.header__menu{width: calc(90% - 58px); display: inline-block; float: right; text-align: right; margin-right: 6.5%;}
.header__fb{display: inline-block; margin-top: 16px; margin-right: 3%; padding: 10px; width: 38px; float: right;}
.header__fb-mobile{display: none;}
.menu {display:block; padding:0; margin:0;}
.menu li {display:inline-block;}
.menu>li {text-transform: uppercase; line-height: 90px; padding: 0 4.7%; font-size: 16px; font-weight: 500;}
.menu li.menu-item-has-children {position:relative;}
.menu li.menu-item-has-children:hover > .sub-menu {display:flex; flex-direction: column;}
.menu a {display:block; border-bottom: 4px solid #fff; font-size: 15px;}
.menu>li:hover>a{color: #ffdaaf; border-bottom: 4px solid #ffdaaf;}
.menu .sub-menu {display:none; position:absolute; left:-85px; padding:0 0 20px; background-color: #fff; white-space: nowrap; text-align: left; box-shadow: 0 0 20px -17px;}
.sub-menu h4{background-color: #ffdaaf; color: #000; text-transform: uppercase; margin-top: 23px; padding-left: 44px; font-size: 15px; line-height: 32px; letter-spacing: 4.3px;}
.menu .sub-menu div {display:flex; flex-direction: row;}
.menu .sub-menu ul {padding:0; display:block;}
.menu .column{min-width: 144px; padding: 18px 30px 0 44px;}
.menu .column li {display:block;}
.menu .column a{line-height: 36px; font-size: 15px; text-transform: none; border-bottom: none;}
.menu .column a:hover{color: #ffdaaf;}
.menu .column__title{font-size: 15px; letter-spacing: 2px; padding-bottom: 5px; line-height: 30px;}
.slider{background: no-repeat center/cover;}
.slider__text{ font-size: 46px; font-weight: 300; letter-spacing: 17px; text-align: center; color: #fff; padding: 346px 0 246px; text-transform: uppercase;}
.collection__text{text-align: center; font-size: 29px; letter-spacing: 2.5px; margin-bottom: 73px;}
.collection{margin-top: 168px;}
.collection__text h2{font-weight: 900; text-transform: uppercase;}

.header__menu__burger{display: none; width: 35px; height: 25px; position: absolute; right: 16px; top: 9px; margin: 10px; cursor: pointer;
                     -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
                     -webkit-transition: 0.3s, ease; -moz-transition: 0.3s, ease;  -o-transition: 0.3s, ease;  transition: 0.3s, ease; }
.header__menu__burger span {display: block; position: absolute; height: 3px; width: 100%; background: #000; opacity: 1; left: 0;
                            -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
                            -webkit-transition: 0.3s, ease; -moz-transition: 0.3s, ease;  -o-transition: 0.3s, ease;  transition: 0.3s, ease; }
.header__menu__burger span:nth-child(1) {top: 0px;}
.header__menu__burger span:nth-child(2) {top: 11px;}
.header__menu__burger span:nth-child(3) {top: 22px;}
.header__menu__burger.open span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.header__menu__burger.open span:nth-child(2) { opacity: 0; left: -35px;}
.header__menu__burger.open span:nth-child(3) {top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}

.elements{ display: flex; width: calc(100% + 3px); height: 570px; margin: 0 -3px; overflow: hidden;}
.elements-mobile{display: none;}
.elements .block {overflow: hidden; border:3px solid #fff; border-top:none; border-bottom:none; text-align: center;}
.elements .block_bg{background: no-repeat center /cover; height: 100%; position: relative;
                    -webkit-transition: 0.5s; -moz-transition: 0.5s;  -o-transition: 0.5s; transition: 0.5s;}
.elements .block_bg:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.elements .block_bg:hover .block-name, .block-next .block_bg:hover span {-webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}
.elements .block.block-next { width: 10.5%; flex-grow: 0; border-right: none;} 
.elements-4 .block.block-two { flex:0.7; }
.elements .block.block-two .block { height:calc(50% - 3px); } 
.elements .block.block-two .block:first-of-type { border-bottom:3px solid #fff; } 
.elements .block.block-two .block:nth-of-type(2) { border-top:3px solid #fff; } 
.elements .block:not(.block-next) { flex: 1.5; }
.elements .block-name{color: #fff; text-transform: uppercase; display: block; height: 100%; position: relative; font-weight: 200; letter-spacing: 20px; text-indent: 20px;
                -webkit-transition: 0.5s; -moz-transition: 0.5s;  -o-transition: 0.5s; transition: 0.5s;}
.elements .block-two .block-name{font-size: 30px !important; line-height: 37px; letter-spacing: 11px; text-indent: 11px;}
.elements .block-two .block-name span{position: absolute; left: 0; right: 0; top: 39%;}
.elements .block .block-name:after {content: ''; position: absolute; top: 0; left: 0; margin: 8px; height: calc(100% - 16px); width: calc(100% - 16px); border: 1px solid #ffdaaf;}
.elements-4 .block-1 .block-name span, .elements-5 .block-3 .block-name span{    position: absolute; left: 0; right: 0; top: 40%;}
.elements-4 .block-4 .block-name span{position: absolute; left: 0; right: 0; bottom: 9%;}
.elements-3 .block-1 .block-name span, .elements-2 .block-1 .block-name span{position: absolute; left: 0; right: 0; bottom: 6%;}
.elements-3 .block-2 .block-name span, .elements-2 .block-2 .block-name span{position: absolute; left: 0; right: 0; top: 13%;}
.elements-3 .block-3 .block-name span, .elements-1 .block-1 .block-name span{position: absolute; left: 0; right: 0; top: 43%;}
.block-next span {display: block; color: #fff; text-transform: uppercase; font-size: 22px; letter-spacing: 10px; font-weight: 300; padding-left: 2%; position: absolute; padding-bottom: 16px; padding-right: 32px; top: 68%; left: 0;
                -webkit-transition: 0.5s; -moz-transition: 0.5s;  -o-transition: 0.5s; transition: 0.5s;}
.block-next span:after {content: ''; position: absolute; bottom: -11px; right: 2px; border-top: 1px solid #fff; border-right: 1px solid #fff; height: 20px; width: 20px; 
       -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.block-next span:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff;}
.block-next a{display: block; height: 100%;}

.elements-mobile{margin: 0 -8px;}
.elements-mobile .block {overflow: hidden; height: 280px; text-align: center; width: calc(50% - 16px); margin: 8px; display: inline-block; float: left;}
.elements-mobile .block-all .block{width: calc(100% - 16px);}
.elements-mobile .block_bg{background: no-repeat center /cover; height: 100%; position: relative;}
.elements-mobile .block.block-next { width: calc(100% - 16px);; height: 100px;}
.elements-mobile .block-name{color: #fff; text-transform: uppercase; display: block; height: 100%; position: relative; font-weight: 200; letter-spacing: 20px; text-indent: 20px; font-size: 28px !important;
                        -webkit-transition: 0.5s; -moz-transition: 0.5s;  -o-transition: 0.5s; transition: 0.5s;}
.elements-mobile .block .block-name:after {content: ''; position: absolute; top: 0; left: 0; margin: 8px; height: calc(100% - 16px); width: calc(100% - 16px); border: 1px solid #ffdaaf;}
.elements-mobile .block-name span{ position: absolute; left: 0; right: 0; top: 40%;}

.special_img{margin-left: 7%; width: 37%; position: relative; z-index: 2; text-align: right; height: 420px; background: no-repeat center/cover;}
.special_container{position: relative;}
.special_element {display: inline-block; width: 42%; vertical-align: top; margin-bottom: 36px; padding-right: 30px; box-sizing: border-box;}
.special_icon {display: inline-block; height: 60px; width: 60px;}
.special_name {display: inline-block; position: absolute; max-width: 20%; margin-top: 1.5%; margin-left: 1%; font-size: 15px; font-weight: 600; letter-spacing: 2.75px; text-transform: uppercase;}
.special_box{position: absolute; top: 82px; left: 38%; background-color: #ffdaaf; width: 44%; padding-left: 8.5%; padding-top: 1.5%; z-index: 1;}
.special_text{font-size: 15px; line-height: 19px; color: #6b6b6b; padding-top: 3px;}

.realization{margin-top: 240px; display: flex;}
.real_left, .real_right{width: 50%; float: left;}
.real_left{ background-color: #ffdaaf;}
.real_right{max-height: 352px;}
.real_right img{height: 100%; width: 100%;}
.real_cont{padding-top: 104px;}
.clear{clear: both;}
.black_button{margin-top: 53px; font-size: 15px; letter-spacing: 1px; line-height: 45px; font-weight: 700; text-transform: uppercase; width: 258px; display: inline-block;}
.black_button a{color: #fff; background: #000; display: block; -webkit-transition: 0.2s; -moz-transition: 0.2s;  -o-transition: 0.2s; transition: 0.2s;}
.black_button a:hover {background-color: #fff; color: #000;}
.orange_button{margin-top: 20px; font-size: 15px; letter-spacing: 1px; line-height: 45px; font-weight: 700; text-transform: uppercase; width: 258px; display: inline-block;}
.orange_button a{color: #000; background: #ffdaaf; display: block; -webkit-transition: 0.2s; -moz-transition: 0.2s;  -o-transition: 0.2s; transition: 0.2s;}
.orange_button a:hover {background-color: #000; color: #ffdaaf;}
.contact_sec{margin-top: 162px;}

.grey{background-color: #f2f2f2; margin-top: 155px; padding-top: 70px; position: relative;}
.grey .collection__text{margin-bottom: 46px;}
.grey_text{font-size: 14px; line-height: 27px; color: #a4a4a4; width: 1240px; margin: 0 auto; padding-bottom: 50px;}
.grey h2{font-size: 20px; font-weight: 700;}

.footer{background-color: #000; color: #fff; padding-bottom: 12px; position: relative;}
.footer a{color: #fff;}
.footer a:hover{color: #ffdaaf}
.footer_left{width: 25%; float: left; box-sizing: border-box; display: inline-block; padding-left: 140px; padding-top: 35px;}
.footer_center{width: 50%; float: right; display: inline-block; text-align: center; font-size: 13px; margin-top: 50px; margin-right: 25%;}
.footer_logo{margin-bottom: 38px;}
.footer_info{font-size: 13px;}
.footer_address, .footer_phone, .footer_mail{position: relative; display: block; padding-left: 36px; margin-bottom: 14px;}
.footer_address::after, .footer_phone::after, .footer_mail::after{content: ''; position: absolute; left: 0; background-repeat: no-repeat; background-position: center center; height: 13px; width: 15px;}
.footer_address::after{background-image: url(../img/address.svg);}
.footer_phone::after{background-image: url(../img/phone.svg);}
.footer_mail::after{background-image: url(../img/mail.svg);}
.menu_foo{margin-bottom: 23px;}
.menu_foo li{display: inline-block; border-left: 1px solid #fff;}
.menu_foo li:first-of-type{border:none;}
.menu_foo a{padding: 10px 25px;}
.footer_socials{position: relative; padding-bottom: 30px;}
.footer_socials li{display: inline-block; border-left: 1px solid #fff;}
.footer_socials li:first-of-type{border:none;}
.footer_socials a{padding: 10px 18px;}
.footer_socials::after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 568px; height: 1px; background-color: #707070;}
.cat_row{margin: 20px 0;}
.cat_row li{display: inline-block; border-left: 1px solid #fff;}
.cat_row li:first-of-type{border:none;}
.cat_row a{padding: 10px 18px;}
.copyrights{font-size: 13px; color: #a4a4a4; text-align: center; margin-top: 34px;}
.copyrights a{color: #a4a4a4;}
.copyrights a:hover{color: #b4b4b4;}
.footer:after{content: ''; position: absolute; width: 100%; height: 2px; background-color: #a4a4a4; top: -14px; left: 0; right: 0;}
body:not(.home) .footer{margin-top: 200px;}


.slider-subpage .slider__text{padding: 120px 0;}
.slider-offer .slider__text{padding: 60px 0;}
.subpage_container {width: 1150px; padding: 0 31px; box-sizing: border-box; margin: 0 auto;}
.subpage_title {text-align: center; font-size: 29px; line-height: 37px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; margin-top: 56px; margin-bottom: 61px;}
.subpage_text {line-height: 22px; font-size: 15px; margin-bottom: 77px;}
.subpage_text strong {font-size: 17px;}
.wood_column {display: inline-block; width: 33%; vertical-align: top; text-align: center; margin-bottom: 42px;}
.wood_gallery {box-sizing: content-box; padding: 0 38px;}
.wood_img {width: 165px; margin: 0 auto;}
.wood_name {text-transform: uppercase; font-size: 15px; font-weight: 500; margin-top: 18px; line-height: 17px; margin-bottom: 4px;}
.wood_add{color: #6b6b6b; font-size: 13px; font-weight: 500; line-height: 17px;}
.special_box-subpage{background-color: #ffdaaf; position: relative; width: 1090px; margin: 0 auto; padding: 45px 155px; box-sizing: border-box;}
.special_box-subpage .special_element{width: 49%; padding-right: 0; padding-left: 28px;}
.special_box-subpage .special_name{max-width: 25%; margin-left: 0.5%}
.about .subpage_container {padding: 0 170px;}

.contact_form {margin: 76px 137px;}
.contact_form label { font-size: 15px; margin-bottom: 29px;}
.contact_form input { width: 235px; border: none; border-bottom: 1px solid #707070; font-size: 15px; line-height: 25px; margin-top: 10px; display: block;}
label.contact_inline {display: inline-block; margin-right: 38px;}
.contact_form br {display: none;}
label.contact_block {display: block;}
.contact_form textarea {display: block; width: 100%; border: 1px solid #707070; box-sizing: border-box; padding: 15px 19px; font-size: 16px; color: #a4a4a4; font-style: italic; height: 142px;}
.contact_form input:focus, .contact_form:hover, .contact_form textarea:focus, .contact_form textarea:hover{outline: none;} 
.rodo { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 15px; margin-top: 20px; cursor: pointer;}
.rodo input { cursor: pointer; -webkit-appearance: none; width: 20px; height: 20px; border: 1px solid #707070; position: absolute; left: -20px; margin: 0;}
.rodo input:checked{background-image: url(../img/tick.svg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.star{font-size: 13px; margin-top: 40px; display: inline-block; font-style: italic;}
input[type=submit] {display: inline-block; float: right; font-size: 15px; font-weight: 700; background-color: #ffdaaf; border: none; width: 180px; line-height: 44px; text-transform: uppercase; padding: 0;}
.contact_map iframe {width: 100%; height: 450px;}
.gallery__item a {width: 440px; height: 440px; display: block; background: no-repeat center/cover; margin: 9px;}
.gallery__item {display: inline-block;}
.real_gallery-nav{text-align: center; font-size: 15px; margin-top: 100px; margin-bottom: 90px; line-height: 17px;}
.real_gallery-nav a{padding: 25px; color: #000;}
.real_gallery-nav a.active, .real_gallery-nav a:hover{color: #ffdaaf; text-decoration: underline;}
.real_gallery-box{width: 1385px; margin: 0 auto;}
.gallery__photos{display: none;}
.gallery__photos.active{display: block;}

.offer{width: 1388px; margin: 42px auto 0;}
.slider__text-offer{color: #000;}
.offer_menu {display: inline-block; width: 14.6%; border-right: 1px solid #6b6b6b; margin-left: 1%; font-size: 15px; vertical-align: top;}
.offer_menu_title { text-transform: uppercase; letter-spacing: 1.6px;}
.catt_name {margin-top: 50px; text-transform: uppercase; font-weight: 700; padding-bottom: 5px;}
.catt_row li {line-height: 18px; list-style: none;}
.catt_row li {padding: 15px 0; display: block;}
.offer_content{display: inline-block; width: 84%;}
.offer_element{display: inline-block; width: 33%; box-sizing: border-box; padding: 25px; font-size: 13px; text-align: center; vertical-align: top;}
#breadcrumbs {display: inline-block; font-size: 13px; margin-left: 65px; color: #6b6b6b;}
#breadcrumbs a{color: #6b6b6b;}
#breadcrumbs a:hover{color: #000;}
.offer_count {display: inline-block; float: right; font-size: 13px; margin-right: 12px;}
.offer_top{margin-bottom: 34px;}
.offer_image{width: 100%; padding-bottom: 100%; background: no-repeat center/cover; margin-bottom: 14px;}
.offer_elements{margin-left: 3%;}
.page-numbers{padding: 15px;}
.numbers{text-align: right;}
.sub_grey{margin-bottom: -200px;}

.offer__burger{display: none; width: 16px; height: 14px; position: absolute; left: 16px; top: -30px; margin: 5px; cursor: pointer;
                     -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
                     -webkit-transition: 0.3s, ease; -moz-transition: 0.3s, ease;  -o-transition: 0.3s, ease;  transition: 0.3s, ease; }
.offer__burger span {display: block; position: absolute; height: 2px; width: 100%; background: #000; opacity: 1; left: 0;
                            -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
                            -webkit-transition: 0.3s, ease; -moz-transition: 0.3s, ease;  -o-transition: 0.3s, ease;  transition: 0.3s, ease; }
.offer__burger span:nth-child(1) {top: 0px;}
.offer__burger span:nth-child(2) {top: 6px; width: 80%;}
.offer__burger span:nth-child(3) {top: 12px;}
.offer__burger:after{content: 'kategorie'; text-transform: uppercase; font-size: 14px; left: 26px; top: -2px; position: absolute;}
.offer_close{display: none; width: 16px; height: 14px; position: absolute; right: 16px; top: 0; cursor: pointer;}
.offer_close span {display: block; position: absolute; height: 2px; width: 100%; background: #000; opacity: 1; right: 20px; top: 40px;}
.offer_close span:nth-child(1) {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.offer_close span:nth-child(2) {-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}

.product {max-width: 1400px; margin: 20px auto 0; min-height: 45vh;}
.product_left{display: inline-block; vertical-align: top; width: 38%; float: left;}
.product_image{position: relative;}
.product_gallery{display: block; vertical-align: top; width: 100%;}
.product_desc{display: inline-block; vertical-align: top; margin-left: 2%; width: 60%;}
.product_name{font-size: 28px; line-height: 36px; letter-spacing: 2px; font-weight: 700; margin-top: 3.2%; text-transform: uppercase; margin-bottom: 6%;}
.product_image::after{content: ''; width: 20px; height: 20px; position: absolute; right: 8px; top: 8px; background: no-repeat center/cover; background-image: url('../img/lupa-b.svg');}
.sizes_photos{width: 98%;}
.product_text {line-height: 18px; font-size: 13px; margin-bottom: 30px;}
.image_photos a{width: 100%; padding-bottom: 86.7%; background: no-repeat center/cover; display: block;}
.image_photos:first-of-type a {margin-top: 0;}
.sizes_item{ margin: 2.5%; display: inline-block; position: relative; max-width: 45%;}
.sizes_item:nth-of-type(odd){margin-left: 0;}
.sizes_item::after{content: ''; width: 20px; height: 20px; position: absolute; right: 8px; top: 8px; background: no-repeat center/cover; background-image: url('../img/lupa-c.svg');}
.back{font-size: 14px; font-weight: 700;position: relative; margin-left: 8%; text-transform: uppercase;margin-bottom: 16px;}
.back span::before{content: ''; height: 10px; width: 10px; position: absolute; top: 0; left: -14px; border-bottom: 5px solid #000; border-left: 5px solid #000;
       -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.product_desc #breadcrumbs{margin-left: 0;}
.image_photos{margin-top: 3px;}
.owl-theme .owl-nav {margin: 0; height: 100%; width: 100%;}
.owl-theme .owl-nav [class*='owl-'] {position: absolute; top: 0; margin: 0; height: 100%; line-height: 300%; font-size: 34px; box-sizing: border-box; background: rgba(214, 214, 214, 0.68);}
.owl-theme .owl-nav .owl-next{right: -1px;}
.owl-theme .owl-nav .owl-prev{left: -1px;}
.product_image .owl-item img{height: 532px;}

.zoom { display:none; width: 100%;}
.zoom.active { display:block; }
.zoomContainer{display: none;}
.zoomContainer.active{display: block;}
#wrap-zoom-1 { display: block; }
#wrap-zoom-1.notactive { display: none; }
.zoomLens{cursor: none;}



@media(max-width: 1600px){
    .menu>li{padding: 0 3%;}
    .menu_foo a {padding: 10px 15px;}
    .special_element{margin-bottom: 28px;}
    .header__container{margin-right: 3.5%;}
    .special_img{padding-bottom: 26%; height: 0;}
}
@media(max-width: 1500px){
    .elements{height: 480px;}
    .elements .block-name{font-size: 45px !important;}
    .elements .block-two .block-name{font-size: 25px !important;}
    .special_element{width: 48%;}
    .header__menu{margin-right: 4.5%;}
    .header__fb{margin-right: 0;}
    .header__logo{margin-left: 3.5%;}
    .header__container{margin-right: 3.5%;}
    .slider__text{padding: 300px 0 200px;}
    .offer{width: 90%;}
    .offer_content{width: 80%;}
}
@media(max-width: 1400px){
    body:not(.home) {padding-top: 74px;}
    .menu>li {font-size: 14px; line-height: 70px;}
    .header__logo{padding: 9px; margin-left: 1.5%;}
    .header__fb{margin-top: 4px;}
    .header__container{width: 75%; margin-right: 1.5%;}
    .sub-menu h4{font-size: 13px; line-height: 28px;}
    .menu .column__title{font-size: 13px; line-height: 26px;}
    .menu .column a {line-height: 32px; font-size: 13px;}
    .header__menu{margin-right: 30px;}
    .elements {height: 360px;}
    .block-next span{font-size: 14px; letter-spacing: 4px;}
    .special_element{margin-bottom: 20px; padding-right: 25px;}
    .special_box{width: 50%; padding-left: 7.5%}
    .realization {margin-top: 270px;}
    .footer_left{padding-left: 2%;}
    .footer_center {width: 54%; margin-right: 22%;}
    .footer_left{width: 24%;}
    .grey_text{width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .elements .block-name{letter-spacing: 10px; text-indent: 10px; font-size: 36px !important;}
    .elements .block-two .block-name{font-size: 22px !important; line-height: 28px; letter-spacing: 8px; text-indent: 8px;}
    .real_gallery-box{width: auto;}
    .gallery__item{width: 33%}
    .gallery__item a {width: calc(100% - 18px); padding-bottom: 60%; height: 0;}
    .contact_sec{margin-top: 100px;}
    .offer_element{width: 32%;}
    .product_image .owl-item img{height: 500px;}
}
@media(max-width: 1300px){
    .menu_foo a{padding: 10px;}
    .cat_row a {padding: 10px 15px;}
    .product_image .owl-item img{height: 488px;}
}
@media(max-width: 1200px){
    .menu a{font-size: 12px;}
    .menu>li{line-height: 60px;}
    .header__fb{width: 30px; padding: 10px;}
    .header__logo{padding: 6px;}
    .slider__text {padding: 220px 0 160px; font-size: 40px; letter-spacing: 10px;}
    .collection{margin-top: 100px;}
    .collection__text{font-size: 24px;}
    .special_icon{width: 35px; height: 35px;}
    .special_name{position: relative; margin-top: 0;}
    .special_box{top: 60px;}
    .footer_left{width: 25%;}
    .footer_center{width: 75%; margin-right: 0;}
    .sub-menu h4{font-size: 11px; margin-top: 14px; padding-left: 25px; letter-spacing: 3px;}
    .menu .column{padding: 12px 24px 0 24px;}
    .menu .column a {line-height: 28px; font-size: 12px;}
    .block-next span{padding-right: 18px;}
    .subpage_container{width: auto;}
    .about .subpage_container{padding: 0 30px;}
    .special_box-subpage{width: auto; padding: 30px;}
    body:not(.home) .footer {margin-top: 100px;}
    .sub_grey{margin-bottom: -100px;}
    .offer_element{padding: 10px;}
    .offer_menu{width: 17.6%;}
    #breadcrumbs{margin-left: 5%;}
    .product_image .owl-item img{height: 450px;}
}
@media(max-width: 1000px){
    .collection{margin-top: 50px;}
    .collection__text{margin-top: 50px;}
    .elements {height: 280px;}
    .elements .block-name{font-size: 28px !important;}
    .elements .block-two .block-name {font-size: 18px !important; line-height: 24px; letter-spacing: 2px; text-indent: 2px;}
    .block-next span:after{bottom: -7px; height: 14px; width: 14px;}
    .block-next span {padding-right: 12px;}
    .special_box{position: relative; width: 100%; left: 0; box-sizing: border-box; top: 0;}
    .special_img{width: 100%; margin: 0; text-align: center; overflow: hidden;}
    .special_img img{width: 100%; height: auto; position: absolute; bottom: -120px; left: 0; right: 0;}
    .special_name{max-width: 43%; margin-left: 6%;}
    .special_box{max-width: 1000px;}
    .realization{margin-top: 70px;}
    .real_cont{width: 100%; padding-top: 0;}
    .contact_sec {margin-top: 70px;}
    .grey{margin-top: 70px; padding-top: 35px;}
    .wood_gallery{padding: 0;}
    .wood_column{width: 32%;}
    .contact_form input[type="text"] {width: auto;}
    label.contact_inline{width: 42%; margin-right: 6%;}
    label.contact_inline input{width: 100%;}
    .rodo span{font-size: 12px;}
    .product_image .owl-item img{height: 374px;}
}
@media(max-width: 900px){
    .header__logo{width: 20%;}
    .header__menu {margin-right: 1%;}
    .menu>li {padding: 0 2%; line-height: 54px;}
    .slider__text{top: 36%; position: absolute; left: 0; right: 0; padding: 0;}
    .slider{height: 72vh;}
    .slider-subpage{height: 50vh;}
    .slider-subpage .slider__text{padding: 0; top: 38%; letter-spacing: 6px;}
    .footer_left, .footer_center{width: 100%;}
    .block-next span {padding-right: 0px;}
    .header__menu {width: calc(99% - 50px);}
    .subpage_title{font-size: 24px;}
    .gallery__item{width: 32.5%;}
    .real_gallery-nav{margin-top: 40px; margin-bottom: 40px;}
    .slider-offer{height: 20vh !important;}
    .slider-offer .slider__text-offer{position: relative; top: 0; padding: 30px 0;}
    .product_desc{width: 98%;}
    .product_left{width: 55%; margin-left: 23%;}
    .product_name{margin-bottom: 3%;}
    .sizes_photos {width: 100%; text-align: center;}
    .product_image .owl-item img{height: 483px;}
}
@media(max-width: 800px){
    .header__menu__burger, .offer__burger{display: block;}
    .header__container{display: none; width: 100%; height: 100vh; box-sizing: border-box; padding-top: 40px; border-top: 1px solid #b4b4b4; margin: 0; overflow-y: scroll;}
    .header__container.active{display: block;}
    .header__menu{width: 100%; float: none;}
    .header__logo{width: 50%;}
    .menu{text-align: left;}
    .menu li{display: block; padding-left: 30px;}
    .menu a{border-bottom: none;}
    .menu>li:hover>a {border-bottom: none;}
    .menu li.menu-item-has-children:hover > .sub-menu {display: none;}
    .menu li.menu-item-has-children .sub-menu.open{display: block;}
    .menu .sub-menu{position: relative; left: 0;}
    .header__fb{display: none;}
    .header__fb-mobile{display: block; margin-left: 30px; margin-top: 15px;}
    .menu .sub-menu{box-shadow: none;}
    .sub-menu h4{display: none;}
    .menu .column{padding: 0;}
    .menu .sub-menu div{display: block;}
    .offer{position: relative; width: 100%;}
    .offer_content {width: 100%;}
    .offer_menu{display: none;}
    .offer_close{display: block;}
    .offer_menu.active{display: block; width: 80%; height: auto; position: fixed; top: 0; z-index: 99; padding-top: 80px; background-color: #fff; height: 100vh; overflow-y: scroll;}
    .footer_socials::after{width: auto;}
    .elements-mobile{display: block;}
    .elements{display: none;}
    .block-next .block_bg:hover span {-webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none;}
    .block-next span{left: 0; right: 0; font-size: 18px; top: 30%;}
    .block-next span:after, .block-next span:before{display: none;}
    .block-next .block_bg{position: relative;}
    .block-next .block_bg:after {content: ''; position: absolute; bottom: 20px; right: 10.5%; border-top: 1px solid #fff; border-right: 1px solid #fff; height: 20px; width: 20px;
           -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    .block-next .block_bg:before{content: ''; position: absolute; bottom: 30px; left: 0; width: 90%; height: 1px; background-color: #fff;}
    .contact_sec{margin-top: 50px;}
    .contact_form {margin: 40px auto;}
    body:not(.home) {padding-top: 60px;}
    .product_left{width: 70%; margin-left: 14%;}
    .catt_name {margin-top: 25px;}
    .catt_row li{padding: 6px 0;}
}
@media (max-width: 700px){
    .cat_row a{padding: 10px;}
    .menu_foo a {padding: 10px 7px;}
    .wood_column{width: 49%;}
}
@media (max-width: 600px){
    .slider__text{font-size: 36px;}
    .slider-subpage .slider__text {font-size: 26px; letter-spacing: 3px;}
    .menu_foo li, .footer_socials li, .cat_row li{display: block; line-height: 24px; text-align: left; border: none; padding-left: 36px;}
    .menu_foo li a, .footer_socials li a, .cat_row li a{padding: 0}
    .footer_left{padding-left: 36px;}
    .special_box{padding: 0; text-align: center;}
    .special_element, .special_box-subpage .special_element{width: 100%; padding: 0; margin: 10px auto; max-width: 400px;}
    .special_box-subpage{text-align: center;}
    .special_icon, .special_name{display: block; margin: 5px auto; padding: 0;}
    .special_box-subpage .special_name{max-width: 100%; margin: 5px auto;}
    .realization{display: block;}
    .real_left, .real_right{width: 100%;}
    .black_button{margin-top: 20px;}
    .elements-mobile .block-name{letter-spacing: 2px; text-indent: 2px; font-size: 22px !important;}
    .elements-mobile .block-name span{padding: 0 10px;}
    .subpage_title{font-size: 22px; line-height: 26px;}
    .subpage_text{font-size: 12px; line-height: 18px;}
    .subpage_container, .about .subpage_container{padding: 0 10px;}
    .product_left{width: 100%; margin-left: 0;}
    #breadcrumbs{font-size: 10px;}
    .product_name {font-size: 20px; line-height: 25px;}
    .sizes_item::after{width: 10px; height: 10px; right: 4px; top: 4px;}
    .offer_count{font-size: 10px;}
    .page-numbers {padding: 10px; font-size: 10px;}
    .offer_image{margin-bottom: 5px;}
    .offer_element{width: 48%; font-size: 11px;}
    .offer_top #breadcrumbs, .offer_count{vertical-align: top;}
    .owl-theme .owl-nav [class*='owl-']{line-height: 200%;}
    .owl-theme .owl-nav .owl-next {right: 0px;}
    .owl-theme .owl-nav .owl-prev {left: 0px;}
}
@media(max-width: 450px){
    .wood_column{width: 100%;}
    .real_gallery-nav{margin: 0;}
    .real_gallery-nav a{display: block;}
    .gallery__item {width: 49%;}
    .footer_logo{padding-right: 36px;}
    .contact_form input[type="text"] {width: 80%;}
    label.contact_inline{width: 80%; margin-right: 0;}
    .rodo span {font-size: 9px; line-height: 12px;}
    .star{font-size: 10px; margin-top: 10px;}
    input[type=submit]{width: 120px; font-size: 12px; line-height: 35px;}
    .contact_map iframe{height: 200px;}
    .slider-subpage{height: 30vh;}
    .slider-subpage .slider__text{top: 24%;}
    .product_image .owl-item img{height: 430px;}
}
@media(max-width: 400px){
    .header__logo {width: 55%;}
    .slider__text {font-size: 26px;}
    .slider-subpage .slider__text {font-size: 20px;}
    .collection__text{padding: 0 10px; font-size: 20px}
    .grey_text{font-size: 12px;}
    .grey h2{font-size: 16px;}
    .subpage_title{font-size: 18px;}
    #breadcrumbs{font-size: 7px;}
    .product_name {font-size: 15px; line-height: 22px;}
    .offer_count{font-size: 7px;}
    .product_image .owl-item img{height: 360px;}
}
@media(max-width: 350px){
    .header__logo {width: 65%;}
    .product_image .owl-item img{height: 310px;}
}