@charset "utf-8";
/* CSS Document */




body { 
    background-color:#FFF; margin:0px; padding:0px; 
    font-family: 'Montserrat',Verdana, Geneva, sans-serif; 
    color:#000; font-size:15px; font-weight: 300;}



a { color:#001375; text-decoration: none;font-weight: 400; }
a.ext { text-transform: uppercase; font-weight: 600;}


h1{
 font-family: 'Montserrat', sans-serif;
 font-size: 18px;
 padding: 9px 0px 4px 0px;
 margin: 0px 0px 0px 0px;
 font-weight: 900;
 font-stretch:extra-condensed;
 line-height:150%;

}



h2{
 font-family:'Montserrat', sans-serif, Verdana;
 font-size: 16px;
 text-transform:uppercase;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 3px 0px;
 font-weight: 600;
 line-height:150%;
 color: #FF0026;
 
}




ul,ol  {
	margin-left:10px;
	padding:0px;
}

ul,ol{
	margin-left:20px;
	padding:0px;
	margin-top:0px;
	}
li{
	margin-left:20px;
	padding:0px;
	margin-top:0px;
	}
	
ul { list-style: circle;}
ol { list-style: decimal;}
li { 
	margin-left:10px;
	padding:1px;
}

p { padding:0px; margin:0px 0px 15px 0px;}


div, p, block, txt, footer, headed, menu, menuline, menubar { box-sizing:border-box; display: block;}

.ws {max-width: 1200px; margin: 0px auto; position: relative;}
.ar { text-align: right;}
.ac {text-align: center;}

block { 
    max-width: 1200px; margin: 0px auto; padding: 120px 0px 30px 0px;
    min-height: 100vh;

}

block .img { width: 100%; height: 50vh; min-height: 300px; position: relative;}
block .img img {width: 100%; height: 50vh; min-height: 300px; object-fit: cover;}
block .img .title { position: absolute; bottom: 60px; width: 100%; text-align: center; }
block .img .title title { display: inline-block; background-color: #FF0026; color:#FFF; padding: 8px 20px; font-weight: 300; text-transform: uppercase; font-size: 40px; letter-spacing: 0.1em}

block txt { width: 80%; text-align: center; padding-top: 60px; margin: 0px auto;}
block .nadpis { font-size: 20px; font-weight: 600; padding-bottom: 20px;}

block flexcontent {
    display: flex; justify-content: space-evenly; padding: 0px 30px; flex-wrap: wrap;
}

block flexcontent flexitem { flex:1; border-bottom: 1px solid #FF0026;border-top: 1px solid #FF0026; padding: 10px 0px; margin: 10px}
block flexcontent flexitem.minw {min-width: 350px;}


headed { position: fixed; width: 100%;  height: 110px; z-index: 100; background-color: rgba(255,255,255,.98); top:0px; left:0px;  }
headed img { width: 250px; position: absolute; top: 30px; left:0px;}
headed menu { text-align: right;  text-transform: uppercase; color: #001375; font-size: 18px; font-weight: 400; margin: 0px;}
headed menuline {padding-top: 45px;}
headed menu menuitem  {margin-left: 20px; padding-bottom: 15px; }
headed menu menuitem:hover { border-bottom: 2px solid #FF0026; cursor: pointer;}


footer { background-color: #FF0026; text-align: center; padding: 70px 0px 20px 0px; color: #FFF; font-size: 12px;}

menu menubar {padding-top: 45px;}

menu .bar-container{
	
	width: 18px;
	padding-left:30px;
	height:auto;
    
	
	
	/*display: inline-block;¨*/
	display: none;
	margin:0 auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor:pointer;
	vertical-align:middle;
}

menu .bar {display: block;
	width: 100%;
	height: 3px;
	margin: 0 auto 2px;
	background: #37a2db;

}

.show {display: block;}

@media (max-width: 1230px) {
	
    headed img { margin-left: 25px;}
    headed menu {margin-right: 25px;}
}


@media (max-width: 750px) {
	
		
		
    menu .bar-container{ display:inline-block}
    headed menuline {
        
        display:none;
        width: 100%;
        padding-top: 110px; background-color: #FFF;
        position: absolute; top:0px; left:0px;
        text-align: left;
        z-index: -1
        
    }
    headed menu menuitem  {padding: 10px 25px; display: block; border-bottom: 1px solid #FF0026; margin: 0px; }
    headed menu menuitem:hover { border-bottom: 1px solid #FF0026; ;cursor: pointer;}
    
    block flexcontent flexitem { flex:auto; border-bottom: 1px solid #FF0026;border-top: 1px solid #FF0026; padding: 10px 0px; margin: 10px; width: 100%; text-align: center !important;}
    block flexcontent flexitem.minw {min-width: auto;}
    
}