@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700&subset=latin,latin-ext);
/* colors: red= #bb162b blue= rgb(115,205,230)   #b6d1ef  */
* {box-sizing: border-box;}
body { background: rgb(115,205,230); font-family: 'Oswald', sans-serif, Helvetica, Arial, sans-serif;font-size:16px; margin:0;padding:0; z-index:-2;}
.bg {width:100%;height:95vh;overflow:hidden;background-size:auto; position:fixed; left:0; top:0; z-index:-1}
.bg.b1{ background: url(../images/bg/bg1.webp) no-repeat top left rgb(115,205,230); }
.bg.b2{ background: url(../images/bg/bg2.webp) no-repeat top left rgb(115,205,230); }
.bg.b3{ background: url(../images/bg/bg3.webp) no-repeat top left rgb(115,205,230); }
.left{float:left}
.right{float:right}
table {border-collapse: collapse;border-spacing: 0;}
.logo{ display: block;/* position: fixed; top:10px; left:20px*/ max-width:100%;}
.titlediv{position:absolute; bottom: 150px;}
.topbar {display:block; width:51%; height:auto; overflow:hidden; margin:20px 7% 20px 42%;}
.claim{ width: 51%; height: 30vw; background: url(../images/claim.png) no-repeat top left; background-size: contain; margin:20px 7% 10px 42%;
    -webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0px 1px 2px rgba(0,0,0,.5));}
.claim h1{visibility: hidden;}
.claim .graph{
    position: relative;
    width:30%;
    height:150px;
    margin-top:10%;
}

.claim .graph .column{
    width:25px;
    background:/*#6699cc*/rgb(52,165,207);
    font-size:0.85em;
    font-weight:300;
    color:#fff; 
    text-align: left;
    }
.claim .graph .column:hover{
    background:#fff;
    font-size:0.85em;
    color:#6699cc; 
    }

.claim .graph .column label{
    display: block;
    height:15px;
    width:65px;
    overflow: hidden;
    position: absolute;
    top:28px;
    left:-20px;
    -ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    transform: rotate(-90deg);
}

.claim .graph .column.one{position: absolute; bottom:0; left:0; height:80px;}
.claim .graph .column.two{position: absolute; bottom:0; left:35px; height:100px;}
.claim .graph .column.three{position: absolute; bottom:0; left:70px; height:110px;}
.claim .graph .column.four{position: absolute; bottom:0; left:105px; height:130px;}
.claim .graph .column.five{position: absolute; bottom:0; left:140px; height:135px;}

.form img{float: left;}

.main {display:block; width:51%; height:auto; overflow:hidden; margin:20px 7% 20px 42%;}
.partners {width:600px; height:170px; overflow:hidden; display: block;background: rgba(255,255,255,.5);position: fixed;top:100px;right:0; margin-right: -570px;
    z-index:100; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.partners:hover { background: rgba(255,255,255,1); margin-right: 0; box-shadow: 0px 0px 6px #497eaa;}
.partners p { display: block; width:auto; height: auto; position: absolute; margin:75px -52px; font-size:0.95em; color:#6699cc;
    -ms-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg);   transform: rotate(-90deg)}
.partners div { widows:570px; height:170px; overflow:hidden; margin-left:30px; position:relative;}
.partners div a { display:block; width:auto; position:absolute;}
.partners div a.zm { left:5px; top:8px;}
.partners div a.nn { left:125px; top:20px;}
.partners div a.nm { left:250px; top:4px;}
.partners div a.sh { left:420px; top:9px;}
.partners div a.zo { left:8px; top:115px;}
.partners div a.bv { left:170px; top:105px;}
.partners div a.sp { left:385px; top:112px;}
.partners div a.zm img { width:105px;}
.partners div a.nn img { width:120px;}
.partners div a.sh img { width:85px;}
.partners div a.nm img { width:140px;}
.partners div a.sp img { width:160px;}
.partners div a.zo img {}

.smb { position:fixed; left:3%; bottom:125px;}
.smb img{ margin-right:15px;  -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.3)); filter:  drop-shadow(0px 0px 5px rgba(0,0,0,.3)); }

nav {width:100%;height:auto;overflow: hidden;background:#6699cc; position: fixed;bottom:32px;left:0; z-index:20;}
nav a {text-decoration: none;color:#fff;display: block; width:14.2857%;height:80px;padding-top:25px; color:#fff;float: left;
	text-align:center;font-size:20px;font-weight:400;font-style: normal;line-height:1.3;
    background: -moz-linear-gradient(-45deg, rgb(52,165,207) 0%, rgb(115,205,230) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(115,205,230)), color-stop(100%, rgb(115,205,230)));
    background: -webkit-linear-gradient(-45deg, rgb(52,165,207) 0%, rgb(115,205,230) 100%);
    background: -o-linear-gradient(-45deg, rgb(52,165,207) 0%, rgb(115,205,230) 100%);
    background: -ms-linear-gradient(-45deg, rgb(52,165,207) 0%, rgb(115,205,230) 100%);
    background: rgba(121,179,230,1) linear-gradient(135deg, rgb(52,165,207) 0%, rgb(115,205,230) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79b3e6', endColorstr='#a6ddf8', GradientType=1 );
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
nav a:nth-child(3) { padding-top:14px;} 
menu a.s {width: 12%;}
menu a.x {width: 15.3%;}
nav a:hover{background:/*#6699cc*/rgb(52,165,207);letter-spacing: 1px;}
menu a#active{background:#fff;color:#6699cc;}
menu a#active:hover{}

menu.top{
    position: absolute;
    top:90px;
    left:0;
    width: 98%;
    background: none
}
menu.sub li{
    font-size:1.15em;
    height:38px;
    width:14.285%
}

.submenu{
    width:35%;
    height:auto;
    display: block;
    overflow: hidden;
    position: fixed;
    bottom:220px;
    left:0px}
.submenu.tit { display:none;}
.submenu ul a {
    text-decoration: none;
    color:#fff 
}
.submenu ul {
    list-style:none; 
    margin:0;
    padding: 0
}
.submenu a {
    width:auto;
    color:#fff; 
    border-left:solid rgb(52,165,207) 10px;
    background:rgba(52,165,207, .7);
    padding:1em 1em 1em 20px;
    margin:.15em 0 0  0;
    display:block;
    float: left;
    clear: both;
     -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.submenu a:hover{
    background-color: /*rgba(102, 153, 204, 1)*/#000;
    letter-spacing: 1px;
    border-left:solid #fff 16px;
}

article{ width:51%; height:auto; margin:20px 7% 10px 42%;}
article p { font-size:1em;line-height: 1.5;font-weight: 400;  font-family:'Open Sans', sans-serif; }
article ul {list-style: square;padding-bottom: 1em }
article ol {list-style:decimal;padding-bottom: 1em }
article ol.faq { font-size: .85em;  color:#fff; line-height: 1.3;  padding-top:2em}
article ol.faq li{ margin:6px;}
article ol.faq a{
    font-size: 1em; 
    line-height: 1.3;
    font-weight: bold!important; 
    background: #000;
    color:#fff;
    font-family:'Open Sans', sans-serif;
    padding:2px 6px;
    text-decoration: none
}
article ol.faq a:hover{
    background: #fff;
    color:#000;
    text-decoration: none
}
article li {line-height: 1.5;font-weight: 400; font-family:'Open Sans', sans-serif; margin-bottom: 1em}
article p a, article li a{color:#000 }
article p a:hover{}
article p a:active{}
article p a:visited{}

article h1{
    font-size:5em;
    line-height: 1;
    font-weight: 300;
    font-family:'Open Sans', sans-serif;
    letter-spacing: -2px;
    color: #fff;
    margin: 10px 0 0 0; 
    display: block;
    overflow: hidden;
    /*position: fixed;
    bottom:40%;
    left:40px*/}

article h2{
    font-size:2.5em;
    line-height: 1;
    font-weight: 400; 
    color: #fff;
    margin: 1em 0 0 0;
    text-shadow: 0px 2px 0px rgba(71, 172, 233, 1);
}

article h2 span{
    margin-left: -50px;
    padding:0 5px 0 10px;
    overflow: visible;
}

article h3{
    font-size:1.5em;
    line-height: 1;
    font-weight: 400; 
    color: #000;
    margin: 1em 0 0 0;
    text-shadow: 0px 2px 0px #fff;
}
article h4{
    font-size:1.35em;
    line-height: 1;
    font-weight: 400; 
    color: #fff;
    text-shadow: 0px 2px 0px rgba(71, 172, 233, 1);
}
article table{
    width:auto;
    font-family:'Open Sans', sans-serif;
    font-size: .85em; 
    line-height: 1.3;
    font-weight: 400;
    background: rgba(255,255,255,.5);
    border-collapse: collapse;
    margin:1em 0;
}
article td{padding:10px;border-bottom:solid 1px rgba(102, 153, 204, .5)}
article th{font-weight:bold;border-right:solid 2px rgba(102, 153, 204, .2);border-bottom:solid 1px rgba(102, 153, 204, .5);padding:10px;width:40%}
article th li{font-weight:bold; text-align: left;}
article td li{line-height:1}
article tr:hover{background: #fff}

.title-wrapper {width:90%;height:auto;margin-left:auto;margin-right:auto;}

.fullwidth-wrapper {width:99%;height:auto;margin-left:auto;margin-right:auto;overflow: hidden}
.fullwidth-wrapper.overmenu {position:absolute;bottom:150px}
.fullwidth-wrapper.top {position: absolute;top:91px;right:0}

.logobox { display: block;    height: auto;    width: auto;    margin:30px 0 0 30px}
.logobox.subp{position: fixed;left:0px;bottom:120px}
.logobox img{  float:left;    margin-right:20px;    -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.3));    filter:         drop-shadow(0px 0px 5px rgba(0,0,0,.3)); }

.tribox-wrapper { width:100%; height:auto; padding: 10px 0; overflow: hidden; margin:15px 0 0 0;}
.title-tribox{ width:31%; height:85px; background:#fff url(../images/ico_kvapka.png) no-repeat right -100px; padding-top:17px; position:relative; color: /*#79b4e6*/ rgb(52,165,207);
    text-decoration:none; text-transform:uppercase;font-weight:600;font-size:20px;  text-align:center;
    display:block; line-height:1.2;  overflow: hidden; text-decoration:none; float:left;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.title-tribox:nth-child(2){ margin:0 3.5%;} .title-tribox:nth-child(3){ padding-top:30px;}
.title-tribox:hover{ color:#fff; letter-spacing: 1px; background-color: /*#79b4e6*/ rgb(52,165,207); background-position: right center;
     -webkit-filter: drop-shadow(0px 0px 5px rgba(255,255,255,1)); filter:         drop-shadow(0px 0px 5px rgba(0255,255,255,1)); }

.ban2 {width:100%; padding:15px 0 10px 0; height:auto; overflow:hidden; margin:10px 0; text-align:center;}
.ban2 img { max-width:100%;}

.footer{
    width:97%;height:auto;
    margin-right:auto;margin-left: auto;
    background:#333;
    overflow:hidden;
    position:relative; }
.footer .col{width:18.55%;height:auto;display: block;padding:30px;overflow: hidden}
.footer .col label{font-size:1em;font-weight: 600;color:#999;display: block; margin-bottom:15px;padding:0}
.footer .col a {text-decoration: none;color:#fff }
.footer .col ul {list-style:none; margin:0;padding: 0}
.footer .col li {
	width: auto;
	display:block;
    padding:.8em 0;
	text-align:left;
    color:#999;
    line-height: 1.3;
	font-size:0.75em;
	font-weight:400;
	font-style: normal;
	text-decoration:none;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;}

.footer .col li:hover{letter-spacing:1px;color:#fff}	
	

/* /// buttons /// */
.btn-uni{
    height:auto;width:auto;
    display:block;
    text-align:center;font-size:0.85em;line-height:27px;color:#fff;text-decoration:none;
    padding:15px 20px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;background:#999;}
.btn-uni:hover{background:#bb162b;-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);}
	
.btn-margin-right{margin-right:10px}

.btn-inline{display:inline-block;font-size:100%}

.btn-matrix{padding:5px 10px;float:right;margin-left: auto;margin-right: auto;}
	
/* ////// subpages ////// */
.mainbody {width:auto;height:auto;margin-bottom:20px;background:#fff;overflow:hidden;position:relative;}

.imageheader{width:100%;height:200px;position:relative}
.imageheader-about{background:url(../images/illu-about.jpg)}
	.imageheader h1 {font-size:2.3em;text-align:left;display:block;font-weight:300;width:400px;height:auto;
        padding:8px 15px;background:#fff;position:absolute;left:214px;bottom:-20px;margin:0}
	.subp-header h2 {font-size:1.65em;text-align:left;display:inline-block;font-weight:400;color:#999;}

.lcol {width:20%;height:auto;overflow:hidden;}
.lcol .fixed {display: block; position:fixed;width:15%}
.lcol h1{font-size:1.65em;text-align:left;font-weight:400;color:#bb162b;letter-spacing:-1px;border-bottom:solid 1px #bb162b;padding-bottom:20px}

.rcol {width:75%;height:auto;overflow:auto;padding:20px 30px 20px 0;}
	.rcol h1{font-size:3.5em;text-align:left;line-height:1.5;font-weight:300;color:#000;letter-spacing:-1px;border-bottom:solid 1px #bb162b;padding-bottom:20px;margin:0}
	.rcol h2{font-size:2em;text-align:left;font-weight:400;}
	.rcol h3{font-size:1.35em;text-align:left;font-weight:400;color:#333;margin-top:2em}
    .rcol p{font-size:0.85em;text-align:justify;font-weight:400;line-height:1.5}
        .rcol p a{color:#333}
    .img-right{float:right;margin: 0 0 30px 30px}

.rcol article{display: block;overflow: hidden}

.banner-leftcol{margin:15px 0 0 15px;}

.gototop{width:50px;height:50px;background:rgba(71, 172, 233, .5) url(../images/arr_totop.png) center center;display:block;position:fixed;bottom:120px;border-radius:50px;cursor:pointer;
    right:30px; z-index: 1000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.gototop:hover{background-color: rgba(71, 172, 233, 1)}

form{
    display:block;
    clear: both;
    font-family: 'Open Sans', sans-serif, Helvetica, Arial;
    overflow: hidden;
    background: rgba(255,255,255,.3);
    padding:30px;
    margiN:1em 0;
}
form h3{
    padding-top:1em 0;
    display: inline-block;
    font-family: 'Oswald', sans-serif, Helvetica, Arial;}

.form-wrap input, .form-wrap textarea {
    padding: 18px; 
    font-size:1em;
    text-indent:3px;
    margin: 15px 0;/*box-shadow:inset 1px 1px 2px #999*/;
    background:#f0f0f0;
    clear: both
}
.form-wrap input:hover {
    background:#f5f5f5;
}
.form-wrap label{
    font-size:0.85em;
    padding: 8px;
    display:block;
    clear:both
}
.inner-col label{
    font-size:0.75em;
    line-height:1.5;
    clear:none!important;
    display:inline
}


.service-form{width:48%;height:auto;}
.service-form input{float:left !important;margin:10px 0}

.form-div{overflow:hidden;display:block;width:100%;padding:10px 0}

input[type=text], input[type=tel], input[type=email], select, textarea{
    width: 98%;
    height: auto;
    font-family: 'Open Sans', sans-serif, Helvetica, Arial;
    background-color: #fff ;
    border:none;
    color:#79b4e6;
    font-size:1em;
	float:left;
    padding:10px;
    margin:1%;
    float:left;
    display:inline-block;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;}

input[type=submit], input[type=button], button {display: block;
	width:auto;height:auto;
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
	background: #666;
	font-size:0.85em;font-weight: 300; 
	border:0; cursor:pointer;
	padding:8px 20px;
	text-align: center;
    color:#fff;
    text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;}

input[type=submit]:hover, input[type=button]:hover, button:hover {background:#79b4e6;;
	}

input[type=radio]{margin:0 10px 0 3px;
	}

.row {/* - základný horizontálny blok - */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
    overflow: hidden;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {clear: both;}

.row.form {font-family: 'Open Sans', sans-serif;padding:3% 0;line-height: 1.3;}

.bl { width:100%; height:auto; overflow:hidden;}

/* /////////////// GRID /////////////// */
.grid-wrapper{
    /*width:94%;*/
    width:100%;
    height:auto;
    /*margin:3%;*/
    overflow: hidden
}


.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 6px 8px;
    height:auto;
}

[class*="col-"]#header{
    float: left;
    padding: 0 8px;
    height:auto;
}

/* Desktop */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;/*background:yellow*/}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}



.grid {overflow: visible}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.err { color:#fff; background:#c00; padding:10px; margin:15px 8px 15px 0; font-weight:bold; line-height:1.4;
 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.ica { width:30%!important;}
.cap { margin-left:1%; margin-top:15px;}
hr { size:0; height:1px; border:none; background:#fff;}
.vono { clear: both;   font-family: 'Open Sans', sans-serif, Helvetica, Arial;    overflow: hidden;
    background: rgba(255,255,255,.3);    padding:10px 30px;    margin:1em 0;}
.vono span { color:#fff; font-weight:bold;} 
.rno { color:#c00; font-weight:bold; font-size:.85em;}

.jf { text-align:justify;}
.jf p { text-align:justify;}

#pop { position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:30; background: rgba(0,0,0,.5); opacity:0;  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease; text-align:center; display:none;}
#pop #ban { display:block; width:450px; height:527px; overflow:hidden; margin:20vh auto 0 auto; z-index:33; background:url(../images/banner_noc_nadeji_2016_big.jpg);}
#pop #ban_close { width:40px; height:40px; overflow:hidden; float:right; cursor:pointer; }
#pop .akcia { width:448px; height:390px; overflow:hidden; float:left; margin-top:10px; }

#csa {width:236px;height:36px;padding:7px 8px;overflow:auto;position:fixed;left:calc(100vw / 2 - 130px);bottom:0;background:#efefef; font-size:15px;
	border:1px solid #ccc;z-index:100;text-align:center; cursor:pointer; color: rgb(52,165,207); border-radius:8px 8px 0 0;text-shadow: #999 1px 1px 0px;}
#csa:hover { color:#fff; background: rgb(52,165,207);}	
#cs { display:none; width:100%; height:auto; overflow:hidden; position:fixed; left:0; bottom:0; z-index:111;} #cs.s, #cs.p { display:block;}
#cs .cs { width:364px; height:auto; max-height:100vh; padding:13px 12px 12px 14px; overflow:auto; margin:0 auto; background:#efefef; border:1px solid #ccc;border-radius:8px 8px 0 0;}
#cs h4 { margin:0 0 10px 0; color: rgb(52,165,207); font-size:17px; font-weight:600;/*text-shadow: #999 1px 1px 0px;*/} 
#cs p { margin:.4em 0; font-size:13px; line-height:1.25;}
/*#cs.p p { font-size:12px;}*/
#cs .cso { float:right; color:#999; font-size:16px; cursor:pointer;} #cs .cso:hover { color:#c00;}
#cs #cst { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
#cs.p #cst { margin-top:5px;}
#cs #cst h5 { margin:10px 40px 10px 50px;font-size:.8em; display:none; font-weight:600;}
#cs.p #cst h5 { /*margin:4px 0;color:#fff; background:#999; padding:5px;*/ display:block;}
#cs #cst h5 label { float:right; cursor:pointer;}
#cs #cst h5 span { display:inline-block; color:#aaa; font-size:20px; font-weight:300; cursor:pointer; margin:-4px 10px; float:right;}
#cs #cst h5 span:before { content: "\1f6c8";}
#cs #cst h5 span:hover { color:#06C; } 
#cs #cst input:checked + label {color:#396;} #cs #cst label#lcs1 {color:#396;}
#cs #cst input {float:right;margin:0 0 0 10px; cursor:pointer;}
#cs #cst h5 span {}
#cs #cst p { font-size:12px; line-height:1.2; display:none; padding:4px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#cs.p #cst p.s {display:block;}

#cs #bt { width:100%; height:auto; overflow:hidden; margin-top:5px;}
#cs #onc { margin-top:-4px; }
#cs button { width:102px; height:40px; margin-right:9px; padding:5px 0; border:0; border-radius:6px; cursor:pointer; color:#000; background:#ccc; font-size:12px;}
#cs button:first-child { }
#cs button:last-child, #cs button:nth-child(3) {margin-right:0;}
#cs button:hover { color:#fff; background:#888;}
#cs #bt button:last-child { display:none;}
#cs.p #bt button:nth-child(2) { display:none;}
#cs.p button:nth-child(3) {margin-right:9px;}
#cs.p #bt button:last-child { display:inline-block;}

#cs #csp button { margin:6px 0 0 105px;}
#cs #csp a {margin-left:.55em; text-underline-position: under; color:#333;} #cs.p #csp a { display:block; margin-left:0;}
#cs #csp a:hover { color:#000;}
.nomap { width:100%;height:auto;min-height:16vh; margin:20px 0;padding:11vh 0;overflow:hidden;border:solid 1px #fff;font-weight:bold;color:#fff;text-align:center;box-sizing:border-box; }
.nomap p {text-align:center;}

#csa:before { content:"Zmena nastavenia cookies";}
#cs h4:before, .ncs { content:"Nastavenie cookies ";}
#cs #cst label:before { content:"zakázané";}
#cs #cst input:checked + label:before {content:"povolené";}
#cs #cst label#lcs1:before { content:"vždy povolené";}
#cs #cst h5:first-child:before { content:"Nevyhnutné ";}
#cs #cst h5:nth-child(3):before { content:"Pre funkčnosť ";}
#cs #cst h5:nth-child(5):before { content:"Pre štatistiku ";}
#cs #cst h5:nth-child(7):before { content:"Pre marketing ";}

#cs #csp:before { content:"Súbory cookie nám pomáhajú pri poskytovaní služieb pre vás. Umožňujú spoznať a zapamätať si vaše preferencie."}
#cs.p #csp:before { content:"Tu si môžete nastaviť, aké súbory cookies sa ukladajú vo vašom internetovom prehliadači. Vďaka nim si stránka zapamätá vaše preferencie. Používajú sa aj na to, aby stránka fungovala ako očakávate. Zvyčajne vás neidentifikujú priamo. Ich povolením získate viac prispôsobený internetový obsah. Môžete Prijať všetky cookies, alebo Nastaviť, ktoré cookies povolíte. Upozorňujeme, že klikom na Neprijať žiadne cookies  ovplyvníte zobrazenie stránky. Niektoré jej služby potom nemusia správne, alebo vôbec fungovať."}

#cs #cst #csp1:before {content:"Tieto cookies zaisťujú bezchybnú prevádzku našich webových stránok. Umožňujú napríklad vloženie služby do objednávky, ukladanie dát s ohľadom na bezpečnosť webu, prihlasovanie k webu a podobne. Nevyhnutné cookies nemožno deaktivovať, pretože by došlo k narušeniu správneho fungovania webu.";}
#cs #cst #csp2:before {content:"Tieto cookies umožňujú, aby si webová stránka zapamätala informácie, ktoré menia, ako sa webová stránka správa alebo ako vyzerá. Je to napríklad preferovaný jazyk alebo región, kde sa nachádzate.";}
#cs #cst #csp3:before {content:"Pomocou týchto cookies môžeme sledovať, ako stránky používate, z akých zdrojov a technológií. Na základe týchto dát môžeme web neustále vylepšovať, aby bol pre vás čo najprívetivejší. Všetky dáta sú anonymizované, konkrétnych užívateľov teda identifikovať nemôžeme.";}
#cs #cst #csp4:before {content:"Spoločne s nástrojmi tretích strán môžeme zobrazovať vami preferované reklamy v partnerských sieťach podľa vašich záujmov. V prípade nesúhlasu nebudú vaše záujmy a preferencie  zohľadnené a bude sa vám reklama zobrazovať plošne.";}
#cs #bt button::first-line { word-spacing: 60px;}

#cs #bt button:first-child:before {content:"Prijať";}
#cs #bt button:nth-child(2):before {content:"Nastaviť";}
#cs #bt button:nth-child(3):before {content:"Odmietnuť";}
#cs #bt button:last-child:before {content:"Zavrieť nastavenie";}
#cs.p #bt button:first-child:before {content:"Prijať všetky";}
#cs.p #bt button:nth-child(3):before {content:"Odmietnuť všetky";}
#cs #onc a:before {content:"Viac info o cookies";}
#cs #csp a:before {content:"Viac info o cookies"; }
.nomap:before { content:"Aby sa zobrazila google mapa, je potrebné povoliť všetky cookies a dať znova načítať stránku."}
.nomap a:before {content:"Nastavenie cookies";}
html {scroll-behavior: smooth;}
footer { width:100%; height:auto; padding:6px 1%; overflow:hidden; background:#444; color:#fff; position:fixed; left:0; bottom:0; font-size:.85em; text-align:center;}
footer a { margin-left:20px; color:#fff;}

@media (max-width: 1200px) {
	nav a:nth-child(1), nav a:nth-child(2), nav a:nth-child(5), nav a:nth-child(7) { width:10.2857%;}
	nav a:nth-child(3), nav a:nth-child(4), nav a:nth-child(6) { width:19.619%;}
}
@media (max-width: 1100px) {
}
@media (max-width: 1000px) {
	nav a {height:74px;}
 	nav a {font-size:18px;} 
	.topbar {width:86%; height:auto; overflow:hidden; margin:20px 7% 20px 7%;}
	.claim{ width: 51%; height:30vw; margin:10vw 5% 10px 44%;}
	.bg.tit { width:80%; height:40vw; position:absolute; top:100px; }
	.bg.b1.tit {background-size:contain;background-position:left top;}
	.main.tit {width:86%; height:auto; overflow:hidden; margin:20px 7% 20px 7%;}
	article iframe { max-width:100%;}
}
@media (max-width: 900px) {
.title-tribox{ height:78px;font-size:18px;}
}
@media (max-width: 800px) {
	.topbar {width:78%; margin:20px 14% 20px 7%;}
	.mm { width:5.5%; height:70px; position:absolute; top:1.8vw; right:1.5%; background:url(../images/menu.svg) no-repeat center center; background-size:contain; cursor:pointer;}
	nav { position:absolute; bottom:auto; left:auto; top:100px; right:0; width:80%; height:auto; z-index:33; display:none; }
	nav a:nth-child(1), nav a:nth-child(2), nav a:nth-child(5), nav a:nth-child(7) { width:100%;}
	nav a:nth-child(3), nav a:nth-child(4), nav a:nth-child(6) { width:100%;}
	nav.m { display:block;} .gototop{bottom:60px;right:3%;}
	.bg.pg { position:absolute;}
	.submenu { position:absolute;} .submenu.tit { display:block;}
	.smb { bottom:55px;}
	article{ width:86%; height:auto; margin:10px 7% 10px 7%;}
	article h1{ font-size:2.3em;}
	article h2{font-size:2em;}
	.jf h2 { text-align:left;}
}
@media (max-width: 700px) {
	nav { top:90px; }
	.topbar img { width:47%;}
	.claim{ width: 60%; height:35vw; margin:8vw 5% 10px 35%;}
	.bg.tit { width:70%; height:45vw; position:absolute; top:100px; }
	.bg.pg { width:100%; height:100vw; position:static; top:0; }
	.bg.b1.pg, .bg.b2.pg, .bg.b3.pg {background-size:200%;} .bg.b3.pg { background-position:left bottom;}
	.main.pg .title-tribox{ width:100%; height:60px; font-size:18px; float:none; margin:2px 0; padding-top:8px;}
	.main.pg .title-tribox:nth-child(2){  margin:2px 0;} .main.pg .title-tribox:nth-child(3){ padding-top:20px;}
	.main.pg {width:86%; height:auto; overflow:hidden; margin:20px 7% 20px 7%;}
	.submenu { width:92%; position:static; margin:0 0 40px 8%;}
	article{ width:92%; height:auto; margin:10px 4% 10px 4%;}
	form{ padding:2px 7px;}
}
@media (max-width: 600px) {
	.partners {width:350px; height:170px; overflow:hidden; top:80px;margin-right:-320px;}
	.partners div a.zm { left:2px; top:8px;}
	.partners div a.nn { left:98px; top:20px;}
	.partners div a.nm { left:173px; top:15px;}
	.partners div a.sh { left:263px; top:12px;}
	.partners div a.zo { left:5px; top:128px;}
	.partners div a.bv { left:95px; top:85px;}
	.partners div a.sp { left:200px; top:122px;}
	.partners div a.zm img { width:90px;}
	.partners div a.nn img { width:75px;}
	.partners div a.nm img { width:95px;}
	.partners div a.sh img { width:50px;}
	.partners div a.zo img { width:115px;}
	.partners div a.bv img { width:130px;}
	.partners div a.sp img { width:110px;}
}
@media (max-width: 400px) {
	.topbar {margin:10px 7% 10px 3%;}
	.mm { width:8%; height:50px; top:1.8vw; right:2%; }
	nav {top:60px;}
	nav a {height:auto;padding:10px; border-bottom:1px solid rgb(115,205,230);}
	.claim{ width: 93%; height:55vw; margin:8vw 2% 10px 5%; position:relative; }
	.bg.tit { position:static;}
	.bg { width:100%; height:75vw; top:80vw; background-size:120%; }
	.bg.b1.tit { background-size:200%; height:80vw;}
	.tribox-wrapper { width:100%; margin:2px 0 ; }
	.title-tribox{ width:100%; height:60px; font-size:18px; float:none; margin:2px 0; padding-top:8px;}
	.title-tribox:nth-child(2){  margin:2px 0;} .title-tribox:nth-child(3){ padding-top:20px;}
	.partners {top:60px;}
}