/* FONTY */

@font-face {

  font-family: 'raleway-medium';

  src: url('../font/raleway/raleway-medium.ttf');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'raleway-bold';

  src: url('../font/raleway/raleway-bold.ttf');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'raleway-regular';

  src: url('../font/raleway/raleway-regular.ttf');

  font-weight: normal;

  font-style: normal;

}



/* GLOBALNI STYLY */

body {

  color: #231f20;

  background: #ffffff;

  font-family: 'raleway-regular', sans-serif;

  font-weight: 400;

  padding: 0 0 0 0;

  margin: 0 0 0 0;

  width: 100%;

  min-width: 100vw;

  max-width: 100vw;

  overflow-x: hidden;

  font-size: 16px;

}



.small {

  font-size: small;

}



*:focus {

  outline: none;

}



::selection {

  background: #cfd9ea;

}

::-moz-selection {

  background: #cfd9ea;

}



* {

  box-sizing: border-box;

}



a {

  color: #575757;

  text-decoration: none;

}

a:hover {

  color: #231f20;  

  border-bottom: none;

}



p {

  margin: 0 0 0 0;

}



strong {

  font-family: 'raleway-bold', sans-serif;

}



img {

  border: none;

}



h1 {

  position: relative;

  top: 55%;

  left: 50%;

  display: inline-block;

    -webkit-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 4px;

  border-radius: 5px;

  border: 2px solid #ffffff;

  font-size: 32px;

  line-height: 60px;

  padding: 0 20px 0 20px;

  vertical-align: middle;

  margin: 0 0 0 0;

  background: RGBA(0,0,0,0.3);

}

h1::after {

  content: "... ani kapku nazmar!";

  position: absolute;

  left: 0;

  top: 100%;

  font-size: 14px;

}



h2 {

  position: relative;

  color: #575757;

  margin: 0 0 40px 0;

  letter-spacing: 2px;

  font-size: 33px;

  line-height: 40px;

  border-bottom: 1px solid #575757;

  display: inline-block;

  font-weight: 100;

}



h3 {

  margin: 0 0 20px 0;

  text-transform: uppercase;

}



.no-select {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; 

}



.no-pointer {

  pointer-events: none;

}



/* ZAKLADNI PRVKY */

.limiter {

  position: relative;

  width: 1100px;

  display: block;

  margin: 0 auto 0 auto;

  padding: 0 0 0 0;

}



.content {

  position: relative;

  width: 100%;

}

.content-left {

  position: relative;

  width: 50%;

  padding: 40px 45px 40px 0;

  float: left;

}

.content-right {

  position: relative;

  top: 0;

  left: 0;

  width: 50%;

  padding: 40px 0 40px 20px;

  float: right;

}

.content-flex {

  position: relative;

  top: 0;

  left: 0;

  background: #1f6ca0;

  color: #ffffff;

  width: 100%;

  text-align: center;

  margin: 60px 0 60px 0;

}

.content-flex .limiter {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

}

.content-flex h3 {

  text-transform: uppercase;

  font-size: 14pt;

  font-weight: bold;

  letter-spacing: 1px;

  color: #ffffff;
  
  margin-bottom: 10px;

}

.content-flex span {

  font-size: 12pt;

  font-style: italic;

}

.content-flex p {

  margin: 20px 0 0 0;

  font-size: 18pt;

  font-weight: bold;

}

.box {

  flex: 1 0 auto;

  padding: 80px 60px 80px 60px

}

.content-right p {

  margin: 0 0 0 0;

  line-height: 18px;

}

.content-right img {

  width: 100%;

}

.content p {

  line-height: 20pt;
  font-size: 19px;

}



.clearfix {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  height: 0;

  clear: both;

}



.banner {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  height: 300px;

  background: url('../img/bg.png') center center no-repeat;

  background-size: cover;

  margin: 0 0 40px 0;

}



input, textarea {

  position: relative;

  width: 50%;

  padding: 8px 8px 8px 8px;

  background: #d1e7f3;

  color: #00598b;

  border: 1px solid #ffffff;

  border-bottom: 1px solid #00598b;

  font-size: 16px;

  font-family: 'raleway-medium', sans-serif;

  margin: 0 0 10px 0;

}

input[type="submit"] {

  cursor: pointer;

  background: #00598b;

  font-family: 'raleway-medium', sans-serif;

  text-transform: uppercase;

  color: #ffffff;

}

input[type="submit"]:hover {

  background: #00446a;

}

textarea {

  width: 100%;

  min-width: 100%;

  max-width: 100%;

  min-height: 100px;

}

input:focus, textarea:focus {

  border: 1px solid #b94d4d;

}

label {

  margin: 0 20px 0 0;

}

.form-tlacitka {

  width: 100%;

  text-align: right;

}

#kontrola, #odeslat {

  width: 150px;

  text-align: center;

}

#kontrola {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

#odeslat {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-left: none;

}

#formular #odeslat:focus + #kontrola {

  border-right: 1px solid #b94d4d;

}

.button {

  background:#0f75bd;

  color: #ffffff;

  font-size: 10pt;

  text-transform: uppercase;

  padding: 15px 20px 15px 20px;

  font-weight: bold;

}

.button:hover {

  background: #00569f;

  color: #ffffff;

}



/* OSTATNI PRVKY */

.logo {

  position: absolute;

  top: 20%;

  left: 40px;

  width: 360px;

  height: 60%;

  max-height: 60%;

  background: url('../img/logo.png') left center no-repeat;

  background-size: contain;

}

.logo a {

  display: block;

  width: 100%;

  height: 100%;

  margin: 0 0 0 0;

  padding: 0 0 0 0;

}

#logo-small {

  border: none;

  /*

  width: 80%;

  margin: 0 10% 0 10%;

  */

}

.video {

  position: relative;

  width: 100%;

  height: 619px;

  background: url(../img/poster-video.jpg) center center no-repeat;

  background-size: cover;

  overflow: hidden;

}

#background-main-video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: 50% 50%;

  z-index: 10;

}

.video-shadow {

  position: absolute;

  top: 0;

  left: 50%;

  width: 150%;

  height: 100%;

  z-index: 20;

  box-shadow: inset 0 -100px 200px -10px RGBA(0,0,0,0.65);

    -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

.lista {

  position: fixed;

  width: 100%;

  height: 100px;

  line-height: 100px;

  z-index: 999;

  text-align: right;

  background: RGBA(0,89,139,0.0) /*RGBA(53,72,104,0.70*/;

  color: #ffffff;

  padding: 0 0 0 0;

    -webkit-transition: 600ms;

  transition: 600ms;

}

.lista-smaller {

  height: 50px;

  line-height: 50px;  

  background: RGBA(0,89,139,1.0);

}

.lista a {

  border-bottom: none;

}



.menu a {

  position: relative;

  color: #f0f3f4;

  padding: 0 10px 0 10px;

  margin: 0 10px 0 10px;

}

.menu a:after {

  color: #ffffff;

  position: absolute;

  top: 100%;

  left: 0;

	content: '';

	display: block;

	margin: 4px auto;

	height: 0px;

	width: 0px;

	border-bottom: 4px solid transparent;

	transition: width .3s ease, border .3s ease;

}

.menu a:last-child {

  margin-right: 20px;

}



.menu a:hover:after {

	width: 100%;

	border-bottom: 4px solid #ffffff;

}



.dotaz {

  position: relative;

  width: 100%;

  margin: 0 0 20px 0;

  overflow: hidden;

}

.dotaz-otazka {

  position: relative;

  width: 100%;

  padding: 12px 40px 12px 20px;

  border-bottom: 1px solid #00598b;

  background: #d1e7f3;

  font-family: 'raleway-regular', sans-serif;

  font-weight: 400;

  color: #00598b;

  cursor: pointer;

}

.dotaz-sipka {

  position: absolute;

  top: 50%;

  right: 10px;

    -webkit-transform: translate(-50%,-50%) rotate(0deg);

  transform: translate(-50%,-50%) rotate(0deg);

    -webkit-transition: 300ms;

  transition: 300ms;

}

.dotaz-sipka-round {

    -webkit-transform: translate(-50%,-50%) rotate(180deg);

  transform: translate(-50%,-50%) rotate(180deg);  

}

.dotaz-odpoved {

  position: relative;

  width: 100%;

  padding: 20px 20px 20px 20px;

  display: none;

  overflow: hidden;

}

.hromadne-akce {

  text-align: right;

  font-size: 10px;

}

.hromadne-akce a {

  cursor: pointer;

}



.grid {

  position: relative;

  display: table;

  width: 100%;

  height: 555px;

  border-collapse: collapse;

  border-spacing: 0 0;

}

.grid-row {

  display: table-row;

}

.grid-cell {

  position: relative;

  display: table-cell;

    -webkit-transition: 300ms;

  transition: 300ms;

  cursor: pointer;

}

.grid-cell:hover h3 {

  top: 50%;

  background: RGBA(0,89,139,1.0);

}

.grid a {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

  border-bottom: none;

}



#prod-01 {

  background: #ffffff url(../img/01.png) center center no-repeat;

  background-size: 80%;

}

#prod-01:hover {

  background: #c7ced9 url(../img/01.png) center center no-repeat;

  background-size: 90%;

}



#prod-02 {

  background: #ffffff url(../img/02.png) center center no-repeat;

  background-size: 80%;

}

#prod-02:hover {

  background: #c7ced9 url(../img/02.png) center center no-repeat;

  background-size: 90%;

}



#prod-03 {

  background: #ffffff url(../img/03.png) center center no-repeat;

  background-size: 80%;

}

#prod-03:hover {

  background: #c7ced9 url(../img/03.png) center center no-repeat;

  background-size: 90%;

}



#prod-04 {

  background: #ffffff url(../img/04.png) center center no-repeat;

  background-size: 80%;

}

#prod-04:hover {

  background: #c7ced9 url(../img/04.png) center center no-repeat;

  background-size: 90%;

}



.footer-box {

  position: relative;

  width: 100%;

  height: auto;

  display: block;

}

.footer {

  position: absolute;

  background: #0f75bd /*#00598b*/;

  color: #ffffff;

  vertical-align: middle;

  font-size: 12px;

  text-align: center;

  z-index: 100;

  top: 0;

  left: 0;

  width: 100%;

  display: inline-block;

  margin: 60px 0 0 0;

}

.footer .content-left {

  text-align: left;

}

.footer .content-right {

  text-align: right;

}

.footer .content-left,

.footer .content-right  {

  margin: 20px 0 20px 0;

  padding: 0 0 0 0;

}

.footer a {

  color: #f0f3f4;

}

.footer a:hover {

  color: #ffffff;

}



.kontakt-table {

  position: relative;

  border: none;

  border-collapse: collapse;

  margin: 0 0 0 0;

  width: 100%;

}

.kontakt-table td {

  vertical-align: top;

}

.kontakt-table i {

  margin-right: 10px;

}



.kontakt-mobile {

  display: none;

}



/* UPRAVA NICESCROLL */

.nicescroll-cursors	{

	-webkit-transition: width 0.15s ease-in-out;

	transition: width 0.15s ease-in-out;

}

.nicescroll-cursors:hover, .nicescroll-cursors:active	{

	width: 10px !important;

}



/* IIT PODPIS */

#iit-podpis {

  position: relative;

  display: inline-block;

  opacity: 0.2;

  width: 110px;

  height: 20px;

  overflow: hidden;

  background-color: initial;

  vertical-align: middle;

  margin: 20px 0 0 0;

}

#iit-podpis {

  border: none;

}

#iit-podpis #iit-piktogram {

  position: absolute;

  top: 0;

  left: 0;

  width: 110px;

  height: 20px;

  z-index: 100;

  -webkit-transition: 300ms;

  transition: 300ms;

  background: url('../img/iit/iit-podpis-piktogram-white.svg') right center no-repeat;

  background-color: inherit;

  background-size: contain;

}

#iit-podpis #iit-napis {

  position: absolute;

  top: 0;

  left: 0;

  width: 110px;

  height: 20px;

  z-index: 90;

  background: url('../img/iit/iit-podpis-napis-white.svg') right center no-repeat;

  background-color: transparent;

  background-size: contain;

}

#iit-podpis #iit-full {

  position: absolute;

  top: 0;

  left: 0;

  width: 110px;

  height: 20px;

  z-index: 110;

  background: url('../img/iit/iit-podpis-full-white.svg') center center no-repeat;

  background-color: transparent;

  background-size: contain;

  display: none;

}

#iit-podpis:hover {

  opacity: 0.5;

}

#iit-podpis:hover #iit-piktogram {

  left: -85px;

}

#iit-podpis #iit-napis, #iit-podpis #iit-piktogram {

  display: none;

}

#iit-podpis #iit-full {

  display: block;

}

#map {

  position: relative;

  border: none;

  width: 100%;

  height: 310px;

  margin: -40px 0 -40px 0;

  display: block;

}