@charset "utf-8";
/*  
Version: 2.0.1
Author: Stanislav Kratochvil
Author URI: http://www.3wd.cz/
*/


/* 
@-ms-viewport{width:device-width}


KoHo
Baloo 2
*/
html{font-family: 'Baloo 2', sans-serif;line-height:1.15; /*-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent*/}

footer,header,section,.end{display:block}
body{margin:0;font-size:1.4rem;font-weight:400;line-height:1.5;color:#262A35;text-align:left;background-color:#FFF; background-repeat:no-repeat; z-index:10; }
	@media (min-width:0px) and (max-width:576px){body{font-size:1.1rem}}

h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
h1{text-align: center; padding-top:30px; padding-bottom:60px; color:#7A7A7A; font-size:2.1em; font-weight:normal; }
h1 strong { color:#333333}
h2{text-align: center; padding-top:30px; padding-bottom:40px; color: #333333; font-size:1.8em; font-weight:normal  }
h3{text-align:left; padding-top:20px; color: #CA8613; font-size:1.3em; font-weight:normal}



/* WD - ANIMACE */

x{ animation: zoomIn; animation-duration: 2s; }

.wd-kontakt img { animation: flip; animation-duration: 2s; }
.wd-predstaveni .wd-col-6:nth-child(1) { animation:bounceInLeft; animation-duration: 4s}
.wd-predstaveni .wd-col-6:nth-child(2) { animation:bounceInRight; animation-duration: 4s}



@media (max-width:900px){h1{ font-size:1.4em; padding-top:18px} h2{font-size:1.2em } h3{font-size:1.2em } }

p{margin-top:0;margin-bottom:1rem;}
a{color:#55A630}
a:hover{color:red}

.tc { text-align: center}
.l { float:left; margin:.6vw 1vw .6vw 0}
.r { float:right; margin:.6vw 0 .6vw 1vw}
.clr { clear:both; padding:0; margin:0; height:0; visibility:hidden; font-size:0; }

.img100 { border-radius:4px; width:100%; height:auto;  border:1px solid #333	 }
.img50{flex:0 0 100%;max-width:100%; border-radius:4px; border:1px solid #333}
	@media (min-width:576px) and (min-width:1000px){.img50{flex:0 0 49%;max-width:49%; border-radius:4px; border:1px solid #333}}
.img{ border-radius:6px; border:2px solid #84C225; padding:2px;}
	@media (max-width:650px){.img{width:100%; height:auto;}}
	@media (max-width:650px){.imgM{max-width:100%; height:auto;}}
	
	

	

.container{width:calc(100% - 30px);padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;  }
	@media (min-width:576px){.container{max-width:540px}}
	@media (min-width:768px){.container{max-width:720px}}
	@media (min-width:992px){.container{max-width:960px}}
	@media (min-width:1200px){.container{max-width:1100px}}
	
/* WD - kontejnery */
.wd-row{display:flex;flex-wrap:wrap; margin:auto;   }
[class|="wd-col"] {position:relative;width:100%;min-height:1px; box-sizing: border-box; padding:10px;  } 
.ml-auto{margin-left:auto!important}
.m-auto{margin:auto!important}
.nul{ padding:0; margin:0;}
/* WD-COL */
@media (min-width:768px){
  .wd-col-1{flex:0 0 8.333333%;max-width:8.333333%}
  .wd-col-2{flex:0 0 16.666667%;max-width:16.666667%}
  .wd-col-3{flex:0 0 25%;max-width:25%}
  .wd-col-4{flex:0 0 33.333333%;max-width:33.333333%;}
  .wd-col-5{flex:0 0 41.666667%;max-width:41.666667%}
  .wd-col-6{flex:0 0 50%;max-width:50%}
  .wd-col-7{flex:0 0 58.333333%;max-width:58.333333%}
  .wd-col-8{flex:0 0 66.666667%;max-width:66.666667%}
  .wd-col-9{flex:0 0 75%;max-width:75%}
  .wd-col-10{flex:0 0 83.333333%;max-width:83.333333%}
  .wd-col-11{flex:0 0 91.666667%;max-width:91.666667%}
  .wd-col-12{flex:0 0 100%;max-width:100%}
  .wd-col-100{flex-basis:0;flex-grow:1;max-width:100%}
  .wd-col-auto{flex:0 0 auto;width:auto;max-width:none}
}

nav{position:relative; z-index:100; top:4px; max-width:100%; margin:0 .0vw 0;   }
	@media screen and (max-width:900px){nav{max-width:100%; top:0; }}
nav#cssmenu>ul{ /*float:right;*/ }

#menu > ul{ width:80%;padding-right:0px; padding-left:0px; margin-right:auto;margin-left:auto;   }
	@media (min-width:576px){#menu > ul{max-width:540px}}
	@media (min-width:768px){#menu > ul{max-width:720px}}
	@media (min-width:992px){#menu > ul{max-width:960px;}}
	@media (min-width:1200px){#menu > ul{max-width:1100px}}


header nav { }
header .wd-col-auto i { color:#55A630 }
header .wd-col-100 { text-align:center; color: #55A630 }
header svg { width:200px;  }

@media screen and (max-width:768px){
	nav#menu {min-height:auto;} 
	header  .wd-col-auto {  text-align:center } 
	header  .wd-col-auto img { width:140px } 
	header .wd-col-100  {   text-align:center }
	}

   
  
#menu > ul{ width:100%;padding-right:0px; padding-left:0px; margin-right:0px;margin-left:0 !important;   }
	@media (min-width:576px){#menu > ul{max-width:540px}}
	@media (min-width:768px){#menu > ul{max-width:720px}}
	@media (min-width:992px){#menu > ul{max-width:960px;}}
	@media (min-width:1200px){#menu > ul{max-width:1100px}}




.page-header{height:80vh;background-position:50%;background-size:cover;margin:0;padding:0;border:0;display:flex; padding-top:0rem; /*align-items:center*/}
/*
.page-header{background-size:cover;margin:0;padding:0;border:0; border-top:1px solid #000000;display:flex; padding-top:2rem; align-items:center; background-image: url('../images/global/bg-header.jpg'); background-position: top right; }
.page-header-home {height:50vh; }
.page-header-next {height:20vh; background-position: bottom center }
*/
@media screen and (max-width:576px){.page-header{height:40vh; align-items:center; background-position: left; background-image: url('../images/global/bg-header.m.jpg');}}

.main{/*background:#fff;*/position:relative;z-index:3; }
.main-row{margin:-180px 2vw 80px;border-radius:6px;box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2); padding-bottom:40px}
 @media (max-width:576px){.main-row{margin:-100px 0vw 0; border-radius:0px;}}


footer { background-color:#181818; color: #FFFFFF ; font-size:.9em; text-align: left; padding:60px 0}
footer strong {  }
footer .svg-inline--fa {color:#DD1515; height:1.2em; width:auto; padding-right:20px }  
footer .svg-inline--fa:hover {color: #FFFFFF; }  

footer a { color: #FFFFFF}


footer .iko-svg  { background-image: url("svg/mail.svg"); background-color: #CC66FF; color:#66FF00; fill: red;  }  





.wd-end { font-size:.7em; margin-bottom:10px } 
.wd-end a { color:#000000} 
@media screen and (max-width:550px){ 
	.wd-end .wd-col-auto { padding:4px }
	.wd-end .wd-col-100 { padding:0 }
}

/* ----------------------------------------------------------------- */
/* UVOD > Trade */
.wd-trade { background-color:#FFFFFF; text-align:center; border-radius:6px;padding:40px 0;}
.wd-trade h1 { color:#2186D8; font-size:3em}
.wd-trade p {  font-size:1.4em}

.wd-tradeXX {position: relative;z-index:5; padding:40px 0;border-radius:6px;  }
.wd-tradeXX .wd-row{ border-bottom:0px; margin:0px 4vw 60px;border-radius:6px;box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2); padding:40px 0; }
 @media (max-width:576px){.main-row{margin:-10px 0vw 0; border-radius:0px;}}


/* UVOD > Spolecnost */
.wd-spolecnost { background-color: #FFFFFF; text-align:center ; margin-bottom:0px; padding:60px 0;}
.wd-spolecnost p { font-size:.8em; padding:0 40px}
.wd-spolecnost svg { color:#2186D8; height:2em; }
.wd-spolecnost h2 { color:#2186D8;  }
.wd-spolecnost .wd-col-3:nth-child(-n+3) { border-right:2px solid #DD1515}


@media (max-width: 767px) {.wd-spolecnost svg {height: 2em;}}


/* UVOD > Sklad */
.wd-sklad { background-image:url(../images/uvod/stavba.jpg); background-size:cover; background-position:100% 100%; height:500px}




/* UVOD > O nas */
.wd-onas { padding:100px 0 }
.wd-onas h2 {color: #333333; font-size:1.2em; text-align:left; margin:0; padding:0}
.wd-onas h3 {color:#999999; font-size:.6em; }
.wd-onas p {font-size:.8em; }



/* UVOD > dal */
.wd-dal { background-color:#DD1515; color:#FFFFFF }



/* UVOD > Predstaveni (+vid) */
.wd-predstaveni{ background-color:#F3F3F3; background-color:#C2C2C2; font-size:90%  }
.wd-predstaveni h2 { padding:0 0 0 10px; text-align:left}
.wd-predstaveni ul { list-style-position: inside; list-style-type: circle; padding:4px;}
.wd-predstaveni ul li { background: #FFFFFF; margin:2px; padding:4px 10px}

.wd-predstaveni .vid-responsive { overflow:hidden; padding-bottom:400px; position:relative; height:0; }
.wd-predstaveni .vid-responsive iframe { left:0; top:0; height:400px; width:100%; position:absolute;  }


/* UVOD > Kontakt */
.wd-kontakt .wd-row .wd-col-6:nth-child(2) { text-align:right}
@media screen and (max-width:770px){.wd-kontakt .wd-row .wd-col-6:nth-child(2) {text-align: center;}}
.wd-kontakt .wd-row .wd-col-6:nth-child(2) strong { color:#55A630 !important} 
.wd-kontakt .wd-row .wd-col-6:nth-child(2) i { color:#55A630; padding-left:20px} 

.wd-kontakt .wd-row .wd-col-6 { padding-top:20px} 
.wd-kontakt img {  border-radius: 50%; position:relative;z-index:20; width:250px;}
.wd-kontakt .wd-col-12 p { text-align:center}




.wd-kontakt .svg-inline--fa {height:1.2em; width:auto; padding: 0 8px } 

 
.wd-kontakt .fa-facebook-square, .wd-kontakt .fa-instagram {width:2em; height:auto; padding-top:40px}   
.wd-kontakt .fa-facebook-square:hover,.wd-kontakt .fa-instagram:hover  {color:#FCDD3F;}