* {margin:0; padding:0;}
a { color:#fff; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none; color:yellow;}
h3{ margin-top:50px}
/*width*/
.logo img,
.description,
.menu-flex,
.form {max-width:480px; margin:0 auto;}
.description {text-align:center;}

.logo img {margin-bottom:40px;}
.next-section,
.menu-flex li {background:rgba(0,0,0,.5); border:2px #000 solid;}
input[type=text], textarea {background:rgba(0,0,0,.3); border:2px #000 solid; }
input[type=submit] {border:2px #000 solid; background:rgba(0,0,0,.6); }

.scrollbar {height:100%; width:100%; }
body {color:#fff; font-family: 'Quicksand', sans-serif;}
.top, .bottom {

  min-height:100vh;
  position:relative;
  text-align:center;
  overflow:hidden;
  -webkit-display:flex; display:flex;
  -webkit-align-items: center; align-items: center;
  -webkit-justify-content: center; justify-content: center;
  }
.top {background:#333;}
.middle {
  background-color: #fff;
  min-height: 100vh;
  padding: 50px 0;
}
.bottom {background:#444;}
.pattern {position:absolute; content:""; top:0; right:0; bottom:0; left:0; z-index:7; background-color:rgba(0,0,0,.5); background-image: url('../img/patterns/6.png');}
.top .container,
.bottom .container {
padding:50px 0;
z-index:10;
position:relative;
}

#map,
#vidbg {position:absolute; z-index:5; top:0; right:0; left:0; bottom:0;  min-width:100%; min-height:100%; width:auto; height:auto;  margin:auto; opacity:1;}

/* logo */
h1 {margin:0; padding:0;}
.logo {}

/* subtitle */
.subtitle {font-weight:300; font-size:24px; text-transform:uppercase; letter-spacing:1px;}

.next-section {display:inline-block; width:320px; padding:5px 25px; line-height:20px; text-transform:uppercase; letter-spacing:2px;}

.description {margin:30px auto; text-align:justify; -moz-text-align-last: center; text-align-last: center;}

.menu-flex {
  list-style-type:none;
  margin:0 auto; padding:0;
text-align:center;
}
.menu-flex li {
  display:inline-block; margin:10px 10px; text-transform:uppercase; letter-spacing:2px;
}
.menu-flex a {display:block; width:200px; height:40px; line-height:40px; }
input[type=text], textarea {color:#fff; width:100%; transition:box-shadow .4s, background .4s;}
input[type=text]:focus, textarea:focus {outline:0; box-shadow:0 0 6px 0 rgba(0,0,0,.7); background:rgba(0,0,0,.5);}
input[type=text] { height:40px; line-height:40px;  padding-left:15px; margin-top:30px;}
textarea { height:150px; margin-top:30px; margin-bottom:0; padding:15px; resize:none;}
input[type=submit] {height:40px; line-height:36px; text-transform:uppercase; letter-spacing:2px; padding:0 60px; margin:20px 0 0 0;}

.pause {position:absolute; left:10px; top:10px; font-size:24px; opacity:.4; z-index:20; background:transparent; border:none; outline:0; transition:.3s;}
.pause:hover {opacity:1;}
.pause:focus {opacity:.6;}
.pause:focus:hover {opacity:1;}

/*modal*/
.modal {background:rgba(0,0,0,.5);}
.modal-content {background:rgba(250,250,250,.8); text-shadow:1px 1px 2px rgba(255,255,255,.5); color:#333; }
.modal-body {max-height:55vh; text-align:justify; -moz-text-align-last: center; text-align-last: center; }
.modal-body img {max-width:100%;}
.newsletter-email {display:block; width:300px; height:40px; line-height:40px; padding-left:5px; border:2px #333 solid; background:rgba(255,255,255, .2); text-align:left; margin:10px auto;}
.closebtn {background:transparent; border:none;}


.slider {position:absolute; top: 0; right: 0; bottom: 0; left: 0; z-index:5;}
.sli {position: absolute; top: 0; right: 0; bottom: 0; left: 0;  background-size:cover; }
.sli-2 {animation: ani-2 infinite 10s; }
.sli-3 {animation: ani-3 infinite 15s; }
.sli-4 {animation: ani-4 infinite 20s; }
.sli-5 {animation: ani-5 infinite 15s; }

.sli-2.slide-2 {animation-delay: -5s;}

.sli-3.slide-2 {animation-delay: -5s;}
.sli-3.slide-3 {animation-delay: -10s;}

.sli-4.slide-2 {animation-delay: -5s;}
.sli-4.slide-3 {animation-delay: -10s;}
.sli-4.slide-4 {animation-delay: -15s;}

.sli-5.slide-2 {animation-delay: -3s;}
.sli-5.slide-3 {animation-delay: -6s;}
.sli-5.slide-4 {animation-delay: -9s;}
.sli-5.slide-5 {animation-delay: -12s;}


@keyframes ani-2 {
  0% {opacity: 0; }
  20% {opacity: 0; z-index: -1;}
  50% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0; z-index: -3;}
}

@keyframes ani-3 {
  0% {opacity: 0; }
  20% {opacity: 0; z-index: -1;}
  50% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0; z-index: -3;}
}

@keyframes ani-4 {
  0% {opacity: 0; }
  30% {opacity: 0; z-index: -1;}
  40% {opacity: 1;}
  60% {opacity: 1;}
  100% {opacity: 0; z-index: -3;}
}

@keyframes ani-5 {
  0% {opacity: 0; }
  30% {opacity: 0; z-index: -1;}
  40% {opacity: 1;}
  60% {opacity: 1;}
  100% {opacity: 0; z-index: -3;}
}
/*<O nas> section*/
h4{margin: 10px 15px}

.middle p {
  margin: 15px 10px;
}

.middle * {
  text-align: center;
  color: #333;
}
.middle .list li {
  list-style: none;
}
.middle ol > li{
  font-size: 1.1em;
  margin-bottom: 10px;
  font-weight:bold;
  list-style-position: inside;
}
.middle ul > li{
  font-size: 0.9em;
  font-weight:normal;
}

/*<kontakt> section*/
img{
  margin: 10px;
}
.iconWrapper{
  margin: 0 auto;
}
.iconBox{
  display: inline;
}