@font-face{font-family:'FontAwesome';font-style:normal;font-weight:300;src:url(/templates/fonts/fa-light-300.eot);src:url(/templates/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-light-300.woff2) format("woff2"),url(/templates/fonts/fa-light-300.woff) format("woff"),url(/templates/fonts/fa-light-300.ttf) format("truetype"),url(/templates/fonts/fa-light-300.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:400;src:url(/templates/fonts/fa-regular-400.eot);src:url(/templates/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-regular-400.woff2) format("woff2"),url(/templates/fonts/fa-regular-400.woff) format("woff"),url(/templates/fonts/fa-regular-400.ttf) format("truetype"),url(/templates/fonts/fa-regular-400.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:900;src:url(/templates/fonts/fa-solid-900.eot);src:url(/templates/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-solid-900.woff2) format("woff2"),url(/templates/fonts/fa-solid-900.woff) format("woff"),url(/templates/fonts/fa-solid-900.ttf) format("truetype"),url(/templates/fonts/fa-solid-900.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesomeB';font-style:normal;font-weight:400;src:url(/templates/fonts/fa-brands-400.eot);src:url(/templates/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-brands-400.woff2) format("woff2"),url(/templates/fonts/fa-brands-400.woff) format("woff"),url(/templates/fonts/fa-brands-400.ttf) format("truetype"),url(/templates/fonts/fa-brands-400.svg#fontawesome) format("svg")}
*:before,*:after{font-family: 'FontAwesome'; font-weight: 900}
*{box-sizing: border-box}
body{background: #fff; color: #242424; padding: 0; margin: 0 auto; font-family: 'Montserrat',sans-serif; font-size: 21px; min-width: 340px; width: 100%; height: 100%; font-weight: 300; max-width: 1920px}
input:focus{outline:0}
.clearfix:after{content:''; display: table; clear: both}
.cleaner{width: 0; height: 0; font-size: 0; line-height: 0; clear: both}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0 0 0.6em; font-weight: 700; font-family: 'Poppins',sans-serif}
h1{font-size: 44px;}
h2{font-size: 36px}
h3{font-size: 28px;}
.bl{position: relative; padding-bottom: 20px}
.bl:after{position: absolute; content: ''; width: 76px; height: 6px; background:#c7a996; left: 0; bottom: 0}
p{padding: 0; margin: 0 0 1.8em; line-height: 1.5em}
p.bigger{font-size: 45px; font-weight: 400}
a{color: inherit;text-decoration: underline}
a:hover{color: inherit; text-decoration: none}
img,iframe,svg,object{max-width: 100%}
object{pointer-events: none}
span.break{display: block}
.twoCols .col{width: 48%; margin-right: 4%; float: left}
.twoCols .col:nth-child(2n){margin-right: 0}
.twoCols.l30>.col:nth-child(1){width: 30%}
.twoCols.l30>.col:nth-child(2){width: 66%}
.threeCols .col{width: 32%; margin-right: 2%; float: left}
.threeCols .col:nth-child(3n){margin-right: 0}
.left{text-align: left}
.right{text-align: right}
header{position: fixed; height: 148px; width: 100%; left: 0; top:0; background: #fff; z-index: 3}
#move{height: 148px; width: 100%;}
header.sTop,#move.sTop{height: 88px}
header.sTop{border-bottom: 1px solid #dfdfdf}
#logo{width: 74px; height: 72px; float: left; margin-left: 6.3%; margin-top: 36px}
#logo img{display: block}
header.sTop #logo{width: 50px; height: 49px; margin-top: 19px}
header.sTop .cta{margin-top: 22px}
header.sTop .menu{margin-top: 22px}
.cta{float: right; margin-top: 52px; margin-right: 5.9%; font-size: 14px; margin-left: 25px}
.cta a{text-decoration: none; display: block; padding: 0 20px 0 20px; height: 39px; line-height: 39px; color: #fff; background: #c7a996; font-weight: 300}
.menu{float: right; margin-top: 52px; }
.menu>a{display: none}
.menu>ul{list-style: none; margin: 0; padding: 0}
.menu>ul>li{list-style-image: none; margin: 0; padding: 0; float: left}
.menu>ul>li>a{text-decoration: none; font-size: 17px; font-weight: 400; height: 39px; line-height: 39px; display: block; padding: 0 25px; color: #333}
.menu>ul>li.selected>a{color: #c7a996; font-weight: 700}
.menu>ul>li>a:hover{color: #c7a996}
.menu>ul>li>ul{display: none}
.inner{width: 100%; margin: 0 auto; max-width: 1000px; position: relative}
#mid{position: relative; z-index: 2;}
.maxcontent{max-width: 1860px; width: 100%; margin: 0 auto}
.leftP{float: left; width: 39.3%}
.rightP{float: right; width: 59.89%; position: relative}
.leftP img,.rightP img{display: block}
.rightP .text{position: absolute; left: 5%; bottom: 10%; z-index: 100; font-size: 24px; font-weight: 300; color: #fff;text-shadow: 0 2px 2px #000;}
.rightP .text .title{font-family: 'Poppins',sans-serif; font-weight: 700; font-size: 44px; margin-bottom: 1em; line-height: 1em}
.real{margin-top: 100px; margin-bottom: 100px}
.real .sTitle{font-size: 43px; font-weight: 700; font-family: 'Poppins',sans-serif; margin-bottom: 1.1em}
.realizaceItems .item{text-decoration: none; display: block; width: 25%; position: relative; float: left}
.realizaceItems .item img{display: block}
.realizaceItems .item:hover img{filter:brightness(.85)}
.realizaceItems .item:hover .info{display: block}
.realizaceItems .item .info{position: absolute; left: 10%; bottom: 10%; width: 80%; color: #fff; display: none}
.realizaceItems .item .info .title{font-size: 24px; margin-bottom: 0.6em; font-family: 'Poppins',sans-serif; font-weight: 700}
.realizaceItems .item .info .city{font-size: 19px;}
.specM90{margin-bottom: 90px}
.specM45{margin-bottom: 45px}
footer{background: #f1f2f2; color: #333; font-size: 20px}
footer a{text-decoration: none}
footer a.big{font-size: 25px}
.pad35{padding-top: 35px; padding-bottom: 35px}
#copy{background: #c7a996; color: #fff; padding: 10px; font-size: 16px}
.col50{width: 50%; float: right}
.col50 img{display: block}
.col50 .in{padding: 60px 50px}
.col50 .in p:last-of-type{margin-bottom: 0}
#copy a:nth-child(1):after,#copy a:nth-child(2):after{content:'|';font-family: 'Montserrat',sans-serif;font-weight: 300;padding-left: 5px; margin-right: 5px;}
.center{text-align: center}
.flogo{margin-bottom: 30px}
.btn{background: #c7a996; color: #fff;text-decoration: none; display: inline-block; padding: 8px 20px}
.btn:hover{color: #fff;opacity: .9}
.articleItem a{text-decoration: none}
.pager{padding: 10px; text-align: center}
.pager span,.pager a{display: inline-block; line-height: 30px; width: 30px; height: 30px; text-decoration: none; margin-right: 5px}
.pager span{background: #c7a996; color: #fff}
.pad30{padding-top: 30px}
.II{background: #242424; color: #fff; padding: 20px;text-align: center; margin-bottom: 0.81%}
.II p{margin-bottom: 0}
.II .btn{margin-left: 15px}

#abscont{transition-property: left,width,transform; transition-duration: .25s;transition-timing-function: cubic-bezier(.35,0,.25,1);width: 100%;-webkit-backface-visibility: hidden;}
#abscont.shrinked{transform: translate3d(200px,0,0); position: fixed; min-height: 0; overflow: hidden;}
#overlaymContext{opacity: 0.8; background: #000; width: 100%; height: 100%;position: fixed;top: 0; z-index: 200}
.sidenav{position: fixed; width: 200px; transform: translate(-100%,0); transition: all .25s ease-in-out; left: 0; top:0; height: 100%; background: #fff; color: #000; visibility: hidden; padding: 0 10px; overflow-y: scroll; font-size: 13px;box-sizing:unset}
.sidenav.expanded{transform: translate(0,0); visibility: visible;}
.sidenav .supertitle{padding: 15px 0 15px 20px; font-size: 20px; font-weight: bold;}
.sidenav ul{list-style: none; margin: 0; padding: 0}
.sidenav>ul{background-color: #fff;width: 180px;}
.sidenav>ul>li{background-color: #fff;border-bottom: 1px solid #dcdcdc;display: block;width: 180px; line-height: 20px;}
.sidenav ul li a{line-height: 1em; padding: 9px 0 9px 20px;text-decoration: none;transition: all .2s ease-in-out; color: #a2a2a2; display: block}
.sidenav ul li.selected>a,.sidenav ul li>a:hover{color: #000}
.sidenav ul li ul li a{padding-left: 25px;}
.sidenav ul li ul li ul li a{padding-left: 30px;}
.sidenav ul li ul li ul li ul li a{padding-left: 35px;}
.sidenav ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li a{padding-left: 45px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left: 50px;}
.sidenav ul li.haschilds>ul{display: none}
.sidenav ul li.haschilds.throw>ul,.sidenav ul li.selected>ul,.sidenav>ul>li:nth-child(1) li.expanded>ul{display: block}
.sidenav ul li>a>span.doexpandchild{float: right}
.sidenav ul li>a>span.doexpandchild::after{content:'▼'}
.sidenav ul li.haschilds.throw>a>span.doexpandchild::after,.sidenav ul li.haschilds.selected>a>span.doexpandchild::after{content:'▲'}
#AM,#CM,#templateid,#FBPID{display: none}
@media screen and (max-width:1880px){
    .col50 .in{font-size: 18px}
}
@media screen and (max-width:1650px){
    header,#move{height: 88px;}
    footer>div.fhc{height: 88px}
    #logo{width: 50px; height: 49px; margin-top: 19px}
    .cta{margin-top: 22px}
    .cta a{font-size: 12px}
    .menu{margin-top: 22px}
    .menu>ul>li>a{font-size: 13px; padding: 0 10px}
    .menu>ul>li{margin: 0 0}
    .col50 .in h1{font-size: 30px}
    .col50 .in{font-size: 16px}
}
@media screen and (max-width:1380px){
    body{font-size: 16px}
    .defaultC{padding: 50px 0}
    .col50 .in h1{font-size: 28px}
    .col50 .in{font-size: 14px}
    .rightP .text .title{font-size: 34px}
    .rightP .text{font-size: 20px}
}
@media screen and (max-width:1200px){
    .menu,header.sTop .menu{position: absolute; right: 2%; top:14px; margin-top: 0}
    .menu>ul{display: none}
    .menu>a{text-decoration: none; display: block; font-size: 24px}
    .menu>a:before{content:'\f0c9';}
    #logo,header.sTop #logo{width: 41px; height: 39px; margin-top: 9px; margin-left: 2%}
    header,#move,header.sTop, #move.sTop{height: 55px}
    footer>div.fhc{height: 55px}
    header.sTop #logo{margin-top: 9px}
    .cta,header.sTop .cta{margin-top: 8px; margin-right: 60px}
    .cta a{padding: 0 20px 0 20px}
    footer .menu{display:none}
    .real{margin-top: 50px; margin-bottom: 50px}
    h1,.real .sTitle{font-size: 30px}
    h2{font-size: 24px}
    h3{font-size: 18px}
    body{font-size: 14px}
    .realizaceItems .item .info .title{font-size: 20px}
    .realizaceItems .item .info .city{font-size: 14px}
    .col50 .in h1{font-size: 24px}
    .col50 .in{font-size: 12px; padding: 30px}
}
@media screen and (max-width:1050px){
    .inner{width: 96%}
    .col50 .in h1{font-size: 22px}
    .col50 .in{font-size: 11px;}
    .rightP .text .title{font-size: 26px}
    .rightP .text{font-size: 16px}
}
@media screen and (max-width:900px){
    .col50{width: 100%}
}
@media screen and (max-width:799px){
    .twoCols .col:nth-child(n){width: 100%; margin-right: 0; margin-bottom: 1.8em}
    .defaultC{padding:30px 0}
    .realizaceItems .item{width: 50%}
    body{font-size: 13px}
    .rightP .text .title{font-size: 20px}
    .rightP .text{font-size: 12px}
}
@media screen and (max-width:600px){
    .rightP{width: 100%}
    .leftP{width: 100%}
    .leftP a{float: left; width: 50%}
    #copy a:nth-child(1):after{content:''}
    #copy a{display: block; font-size: 11px}
    footer a.big{font-size: 18px}
    footer{font-size: 14px}
    .II .btn{margin-left: 0px}
}
@media screen and (max-width:400px){
    footer{font-size: 13px}
    .rightP .text .title{font-size: 18px}
    .rightP .text{font-size: 11px}
}