@charset "utf-8";
/* CSS Document */

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

html, body {
      margin: 0;
      padding: 0;
      width: 100%;
}

body {
	font-family: 'Lato', sans-serif;
	background: #474747 no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

a.azur { color:#319cff;}
a.azur:hover { text-decoration:underline; color:#319cff;}

a.white { color:#aaa;}
a.white:hover { text-decoration:none; color:#319cff;}

a.black { color:#000000;}
a.black:focus { text-decoration:none; color:#000000;}
a.black:hover { text-decoration:underline; color:#319cff;}

.content {
      width: 94%;
      margin: 4em auto;
      font-size: 20px;
      line-height: 30px;
      text-align: justify;
}

.divider {height:50px;}
.divider20 {height:20px;}
.divider40 {height:40px;}
.divider60 {height:60px;}
@media (max-width: 768px) {
.divider60 {height: 20px;}
}
.divider80 {height:80px;}
.divider100 {height:100px;}
@media (max-width: 768px) {
.divider100 {height: 20px;}
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

.head {
	background-color: #fff;
	font-weight: 300;
	color: #111;
}

.info {border-bottom: 1px solid rgba(236,236,236,1.00);}

.fs10 {font-size: 10px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs24 {font-size: 24px;}
.f_azur {color: #319cff;}
.f_black {color: #000;}
.f_white {color: #fff;}
.f_red {color: #FF0000;}
.f_grey {color: #ccc}
.bg_azur {background-color: #319cff !important;}
.fw_300 {font-weight: 300;}
.pt10 {padding-top: 10px}

@media (max-width: 768px) {
.mb20 {margin-bottom: 20px;}
}

hr.style-one {
border: 0;
height: 1px;
background: #319cff;
background-image: -webkit-linear-gradient(left, #ccc, #319cff, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #319cff, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #319cff, #ccc);
background-image: -o-linear-gradient(left, #ccc, #319cff, #ccc);
}

hr.style-two {
border: 0;
height: 1px;
background: #ff0000;
background-image: -webkit-linear-gradient(left, #ccc, #ff0000, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #ff0000, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #ff0000, #ccc);
background-image: -o-linear-gradient(left, #ccc, #ff0000, #ccc);
}

.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}

div.index_1 {padding: 60px 60px 80px 60px;}
@media (max-width: 767px) {
div.index_1 {padding: 20px;}
}

div.index_2 {padding: 80px 100px 80px 100px;}
@media (max-width: 767px) {
div.index_2 {padding: 20px;}
}

div.index_3 {padding: 50px;}
@media (max-width: 767px) {
div.index_3 {padding: 25px; margin-bottom: 20px;}
}

div.index_4 {border: 1px solid #319cff; border-radius: 10px; padding: 50px; margin: 0px 10px 0px 10px;}

div.index_5 {padding: 25px; background-color: rgba(0,0,0,0.20); border-radius: 10px; margin-bottom: 20px;}

div.index_6 {background-color: rgba(245,201,90,0.20); padding: 10px; margin-bottom: 10px; min-height: 180px;}

div.index_7 {border: 1px solid #319cff; background-color: rgba(255,255,255,1.00); border-radius: 10px; padding: 50px; margin: 0px 10px 0px 10px;}

div.index_8 {padding: 25px;}
@media (max-width: 767px) {
div.index_8 {padding: 5px;}
}

div.index_9 {padding: 25px 25px 25px 50px;}
@media (max-width: 767px) {
div.index_9 {padding: 25px 5px 25px 5px;}
}

div.index_11 {padding: 0px 5px 25px 80px;}
@media (max-width: 767px) {
div.index_11 {padding: 25px 5px 25px 5px;}
}

div.index_10 {padding: 20px 20px 0px 20px; border: 1px solid rgba(0, 0, 0, 0.125);}

/*----------------------index_ende-----------------------------*/

footer { width:100%; background-color: rgba(20,27,30,0.9); padding:0px 0px 20px 0px;}
@media (max-width: 767px) {
footer {width:100%; background-color: rgba(20,27,30,0.9); padding:80px 0px 20px 0px; text-align: center;}
}

div.copyright {color: #aaa; border-top: 1px solid #434343; padding-top: 20px;}
/*-----------------------footer---------------------------------*/


/*
Removes white gap between slides - chagnge to base color of slide images
*/
.carousel {
  background:#007aeb;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
/*.carousel-item a {
  display: block;
  width:100%;
}*/

.carousel-caption-black{
	/*background-color: rgba(0,0,0,0.30);*/
  position: absolute;
  right: 0;
  top: 50px;
  left: 0;
  z-index: 10;
  padding-top: 100px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 50px;
  color: #fff;
  text-align: right;
  font-weight: 300;
  -webkit-animation-duration: 2s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-delay: 0.2s;}

@media (max-width: 767px) {
.carousel-caption-black{
	background-color: rgba(0,0,0,0.30);
  position: absolute;
  right: 0;
  top: 20px;
  left: 0;
  z-index: 10;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 0px;
  padding-right: 20px;
  color: #fff;
  text-align: right;
  -webkit-animation-duration: 2s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-delay: 0.2s;}
}


.carousel-caption-black h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: bounceInLeft;
  animation-delay: 0.3s;
}

.carousel-caption-black h3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: bounceInRight;
  animation-delay: 0.3s;
	text-align: left;
}

.carousel-caption-black h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: bounceInLeft;
  animation-delay: 0.3s;
}
.carousel-caption-black p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: bounceInLeft;
  animation-delay: 0.6s;
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
	background: rgba(0,0,0,0.3)
}
/*--------------------------------------caorusel_index----------------------------------------*/

section1 {padding: 60px 0;}

.bg-2 {
	background: rgba(0,0,0,0.2) no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}