/*	
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,.submenu,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,.submenu,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*/
/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
  border:0px; margin:0px; padding:0px;
  /* -webkit-transform-style: preserve-3d;
  -webkit-transform:translate3d(0,0,0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden; */             
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

.clear {
 clear:both;
 height:0px;
}

.hidden { opacity:0; }
.visible{ opacity:1; }

/* FONTS */

/**/

html, body { font-family: 'Signika', sans-serif !important; 
	height: 100%;
	min-height: 100%;
	background-color: #FFFFFF;
	-webkit-font-smoothing: antialiased; font-size:18px;
	font-weight:300; }
	
/* h1 { color:#759F3B; font-family: 'Signika', sans-serif; }	 */

.nadpis { font-family: 'Signika', sans-serif; font-size:20px; }
.nadpis_z { font-family: 'Signika', sans-serif; font-size:30px; font-weight:bold; }
.nadpis25 { font-family: 'Signika', sans-serif; font-size:25px; font-weight:bold; line-height:60px; }
.nadpis_z_30 { font-family: 'Signika', sans-serif; font-size:30px; color:#fed27a; }	

.zelena { color:#719E2C; }

.h50 { font-size:50px; color:#FFFFFF; }
.h40 { font-size:40px; color:#FFFFFF; }
.h20 { font-size:20px; color:#FFFFFF; }
.h30 { font-size:30px; color:#000000; }
.h70 { font-size:60px; color:#FFFFFF; }
.small { font-size:12px; }

.margtop5  { margin-top:5px; }
.margtop10 { margin-top:10px; }
.margtop15 { margin-top:15px; }
.margtop20 { margin-top:20px; }

.margtop40 { margin-top:40px; }

/**/
#hore {
 position:fixed; width:70px; height:70px; bottom:10px; right:10px;
 background:url(../images/page/hore.png) no-repeat; display:none; cursor:pointer;
 background-position:0px 0px;
 z-index:9998;
 } 
 
#hore:hover {
 width:70px; height:70px;  bottom:10px; right:10px;
 background:url(../images/page/hore.png) no-repeat; cursor:pointer;
 background-position:-71px 0px;
 }
 
/**/
.popis { font-size:16px; color:#555555; }

.process-box {
 position:fixed;
 top:0; left:0; z-index:9999; width:100%; height:100%;
 background-color:rgba(0,0,0,0.9); top:0px; bottom:0px; left:0px; right:0px;
 display:none;
 } 
 
.process-box div {
 color:#FFFFFF !important;
 font-size:20px;
 z-index:9999;
 margin-top:250px;
 }    
 
.error {
 position:fixed;
 z-index:99999;
 border:2px solid #000000;
 background-color:#EBF0F1;
 padding:10px;
 margin-bottom:10px; 
 width:920px;
 left:0;
 right:0;
 top:170px;
 margin-left:auto;
 margin-right:auto;
 box-shadow:#333333 0px 0px 25px;
 }
 
.page { width:100%; overflow:hidden; /* max-width:1920px; */ } 
 
/* MENU */ 

.menu-logo { background:url(../images/page/logo-50.png) left center no-repeat; width:120px; height:50px; position:absolute; left:0; }
.menu-logo a { position:absolute; width:100%; height:100%; left:0; top:0; }

.u-menu-box { height:120px; width:100%; background-color:#646464; position:relative; }
.u-logo { width:230px; height:120px; background:url(../images/page/logo.png) center no-repeat; position:relative; }
.u-logo a { position:absolute; width:100%; height:100%; left:0; top:0; }
.menu-fix { position:fixed!important; top:0; left:0; z-index:9998;  }
.menu-fix-u { height:120px!important; }
.top-kontakt-box { position:absolute; right:0; top:0; padding:5px 20px; text-align:right; }
.top-kontakt-box #tel span { font-size:16px; line-height:18px; color:#FFFFFF; }
.top-kontakt-box #tel { font-size:33px; color:#FFF9C7; text-align:right; line-height:33px; float:right; margin:0 0 5px 25px; }
.top-kontakt-box p#mail a { font-size:16px; color:#FFFFFF; text-decoration:none; }

.hide { display:none!important; }

.center-menu-box { 
 background-color:#454545;
 height:50px; width:100%;
 z-index:9998;
 position:relative;
 position:relative;
 }
 
.mobile-menu-stripe { display:none; position:relative; height:70px; position:fixed; left:0; top:0; width:100%; background-color:#646464; z-index:9998; } 
.mobile-menu-stripe .u-logo { width:60%; float:left; position:relative; height:70px; }
.mobile-menu-stripe .u-logo a { position:absolute; left:0; top:0; width:100%; height:100%; display:block;  }
.mob-menu { width:100%; }
.mob-menu ul { display:none; width:100%; margin-top:70px; background-color:#f5f5f5; box-shadow:0 5px 10px #000000; }
.mob-menu li { float:none; width:100%; line-height:50px; text-align:center; list-style:none; }
.mob-menu li { font-size:18px; color:#000000; font-weight:bold; line-height: 30px; }
.mob-menu li a {
	font-family: 'Signika', sans-serif, Verdana,Arial,Helvetica,sans-serif !important;
	font-weight:400;
	font-size:19px;
	display:inline-block;
	font-weight:normal;
	line-height:normal;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;
	width:80%;	
	color:#000000;	
	position:relative;
	border-bottom:1px solid rgba(0,0,0,210);
	padding:7px 0;
}
.mob-menu li p { font-size:12px; color:#666666; line-height:normal; }

.menu-stripe {
	position: relative;
	top: 0px;
	min-height: 50px;
	font-size: 14px;
	font-weight: 400;
	/* max-width:1200px; */
	width:100%;
	display:flex;
	margin-left:auto;
	margin-right:auto;
} 

.topmenu {
	width: 100%;
	font-size: 10pt;
	font-weight: 700;
	position: relative;	
    }
	
.topmenu ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	min-height: 30px;
}
.topmenu li {
	display: inline-block;
	margin-right:35px;
}
.topmenu li:last-child { background:none; }

.topmenu li a {
	font-family: 'Signika', sans-serif, Verdana,Arial,Helvetica,sans-serif !important;
	font-weight:400;
	font-size:16px;
	display:inline-block;
	/* width:100%; */ 
	line-height: 50px;
	min-height:20px;
	font-weight:normal;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;	
	color:#ffffff;	
	position:relative;
	cursor:pointer;
}

.topmenu li a.sel { color:#FFF9C7; font-weight:normal !important; }
.topmenu li:last-child a {
	border-right: 0;
}
.topmenu a:hover, .topmenu a:active {	
	text-decoration:none !important;
	color:#FFF9C7;
}
.pull {
	display: none;
	font-weight:bold;
	font-size:18px;	
	height:40px;
	width:40px;
	position:absolute; top:15px; right:20px;
	background:url(../images/page/menu-icon.png) -40px center no-repeat !important;
}
.pull:hover {
 background:url(../images/page/menu-icon.png) 0px center no-repeat !important;
 display:block;
 } 
 
.topmenu li a span:after{
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 50px;
  height: 2px;
  background-color: #000000;
  content: "";
  transition: width 0.2s;
}
.topmenu li a:hover span:after{ width: 100%; background-color: #724832; }
 
/**/
.topmenu li ul { display:none; margin:0; padding:0; z-index:9999; vertical-align:text-bottom; text-align:center; color:#000000; background:#F2F2DF; box-shadow:0 4px 3px rgba(0,0,0,0.5); border-bottom:2px solid #454545; width:100%; position:absolute; left:0; margin-left:0; margin-right:0; }
.topmenu li:hover ul { display:block; position:absolute; left:0; }
.topmenu li ul li { margin:0; padding:0; border:0; width:100%; }

.menu-div { width:100%!important; min-height:200px; position:relative; background:#F2F2DF; top:0px; }
.flex { display: flex; justify-content: center; flex-wrap: wrap; -webkit-justify-content: center; }
 
.projekt { float:left; width:20%!important; position:relative!important; padding:1%!important; overflow:hidden; max-width: 384px; }
.projekt img { width:100%; }
.projekt:hover { background-color:#CCCCCC; }

.projekt a { /*position:absolute!important; left:0; top:0;*/ display:block!important; width:100%; height:100%; z-index:9990; color:#333333!important; line-height:normal!important; } 
.projekt a .nadpis { font-weight:bold; }

#slider-akcie li img { width:100%; } 
#slider-akcie li div { position:absolute; right:20px; bottom:20px; padding:15px 25px; background:rgba(0,0,0,0.75); font-size:50px; color:#FFFFFF; } 
 
.info-slider-box {  width:100%; background-color:#6DA030; position:relative; margin-top:30px; } /* #E31E24 */
.info-slider li { text-align:center; color:#ffffff; font-size:30px; min-height:80px; padding:10px 0; position:relative; }
.info-slider li a { text-decoration:none; color:#ffffff; }
.info-slider li a:hover { color:#000000; }

.fb-box { position:absolute; right:10px; top:0; }
.fb-box a { display:block; width:46px; height:46px; margin:2px; background:url(../images/page/facebook.png) no-repeat; background-position:-46px 0px; }
.fb-box a:hover { display:block; width:46px; height:46px; background:url(../images/page/facebook.png) no-repeat; background-position:0px 0px; }

.fbbutton { margin:3px 20px 0 0; width:72px; height:72px; display:inline-block; border:3px solid #FFFFFF; font-size:30px; color:#FFFFFF; text-decoration:none; clear:both; background:url(../images/page/w_facebook.png) center no-repeat; position:relative;
 -webkit-transition: background 200ms ease-in-out;
   -moz-transition: background 200ms ease-in-out;
   -ms-transition: background 200ms ease-in-out;
   -o-transition: background 200ms ease-in-out;
   transition: background 200ms ease-in-out;  }
.fbbutton:hover { background:url(../images/page/w_facebook.png) center no-repeat rgba(0,0,0,0.5); }


/**/
.u-box { float:left; width:25%; height:500px; color:#ffffff; font-family: 'Signika', sans-serif; padding:3% 3%; font-size:16px; -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease; position:relative; }  
.r-bck-line { background:url(../images/page/line-v.png) right center no-repeat; }
.u-box h2 { font-size:30px; font-weight:100; line-height:36px; margin-bottom:25px; font-family: 'Signika', sans-serif;  }
.u-box div.ico { width:100%; min-height:110px; }
#uh3 { padding:0 15px; }
.zbox { background-color:#EE7203; color:#FFFFFF; }

.byvanie { background:url(../images/page/ico/uico03.png) center center no-repeat; }
.financovanie { background:url(../images/page/ico/uico05.png) center center no-repeat; }
.pravo { background:url(../images/page/ico/uico04.png) center center no-repeat; }
.poistenie { background:url(../images/page/ico/uico01.png) center center no-repeat; }

.u-box a { position:absolute; left:0; top:0; width:100%; height:100%; z-index:99; }
.u-box:hover  { background-color:rgba(255,255,255,0.15); }

/**/
.nadpis-box { margin-left:auto; margin-right:auto; left:0; right:0; width:100%; min-height:100px; color:#333333; font-size:50px; padding:15px 0; margin:30px 0 15px 0; }

.projekt-row-u { display: flex; flex-wrap: wrap; justify-content: center; }
.projekt-row-u-small { display: flex; flex-wrap: wrap; justify-content: center; padding:40px 0; }

.projekt-row-u-small a { width:15%; float:left; display:block; text-decoration:none; margin: 0 5px; }

.projekt-box-u { width:18%; min-height:350px; float:left; border:10px #FFFFFF solid; position:relative; overflow:hidden; }
.projekt-box-u:hover { background-color:#f5f5f5; border:10px #f5f5f5 solid; }
/* .projekt-box-u a { position:absolute;left:0; top:0; width:100%; height:100%; } */
.projekt-box-u a { text-decoration:none; }

.projekt-box-u p.text { font-size:15px; padding:10px; color:#646464; }

.projekt-box-u-cont { padding:10px 20px; color:#646464; padding-bottom:10px; margin:10px 0; border-bottom:1px solid #CCCCCC; }

.projekt-box-img { width:100%; max-width:480px; min-height:280px; overflow:hidden; 
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease; position:relative; }

.projekt-box-u:hover .projekt-box-img { background-size:auto 110%; }

.p01 { background:url(../images/page/dominium.jpg) center no-repeat; background-size:auto 100%; }
.p02 { background:url(../images/page/geminim.jpg) center no-repeat; background-size:auto 100%; }
.p03 { background:url(../images/page/cic.jpg) center no-repeat; background-size:auto 100%; }
.p04 { background:url(../images/page/pozemky_selec.jpg) center no-repeat; background-size:auto 100%; }
.p05 { background:url(../images/page/styri_duby.jpg) center no-repeat; background-size:auto 100%; }
.p06 { background:url(../images/page/trio_piestany.jpg) center no-repeat; background-size:auto 100%; }
.p07 { background:url(../images/page/stavebne-pozemky-cicmany.jpg) center no-repeat; background-size:auto 100%; }
.p08 { background:url(../images/page/polyfunkcny-dom-olbrachtova.jpg) center no-repeat; background-size:auto 100%; }
.p09 { background:url(../images/page/polyfunkcny-dom-marmaris.jpg) center no-repeat; background-size:auto 100%; }
.p10 { background:url(../images/page/polyfunkcny-dom-hanzlikova.jpg) center no-repeat; background-size:auto 100%; }
.p11 { background:url(../images/page/polyfunkcny-dom-formula-01.jpg) center no-repeat; background-size:auto 100%; }
.p12 { background:url(../images/page/vilasis.jpg) center no-repeat; background-size:auto 100%; }


.projekt-box-u-small { width:100%; min-height:300px; float:left; background-color:#f5f5f5; border:10px #f5f5f5 solid; position:relative; overflow:hidden; margin:5px; }
.projekt-box-u-small h3 { color:#000000; padding:10px 0; }
.projekt-box-u-small:hover {  border:10px #DDDDDD solid; background-color:#DDDDDD; }

.projekt-box-u-small p.text { font-size:15px; padding:10px; color:#646464; }

.projekt-box-u-cont { padding:10px 20px; color:#646464; padding-bottom:10px; margin:10px 0; border-bottom:1px solid #CCCCCC; }

.projekt-box-img-small { width:100%; max-width:480px; height:200px; overflow:hidden; 
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease; position:relative; }
   
.projekt-box-img-small img { display:block; margin:auto; width: 100%; max-width:100%;  position:absolute; top:50%; left:50%;  transform:translate(-50%,-50%); }

.projekt-box-u-small:hover .projekt-box-img { background-size:auto 110%; }

/**/
.gall-box {
    line-height: 0;
    max-width: 1200px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
}
.gall-box-2 {
    line-height: 0;
    max-width: 1200px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    column-count: 4;
    column-gap: 10px;
}
.gall-box img { margin:5px 10px; width:100%; }
.gall-box-2 img { margin:0 10px 10px 10px; width:100%; }
/**/

.rubikon-reklama { background-color:#EE7203; width:100%; min-height:350px; color:#FFFFFF; margin:50px 0; font-size:30px; position:relative; }
.rubikon-reklama .small { font-size:20px; }
.rubikon-reklama div { width:33.3%; position:relative; float:left; min-height:350px; padding:15px 0; }
.rubikon-reklama div#druhy img { position:absolute; left:0; bottom:-40px; }
.rubikon-reklama div#prvy img { position:absolute; left:0; bottom:0px; }
.rubikon-reklama a { text-decoration:none; color:#333333; }
.rubikon-reklama a:hover { text-decoration:underline; }
.rubikon-reklama div.predane { position:absolute; left:0; top:35%; width:100%; padding:35px; background-color:#FF0000; min-height:0!important; box-shadow:0 0 55px #000; z-index:999; font-size:40px; }

/**/
.newsletter { background-color:#EE7203; color:#FFFFFF; padding:15px 0 30px 0; margin:15px 0; } 
.newsletter-cont { width:100%; max-width:1200px; }
.newsletter-cont .nadpis { border-bottom:1px solid #FFFFFF; padding:15px; font-size:34px; font-weight:normal; margin-bottom:15px;  }
.newsletter .itext { background: url(../images/page/ico-email.png) center left no-repeat #FFFFFF; background-position:10px center; padding:10px 10px 10px 54px; color:#000000; margin:2px 10px; font-size:18px; width:300px; text-align:left; }
.newsletter .send { background-color:#000000; color:#FFFFFF; font-size:18px; padding:10px 20px; }
.newsletter .send:hover { color:#000000; background-color:#FFFFFF; }
.newsletter .col-1-2 { padding:0 15px; }

.right { text-align:right; }
.left { text-align:left; }

.bcg-gray { background-color:#646464;}

/**/
.login-row { background-color:#EE7203; color:#FFFFFF; padding:15px 0 30px 0; margin:15px 0; } 
.login-cont { width:100%; max-width:1200px; min-height:300px; }

.login-cont .send { background-color:#000000; color:#FFFFFF; font-size:18px; padding:10px 20px; }
.login-cont .send:hover { color:#000000; background-color:#FFFFFF; }

.login-cont .input { padding:10pxpx; color:#000000; margin:2px 0; font-size:18px; width:300px; text-align:left; }

/* ZREALIZOVANE PROJEKTY */
.z-projekt-rezid { background:url(../images/page/rezidencia.jpg) left center no-repeat #cccccc; height:410px; width:100%; max-width:1920px; position:relative; margin-bottom:60px; }
.z-projekt-rezid-box { width:1200px; position:relative; }

.projekt-info-box-right { float:right; width:40%; padding:50px; }

.z-projekt-rezid a { text-decoration:none; color:#000000; }
.z-projekt-rezid a:hover { text-decoration:underline; }

.cervena { color:#E22426; }
.cierna { color:#000000; }

/* MENU drevene */ 
.center-menu-box-b .topmenub li a#sel:after{ width: 100%; background-color: #fed27a; }


.center-menu-box-b .topmenub li a:after{
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 50px;
  height: 2px;
  background-color: #ffffff;
  content: "";
  transition: width 0.2s;
}
.center-menu-box-b .topmenub li a:hover:after{ width: 100%; background-color: #fed27a; }

.menu-tien { position:absolute; bottom:-20px; width:100%; height:20px; background:url(../images/page/top-tien.png) top repeat-x; }

.anchor {
  display: block;
  height: 100px; /*same height as header*/
  margin-top: -100px; /*same height as header*/
  visibility: hidden;
} 
 
/* tabulka */ 
.tRow { position:relative; clear:both; }
.tCell { float:left; }
.tC10 { width:10%; }
.tC20 { width:20%; }
.tC80 { width:80%; }
.tC70 { width:70%; }

.mlist { list-style-type:square; }
.mlist li { margin-left:15px; font-size:26px; }
/* UVOD */ 

.sa {  background:url(../images/page/01.jpg) center -150px no-repeat; height:400px; }
.sb {  background:url(../images/page/02.jpg) center -150px no-repeat; height:400px; }
.sc {  background:url(../images/page/03.jpg) center -150px no-repeat; height:400px; }

.byv-popis-row { width:100%; background-color:#f5f5f5; padding:40px 0; margin-top:30px; }
.byv-popis-cont { max-width:800px; width:100%; }
.byv-popis-cont h1 { color:#333333; font-size:50px; padding:0 0 15px 0; margin-bottom:15px; font-weight:300; border-bottom:1px solid #cccccc; }



/* PODSTRANA */
.top-page-row { color:#000000; padding:100px 0 40px 0px; position:relative; }
.top-page-block { width:100%; max-width:1200px; background:url(../images/page/gbck.png); }
.top-page-block div.cont { padding:50px 64px; }

.subpage-top-box { color:#FFFFFF; min-height:250px; padding:60px 0px; margin-top:70px; }
.subpage-top-box .cont { max-width:800px; }
.subpage-top-box p { color:#FFFFFF; font-size:20px; text-align:center; }
.subpage-top-box p a { color:#0099CC; text-decoration:none; }
.timg01 {  background:url(../images/page/bck01.jpg) center center no-repeat; }
.timg02 {  background:url(../images/page/05.jpg) center center no-repeat; }
.timg03 {  background:url(../images/page/09.jpg) center center no-repeat; }

.content-box { width:100%; position:relative; }
.container-box { width:100%; max-width:1100px; padding:30px; color:#000000; font-size:18px; }
.container-gallery { width:100%; max-width:1600px; padding:30px; color:#000000; font-size:18px; }

.gallery-row { position:relative; width:100%; max-width:1200px; color:#719E2C; display:flex; -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center; }
.gallery-row div { width:200px; height:177px; overflow:hidden; float:left; margin:10px; }
.gallery-row div img { width:100%; height:100%; margin:0; -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 100ms ease-in-out;
   -ms-transition: all 100ms ease-in-out;
   -o-transition: all 100ms ease-in-out;
   transition: all 100ms ease-in-out; }
.gallery-row div:hover img { width:110%; height:110%; margin:-5% 0 0 -5%; }

.center-img-box { width:100%; height:300px; max-width:1040px; background-color:#3e0000; }


/**/
.line-separator { width:100px; border-top:1px solid #FFFFFF; margin:20px 0px; }
 

.gal-img-box-r { float:right; width:100%; max-width:600px; }
.gal-img-box-l { float:left; width:100%; max-width:600px; }

.gal-img-box-r .imgbox, .gal-img-box-l .imgbox { width:100%; max-height:360px; overflow:hidden; }
.gal-img-box-r .imgbox img, .gal-img-box-l .imgbox img { width:100%; height:auto; margin:0;
-webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; }
.gal-img-box-r .imgbox:hover img, .gal-img-box-l .imgbox:hover img { width:104%; height:auto; margin-left:-2%; margin-top:-2%; }

/* KONTAKT */
.map-canvas { background:url(../images/page/progress.png) center center no-repeat; min-height:400px; }
.kontakt { color:#FFFFFF; margin-bottom:30px; }
.kontakt .funkcia { font-size:12px; }
.kontakt .meno { font-weight:bold; color:#FDD27A; }

.kontakt-row-top { background-color:#6DA030; padding:30px 0px; }
.kontakt-row-form { background-color:#F5F5F5; padding:0 0 30px 0px; }

.kontakt-fb-row { background-color:#454545; color:#FFFFFF; }
.kontakt-fb-cont { width:100%; max-width:710px; padding:50px 0px; }
.col-1-13 { float:left; width:13%; }
.col-1-87 { float:left; width:87%; }

.kontakt-firma-row { background:url(../images/page/dado-dizajn-firma.jpg) center center no-repeat; min-height:500px; background-size:auto 100%; }

.input { font-size:14px; padding:7px; background-color:rgba(255,255,255,0.9); width:80%; margin:5px 0px 10px 0px; border:1px solid #3B4247; }
.input_area { font-size:14px; padding:7px; background-color:rgba(255,255,255,0.9); width:100%; margin:5px 0px 10px 0px; min-height:158px; border:1px solid #3B4247; }
.input-submit { background-color:rgba(255,255,255,0.9); padding:6px 14px; font-size:14px; margin-left:10px; cursor:pointer; border:1px solid #3B4247; }
.input-submit:hover { background-color:#FDD27A; }
.popis12 { font-size:12px; color:#000000; }

.kontakt-top-row { background:url(../images/page/04.jpg) bottom center no-repeat; padding:0 0 35px 0px; margin-top:70px; }
.kontakt-top-row a { color:#FFFFFF; text-decoration:none; }
.kontakt-top-row a:hover { color:#FFFFFF; text-decoration:underline; }
.form-row { background-color:#F5F5F5; padding:0 0 30px 0px; }

/* OBEC */
.obec-img-box { position:relative; width:100%; min-height:560px; }
.img01 { background:url(../images/page/cicmany-04.jpg) top center no-repeat; background-size:auto 100%; }
.img02 { background:url(../images/page/cicmany-03.jpg) top center no-repeat; background-size:auto 100%; }

/**/
.topmenu-social { float:right; border-right:1px solid #FFFFFF; margin-right:15px; padding-right:10px; height:40px; }
.topmenu-social a { display:inline-block; width:40px; height:40px; }
.fb { background:url(../images/page/top-social.png) no-repeat; background-position:0px -40px; }
.fb:hover { background:url(../images/page/top-social.png) no-repeat; background-position:-40px -40px; }
.tw { background:url(../images/page/top-social.png) no-repeat; background-position:0px 0px; }
.tw:hover { background:url(../images/page/top-social.png) no-repeat; background-position:-40px 0px; }

.hide { display:none; }
.fixhide { display:block !important; }

.link { color:#FFFFFF; text-shadow:rgba(0,0,0,0.8) 1px 1px 0px; text-decoration:none; font-size:24px; border:2px solid #FFFFFF; padding:6px 24px;
-webkit-transition: padding 200ms ease-in-out;
   -moz-transition: padding 200ms ease-in-out;
   -ms-transition: padding 200ms ease-in-out;
   -o-transition: padding 200ms ease-in-out;
   transition: padding 200ms ease-in-out; }
.link:hover { color:#FFFFFF; text-shadow:rgba(0,0,0,0.8) 1px 1px 0px; text-decoration:none; font-size:24px; padding:9px 34px; }

.linkb { color:#000000; text-shadow:rgba(0,0,0,0.1) 1px 1px 0px; text-decoration:none; font-size:24px; border:2px solid #000000; padding:6px 24px;
-webkit-transition: padding 200ms ease-in-out;
   -moz-transition: padding 200ms ease-in-out;
   -ms-transition: padding 200ms ease-in-out;
   -o-transition: padding 200ms ease-in-out;
   transition: padding 200ms ease-in-out; }
.linkb:hover { color:#000000; text-shadow:rgba(0,0,0,0.1) 1px 1px 0px; text-decoration:none; font-size:24px;  padding:9px 34px; }


/* UVOD */
.u-blok-box { color:#000000; min-height:450px; margin:15px 0; }
.u-blok-box-left { width:40%; padding:30px; float:left; }
.u-blok-box-right { float:right; width:60%; min-height:450px; }

.u-blok-box .nadpis { color:#000000; }
.u-blok-box .separator { max-width:100px; border-top:1px solid #000000; margin:20px 0px; }
.u-blok-box .cont { color:#000000; font-size:18px; text-align:center; }

.u-blok-box-b { color:#000000; min-height:450px; margin:15px 0; }
.u-blok-box-b-left { width:60%; padding:30px; float:left; min-height:450px; }
.u-blok-box-b-right { float:right; width:40%; padding:30px; }

.u-blok-box .nadpis { color:#000000; }
.u-blok-box .separator { max-width:100px; border-top:1px solid #000000; margin:20px 0px; }
.u-blok-box .cont { color:#000000; font-size:18px; text-align:center; }

.uvod-row-gallery { position:relative; padding-left:12px; }
.uvod-row-gallery div.col-1-3 { float:left; width:186px; height:166px; margin:5px 10px 5px 0; overflow:hidden; }
.uvod-row-gallery img { width:100%; height:100%; -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 100ms ease-in-out;
   -ms-transition: all 100ms ease-in-out;
   -o-transition: all 100ms ease-in-out;
   transition: all 100ms ease-in-out; }
.uvod-row-gallery div.col-1-3:hover img { width:110%; height:110%; margin:-5% 0 0 -5%; }

.uvod-ponuka-row { background-color:#FFFFFF; min-height:600px; position:relative; }

.uvod-right-bck { position:absolute; left:0; width:50%; height:300px; top:24px; background:url(../images/page/gbck.png); z-index:1; }
.uvod-ponuka-trava { width:100%; height:300px; background:url(../images/page/trava-top.png) 5% 90px no-repeat; }
.uvod-ponuka-popis-box { color:#666666; font-size:16px; padding:216px 0 0 60px; max-width:880px; }
.uvod-ponuka-row h2 { color:#759F3B; font-family: 'Signika', sans-serif; font-size:40px; max-width:300px; padding-top:60px; font-weight:bold; padding-left:60px; }
.uvod-ponuka-logo-box { max-width:1200px; width:100%; min-height:600px; background:url(../images/page/8b_nove_cicmany.png) top right no-repeat; }
.uvod-ponuka-abs-box { width:100%; min-height:600px; position:absolute; z-index:2; }

.u-typ-row { background:url(../images/page/bck_drevo.jpg) top center no-repeat; position:relative; width:100%; min-height:860px; }
.u-typ-dom-row { background:url(../images/page/8_vystrihnuty_dom.png) bottom center no-repeat; position:relative; width:100%; min-height:860px; position:relative; }
.u-typ-box-biely { position:absolute; left:0; bottom:0; width:20%; height:282px; background-color:#FFFFFF; }
.u-nadpis-box { color:#FFFFFF; width:50%;  font-family: 'Signika', sans-serif; font-size:40px; padding:35px 0 0 60px; font-weight:bold; }
.u-typ-abs-box { width:100%; min-height:860px; position:absolute; z-index:2; left:0; top:0; }
.u-typ-abs-box-2 { position:absolute; bottom:-15px; }
.u-typ-cont { max-width:1200px; width:100%; }

/* OBSAH */
section {
 width:100%;	
}

main {
	overflow-x: hidden;
	/* max-width:1920px; */
	width:100%;
}

.hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.row { position:relative; clear:both; }
.col-1-2 { float:left; width:50%; }
.col-1-3 { float:left; width:33.33%; }
.col-1-4 { float:left; width:25%; }
.col-1-6 { float:left; width:66.66%; }
.col-1-7 { float:left; width:14.2%; }

.col-1-3a { float:left; width:29.33%; }
.col-1-3b { float:left; width:47.66%; padding-top:64px; }
.col-1-3c { float:left; width:23%; padding-top:64px; }

.paddl20 { padding-left:20px; }
.paddr20 { padding-right:20px; }
.margtop30 { margin-top:30px; }

/**/
.filter a { font-size: 26px; color: #fff; text-decoration: none; padding: 10px 20px; }
.filter a#sel { font-weight:bold; }

/* UVOD */
.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
	min-height:300px;
    width: 100%;
	/* background:url(../images/page/01.jpg) center -150px no-repeat; */
	position:relative;
}
.uvod-wood-row { background:#ffffff; color:#000000; padding:0 0 40px 0px; margin:15px 0; }
.uvod-wood-block { max-width:1200px; background:url(../images/page/gbck.png); }
.u-box-left { padding:40px 60px; }
.u-box-right { padding:40px 0 0 0; }

.u-blok-typ-a { padding:15px; background-color:#74A12E; min-height:297px; border:15px solid #FFFFFF; float:left; width:48%; position:relative;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; }
.u-blok-typ-a div { float:right; width:35%; padding-top:15%; color:#FFFFFF; }
.u-blok-typ-b { padding:15px; background-color:#FC8323; min-height:297px; border:15px solid #FFFFFF; float:left; width:48%; position:relative;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -ms-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out; }
.u-blok-typ-b div { float:left; width:35%; padding-top:15%; color:#FFFFFF; }

.u-blok-typ-a a, .u-blok-typ-b a { position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:none; }
.u-blok-typ-a:hover { background-color:#5A8714; /*#74c82e;*/ }
.u-blok-typ-b:hover { background-color:#D75F00; /* #FFB314; */ }
/*
.u-blok-typ-a:hover div, .u-blok-typ-b:hover div { color:#000000; }
.u-blok-typ-a:hover .nadpis, .u-blok-typ-b:hover .nadpis { color:#000000; }
*/

.u-trava-b { background:url(../images/page/trava-m.png) bottom right no-repeat #FFFFFF; position:relative; width:100%; min-height:100px; }

.wood-row { background:url(../images/page/bck_drevo.jpg) top center no-repeat; position:relative; width:100%; margin-bottom:50px; padding:100px 0; }

/* VYBAVENIE */
.vybavenie-slider { width:100%; max-width:1200px; min-height:300px; }

.vybavenie-block { width:100%; max-width:1200px; color:#719E2C; display:flex; margin-left:auto; margin-right:auto; }
.vybavenie-block div { width:287px; height:287px; background-color:#CC9966; float:left; }
.vybavenie-block div img { width:100%; height:auto; }
.margr18 { margin-right:18px; }

.vybavenie-info-row { background:url(../images/page/gbck.png); width:100%; position:relative; margin:0; padding:35px 0;  min-height:100px; }
.vybavenie-info-block { width:100%; max-width:1200px; line-height:30px; }
.vybavenie-info-row .trava { background:url(../images/page/trava-m.png) bottom left no-repeat; position:absolute; width:100%; min-height:100px; left:-200px; bottom:0; }
.vybavenie-info-block div { float:left; }
.bord-l2 { border-left:2px solid #999999; padding-left:15px; margin-left:20px; }
.vybavenie-info-box { width:100%; max-width:1200px; padding:30px 0; }
.box-left { padding:20px 50px 30px 0; border-right:1px solid #666666; }
.box-right { padding:20px 0 30px 50px; }

.vybavenie-sluzby-row { background:url(../images/page/gbck.png); width:100%; position:relative; margin:30px 0 80px; }
.vybavenie-sluzby-box { width:100%; max-width:1200px; padding:30px 0; color:#719E2C; min-height:300px; }
.sluzby-cont { display:flex; -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center; margin-left:auto; margin-right:auto; color:#666666; margin:50px 0; }
.trava-left { background:url(../images/page/trava-top.png) top left no-repeat; position:absolute; width:100%; min-height:200px; left:-100px; bottom:0px; }
.trava-right { background:url(../images/page/trava-m.png) bottom right no-repeat; position:absolute; width:100%; min-height:120px; bottom:-80px }

.u-box-01 { width:100%; padding:16% 0 15% 0; background:url(../images/page/logo-dadodizajn-b.png) center 70px no-repeat; position:relative; }
.uvod-text { position:absolute; width:100%; left:0px; top:0px; height:280px; padding:65px 0px 30px 0px; background-color:rgba(0,0,0,0.5); }
.uvod-text h1#t1 { font-size:76px; font-family: 'Fjalla One', sans-serif; line-height:70px; font-weight:normal; }
.uvod-text h1#t1 span { font-size:50px; }
.uvod-text p#t2 { font-size:31px; color:#EEBA4D; }
.uvod-text p#t3 { font-size:20px; padding-top:10px; }

.nadpis-blok { margin:15px 0px 30px 0px; font-size:50px; }

#slider-vybavenie a { text-decoration:none; }
#slider-vybavenie .typ-a { width:100%; padding:10px 0; max-height:40px; color:#FFFFFF; background-color:#74a12e; font-weight:bold; clear:both; text-decoration:none!important; text-align:center; }
#slider-vybavenie .typ-b { width:100%; padding:10px 0; max-height:40px; color:#FFFFFF; background-color:#fc8323; font-weight:bold; clear:both; text-decoration:none!important; text-align:center; }

/* PRODUKTY */
.slider-box { height:600px; background:url(../images/page/video-bck.jpg) center center no-repeat #850E01; }
.video-box { width:100%; height:600px; max-height:600px; position:relative; overflow:hidden; }

.top-img-box { width:100%; height:300px; background-color:#3e0000; margin-top:70px; }
.top-img-box-600 { width:100%; height:600px; background-color:#3e0000; margin-top:70px; }
.top-img-box-b { width:100%; height:300px; background-color:#3e0000; }

.bot-img-box { width:100%; height:300px; margin-bottom:10px; }


.content-cont { width:100%; max-width:1200px; position:relative; color:#000000; }
.col-1-25 { width:40%; float:left; }
.col-1-75 { width:60%; float:left; }

.black { color:#000000; }
.white { color:#FFFFFF; }
.oranz { color:#fed27a; }


.separator { height:1px; border-bottom:1px solid #FFFFFF; margin-bottom:20px; margin-top:20px; width:100%; }

/* KONTAKT */

/* SLUZBY */
.ico-sluzby { width:54px; height:54px; margin-bottom:10px; background:url(../images/page/sluzby-ico.png) center no-repeat; }

.pc { display:block; }
.mob { display:none; }

/* FOOTER */
.footer-row { background-color:#333333; color:#FFFFFF; min-height:380px; position:relative; margin-top:20px; }
.footer-box { max-width:1200px; width:100%; padding:40px 0 0 0; }
.footer-box a { color:#FFFFFF; text-decoration:none; }
.footer-box a:hover { color:#fed27a; text-decoration:underline; }

.footer-end-row { background-color:#FFFFFF; position:relative; }
.footer-end-box { max-width:1200px; width:100%; position:relative; line-height:50px; color:#666666; font-size:16px; }
.footer-end-box a { color:#666666; text-decoration:none; }
.footer-end-box a:hover { color:#009900; }

/**/
.projekt-info-box-left-35 { float:left; width:35%; padding:50px; }
.projekt-info-box-left-40 { float:left; width:40%; padding:50px; }
.projekt-info-box-left-60 { float:left; width:60%; padding:50px; }

/* FONT */
h2 { font-size:25px; }	
h4 { font-size:35px; }	
	
/* mapa */	
.box-bubble span { font-weight:bold; }	

  /*.mapify-hover{fill:rgba(253,150,68,0.5)} */
  
.gdpr { margin:25px 0; padding:25px 0; border-top:1px solid #ccc; }  
.gdpr a { text-decoration:none; color:#6DA030; }
.gdpr a:hover { color:#000000; }
  
.alist { list-style-type:lower-alpha; padding:0 0 15px 15px; }
.alist li { margin-bottom:5px; }
  
ol {
  list-style-type:none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 10px 0 0 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}    

/* NB */
@media all and ( max-width: 1500px ) {
.rubikon-reklama div#prvy img { position:absolute; left:-70px; }
}


/* NB */
@media all and ( max-width: 1366px ) { 

.u-stripe { width:100%; height:230px; background:url(../images/page/trava-top.png) 115% bottom no-repeat; }
.u-stripe-b { width:100%; height:230px; background:url(../images/page/trava-m.png) -150px bottom no-repeat; }

.projekt-box-u {
    width: 20%;
    min-height: 350px;
    float: left;
    border: 10px #FFFFFF solid;
    position: relative;
    overflow: hidden;
}

.projekt-box-u h2 { font-size: 20px; }

/**/
.rubikon-reklama div { padding:20px; }
.rubikon-reklama div#prvy img { width:450px; height:auto; }
.rubikon-reklama div#druhy img { width:550px; }

/* ZREALIZOVANE PROJEKTY */

.projekt-info-box-right { float:right; width:30%; padding:20px 50px; }
.projekt-info-box-left-35 { float:left; width:30%; padding:30px 50px; }
.projekt-info-box-left-40 { float:left; width:30%; padding:30px 50px; }
.projekt-info-box-left-60 { float:left; width:50%; padding:30px 50px; }

}

/* TABLET */
@media all and ( max-width: 800px ) { 

.u-logo { background-position: 30px center; background-size: auto 100%; float: left; height: 80px; margin-top:0px; width: 200px; }

.u-box {
    float: left;
    width: 50%;
    height: 400px;
    color: #ffffff;
    font-family: 'Signika', sans-serif;
    padding: 3% 3%;
    font-size: 16px;
	border-bottom:1px solid rgba(255,255,255,0.2);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: relative;
}

/**/
.rubikon-reklama div { padding:20px; float:none; width:100%; }
.rubikon-reklama div#prvy,  .rubikon-reklama div#druhy { display:none; }

/**/
.projekt-box-u {
    width: 33.33%;
    min-height: 350px;
    float: left;
    border: 10px #FFFFFF solid;
    position: relative;
    overflow: hidden;
}

.newsletter .itext { margin:2px 0; }

}


/* MOBIL */
@media all and ( max-width: 480px ) { 

main { padding-top:70px; }
.nadpis25 { line-height:40px; }
.center-menu-box, .center-menu-box-b { display:none!important;}
.mobile-menu-stripe { display:block; }
.pull { display:block!important; }

.u-menu-box { display:none; }
.u-stripe, .u-stripe-b  { background:none; }

.content-cont { padding:0 15px; }

#slider-akcie li img { width:100%; float:none } 
#slider-akcie li div { position:relative; right:0 ; bottom:0 ; padding:15px 25px; background:rgba(0,0,0,0.75); font-size:30px; color:#FFFFFF; height:auto; } 

.u-logo { background-position: 10px center; background-size: auto 90%; float: left; height: 80px; width: 100%; }

.col-1-2 { float: none;  width: 100%; }
.col-1-4 { float: left; width: 50%; margin:2% 0; }
.uvod-row-gallery { padding:0; }
.uvod-row-gallery div.col-1-3 {
    float: left;
    min-height: 166px;
    margin: 1%;
    overflow: hidden;
    width: 48%
}
.u-box-left { padding: 2% 3%; }
.top-page-block div.cont { padding: 2% 3%; }

/* uvod */
.bcg { min-height:0; position: relative; width: 100%; }

.tC70 { width: 60%; }
.tC80 { width: 70%; }
.tC20 { width: 30%; }

.uvod-right-bck { display:none; }
.uvod-ponuka-abs-box { position: relative; }
.uvod-ponuka-row h2 { padding:120px 0 0 20px; }
.uvod-ponuka-popis-box { max-width: auto; padding: 20px; }
.uvod-ponuka-logo-box { background-size:100% auto; background-position:-20px 0px;  }

.sa { height: 250px; background-size: auto 170%; }

.u-nadpis-box { padding: 35px 20px; width: 100%; }
.u-typ-abs-box-2 { bottom: 0; position: relative; }
.u-typ-dom-row { background:none; }

.right { text-align:center; }
.left { text-align:center; }
/**/
.gall-box, .gall-box-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
.gall-box img, .gall-box-2 img { margin:0 0 10px 0; }
.projekt-row-u-small a { width:100%; }

/**/
.projekt-box-u-small { width:96%; float:none; }

/**/
.obec-img-box {
    min-height: 220px;
    position: relative;
    width: 100%;
	background-size:auto 100%;
}

.gallery-row { display:block; }
.gallery-row div {
    float: left;
    height: 177px;
    margin: 1%;
    overflow: hidden;
    width: 48%;
}
/**/
.rubikon-reklama div { padding:20px; float:none; width:100%; }
.rubikon-reklama div#prvy,  .rubikon-reklama div#druhy { display:none; }

/**/
.footer-end-box .col-1-2 { float:none; width:100%; text-align:center; }


.projekt-box-u { float:none; width:100%; }
.u-box { float:none; width:100%; height:400px; }
.filter a { display:block; }
.byv-popis-row { padding:40px 15px; }

/**/
.col-1-25 { width:100%; float:none; padding:0 2%; }
.col-1-75 { width:100%; float:none; padding:0 2%; }

.kontakt-fb-cont { padding:50px 20px; }
.kontakt-fb-cont .h30 { font-size:20px; }
.col-1-13 { float:left; width:25%; }
.col-1-87 { float:left; width:75%; }

/**/
.top-page-row { padding: 0px; }
.top-page-block div.cont { padding:20px; }

/**/
.typ-a-gal { min-height:auto; padding-bottom:20px; }
.typ-a-gal-2 { display:none; }
.gal-img-box-r { float:none; width:100%; max-width:auto; }
.gal-img-box-r img { width:100%; }

.mapa-bck { min-height:0; background:#ffffff; }
.mapa-box { min-height:0; padding-top:60px; }
/**/


.nadpis-box { font-size:40px; }
.info-slider li { font-size:20px; }


/* footer */
.col-1-3a { float: none; width: 100%; padding:0 4%; }
.col-1-3b { float: none; width: 100%; padding:0 4%; }
.col-1-3b div.col-1-2 { width:100%; padding:0 4%; }
.col-1-3c { float: none; width: 100%; padding:0 4% 3% 4%; text-align:center; }

.sluzby-cont { display:block; }
.trava-left { display:none; }
.col-1-7 { float: left; width: 50%; margin-bottom:10px; }
.box-left { border-right:none; padding: 20px; }
.box-right { padding: 20px; }

.paddr20, paddl20 { padding:0; }
.mapa-footer a { top: 0px; background-size:100% auto; background-position:center; }

/* ZREALIZOVANE PROJEKTY */
.mob-projekt-rezid-box { background-color:#f2f2f2; margin-bottom:30px; }
.mob-projekt-rezid-box h4 { font-size:25px; }
.mob-projekt-rezid-box .h30 { font-size:20px; }
.mob-projekt-rezid-box .priebeh-galeria img { float:left; width:33.3%; }

.mob-projekt-rezid-box .projekt-info-box-right { padding:10px; }

.projekt-info-box-right { float:none; width:100%; padding:20px; }

.mlist li { font-size:20px; }

.pc { display:none; }
.mob { display:block; }



}