*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-family: "Montserrat", sans-serif;font-size: 12px; text-align: center;}
a img{border:none;}
ul{padding-left: 15px;}
.cl, .cleaner{clear: both;}
input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance:none;}
.fx{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
body .gallery .empty-list{display: none;}
body.user-logged .gallery .empty-list{display: block;}
.dev-component{display: inline-block;}
body.page-home .nav{display: none;}
.dynamic-page .dev-html-block a{color:#000;}
.dynamic-page .dev-html-block table{border-collapse:collapse; width: 100%;}
.dynamic-page .dev-html-block table td{padding:6px; border:1px solid #dedede;}
.dynamic-page .dynamic-page-block .dev-html-block{margin-bottom: 60px;}
.dynamic-page .dynamic-page-block:last-child .dev-html-block{margin-bottom: 0px;}
.kotva{position: absolute; width: 1px; height: 1px; margin-top: -150px;}
.kotva.kotva-produkty{position: absolute; width: 1px; height: 1px; margin-top: -220px;}
.kotva.kotva-showroom{position: absolute; width: 1px; height: 1px; margin-top: -50px;}
.o{width: 1300px; margin:0px auto;}
.top-bar{width: 100%; height: 98px; background-color: #fff; position: fixed; left:0; top:0; border-bottom:1px solid #eee; z-index:100;}
.pod-top-bar{width: 100%; height: 98px;}
.logo {float: left;margin-top: 24px;}
.top-right{float: right;}
.menu{display: inline-block; vertical-align: top; margin-top: 40px;}
.social{display: inline-block; vertical-align: top; margin-top: 30px; margin-right: 32px;}
.schuzka{display: inline-block; vertical-align: top; margin-top: 30px;}
.menu a{display: inline-block; vertical-align: top; font-size: 14px; color:#000; text-decoration: none; margin-right: 32px;}
.menu a:hover{text-decoration: underline;}
.home-ico{width: 18px; height: 15px; background-image: url(images/ico-home.png);}
.home-ico:hover{opacity:0.5;}
.social a{display: inline-block; vertical-align: top;}
.social a:hover{opacity:0.6;}
.social a.ico-fb{width: 34px; height: 34px; background-image: url(images/ico-fb.png);}
.social a.ico-ig{width: 34px; height: 34px; background-image: url(images/ico-ig.png);}
.schuzka a{display:inline-block;padding:9px 15px;text-decoration:none;background-color:#ff2e17;font-size:13px;color:#fff;}
.schuzka a:hover{background-color: #100f10;}
/* tlačítka*/
.s-button{background:#ff2e17; color:#fff; text-transform:uppercase; text-decoration:none; display:inline-block; padding:12px 30px; font-size:14px; margin-top: 5px;}
.s-button:hover{background-color: #b10000;}
input.s-button{border:none;font-family: "Montserrat", sans-serif; cursor: pointer;}
/* texty */
.s-txt{font-size:18px; font-weight:300; line-height:32px; display:inline-block; margin-top:40px; margin-bottom:40px;}
/* nadpisy */
h2{font-size:47px;font-weight:700; line-height: initial;}
.podstrana.textova h1{font-size:47px;font-weight:700; line-height: initial;}
/* theme - homepage */
.theme{height: 575px; width: 100%; overflow: hidden; position: relative; background-image: url(images/theme-aluniq.jpg); background-size: cover; background-position: center;}
.video-over{width: 100%; height: 576px; position: absolute; left:0; top:0; background-color: rgba(0,0,0,0.6); z-index:10;}
.theme-txt{position: absolute; z-index:20; margin-top: 120px; text-align: center; color:#fff; left:0; top:0; width: 100%;}
.theme-txt h1{font-size: 44px; display: inline-block; margin-bottom: 40px; width: 100%;}
.theme-txt h2{font-size:20px;font-weight:400;display:inline-block;width:660px;line-height:32px; margin-bottom:50px;}
.theme-txt h2 span{color:#ff2e17;}
/* rozdělovník - produkty */
.first{background-color: #f8f8f8; width: 100%; height: auto; }
.first .o{position: relative;}
.produkty-panel{width:1300px; height: 396px; background-color: #fff; margin: 0 auto; margin-top: -100px; z-index:15; position: absolute; margin-left: calc(50% - 650px); text-align: left;}
.produkty-panel-in{padding:15px;}
.stin{width:100%;height:103px;background-image:url(images/stin.jpg);margin-top:160px;display:inline-block;background-position: center top;}
a.produkt{width: 295px; height: 345px; display: inline-block; vertical-align: top; margin-right: 10px; margin-left: 10px; margin-top: 10px; text-align: center; font-size: 28px; color:#fff; font-weight: 400; position: relative;}
a.produkt span.pr-content{background-color: rgba(0,0,0,0.7); position: absolute; bottom:0; width: 100%; height: 170px; left:0;}
a.produkt span.pr-nad{font-size: 26px; font-weight: 300; display: inline-block; vertical-align: top; padding:20px;margin-top: 9px;}
a.produkt span.pr-txt{font-size: 14px; font-weight: 300; display: inline-block; vertical-align: top; padding-left: 20px; padding-right: 20px;line-height: 20px;}
a.produkt:hover{opacity:0.9;}
.pr-1{background-size: cover; background-image: url(images/pr-1.jpg);}
.pr-2{background-size: cover; background-image: url(images/pr-2.jpg);}
.pr-3{background-size: cover; background-image: url(images/pr-3.jpg);}
.pr-4{background-size: cover; background-image: url(images/pr-4.jpg);}
/* o nás - homepage */
.o-nas{width:100%; height: auto; background-color: #f8f8f8; padding-top: 290px;}
.o-nas .o{position: relative;}
.o-nas-txt{float:left;width:calc(100% - 588px);margin-right:100px;text-align:left;padding-top:120px;padding-bottom:120px;}
.o-nas-img{width:488px;position:absolute;right:0;bottom:0;}
.o-nas-txt h2{font-size:47px; font-weight:300;}
.o-nas-txt h2 strong{font-weight:700;}
/* panel realizace */
.realizace{width: 100%; padding-top: 85px; padding-bottom: 85px; background-color: #111111; }
.realizace-left{float: left; text-align: left; color:#fff; width: 350px; margin-right: 100px;}
.realizace-slider{width: 800px; height: 360px; background-color: #323232; float: right; position: relative; text-align: left;}
.sl-item{position: absolute; left:0; top:0; display: none; opacity: 0;}
.sl-item:first-child {display: block;opacity: 1;}
.sl-img{float: left;}
.sl-content{float:left;width:calc(100% - 470px);padding:35px; color:#fff; position: relative; height: 290px;}
.sl-name{font-size: 20px; font-weight: 400;}
.sl-txt{font-size: 14px; font-weight: 400; margin-top: 20px; margin-bottom: 30px;}
.sl-price{font-size: 18px; font-weight: 700;}
.sl-info {font-size: 11px;font-weight: 400;font-style: italic;margin-top: 18px;color: #808080;}
.sl-arrows{font-size: 14px; font-weight: 400; position: absolute; bottom:30px; width:calc(100% - 70px);}
.sl-arrows span{display: block; cursor: pointer; padding:15px; background-color: #2b2b2b; background-repeat: no-repeat;}
.sl-arrows > span:nth-child(1){float:left;background-image:url(images/arrow-left-small.png);background-position:left 14px center;padding-left:40px;}
.sl-arrows > span:nth-child(2){float:right;background-image:url(images/arrow-right-small.png);background-position:right 14px center;padding-right:40px;}
.sl-arrows span:hover{background-color: #1b1b1b;}
.sl-prev,
.sl-next {cursor: pointer;user-select: none;}
.sl-price span{display: inline-block; vertical-align: top;}
span.rozmer{color:#ff2e17;}
span.oddel{color:#727272; margin-left: 12px; margin-right: 12px;}
span.cena{color:#b2b2b2;}
/* jak to probíhá */
.jak-to-probiha{width: 100%; padding-top: 100px; padding-bottom: 100px;}
.jak-box{width: 283px; height: auto; background-repeat: no-repeat; background-position: center top; float: left; margin-left: 56px;}
.jak-box.jak-box-1{background-image: url(images/postup1.jpg); margin-left: 0;}
.jak-box.jak-box-2{background-image: url(images/postup2.jpg);}
.jak-box.jak-box-3{background-image: url(images/postup3.jpg);}
.jak-box.jak-box-4{background-image: url(images/postup4.jpg);}
.jak-box-nad{padding-top:285px; text-align:left; font-size:24px; font-weight:700; margin-bottom:10px;}
.jak-box-txt{text-align: left; font-size: 14px; line-height: 21px;}
.jak-box-txt a{color:#ff2e17;}
/* showroom */
.showroom{width:100%; height: auto; background-color: #111111; padding-top: 85px; padding-bottom: 85px;}
.show-left{float: left; width: 563px; height: auto; text-align: left; font-size: 0;}
.show-left img{display: inline-block; vertical-align: top;}
.show1{margin-bottom: 31px;}
.show2{margin-right: 31px;}
.show-right{float: left; text-align: left; margin-left: 90px; width: calc(100% - 653px); color:#fff;font-size: 14px; line-height: 21px; padding-top: 20px;}
.show-boxes{font-size: 0; margin-bottom: 70px; margin-top: 20px;}
.show-box{background-color: #1e2124; width: calc(33% - 7px); margin-right: 7px; display: inline-block; vertical-align: top; font-size: 13px; height: 170px;}
.show-box-top{border-bottom:2px solid #111111;padding:15px;font-size:14px;color:#fff;font-weight:500;}
.show-box-obsah{color:#fff; padding: 15px;}
.show-box-obsah a{color:#fff; text-decoration: none;}
.show-box-obsah strong {color:#fff;}
.show-box-obsah span{font-size:11px;line-height:15px;color:#666;display:inline-block;margin-top:12px;font-style:italic;}
.show-box-2 .show-box-obsah a,
.show-box-1 .show-box-obsah a:hover{text-decoration: underline;}
/* reference */
.reference{width:100%; height: auto; padding-bottom: 85px;}
.reference-top{text-align: left; background-image: url(images/soukalova.jpg); background-repeat: no-repeat; background-position: right; padding-top: 85px; height: 288px;}
.reference-top-left{float: left; width: 360px;}
.reference-slider{width: 100%; position: relative; height: 270px; margin-top: 40px; padding-bottom: 40px;}
.ref-prew{width: 47px; height: 47px; cursor: pointer; float: left; margin-top: 110px; background-image: url(images/ref-prev.png);user-select: none; margin-right: 15px;}
.ref-next{width: 47px; height: 47px; cursor: pointer; float: right; margin-top: 110px; background-image: url(images/ref-next.png);user-select: none;}
.uvozovka{width:26px; height:21px; background-image:url(images/uvozovky.png); margin-top:20px; margin-bottom:20px;}
.ref-content{font-size:0; }
.ref-box{width:calc(33% - 18px);height:auto;font-size:12px;display:inline-block;vertical-align:top;margin-left:10px;margin-right:10px;}
.ref-container{width:calc(100% - 124px);overflow:hidden; float:left;}
.ref-box-img{width:100%;overflow:hidden;height:10vw;}
.ref-box-img img{width:100%; height: auto;}
.ref-box-txt{text-align:left;width:100%;}
.vyrok{font-weight:200; color:#000; font-size:14px;}
.autori{margin-top:20px;}
.ref-track {
display: flex;
align-items: flex-start;
will-change: transform;
transition: transform 0.45s ease;
}
.ref-track .ref-box {
flex-shrink: 0;
}
.ref-container {
touch-action: pan-y;
}
.reference-slider.is-dragging .ref-track {
transition: none;
}
.reference-slider.is-dragging,
.reference-slider.is-dragging * {
cursor: grabbing;
user-select: none;
-webkit-user-select: none;
}
/* poptávkový panel */
.poptavka-bar{border-top:1px solid #dedede; width: 100%; padding-top: 85px; padding-bottom: 85px; background-color: #fefefe;}
.poptavka-left{text-align: left; width: 600px; margin-right: 100px; float: left;}
.poptavka-right{width: calc(100% - 700px); float: left; text-align: left;}
.rychla-reakce{background-image:url(images/pata-phone.png);background-repeat:no-repeat;background-position:left center;padding-left:50px;font-size:13px;line-height:21px;display:inline-block;}
.nezavazna-konzultace{background-image:url(images/pata-check.png); background-repeat:no-repeat; background-position:left center;padding-left:50px; font-size:13px;line-height:21px;display:inline-block; margin-left:40px;}
.rychla-reakce strong,
.nezavazna-konzultace strong{font-size: 15px;}
/* poptávka form */
.poptavka-right .form-text.text-muted{display:none;}
.poptavka-right .form-group input{padding:10px;font-size:13px;border:1px solid #e6e7e9;width:calc(100% - 58px);border-radius:5px;font-family:"Montserrat",sans-serif; background-color:#f8f8f8; padding-left:46px; background-repeat:no-repeat; margin-bottom:5px;}
.poptavka-right .form-group textarea{padding:10px;font-size:13px;border:1px solid #e6e7e9;width:calc(100% - 58px);border-radius:5px;font-family:"Montserrat",sans-serif; background-color:#f8f8f8; padding-left:46px; background-repeat:no-repeat; resize:none; height:60px; margin-bottom:10px;}
.poptavka-right .form-group input.form-name{background-image:url(images/form-name.png);background-position:left 15px center;}
.poptavka-right .form-group input.form-phone{background-image:url(images/form-phone.png);background-position:left 15px center;}
.poptavka-right .form-group input.form-mail{background-image:url(images/form-mail.png);background-position:left 15px center;}
.poptavka-right .form-group textarea.form-txt{background-image:url(images/form-txt.png);background-position:left 15px top 10px;}
.poptavka-right .form-group input.form-file{background-image:url(images/form-file.png);background-position:left 15px center;}
.poptavka-right input.form-send{}
span.priloha-title{display:inline-block;width:100%;margin-bottom:10px;font-size:12px;margin-top:10px;}
.attachment-error{color:red;display:inline-block;width:100%;text-align:center;font-size:12px;}
.poptavka-right input.form-send{margin-top:20px;display:inline-block;vertical-align:top;}
.safe-data{font-size:13px;font-weight:300;display:inline-block;vertical-align:top;background-image:url(images/form-save.png);background-repeat:no-repeat;background-position:left center;padding-left:30px;line-height:25px;margin-top:28px;margin-left:30px;}
/* patička */
.footer{width: 100%; height: auto; padding-top: 110px; padding-bottom: 110px; background: #161616;}
.foot-1{float: left; text-align: left; width: 464px;}
.foot-logo{margin-bottom: 30px;}
.motto{font-size:16px;color:#7c7c7c;line-height:26px;margin-bottom:20px;}
.copy{font-size:12px; color:#7c7c7c; line-height:20px;}
.copy strong{font-weight:300;display:inline-block;}
.copy span{color:#ff2e17;}
.copy a{color:#7c7c7c;}
.odkazy-pata{font-size:12px;margin-bottom:20px;text-transform:uppercase;line-height:21px;}
.odkazy-pata a{color:#7c7c7c;}
.foot-3{float: right;}
.foot-3 a:hover{opacity:0.6;}
.foot-fb{width: 37px; height: 37px; background-image: url(images/ico-fb-foot.png); display: inline-block; margin-bottom: 10px;}
.foot-ig{width: 37px; height: 37px; background-image: url(images/ico-ig-foot.png); display: inline-block;}
.foot-2{float: left; text-align: left; font-size: 14px; color:#fff; margin-left: 200px;}
.foot-nad{display: inline-block; margin-bottom: 30px; width: 100%;}
.foot-adresa{margin-bottom: 50px;}
.foot-adresa a{color:#909090; font-size: 14px; text-decoration: none; background-repeat: no-repeat; background-position: left center; display: inline-block; padding-left: 30px; margin-bottom: 15px;}
.foot-adresa a:hover{text-decoration: underline;}
.ico-adresa{background-image: url(images/ico-adresa-foot.png);}
.ico-phone{background-image: url(images/ico-phone-foot.png);}
.ico-mail{background-image: url(images/ico-mail-foot.png);}
.foot-2 span{background-image: url(images/ico-doba-foot.png); background-repeat: no-repeat; background-position: left center; display: inline-block; padding-left: 30px; margin-bottom: 15px; color:#909090;}
/* frontový popup */
.pop-component {left: 0; top: 0; position: fixed; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.7); z-index: 100;}
.pop-component .pop-obsah {width: 640px; height: 480px; margin: 0px auto; background-color: #fff; margin-top: 10vh;color: #000; position: relative;}
.pop-component .pop-obsah button{position:absolute;right:29px;top:30px;font-size:0;width:37px;height:37px;border:none;cursor:pointer;background:none;}
.akce-zalozka{width: 200px; height: 64px; background-image: url(images/odkaz-akce.jpg); display: inline-block; position: fixed; z-index:90; right:-25px; top:130px; background-color: #d2232a; background-repeat: no-repeat; background-position: left;}
.akce-zalozka:hover{right:0px;}
/* lišta akce forarch */
.akce-lista{background-color:#d2232a;width:100%;color:#fff;display:inline-block;line-height:32px;}
.akce-lista .o{text-align:left;}
.akce-lista .o span{display:inline-block;width:60px;height:17px;background-image:url(images/lista-forarch.png);margin-top:7px;vertical-align:top;margin-right:10px;}
.akce-lista a {color: #fff;display: inline-block;vertical-align: top;font-size: 12px;margin-left: 10px;font-weight: 500;}
body.page-forarch .akce-lista{display: none;}
/* lišta akce forgarden */
.akce-lista.forgarden{background-color:#ce0018;width:100%;color:#fff;display:inline-block;line-height:32px;}
.akce-lista.forgarden .o span{display:inline-block;width:103px;height:17px;background-image:url(images/for-garden.png);margin-top:8px;vertical-align:top;margin-right:10px;}
body.page-forgarden .akce-lista{display: none;}
/* forarch */
.page-forarch .sekce-1 .sekce-img{background-image: url(images/forarch-1.jpg);}
.page-forarch .sekce-2 .sekce-img{background-image: url(images/forarch-2.jpg); cursor: pointer;}
.page-forarch .sekce-3 .sekce-img{background-image: url(images/forarch-3.jpg);}
.page-forarch .sekce-txt a{font-weight: bold; font-size: 16px; color:#ff2e17;}
.page-forarch .sekce-txt a.btn-showroom{color:#fff; font-size: 13px; font-weight: 300;}
.page-forarch .podstrana{padding-bottom: 0;}
.page-forgarden .sekce-1 .sekce-img{background-image: url(images/for-garden-foto.jpg);}
/* obecné css pro podstránky */
/* theme */
.sekce-theme{width: 100%; height: 475px; position: relative;background-size: cover; background-position: center;}
.sekce-theme-over{background-color: rgba(0,0,0,0.7); width: 100%; height: 475px; position: absolute; left:0; top:0; }
.sekce-theme-txt{position: absolute; z-index:20; margin-top: 100px; text-align: center; color:#fff; left:0; top:0; width: 100%;}
.sekce-theme-txt h1{font-size: 44px; display: inline-block; margin-bottom: 40px; width: 100%;}
.sekce-theme-txt h2{font-size:20px;font-weight:400;display:inline-block;width:660px;line-height:32px; margin-bottom:50px;}
.sekce-theme-txt h2 span{color:#ff2e17;}
/* sekce-1 */
.sekce{width: 100%; padding-top: 85px; padding-bottom: 85px;}
.sekce-left{float: left; text-align: left; width: 420px; margin-right: 100px;}
.sekce-right{float: left; width: calc(100% - 520px);}
.gray-box{background-color: #f1f1f1; padding: 40px; border-radius: 20px; text-align: left;}
.gray-box-item{width: calc(100% - 80px); border-bottom:1px solid #d8d8d8; padding-bottom: 25px; margin-bottom: 25px; padding-left: 80px;}
.gray-box-item-name{font-size: 16px; font-weight: 700; margin-bottom: 8px;}
.gray-box-item-txt{font-size: 14px; font-weight: 300;}
.gray-box-item:last-child{margin-bottom: 0; padding-bottom: 0; border:none;}
/* sekce-wide */
.sekce-wide{width: 100%; display: table;}
.sekce-wide-right{display: table-cell; width: 57%; background-color: #111111;}
.dark-box{color:#fff; text-align: left; padding:80px; padding-right: 0; width: calc(100% - ((100vw - 1300px) / 2) - 80px);}
.dark-box-item{background-color: #000; padding:20px; margin-top: 10px;}
.dark-box-item-name{font-size: 16px; font-weight: 700; margin-bottom: 8px;}
.dark-box-item-txt{font-size: 14px; font-weight: 300;}
.dark-box-item-txt a{color:#ff2e17; font-weight: 500;}
.sekce-wide-2 .sekce-wide-left{display: table-cell; width: 57%; background:none; background-color: #ececec; }
.sekce-wide-2 .sekce-wide-right{display: table-cell; width: 43%; background-image: url(images/zahrady-sekce-3.jpg); background-size: cover;}
.sekce-wide-2 .dark-box{color:#000; text-align: left; padding:80px; padding-left: 0; width: calc(100% - ((100vw - 1300px) / 2) - 80px); margin-left: calc((100vw - 1300px) / 2);}
.sekce-wide-2 .dark-box-item{background-color: #dbdbdb;}
/* konfigurátor */
.konfigurator{padding-top: 85px; padding-bottom: 85px; width: 100%; border-bottom:1px solid #dedede;}
.konfigurator .o{text-align: left; }
/* faqs */
.faqs{padding-top:85px; padding-bottom:85px; width:100%; background-color:#eaeaea;}
.faqs-box{text-align:left; margin-top:70px;}
.faq-item{background-color:#fff;border-radius:10px;margin-bottom:8px;padding:20px;font-size:16px;color:#000;background-image:url(images/faq-plus.png);background-repeat:no-repeat;background-position:right 20px top 20px;}
.faq-item.active{background-image:url(images/faq-minus.png);background-position:right 20px top 26px;}
.faq-item-question{font-weight:700; cursor:pointer; padding-right: 30px;}
.faq-item-question:hover{text-decoration:underline;}
.faq-item-answer{max-height:0; overflow:hidden; transition:max-height 0.1s ease,opacity 0.3s ease;}
.faq-item.active .faq-item-answer{max-height:500px; margin-top:10px;}
/* zahrady */
.sekce-theme.theme-zahrady{background-image: url(images/theme-zahrady.jpg);}
.page-zimni-zahrady .gray-box-item:nth-child(1){background-image: url(images/zahrady-ico-1.png); background-repeat: no-repeat; background-position: left top;}
.page-zimni-zahrady .gray-box-item:nth-child(2){background-image: url(images/zahrady-ico-2.png); background-repeat: no-repeat; background-position: left top;}
.page-zimni-zahrady .gray-box-item:nth-child(3){background-image: url(images/zahrady-ico-3.png); background-repeat: no-repeat; background-position: left top;}
.page-zimni-zahrady .gray-box-item:nth-child(4){background-image: url(images/zahrady-ico-4.png); background-repeat: no-repeat; background-position: left top;}
.page-zimni-zahrady .gray-box-item:nth-child(5){background-image: url(images/zahrady-ico-5.png); background-repeat: no-repeat; background-position: left top;}
.page-zimni-zahrady .sekce-wide-left{display: table-cell; width: 43%; background-image: url(images/zahrady-sekce-2.jpg); background-size: cover;}
.page-zimni-zahrady .sekce-wide-2 .sekce-wide-left{background:none; background-color: #ececec;width: 57%;}
/* ploty */
.sekce-theme.theme-ploty{background-image: url(images/theme-ploty.jpg);}
.page-ploty .gray-box-item{width: calc(100% - 120px); padding-left: 120px;}
.page-ploty .gray-box-item:nth-child(1){background-image: url(images/ploty-ico-1.png); background-repeat: no-repeat; background-position: left top;}
.page-ploty .gray-box-item:nth-child(2){background-image: url(images/ploty-ico-2.png); background-repeat: no-repeat; background-position: left top;}
.page-ploty .gray-box-item:nth-child(3){background-image: url(images/ploty-ico-3.png); background-repeat: no-repeat; background-position: left top;}
.page-ploty .sekce-wide-left{display: table-cell; width: 43%; background-image: url(images/ploty-sekce-2.jpg); background-size: cover;}
.page-ploty .sekce-wide-2 .sekce-wide-left{background:none; background-color: #ececec;width: 57%;}
.page-ploty .sekce-wide-2 .sekce-wide-right{display: table-cell; width: 43%; background-image: url(images/ploty-sekce-3.jpg); background-size: cover;}
/* stání pro auta */
.sekce-theme.theme-stani{background-image: url(images/theme-stani.jpg);}
.page-stani-pro-auta .sekce-wide-left{display: table-cell; width: 43%; background-image: url(images/stani-sekce-2.jpg); background-size: cover;}
.page-stani-pro-auta .sekce-wide-2 .sekce-wide-left{background:none; background-color: #ececec; width: 57%;}
.page-stani-pro-auta .sekce-wide-2 .sekce-wide-right{display: table-cell; width: 43%; background-image: url(images/stani-sekce-3.jpg); background-size: cover;}
.dark-box-item-txt i{display: inline-block; width: 100%; margin-top: 10px; font-size: 12px;}
/* pergoly */
.sekce-theme.theme-pergoly{background-image: url(images/theme-pergoly.jpg);}
.page-pergoly .gray-box{padding:20px;border-radius:0px;}
.typ-pergoly{width:calc(50% - 8px);height:auto;float:left;background-color:#fff;}
.typ-image{width:100%;height:150px;background-size:cover;position:relative;display:block;}
.typ-image:hover{opacity:0.7;}
.typ-pergoly:nth-child(1){margin-right: 15px;}
.typ-pergoly:nth-child(1) .typ-image{background-image: url(images/rozcestnik-bioklima.jpg);}
.typ-pergoly:nth-child(2) .typ-image{background-image: url(images/rozcestnik-pevna.jpg);}
.typ-nazev{position: absolute; width: 100%; padding-top: 8px; padding-bottom: 8px; background-color: rgba(0,0,0,0.7); color:#fff; font-size: 18px; font-weight: 700; text-align: center; bottom:0;}
.typ-radek{font-size: 13px; margin-left: 20px; margin-right: 20px; border-bottom:1px solid #dedede; margin-top: 15px; padding-bottom: 15px; background-repeat: no-repeat; background-position: left top 5px; padding-left: 65px;min-height: 40px;}
.typ-radek strong{font-weight: 600;font-size: 14px;}
.typ-radek:last-child{border:none;}
.typ-radek:nth-child(1){background-image: url(images/ico-strecha.png);}
.typ-radek:nth-child(2){background-image: url(images/ico-svetlo.png);}
.typ-radek:nth-child(3){background-image: url(images/ico-dest.png);}
.page-pergoly .sekce-wide-left{display: table-cell; width: 43%; background-image: url(images/ktera-bude-vase.jpg); background-size: cover;}
.page-pergoly .s-txt .s-button{margin-right: 10px;}
/* bioklima */
.sekce-theme.theme-bioklima-pergoly{background-image: url(images/theme-bioklima.jpg);}
.page-bioklimaticke-pergoly .gray-box-item{background-repeat: no-repeat; background-position: left top 5px;}
.page-bioklimaticke-pergoly .gray-box-item:nth-child(1){background-image: url(images/bio-ico-1.png);}
.page-bioklimaticke-pergoly .gray-box-item:nth-child(2){background-image: url(images/bio-ico-2.png);}
.page-bioklimaticke-pergoly .gray-box-item:nth-child(3){background-image: url(images/bio-ico-3.png);}
.page-bioklimaticke-pergoly .gray-box-item:nth-child(4){background-image: url(images/bio-ico-4.png);}
.page-bioklimaticke-pergoly .sekce-wide-left{display: table-cell; width: 43%; background-image: url(images/bioklima-sekce.jpg); background-size: cover;}
/* pevná střecha */
.sekce-theme.theme-pevne-pergoly{background-image: url(images/theme-pevna.jpg);}
.page-pergoly-s-pevnou-strechou .gray-box-item{background-repeat: no-repeat; background-position: left top 5px;}
.page-pergoly-s-pevnou-strechou .gray-box-item:nth-child(1){background-image: url(images/pevna-ico-1.png);}
.page-pergoly-s-pevnou-strechou .gray-box-item:nth-child(2){background-image: url(images/pevna-ico-2.png);}
.page-pergoly-s-pevnou-strechou .gray-box-item:nth-child(3){background-image: url(images/pevna-ico-3.png);}
.page-pergoly-s-pevnou-strechou .gray-box-item:nth-child(4){background-image: url(images/pevna-ico-4.png);}
.page-pergoly-s-pevnou-strechou .sekce-wide-left{display: table-cell; width: 43%; background-image: url(images/pevna-sekce.jpg); background-size: cover;}
/* zasklení a stínění */
.sekce-theme.theme-zaskleni{background-image: url(images/theme-zaskleni.jpg);}
.page-zaskleni-a-stineni .sekce-wide-left{display: table-cell; width: 43%; background-image: url(images/zaskleni-sekce.jpg); background-size: cover;}
.sekce-zaskleni{width: 100%; padding-top: 85px; padding-bottom: 85px;}
.sekce-zaskleni .o{text-align: left;}
.zaskleni-box{float: left; background-color: #111111; padding:25px; border-radius: 8px; margin-right: 10px; margin-bottom: 10px; width: calc(50% - 56px); color:#fff;}
.zaskleni-box:nth-child(2),
.zaskleni-box:nth-child(4){margin-right: 0;}
.zaskleni-nadpis{font-size: 24px; margin-top: 10px;}
.zaskleni-txt{font-size: 16px; margin-top: 20px; margin-bottom: 20px; font-weight: 300; line-height: 25px;}
.zaskleni-box-img{float: left; width: 240px; height: 240px; overflow: hidden; background-color: silver;}
.zaskleni-box-right{float: left;margin-left: 35px; width: calc(100% - 285px); margin-right: 10px;}
/* kontakty */
.kontakty-pruh{background-color: #ededed; padding-top: 85px; padding-bottom: 85px;}
.kontakty-pruh .o{text-align: left;}
.kontakty-boxy{margin-top: 70px;}
.kontakt-box{border-right: 1px solid #c2c2c2; padding-right: 90px; margin-right: 90px; float: left; width: calc(33% - 120px);}
.kontakt-box:nth-child(3){margin-right: 0; padding-right: 0; border:none;}
.kontakt-box .kontakt-box-nazev{font-size: 22px; color:#fd2c2e; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px;}
.kontakt-box a{font-size: 33px; font-weight: 400; color: #000;}
.kontakt-box-txt{font-size: 18px; font-weight: 200; margin-top: 10px;}
/* o-nas */
.page-o-nas .o-nas{padding-top: 85px;}
.page-o-nas .o-nas .o{text-align: left;}
.page-o-nas .o-nas .o h2{font-weight: 300;}
.page-o-nas .o-nas .o h2 strong{font-weight: 700;}
.o-nas-left{ padding-bottom: 40px;}
.o-nas-box {
background-color: #ebeced;
padding: 35px;
border-radius: 15px;
font-size: 15px;
line-height: 22px;
width: calc(100% - 70px);
background-image: url(images/stovickovi.png); background-repeat: no-repeat; background-position: right bottom; background-size: 460px auto;
}
.page-o-nas .o-nas .o .o-nas-box h2{font-size: 26px; font-weight: 700;}
.page-o-nas .o-nas .o .o-nas-box h3{font-size: 24px; font-weight: 700;}
.o-nas-box-txt{width: calc(100% - 400px);}
/* submenu */
.sub-menu{display: none; }
.menu-item:hover .sub-menu{display:block; position:absolute; background-color:gray; padding:12px;}
.menu .menu-item{vertical-align:top;font-size:14px;color:#000;text-decoration:none;margin-right:32px;position:relative;padding-bottom:20px;background-image:url(images/ico-sub.png);background-repeat:no-repeat;background-position:right top 5px;padding-right:13px;}
.menu-item:hover .sub-menu{display:block;position:absolute;background-color:#333333;padding:20px;margin-left:55px;text-align:left;width:179px;margin-top:11px;}
.sub-menu a{margin-right:0;line-height:24px; color:#fff; display:block;}
/* textová podstrana */
.podstrana.textova{padding-top: 85px; padding-bottom: 85px; text-align: left;}
.podstrana-obsah{
font-size: 14px;
font-weight: 300;
line-height: 24px;
display: inline-block;
margin-top: 40px;
}
.podstrana-obsah a{color:#ff2e17;}