@import "https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.min.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin);

body {
  font-family: "Open Sans";
}

.upcase {
  text-transform: uppercase;
}

#slideshow_overlay {
  position: absolute;
  /*width: 100%;*/
  /*^^^ отличное дело, только вот меню уплывает и вообще косяки*/
  margin-top:22em;
  z-index:100;
  overflow: hidden;
  padding-right: 0px;
  /*margin-right: 0px;*/
  /*margin-left: 46em !important;*/
}

#slideshow_overlay div {
  font-size: 21px;
  font-weight: 700;
  color: #263a7c;
  background: rgba(255,255,255, 0.85);
  /*padding: 0 0 !important;*/
}

#slideshow_overlay #line1 {
  /*width: 450px;*/
  margin-bottom: 5px;
  padding-left: 10px;
}

#slideshow_overlay #line2 {
  margin-left: 30px;
  padding-left: 10px;
  /*width: 400px;*/
}

.navbar {
  height: 60px;
  background-color: #263a7c;
  border-radius: 0;
  margin-bottom: 0px;
  z-index: 99;
}

.navbar-default {
  border: none;
}

.navbar-brand img {
  width: 170px;
  height: auto;
  margin-top: 12px;
}

.top-menu {
 float: right;
}

.navbar .navbar-nav > li {
  margin-top: 0.6em;
}

.navbar .navbar-nav > li > a {
   color: white;
   text-transform: uppercase;
   font-weight: 400;
   padding: 0px 0px;
   /*margin: 1.3em 0.2em;*/
   line-height: 0.5;
}

.navbar .navbar-nav > li > a:link {
  color: white;
  /*border-bottom: 0.7px solid white;*/
}

.navbar .navbar-nav > li > a:visited {
  color: white;
  /*border-bottom: 0.7px solid white;*/
}

.navbar .navbar-nav > li > a:hover {
  color: white;
  border-bottom: 0.7px solid white;
}

.navbar .navbar-nav > li > a:active {
  color: white;
  border-bottom: 0.7px solid white;
}

#section1 {
  /*margin-top: 60px; */
  /*8.5 or 4.3em*/
}

#section0 {
  width: 100%;
  height: 60px; /*8.5 or 4.3em*/
  background-color: #263a7c;
}


/*.navbar .navbar-nav > .active > a {
  color: white;
  background-color: transparent;
  border-bottom: 0.7px solid white;
}
.navbar .navbar-nav > .active > a:hover {
  color: white;
  background-color: transparent;
  border-bottom: 0.7px solid white;
}

.navbar .navbar-nav > .active > a:focus {
  color: white;
  background-color: transparent;
}*/

#owl-show1 .item {
  /*margin: 3px;*/
  height: 420px;
}

#owl-show1 .item img {
  display: block;
  width: 100%;
}

#owl-show2 .item {
  margin: 0px 20px;
}

#owl-show2 .item img {
  display: block;
  width: 100%;
  height: 222px;
}

.after_slider_block {
  background-color: #f6f7f9;
  height: 265px;
  margin: 0 0;
}

.after_slider_block .main_text {
  color: #263A7C;
  font-weight: 300;
  font-size: 18pt;
  text-align: center;
  padding: 1.1em 1em;
}

.threeIcons img {
  margin: 2em 0;
  width: auto;
  height: 71px;
}

.blockHeader {
  margin-top: 61px;
}

.blockHeader h1, h5 {
  text-align: center;
}

.blockHeader h5 {
  text-transform: uppercase;
  color: #263a7c;
  font-weight: 700;
  margin-bottom: 31px;
}

.blockHeader h1 {
  margin-bottom: 89px;
  font-weight: 300;
}

.threeIcons span {
  /*padding-top: 40px;*/
  text-transform: uppercase;
  color: #263a7c;
  /*margin-bottom: 59px;*/
  font-weight: 400;
  font-size: 18px;
}

.menrBttn {
  width: auto;
  height: 155px;
  /*cursor: pointer;*/
}

.menrBttn img {
  margin-top: 45px;
  margin-bottom: 45px;
  width: 173px;
  height: auto;
  text-align: center;
}

.b3 img {
  width: 100%;
  height: 250px;
}

.seminar {
  height: 536px;
  background-color: #f6f7f9;
  margin: 0 0;
}

.presse {
/*   height: 650px;  *original* */
/*   height: 880px; */
  /*background-color: #f6f7f9;*/
  margin: 0 0;
}

.presse .menrBttn {
  height: 135px;
}

.presse .menrBttn img {
  margin-top: 35px;
  margin-bottom: 35px;
  width: 173px;
  height: auto;
  text-align: center;
}

.kontakt {
  height: 205px;
  background-color: #f6f7f9;
  margin: 0 0;
}

/* Removed by Greg's request

.line {
  height: 25px;
  background-color: #6e878d;
}*/

#gmapa {
  width: 100%;
  height: 325px;
  display: block;
  /* Fix for space after google map */
  /*vertical-align: bottom;  that's another way of fix it, untested */
  pointer-events: none; /* 1Fix for IE to prevent default scrolling of the map */
  position: relative; /* 2Fix for IE to prevent default scrolling of the map */
}

.info_content h5 {
  text-align: left;
}

footer {
  height: 19em;
  color: white;
  background-color: #263a7c;
  margin: 0 0;
  padding-top: 2em;
  font-weight: 300;
}

footer span {
  font-weight: 700;
}

.copyright {
  margin-top: 2em;
  font-size: 13px;
}

.navbar-default .navbar-toggle:hover {
    background-color: #263a7c;
}

.navbar-default .navbar-toggle:active {
  background-color: grey;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-default .navbar-collapse, .navbar-default {
  border: none;
  box-shadow: none;
  /* both lines above are very matter fix for to remove white lines after menu */
}

.navbar-default .navbar-collapse li {
  background-color: #263a7c;
}

.navbar-default .navbar-collapse li a:link {
  /*border-bottom: none;*/
}

.navbar-brand img {
  width: 120px;
  height: auto;
  margin-top: 0.2em;
  -webkit-transition: width 0.3s, height 0.3s, -webkit-transform 0.3s;
  -moz-transition: width 0.3s, height 0.3s, transform 0.3s;
  transition: width 0.3s, height 0.3s, transform 0.3s;
}

.navbar .navbar-nav > li > a {
   padding: 10px 5px;
   margin: 7px 0.5em 2px;
}

#impressum {
  margin-top: 3em;
  margin-bottom: 3em;
}

.impress {
  color: white;
  text-decoration: none;
}

.impress:hover {
  color: white;
  text-decoration: none;
  /*border-bottom: 1px solid white;*/
}

/*.navbar .navbar-nav li a {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}*/

/*.navbar .navbar-nav > li > a:visited {
  color: white;
}*/


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  /*remove border of burger menu */
  .navbar-toggle {
    border: none;
    outline: none;
  }
  .navbar-default .navbar-collapse li a:link {
    border-bottom: none;
  }

  .after_slider_block {
    height: 290px;
    /*background-color: yellow;*/
  }

  .after_slider_block .main_text {
    padding-top: 1em;
    font-size: 16px;
    /*color: black;*/
  }

  .seminar {
    height: 586px;
  }

  .kontakt {
    height: 136px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  /*remove border of burger menu */
  .navbar-toggle {
    border: none;
    outline: none;
  }
  .navbar-default .navbar-collapse li a:link {
    border-bottom: none;
  }

  #slideshow_overlay {
    margin-top:1em;
  }

  #slideshow_overlay div {
    font-size: 15px;
  }

  #owl-show1 .item {
    /*margin: 3px;*/
    height: 14em;
  }

  #slideshow_overlay {
    margin-top:7em;
    padding: 0 !important;
  }

  #slideshow_overlay div {
    font-size: 16px;
  }

  .menrBttn {
    height: 8em;
  }

  .menrBttn img {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 150px;
    height: auto;
    text-align: center;
  }

  .after_slider_block {
    height: 230px;
  }

  .after_slider_block .main_text {
    padding-top: 1em;
    font-size: 18px;
    /*color: green;*/
  }

  .blockHeader {
    margin-top: 31px;
  }

  .blockHeader h1, h5 {
    text-align: center;
    margin: 0px 7px;
  }

  .blockHeader h5 {
    text-transform: uppercase;
    color: #263a7c;
    font-weight: 700;
    margin-bottom: 15px;
  }

  .blockHeader h1 {
    margin-bottom: 40px;
    font-weight: 300;
  }

  .kontakt {
    height: 126px;
  }

  .seminar {
    height: 550px;
    padding: 0px 20px;
        /*background-color: green;*/
  }

  .presse {
/*     height: 601px; */
  }

  .copyright {
    margin-top: 2em;
  }

}

@media only screen and (width : 768px) {

    #slideshow_overlay {
      margin-top:22em;
    }

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  /*remove border of burger menu */
  .navbar-toggle {
    border: none;
    outline: none;
  }
  .navbar-default .navbar-collapse li a:link {
    border-bottom: none;
  }

  #slideshow_overlay div {
    font-size: 18px;
  }

  .copyright {
    margin-top: 3em;
  }

  .after_slider_block {
    height: 220px;
  }

  .seminar {
    height: 586px;
  }

  .presse {
/*     height: 650px; */
  }

  .kontakt {
    height: 186px;
  }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

  #slideshow_overlay {
    margin-top:21em;
  }

  #slideshow_overlay div {
    font-size: 18px;
  }

.after_slider_block {
  height: 260px;
}

/*footer .row2 {
  margin-top: 6em;
}*/

.copyright {
  margin-top: 8em;
  /*padding-left: 4em;*/
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

  #slideshow_overlay {
    margin-top:22em;
  }

  .threeColumns {
    padding: 0px 3em;
  }
  .after_slider_block {
    height: 190px;
    /*background-color: yellow;*/
  }

  .after_slider_block .main_text {
    padding-top: 2em;
    font-size: 20px;
  }

  .copyright {
    margin-top: 4em;
    /*padding-left: 4em;*/
  }

  footer .row1{
    padding: 10px 0px 0px 30px;
    font-size: 18px;
  }

  footer .row2 div {
    /*padding: 2em 0px 0px 0px;*/
    font-size: 18px;
  }

}