@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;
}

.footer {list-style: none; font-size: 1.1rem; font-weight: 300; color: white; padding-left: 0;}

.breadcrumb {background-color: #fff; font-size: 1.2rem; font-weight: 300; margin-bottom: 0rem;}

a.azur { color:#0073E6;}
a.azur:hover { text-decoration:underline; color:#0073E6;}

a.switch { color:#0073E6;}
a.switch:hover { text-decoration:underline; color:#0073E6; font-weight: 400;}

a.white { color:#fff;}
a.white:hover { text-decoration:none; color:#0073E6;}

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

.btn-primary {
  color: #fff;
  background-color: #0073E6;
  border-color: #0073E6;
}

.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:5rem;}
@media (max-width: 768px) {
.divider100 {height: 20px;}
}

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

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

.fs1 {font-size: 1rem;}
.fs1_1 {font-size: 1.1rem;}
.fs1_3 {font-size: 1.3rem;}
.fs1_4 {font-size: 1.4rem;}
.fs1_5 {font-size: 1.5rem;}
.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: #0073E6;}
.f_black {color: #000;}
.f_white {color: #fff;}
.f_red {color: #FF0000;}
.f_grey {color: #ccc}
.bg_azur {background-color: #0073E6 !important;}
.bg_red{background-color: #FF0000 !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: #0073E6;
background-image: -webkit-linear-gradient(left, #ccc, #0073E6, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #0073E6, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #0073E6, #ccc);
background-image: -o-linear-gradient(left, #ccc, #0073E6, #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 #0073E6; 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; min-height: 200px;}

div.index_7 {border: 1px solid #0073E6; 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);}

ul.english { font-size:1.5rem; font-weight:300; padding-left:30px;}
ul.english li::marker {  color: #0073E6;}

ul.index { font-size:1.3rem; font-weight:300; padding-left:30px;}

.card_ver {background-color: transparent;}

.ver {background-color: transparent; font-weight: 300; color: white;}

.zss {background-color: rgba(255,0,4,1.00); font-weight: 300; color: white;}
.ss {background-color: rgba(27,92,24,1.00); padding: 10px 20px 10px 20px; font-weight: 300; color: white;}
.border-ss {border: 1px solid rgba(27,92,24,1.00);}

.sm {background-color: rgba(57,55,229,1.00); padding: 10px 20px 10px 20px; font-weight: 300; color: white;}
.border-sm {border: 1px solid rgba(57,55,229,1.00);}

.km {background-color: rgba(144,89,18,1.00); padding: 10px 20px 10px 20px; font-weight: 300; color: white;}
.border-km {border: 1px solid rgba(144,89,18,1.00);}

.kor {background-color: rgba(227,143,34,1.00); padding: 10px 20px 10px 20px; font-weight: 300; color: white;}
.border-kor {border: 1px solid rgba(227,143,34,1.00);}

.hs {color: red}
.ns {color: orange}
.vs {color: green}

.ttu {text-transform: uppercase;}

.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-azur {box-shadow: 0 0.5rem 1rem rgba(49,156,255,0.30) !important;}

.navbar-toggler {border: 1px solid #0073E6;}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: #0073E6;
}
.lang {border: 1px solid #0073E6; border-radius: 5px;}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  text-align: center;
  white-space: nowrap;
  background-color: #0073E6;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text-a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #00000;
  text-align: center;
  white-space: nowrap;
  background-color: #E5E5E5;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  width: 100%;
}

.border-azur {border-color: #0073E6 !important;}

ul.list {list-style: none; padding-left: 0;}
ul.list li {margin-bottom: 1rem;}

ul.kul {list-style: none; padding-left: 0;}
ul.kul li {margin-bottom: 0.5rem;font-weight: 300; font-size: 1.4rem;}
/*----------------------index_ende-----------------------------*/
nav.black {
	background: rgba(255,255,255,1.0);
}
nav {transition: 1s;}

 .navbar{
     background: #fff;
     /*padding-top: 0;
     padding-bottom: 0;*/
     /*box-shadow: 1px 1px 2px 0 #808080;*/
}
 .navbar-light .navbar-brand {
     /*color: #2196F3;*/
}
 .navbar-light .navbar-nav .nav-link {
     /*color: #0073E6;*/
}
 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
     color: #0073E6;
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
     color: #fff;
	 background-color: #0073E6;
}
 .navbar-light .navbar-nav .nav-link{
     /*padding-top: 22px;
     padding-bottom: 22px;*/

     padding-left: 24px;
     padding-right: 24px;
     font-size: 1.4rem;
	 font-weight: 300;
	 transition: 0.3s;
	 text-transform: uppercase;
	 color: rgba(0, 0, 0, 1);
}
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     /*background: #0073E6;*/
     transition: 0.3s;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0073E6 !important;
}
.sm-menu{
    border-radius: 0px 0px 5px 5px;
    border: 0px;
    top: 97%;
    box-shadow: rgba(173, 173, 173, 0.4) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #3c3c3c;
    font-size: 1.3rem;
	font-weight: 300;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2196F3;
}
.navbar-toggler{
    outline: none !important;
}
.navbar-tog{
    color: #0073E6;
}



.dropdown-menu-end {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
/*------------------------------------------menu-----------------------------------------------*/
/*.section .row{
    margin-top: 7%;
    margin-bottom: 10%;
}
.section .row .col-md-6{
    background: #f5f5f5;
    padding: 5%;
}
.section h3{
    color: #004085;
}
.section p{
    margin-top: 10%;
    color: #eee;
	font-size: 18px;
	font-weight: 300;
}
.section img
{
    width: 100%;
}
/*-------------------------------------------------------------*/
.col_white_amrc {
	color: #0073E6;
	text-transform: uppercase;
}

footer { width:100%; background-color: rgba(20,27,30,0.9); padding:80px 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;}
}

.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:18px; font-weight: 300; padding:20px 0px 20px 0px ;}
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#0073E6; text-decoration:none;}

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:#fff;
}

/*
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;
  bottom: 50px;
  left: 0;
  z-index: 10;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 0;
  padding-right: 20px;
  font-size: 1.4rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
  -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: 10px;
  left: 0;
	max-height: 75px;
  z-index: 10;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
  -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 h2 {
  -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----------------------------------------*/

.sidebar-contact{
  position:fixed;
  top:60%;
  right:-270px;
  transform:translateY(-50%);
  width:270px;
  height:auto;
  padding:20px;
  background:#fff;
  box-shadow: 10px 10px 40px rgba(0,0,0,0.2);
  box-sizing:border-box;
  transition:0.5s;
  z-index: 99;
}
.sidebar-contact.active{
  right:0;
}

.toggle{
  position:absolute;
  height:48px;
  width:48px;
  text-align:center;
  cursor:pointer;
  background:#f00;
  top:0;
  left:-48px;
  line-height:48px;
	color: white;
}
.toggle i:hover{color: lightgray;}

/*@media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
}*/
/*----------------------------wetter_sidebar----------------------------------------------------*/
section1 {padding: 60px 0;}

.bg-1 {
	background: url(../img/bg_body.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-2 {
	background: url(../img/bg_see.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-3 {
	background: url(../img/bg_suburb.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-4 {
	background: url("../img/bg_seep.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-5 {
	background-color: rgba(235,198,105,0.40);
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-6 {
	background-color: rgba(219,219,219,1.00);
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-7 {
	background-color: rgba(255,255,255,1.00);
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.bg-8 {
	background-color: rgba(250,250,250,1.00);
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.btn-outline-primary {
  color: #0071eb;
  border-color: #0071eb;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0071eb;
  border-color: #0071eb;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #fff;
  background-color: #0071eb;
  border-color: #0071eb;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}