@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext';

html, 
body, 
.all, 
.content-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6 {text-transform: uppercase; font-weight: 700;}

.all {
  background: #1c1d22;
}

.menu-wrap a {
  color: #fff;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
  color: #4683bf;
  text-decoration: none;
}

.content-wrap {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.content {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100%;
}

.t4-wrapper {display: inline-block;width: 100%;
height: 100%;}

.t4 {width: 33.333333333%; float: left;height: 100%;background: #333;display: inline-block;overflow: hidden;}

.t4 img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);}

.t4:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);} 

.t4 .t4-inner {position: absolute; z-index: 999;top: 0;width: 33.333333333%; height: 100%;display: table;}

.t4 h1 {display: table-cell;vertical-align: middle; text-align: center; color: #fff;font-weight: 700;font-size: 30px;letter-spacing: 1px;}

.t4 .t4-inner hr {
  border-top: 3px #fff solid; 
  width: 70px;
  -webkit-transition: width 0.35s; /* Safari */
  transition: width 0.35s;}
.t4:hover .t4-inner hr {
  width: 100px;}

.insurance {background: #fff; padding:50px 0;width: 100%;margin-top: -5px;}

.insurance .col-md-3 {text-align: center;} 

.insurance .col-md-3 img {width: 90%;}

.about {background: #f3f3f3;padding: 110px 0 140px 0;text-align: center;margin-top: -1px;display: inline-block;}
.about h1 {font-weight: 700;font-size: 50px;letter-spacing: -2px;}
.about p {color: #666;}
.about .btn {border: 2px solid #000;color: #000;font-size: 20px; padding: 20px;font-weight: 700;margin-top: 40px;}
.about.second-b p{color: #fff;}
.about.second-b {color: #fff;width: 100%;margin-top: -5px;}
.about.second-b .btn {border: 2px solid #fff;color: #fff;font-size: 20px; padding: 20px;font-weight: 700;margin-top: 40px;}
.allinside .container .col-lg-12{padding:100px 50px;}
.allinside {position: relative;background: #fff;}

.o-top{height: 100%; width: 100%; display: table;}
.o-top h1 {display: table-cell;vertical-align: middle; text-align: center; color: #fff;font-weight: 700;font-size: 50px;letter-spacing: -2px;}
.page-header h2 {text-align: center;font-weight: 700;font-size: 50px;letter-spacing: -2px;}

.o1 {background: url(../images/o1.jpg)center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.o2 {background: url(../images/o2.jpg)center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.o3 {background: url(../images/o3.jpg)center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.o4 {background: url(../images/o4.jpg)center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.o5 {background: url(../images/o5.jpg)center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.onama-b {background: url(../images/onama-b.jpg)center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.kontakt-b {background: url(../images/kontakt.jpg)center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.second-b {background: url(../images/second.jpg)center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.footer {background: #fff;display: inline-block;position: relative; width: 100%;padding: 50px;}
.footer h3 {font-size: 16px;font-weight: 700;}
.footer p {padding: 5px 10px;color: #666;margin-bottom: 0;}
.footer a {color: #666;}
.footer .nav li a{padding: 5px;color: #666;}
/* Overlay */
.content::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
  transition: opacity 0.3s, transform 0s 0.3s;
}

.logo {
  position: fixed;
  z-index: 1000;
  margin: 1.5em 1em 1em 8.25em;
  padding: 0;
  width: 95px;
  height: 89px;
  border: none;
  color: transparent;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

/* Menu Button */
.menu-button {
  position: fixed;
  z-index: 1000;
  margin: 1em;
  padding: 0;
  width: 4.5em;
  height: 4.25em;
  border: none;
  text-indent: 2.5em;
  font-size: 1.5em;
  color: transparent;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.menu-button::before {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  bottom: 1.5em;
  left: 1.5em;
  background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
  content: '';
}

.menu-button:hover {
  opacity: 0.6;
}
/* Menu */
.menu-wrap {
  position: absolute;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.menu-top {
  line-height: 58px;
}

.menu-top .profile {
  display: inline-block;
  padding: 8px 10px;
  line-height: 42px;
}

.menu-top .profile,
.menu-side {
  width: 300px;
}

.menu-top .profile img {
  float: left;
  margin-right: 1em;
}

.icon-list {
  display: inline-block;
  top: 0;
  font-size: 1.25em;
  position: fixed;
  right: 10px;
}

.icon-list a {
  margin: 0 1em 0 0;
  padding: 0;
}

@media screen and (max-width: 32em) {
  .icon-list {
    padding-left: 1em;
  }
}

.menu-side a {
  display: block;
  padding: 1.2em;
  
  text-align: center;
  text-transform: uppercase;
}

.menu-side a:first-child {
  
}

/* Shown menu */
.show-menu .menu-wrap {
  opacity: 1;
}

.show-menu .content-wrap,
.show-menu .menu-button {
  -webkit-transform: translate3d(300px,60px,0);
  transform: translate3d(300px,60px,0);
}

.show-menu .content-wrap,
.show-menu .logo {
  -webkit-transform: translate3d(300px,60px,0);
  transform: translate3d(300px,60px,0);
}

.show-menu .content::before {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

@media(max-width:768px) {

.mobile-top {width: 100%;height:40%;
background: url(../images/o2.jpg)center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: table;}
.mobile-top h1{display: table-cell;vertical-align: middle; text-align: center; color: #fff;font-weight: 700;font-size: 30px;letter-spacing: 1px;}

.t4-wrapper {
  display: inline-block;
  width: 100%;
  height: 60%;
}
.menu-button{
top:0;
left:0;
margin:0;}

.logo {right: 0; top:0;margin:0;}
.t4-wrapper .t4 {height: 33.333333333%; 
  float: left;
  width: 100%;
  background: #333;
  display: inline-block;
  overflow: hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4683bf+0,180551+100 */
background: rgb(70,131,191); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDY4M2JmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE4MDU1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(70,131,191,1) 0%, rgba(24,5,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(70,131,191,1) 0%,rgba(24,5,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(70,131,191,1) 0%,rgba(24,5,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4683bf', endColorstr='#180551',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.t4 img {display: none;}

.t4 .t4-inner {position: initial; z-index: 999;height: 100%; width: 100%;display: table;top: auto;}

.o-top {height: 75%;}

.t4 h1 {display: table-cell;vertical-align: middle; text-align: center; color: #fff;font-weight: 700;font-size: 20px;letter-spacing: 1px;}

.t4 hr {display: none;}

}

@media(min-width:768px) {
.mobile-top {display: none;}
  
}



@media(max-width:768px) {
div.content-wrap {padding-top: 89px;}
.logo {z-index:999;right: 0; top:0;margin:0;width: 100%;background: #fff;text-align: right;}
.menu-button {
  position: fixed;
  z-index: 1000;
  margin: 0;
  padding: 0;
  width: 4.5em;
  height: 4.25em;
  border: none;
  text-indent: 2.5em;
  font-size: 1.5em;
  color: transparent;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


  
}



.form-horizontal .control-label {text-align: left;}

#contact-form input,#contact-form textarea {padding: 10px;border: 1px #ccc solid;width: 500px;max-width: 100%;}

.well {
  min-height: 20px;
padding: 0;
margin-bottom: 20px;
background-color: transparent;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;}

.well legend {text-transform: uppercase;
font-weight: 700;
border: none;}

.contact h3 {display: none;}

.copy{
background: #fff;
text-align: center;
color: #000;
height: 60px;
padding-top: 15px;
position: relative;
margin-top: -5px;
font-size: 12px;
border-top: solid #ccc 1px; 
}
.copy p {font-size: 16px;}
.copy a {color: #34458f;}

#map {width: 100%;height: 400px;}