*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-size: 12px; text-align: center;font-family: 'Montserrat', sans-serif;} /* původně gilroy-reg */
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, 
.article-right{-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 .slbCaption{display: none;}

.nadace{width: 70px; height: 84px; display: block; position: fixed; z-index:50; background-image: url(images/nadace-n.png); right:0; top:130px; background-position: left bottom;}

.top-panel{width:100%;height:960px;background-image:url(images/theme.jpg);max-height:100vh;position:relative;background-size:cover;background-position:center;}
.top-bar{width: 100%; height: auto;}
.logo{float:left;margin-left:45px;margin-top:45px;}
.top-bar-right{float: right;}
a.top-phone{color:#fff;text-decoration:none;font-size:26px;padding-left:42px;background-image:url(images/phone.png);background-repeat:no-repeat;background-position:left center;padding-top:0px;padding-bottom:5px;display:block;margin-top:55px; float:left; margin-right: 40px;}
.tradice{float:right;width:151px;height:66px;background-image:url(images/30let.png);margin-top:38px;margin-left:45px; display: block;}
.rozcestnik{margin:0px auto;font-size:0;width:770px;height:410px;margin-top:calc(50vh - 317px);}
.polozka{width: 370px; height: 190px; display: inline-block; font-size: 24px; vertical-align: top; color:#fff; text-decoration: none; position: relative;}
.polozka.polozka-1{background-image: url(images/vystavba.jpg); margin-right: 30px; margin-bottom: 30px;}
.polozka.polozka-2{background-image: url(images/projekce.jpg); margin-bottom: 30px;}
.polozka.polozka-3{background-image: url(images/koupelny.jpg); margin-right: 30px;}
.polozka.polozka-4{background-image: url(images/pujcovna.jpg);}
.over{background-color: rgba(0,0,0,0.4);}
.polozka:hover .over{background-color: rgba(0,0,0,0);}
.polozka:hover span{opacity:0}
.polozka span{vertical-align:middle;height:190px;display:table-cell;width:370px;}
.logo-nad{width:177px;height:177px;background-image:url(images/logo-roz-n.png);position:absolute;z-index:20;margin-left:297px;margin-top:115px;}
.logo-nad:hover{width: 171px; height: 171px; background-size: cover; margin-top: 118px; margin-left: 300px;}
a.sipka{width: 93px; height: 26px; display: block; position: absolute; background-image: url(images/sipka.png); bottom:45px; left:calc(50% - 46px);}
a.sipka:hover{opacity: 0.45;}
.kotva{position: absolute;}

.company-img{float: left; width: 50%; height: 730px; background-image: url(images/firma.jpg); background-size: cover; background-position: center; display: block;}
.company-txt{width: 50%; height: 730px; background-color: #424242; float: left;}
.company-txt-o{padding:80px; color: #e3e3e3; font-size: 14px; line-height: 24px; text-align: left;}
.company-txt-o h1{font-size: 28px; font-weight: 300; text-transform: uppercase; margin-bottom: 50px; display: block; background-image: url(images/cara-nadpis.png); background-repeat: no-repeat; background-position: left top; padding-top: 30px;}

.sluzby{background-color:#eaeaea;width:100%;text-align:center;padding-top:80px;padding-bottom:80px;}
.sluzby-o{width:1280px; margin:0 auto; font-size:0;}
.sluzba-item{display:inline-block;margin-left:0px;margin-right:40px;width:calc(25% - 30px);vertical-align:top;  font-size:14px;  background-color:#fff;}
.sluzba-title{font-weight:600;font-size:17px;text-transform:uppercase;margin-bottom:15px;color:#000;margin-left:20px;margin-right:20px;line-height:23px;  height:45px;}
.sluzba-txt{color:#969696;font-size:13px;line-height:18px;margin-left:20px;margin-right:20px;height: 60px;}
a.sluzba-href{background-color:#537e8f;color:#fff;display:inline-block;margin-top:25px;font-size:12px;text-decoration:none;padding:8px 40px;font-weight:600;margin-bottom:21px;}
a.sluzba-href:hover{opacity:0.6;}
.sluzba-img{width:135px;height:95px;background-repeat:no-repeat;background-position:center;display:inline-block;margin:0px auto;margin-bottom:20px;margin-top:23px;background-size:auto 68px;}

.sluzba-1 .sluzba-img{background-image: url(images/sluzba-1.png);}
.sluzba-2 .sluzba-img{background-image: url(images/sluzba-2.png);}
.sluzba-3 .sluzba-img{background-image: url(images/sluzba-3.png);}
.sluzba-4 .sluzba-img{background-image: url(images/sluzba-4.png);}
.sluzba-4 {margin-right: 0;}

.reference{background-color: #333333; padding-top: 120px; padding-bottom: 120px;}
.ref-top-o{width: 1280px; text-align: left; margin:0px auto;}
.ref-top-cara{width: calc(1280px + ((100% - 1280px) / 2)); height: 4px; background-color: #537e8f; float: right; display: block; margin-top: 50px;}
.ref-top-o h2{float: left; color:#fff; font-size: 48px;}
.ref-txt {float: right;color:#fff;font-size: 14px; line-height: 22px;margin-top: 7px;}
.ref-txt a{color:#fff;}
.ref-scr{width: 1280px; text-align: left; margin:0px auto; margin-top: 90px; position: relative;}
.ref-img{width: 1000px; height: 520px; display: block; margin-left: 160px;}

.ref-img-1{background-image: url(images/ref-1nn.jpg);}
.ref-img-2{background-image: url(images/ref-2n.jpg);}
.ref-img-3{background-image: url(images/ref-3n.jpg);}
.ref-img-4{background-image: url(images/ref-4n.jpg);}

.ref-obs{width: 364px; height: 312px; display: block; position: absolute; left:0; top: 100px; background-color: rgba(0,0,0,0.85);}
.ref-obs-o{padding:45px;}
.ref-obs-o p.small{text-transform: none; font-size: 12px; line-height: 20px;}

.ref-obs-o strong, .ref-obs-o strong .dev-label p{color:#fff; font-size: 26px; font-weight: 600; text-transform: uppercase; display: inline-block; margin-bottom: 20px; line-height: 32px;}
.ref-obs-o p{font-size: 14px; color:#a6a6a6; text-transform: uppercase; line-height: 24px; margin:0;}
#slider .ref-obs-o strong .dev-label p{margin:0;}
body #slider .ref-obs .ref-obs-o p{margin-top:0;}

.ref-obs-o .ref-it-txt{font-size: 14px; color:#a6a6a6; text-transform: uppercase; line-height: 24px;}
.arrows{position: absolute; right:0; top:220px;}
.a-right{width: 43px; height: 43px; display: inline-block; background-image: url(images/arrow-right.png); margin-bottom: 5px;}
.a-left{width: 43px; height: 43px; display: inline-block; background-image: url(images/arrow-left.png);}
.a-right:hover,
.a-left:hover{opacity:0.6;}
.more-references{background-color:#537e8f;color:#fff;display:inline-block;margin-top:55px;font-size:14px;text-decoration:none;padding:10px 20px;font-weight:600;}
.ref-obs-o a.vice-ref{color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-top:10px;}

.foot{background-color: #f2f2f2; text-align: center; padding-top: 60px; padding-bottom: 60px; border-top: 1px solid #dedede;}
.logo-foot{margin-bottom: 45px;}
.foot-phone, .foot-mail{font-size: 22px; color:#000; text-decoration: none; display: inline-block; margin-bottom: 4px;}
.foot-phone:hover, .foot-mail:hover{opacity:0.7;}
.cara{width: 200px; height: 1px; background-color: gray; display: inline-block; margin-top: 45px; margin-bottom: 20px;}
.eu{margin-bottom: 50px;}
.copy{font-size: 12px; color:#717171;}
.copy a{color:#717171;}

.odkazy{margin-top: 35px;}
.odkazy a{display: inline-block; color:#fff; text-decoration: none; padding:8px 30px; border:1px solid #537e8f; font-size: 14px; margin-right: 6px; background-color: #537e8f; vertical-align: top;}
.dev-html-block .odkazy a{color:#fff;}


.dynamic-page{width: 1280px; margin:0px auto; padding-top: 90px; padding-bottom: 90px; text-align: left;}
.dev-html-block {font-size: 14px;line-height: 22px;}
.dev-html-block a{color:#537e8f;}
.dev-html-block table{width: 100%; border-collapse: collapse;}
.dev-html-block table td{padding:8px; border:1px solid #dedede;}

.mini-panel{display:block; background-color:#282828; width:100%; height:85px; position:fixed; z-index:100;background-image:url(images/left-bar.jpg); background-size:cover;}
.mini-menu{float:right;font-size:16px;margin-top:33px;margin-left:45px;}
.mini-menu a{text-decoration:none; color:#fff; font-size:14px; display:inline-block; margin-left:30px; vertical-align: top;}
.logo-box{float:left;width:360px;height:115px;text-align:left;}
.mini-logo{margin-top:18px;width:53px;}
.pod-mini-panel{width:100%; height:85px;}
.mini-panel-o{width:1280px; margin:0px auto;}
.mini-menu a.fb-ikona{width: 20px; height: 20px; background-image: url(images/ico-fb.png); background-size: cover; margin-top: -1px;}

/* admin menu */
.ad-menu{background:#dedede;padding:20px;margin:20px;line-height:22px;}
.ad-menu ul{list-style-type: none;}
.ad-menu ul a{text-transform: uppercase; text-decoration: none; color:#000;}
.ad-menu-o {width: 450px;text-align: left;}

.article-item{background-color:#eee;width:410px;height:280px;margin-right:20px;margin-bottom:20px;display:inline-block;overflow:hidden;  position:relative;}
.article-item:nth-child(3n){margin-right:0; }
.article-item .image img{min-width:413px; min-height:280px; height:280px; width:auto;}
.article-right{position:absolute;left:0;top:0;width:100%;text-align:center;height:100%;  background-color:rgba(0,0,0,0.3);}
.article-right:hover{background-color: rgba(0,0,0,0);}
.article-right:hover .title a{opacity:0;}
.article-right .perex{display: none;}
.article-right .article-more{display: none;}
.article-right .title a{display:table-cell;width:303px;height:280px;color:#fff;vertical-align:middle;text-decoration:none;font-size:18px;padding-left:55px;padding-right:55px;font-weight:600;line-height:30px;text-transform:uppercase;}
.article-right .title a{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}


.gallery-item > .title{display: none;}


.article-detail-content .article-detail .image {float: left; width: 100%; overflow: hidden; height: auto; margin-bottom: 50px;}
.article-detail .image img{width: 100%; height: auto;}
.dev-article-detail-right{float: left; width: calc(100% - 100px);background-color: #f3f3f4; padding:30px 50px; margin-top: 30px;}
.dev-article-detail-right h1{display:inline-block;width:100%;color:#003e57;text-transform:none;font-size:40px;margin-top:10px;margin-bottom:30px;}
.dev-article-detail-right .perex {
	color: #003e57;
	font-size: 16px;
	line-height: 23px;
	float: left;
	width: calc(50% - 25px);
	margin-right: 50px;
}
.dev-article-detail-right .perex table{border:none; border-top:4px solid #507b8b;border-bottom:4px solid #507b8b; margin-top: 15px; font-size: 14px;}
.dev-article-detail-right .perex table tr td{border:none; border-top:2px solid #507b8b;border-bottom:2px solid #507b8b; padding-top: 8px; padding-bottom: 8px;}
.dev-article-detail-right .perex a{color:#003e57;}
.dev-article-detail-right img{width: 100%; height: auto; margin-bottom: 20px;}
.dev-article-detail-right .text{font-size: 14px; line-height: 22px;float: left;width: calc(50% - 25px);color: #003e57;}
.fb-share{background:#507b8b;padding:6px 16px;display:inline-block;color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;}
.fb-share:hover{background: #415e68;}
body.page-reference_article-detail .gallery-item {width: calc(25% - 15px);height: 200px;}
body.page-reference_article-detail .gallery-item img{width: 100%; height: 200px;}


body.page-reference_article-detail .gallery-item .title{display: none;}
body.page-reference_article-detail .gallery-item:nth-child(4n) {margin-right: 0px;}



.perex, .text{font-size: 14px;line-height: 20px;}
.perex{margin-bottom: 30px;}
.article-back{display: inline-block; margin-top: 30px; color:#537e8f; font-size: 16px;}

.gallery{margin-top: 60px;}
.gallery-item{display:inline-block;width:298px;height:215px;margin-right:20px;margin-bottom:20px;overflow:hidden;}
.gallery-item img{height: 215px; width: auto; min-width:298px;}

.page-kontakt .o{width: 1280px; margin:0px auto; padding-top: 90px; padding-bottom: 90px; text-align: left;}

.kontakt-left{float:left;margin-right:90px;  padding-top:30px;}
.kontakt-right{float:left;width:calc(100% - 416px);background:#eee;padding:35px;}
.kontakt-right .form-text{display: none;}
.kontakt-right .form-group input{width: calc(100% - 20px); margin-bottom: 10px;}
.kontakt-right .form-group textarea{width: calc(100% - 20px); margin-bottom: 10px;}
.kontakt-right input[type="submit"]{background-color:#537e8f; padding:5px 15px; display: inline-block; color:#fff; cursor: pointer; text-transform: uppercase; border:none;}
.kontakt-mapa{width: 100%; margin-top: 60px;}
.kontakt-mapa iframe{width: 100%;}

body.page-certifikace p img {width: 270px;height: auto;margin-right: 20px;border: 1px solid #dedede;}
body.page-certifikace .dynamic-page-block{margin-bottom: 40px;}
.pujcovna-page{width: 1280px; text-align: left; margin:0px auto; margin-top: 90px; min-height:500px;}
.dev-produkt-component{width: 1280px; text-align: left; margin:0px auto; margin-top: 60px; margin-bottom: 80px;}   
.produkt.produkt-item{background:#eee;display:inline-block;width:260px;margin-left:10px;margin-right:10px;height:auto;padding:20px;margin-bottom:20px;vertical-align:top;}
.produkt-obrazek{background:#fff;width:100%;height:170px;text-align:center;overflow:hidden;  margin-bottom:15px; background-image: url(images/vypln2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
/* nad vyplnovym obrazkem */ .produkt-obrazek picture{width:100%;background-color:#fff;height:150px;display:inline-block;}
.produkt-obrazek img{width: auto; height: 150px; margin-top: 10px;}
.produkt-popis {margin-bottom: 20px;}
.produkt-nazev{font-size:14px;font-weight:600;margin-bottom:8px;}
.no{color:#fff;font-weight:600;font-size:10px;background:red;padding:4px;display:block;text-align:center;border-radius:4px;text-transform:uppercase;}
.ready{color:#fff;font-weight:600;font-size:10px;background:green;padding:4px;display:block;text-align:center;border-radius:4px;text-transform:uppercase;}

/* h1 */
.pujcovna-page h1,
.page-jerabnicke-prace h1,
.page-kontakt h1,
.dynamic-page h1{text-transform:uppercase;margin-bottom:70px;font-size:38px;font-weight:400;}



/* PROJEKCE */

.projekce-left{background-color: #f9f9f9; padding:20px; height: 463px; float: left; width: 936px;}
.projekce-ilu{float: left;height: 463px; width: 310px; background-image: url(images/projekce-ilu.jpg);}
.projekce-txt{float:left;margin-left:93px;width:450px;margin-top:40px;}
.projekce-txt .dev-html-block{line-height:24px;}
.projekce-kontakty{float:left;background-color:#414141;width:224px;padding:40px;height:423px;}
.nad-kont{display: none;}
.kont-it{color:#fff;font-size:16px;line-height:24px;margin-top:30px;display:inline-block;vertical-align:top;width:auto;padding:25px;background:#003c55;margin-right:15px;}
.kont-it a{color:#fff;}

.reference-sekce{margin-top:80px;}
.reference-sekce h2{font-weight:400;font-size:32px;  display:inline-block;  margin-bottom:35px;}
.ref-menu a{display:inline-block;background-color:#303030;color:#fff;text-transform:uppercase;border-radius:3px;text-decoration:none;padding:11px 26px;}
.ref-menu a:hover{opacity:0.85;}
.ref-sk{margin-top:30px;}
.nad-ref{font-size:26px;margin-bottom:33px;}
.clanky-ref .kotva{position: absolute; margin-top: -130px;}


/* JEŘÁBNICKÉ PRÁCE */
.page-jerabnicke-prace .o{width: 1280px; margin:0px auto; padding-top: 90px; padding-bottom: 90px; text-align: left;}

.projekce-left{background-color: #f9f9f9; padding:20px; height: 463px; float: left; width: 936px;}
.jerab-ilu{float: left;height: 463px; width: 310px; background-image: url(images/jerab-ilu.jpg);}


/* VÝSTAVBA */
.page-vystavba .sekce-1 .o{width: 1280px; margin:0px auto; text-align: left; font-size: 0;}
.typy-staveb{background-color: #f0f0f0; padding-top: 90px; padding-bottom: 90px;}
.typy-staveb .o{width: 1280px; margin:0px auto; text-align: left; }

.big-panel{margin-bottom: 90px;}
.big-panel-img{float:left;margin-right:70px;}
.big-panel-right{width: calc(100% - 548px); float: left;}
.big-panel-name{font-size: 26px; color:#101010; font-weight: 700; margin-bottom: 25px; margin-top: 15px;}
.big-panel-sub{font-size: 14px; font-weight: 700; color:#5a5a5a; margin-bottom: 25px;}
.big-panel-txt{font-size: 14px; color:#5a5a5a; line-height: 22px; margin-bottom: 40px;}

.sm-panels{font-size: 0;}
.sm-panel{width: calc(33% - 20px);display: inline-block;vertical-align: top; font-size: 14px; margin-right: 35px; background-color: #fff;}
.sm-panel:nth-child(3){margin-right: 0;}
.sm-panel-img img{width: 100%; height: auto;}
.sm-panel-name{font-size: 24px; font-weight: 700;}
.sm-panel-txt{color:#5a5a5a; margin-top: 20px; margin-bottom: 30px;}
.sm-panel-more{padding:30px;}
.sm-panel-btns .st-btn{padding: 10px 16px;}

a.st-btn{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
a.st-btn:hover{opacity:0.6;}

.page-vystavba .ref-sk .article-right .title{display:table-cell;width:303px;height:280px;color:#fff;vertical-align:middle;text-decoration:none;font-size:18px;padding-left:55px;padding-right:55px;font-weight:600;line-height:30px;text-transform:uppercase;}
.page-vystavba .ref-sk .article-item:hover .article-right{display:none;}
.pucovna-kategorie{float:left; background-color:#eee; padding:20px; margin-right:40px; width:240px; padding-top:10px; padding-bottom:10px; margin-bottom:60px;}
.pujcovna-produkty{float:left;width:calc(100% - 320px);overflow:hidden;}

.pujcovna-txt{margin-bottom: 60px;}
.pujcovna-produkty .dev-produkt-component{width: 100%; margin-top: 0;}
.pucovna-kategorie ul{list-style-type: none; list-style-position: inside; padding:0; margin:0;}
.pucovna-kategorie ul li a{color:#000;text-transform:uppercase;text-decoration:none;line-height:36px;border-bottom:1px solid #dedede;width:100%;display:inline-block;  font-size:14px;}

.pucovna-kategorie ul li:last-child a{border:none;}
.pucovna-kategorie ul li.current a{font-weight: bold; text-decoration: underline;}

.produkt-kod{background:#333;color:#fff;font-size:9px;padding:2px 6px;display:inline-block;margin-bottom:17px;}

.aktualne-realizujeme{padding-top: 100px; padding-bottom: 100px;}
.aktualne-realizujeme .o{width: 1280px; margin:0px auto; text-align: left; }
.aktualne-realizujeme h2{font-size: 32px; color:#101010; display: inline-block; margin-bottom: 70px;}
.aktualne-realizujeme .article-item{width: 237px; height: 153px; overflow: hidden;}
.aktualne-realizujeme .articles .article-item:nth-child(3n){margin-right: 20px;}
.aktualne-realizujeme .articles .article-item:nth-child(5n){margin-right: 0px;}
.akt-left{width: 100%; float: left;}
.aktualne-realizujeme .article-gallery {width: 237px;height: 153px;}
.aktualne-realizujeme .article-gallery .gallery-item {width: 237px;height: 153px;}
.page-vystavba .aktualne-realizujeme .article-gallery .gallery-item img{width: 237px;height: auto; min-width:unset; min-height:unset;}
.page-vystavba .article-right{z-index:30;background-color: rgba(0,0,0,0.5);}
.page-vystavba .article-right .title{display:table-cell;width:237px;height:153px;color:#fff;vertical-align:middle;text-decoration:none;font-size:14px;padding-left:15px;padding-right:15px;font-weight:600;line-height:21px;text-transform:uppercase;}
.page-vystavba .article-item:hover .article-right{display: none;}
.akt-right{width: calc(100% - 866px); margin-left: 96px; background-color: #eee; height: 510px; float: left; overflow: hidden;}
.akt-right iframe{width: 100%; height: 510px;}


/* speciální galerie - sekce výstavba */
.article-item .article-gallery .gallery{margin-top: 0;}

.user-logged.page-vystavba .ref-sk  .article-gallery{margin-top: 60px;}
.user-logged.page-vystavba .article-gallery .gallery-item{display:inline-block;width:98px;height:64px;margin-right:5px;margin-bottom:2px;overflow:hidden; vertical-align:top;}
.user-logged.page-vystavba .article-gallery .gallery-item img{height: 64px; width: auto;}
.user-logged.page-vystavba .ref-sk .article-item .image{display: none;}

body .slbArrow{text-indent: 0; color:#fff; text-transform: uppercase; font-size: 17px;}
body .slbArrow.next{padding-right: 90px;}
body .slbArrow.next::before{right:0; left:unset;}
body .slbArrow.prev{padding-left:42px;width:auto;}
body .slbArrow.prev::before{left:13px;}


/* sekce výstavba - právě realizujeme - administrace galerií */
.user-logged.page-vystavba .vystavba-kontakty .article-gallery{width: 100%; padding-top: 50px;}


/* speciální galerie - sekce projekce */
.user-logged.page-projekce .article-gallery{margin-top: 60px;}
.user-logged.page-projekce .article-gallery .gallery-item{display:inline-block;width:98px;height:64px;margin-right:5px;margin-bottom:2px;overflow:hidden; vertical-align:top;}
.user-logged.page-projekce .article-gallery .gallery-item img{height: 64px; width: auto;}
.user-logged.page-projekce .article-item .image{display: none;}
.page-projekce .article-gallery .gallery-item{width: 413px; height: 280px; margin-right: 0; margin-bottom: 0;}
.page-projekce .article-gallery .gallery-item img{height: 280px;width: 413px; min-width:unset;}
.page-projekce .article-right{z-index:20;}


/* vyskakovací okno půjčovna */
.asset-outofdate-modal{left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.7);position:absolute;z-index:200;  text-align:center;}
.outofdate-modal-body{width:400px; height:auto; padding:30px; background-color:#fff; text-align:center; margin:0px auto; margin-top:80px;z-index:300;}
.outofdate-modal-body .heading{font-weight:600;margin-bottom:20px;font-size:20px;line-height:28px;}
.outofdate-modal-body .info-text{font-size:15px; line-height: 22px;}
.outofdate-modal-body .info-text a{color:#000;}
button.close-button{background-color: #000; border:none; padding: 8px 16px; font-size: 14px; color:#fff; cursor:pointer; margin-top: 25px;}
button.close-button:hover{opacity:0.7;}

.actual-date{background-color: #eee;padding: 20px; margin-bottom: 20px; width: 240px;}


/* nová sekce o firmě */
.ofirme .o{width: 1280px; margin:0px auto; text-align: left; padding-top: 100px; padding-bottom: 100px;}
.line{background-color: #537e8f; width: 80px; height: 3px; display: block;margin-bottom: 25px;}
.ofirme .o h1{font-weight: 100; font-size: 28px; margin-bottom: 45px;}
.ofirme-left{width: 50%; display: inline-block;}
.ofirme-txt .dev-html-block{font-size: 16px; line-height: 22px; font-weight: 300;}
.ofirme-txt .dev-html-block strong{font-weight:500;font-size:19px;line-height:25px;}
.ofirme-right{float:right; text-align:right; width:calc(45% - 60px); margin-top:100px;}
a.vid-txt{font-size:12px; color:#537e8f; display:inline-block; margin-top:4px;}
.ofirme-vid iframe{width:100%;height:15vw;}
.ofirme-vid{background-image:url(images/hp-vid.jpg);width:500px;height:320px; display:inline-block;}
.odkazy a.ico-fb{width:39px;height:39px;background:none;font-size:0;  background-image:url(images/ico-fb.png);  padding:0;   border:none;}
.odkazy a.gr{background-color:#003c55;border:1px solid #003c55;}


/* rodinne domy */
.sekce-1{font-size: 0; padding-top: 120px; padding-bottom: 120px;}
.sekce-left{display: inline-block; vertical-align: top; width: calc(100% - 642px); font-size: 14px; margin-right: 90px; color:#5a5a5a; font-weight: 400; line-height: 23px;}
.sekce-right{display: inline-block; vertical-align: top; }
.sekce-1 h1{font-size: 32px; display: block; margin-bottom: 45px; color:#000; margin-top: 15px;} 
.sekce-1 h1 span{color:#537e8f;}
.sekce-1 h2{font-size: 14px; color:#5a5a5a; margin-bottom: 40px; text-transform: uppercase;}
.st-btn{text-decoration: none; font-size: 14px; padding:10px 36px; display: inline-block; vertical-align: top; margin-right: 10px;}
.st-btn.red{background-color: #537e8f; color:#fff;}
.st-btn.gray{background-color: #003c55; color:#fff;}

.sekce-pruh{background-color: #efefef; padding-top: 40px; padding-bottom: 40px;}
.sekce-pruh .o{font-size: 0;}
.pruh-box{background-color: #fff; padding:46px; width: calc(33% - 135px); margin-right: 70px; display: inline-block; vertical-align: top; font-size: 13px; text-align: center; min-height:260px;}
.pruh-box:nth-child(3){margin-right: 0;}
.pruh-box-ico{margin-bottom: 30px;}
.pruh-box-name{font-weight: 700; font-size: 20px; margin-bottom: 20px;}
.pruh-box-txt {color: #171717;font-size: 13px;line-height: 20px;}


/* podstránky architekt/dozor */
.sekce-pruh-4 .pruh-box{background-color:#fff;padding:35px;width:calc(25% - 98px);margin-right:35px;display:inline-block;vertical-align:top;font-size:13px;text-align:center;min-height:140px;}
.sekce-pruh-4 .pruh-box:nth-child(3){margin-right:35px;}
.sekce-pruh-4 .pruh-box:nth-child(4){margin-right:0;}
.sekce-pruh-4 .pruh-box-txt{color:#171717;font-size:15px;line-height:21px;}
.sekce-2.arch .sekce-right{font-size: 14px; line-height: 22px;color:#5a5a5a;}
.sekce-2.arch .sekce-right b{color:#537e8f;}
.arch-box{background-color: #537e8f; color:#fff; padding:35px; font-size: 14px; line-height: 22px; margin-top: 50px;}
.arch-box h3{font-size: 20px;}
.arch-box ul li{margin-bottom: 5px;}

.onas-box{ padding-top: 100px; }
.onas-box h2{font-size: 32px; display: inline-block; margin-bottom: 38px; width: 100%; color:#000;}
.onas-box-left{width: calc(100% - 658px); display: inline-block; vertical-align: top;font-size: 14px; line-height: 22px; color:#5a5a5a;}
.onas-box-right{width: 538px; display: inline-block; vertical-align: top; margin-left: 120px;font-size: 14px;}
.onas-box-right img{width: 100%; height: auto;}
.arch-dozor .sekce-nadpis {margin-bottom: 32px;}
.real-txt{font-size: 14px; color:#5a5a5a; line-height: 23px;}

.sekce-pruh-3 .pruh-box{background-color:#fff;padding:35px;width:calc(33% - 101px);margin-right:50px;display:inline-block;vertical-align:top;font-size:13px;text-align:center;min-height:140px;}
.sekce-pruh-3 .pruh-box:nth-child(3){margin-right:0px;}
.sekce-pruh-3 .pruh-box-txt{color:#171717;font-size:15px;line-height:21px;}


/* tlačítko*/
.round-btn{position: fixed; width: 155px; height: 154px; background-image: url(images/btn-spojme.PNG); z-index:40; right:30px; bottom:50px; color:#fff; text-align: center; text-decoration: none;}
.round-btn:hover{opacity:0.7;}
.round-btn span{font-size: 28px; font-weight: 700; display: inline-block; padding-top: 44px;}
.round-btn span b{font-size: 22px; font-weight: 700;}

/* animace tlačítka */
.round-btn{
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: bounce-3;
  animation-timing-function: ease;
}
@keyframes bounce-3 {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }  
}


.sekce-2{padding-top: 100px; padding-bottom: 100px; font-size: 0;}
.sekce-2 .sekce-left{width: 536px; margin-right: 0;}
.sekce-2 .sekce-right {width: calc(100% - 636px); margin-left: 100px; font-size: 14px;}
.step{margin-top: 40px;}
.nr{font-size: 36px; font-weight: 700; color:#537e8f;}
.step-name{font-size: 18px; font-weight: 700; color:#5a5a5a; margin-left: 20px;}
.step-txt{margin-top: 10px; display: inline-block;font-size: 14px; color:#8d8d8d; line-height: 22px;}
.step-txt a{color:#8d8d8d;}
.sekce-2 .sekce-nadpis{margin-bottom: 20px; line-height: 42px;}
  
.sekce-reference{background-color: #f4f4f4; padding-top: 90px; padding-bottom: 90px;}
.sekce-nadpis {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 42px;
	text-transform: uppercase;
}
.user-logged .podstrana .ref-sk  .article-gallery{margin-top: 60px;}
.user-logged .podstrana .article-gallery .gallery-item{display:inline-block;width:98px;height:64px;margin-right:5px;margin-bottom:2px;overflow:hidden; vertical-align:top;}
.user-logged .podstrana .article-gallery .gallery-item img{height: 64px; width: auto;}

.podstrana .article-gallery .gallery-item{width: 413px; height: 280px;}
.podstrana .article-gallery .gallery-item img{height: 280px;width: 413px; min-width:unset;}
.podstrana .article-right{z-index:20;}
.podstrana .ref-sk .article-right .title{display:table-cell;width:303px;height:280px;color:#fff;vertical-align:middle;text-decoration:none;font-size:18px;padding-left:55px;padding-right:55px;font-weight:600;line-height:30px;text-transform:uppercase;}
.podstrana .ref-sk .article-item:hover .article-right{display: none;}
.podstrana .o{width: 1280px; margin:0px auto; text-align: left;}
.podstrana .kotva{position: absolute; margin-top: -140px;}

/* reference sekce */
body.page-reference .sekce-1{padding-bottom: 0;}
body.page-reference .reference-sekce {margin-top: 20px; padding-bottom: 90px;}
body.page-reference .sekce-left{width: 100%; margin-right: 0;}
.ref-menu{text-align: center;}
.reference-sekce .o{width: 1280px; margin:0px auto; text-align: left;}
.page-reference .article-gallery .gallery-item{width: 413px; height: 280px;}
.page-reference .article-gallery .gallery-item img{height: 280px;width: 413px; min-width:unset;}
.page-reference .article-right{z-index:20;}
.page-reference .ref-sk .article-right .title{display:table-cell;width:303px;height:280px;color:#fff;vertical-align:middle;text-decoration:none;font-size:18px;padding-left:55px;padding-right:55px;font-weight:600;line-height:30px;text-transform:uppercase;}
.page-reference .ref-sk .article-item:hover .article-right{display: none;}
.page-vystavba .kotva{position: absolute; margin-top: -140px;}

/* admnin výstavba */
body.page-vystavba.user-logged .articles .dev-component component-admin-hover{margin-top: -24px;}
body.page-vystavba.user-logged .aktualne-realizujeme .article-item{overflow: visible;}
body.page-vystavba.user-logged .aktualne-realizujeme .article-gallery{margin-top: 80px;}
.nadace-bar{display: none;}
.gdpr-txt {margin-bottom: 25px;margin-top: 12px;color:#8e8e8e;}
.gdpr-txt a{color:#8e8e8e;}

/* nová úvodní obrazovka */
.top-menu-bar{width: 100%; height: 105px; background-color: #f2f2f2; position: fixed; z-index:100; left:0; top:0;}
.under-bar{width: 100%; height: 105px;}
.top-logo{float: left; margin-left: calc((100% - 1280px) / 2); margin-top: 17px; width: 76px; height: 71px;}
.top-menu{font-size: 0; margin-top: 42px; display: inline-block;}
.top-menu a.home-ico{width: 16px; height: 15px; background-image: url(images/home-ico.png); display: inline-block; vertical-align: middle; border:none; margin-bottom: 4px; padding:0;}
.top-menu a.home-ico:hover{border:none; opacity:0.7;}
.top-menu a{color:#000; display: inline-block; vertical-align: middle; font-size: 14px; border-bottom:3px solid #f2f2f2; text-decoration: none; margin-right: 36px; padding-bottom: 2px;}
.top-menu a:hover{border-bottom: 3px solid #527d8e; color:#003c55; }
.blue-right{float: right; width: calc((100% - 1280px) / 2); background-color: #003c55; height: 105px;}
.top-right{float: right;}
.top-phone{float:right;font-size:0px;background-color:#003c55;height:68px;padding-left:35px;padding-top:37px;}
.top-phone a.phone-ico{color:#fff; text-decoration: none; display: inline-block; vertical-align: middle;font-size: 24px; background-image: url(images/ico-tel.png); padding-left: 35px; background-repeat: no-repeat; background-position: left center;}
.top-phone a.fb-ico{width: 24px; height: 24px; display: inline-block; vertical-align: middle; background-image: url(images/ico-fb-top.png); margin-right: 22px;}
.top-phone a.fb-ico:hover{opacity:0.8;}
.theme{width: 100%; height: 36vw; background-image: url(images/theme-2.jpg); background-position: center;display: none;}
.theme .o{width:1280px;margin:0px auto;text-align:left; position: relative; height: 100%;}
body.page-home .theme{display: block;}
.claim{width: 38.2vw; height: 7.9vw;background-image:url(images/claim.png);position:absolute;bottom:4vw;left:0;background-size:cover;}
/* animace pozadí první stránky */
.first {background-size: 100% auto;animation: zoom-in 3s ; }
@keyframes zoom-in {0% {background-size: 130% auto;} 100% {background-size: 100% auto;}}

/* při scrollu */
body.sc .top-menu-bar{height: 65px;border-bottom: 1px solid #dedede;}
body.sc .under-bar{height: 65px;}
body.sc .top-logo {margin-top: 12px;width: 44px; height: 41px;}
body.sc .top-menu{margin-top:23px;}
body.sc .blue-right{height:65px;}
body.sc .top-phone{padding-top:20px;height:45px;}
body.sc .top-phone a.phone-ico{font-size: 20px;}
body.sc .burger-ico{margin-top: 20px;}

/* stránka jeřábnické práce */
body.page-jerabnicke-prace .dev-html-block table td{padding:2px 12px;border:1px solid #dedede;font-size:13px;}
.jerab .projekce-txt .dev-html-block{line-height:21px;}
.jerab .projekce-txt{margin-top: 46px;}
.jerab-ilu-siroka{display: none;}

/* submenu */
span.submenu{display: none;}
.top-menu span.m-item{color:#000;display:inline-block;vertical-align:middle;font-size:14px;border-bottom:3px solid #f2f2f2;text-decoration:none;margin-right:36px;padding-bottom:2px; cursor:pointer; position:relative;}
.top-menu span.m-item:hover{border-bottom: 3px solid #527d8e; color:#003c55; }
.top-menu span.m-item:hover span.submenu{display:block;position:absolute;text-align:left;padding-top:20px;}
.top-menu span.m-item span.submenu a{border:none;margin-right:0;background:#003c55;color:#fff;width:180px;padding:10px;border-bottom:1px solid #6c6c6c;font-size:13px;}
.top-menu span.m-item span.submenu a:hover{background-color: #002c45;}
.top-menu span.m-item span.submenu a:last-child{border:none;}

body.user-logged .top-menu-bar{top:60px;}

/* posun foto u referencí RD */
.article-item.article-rodinny-dum-2 .image img{margin-left: -238px;}
.article-item.article-rd .image img{margin-left: -250px;}
.article-item.article-rd-jirny-u-prahy .image img{margin-left: -70px;}
.article-rodinny-dum-mnisek-pod-brdy .image img{margin-left: -130px;}
.article-rodinny-dum-pribram .image img{margin-left: -30px;}