@charset "UTF-8";
body{
   /*background: whitesmoke;*/
   /*background: linear-gradient(to right, #2fb5b2, white, #2fb5b2);*/
   background: #f2f2f2;
   margin: 0;
   font-family: "Segoe UI", "Goudy Old Style","MADE Evolve Sans";
   background-repeat: no-repeat;
}
.header{
   /*background: linear-gradient(to right, gray, white, gray);*/
   background: rgb(255, 255, 255);
   overflow: hidden;
   position: fixed; 
   top: 0px; 
   width: 100%; 
   height: 129px;
}
div.logo{
   position: fixed;
   top: 10px;
   left: 60px;
   text-align: center;
}
div.nazov{
   position: fixed;
   top: 0px;
   left : 350px;
   width: 100%;
   text-align: left;
}
.header-underline{
   background: silver;
   overflow: hidden;
   position: fixed;
   top: 129px;
   width: 100%;
   height: 1px;
}     
.main{
   margin-top: 125px;
   top: 125;
   height: 100%;
   overflow: auto;
   text-align: center;
   z-index: -1;
}
h1, h2, h3, p{
   font-family: 'MADE Evolve Sans';
}
.download{
   width: 80%;
   display: flex;
   flex-direction:row;
   margin:auto;
   justify-content: space-around;
   font-family: "Goudy Old Style";
   font-size: 20px;
}
.download .option{
   width: 300px;
   height: 150px;
   margin-bottom: 50px;
}
.option a{
   text-decoration:none;
}
.downBtn{
   width: 220px;
   /*background-color: rgb(214, 214, 214);*/
   background-color:#2b67b1;
   margin: auto;
   font-family: "Goudy Old Style";
   color: white;
   text-decoration: none;
   padding-top: 0.5px;
   padding-bottom: 0.5px;
   /*border-radius: 5px;*/
   box-shadow: #f7f7f7 2px 1px 4px 2px;
}
.downBtn img{
   width: 20px;
}
.notification{
  
   font-weight: 100;
   font-family: "made evolve sans";
   font-size: 15px;
   display: block;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   /*background-image: linear-gradient(to right, rgb(134, 133, 133), rgb(255, 255, 255), rgb(145, 142, 142));*/
   background-color: #ffffff;
   padding: 10px;
   border-top: 1px solid #999999;
   text-align: center;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   z-index: 999;
   transition: opacity 0.3s ease-in-out;
}
.notification.show{
   display: block;
}
.notification.hide{
  opacity: 0;
}
.notification-button{
   font-weight: 300;
   background-color: #e7eef7;
   font-family: 'made evolve sans';
   font-size: 15px;
   display: block;
   margin-top: 5px;
   margin:auto;
   text-align: center;
   width:60px;
   border-radius: 3px;
   border: none;
   
}
.notification-button:hover{
   background-color: #c3d0e0;
}
.dual{
   background-color: white;
   height: 400px;
}
.dual h3{
   color: #2b67b0;
   padding-top: 40px;
   font-size: 26px;
}
.partner table{
   width: 100%;
}
.partner tr td{
   width: 33.33%;
}
.partner2 table{
   width: 80%;
}
footer{
   display: flex;
   font-family: "Goudy Old Style";
   margin: 0px;
   text-align: center;
   font-size: 17px;
   padding-top: 0px;
   background-color: #f3f3f3;
   justify-content:center;
   
}
footer .map{
   height: 350px;
   margin: 20px;
   margin: 0;
   position: relative;
}
footer img{
   display: block;
   height: 350px;
   margin: 0;
}
footer .info{
   background-color: #2b67b1;
   font-weight: 250;
   height: 350px;
   margin: 0px;
}
footer .info b{
   font-weight: 500;
}
footer p{
   height: 85%;
   color: white;
   margin:15px;
   text-align: justify;
}
footer p a{
   color:white;
}
footer .copy{
   height: 30px;
}


/* DESIGN MANUAL COLORS */
/*

SIVÁ:
background-color: #9c9b9b;

MODRÁ:
background-color: #b67b0;
background-color: #b6cde5;
background-color: #e7eef7;

ZELENÁ:
background-color: #79b93c;

ČERVENÁ:
background-color: #ea5455;

TYRKYSOVÁ: 
background-color: #2fb5b2;

ŽLTÁ:
background-color: #f6ba05;

/*


/*--------?--------*/
hr{
   color: black; 
}
div.navigation{
   position: fixed;
   top: 15px;
   left: 15px;
}
table{
   border-spacing: 30px;
}
/*--------?--------*/

/*
.expimage > img:hover{
  width: 800px;
}
*/


.container {
   position: relative;
   height: 350px;
}
.overlay {
   position: absolute;
   bottom: 0;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.5); /* Black see-through */
   color: #f1f1f1;
   transition: .5s ease;
   opacity:0;
   color: white;
   text-align: center;
}
.map:hover .overlay {
   opacity: 1;
}

span {
   font-size: 17px;
   
 }
 
 span svg {
   fill: #ffffff;
   height: 1em;
 }


@media(min-width: 300px) and (max-width: 1300px){
   .header{ 
      height: 15vh;
   }
   .header-underline{
      top: 15vh;
   }  
   div.logo{
      position: fixed;
      top: 1vh;
      left: 5vw;
      text-align: center;
   }
   div.logo img{
      height: 12vh;
   }
   div.nazov{
      top: 6vh;
      left : 62vw;
      font-size: 20px;
   }
   .map{
      display: none;
   }
   footer{
      width: 120%;
   }
   footer .info{
   font-weight: 250;
   font-size: 40px;
   height: 100%;
   }

   .expimage img{
      width: 70em;
   }
   .download{
   width: 90%;
   font-size: 30px;
   margin-bottom: 2vh;
   height: 100%;
   }
   .dual{
   background-color: white;
   height: auto;
   width: auto;
   }
   .dual h3{
      font-size: 30px;
   }

.partner tr td{
   width: auto;
}
   .main{
   margin-top: 15vh;
   height: 100%;
   width: 120%;
   }
   .main img{
      width: 95%;
   }
   .main h3{
      margin-bottom: 3vh;
   }
   .downBtn{
   width: 20rem;
   }
   .downBtn img{
      width: 20px;
   }
   .notification{
   font-size: 38px;
   }
   .notification-button{
      font-weight: 400;
      font-size: 45px;
      width:8vh;
      padding: 20px;
      border-radius: 8px;
      margin-bottom: 5vh;
   }
}