.position-relative {position:relative;}

.position-absolute {position:absolute;}

/*.header-section {height:750px;}*/

.header-button-etrel {
  position: absolute;
  top: 360px;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
}

.header-caption{
	color:#ffffff;
}

.header-corporate-caption{
	padding-top:120px;
}

.header-corporate-caption h1{
	/*padding-top:120px;*/
	font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:43px;
	font-weight:700;
	color:#ffffff;
	text-transform: uppercase;
}

.header-caption h1{
	padding-top:50px;
	font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:44px;
	font-weight:700;
}

.header-caption h2{
	padding-top:150px;
	margin-top:0;
	
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:22px;
	text-transform: uppercase;
}

.header-caption p{
	padding-top:30px;
	font-size:20px;
	color:#ffffff;
}

.header-logo {
  position: absolute;
  top: 60px;
  left: 20;
}

.header-product{
	padding-bottom:40px;
}

.header-product h2{
	padding-top:0px;
	margin-top:0;
	color:#ffffff;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:16px;
	text-transform: uppercase;
	paddin-bottom:30px;
}

.header-product-image{
	border: 2px solid #ffffff;
    /*padding: 40px; */
	width:100%;
	/*height:250px;*/
	padding-top:25px;
	padding-bottom:25px;
}

.header-product-image:hover{
	background-color: rgba(255,255, 255, .01);	
    text-decoration:none;
	cursor:pointer;
}

.header-logo-caption{
	/*position:relative;
	float:left;
	top:30;
	left:20;*/
}

.header-image{
	padding-top:130px;
	/*height:800px;*/
	text-align: right;
	padding-bottom:170px;
}

.product-header-image{
	padding-top:130px;
	valign:bottom;
}

.line-arrow {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    font-size: 12px; /*set the size for arrow*/
    width: 4em;
    height: 4em;
    margin-top: -2em;
    top: 50%;
}

.line-arrow.left {
    border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
    transform: rotate(-54deg) skew(-20deg);
    left: 20px;
}

.line-arrow.right {
  	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
    transform: rotate(54deg) skew(20deg);
    right: 20px;
}


.square.left {
  transform: rotate(-45deg);
}

.square.right {
  transform: rotate(45deg);
}

.button-etrel{
    border: 1px solid #ffffff;
    border-radius: 0px 30px 30px 0px;
    padding: 15px; 
	width:300px;
	height:60px;
	width:300px;
	font-size:18px;
	color:#ffffff;
	text-transform: uppercase;
	text-align: left;
	white-space: nowrap;
}

.button-etrel:hover{
	color:#000000;
	background-color: #ffffff;
	cursor:pointer;
}


.header-section-button {
    margin-top:200px;
}

.header-section-image {
    /*position:absolute;
    right:0px;
    top:190px;*/
    padding-top:150px;
	height:500px;
	padding-bottom:50px;
}

.black-button-link{
	font-size:20px;
	border: 2px solid #000000;
    border-radius: 0px 30px 30px 0px;
    padding-top: 15px; 
	padding-bottom: 15px; 
	padding-right: 30px;
	padding-left: 30px;
	line-height:60px;
	color:#000000;
	text-align: left;
	white-space: nowrap; 
	font-weight:300;
}
.black-button-link:hover{
	background-color: rgba(255,255, 255, .2);
	color:#000000;
	text-decoration: none;
	cursor:pointer;
}

.black-button-link:active{
	color:#000000;
	text-decoration: none;
}

.black-button-link-lets-build{
	font-size:20px;
	border: 2px solid #000000;
    border-radius: 0px 30px 30px 0px;
    padding-top: 15px; 
	padding-bottom: 15px; 
	padding-right: 30px;
	padding-left: 30px;
	line-height:60px;
	color:#000000;
	text-align: left;
	white-space: nowrap;
	font-weight:300;
}

.black-button-link-lets-build:hover{
	cursor: default;
}
/*
.black-button-link{
	font-size:20px;
	border: 2px solid #000000;
    border-radius: 0px 30px 30px 0px;
    padding-top: 15px; 
	padding-bottom: 15px; 
	padding-right: 40px;
	padding-left: 50px;
	line-height:60px;
	color:#000000;
	text-align: left;
	white-space: nowrap;
}

.black-button-link:hover{
	cursor: pointer;
}*/


.carousel-image {margin-right: 200px;}

.carousel-image-in{
	height:600px;
}

.carousel-image-product {margin-right: 200px;margin-bottom:150px;}


.carousel-image-in-product{
	height:400px;
}

.carousel-caption-button{
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: auto;
  text-align: left;
}

.carousel-caption-button-link{
	text-transform: uppercase;
	font-size:18px;
	border: 2px solid #ffffff;
    border-radius: 0px 30px 30px 0px;
    padding-top: 18px; 
	padding-bottom: 13px; 
	padding-right: 55px;
	padding-left: 30px;
	height:60px;
	color:#ffffff;
	text-align: left;
	white-space: nowrap; 	
	position:absolute;
	top:645px;
	left:0px;

}

.carousel-caption-button-link:hover{
	background-color: rgba(255,255, 255, .1);
	color:#ffffff;
	text-decoration: none;
	cursor:pointer;
}


.header-caption-button-link{
	font-size:16px;
	border: 1px solid #ffffff;
    border-radius: 30px 0px 0px 30px;
    padding-top: 15px; 
	padding-bottom: 15px; 
	padding-right: 30px;
	padding-left: 55px;
	line-height:60px;
	color:#ffffff;
	text-align: left;
	white-space: nowrap; 
}

.header-caption-button-link:hover{
	background-color: rgba(255,255, 255, .08);
	color:#ffffff;
	text-decoration: none;
	cursor:pointer;
}

.header-caption-button-link-reverse{
	font-size:16px;
	border: 1px solid #000000;
    border-radius: 0px 30px 30px 0px;
    padding-top: 15px; 
	padding-bottom: 15px; 
	padding-left: 30px;
	padding-right: 55px;
	line-height:60px;
	color:#000000;
	text-align: left;
	white-space: nowrap; 
}

.header-caption-button-link-reverse:hover{
	background: rgba(0,0, 0, .08);
	color:#000000;
	text-decoration: none;
	cursor:pointer;
}



.charger-offer p{
	padding-top:70px;
	color:#000000;
	font-size:17px;
	text-align: left;
}

.charger-offer a{
	text-transform: uppercase;
	color:#000000;
	font-size:18px;
	text-align: left;
}

.charger-offer a:hover{
	text-transform: uppercase;
	color:#020612;
	font-size:18px;
	text-align: left;
	cursor:pointer;
}

.black-header {
  background: #000000;
  padding-top: 25px;
  padding-bottom: 10px;
}

.black-header h2{
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:20px;
	text-transform: uppercase;
	color:#ffffff;
	font-weight:50;
}

.section-caption h1{
  font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:45px;
	line-height:100%;
	font-weight:700;
	padding-top: 150px; 	
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}
.section-caption h2{
	padding-top:75px;
	margin-top:0;
	color:#000000;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:22px;
	text-transform: uppercase;
}
.section-caption p{
    padding-top: 70px; 
	padding-bottom: 70px; 
	text-align: left;
}

.section-detail-caption h1{
  font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:45px;
	line-height:100%;
	font-weight:700;
	padding-top: 150px; 	
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}
.section-detail-caption p{
    padding-top: 40px; 
	text-align: left;
	color:#000000;
	font-size:18px;
}

.section-detail-caption{
	padding-bottom: 120px; 
}



.section-detail-caption-small h1{
  font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:32px;
	line-height:100%;
	font-weight:700;
	padding-top: 30px; 	
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}
.section-detail-caption-small p{
    padding-top: 20px; 
	text-align: left;
	color:#000000;
	font-size:18px;
}

.section-detail-caption-small{
	padding-bottom: 30px; 
}


.header-product-intro-section{
	background: #cbcbcb ;
	/*height:760px;
	background: url('../img/G5ProductIntro.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;*/
}

.header-product-intro{
	height:700px;
	background: url('../img/G5ProductIntro.png');
	background-repeat: no-repeat;
}

.change-design{
	padding-top:55px;
}

.ecosystem-caption h1{
  font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:45px;
	line-height:100%;
	font-weight:700;
	padding-top: 150px; 	
	color:#ffffff;
	text-transform: uppercase;
	text-align: left;
}

.ecosystem-caption h2{
   padding-top:40px;
	margin-top:0;
	color:#ffffff;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:22px;
	text-transform: uppercase;
}
.ecosystem-caption h3{
   padding-top:26px;
   padding-bottom:50px;
	margin-top:0;
	color:#ffffff;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:18px;
	text-transform: uppercase;
}
.ecosystem-caption p{
    padding-top: 30px; 
	padding-bottom: 80px; 
	text-align: left;
	color:#ffffff;
	font-size:20px;
}

.ecosystem-item-link{
	border: 2px solid #ffffff;
	padding-top:20px;
	padding-bottom:20px;
	color:#ffffff;
	padding-right:60px;
	padding-left:20px;
	font-weight:600;
	font-size:20px;
	text-transform: uppercase;
}

.ecosystem-item-link:hover{
	background-color: rgba(255,255, 255, .2);	
    text-decoration:none;
	cursor:pointer;
}


.rnd-caption h1{
  font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:45px;
	line-height:100%;
	font-weight:700;
	padding-top: 60px; 	
	color:#ffffff;
	text-transform: uppercase;
	text-align: left;
}

.rnd-caption h2{
   padding-top:30px;
	margin-top:0;
	color:#ffffff;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:22px;
	text-transform: uppercase;
}

.rnd-caption p{
    padding-top: 30px; 
	padding-bottom: 30px; 
	text-align: left;
	color:#ffffff;
	font-size:20px;
}

.rnd-item-link{
	border: 2px solid #ffffff;
	padding-top:20px;
	padding-bottom:20px;
	border-radius: 0px 30px 30px 0px;
	color:#ffffff;
	padding-right:60px;
	padding-left:30px;
	font-weight:600;
	font-size:20px;
	text-transform: uppercase;
}

.rnd-item-link:hover{
	background-color: rgba(255,255, 255, .2);	
    text-decoration:none;
	cursor:pointer;
}



.product-caption h1{
  font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:40px;
	line-height:100%;
	font-weight:700;
	padding-top: 60px; 	
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}

.product-caption h2{
   padding-top:40px;
	margin-top:0;
	color:#000000;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:22px;
	text-transform: uppercase;
}
.product-caption h3{
   padding-top:20px;
   padding-bottom:50px;
	margin-top:0;
	color:#000000;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:18px;
	text-transform: uppercase;
}
.product-caption p{
    padding-top: 30px; 
	padding-bottom: 80px; 
	text-align: left;
	color:#000000;
	font-size:18px;
}

.product-item-link{
	border: 2px solid #000000;
	padding-top:20px;
	padding-bottom:20px;
	color:#000000;
	padding-right:60px;
	padding-left:20px;
	font-weight:600;
	font-size:20px;
	text-transform: uppercase;
}

.product-item-link:hover{
	background-color: rgba(255,255, 255, .1);	
    text-decoration:none;
	cursor:pointer;
}

.product-ocean-item-link{
	border: 2px solid #ffffff;
	padding-top:20px;
	padding-bottom:20px;
	color:#ffffff;
	padding-right:60px;
	padding-left:20px;
	font-weight:600;
	font-size:20px;
	text-transform: uppercase;
}

.product-ocean-item-link:hover{
	background-color: rgba(255,255, 255, .05);	
    text-decoration:none;
	cursor:pointer;
}

.product-item-image{
	padding-top:120px;
}

.product-item-image-col{
		padding-bottom:80px;
}

.product-ocean-item-image{
	width:350px;
}

.client-image{
	/*width: 70%;*/
	height:60px;
}

.clients-section{
	padding-bottom:30px;
}

.clients-section2{
	padding-bottom:100px;
}

.looking-jobs h1{
	font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:38px;
	line-height:100%;
	font-weight:700;
	padding-top: 0px; 
	padding-bottom: 0px; 	
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}

.looking-jobs-button{
	padding-top:20px;
	padding-bottom:50px;
}



.vision h1{
  font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:40px;
	line-height:100%;
	font-weight:700;
	padding-top: 100px; 	
	color:#ffffff;
	text-transform: uppercase;
	text-align: left;
}

.vision h2{
    padding-top:70px;
	margin-top:0;
	color:#ffffff;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:22px;
	text-transform: uppercase;
}
.vision p{
    padding-top: 20px; 
	padding-bottom: 100px; 
	text-align: left;
	color:#ffffff;
	font-size:18px;
}
.vision-image{
	padding-top:40px;
}



.company-profile h1{
  font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:40px;
	line-height:100%;
	font-weight:700;
	padding-top: 60px; 	
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}

.company-profile h2{
    padding-top:70px;
	margin-top:0;
	color:#000000;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:22px;
	text-transform: uppercase;
}
.company-profile p{
    padding-top: 20px; 
	padding-bottom: 10px; 
	text-align: left;
	color:#000000;
	font-size:18px;
}

.core-team-person{
	padding-bottom:50px;
}

.core-team-person-image{
	height:200px;
}

.social-small-icon {
	height:30px;
}


.core-team-person h3{
	margin-bottom:0px;
	padding-bottom:0px;
	font-family: 'PT Sans','Source+Sans', helvetica, arial, sans-serif;
	font-size:20px;
	line-height:100%;
	font-weight:200;
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}

.core-team-person p{
	margin-top:0px;
	padding-top:0px;
	font-size:18px;
	line-height:100%;
	font-weight:300;
	color:#000000;
	text-align: left;
	
}

.interested-partnership{
	padding-bottom:70px;
}


.section-license-caption {
	padding-bottom:70px;
}

.section-license-caption-decision {
	padding-bottom:30px;
}

.section-license-caption h1{
	font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:28px;
	font-weight:700;
	padding-top: 50px; 
	
	letter-spacing: 0px;
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}

.section-license-caption-decision h1{
	font-family: 'PT Sans','Source Sans', helvetica, arial, sans-serif;
	font-size:28px;
	font-weight:700;
	padding-top: 50px; 
	
	letter-spacing: 0px;
	color:#000000;
	text-transform: uppercase;
	text-align: left;
}

.section-license-caption p{
    padding-top: 5px; 
	font-size:16px;
	color:#000000;
	text-align: left;
	padding-bottom: 70px; 
	line-height:1.6;
}

.section-border{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	border: 1px solid #000000;
}

.ecosystem-item-image{
	width:350px;
}

.footer {
	padding-top: 100px;
}

.footer-get-in-touch{
	padding-top:0px;
}

.footer-get-in-touch a:hover{
	text-decoration:none;
	color:#000000;
}


.footer-contacts{
	padding-top:0px;
	padding-left:0px;
}


.footer-social{
	padding-top:20px;
	padding-left:0px;
}

.footer-social img{
	height:40px;
}

.footer-about{
	padding-top:80px;
}

.footer-section{
	padding-bottom:50px;
}

.section-image{
	padding-top: 100px;
	/*padding-top: 220px;*/
	/*height:600px;*/
}

.section-image-small{
	padding-top: 60px;
	/*height:600px;*/
}

.section-image img{
    max-height:450px;
	/*padding-top: 50px;*/
}
.section-image-small img{
    max-height:150px;
	/*padding-top: 50px;*/
}

.get-offer-box{
	border: 2px solid #000000;
	padding-top:20px;
	padding-bottom:20px;
	color:#000000;
	padding-left:40px;
	font-weight:600;
	font-size:20px;
	text-transform: uppercase;
}

.get-offer-box:hover{
	background-color: rgba(255,255, 255, .2);	
    text-decoration:none;
	cursor:pointer;
}

.charger-offer{
	border-bottom: 2px solid #000000;
	margin-bottom:80px;
}

.charger-offer-image {
    position:absolute;
    right:0px;
	left:auto;
    bottom:0px;
    height:150px;
	/*padding-bottom:50px;*/
}

.footer-button{
	font-size:16px;
	border: 1px solid #ffffff;
    border-radius: 30px 30px 30px 30px;
    padding-top: 15px; 
	padding-bottom: 15px; 
	padding-right: 50px;
	padding-left: 50px;
	height:60px;
	background:#000000;
	color:#ffffff;
	text-align: left;
	white-space: nowrap; 
}

.footer-button-section{
	padding-top:80px;
	padding-bottom:80px;
}

.footer-button:hover{
	background: rgba(0,0, 0, .9);
	color:#ffffff;
	text-decoration: none;
	cursor:pointer;
}

.footer-text{
	font-size:18px;
	color:#000000;
}
.footer-link{
	font-size:18px;
	color:#000000;
}

.footer-link:hover{
	color:#000000;
	text-decoration: undeline;
	cursor:pointer;
}


.bg-icon-question{
	background: url('../img/question.png');
	background-position:95% 50%;
    background-repeat: no-repeat;
}

.bg-icon-openlink-newwindow{
	background: url('../img/newwindow.png');
	background-position:95% 50%;
    background-repeat: no-repeat;
}
.bg-icon-openlink-newwindowblack{
	background: url('../img/newwindowblack.png');
	background-position:95% 50%;
    background-repeat: no-repeat;
}

.bg-icon-arrow-right{
	background: url('../img/right-arrow.png');
	background-position:90% 50%;
    background-repeat: no-repeat;
}

.bg-icon-download{
	background: url('../img/download.png');
	background-position:8% 50%;
    background-repeat: no-repeat;
}

.black-color {
    color:black;
}

@media (max-width: 1080px) {
  .header-section-button {margin-top:160px;}
  .header-section-image {height:350px;}    
  .carousel-image {margin-right: 100px;height:500px;}
  .carousel-image-product {margin-right: 100px;height:500px;}
}

@media (max-width: 900px) {

    .header-section-image {height:280px;}    
    .header-section-button {margin-top:80px;}
    /*.header-section {height:500px;}*/
    .carousel-image {margin-right: 100px;height:300px;}
	.carousel-image-product {margin-right: 100px;height:300px;}
}

@media (max-width: 768px) {
    .header-section-image {    
        padding-top:90px;
		top: 350px;
        left:0px;
        width:100%;
        height:auto;
        position:relative;
    }    
    .carousel-image {display:none}    
	.carousel-image-product {display:none}   
    .header-section {height:inherit;}

}