/**
Stylesheet for Biotechgate header
*/

/*********************** styles for all navigations & default settings*/
.navi-scroll-down, .navi-main {
	width: 100%;
	position: absolute;
	z-index: 20;
	border-top: 10px solid #82b716;
	top: 0px;

	background-color:white;
		
	border-bottom:1px solid #e9e9e9;
	filter: blur(0px);
	}
	
.navi-scroll-down div.utility-login a, .navi-main div.utility-login a {
	padding: 5px 8px;
	padding-left: 30px;
    border: 1px solid #5a9a2f;
    border-radius: 3px;
    background-color: white;
    background-image: url('../../../files/549-fastride/img/Icons/login.png');
    background-repeat: no-repeat;
    background-position: left top;
	} 	
	
.navi-scroll-down div, .navi-main div {
	z-index:25;
	}	
	
.p-overlay {
	margin-top: 10px;
	}
	
#header .navi-scroll-down li.navi-log-in a, #header .navi-scroll-down li.navi-search a {
background-image: url(../../../files/549-fastride/img/Icons/login.png);
    background-repeat: no-repeat;
    background-position: left center;	
    padding-left: 30px !important;
    border-bottom-style: solid;
	}	
#header .navi-scroll-down li.navi-search a {
	background-image: url(../../../files/549-fastride/img/Icons/search_website.png);
	}	
#header .navi-scroll-down li.navi-search {
	/* jre, 17.5.2017: decided to hide / remove website search */
	display: none;
	}
	
#header .mainnavi ul.level_2 {
		width: 250px;
	}	
#header .mainnavi  ul.level_2 li a, #header .mod_navigation ul.level_2 li span {
	border-bottom: 1px dotted silver;
	}
		
#header .navi-scroll-down .mainnavi  ul.level_2 li a,  #header .navi-scroll-down .mod_navigation ul.level_2 li span {
	padding: 9px 37px !important;
	text-align: right;
	}		

/*** default settings for visibility **/
#header .navi-main li.navi-log-in, #header .navi-main li.navi-search {
	display:none;
	}
.desktop-navi-scroll-down .navi-scroll-down {
	display: none;
	}
.desktop-navi-main .navi-main {	
	display: block;
	}
.mobile-navi-scroll-down {
	display: none;
	}	
.desktop-navi-scroll-down {
	display: block;
	}
.desktop-navi-main {	
	display: block;
	}
	
	

/******* styles for other elements ***********/

.extraBox {
	background-color: #EDEDED;
	border-radius: 4px;
	}

.homepage-main {
    padding: 80px 50px 70px 50px !important;
    background: url(../../../files/549-fastride/img/header/raster.png) left top repeat, url(../../../files/549-fastride/img/header/slider_image.jpg) left top no-repeat;
    background-size: auto,cover;
    margin-top: -80px;
}

.homepage-main h1 {
    border: none;
    font-size: 40px;
}
.headerLanding {
	margin-top: -130px;
	}
.homepage-main h1, .homepage-main p, .homepage-main li,
.headerLanding h1, .headerLanding p {
	color: white;
	}
 .homepage-main a.btn, .headerLanding a.btn {
    border: 1px solid white;
    background-color: #5a9a2f;
    color: white;
    font-size: 14px;
    text-transform: none;
    min-width: 230px;
}

 .homepage-main a.ctaButton {
    padding: 6px 12px;
    text-align: center;
}

  .homepage-main a.btn:hover, .headerLanding a.btn:hover {
  	background-color: white;
  	color: #5a9a2f;
  	border-color:#5a9a2f; 
  }

.home-pic-cont {
	width: 50%;
	}
.btg-resp {
	position:absolute;
	width: 50%;
	height: 470px;;
	border: 0px solid red;
	float: right;
	text-align: right;
	background: url(../../../files/549-fastride/img/header/btg-resp.png) left top no-repeat;
    background-size: auto,cover;    
    right:0px;
    margin-top:-400px;
	}
	
#main {
	margin-top: 150px;
	}
	
.our-clients-logos div {
	float: left;
	margin: 0px 30px 20px 0px;
	}
.our-clients-logos div.last {
	margin-right: 0px;
	}	
	
.content-gray {
	background-color:#EDEDED;
	padding: 50px 0px 20px 0px;
	}

.utility-main-menu div p, .utility-request div p {
	margin: 0px;
	} 
	
.ctaMessage {
	font-size: 1.5em;
	text-align: center;	
	}
.ctaBoxCol1, .ctaBoxCol2 {
	width: 100%;
	}
.ctaButtonMain {
	text-align: center;	
	margin-top: 10px;
	margin-bottom: 20px;
	}
.btMainCta {
	padding: 10px 50px;
	font-size: 1.3em !important;
	}
	
.ctaModul {	
	background-image: url('../../../files/549-fastride/img/header/bg-cta.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.ctaDiv {
	margin-left: 150px;
	}

/*********************** styles for default / main navigation */

.navi-main {
	position: fixed;
}
	
.navi-main div.headerUtilityContainer {
	text-align:right;
	float: right;
	width: initial;
	margin-top:8px;
}
	
div.utility-login {
	float: left;
	margin: 14px 0px 0px 12px;
	}

.navi-main div.headerUtilities, .navi-main div.headerSearch {
	float: left;
	}
	
.navi-main div.headerSearch {
	margin-top: 10px;
	margin-left: 15px;
	display: none;
	}
	
#header  .navi-main .mod_navigation {
	width: 100%;
	position: absolute;
	top: 58px;
	
	}
	
#header .navi-main .mod_navigation ul {
 	background: transparent;
 	float:right;
 	margin-right: 22px;
 	
 }	
 
 #header .navi-main .mod_navigation ul.level_2 {
 	float: right;
 	text-align: right;
 	background-color: white;
 	margin-top:1px;
 	border-bottom: 2px solid #82b716 !important;
 }
 #header .navi-main .mod_navigation li.last ul.level_2 {
 	right: 0px;
 } 
 
 .navi-main .mainnavi .level_1 a, .navi-main .level_1 span {
 	padding: 7px 12px 15px 12px;
 }
 
 #header .navi-main .mainnavi  ul.level_2 li a {
 	    border-color:silver;
 }
 
.navi-main  .mainnavi .level_1 a, .navi-main  .mainnavi .level_1 span, #header .navi-main  .mod_navigation ul, .navi-main  .ce_accordion .toggler:hover, 
.navi-main .mod_quicknav, .navi-main  .mod_quicknav select {
    background-color:transparent;
    color: #39393A;
}


/******************** styles for view "scroll-down" navigation */

.navi-scroll-down {
	border-top-width: 5px;
	background-color: transparent;
	}
	
 .navi-scroll-down .headerContainer { 	
 	height: 70px;
 	position: fixed;
 	z-index:100;
 	background-color:white;
 	border-bottom: 1px solid #e9e9e9;
 	left: 0px;
 	top:0px;
 	width: 100%;
 	border-top: 5px solid #82b716;
 }	

 #header .navi-scroll-down .mod_navigation ul {
 	background-color: white;
 	border-bottom: 2px solid #82b716 !important;
 }
 
 .navi-scroll-down .utility-request, .navi-scroll-down .utility-main-menu {
 	position: fixed;
 	top: 20px;
 	right: 200px;
 	z-index:100;
 }
 .navi-scroll-down .utility-main-menu {
 	right: 20px;
 }
 .navi-scroll-down .utility-request .ctaButton {
 	border: 1px solid #5a9a2f;
    border-radius: 3px;
    min-width: 160px;
    padding: 3px 10px 3px 10px;
    background-color:  #82b716;
    color: white;
    cursor: pointer;
 }
  .navi-scroll-down .utility-main-menu div {
 	border: 1px solid  #82b716;
    border-radius: 3px;
    min-width: 160px;
    padding: 3px 35px 3px 15px;
    color:  #82b716;
    cursor: pointer;
 	text-align: right;
	padding-left: 30px;
    background-color: white;
    background-image: url('../../../files/549-fastride/img/Icons/main-nav.png');
    background-repeat: no-repeat;
    background-position: left top;    
 }
 
 .navi-scroll-down div.main-menu-hide {
 	background-image: url('../../../files/549-fastride/img/Icons/main-nav-up.png');
 	display: none;
 }
 
 #header .navi-scroll-down .mainnavi ul li {
    float: none;
}
 
 #header  .navi-scroll-down .mod_navigation {
	width: 370px;
	position: absolute;
	top: 58px;
	right: 0px;
	display: none;
	}
	
.navi-scroll-down  .mainnavi .level_1 a, .navi-scroll-down  .mainnavi .level_1 span, #header .navi-scroll-down  .mod_navigation ul, .navi-scroll-down  .ce_accordion .toggler:hover, 
.navi-scroll-down .mod_quicknav, .navi-scroll-down  .mod_quicknav select {
    background-color:white;;
    color: #39393A;
    text-align: left;
    border-left: 4px solid #82b716;
    border-bottom: 1px dotted silver;
}	

#header .navi-scroll-down .mainnavi ul.level_2 {
	position: relative;
	margin-left: -4px;
	width: 100%;
	display: block;	
	}
#header .mainnavi ul.level_2 li span.active, #header .mainnavi ul.level_2 li span.active:hover,
#header .mainnavi ul.level_2 li a.trail, #header .mainnavi ul.level_2 li span.active, #header .mainnavi ul.level_2 li .active:hover  {
	background-color: white;
	}
	
#header .navi-scroll-down .mainnavi .level_2 a, .navi-scroll-down .mainnavi .level_2 span {
	border-bottom: 1px dotted silver;
	text-align: right;
	}
 .navi-scroll-down .mainnavi .level_1 li {
 	padding: 0px;
 }

 
 .navi-scroll-down .headerUtilities, .navi-scroll-down .headerSearch {
 	display: none;
 }
 
 .navi-scroll-down .mainnavi .level_1 a, .navi-scroll-down .mainnavi .level_1 span {
    padding: 10px 5px;
}

.navi-scroll-down ul.level_2 li a, #header .navi-scroll-down .mod_navigation ul.level_2 li span {
    padding: 5px 5px;
}


div.utility-login-cta {
	position: fixed;
    top: 20px;
    right: 370px;
    z-index: 100;
	margin: 4px 0px;
	
}
.navi-scroll-down div.utility-login-cta a {
	border: 1px solid #82b716;
}

.navi-scroll-down  div.utility-request-cta {
	right: 20px;
}

.navi-scroll-down  div.utility-main-menu-cta {
	right: 200px;
}


/********************** media queries - responsive design ***********************/

@media (max-width: 1200px){
	.mainnavi .level_1 a, .mainnavi .level_1 span {
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	    font-size: 14px;
	}	
	
	.navi-main .headerUtilities .utility {
		font-size: 14px;
	}
	
	.headerInput {
		width: 180px;
	}
	
	.home-pic-cont {
	    width: 100%;
	}
}

@media (max-width: 980px){
	
	.desktop-navi-scroll-down {
		display: none;
		}
	.desktop-navi-main {	
		display: none;
		}
	.mobile-navi-scroll-down, .mobile-navi-scroll-down .navi-scroll-down {
		display: block;
		}		
		
	.homepage-main h1 {
	    font-size: 30px;
	}	
	
	.ctaMessage {
		padding-left: 0px;
		padding-right: 0px;
	}	
	.ctaDiv {
		margin-left: 0px;
	}
	
	.ctaModul {
	background-image: url('../../../files/549-fastride/img/header/bg-cta-small.jpg');
	background-position: left top;
	padding-top: 10px;
	padding-bottom: 10px;
	}	
	
}

@media (max-width: 720px){
	
	.btg-resp {
		background-size: 150%;
		height: 250px;	
		margin-top: -180px;
		margin-right: -0px;
	}
	
	.ctaModul {
		padding: 0px;
	}
	
	.ctaButtonMain {
		margin-bottom: 0px;
	}
	
}

@media (max-width: 580px){
	
	.ctaDiv {
		padding: 0px !important;
		min-height: 155px;
	}
	
	.ctaMessage {
		font-size: 1.3em;
		padding-bottom: 0px;
	}
	
	.btMainCta {
		font-size: 1.1em;
		padding: 8px 25px;
	}
	
	.ctaModul {		
		background-position: center bottom;
	}
	
	.btg-resp {
		display: none;
	}
	
	.navi-scroll-down .utility-main-menu div p, .navi-scroll-down .utility-request div p {
	 	display: none;	 	 
	}	
	
	.navi-scroll-down .utility-main-menu .btn-main-menu {
		height: 30px !important;
		width: 40px !important;
		min-width:initial;
		padding: 0px;
	}	
	
	.navi-scroll-down .utility-main-menu {
	    right: 15px;
	}	
	
	.navi-scroll-down .utility-request {
		right: 65px;		
	}	
	
	.navi-scroll-down .utility-request .ctaButton {
		height: 30px;
		width: 80px;
		min-width: initial;
	}
	.navi-scroll-down .utility-request .ctaButton::after {
		content: 'Get trial';
		
	}
	
	#header .navi-scroll-down .mod_navigation {
	    width: 100%;
	    top: 59px;
	    right: 0px;
	}	
	
	.homepage-main h1 {
	    font-size: 19px;
	    margin-bottom:10px;
	}	
	
	.homepage-main {
	    padding: 10px 10px 20px 10px !important;
	}		
	
	.home-pic-cont ul {
		padding-left: 15px;
	}
	
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	
}


	
	
	

