@import url(https://fonts.googleapis.com/css?family=Roboto:400, 700, 500&subset=latin, cyrillic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:700, 400&subset=latin, cyrillic);
html, body{margin:0;padding:0; overflow-x: hidden;}
body{font-size:15px;color:#525252;font-family:'Roboto','Source Sans Pro',sans-serif;background:#fff;max-width:100%}
h1{font-family:'Playfair Display',serif;font-size:30px;color:#212121;position:relative;margin:0;padding:30px 0}
h1:after{position:absolute;width:65px;height:3px;background:#d32f2f;content:'';bottom:0px;left:0}
h2{font-family:'Playfair Display',serif;font-size:30px;color:#212121;position:relative;margin:0;padding:30px 0}
h2:after{position:absolute;width:65px;height:3px;background:#d32f2f;content:'';bottom:0px;left:0}
h3{color:#212121;font-size:20px;font-weight:600;margin-top:10px}
h4{font-size:18px;font-weight:600;margin-top:0}
p{line-height:20px}
strong{font-weight:600}
.f_bolder{font-weight:700}
a{color:#d32f2f;text-decoration:none}
a:hover{text-decoration:underline}
.red{color:#d32f2f}
.wrap{width:1170px;padding:0 15px;margin:0 auto}
.clear{clear:both}
.left{float:left}
.right{float:right}
button, .button{background:transparent;color:#d32f2f;font-family:'Roboto','Source Sans Pro',sans-serif;text-align:center;font-size:14px;font-weight:700;line-height:48px;border:1px solid #d32f2f !important;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;margin:0 auto;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:block;position:relative;width:208px;height:48px;letter-spacing:1.12px}
button:hover, .button:hover{background:#d32f2f;color:#fff;text-decoration:none}
button.red, .button.red{background:#d32f2f;color:#fff}
button.red:hover, .button.red:hover{background:#fff;color:#d32f2f}
nav{background:#212121;padding:21px 0 22px;min-height:57px}
nav .wrap:after{clear:both;display:block;content:''}
a.logo{float:left;background:url(../img/logo.png) no-repeat center;width:105px;height:57px;text-indent:-9999px}
a.logo_index{background:url(../img/logo_index.png) no-repeat center}
a.logo_index h1:after{display:none}
nav .mainmenu{float:left;list-style:none}
nav .mainmenu >li{position:relative;display:inline-block;margin:0 12px}
nav .mainmenu >li a{font-family:'Roboto',sans-serif;font-weight:400;display:block;text-decoration:none;color:#fff;font-size:16px;}
nav .mainmenu >li a:hover{color:#d32f2f}
.mainpage nav .mainmenu >li ul{background:rgba(33,33,33,0.7)}
nav .mainmenu >li ul{background:rgba(33,33,33,1);display:block;position:absolute;overflow:hidden;width:230px;left:50%;margin:0 0 0 -100px;padding:0;max-height:0px;line-height:26px;-webkit-transition:max-height 0.2s linear;-moz-transition:max-height 0.2s linear;-o-transition:max-height 0.2s linear;-ms-transition:max-height 0.2s linear;transition:max-height 0.2s linear;-webkit-transition:padding 0.2s linear;-moz-transition:padding 0.2s linear;-o-transition:padding 0.2s linear;-ms-transition:padding 0.2s linear;transition:padding 0.2s linear;border-radius:3px;z-index:5}
nav .mainmenu >li ul li{text-align:center}
nav .mainmenu >li ul li a{padding:0 2%}
nav .mainmenu >li:hover ul{max-height:500px;padding:20px 0}
nav .phone{font-family:'Roboto',sans-serif;font-size:15px;position:relative;float:right;margin-top:5px;text-align:right;color:#fff;cursor:pointer}
nav .phone span{font-size:11px}
nav .phone a{font-family:'Roboto',sans-serif;font-size:21px;font-weight:400;display:block;margin-bottom:-5px;color:#fff}
nav .phone a:hover{text-decoration:none}
nav .phone .region_top{font-weight:500;border-bottom:1px solid #f00}
nav .phone .region_place{position:absolute;z-index:10000;top:60px;right:0;display:none;width:210px;text-align:left;background:#212121}
nav .phone form{background:#212121}
nav .phone .src button{position:absolute;right:7px;bottom:7px;width:15px;height:15px;text-indent:-9999px;border:none !important;outline:none;background:url('../../img/search.png') 95% 50% no-repeat}
nav .phone .region_list{padding-left:30px;list-style:none}
nav .phone .region_list a{font-size:13px;line-height:26px;text-decoration:none;color:#b7b7b7}
nav .phone .region_list a:hover{color:#f00}
.region_place .src{position:relative;margin:0 32px;border-bottom:1px solid #fff}
.region_place .src input{font:11px/24px 'Open Sans',sans-serif;display:block;box-sizing:border-box;max-width:100%;height:15px;margin:50px 0 5px -23px;padding:0;color:#fff;outline:none;background:0}
.region_place .src input::-webkit-input-placeholder{color:#fff}
.region_place .src input::-moz-placeholder{color:#fff}
.region_place .src input:-moz-placeholder{color:#fff}
.region_place .src input:-ms-input-placeholder{color:#fff}
.region_popup{//display:none;position:absolute;z-index:10;top:80px;right:0;box-sizing:border-box;width:400px;height:150px;padding:17px 30px;text-align:left;background:url('../../img/bg_region_popup.jpg');background-size:cover;display:none}
.region_popup::after{position:absolute;top:-15px;right:30px;width:0;height:0;content:'';border-right:0 solid transparent;border-bottom:15px solid #ced5da;border-left:14px solid transparent}
.region_popup h3{font-size:18px}
button.region_popup_btn.yes{display:inline-block;width:130px;transition:.5s;border:none !important;outline:none}
button.region_popup_btn.nope{display:inline-block;width:205px;transition:.5s;border:none !important;outline:none}
button.region_popup_btn.yes.active,
button.region_popup_btn.nope.active{transition:.5s;color:#fff;background-color:#d32f2f}
section.text{padding-top:40px}
section.text p{line-height:20px}
section.text h1{margin-bottom:50px}
section.text h2{margin-bottom:50px}
.mainpage nav{background:none;position:absolute;top:0;left:0;z-index:10;width:100%}
.mainpage .mainslider .item .wrap{position:absolute;bottom:20%;left:50%;margin-left:-600px;color:#fff;font-size:48px;font-family:'Playfair Display'}
.mainpage .mainslider .item .button{width:210px;margin:50px 0}
.mainpage .bx-controls-direction{display:none}
.mainpage .bx-pager{top:40%;left:auto;right:30px;width:12px !important}
.mainpage .bx-wrapper{margin-bottom:0}
.mainpage .bx-wrapper .bx-pager.bx-default-pager a{background:transparent !important;border:1px solid #d6dee5 !important;width:8px;height:8px;margin:8px 0}
.mainpage .bx-wrapper .bx-pager.bx-default-pager a.active{background:#d6dee5 !important;border:2px solid #d6dee5 !important;margin:7px 0}
.mainpage .s1 .text{width:510px;padding-left:155px;margin-left:-55px;background:url(../img/canada.png) no-repeat left top 26px;padding-bottom:60px}
.mainpage .s1 .text h2{padding-top:0}
.mainpage .s1 .text p{max-width:380px}
.mainpage .s1 .text .button{margin:40px 0}
.mainpage .s1 .wrap{position:relative}
.mainpage .s1 .video-preview{background:url(../img/main-video-preview.png) no-repeat;position:absolute;top:-95px;right:-40px;width:695px;height:690px}
.mainpage .s1 .video-preview .open-video{margin-top:460px;margin-left:140px;color:#d32f2f;padding-left:80px;background:url(../img/play.png) no-repeat left center;cursor:pointer;display:none}
.mainpage .s1 .video-preview .open-video .title{font-size:25px;font-family:'Playfair Display'}
.mainpage .s1 .video-preview .open-video p{margin:5px 0}
.mainpage .s1{padding-top:40px}
.mainpage .s2{padding:0 0 60px 0}
.mainpage .s2 .left, .mainpage .s2 .right{width:500px}
.advantages{background:#f3f6f8}
.advantages .item{width:170px;margin:40px 30px 40px 0;text-align:center;float:left;font-size:16px;font-weight:600;position:relative}
.advantages .item.i6{margin-right:0}
.advantages .item .img{width:150px;height:150px;background:url(../img/advantages.png) no-repeat;display:block;margin:0 auto;-webkit-transition:opacity 0.15s ease-in-out;-moz-transition:opacity 0.15s ease-in-out;-o-transition:opacity 0.15s ease-in-out;-ms-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out;opacity:1}
.advantages .item .img.clean{background:url(../img/clean.png) no-repeat}
.advantages .item .img.constr{background:url(../img/constr.png) no-repeat}
.advantages .item .img.expl{background:url(../img/expl.png) no-repeat}
.advantages .item .img.audio{background:url(../img/audio.png) no-repeat}
.advantages .item .img.gidro{background:url(../img/gidro.png) no-repeat}
.advantages .item .img.energy{background:url(../img/energy.png) no-repeat}
.advantages .i1 .img{background-position:0px 0px}
.advantages .i2 .img{background-position:-151px 0px}
.advantages .i3 .img{background-position:-302px 0px}
.advantages .i4 .img{background-position:-453px 0px}
.advantages .i5 .img{background-position:-604px 0px}
.advantages .i6 .img{background-position:-755px 0px}
.advantages .item .link{opacity:0;width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:2;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}
.advantages .item .link:before{content:'';background:rgba(211,47,47,0.7);width:150px;height:150px;z-index:3;position:absolute;left:50%;top:0;margin-left:-75px;border-radius:100%}
.advantages .item .link:after{content:'';background:url(../img/plus.png) no-repeat;width:45px;height:45px;margin-left:-22.5px;z-index:4;position:absolute;left:50%;top:52.5px}
.advantages .item:hover .link{opacity:1}
.advantages .item:hover .img{opacity:0.1}
.allmodels{padding:30px 0 0 0;position:relative;text-align:center}
.allmodels-wrp{overflow:hidden;max-height:295px;-webkit-transition:max-height 0.3s ease-in-out;-moz-transition:max-height 0.3s ease-in-out;-o-transition:max-height 0.3s ease-in-out;-ms-transition:max-height 0.3s ease-in-out;transition:max-height 0.3s ease-in-out}
.allmodels-wrp.expand{max-height:1500px}
.allmodels h2{text-align:center}
.allmodels h2:after{display:none}
.allmodels .item{position:relative;display:inline-block;width:268px !important;height:270px;margin:15px;text-align:left;vertical-align:top;border:1px solid #e2e9ee}
.allmodels .item img{display:block;max-width:225px !important;margin:20px auto}
.allmodels .item .img{width:100%;height:165px}
.allmodels .item span{font-size:22px;line-height:51px;position:absolute;right:0;bottom:0;display:block;height:51px;padding-right:55px;padding-left:20px;color:#fff;background:#3ebd77 url(../img/people-ico.png) no-repeat right 20px top 16px}
.allmodels .item h4{font-size:20px;margin:25px 0 0 0;padding-left:20px}
.allmodels .item p{font-size:16px;font-weight:300;margin:0 0 0 0;padding-left:20px;letter-spacing:-1px}
.allmodels .item a{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.allmodels .button{margin:50px auto}
.modelpage{overflow-x:hidden}
.modelpage .s1{position:relative;width:100%;padding-top:15px;height:583px}
.modelpage .s1 .wrap{position:absolute !important;height:583px;left:50%;margin-left:-600px;margin-right:0}
.modelpage .model-slider{position:absolute;width:10000px;left:0;top:0;margin:80px 0 45px -14px;-webkit-transition:-webkit-transform 0.2s ease-in-out;-moz-transition:-moz-transform 0.2s ease-in-out;-o-transition:-o-transform 0.2s ease-in-out;-ms-transition:-ms-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;}
.modelpage .model-slider .item{display:inline-block;vertical-align:bottom;margin:0px 13px 60px 14px;border:1px solid #e2e9ee;padding:35px 10px 25px 10px;width:150px;position:relative;cursor:pointer;}
.modelpage .model-slider .item.last{opacity:0}
.modelpage .model-slider .item.active{width:484px;padding:80px 42px 30px;margin:0px 13px 0 14px}
.modelpage .model-slider .item .img{width:100%;display:block;margin:0 auto;opacity:0.4;height:110px}
.modelpage .model-slider .item.active .img{opacity:1;height:356px}
.modelpage .model-slider .item h4{position:absolute;bottom:0;padding:0;margin:0 0 5px;opacity:0.4;font-size:14px;line-height:26px}
.modelpage .model-slider .item.active h4{opacity:0}
.modelpage .model-slider .item .img img{width:100%}
body.contact section.s2{padding-top:40px}
.modelpage.fox .model-slider{-webkit-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px)}
.modelpage.cub .model-slider{-webkit-transform:translate3d(-202px,0px,0px);-moz-transform:translate3d(-202px,0px,0px);-ms-transform:translate3d(-202px,0px,0px);-o-transform:translate3d(-202px,0px,0px);transform:translate3d(-202px,0px,0px)}
.modelpage.glacier .model-slider{-webkit-transform:translate3d(-404px,0px,0px);-moz-transform:translate3d(-404px,0px,0px);-ms-transform:translate3d(-404px,0px,0px);-o-transform:translate3d(-404px,0px,0px);transform:translate3d(-404px,0px,0px)}
.modelpage.yukon .model-slider{-webkit-transform:translate3d(-606px,0px,0px);-moz-transform:translate3d(-606px,0px,0px);-ms-transform:translate3d(-606px,0px,0px);-o-transform:translate3d(-606px,0px,0px);transform:translate3d(-606px,0px,0px)}
.modelpage.frontier .model-slider{-webkit-transform:translate3d(-808px,0px,0px);-moz-transform:translate3d(-808px,0px,0px);-ms-transform:translate3d(-808px,0px,0px);-o-transform:translate3d(-808px,0px,0px);transform:translate3d(-808px,0px,0px)}
.modelpage.klondiker .model-slider{-webkit-transform:translate3d(-1010px,0px,0px);-moz-transform:translate3d(-1010px,0px,0px);-ms-transform:translate3d(-1010px,0px,0px);-o-transform:translate3d(-1010px,0px,0px);transform:translate3d(-1010px,0px,0px)}
.modelpage.summit .model-slider{-webkit-transform:translate3d(-1212px,0px,0px);-moz-transform:translate3d(-1212px,0px,0px);-ms-transform:translate3d(-1212px,0px,0px);-o-transform:translate3d(-1212px,0px,0px);transform:translate3d(-1212px,0px,0px)}
.modelpage.tundra .model-slider{-webkit-transform:translate3d(-1414px,0px,0px);-moz-transform:translate3d(-1414px,0px,0px);-ms-transform:translate3d(-1414px,0px,0px);-o-transform:translate3d(-1414px,0px,0px);transform:translate3d(-1414px,0px,0px)}
.modelpage.summitxl .model-slider{-webkit-transform:translate3d(-1616px,0px,0px);-moz-transform:translate3d(-1616px,0px,0px);-ms-transform:translate3d(-1616px,0px,0px);-o-transform:translate3d(-1616px,0px,0px);transform:translate3d(-1616px,0px,0px)}
.modelpage.ocean .model-slider{-webkit-transform:translate3d(-1818px,0px,0px);-moz-transform:translate3d(-1818px,0px,0px);-ms-transform:translate3d(-1818px,0px,0px);-o-transform:translate3d(-1818px,0px,0px);transform:translate3d(-1818px,0px,0px)}
/*.modelpage.ocean .model-slider{-webkit-transform:translate3d(-2020px,0px,0px);-moz-transform:translate3d(-2020px,0px,0px);-ms-transform:translate3d(-2020px,0px,0px);-o-transform:translate3d(-2020px,0px,0px);transform:translate3d(-2020px,0px,0px)}*/
.modelpage .model-description{position:absolute;left:50%;top:0;margin-top:71px;width:570px}
.modelpage .model-description >div{opacity:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;position:absolute;top:0;left:0;width:100%;z-index:1}
.modelpage .model-description h1{font-size:50px;line-height:50px;padding:0 0 10px;font-family:'Playfair Display',serif;color:#212121;margin:0}
.modelpage .model-description h2:after{display:none}
.modelpage .model-description .button{margin:0}
.modelpage .model-description table{margin-bottom:15px}
.modelpage .s2 .wrap >div, .modelpage .s3 .wrap >div{display:none}
.modelpage.fox .s2 .fox, .modelpage.fox .s3 .fox{display:block}
.modelpage.cub .s2 .cub, .modelpage.cub .s3 .cub{display:block}
.modelpage.glacier .s2 .glacier, .modelpage.glacier .s3 .glacier{display:block}
.modelpage.yukon .s2 .yukon, .modelpage.yukon .s3 .yukon{display:block}
.modelpage.tundra .s2 .tundra, .modelpage.tundra .s3 .tundra{display:block}
.modelpage.klondiker .s2 .klondiker, .modelpage.klondiker .s3 .klondiker{display:block}
.modelpage.summit .s2 .summit, .modelpage.summit .s3 .summit{display:block}
.modelpage.norwegian .s2 .norwegian, .modelpage.norwegian .s3 .norwegian{display:block}
.modelpage.summitxl .s2 .summitxl, .modelpage.summitxl .s3 .summitxl{display:block}
.modelpage.ocean .s2 .ocean, .modelpage.ocean .s3 .ocean{display:block}
.modelpage.frontier .s2 .frontier, .modelpage.frontier .s3 .frontier{display:block}
.modelpage .s4 .wrap h2 span{display:none}
.modelpage.fox .s4 h2 .fox{display:inline-block}
.modelpage.cub .s4 h2 .cub{display:inline-block}
.modelpage.glacier .s4 h2 .glacier{display:inline-block}
.modelpage.yukon .s4 h2 .yukon{display:inline-block}
.modelpage.tundra .s4 h2 .tundra{display:inline-block}
.modelpage.klondiker .s4 h2 .klondiker{display:inline-block}
.modelpage.summit .s4 h2 .summit{display:inline-block}
.modelpage.norwegian .s4 h2 .norwegian{display:inline-block}
.modelpage.summitxl .s4 h2 .summitxl{display:inline-block}
.modelpage.ocean .s4 h2 .ocean{display:inline-block}
.modelpage.frontier .s4 h2 .frontier{display:inline-block}
.modelpage.fox .model-description .fox{opacity:1;z-index:3}
.modelpage.cub .model-description .cub{opacity:1;z-index:3}
.modelpage.glacier .model-description .glacier{opacity:1;z-index:3}
.modelpage.yukon .model-description .yukon{opacity:1;z-index:3}
.modelpage.tundra .model-description .tundra{opacity:1;z-index:3}
.modelpage.klondiker .model-description .klondiker{opacity:1;z-index:3}
.modelpage.summit .model-description .summit{opacity:1;z-index:3}
.modelpage.norwegian .model-description .norwegian{opacity:1;z-index:3}
.modelpage.summitxl .model-description .summitxl{opacity:1;z-index:3}
.modelpage.ocean .model-description .ocean{opacity:1;z-index:3}
.modelpage.frontier .model-description .frontier{opacity:1;z-index:3}
.modelpage .s1 .wrap .prev-model{position:absolute;left:50%;bottom:35px;width:30px;height:30px;background-color:#b7b7b7;background-image:url(../img/prev-model.png);background-repeat:no-repeat;background-position:center;cursor:pointer}
.modelpage .s1 .wrap .next-model{position:absolute;left:50%;bottom:35px;width:30px;height:30px;background-color:#b7b7b7;background-image:url(../img/next-model.png);background-repeat:no-repeat;background-position:center;cursor:pointer;margin-left:41px}
.modelpage .s1 .wrap .next-model:hover, .modelpage .s1 .wrap .prev-model:hover{background-color:#d32f2f}
.modelpage .col4{margin-top:30px;padding-bottom:50px}
.modelpage .col4 .item{font-family:'Roboto',sans-serif;font-size:18px;line-height:18px;width:245px;font-weight:500;margin:20px 0;padding:0 20px;text-align:center;color:#212121;border:none}
.modelpage .col4 .item .item_ru{font-size:15px}
.modelpage .col4 .item .item_coating{font-size:15px;color:#b7b7b7;line-height:35px;font-weight:400}
.modelpage .col4 .item img{display:block;margin:0 auto 30px}
.modelpage .col3{}
.modelpage .col3 .item{font-family:'Roboto',sans-serif;font-size:18px;line-height:18px;font-weight:500;text-align:center;color:#212121}
.modelpage .col3 .item .item_ru{font-size:15px}
.modelpage .col3 .item .item_coating{font-size:15px;color:#b7b7b7;line-height:35px}
.modelpage .col3 .item img{display:block;margin:15px auto 0px}
.modelpage .s4{padding:40px 0}
.modelpage .s4 .left{width:470px}
.modelpage .s4 .right{width:670px}
.gallery-wrp{text-align:justify}
.gallery-wrp .item{width:auto;display:inline-block;vertical-align:top;text-align:left;margin:15px 0px;position:relative}
.gallery-wrp .item img, .slider-box .item img, .video-wrp .item img{display:block}
.gallery-wrp:after{content:'';display:inline-block;width:100%}
.gallery-wrp a.open-gallery, .video-wrp a.open-video{display:block;width:100%;height:100%;position:absolute;z-index:3;top:0;left:0}
.gallery-wrp .item:before, .slider-box .item:before, .video-wrp .item:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:109px;background:-webkit-linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%););background:-moz-linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%););background:-ms-linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%););background:-o-linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%););background:linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%););opacity:0.7}
.slider-box, .slider-popup .bx-wrapper, .slider-popup .bx-viewport{min-height:650px;margin:0 auto !important}
.slider-box .item{width:970px !important;text-align:left}
.slider-box .item:before{height:170px}
.video-wrp .video-play:after{margin-top:-55px}
.video-wrp .video-content{display:none}
.gallery-wrp .item h3{position:absolute;bottom:25px;left:30px;color:#fff;margin:0;padding:0}
.slider-box .item h3{position:absolute;bottom:40px;left:50px;color:#fff;margin:0;padding:0;font-size:40px}
.video-wrp .item h3{position:absolute;bottom:25px;left:30px;color:#fff;margin:0;padding:0}
.fancybox-inner:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:170px;background:-webkit-linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%);background:-moz-linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%);background:-ms-linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%);background:-o-linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%);background:linear-gradient(top,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%);opacity:0.7}
.fancybox-title-float-wrap{left:0 !important;width:86%;padding:0 7% !important;right:auto !important;bottom:40px !important;margin-bottom:0 !important;text-align:left !important;font-family:'Source Sans Pro',sans-serif !important}
.fancybox-title-float-wrap .child{position:static;font-size:40px;padding:0 !important;background:none !important;text-shadow:none !important;white-space:normal !important;line-height:normal !important;margin:0 !important;width:100%;display:block !important}
.slider-popup .bx-controls{display:none}
#slider-box-prev{width:30px;height:30px;display:inline-block;margin:30px 1px 0 0}
#slider-box-next{width:30px;height:30px;display:inline-block;margin:30px 0 0 1px}
#slider-box-prev a, .fancybox-prev span{display:block;visibility:visible !important;width:30px !important;height:30px !important;text-indent:-9999px;background-color:#b7b7b7;background-image:url(../img/prev-model.png) !important;background-repeat:no-repeat;background-position:center !important;width:100%;height:100%}
#slider-box-next a, .fancybox-next span{display:block;visibility:visible !important;width:30px !important;height:30px !important;text-indent:-9999px;background-color:#b7b7b7;background-image:url(../img/next-model.png) !important;background-repeat:no-repeat;background-position:center !important;width:100%;height:100%}
#slider-box-prev a:hover, #slider-box-next a:hover, .fancybox-prev:hover span, .fancybox-next:hover span{background-color:#d32f2f}
.fancybox-prev, .fancybox-next{width:50% !important}
.fancybox-prev span{top:auto !important;bottom:-60px !important;right:5px !important;left:auto !important}
.fancybox-next span{top:auto !important;bottom:-60px !important;left:5px !important;right:auto !important}
.video-wrp{text-align:left;margin:0 -15px}
.video-wrp .item{width:370px;float:left;vertical-align:top;text-align:left;margin:15px;position:relative}
.video-play{position:relative;cursor:pointer}
.video-play:after{position:absolute;content:'';display:block;width:55px;height:55px;background:url(../img/play.png) no-repeat center;left:50%;top:50%;margin:-27.5px 0 0 -27.5px}
.options{background:#f3f6f8}
.options .img{display:table-cell;width:570px;height:400px;vertical-align:middle}
.options .img >div{margin:0 auto;text-align:center;display:none}
.options .img >div img{max-width:80%}
.options .img >div.active{margin:0 auto;text-align:center;display:block}
.options .text{display:table-cell;width:570px;padding-left:30px;vertical-align:top;padding-top:30px}
.options .text h2{font-family:'Roboto',sans-serif;font-size:18px;font-weight:500;padding:18px 0;color:#525252}
.options .text p{font-size:14px}
.options .text p:last-child{padding-bottom:20px}
.options .text .series ul{list-style:none;margin:25px 0;padding:0}
.options .text .series ul li{display:inline-block;font-size:24px;color:#b7b7b7;margin-right:32px;cursor:pointer}
.options .text .series ul li.active{color:#d32f2f}
.options .text .series .info >div{display:none}
.options .text .series .info >div.active{display:block}
.modelpage table{width:460px;margin:10px 0 10px;border-collapse:collapse}
color:#d32f2f}
*/.modelpage table td{width:200px;padding:0;line-height:26px;}
.modelpage table td:nth-child(2n){color:#212121}
.modelpage .series table td:nth-child(1){width:300px}
.komplekt{padding:50px 0 70px;border-bottom:1px solid #eaeaea;position:relative}
.komplekt:before{content:'';position:absolute;left:50%;top:-12px;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:13px solid #fff}
.komplekt h4{font-family:'Roboto',sans-serif;font-weight:500;color:#212121}
.komplekt .left{width:770px}
.komplekt .left .items{-moz-column-count:2;-moz-column-width:370px;-webkit-column-count:2;-webkit-column-width:370px;column-count:2;column-width:370px}
.komplekt .right{width:370px}
.komplekt a{display:block;color:#525252;max-width:370px;line-height:26px}
.komplekt a:hover{color:#d32f2f}
.komplekt span{display:block;color:#a9a9a9;max-width:370px;line-height:26px}
.komplekt .wrap >div >div{display:none}
.komplekt .wrap >div >div.active{display:block}
.modelpage .button.next-model-big{width:428px;height:70px;line-height:70px;border-radius:5px;margin-top:70px;margin-bottom:70px}
.modelpage .s7 form{padding:0 100px}
.modelpage .s7 form p{text-align:center;margin:0 0 25px 0;}
.modelpage .s7 form p span{/margin:0 0 25px 0;text-align:center}
form{background:#f3f6f8}
form h2{text-align:center;padding-bottom:10px}
form h2:after{display:none}
form input{width:300px;height:50px;border:0px solid transparent;border-radius:3px;text-indent:30px;display:inline-block;vertical-align:middle;margin:15px 0;font-family:'Source Sans Pro';font-weight:600;font-size:14px}
form textarea{border:0px solid transparent;border-radius:3px;display:inline-block;vertical-align:middle;margin:15px 0;font-family:'Source Sans Pro';font-weight:600;font-size:14px}
form button{width:310px;padding:0;height:50px;line-height:50px;display:inline-block;vertical-align:middle}
form .check{display:inline-block;margin-right:55px}
form input[type="checkbox"]{position:absolute;left:-9999px}
form input[type="checkbox"]+label{margin:15px 0;line-height:20px;font-size:14px;font-weight:600;font-family:'Source Sans Pro';padding-left:37px;background:url(../img/checkbox.png) no-repeat 0px 0px;height:20px;display:block}
form input[type="checkbox"]:checked+label{background-position:0px -20px}
input.formtype{display:none}
input[type="text"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
::-webkit-input-placeholder{color:#525252}
:-moz-placeholder{color:#525252}
::-moz-placeholder{color:#525252}
:-ms-input-placeholder{color:#525252}
.contact .s2 .red{margin-top:45px;margin-bottom:45px}
.contact .s2 .left{width:200px;margin-right:30px}
.contact .s2 .red+.left{width:370px}
.contact .s2 .left h4{color:#212121}
.contact form{padding:0 30px 65px;margin-top:70px}
.contact form .left, .order-form form .left, .katalog-bestellen form .left{width:660px}
.contact form .right, .order-form form .right, .katalog-bestellen form .right{width:450px}
.contact form .right input, .order-form form .right input, .katalog-bestellen form .right input{width:100%;margin-right:0}
.contact form input, .order-form form input, .katalog-bestellen form input{margin-right:26px}
.contact form textarea, .order-form form textarea, .katalog-bestellen form textarea{width:86%;height:100px;padding:15px 7%;resize:none}
.contact form .infotext, .order-form form .infotext, .katalog-bestellen form .infotext{color:#b6b6b6;font-size:14px;font-weight:600;text-align:right}
.contact form button, .order-form form button, .katalog-bestellen form button{outline:none;margin:15px auto;display:block}
.col2{}
.col2 .item{float:left;width:570px;margin:25px 30px 25px 0}
.col2 .item:nth-child(2n){margin-right:0px}
.col2:after{clear:both;content:'';display:block}
.ihre-vorteile .s2 .item img{float:left;max-width:270px}
.ihre-vorteile .s2 .item .right{width:270px}
.col3{text-align:justify}
.col3 .item{width:350px;display:inline-block;vertical-align:top;text-align:left;margin:25px 0px}
.col3:after{content:'';display:inline-block;width:100%}
.readmore{font-size:13px;font-weight:600;position:relative;text-transform:uppercase;letter-spacing:0.07em}
.readmore:after{content:'';position:absolute;right:-15px;top:4px;background:url(../img/readmore.png) no-repeat center;width:5px;height:9px;display:block}
.einzigartig-dach .s2 .item img, .luxus-und-komfort .s2 .item img{margin-bottom:13px}
.garantie .s2{margin-top:20px}
.garantie .s2 .item{padding:20px 0 0}
.garantie .s2 .item h4{margin-bottom:20px}
.col4{text-align:left}
.col4 .item{width:228px;padding:20px;display:inline-block;vertical-align:top;text-align:left;margin:15px 0px;border:1px solid #e2e9ee}
.col4:after{content:'';display:inline-block;width:100%}
.zubehor-zeder .s2 .item .img{min-height:185px;width:100%}
.zubehor-zeder .s2 .item .img img{display:block;margin:0 auto;max-width:100%}
.aufstellungsort .col3 .item{width:370px;margin-top:40px}
.aufstellungsort h4{margin-top:40px}
.unserservice .paket{background:#f3f6f8;margin:80px 0 45px;border-radius:3px}
.unserservice .paket:after{content:'';display:block;clear:both}
.unserservice .paket img{float:left}
.unserservice .paket .right{width:730px;margin-right:70px}
.unserservice .paket .right h3{font-size:25px}
.unserservice .paket .right p.red{font-size:30px;font-weight:700;margin-top:40px}
ul.list1{padding:0;list-style:none}
ul.list1 li{padding-left:30px;background:url(../img/list1.png) no-repeat 0px 10px;line-height:26px}
ul.list2{padding:0;list-style:none}
ul.list2 li{padding-left:20px;background:url(../img/list2.png) no-repeat 0px 10px;line-height:26px;margin:5px 0 0}
.unternehmen.text{padding-top:0}
.unternehmen.text h2+p{font-size:25px}
.unternehmen.text .big-photo{float:left;width:44%;margin:0 1.5% 0 0}
.popup section.text.unternehmen{padding-top:0}
.unternehmen.text .wrap{float:left;width:54.5%;max-width:670px;padding:40px 0 0 0}
.unternehmen footer{margin-top:0}
.faq-wrp{padding-top:20px}
.faq-wrp .item{margin:50px 0}
.faq-wrp .item:after{clear:both;display:block;content:''}
.faq-wrp .quest{float:left;padding-left:60px;width:410px;line-height:26px;font-weight:600;font-size:18px;min-height:49px}
.faq-wrp .quest span{position:relative}
.faq-wrp .quest span:before{position:absolute;left:-60px;top:50%;margin-top:-20px;background:url(../img/faq-quest.png) no-repeat;content:'';width:40px;height:45px}
.faq-wrp .answ{float:right;width:670px;line-height:26px}
.vertical-col4{text-align:justify}
.vertical-col4:after{content:'';width:100%;display:inline-block}
.vertical-col4 .column{width:270px;display:inline-block;vertical-align:top}
.vertical-col4 .item{width:270px;background:#f3f6f8;text-align:left;margin:30px 0 0}
.vertical-col4 .item .info{padding:20px 30px}
.vertical-col4 .item span.date{color:#b6b6b6;font-size:14px;display:block}
.vertical-col4 .item a{color:#525252;font-size:18px;font-weight:600;margin-top:10px;display:block}
.vertical-col4 .item a:hover{color:#d32f2f;text-decoration:underline}
.news section.text h2{margin-bottom:20px}
footer{border-top:1px solid #eaeaea;color:#6b6b6b;padding:10px 0;margin-top:125px}
footer a{color:#6b6b6b}
footer .copyrights{float:left;margin:16px 0}
footer .button.gratis-katalog{float:right;text-transform:uppercase;margin:6px 0px 6px 50px;width:230px;height:40px;line-height:40px;font-size:12px;background-image:url(../img/gratis.png);background-repeat:no-repeat;background-position:16px 11px;text-indent:30px}
footer .button.gratis-katalog:hover{background-color:#d32f2f;color:#fff;background-image:url(../img/gratis.png);background-repeat:no-repeat;background-position:16px 11px;opacity:0.8}
footer .foot-menu{float:right;list-style:none}
footer .foot-menu li{display:inline-block;margin-left:40px}
footer:after{content:'';display:block;clear:both}
.maps{position:relative;height:400px}
.maps >div{width:100%;height:400px;position:absolute;z-index:1;opacity:0;left:0;top:0;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}
.maps >div.control{width:650px;height:40px;z-index:3;opacity:1;left:50%;margin-left:-585px;top:40px}
.maps .control span{font-family:'Playfair Display',serif;font-size:30px;color:#212121;position:relative;margin:0;padding:30px 0;font-weight:bold}
.maps >.control h2{padding:0px;display:inline-block;vertical-align:middle}
.maps >.control h2:after{display:none}
.maps >.control select{display:inline-block;vertical-align:middle;margin:0 0 10px 25px;width:225px;height:40px;background:#d32f2f url(../img/appearance.png) no-repeat right 15px top 19px;color:#fff;border:0px solid transparent;border-radius:2px;text-indent:20px;text-transform:uppercase;font-weight:600;font-size:14px;font-family:'Source Sans Pro';-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}
.maps >.control select option{background:#fff;color:#212121}
.ausstellungen.berlin #berlin-map{z-index:2;opacity:1}
.ausstellungen.munchen #munchen-map{z-index:2;opacity:1}
.ausstellungen.dusseldorf #dusseldorf-map{z-index:2;opacity:1}
.ausstellungen.stuttgart #stuttgart-map{z-index:2;opacity:1}
.ausstellungen.frankfurt #frankfurt-map{z-index:2;opacity:1}
.ausstellungen .contact-info .wrap >div{display:none}
.ausstellungen .contact-info .wrap >div:after{display:block;width:100%;clear:both;content:''}
.ausstellungen .contact-info .wrap >div >h2{float:left;width:170px;margin-right:30px}
.ausstellungen .contact-info .wrap >div >div{float:left;padding-top:35px;min-width:170px;margin-right:30px}
.ausstellungen .contact-info .wrap >div >div h4{color:#212121}
.ausstellungen .contact-info .wrap >div img{float:right;position:relative;z-index:4;margin-top:20px}
.ausstellungen.berlin .contact-info .berlin{display:block}
.ausstellungen.munchen .contact-info .munchen{display:block}
.ausstellungen.dusseldorf .contact-info .dusseldorf{display:block}
.ausstellungen.stuttgart .contact-info .stuttgart{display:block}
.ausstellungen.frankfurt .contact-info .frankfurt{display:block}
.impressum-table span{float:left;max-width:50% !important;font-size:18px;margin-bottom:23px}
.impressum-table span.left-cell{width:270px;clear:both;font-weight:600;margin-right:30px}
.impressum-table span.right-cell{width:370px}
.popup .text .left{margin:25px 30px 5px 0px}
.popup .text .left.video{margin-bottom:30px}
.popup .text .right{margin:5px 0 5px 30px}
.popup h4{margin-top:70px}
.popup_wrap{content:"";clear:both;display:table}
.order-form form p, .katalog-bestellen form p{text-align:center}
.slider-popup{width:970px;padding:0;background:none;position:fixed;left:50%;top:50%;z-index:500;margin-left:-485px;margin-top:-330px;opacity:0;display:none;text-align:center}
.order-form, .katalog-bestellen{width:1110px;padding:0 30px 15px;background:#f3f6f8;position:fixed;left:50%;top:50%;z-index:500;margin-left:-585px;margin-top:-360px;opacity:0;display:none}
.c-form{width:1110px;padding:0 30px 15px;background:#f3f6f8;position:fixed;left:50%;top:50%;z-index:500;margin-left:-585px;margin-top:-130px;opacity:0;display:none}
.c-form .form-box form{text-align:center}
.videobox-wrp{width:560px;height:315px;padding:0;background:#fff;position:fixed;left:50%;top:50%;z-index:500;margin-left:-280px;margin-top:-160px;opacity:0;display:none}
.videobox-wrp .close{right:-20px;top:-20px}
.popup-window{width:95%;height:95%;padding:0;background:#fff;position:fixed;left:2.5%;top:2.5%;z-index:500;opacity:0;display:none;overflow-y:auto}
.popup-window .close{width:70px;height:70px;right:0;top:0;background:url(../img/close2.png) no-repeat;position:fixed;right:2.5%;top:2.5%}
.close{position:absolute;background:url(../img/close.png) no-repeat;width:13px;height:13px;right:20px;top:20px;cursor:pointer;z-index:501}
#parent_popup{background-color:rgba(0,0,0,0.8);position:fixed;z-index:501;top:0;right:0;bottom:0;left:0}
#popup{width:320px;height:184px;position:fixed;left:50%;top:50%;margin-top:-92px;margin-left:-160px;z-index:7;background:#181516;border:2px solid #fff;color:#fff;text-align:center}
#popup .h{font-size:20px;text-transform:uppercase;padding-top:40px;margin-bottom:10px}
#popup .text{font-size:18px}
#popup .close{background:url(../img/close.png) no-repeat;width:40px;height:40px;cursor:pointer;position:absolute;top:-20px;right:-20px}
.opacity{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0.70;z-index:4;display:none}
.fancybox-skin{padding:0 !important}
.fancybox-close{display:none}
section.s404{min-height:712px;background:url('../img/404.jpg') no-repeat top center}
section.s404 .text404{padding-top:150px;margin-left: auto;margin-right: auto;display: table;}
section.s404 .text404 .title{color:#d52c1b;font-size:200px;line-height:200px;padding:0;height:auto}
section.s404 .text404 .text{font-size:14px;line-height:18px;color:#5a5a5a;text-shadow:0px 0px 0px #5a5a5a}
section.s404 .text404 .text p{margin:10px 0}
a.disabled_link{pointer-events:none;cursor:default;}
.about_us .row{position:relative;display:table;clear:both;content:' '}
.about_us .row::before{position:absolute;top:15px;right:50%;left:50%;display:block;width:1px;height:100%;content:'';background-color:#eaeaea}
.about_us .row:last-child::before{display:none}
.about_us .row::after{position:absolute;top:15px;right:50%;left:calc(50% - 9px);width:17px;height:17px;margin:auto;content:'';border:1px solid #eaeaea;border-radius:50%;background-color:#fff}
.about_us .item{position:relative;width:500px;margin:0 80px 0 15px;padding:0 0 50px 0}
.about_us .item_quote{font-size:14px}
.about_us .item_quote p,
.about_us .item_quote span{line-height:20px}
.about_us .item_quote span{font-style:italic}
.about_us .item img{margin-top:25px}
.about_us .about_left{text-align:right}
.about_us .row .about_left img{max-width:45%;margin-left:20px;float:none}
.about_us .row .about_right img{max-width:45%;margin-right:20px}
.about_us .row .big_img img{max-width:80%;}
.about_mission{padding:40px 0 70px 0;background-color:#f3f6f8}
.about_mission .header h4{padding-left:20px}
.about_mission .wrap{display:table;clear:both;content:' '}
.about_mission .am_left,
.about_mission .am_right{position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;padding-left:80px}
.about_mission .am_left .number,
.about_mission .am_right .number{line-height:35px;position:absolute;top:20px;left:20px;width:35px;height:35px;text-align:center;border:1px solid #525252;border-radius:50%}
.about_video{padding:70px 0 70px 0;border-bottom:1px solid #eaeaea}
.about_video .wrap{display:table;clear:both;content:' '}
.about_video .av_left,
.about_video .av_right{position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%}
.about_video .av_left{padding-top:10px;text-align:center}
.about_video .av_right{padding-left:50px}
.about_reward{padding:70px 0 0 0}
.about_reward .wrap{display:table;clear:both;content:' '}
.about_reward .ar_left,
.about_reward .ar_right{position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%}
.about_reward .ar_left{text-align:center}
.about_reward .ar_right{margin-left:-100px;padding-top:60px}
.regals{display:table;clear:both;content:'';width:100%;margin:20px 0}
.regals .regals_left{position:relative;float:left;box-sizing:border-box;width:30%;height:190px;text-align:center;border:1px solid #eaeaea}
.regals .regals_left img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.regals .regals_right{display:table;float:left;box-sizing:border-box;width:70%;height:190px;padding-left:50px}
.regals .regals_right p{display:table-cell;vertical-align:middle}
.popup_row{display:table;clear:both;content:''}
.popup_left{float:left;width:50%;box-sizing:border-box;padding-right:20px}
.popup_left_img{text-align:center;padding-top:70px}
.popup_right{float:left;width:50%;box-sizing:border-box;padding-left:20px}
.popup_right a{display:inline-block;}
.contact_clear{display:table;clear:both;width:100%;content:' '}
.contact_country_wrap{float:none;margin:0;padding-top:20px}
.contact_country_item{padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:25%;margin-right:-5px;height:180px;vertical-align:top}
.contact-adress{width:300px}
.footer_wrap{margin-top:30px;text-align:center}
.footer_item{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:25%;margin-right:-5px;vertical-align:top;padding-right:10px;text-align:left}
.footer_item h5{font-weight:400;margin:30px 0 0 0;text-transform:uppercase;color:#b7b7b7}
.footer_item a{font-size:14px;line-height:24px;letter-spacing:.4px}
.footer_item_phone{font-size:12px;margin:10px 0 10px 0;color:#6b6b6b}
.footer_item_phone a{font-size:16px;font-weight:500;line-height:18px;display:inline-block;margin-bottom:5px;letter-spacing:.2px;color:#6b6b6b;text-decoration:none}
.footer_item_phone img{margin-bottom:10px}
.konstruction-popup__row{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row}
.konstruction-popup__row.top-row{margin-bottom:60px}
.konstruction-popup__row.top-row .konstruction-popup__item.left-item{width:33%;padding-right:30px}
.konstruction-popup__row.top-row .konstruction-popup__item.center-item{width:30%;padding-right:20px}
.konstruction-popup__row.top-row .konstruction-popup__item.right-item{width:37%;margin-top:-45px}
.konstruction-popup__row.top-row .konstruction-popup__item.right-item img{width:100%}
.konstruction-popup__list li{position:relative;padding:10px 0;list-style:none}
.konstruction-popup__list li:before{position:absolute;top:6px;left:-40px;display:block;width:28px;height:29px;content:'';background:url('/img/popups/konstruction-popup-02.png') no-repeat}
.konstruction-popup__list li:nth-child(1):before{background-position:0 0}
.konstruction-popup__list li:nth-child(2):before{background-position:0 -40px}
.konstruction-popup__list li:nth-child(3):before{background-position:0 -80px}
.konstruction-popup__row.text-row .konstruction-popup__item.left-item{width:60%}
.konstruction-popup__row.center-row{margin-bottom:60px}
.konstruction-popup__row.center-row .konstruction-popup__item.left-item{width:68%;padding-right:20px}
.konstruction-popup__row.center-row .konstruction-popup__item.left-item img{display:block;width:100%}
.konstruction-popup__row.center-row .konstruction-popup__item.right-item{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;width:32%;padding:35px;border:3px solid #d5d5d5;background-color:#f3f3f3;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;justify-content:center}
.konstruction-popup__row.center-row .konstruction-popup__item.right-item span{position:relative}
.konstruction-popup__row.center-row .konstruction-popup__item.right-item span:before{position:absolute;bottom:0;left:0;width:65px;height:3px;margin-bottom:10px;content:'';background:#d32f2f}
.konstruction-popup__row.center-row .konstruction-popup__item.right-item p{font-size:18px;color:#525252}
.konstruction-popup__row.bottom-row{margin-bottom:60px}
.konstruction-popup__row.bottom-row .konstruction-popup__item.left-item{width:34%}
.konstruction-popup__row.bottom-row .konstruction-popup__item.left-item img{display:block;max-width:240px;margin:0 auto;padding:0 20px 0 0}
.konstruction-popup__row.bottom-row .konstruction-popup__item.right-item{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;width:66%;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;justify-content:center}
.konstruction-popup__row.video-row{margin-bottom:40px}
.popup__row{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;margin-bottom:40px;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row}
.text-item{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;box-sizing:border-box;width:66%;padding:10px 30px 10px 0;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;justify-content:center}
.text-item__title{font-size:21px;font-weight:bold;line-height:1.1;margin-bottom:30px;color:#525252}
.text-item p{font-size:15px;font-weight:600;line-height:1.1;margin-bottom:10px;color:#525252}
.popup__row .text-item--grey{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;box-sizing:border-box;padding:10px 35px;border:3px solid #d5d5d5;background-color:#f3f3f3;justify-content:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
.popup__row .text-item--grey p{font-size:21px;font-weight:600;line-height:26px;color:#525252}
.popup__row .pic-item{overflow:hidden}
.popup__row .pic-item img{display:block;margin:0 auto}
.video-row{margin-bottom:100px}
.cap-popup .row-01 .text-item--grey{width:32%;margin-right:2%}
.cap-popup .row-01 .pic-item{width:66%}
.cap-popup .row-02 .text-item{width:66%;margin-right:2%}
.cap-popup .row-02 .pic-item{width:32%}
.cap-popup .row-03{margin-top:-70px;margin-bottom:70px;-ms-align-items:flex-end;align-items:flex-end}
.cap-popup .row-03 .text-item{width:62%;padding:10px 10px 0 0}
.cap-popup .row-03 .text-item ul{margin:0;padding:0 0 0 20px}
.cap-popup .row-03 .text-item li{font-weight:600;padding:10px 0 0 0;color:#525252}
.cap-popup .row-03 .pic-item{width:32%;margin-right:2%}
.guarantees-popup .popup__row{-ms-align-items:center;align-items:center}
.guarantees-popup .row-title{font-size:21px;font-weight:bold;margin:0 0 10px 0;color:#525252}
.guarantees-popup .pic-item{width:30%;margin-right:2%}
.guarantees-popup .text-item{width:68%}
.guarantees-popup .text-item__title{margin:10px 0}
.guarantees-popup .text-item p{font-weight:400}
.guarantees-popup .row-08{margin:80px 0}
.heat-popup .row-01,
.heat-popup .row-03{-ms-align-items:center;align-items:center}
.heat-popup .text-item__title{margin:0 0 20px 0}
.heat-popup .text-item p{font-weight:400;margin:0 0 10px 0}
.heat-popup .row-02{-ms-align-items:flex-start;align-items:flex-start}
.heat-popup .row-02 .pic-item{width:32%;margin-right:2%}
.heat-popup .row-02 .text-item{width:66%;padding-top:0;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.heat-popup .popup__subrow{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.heat-popup .popup__subitem{box-sizing:border-box;padding:0 10px 20px 10px;width:50%}
.heat-popup .popup__subitem .text-item__title{margin-bottom:-10px}
.heat-popup .popup__subitem img{margin:0 auto 30px;display:block}
.base-popup p{font-weight:400}
.base-popup .row-01{position:relative;margin-bottom:50px}
.base-popup .row-01 .text-item{width:100%;padding-right:32%}
.base-popup .row-01 .pic-item{position:absolute;z-index:10;right:0;bottom:-170px;width:32%}
.base-popup .row-02{position:relative;margin-bottom:90px}
.base-popup .row-02 .text-item--grey{width:100%;padding-right:32%;padding-left:28%}
.base-popup .row-02 .text-item--grey p{font-size:18px;font-weight:400;line-height:22px}
.base-popup .row-02 .pic-item{position:absolute;top:-40px;left:0;width:25%;margin:auto}
.light-popup .row-01{margin-top:-110px}
.light-popup .row-01 .pic-item{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;width:66%;padding-top:80px;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;justify-content:flex-end}
.light-popup .row-01 .pic-item p{font-weight:600;margin-bottom:20px}
.light-popup .row-01 .text-item--grey{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;width:32%;margin-left:2%;padding:35px 50px 20px 50px;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;justify-content:space-between}
.light-popup .row-01 .text-item--grey img{margin-bottom:40px}
.light-popup .row-01 .text-item--grey span{position:relative;display:block;width:65px;height:3px;background:#d32f2f}
.light-popup .row-01 .text-item--grey p{font-size:15px;font-weight:400;line-height:18px}
.light-popup .row-02 .text-item{padding:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;justify-content:space-between;width:34%}
.light-popup .row-02 .text-item__top{padding-right:40px}
.light-popup .row-02 .text-item__top p{font-weight:400}
.light-popup .row-02 .text-item--grey{border-right:none;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;justify-content:center;padding:50px 40px 45px 30px}
.light-popup .row-02 .text-item--grey p{font-weight:400;font-size:15px;line-height:18px;margin-top:0}
.light-popup .row-02 .text-item--grey span{display:block;width:76px;height:8px;background-image:url("../img/popups/light-popup-04.png");-webkit-background-size:cover;background-size:cover;margin:10px 0}
.light-popup .row-02 .text-item--grey p{font-weight:400}
.light-popup .row-02 .pic-item{width:66%}
.mainpage .s1 .text h2{padding-top:20px;margin-bottom:60px}
nav .phone span.region-text-form{font-size:18px}
input.hide{display:none}
.img-right{float:right;margin:10px 0 10px 20px}
.about-company-page{overflow:hidden}
.about-company-page footer{display:none}
.about-company-page nav{position:fixed;top:0px;left:0px;right:0px;z-index:3}
.about-company-page .slides{padding-top:100px;min-height:596px}
.about-company-page .slide{overflow:hidden}
.about-company-page .block .col-left{position:absolute;left:0px;top:0px;bottom:0px;width:39%}
.about-company-page .block .col-right{width:65%;float:right;height:100%;position:relative}
.about-company-page .block .play{position:absolute;width:130px;height:104px;bottom:50%;margin-bottom:-52px;left:50%;margin-left:-65px;z-index:3}
.about-company-page .fancybox-lock .fancybox-overlay{overflow-y:hidden !important}
.about-company-page .block .play a{display:block;font-size:16px;font-weight:700;color:#fff;text-align:center;padding-top:85px;background:url(../img/play-big.png) no-repeat center top}
.about-company-page .block .play a:hover{text-decoration:none}
.about-company-page .block .img{position:absolute;right:0px;bottom:0px;top:0px;width:100%;overflow:hidden}
.about-company-page .block .table{width:100%;height:100%;border-collapse:collapse;display:table}
.about-company-page .fp-tableCell{display:block;vertical-align:top}
.about-company-page .block .table-cell{display:table-cell;vertical-align:middle}
.about-company-page .block .text-box{padding:30px 0px 100px 14%}
.about-company-page .block .text-box p{white-space:pre-line;font-size:16px;line-height:26px;color:#525252;margin:0px;padding:15px 0px;letter-spacing:-0.3px}
.about-company-page .block.slide7 p{white-space:normal;padding:25px 0px}
.about-company-page .block .text-box .h{font-size:18px;padding-bottom:25px;font-weight:700;line-height:26px;color:#525252}
.about-company-page .block .text-box .thanks{color:#d32f2f;background:url(../img/good-icon.png) no-repeat left center;font-size:30px;line-height:40px;padding:14px 0px 0px 70px;font-family:'Playfair Display',serif;font-weight:700;margin-top:120px}
.about-company-page .block.slide9 .text-box .h{padding-bottom:35px}
.about-company-page .block .text-box .h b{font-weight:700;color:#d32f2f}
.about-company-page .block .text-box p b{font-weight:700}
.about-company-page .block .text-box p span{display:inline-block;vertical-align:top}
.about-company-page .block .text-box p span.number{margin-right:6px;width:70px;font-size:90px;line-height:80px;color:#525252;font-weight:700;opacity:0.15}
.about-company-page .block .text-box p span.text{width:565px;white-space:pre-line}
.about-company-page .block .text-box .item{padding-left:80px;background-repeat:no-repeat;background-position:left 5px;white-space:pre-line;font-size:16px;line-height:26px;color:#525252;margin-bottom:50px;letter-spacing:-0.3px}
.about-company-page .block .text-box .item.i1{background-image:url(../img/about-company-red-icon-1.png)}
.about-company-page .block .text-box .item.i2{background-image:url(../img/about-company-red-icon-2.png)}
.about-company-page .block .text-box .item.i3{background-image:url(../img/about-company-red-icon-3.png)}
.about-company-page .block .text-box .item:last-child{margin-bottom:0px}
.about-company-page .block .text-box .hdr{font-size:30px;line-height:44px;font-family:'Playfair Display';color:#212121;font-weight:700;margin-top:85px}
.about-company-page .block .text-box .hdr .next-slide{display:inline-block;margin-top:0px;vertical-align:middle;margin-left:45px}
.about-company-page .block .numbers .next-slide{position:absolute;top:-55px;left:50%;margin-left:-22px;margin-top:0px}
.about-company-page .block .next-slide{background:url(../img/red-arrow.png) no-repeat;width:45px;height:44px;margin-top:15px;cursor:pointer}
.about-company-page .block{position:relative}
.about-company-page .red-line{position:absolute;background:#d32f2f;height:2px;right:0px;left:0px;bottom:7%;z-index:4}
.about-company-page .block.slide1 .red-line{width:54%;left:inherit}
.about-company-page .block.slide1 .red-line:before{content:' ';position:absolute;background:url(../img/red-dotted.png) no-repeat;width:10px;height:10px;left:-8px;top:50%;margin-top:-5px;margin-left:0px}
.about-company-page .block .red-line:before{content:' ';position:absolute;background:url(../img/red-dotted-big.png) no-repeat;width:44px;height:44px;left:50%;top:50%;margin-top:-22px;margin-left:-80px}
.about-company-page .block .red-line .numbers{position:absolute;background:#fff;padding:0px 30px;z-index:2;top:-20px;right:55px;font-size:35px;color:#d32f2f;font-weight:300;text-align:center}
.about-company-page .block .red-line .numbers span.first{font-weight:700}
.about-company-page .block .mouse{padding-left:65px;white-space:pre-line;font-style:italic;font-size:12px;color:#b7b7b7;background:url(../img/about-company-mouse.png) no-repeat left center;position:absolute;bottom:20%;padding-top:5px;padding-bottom:5px;left:90px}
.about-company-page .fp-controlArrow{display:none !important}
span#banner1-text{color:#000033;}
@media screen and (max-width: 1030px) {

  .modelpage {overflow-x:auto;}
  .modelpage .s1 {}
  .modelpage .s1 .wrap {width: 96% !important; margin:0 2% !important; padding: 0 !important; left: auto !important;}
  /*.modelpage .model-slider {width: 2015px;}*/
  .modelpage .model-slider {
    width: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -ms-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }

  .modelpage .model-slider .item {display: none;}
  .modelpage .model-slider .item.active {display: block;}

}

@media screen and (max-width: 1200px) {

  body {max-width: 1200px;}
  .wrap {width: 940px; padding: 0 20px;}
  .col3 .item {width: 30%;}
  .col3 .item * {max-width: 100%;}
  .ausstellungen .contact-info .wrap {position: relative;}
  .ausstellungen .contact-info .wrap > div > div {float: none; clear: both;}
  .ausstellungen .contact-info .wrap > div img {position: absolute; top: 0; right: 2%; margin-top: 40px;}
  .maps > div.control {left: 2%; margin-left: 0;}
  .contact form .left, .order-form form .left, .katalog-bestellen form .left {width: 60%;}
  .contact form .right, .order-form form .right, .katalog-bestellen form .right {width: 40%;}
  .contact form input, .order-form form input, .katalog-bestellen form input {width: 43%; margin-right: 6%;}
  .faq-wrp .quest {width: 38%; padding-left: 7%;}
  .faq-wrp .answ {width: 53%;}
  .gallery-wrp, .video-wrp {text-align: center; margin: 0;}
  .video-wrp .item {float: none; display: inline-block; width: 31%; margin:15px 1%;}
  .video-wrp .item * {max-width: 100%;}
  .col2 .item {width: 47%; margin-left: 1.5%; margin-right: 1.5%;}
  .col2 .item:nth-child(2n+1) {clear: both;}
  .ihre-vorteile .s2 .item img {max-width: 48%;}
  .ihre-vorteile .s2 .item .right {max-width: 50%;}
  .mainpage .s2 .left, .mainpage .s2 .right {width: 48%;}
  .mainpage .advantages .wrap {text-align: center;}
  .mainpage .advantages .wrap .item {float: none; margin: 40px 15px; display: inline-block;}
  .mainpage .s1 .text {
    width: 75%;
    padding-left: 25%;
    margin: 0;
  }
  .mainpage .s1 .text p {max-width: 100%;}
  .mainpage .s1 .video-preview {position: relative; top: auto; right: auto; padding-top: 460px; height: 230px; margin: 40px auto;}
  .mainpage .s1 .video-preview .open-video {margin-top: 0;}
  .mainpage .mainslider .item .wrap {left: 2%; margin-left: 0;}
  .vertical-col4 .column {width: 24%;}
  .vertical-col4 .column * {max-width: 100%;}
  .unserservice .paket img {width: 30%;}
  .unserservice .paket .right {width: 65%; margin: 0;}
  .unternehmen footer {margin-top: 60px;}
  .col4 {text-align: center;}
  .col4 .item {margin: 15px 1%; max-width: 26%; padding: 20px 2%;}
  .order-form, .katalog-bestellen {
    width: 80%;
    height: 80%;
    left: 5%;
    top: 5%;
    margin:0;
    padding: 5%;
    overflow-y: auto;
  }
  .c-form {
    width: 80%;
    // height: 50%;
    left: 5%;
    top: 50%;
    margin:-160px 0 0 0;
    padding: 5%;
    overflow-y: auto;
  }
  .modelpage .s1 .wrap {padding: 0; margin: 0; left: 2%;}
  .modelpage .model-description {width: 360px; left: 600px;}
  .modelpage .s1 .wrap .prev-model {left: 600px;}
  .modelpage .s1 .wrap .next-model {left: 600px;}
  .options .img, .options .text {width: 50%; padding: 0 0 0 2%;}
  .options .img > div img {max-width: 100%;}
  .komplekt .left {width: 66%;}
  .komplekt .right {width: 33%;}
  .komplekt .left .items {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1;
  }
  .komplekt .left .items a, .komplekt .left .items span {
    width: 45%;
    margin-right: 4%;
    display: inline-block;
    vertical-align: top;
  }
  .modelpage .s4 .left {width: 40%; margin-top: 40px;}
  .modelpage .s4 .left * {max-width: 100%}
  .modelpage .s4 .right {width: 58%}
  .modelpage .s7 form {text-align: center;}
  .modelpage .s7 form input {margin-left: 15px; margin-right: 15px;}
  .modelpage .s7 form button {width: 300px;}

  footer .foot-menu {float: none; display: block; margin: 20px auto; clear: both; padding: 40px 0 0px; text-align: center;}
  footer .foot-menu li {margin: 0 20px;}
  
  .about-company-page .block .text-box p {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0px;
  }
  .about-company-page .block .text-box .item {
    font-size: 14px;
    line-height: 24px;
    margin-bottom:30px;
  }
  .about-company-page .block .text-box .hdr {
    font-size: 20px;
    line-height: 35px;
    margin-top:30px;
  }
  .about-company-page .block .text-box p span.text {
    width: 445px;
  }
  .about-company-page .block .text-box .thanks {
    margin-top:50px;
  }
  .about-company-page .block .mouse {
    bottom:25%;
  }
}

@media screen
and (min-width: 980px)
and (max-width: 1200px) {
  nav .mainmenu > li {font-size: 0.85em;}
}
@media screen
and (min-width: 641px)
and (max-width: 750px) {
  nav .mainmenu > li {font-size: 0.85em;}
}

@media screen and (max-width: 836px) {

  /*footer .foot-menu {float: none; line-height: 30px; padding-left: 25%;}
  footer .foot-menu li {min-width: 31%; margin-left: 1%;}*/
  .contact form .left, .order-form form .left, .katalog-bestellen form .left {width: 100%; float: none;}
  .contact form .right, .order-form form .right, .katalog-bestellen form .right {width: 100%; float: none;}
  .contact form input, .order-form form input, .katalog-bestellen form input {width: 80%; margin-right: 10%; margin-left: 10%; text-indent: 5%;}
  .contact form .right input, .order-form form .right input, .katalog-bestellen form .right input {width: 80%; margin-right: 10%; margin-left: 10%; text-indent: 5%;}
  .contact form textarea, .order-form form textarea, .katalog-bestellen form textarea {width: 72%; padding-left: 4% !important; padding-right: 4% !important; margin-right: 10%; margin-left: 10%;}
  form .check {display: block; margin: 0 auto; width: 80%;}
  form .clear + .left {clear:both; width: 80%; margin: 0 auto;}
  form .clear + .left + .right {clear: both; width: 80%; margin: 20px auto 40px; text-align: left;}
  .faq-wrp .quest {width: 37%; padding-left: 9%;}
  .mainpage .s1 .video-preview {background-size: contain; max-width: 100%;  padding-top: 400px;}
  .mainpage .mainslider .item .wrap {font-size: 36px;}
  .vertical-col4 .item .info {padding:20px 5%;}
  .vertical-col4 .item a {font-size: 14px;}
  .unserservice .paket img {width: 40%;}
  .unserservice .paket .right {width: 55%; margin: 0;}
  .unternehmen.text .big-photo {
    float: none;
      display: block;
      margin: 0 auto 20px;
      width: 100%;
    }
    .unternehmen.text .wrap {float: none; width: 96%; padding: 0 2%; max-width: 96%;}
    .video-wrp .item {float: none; display: inline-block; width: 47%; margin:15px 1%;}

    .modelpage .model-slider .item.active {width: 250px !important;}
  .modelpage .model-slider .item.active .img {height: 190px !important;}
  
  .about-company-page .block .img img {
    min-width:0px;
    height:100%;
    width:auto;
  }
  .about-company-page .block .img {
    top:0px;
    bottom:0px;
  }
  .about-company-page .block .text-box p {
    font-size: 13px;
    line-height: 21px;
  }
  .about-company-page .block .text-box .hdr {
    margin-top:20px;
  }
  .about-company-page .block .text-box .hdr .next-slide {
    display:block;
    margin-left:0px;
    margin-top:5px;
  }
  .about-company-page .red-line {
    bottom:20px;
  }
  .about-company-page .block .red-line .numbers {
    font-size:25px;
    top:-16px;
  }
  .about-company-page .block .text-box p span.number {
    width: 50px;
    font-size: 70px;
    line-height: 60px;
  }
  .about-company-page .block .text-box p span.text {
    width: 330px;
    font-size: 13px;
    line-height: 21px;
  }
  .about-company-page .block .text-box .item {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 15px;
  }
  .about-company-page .block .text-box .h {
    font-size:16px;
  }
  .about-company-page .block .text-box .thanks {
    font-size:25px;
  }

}

@media screen and (max-width: 750px) {
  .modelpage .s1 {height: 420px !important;}
  .modelpage .s1 .wrap {height: 420px !important;}
  .modelpage .model-slider {margin-top: 30px;}
  .modelpage .model-slider .item.active {width: 230px !important;}
  .modelpage .model-slider .item.active .img {height: 170px !important;}
  .model-description {left: 330px !important; margin-top: 21px !important;}
  .modelpage .s1 .wrap .prev-model {left: 330px !important; bottom: 108px !important;}
  .modelpage .s1 .wrap .next-model {left: 330px !important; bottom: 108px !important;}
  footer .foot-menu {font-size: 0.9em;}
  
  .about-company-page {
    overflow:auto;
  }
  .about-company-page nav {
    position:relative;
    top: inherit;
    left: inherit;
    right: inherit;
  }
  .about-company-page .slides {
    min-height:auto;
    padding-top:0px;
  }
  .about-company-page .block .col-left {
    float:none;
    width:auto;
    margin:0px -20px;
  }
  .about-company-page .block .img {
    position:relative;
    left:inherit !important;
    right:inherit !important;
    top:inherit !important;
    bottom:inherit !important;
    overflow:hidden;
    text-align:center;
    width:100% !important;
    height:100% !important;
  }
  .about-company-page .block .img img {
    width:100% !important;
    height:auto !important;
    display:inline-block !important;
    min-height:inherit !important;
  }
  .about-company-page .block .col-left {
    position:relative;
    left:inherit;
    top:inherit;
    bottom:inherit;
    width:auto;
  }
  .about-company-page .block .col-right, .about-company-page .block .col-left, .about-company-page .block.slide8 .img {
    height:auto !important;
  }
  .about-company-page .red-line, .about-company-page .block .next-slide, .about-company-page .block .mouse {
    display:none !important;
  }
  .about-company-page .block .col-right {
    width:100%;
    float:none;
  }
  .about-company-page .block .table, .about-company-page .block .table-cell {
    display:block;
  }
  .about-company-page .block .text-box {
    padding: 40px 0px 60px 0px;
  }
  .about-company-page .block .text-box p span.text {
    width: 80%;
  }
  .about-company-page .block .play {
    right:50%;
    margin-right:-65px;
  }
  .about-company-page .block.slide9 .img {
    margin-bottom:0px;
  }
}

@media screen and (max-width: 980px) {


  body {max-width: 980px;}
  .wrap {width: 96%; padding: 0 2%;}
  nav .wrap {position: relative;}
  nav .wrap .phone {right: 2%; top:0; margin-top: 0;}
  nav .wrap .phone span {display: inline-block; padding-left: 10px;}
  nav .wrap ul {
    float: right;
      /*clear: both;*/
    margin: 40px auto 0;
      padding: 0px 0 0;
      text-align: right;
    }
    nav .mainmenu > li {margin: 0 0 0 25px;}
    .mainpage nav {background: #212121; position: relative;}
    .mainpage .bx-pager {top: 20%;}
    .ausstellungen .contact-info .wrap > div img {max-width: 60%;}
    .ihre-vorteile .s2 .item img {max-width: 100%; float: none; display: block; margin: 20px auto;}
  .ihre-vorteile .s2 .item .right {width: 100%; max-width: 100%; float: none; display: block; margin: 0px auto;}
  .mainpage .mainslider .item .button {margin: 20px 0;}

  .modelpage .s1 {height: 470px;}
  .modelpage .s1 .wrap {height: 470px;}
  .modelpage .model-slider .item.active {width: 300px;}
  .modelpage .model-slider .item.active .img {height: 240px;}
  .modelpage .s1 .wrap .prev-model {left: 420px; bottom: 88px;}
  .modelpage .s1 .wrap .next-model {left: 420px; bottom: 88px;}
  .modelpage .model-description {left: 420px; width: 274px; font-size: 14px;}



  .allmodels-wrp.expand {max-height: 2000px;}

  .slider-popup {
    width: 640px;
    left:50%;
    top:50%;
    margin-left:-320px;
    margin-top:-215px;
  }
  .slider-box,
  .slider-popup .bx-wrapper,
  .slider-popup .bx-viewport {min-height: 429px; margin: 0 auto !important}
  .slider-box .item {width: 640px !important; text-align: left;}
  .slider-box .item img {width: 640px !important;}
  #slider-box-prev{margin-top: 10px;}
  #slider-box-next{margin-top: 10px;}

  .popup_wrap img {
    float: none;
  }

  .popup_wrap .video {
    float: none;
    margin-bottom: 40px;
  }
  .popup .text .left {
    margin: 0;
  }

  .popup .text .right {
    margin: 0;
  }
}

@media screen
and (min-width: 641px)
and (max-width: 980px) {
  nav .mainmenu > li:last-child ul {margin-left: -160px;}
}

@media screen and (max-width: 700px) {

  nav .wrap ul {text-align: center; float: none; clear: both; padding-top: 30px;}
  /*nav .wrap .phone {top: 15px;}*/

}


@media screen and (max-width: 640px) {

  img, iframe {max-width: 100% !important;}
  .item {width: 100% !important;}
  .item * {max-width: 100% !important;}
  .left, .right {width: 100%; float: none; margin-left: auto !important; margin-right: auto !important;}
  footer .copyrights {float: none; margin:20px auto; text-align: center;}
  footer .foot-menu {padding: 0; margin: 0 auto; display: block;}
  footer .foot-menu li {width: 100%; text-align: center; margin:0; line-height: 26px;}
  footer .foot-menu li a {display: block; width: 100%; height: 100%;}
  footer .button.gratis-katalog {float: none; display: block; margin: 20px auto;}

  nav .wrap .phone span {display: inline; padding-left: 0px;}
  nav .wrap > ul {
    max-height: 0px;
    overflow: hidden;
    background: url(../img/sandwich.png) no-repeat center top 6px;
    -webkit-transition: max-height 0.2s ease-in-out;
    -moz-transition: max-height 0.2s ease-in-out;
    -o-transition: max-height 0.2s ease-in-out;
    -ms-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
    -webkit-transition: padding-top 0.2s ease-in-out;
    -moz-transition: padding-top 0.2s ease-in-out;
    -o-transition: padding-top 0.2s ease-in-out;
    -ms-transition: padding-top 0.2s ease-in-out;
    transition: padding-top 0.2s ease-in-out;
    position: absolute;
      top: 15px;
      z-index: 4;
      width: 50px;
      left: 45%;
      margin:0 auto 0 -25px;
      cursor: pointer;
      padding: 70px 0 0;
  }
  nav .wrap ul.clicked {width: 96%; left: 2%; margin-left: 0; max-height: 1000px; padding-top: 40px; padding-bottom: 10px; background: rgba(33,33,33,0.95) url(../img/sandwich.png) no-repeat center top 6px; top:0; cursor: default;}
  nav .wrap ul > li {margin: 5px auto; width: 90%; text-align: left; padding: 0 5%;}
  nav .wrap ul li li {margin: 0px auto; width: 90%; text-align: left; padding: 0;}
  /*.mainpage nav .mainmenu > li ul {background: rgba(33,33,33,1);}*/
  nav .mainmenu > li ul {
    position: static;
    width: auto;
    left: auto;
    margin: auto;
    font-size: 14px;
    font-weight: 300;
    max-height: 1000px;
    padding: 5px 0 !important;
    background: none;
    list-style: none;
  }

  .maps > div.control {width: 100%; text-align: center; left: auto;}
  .maps > div.control h2 {margin: 10px auto;}
  .maps > .control select {margin: 0;}
  .ausstellungen .contact-info .wrap > div img {position: static;}
  .contact .s2 .left {width: 100% !important; margin: 20px auto;}
  .contact form {padding: 0 3% 20px;}
  .contact form input, .order-form form input, .katalog-bestellen form input {width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; text-indent: 4%;}
  .contact form textarea, .order-form form textarea, .katalog-bestellen form textarea {width: 92%; margin-left: 0; margin-right: 0;}
  form .check {width: 100%; margin: 40px auto;}
  form .clear + .left {width: 100%;}
  form .clear + .left + .right {width: 100%; margin: 40px auto; text-align: center;}
  button, .button {max-width: 100% !important;}
  .faq-wrp .quest {width: 80% !important; padding-left: 20%; margin: 20px auto;}
  .faq-wrp .answ {width: 100% !important;}
  .gallery-wrp .item h3, .video-wrp .item h3 {font-size: 14px; padding-right: 30px; left: 0; padding-left: 30px;}
  .gallery-wrp .item, .video-wrp .item {max-width: 100% !important; width: auto !important;}
  .vertical-col4 .column {width: 100%;}
  .vertical-col4 .column .item img {display: block; margin: 0 auto;}
  .unserservice .paket img {display: block; float: none; margin: 0 auto 20px; width: auto; max-width: 100%;}
  .unserservice .paket .right {width: 90%; padding-bottom: 20px;}
  .col4 .item {max-width: 100%; width: 94% !important;}
  .mainpage .mainslider .item .wrap {font-size: 18px; padding: 0 5%; width: 70%; bottom: 20%;}
  .mainpage .mainslider .item .button {width: 150px; height: 25px; line-height: 25px; font-size: 12px;}
  .mainpage .bx-pager {top: 50%; margin-top: -65px; padding-top: 0 !important; bottom: auto !important;}
  .mainpage .s1 .text {
    width: 100%;
    padding-left: 0;
    margin: 0;
    padding-top: 100px;
  }
  .mainpage .s1 .text .button {margin: 40px auto !important;}
  .mainpage .s1 .video-preview {padding-top: 120px;}
  .mainpage .s1 .video-preview .open-video {margin-left: 1%;}
  .mainpage .s2 .left, .mainpage .s2 .right {width: 100%;}
  .allmodels-wrp {max-height: 910px;}
  .allmodels-wrp.expand {max-height: 10000px;}
  .mainpage .advantages .wrap .item {margin: 20px 1%;}

  .modelpage .s1 {height: auto !important;}
  .modelpage .s1 .wrap {height: auto !important; position: relative !important; text-align: center;}
  .modelpage .model-slider {margin: 0 auto; position: static; left: auto; top: auto;}
  .modelpage .model-slider .item.active {width: 89%; padding-left: 5%; padding-right: 5%; margin: 0 auto;}
  .modelpage .model-description {position: relative; left: auto !important; top: auto; width: 96%; margin: 20px auto; min-height: 220px; text-align: left;}
  .modelpage .s1 .wrap .prev-model {left: auto !important; position: static !important; display: inline-block; margin: 40px 5px;}
  .modelpage .s1 .wrap .next-model {left: auto !important; position: static !important; display: inline-block; margin: 40px 5px;}
  .modelpage .model-description h2 {text-align: center;}
  .modelpage .model-description .button {margin: 0 auto;}
  .options .img, .options .text {display: block; width: 100%; padding: 20px 0; height: auto;}
  .komplekt .left {width: 100%;}
  .komplekt .right {width: 100%; margin-top: 40px;}
  .komplekt .left .items a, .komplekt .left .items span {width: 100%; margin: 0;}
  .modelpage .s4 .left {width: 100%;}
  .modelpage .s4 .right {width: 100%;}
  .modelpage .s7 form {padding: 0 2%;}
  .modelpage .s7 form input {margin: 15px 0;}
  form input {max-width: 100%;}
  .modelpage .col4 .item {padding: 0 1%;}
  .options .text .series ul li {width: 100%; margin: 0;}

  .slider-popup {
    width: 300px;
    left:50%;
    top:50%;
    margin-left:-150px;
    margin-top:-100px;
  }
  .slider-box,
  .slider-popup .bx-wrapper,
  .slider-popup .bx-viewport {min-height: 201px; margin: 0 auto !important}
  .slider-box .item {width: 300px !important; text-align: left;}
  .slider-box .item img {width: 300px !important;}
  #slider-box-prev{margin-top: 10px;}
  #slider-box-next{margin-top: 10px;}

  .impressum-table span {float: left; max-width: 48% !important;}
  .impressum-table span.left-cell {margin-right: 3%;}

  .about-company-page .block .text-box .item {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 15px;
    width:auto !important;
    padding-left:60px;
  }
}

@media screen and (max-width: 370px) {
  .mainpage .mainslider .item .wrap {font-size: 14px;}
  nav .wrap .phone span {font-size: 18px;}

}

@media screen and (max-width: 450px) {
  .impressum-table span {float: left; max-width: 100% !important;}
  .impressum-table span.left-cell {width:100%; margin-right: 0;}
  .impressum-table span.right-cell {width:100%;}
}

@media screen and (max-width: 560px) {
  .videobox-wrp {max-width: 100%; margin-left: 0; left: 0;}
  .videobox-wrp > * {max-width: 100%;}
}


/*===== begin Odinokun style =====*/

@media screen and (max-width: 1200px) {
  .about_us .row .about_left img {
      max-width: 45%;
  }
  .about_us .row .about_right img {
      max-width: 45%;
  }
  .about_reward .ar_right {
      margin-left: 0;
  }
}
@media screen and (max-width: 1150px) {
  .c-form {
    margin:-200px 0 0 0;
  }
}
@media screen and (max-width: 980px) {
  .about_video {
    padding: 20px 0 20px 0;
      border-bottom: 1px solid #eaeaea;
  }
  .about_video .av_left,
  .about_video .av_right {
      float: none;
      width: 90%;
      margin: 0 auto;
  }
  .about_video .av_left {
      text-align: center;
      padding-top: 10px;
  }
  .about_video .av_right {
    text-align: justify;
      padding-left: 0px;
  }
  .regals .regals_left {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  .regals .regals_right {
    float: none;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding-left: 0;
  }
  .contact_country_item {
    width: 33.3%;
  }
    .footer_item {
      width: 50%;
      text-align: center;
    }
}
@media screen and (max-width: 754px) {
  .c-form {
    margin:-220px 0 0 0;
  }
}
@media screen and (max-width: 750px) {
    .about_us .row::before {
        display: none;
    }
    .about_us .row::after {
        display: none;
    }
    .about_us .item {
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .about_us .item img {
        margin-top: 0;
    }
    .about_us .about_left {
        text-align: justify;
    }
    .about_mission {
        padding: 40px 0 30px 0;
    }
    .about_mission .header h4 {
        text-align: center;
    }
    .about_mission .am_left,
    .about_mission .am_right {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .about_reward {
        padding: 70px 0 0 0;
    }

    .about_reward .ar_left,
    .about_reward .ar_right {
        float: none;
        width: 90%;
        margin: 0 auto;
    }
    .about_reward .ar_left {
        text-align: center;
    }
    .about_reward .ar_right {
        padding-top: 0;
        text-align: center;
    }
    .contact_country_item {
      width: 50%;
    }
}
@media screen and (max-width: 580px) {
    .contact_country_item {
      width: 100%;
      text-align: center;
    }
}
@media screen and (max-width: 400px) {
    .footer_item {
      width: 100%;
    }
}
@media screen and (max-width: 860px) {
    .img-right {
      width: 100%;
      float: none;
      text-align: center;
      margin: 10px;
    }
}
/*===== end   Odinokun style =====*/