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


/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html,body {margin:0; padding:0; overflow-x:hidden;}


@font-face {
    font-family: 'urw_dinbold';
    src: url('urwdin-bold-webfont.woff2') format('woff2'),
         url('urwdin-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'urw_dinmedium';
    src: url('urwdin-medium-webfont.woff2') format('woff2'),
         url('urwdin-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'urw_dinregular';
    src: url('urwdin-regular-webfont.woff2') format('woff2'),
         url('urwdin-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}






.loader,
.loader:before,
.loader:after {
              background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
        }




        #loadingDiv {
            position:absolute;;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:#038c82;
			z-index:3200;
        }

        .loader {            
  color: #ffffff;
  text-indent: -9999em;
  margin: auto auto;
   top:50%;
  transform:translateY(-50%);
			left:0; right:0;
  position: absolute;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
        }

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 1.5em;
}
       
        @-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}



#logo {width:140px;}

#navbar {

  transition: 0.4s;

}


#navbar #logo {
  transition: 0.4s;
}

h4 {font-weight:600; font-family: urw_dinregular, Helvetica, sans-serif}
.text-muted {font-size:22px; color:#414141}

p {font-size:20px; line-height:29px; font-family: urw_dinregular, Helvetica, sans-serif}

.button-3d{
  outline:0; 
  font-size:1em;
  font-weight:600;
  background:#fff;
  border:none;
  width:100px;
  height:100px;
  border-radius:2000px !important;
  padding:2em 2em;
  transition:all .3s ease-out; 
  box-shadow:inset 0 -8px 0 0 rgba(0,0,0,.2),

    -6px 10px 20px 0 rgba(0,0,0,.2),
    -5px 11px 20px 0 rgba(0,0,0,.2),
    -4px 12px 20px 0 rgba(0,0,0,.2);
}
.button-3d:hover{
  color:#444;
}
.button-3d:active{
  color:#222;
  box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.2),
  
}

.button-3d {
    -webkit-animation: action 1.5s infinite  alternate;
    animation: action 1.5s infinite  alternate;
}



.button-3d-2{
  outline:0; 
  font-size:1em;
  font-weight:600;
  background:#fff;
  border:none;
  padding:1em 1em;
  transition:all .3s ease-out; 
  box-shadow:inset 0 -8px 0 0 rgba(0,0,0,.2),

    1px 4px 6px 0 rgba(0,0,0,.2),
    2px 4px 6px 0 rgba(0,0,0,.2),
    4px 4px 6px 0 rgba(0,0,0,.2);
}
.button-3d-2:hover{
  color:#444;
}
.button-3d-2:active{
  color:#222;
  box-shadow:inset 0 -4px 0 0 rgba(0,0,0,.2),
  
}



@-webkit-keyframes action {
    0% { transform: translate(0,0);  }
    100% { transform: translate(-5px,10px); }

}

@keyframes action {
    0% { transform: translate(0,0); }
    100% { transform: translate(5px,-15px); }

}

@media (min-width:993px) {
	
	.padding-desk {padding-top:60px;}
	
	.hr-main {margin-bottom:-25px; margin-top:-10px;}
	.hr-footer {margin-bottom:15px; margin-top:15px;}
	
}

@media (max-width: 992px) {
	
	.green-shadow {width:90% !important; margin:5%; box-shadow:none !important}
	.green-shadow-right {width:90% !important; margin:5%; box-shadow:none !important}
	
	.hr-main {margin-bottom:-12px; margin-top:-5px;}
	.mobil-negative-margin {margin-top:-165px;}
	p {font-size:17px; line-height:22px;}
	
	h4 {font-size:21px; line-height:26px;}
	.text-muted {font-size:17px; line-height:24px;} 
	
	#logo {width:140px;}
	
	.row-reverse{
   display: flex;
    flex-flow: column-reverse;
     }
	
	.center-mobile {text-align:center; padding-top:30px; padding-bottom: 25px;}
	
	.floating-image{
  width:100%;
}
	
	[data-aos-delay] {
    transition-delay: 0s !important;
}
	
}

html, body {font-family:urw_dinregular, Helvetica,sans-serif !important}
h1  {font-family:'urw_dinbold'; font-size:50px; }
.green {color:#038c82}
.green-shadow {box-shadow: -15px 15px #038c82;}
.green-shadow-right {box-shadow: 15px 15px #038c82;}
.nav-item {margin:0px 8px; font-size:15px;}

.cs-desc-title {font-family:'urw_dinbold'}


.btn-green {background-color:#038c82; color:#FFF; font-size:18px; padding:12px 12px; border-radius:0;}


.modal.fade .modal-dialog{
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}

.zoom-in {
  transform: scale(0)!important;
  opacity: 0;
  -webkit-transition: 1.5s all 0s;
  -moz-transition: 1.5s all 0s;
  -ms-transition: 1.5s all 0s;
  -o-transition: 1.5s all 0s;
  transition: 1.5s all 0s;
  display: block !important;
}

.zoom-in.show {
  opacity: 1;
  transform: scale(1)!important;
  transform:none;
}

.modal-footer {display:block;}

.spacer-scrollto {padding-top:100px; margin-top:-100px;}


.video-link {cursor:pointer}

.overlay{
  position: fixed;
  top:0px;
  left: 0px;
  height:100%;
  width:100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.9);
  opacity:0.9;
  display:none; 
}


.close{
    position: fixed;
    top:30px;
    right:30px;
    width:45px;
    height:45px;
  z-index:9999;
	color:#FFF !important;
  display:none;
  cursor: pointer;
  }

.main-vid-box{
  position: fixed;
   width: 100%;
  height:100vh;
  display:none;
  top:0px;
  left:0px;
  z-index: 3000;
}


.videoWrapper {
  position: relative;
  z-index:999;
  background-color:#000;
  width:100%;
  height: 100%;
  margin:0 auto;
}
.videoWrapper video {
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100% !important;
	height: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 40px;
	border-style: solid;
	border-color: transparent;
}





	 
		  .delayed-1 {animation-delay:1.2s !important;}
 .delayed-2 {animation-delay:1.5s !important;}
 .delayed-3 {animation-delay:0.7s !important;}
		  
	  .floating-image{
  display:block;
  margin:20px auto 0px;
  width:90%;
  height:auto;
  animation: 3s infinite alternate floating;
}
.card-shadow{
  height:0px;
  display:block;
  margin:-8px auto 0px auto;
  animation: 3s infinite alternate card-shadow;
	
}
		  
		  .rotate-left {transform:rotate(-7deg);}
		   .rotate-right {transform:rotate(7deg); margin-left:10%;}

@keyframes floating {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-10px);
	}
	100% {
		transform: translatey(0px);
	}
}

	@keyframes card-shadow {
	0% {
    width:300px;
		box-shadow:10px 0px 20px 8px rgba(0,0,0,.5);
	}
	50% {
    width:280px;
		box-shadow:10px 0px 30px 6px rgba(0,0,0,.4);
	}
	100% {
    width:300px;
		box-shadow:10px 0px 20px 8px rgba(0,0,0,.5);
	}
		
		  }



.cardslider {margin-top:120px; font-family: urw_dinregular, Helvetica, sans-serif}}

@media (max-width: 992px) {
	
	.cs-nav-next, .cs-nav-prev {opacity: 0.4 !important}
	
	.cardslider {margin-top:120px !important;}
	
	@keyframes card-shadow {
	0% {
    width:63%;
		box-shadow:10px 0px 20px 8px rgba(0,0,0,.5);
	}
	50% {
    width:65%;
		box-shadow:10px 0px 30px 6px rgba(0,0,0,.4);
	}
	100% {
    width:63%;
		box-shadow:10px 0px 20px 8px rgba(0,0,0,.5);
	}
		
		  }
	
	
	
	
}