a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}

a.menu:link {text-decoration: none; color: rgba(255,255,255,1); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
a.menu:visited {text-decoration: none; color: rgba(255,255,255,1); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
a.menu:hover {text-decoration: none; color: rgba(255,255,255,1); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
a.menu:active {text-decoration: none; color: rgba(255,255,255,1); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}

a.biely:link {text-decoration: none; color: rgba(255,255,255,0.7); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
a.biely:visited {text-decoration: none; color: rgba(255,255,255,0.7); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
a.biely:hover {text-decoration: none; color: rgba(255,255,255,1); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
a.biely:active {text-decoration: none; color: rgba(255,255,255,0.7); text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}


body{
margin: 0;
padding: 0;
background-color: rgba(0,0,0,1);
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow-x: hidden;
}


@font-face{
  font-family: zrnic;
  src: url(../style/zrnic.ttf);
}

/* -------------------- LOADING --------------------- */

.loading{
display: block;
visibility: visible;
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
text-align: center;
color: rgba(255,255,255,0.8);
background-color: rgba(0,0,0,1);
}

.loadingText{
animation-name: rotate;
animation-duration: 5s;
/* animation-timing-function: ease-out; */
/* animation-direction: alternate; */
animation-iteration-count: infinite;
animation-play-state: running;
font-size: 10vh;
font-weight: bold;
}
@keyframes rotate {
0% {
rotate: 0deg;
}
100% {
rotate: 360deg;
}
}

.fadeOut {
    opacity: 1;
    animation: fadeOutAnim 1s forwards;
}

@keyframes fadeOutAnim{
  0%, { opacity: 1 }
  100% { opacity: 0; visibility: hidden;}
}

/* -------------------- LOADING -END --------------------- */


/* -------------------- PARALLAX --------------------- */

.parallax {
width: 100vw;
height: 100vh;
overflow: hidden;
/*   color: white; */
}

.parallax_1 {
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -3;

background: url("../parallax/01.png");
background-position: right 50% bottom 0px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;

/* border: solid 1px blue; */
}

.parallax_2 {
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -2;

background: url("../parallax/02.png");
background-position: right 50% bottom 0px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;

/* border: solid 1px red; */
}

.parallax_3 {
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;

background: url("../parallax/03.png");
background-position: right 50% bottom 0px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;

/* border: solid 1px green; */
}


.pulsing{
animation-name: pulsing;
animation-duration: 6s;
animation-timing-function: ease-out;
animation-direction: alternate;
/* animation-iteration-count: infinite; */
animation-fill-mode: forwards;
animation-play-state: running;
}
@media only screen and (max-width: 1200px) {
.pulsing {
animation-name: pulsing_mobile;
  }
}

@keyframes pulsing {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}

@keyframes pulsing_mobile {
0% {
background-size: auto 100%;
}
100% {
background-size: auto 105%;
}
}

/* --------------------PARALLAX - END--------------------- */

.rychly_kontakt{
display: table;
position: relative;
z-index: 20;
width: 100%;
padding: 4px;
background-color: rgba(0,0,0,0.8);
}
@media only screen and (max-width: 1200px) {
.rychly_kontakt {
display: none;
  }
}

.rychly_left{
display: table-cell;
width: 50%;
color: rgba(0,0,0,1);
}

.rychly_right{
display: table-cell;
width: 50%;
padding-right: 50px;
text-align: right;
color: rgba(0,0,0,1);
}

/* RESPONZÍVNE MENU */

.menu_container{
display: block;
visibility:hidden;
position: absolute;
z-index: 115;
width: calc(100% - 40px);
padding: 0px;
padding-left: 20px;
padding-right: 20px;
background-color: rgba(0,0,0,0.5);
color: rgba(255,255,255,1);
font-family: zrnic;
font-size: 130%;
letter-spacing: 6px;

-webkit-box-shadow: 0 10px 12px -2px rgba(0,0,0,0.4);
   -moz-box-shadow: 0 10px 12px -2px rgba(0,0,0,0.4);
        box-shadow: 0 10px 12px -2px rgba(0,0,0,0.4);

backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
@media only screen and (max-width: 1200px) {
.menu_container {
visibility: hidden;
position: absolute;
padding-top: 140px;
/* width: calc(100% - 80px); */
min-height: 110%;
background-color: rgba(0,0,0,0.8);
  }
}

.menu_button{
display: none;
position: fixed;
z-index: 116;
top: 0px;
right: 0px;
/* left: calc(100vw - 150px); */
/* width: 96px; */
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
line-height: 0.9;
font-size: 300%;
font-weight: bold;
cursor: pointer;
cursor: hand;


background-color: rgba(0,0,0,1);
border: solid 5px rgba(0,0,0,0.5);
color: rgba(255,255,255,1);
text-align: center;
}
@media only screen and (max-width: 1200px) {
.menu_button {
display: inline-block;
  }
}

.logo_container{
position: fixed;
z-index: 116;
top: 0px;
left: 0px;
/* padding: 10px; */
padding-left: 20px;
padding-right: 30px;
font-family: zrnic;
font-size: 170%;
letter-spacing: 6px;
font-weight: bold;
line-height: 2;
text-shadow: 2px 2px 4px rgba(255,255,255,0.8);
background: rgba(255,255,255,0.9);
background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,1) 100%);
border-radius: 0 0 40px 0;

-webkit-box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.6);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 8px 4px rgba(0,0,0,0.6);  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 8px 4px rgba(0,0,0,0.6);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
@media only screen and (max-width: 1200px) {
.logo_container {
font-size: 120%;
  }
}

.menu_item_right{
display: inline-block;
margin: 0px;
float: right;
}
@media only screen and (max-width: 1200px) {
.menu_item_right {
width: 95%;
margin-top: 20px;
margin-right: 20px;
  }
}

.menu_item{
display: inline-block;
margin: 0px;
padding-left: 20px;
padding-right: 20px;
font-size: 1.2vw;
line-height: 2.5;
/* float: right; */
}
.menu_item:hover{
background-color: rgba(0,0,0,1);
}

@media only screen and (max-width: 1200px) {
.logo {
display: none;
  }
.menu_item {
display: block;
width: 100%;
clear: both;
padding-left: 0px;
font-size: 6vw;
text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
line-height: 2;
  }
}

div.logo_img{
position: fixed;
z-index: 999;
margin-top: -25px;
padding: 1px;
}
@media only screen and (max-width: 1200px) {
div.logo_img {
margin-top: 0px;
  }
}

img.logo_img{
width: 15vw;
}
@media only screen and (max-width: 1200px) {
img.logo_img {
width: 33vw;
  }
}

.prilepene{
position: fixed;
z-index: 115;
top: 0px !important;

-webkit-box-shadow: 0 18px 18px -18px #000000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    0 18px 18px -18px #000000;  /* Firefox 3.5 - 3.6 */
box-shadow:         0 18px 18px -18px #000000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

-webkit-animation: menu_fix 1s forwards; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: menu_fix 1s forwards; /* Firefox < 16 */
-ms-animation: menu_fix 1s forwards; /* Internet Explorer */
-o-animation: menu_fix 1s forwards; /* Opera < 12.1 */
animation: menu_fix 1s forwards;
}
@keyframes menu_fix {
from { opacity: 0.1; }
to   { opacity: 1; }
}

.zobraz{
-webkit-animation: zobraz 1s forwards; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: zobraz 1s forwards; /* Firefox < 16 */
-ms-animation: zobraz 1s forwards; /* Internet Explorer */
-o-animation: zobraz 1s forwards; /* Opera < 12.1 */
animation: zobraz 1s forwards;
}
@keyframes zobraz {
from { right: 600px; opacity: 0.1; visibility: hidden; }
to   { right: 0px; opacity: 1; visibility: visible; }
}
.skry{
-webkit-animation: skry 1s forwards; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: skry 1s forwards; /* Firefox < 16 */
-ms-animation: skry 1s forwards; /* Internet Explorer */
-o-animation: skry 1s forwards; /* Opera < 12.1 */
animation: skry 1s forwards;
}
@keyframes skry {
from { right: 0px; opacity: 0.9; visibility: visible; }
to   { right: 600px; opacity: 0; visibility: hidden; }
}

/* RESPONZÍVNE MENU -END */


.stitok_head_container{
display: block;
position: absolute;
z-index: 111;
width: calc(100vw - 16px);
top: calc(100vh / 1.3 + 0px);
left: 0px;
text-align: center;
/* border: solid 1px blue; */
animation: move 4s forwards;
}

@keyframes move{
0%{}
75%{left:-50vw;}
100%{left:0vw;}
}

.stitok_head_text{
display: inline-block;
position: relative;
padding: 25px;
border-radius: 50px 50px 50px 50px;
text-align: center;
/* text-shadow: 2px 2px 2px rgba(10,10,10,0.5); */
color: rgba(255,255,255,1);
background-color: rgba(0,0,0,0.8);
/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(30,70,120,1) 100%); */
font-size: 1.3vw;
-webkit-box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.6);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 8px 4px rgba(0,0,0,0.6);  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 8px 4px rgba(0,0,0,0.6);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
/* border: solid 1px red; */
animation: fade 4s forwards;
}
div.button_head:hover{
/*color: rgba(255,255,255,1);
background-color: rgba(30,70,120,1);*/
animation: fadeIn 0.5s forwards;
}
@media only screen and (max-width: 1200px){
.stitok_head_text {
display: none;
}
}

@keyframes fade{
0%{opacity:0;}
75%{opacity:0;}
100%{opacity:1;}
}

.stitok_head_button{
display: inline-block;
padding: 15px;
padding-left: 40px;
padding-right: 40px;
border-radius: 40px;
font-family: zrnic;
text-align: center;
letter-spacing: 2px;
/* text-shadow: 2px 2px 2px rgba(10,10,10,0.5); */
color: rgba(255,255,255,0.9);
background-color: rgba(0,0,0,1);
text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(30,70,120,1) 100%); */
font-size: 1.5vw;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 6px rgba(0,0,0,0.3);  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 6px rgba(0,0,0,0.3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
/* border: solid 1px rgba(255,255,255,0.7); */
outline: 1px solid rgba(255,255,255,0.8);
outline-offset: -5px;
}
.stitok_head_button:hover{
color: rgba(0,0,0,0.9);
background-color: rgba(255,255,255,0.8);
animation: fadeIn 0.5s forwards;
-webkit-box-shadow: 2px 2px 6px rgba(255,255,255,0.3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 6px rgba(255,255,255,0.3);  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 6px rgba(255,255,255,0.3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
text-shadow: 2px 2px 2px rgba(255,255,255,1);
}
@media only screen and (max-width: 1200px){
.stitok_head_button {
font-size: 6vw;
}
}

@keyframes fadeIn {
  0% { opacity: 0.7; }
  100% { opacity: 1; }
}

.obsah_container{
position: absolute;
width: 100vw;
/* min-height: 100vh; */
background-color: rgba(255,255,255,1);
/* background: url("../img/bg.jpg"); */
background-position: left 0px bottom 0px;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
box-shadow: inset 0 80px 160px -0px rgba(0,0,0,1);
text-align: center;
}

.obsah{
display: inline-block;
width: 100vw;
position: relative;
/* left: 50%; */
/* transform: translateX(-50%); */
margin-top: -40px;
margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
.obsah{
width: 98vw;
  }
}

.karta{
display: block;
width: calc(100vw - 0px);
margin-bottom: 40px;
padding: 20px;
text-align: center;
vertical-align: top;
color: rgba(0,0,0,1);
/* border-radius: 20px 20px 20px 20px; */
background-color: rgba(255,255,255,1);

-webkit-box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.6);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 8px 4px rgba(0,0,0,0.6);  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 8px 4px rgba(0,0,0,0.6);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

/* border: solid 1px red; */
}

.karta_container{
display: table;
width: calc(100% - 80px);
margin: 0px;
margin-top: 0px;
margin-bottom: 20px;
padding: 40px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
/* border-radius: 20px 20px 20px 20px; */
background-color: rgba(255,255,255,1);

-webkit-box-shadow: 2px 2px 16px 8px rgba(0,0,0,0.6);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 16px 8px rgba(0,0,0,0.6);  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 16px 8px rgba(0,0,0,0.6);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

/* border: solid 1px red; */
}
@media only screen and (max-width: 1200px) {
.karta_container {
display: block;
width: calc(100% - 0px);
padding: 0px;
  }
}

div.karta_img{
display: table-cell;
width: 25%;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 10px;

/* border-radius: 20px 20px 0px 0px; */

overflow: hidden;

/* border: solid 1px green; */
}
@media only screen and (max-width: 1200px) {
div.karta_img {
display: block;
width: 100%;
padding: 0px;
padding-top: 0px;
text-align: center;
  }
}

img.karta_img{
width: 100%;
margin-top: 0px;
padding: 0px;

/* border: solid 1px green; */
}
@media only screen and (max-width: 1200px) {
img.karta_img {
width: 98%;
padding-left: 5px;
padding-right: 5px;
  }
}

.imgdiv_neparny{
width:50% !important;
}
@media only screen and (max-width: 1200px) {
.imgdiv_neparny {
display: none !important;
width: 100% !important;
border:solid 1px red;
/* position: absolute; */
  }
}
.imgdiv_parny{
width:50% !important;
}
@media only screen and (max-width: 1200px) {
.imgdiv_parny {
display: none !important;
width: 100% !important;
border:solid 1px red;
/* position: absolute; */
  }
}

.karta_text{
display: table-cell;
width: calc(100% - 0px);
padding-top: 10px;
vertical-align: top;
/* text-align: left; */
line-height: 1.75;
text-align: justify;
text-justify: inter-word;
/* font-size: 1vw; */
border: solid 1px rgba(255,255,255,0);
}
@media only screen and (max-width: 1200px) {
.karta_text {
display: block;
text-align: left;
padding-left: 5px;
padding-right: 5px;
width: auto;
  }
}

.neparny{
width:50%;
text-align:left;
padding:40px;
}
@media only screen and (max-width: 1200px) {
.neparny {
width: calc(100% - 20px);
text-align:left;
padding:10px;
/* border:solid 1px green; */
/* position: absolute; */
  }
}

.parny{
width:50%;
text-align:right;
padding:40px;
}
@media only screen and (max-width: 1200px) {
.parny {
width: calc(100% - 20px);
text-align:left;
padding:10px;
/* border:solid 1px green; */
/* position: absolute; */
  }
}

.no_table{
display: block;
}

.text_viac_zbalene{
overflow: hidden;
height: 0px;
padding: 0px;
opacity: 0;
-webkit-transition: height .5s, opacity .5s, visibility .5s ease-out;
-moz-transition: height .5s, opacity .5s, visibility .5s ease-out;
-ms-transition: height .5s, opacity .5s, visibility .5s ease-out;
-o-transition: height .5s, opacity .5s, visibility .5s ease-out;
transition: height .5s, opacity .5s, visibility .5s ease-out;
/* transition: opacity 0.5s ease-out; */
}

.text_viac_rozbalene{
display: inline-block;
width: calc(100% - 20px);
padding: 10px;
background-color: rgba(120,180,30,0.1);
-webkit-transition: visibility 0s, opacity .5s ease-in;
-moz-transition: visibility 0s, opacity .5s ease-in;
-ms-transition: visibility 0s, opacity .5s ease-in;
-o-transition: visibility 0s, opacity .5s ease-in;
transition: visibility 0s, opacity .5s ease-in;
}

.karta_nadpis{
width: calc(100% - 0px);
padding-top: 0px;
padding-bottom: 0px;
font-family: zrnic;
font-size: 2vw;
color: rgba(0,0,0,1);
/* background-color: rgba(255,255,255,1); */
text-shadow: 3px 3px 4px rgba(0,0,0,0.1);
/* border: solid 1px green; */

}
@media only screen and (max-width: 1200px) {
.karta_nadpis {
font-size: 8vw;
  }
}

.button_obsah{
display: inline-block;
padding: 10px;
margin-left: 10px;
margin-right: 10px;
background-color: rgba(120,180,30,0.6);
font-family: neu5land;
font-size: 2vw;
text-align: center;
text-shadow: 2px 2px 2px rgba(120,180,30,0.5);
border-radius: 10px 10px 0px 0px;
}
@media only screen and (max-width: 1200px) {
.button_obsah {
display: block;
width: calc(100% - 60px);
margin-left: 10px;
margin-right: 10px;
font-size: 6vw;
border-bottom: solid 4px rgba(255,255,255,1);
  }
}

h1{
color: rgba(0,0,0,1);
font-family: zrnic;
/* text-shadow: 1px 1px 2px rgba(0,0,0,0.2); */
}

h2{
color: rgba(0,0,0,1);
font-family: zrnic;
/* text-shadow: 1px 1px 2px rgba(0,0,0,0.2); */
}

h3{
color: rgba(0,0,0,1);
font-family: zrnic;
/* text-shadow: 1px 1px 2px rgba(0,0,0,0.2); */
}

.karta_img{
width: 100%;
}

div.button_viac{
display: inline-block;
margin-top: 20px;
padding: 14px;
padding-left: 28px;
padding-right: 28px;
border-radius: 40px;
color: rgba(255,255,255,0.9);
background-color: rgba(0,0,0,1);
text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
outline: 1px solid rgba(255,255,255,0.8);
outline-offset: -5px;
}
div.button_viac:hover{
/*color: rgba(255,255,255,1);
background-color: rgba(120,180,30,1);*/
animation: fadeIn 0.5s forwards;
}
@media only screen and (max-width: 1200px){
div.button_viac {
font-size: 5vw;
}
}

div.referencie{
padding: 40px;
border-radius: 100px 0px 100px 0px;
}
@media only screen and (max-width: 1200px){
div.referencie {
width: calc(100% - 100px);
}
}

.stlpec_container{
display: inline-block;
width: calc(33% - 22px);
height: 100%;
perspective: 1000px;
margin: 10px;
position: relative;
transform-style: preserve-3d;
vertical-align: top;
border-radius: 20px 20px 20px 20px;
background-color: rgba(255,255,255,1);

-webkit-box-shadow: 2px 2px 8px 4px rgba(0,0,0,0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 8px 4px rgba(0,0,0,0.4);  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 8px 4px rgba(0,0,0,0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

border: solid 2px rgba(255,255,255,0.9);
}
@media only screen and (max-width: 1200px) {
.stlpec_container {
display: block;
height: auto;
width: calc(100% - 20px);
  }
}

.stlpec{
/* display: inline-block; */
/* position: relative; */
vertical-align: top;
margin: 0px;
margin-bottom: 0px;
/* width: calc(33% - 26px); */
height: calc(100% - 40px);
background-color: #ffffff;
border-radius: 20px 20px 20px 20px;
/* background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%); */

/* border: solid 1px red; */
}
@media only screen and (max-width: 1200px) {
.stlpec {
width: calc(100% - 20px);
height: auto;
  }
}

.line{
height: 20px;
background-color: rgba(0,0,0,1);
border-radius: 20px 20px 0px 0px;
}

div.stlpec_img{
overflow: hidden;
width: 100%;
height: 33vh;
opacity: 1;
text-align: center;
}
div.stlpec_img:hover{
animation: fadeIn 0.5s forwards;
}

@keyframes fadeIn {
  0% { opacity: 0.7; }
  100% { opacity: 0.9; }
}

img.stlpec_img{
height: calc(100% + 48px);
}

.alone{
border-radius: 20px 20px 20px 20px;
}

@media only screen and (max-width: 1200px) {
div.stlpec_img {
overflow: none;
height: auto;
  }
img.stlpec_img{
width: 100%;
height: auto;
  }
}

.stlpec_nadpis{
padding-top: 20px;
padding-left: 10px;
color: rgba(0,0,0,1);
font-family: zrnic;
font-size: 2vw;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.stlpec_nadpis {
font-size: 8vw;
  }
}

div.nadpis_referencie{
padding-top: 20px;
padding-left: 10px;
color: rgba(0,0,0,1);
font-family: zrnic;
font-size: 1vw;
text-align: center;
}
@media only screen and (max-width: 1200px) {
div.nadpis_referencie {
font-size: 6vw;
  }
}

.stlpec_text{
display: inline-block;
/* height: 100px; */
text-align: left;
padding: 10px;
line-height: 1.5;
text-align: justify;
text-justify: inter-word;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 0px 0px 20px 20px;
/* font-size: 1vw; */
/* background-color: #ffffff; */
}
@media only screen and (max-width: 1200px) {
.stlpec_text {
font-size: 3vw;
text-justify: none;
height: auto;
  }
}

.stlpec_text_real{
height: 100px;
border-radius: 0px 0px 20px 20px;
}
@media only screen and (max-width: 1200px) {
.stlpec_text_real{
font-size: 4vw;
height: auto;
  }
}

.stlpec_text_gradient{
display: inline-block;
position: absolute;
left: 10px;
z-index: 100;
bottom: 0;
width: calc(100% - 20px);
height: 100px;
background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%);
border-radius: 0px 0px 20px 20px;
/* border: solid 1px red; */
}
@media only screen and (max-width: 1200px) {
.stlpec_text_gradient {
display:none;
  }
}

.stlpec_text_viac{
position: absolute;
z-index: 101;
width: calc(100% + 10px);
margin: 0px;
margin-left: -10px;
bottom: 0px;
padding: 5px;
background-color: rgba(0,0,0,1);
color: rgb(255,255,255,1);
text-align: center;
border-radius: 0px 0px 20px 20px;
}
.stlpec_text_viac:hover{
background-color: rgba(0,0,0,0.8);
}

.viac{
padding: 6px;
margin-left: 10px;
margin-right: 10px;
background-color: rgba(0,0,0,1);
color: rgb(255,255,255,1);
font-size: 1.2vw;
text-align: center;
border-radius: 0px 0px 20px 20px;
}
@media only screen and (max-width: 1200px) {
.viac {
font-size: 3vw;
  }
}

.link:hover{
color: #ffffff;
background-color: rgba(0,0,0,0.8);
}

/* ------------------ FOOT ------------------ */

.pata_container{
display: block;
width: 100vw;
/* overflow-x: hidden; */
text-align: center;
vertical-align: top;
background-color: rgba(30,70,120,1);
background: linear-gradient(0deg, rgba(80,80,80,1) 0%, rgba(0,0,0,1) 100%);
}

.pata{
display: inline-block;
width: calc(80% - 20px);
padding: 10px;
text-align: center;
vertical-align: top;
color: #ffffff;
/* background-color: rgba(0,136,169,1); */

/* border: solid 1px yellow; */
}
@media only screen and (max-width: 1200px) {
.pata {
display: block;
width: calc(100% - 20px);
  }
}

.pata_stlpec{
display: inline-block;
width: calc(33% - 60px);
margin: 10px;
margin-top: 0px;
padding: 10px;
padding-bottom: 20px;
text-align: left;
line-height: 1.5;
vertical-align: bottom;
border-bottom: solid 2px rgba(255,255,255,0.2);

/* border: solid 1px red; */
}
@media only screen and (max-width: 1200px) {
.pata_stlpec {
display: block;
width: calc(100% - 40px);
font-size: 3vw;
text-align: center;
  }
}

.pata_nadpis{
font-family: neu5land;
font-size: 1.5vw;
}
@media only screen and (max-width: 1200px) {
.pata_nadpis {
font-size: 6vw;
  }
}

.copy{
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
font-size: 0.8vw;
}
@media only screen and (max-width: 1200px) {
.copy {
font-size: 1vw;
  }
}

/* ------------------ FOOT - END ------------------ */

iframe{
width: 100%;
height: auto;
border: none;
}

.submenu{
display: none;
position: absolute;
top: 3vw;
padding: 0px;
font-size: 1vw;
border-radius: 0px 0px 10px 10px;
background-color: rgba(255,255,255,0.95);
}
@media only screen and (max-width: 1200px) {
.submenu {
visibility: hidden;
  }
}

.asubmenu{
display: block;
padding: 12px 20px 12px 20px;
border-radius: 0px 0px 10px 10px;
}
.asubmenu:hover{
background-color: rgba(255,255,255,1);
}