/* HELPER CLASSES */
.text-center{ text-align: center; }
.text-uppercase{ text-transform: uppercase; }
.text-blue{ color:#086FB1; }
.text-lt{ font-family: Helvetica Neue LT W01_55 Roman,Helvetica,Arial,sans-serif;	}
.text-md{ font-family: Helvetica Neue LT W01_73 Bd Ex,Helvetica,Arial,sans-serif;	}
.text-hv{ font-family: Helvetica Neue LT W01_83 Hv Ex,Helvetica,Arial,sans-serif; 	}



/*  RAIN ANIMATIONS  */

#animate-rain1{ 
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	background-image: url('../img/levels/digital/digital-lander/rain/rain1-tiled.png');
	background-position: 0px 0px;
	background-repeat: repeat;
	background-size: 300px 168px;
	background-size: 600px 336px;
}

#animate-rain2{ 
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

	background-image: url('../img/levels/digital/digital-lander/rain/rain2.png');
	background-position: 0px 0px;
	background-repeat: repeat;
	background-size: 600px 280px;
}


.digital-levels{
	background: red;
}


/*  DIGITAL LEVELS HEADER  */

.digital-lander-header{
	background: url('../img/levels/digital/digital-lander/hero-bg.jpg');
	background-repeat: no-repeat !important;
	background-position: bottom !important;
	text-align: center;
	padding: 30px 0 120px 0;
}

.digital-lander-header .hero-video{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0 auto;
}

.digital-lander-header .bg-overlay{
	background: url('/css/assets/gridtile_3x3.png');
    background-repeat-x: initial;
    background-repeat-y: initial;
}

.digital-lander-header .page-title h2{
	font-size: 2em;
	letter-spacing: 1px;
	margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 300;
}

.digital-lander-header .page-title h3{
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.2;
	margin-bottom: 20px;
}
/*
 .find-retailers-button{
	border: 2px solid #f2a94e;
	color: #f2a94e;
	padding: 15px;
	border-radius: 5px;
	width: 190px;
	margin: 50px auto;
	position: relative;
    top: -3px;
    font-size: 16px;
    cursor: pointer;
}*/



.digital-lander-header .find-retailers-button img{
	width: 10px;
	margin-left: 5px;
}
 




/*  HERO  */

.hero-levels img{
	width: 100%;
}

/*  AUTO-CALIBRATION  */

.auto-calibrated-icons img,
.auto-calibrated-icons div{
	display: inline-block;
	vertical-align: middle;
}

.auto-calibrated-icons .arrows{
	width: 40px;
	position: relative;
	top: 2px;
}



/*  INSPECT MODE  */
.inspect-mode-wrapper {
	margin-top: 50px;
	padding: 10px;
}

.inspect-mode-wrapper .col-sm-6 {
	position: relative;
	padding: 0;
	float: left;
}

.inspect-mode-wrapper .inspect-mode-image{
	width: 100%;
	float: right;
}

.inspect-mode-wrapper .content{
	background: #1570af;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 18%;
	color: #fff;
}


.inspect-mode-wrapper .content h4{
	text-transform: uppercase;
	font-size: 3em;
	color: #fff;
	margin-bottom: 20px;
}

.inspect-mode-wrapper .content .ramp-icon{
	margin-top: 15px;
	width: 20%;
}


/*  MEASURING MODES  */

.measuring-modes-header{
	margin: 70px 0 30px;
}

.measuring-modes  .mode-screen-wrapper{
	text-align: right;
}

.measuring-modes .mode-screen{
	width: 80%;
}
.measuring-modes .left{
	width: 55%;
	float: left;
	padding-left: 7%;
}
.measuring-modes .right{
	width: 45%;
	float: right;
}
.measuring-modes ul{
	padding: 0;
	margin: 0 0 0 15px;
	cursor: default;
}
.measuring-modes ul li{
	margin: 5px 0;
}
.measuring-modes ul li:hover,
.measuring-modes ul li.active{
	font-family: Helvetica Neue LT W01_83 Hv Ex,Helvetica,Arial,sans-serif;
	list-style-image: url('../img/levels/digital/digital-lander/icons/hover-arrow.png')
}

.measuring-modes strong{
	font-size: 1.2em;
}

/*  IP65   */

.ip65{
	margin: 70px 0 20px;
	position: relative;
}

.ip65 .content{
	position: absolute;
	top: 1.9em;
	left: 0;
	height: 80%;
	width: 100%;
}

.ip65 .water-icon{
	width: 3em;
}

.ip65 h3{
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	margin-top: 0.4em;
	letter-spacing: 1px;
}

.ip65 h4{
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/*  FEATURES  */

.features.mobile .col-sm-12{
	overflow-x: visible;
}


.features.mobile .features-warpper{
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.features.mobile .features-warpper img{
	width: 230%;
}

.features{
	margin: 20px 0 50px;
	width: 100%;
}

.features img{
	width: 100%;
}

.additional-features ul{
	margin: 0 0 0 15px;
	padding: 0;
}

.additional-features h4{
	color: #778899;
}


.display-image-wrapper{
	position: relative;

}

.backlit-display-on{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}




/*  ICONS  */

.icons{
	margin: 70px 0 40px;
}

.icons .icon-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}
.icons .icon-list ul li{
	display: inline-block;
	width: 15%;
	padding: 5px;
}

.icons .icon-list ul li img{
	width: 100%;
}


/* MAIN VIDEO  */

.main-video {
	margin: 70px 0;
	padding: 0;
}

.main-video .play-button{
	width: 10%;
	position: absolute;
	top: 35%;
    left: 45%;
    opacity: 0.9;
    cursor: pointer;
}

.main-video .play-button:hover{
	opacity: 1;
}






.lightbox-images{
	margin: 30px 0;
}

.related-products{
	margin: 50px 0;
}


.div-bar{
	border-bottom: 1px solid #aaaaaa;
	margin: 20px 0;
}

/*  PRODUCTS LIST  */

.products-list{
	margin: 10px 0;
}

.products-list .col-sm-6 {
	margin: 40px 0;
}



.download-manual{
	border: 2px solid #086fb1;
	color: #086fb1;
	padding: 20px;
	display: block;
	margin: 40px 0;
	text-align: center;
	width: 200px;
	border-radius: 3px;
	letter-spacing: 1px;
	cursor: pointer;

}

.download-manual:hover{
	color: #fff;
	background: #086fb1;
}




/*.flex-mobile-first{
	 order: 2;
}

.flex-mobile-second{ 
	 order: 1;
}
*/

@media (max-width:900px) {
	.digital-lander-header .hero-video{
		width: auto;
		min-width: 100%;
		height: 100%;
	}

}


@media (max-width:767px) {

	#animate-rain1{ 
		background-size: 300px 168px;
	}
	#animate-rain2{ 
		background-size: 300px 140px;
	}

	.flex-wrapper{
		display: flex;
		flex-direction: row;
	    flex-wrap: wrap;
	}

	.flex-mobile-first{
		 order: 1;
	}

	.flex-mobile-second{
		 order: 2;
	}

	.div-bar{
		margin: 20px;
	}

	.icons .find-retailer-bottom{
		text-align: center;
		margin: 30px auto 0 auto;
	}

	.icons .icon-list ul{
		text-align: center;
	}

	.measuring-modes  .mode-screen-wrapper{
		text-align: center;
		margin-bottom: 30px;
	}

	.display-image-wrapper{
		margin: 0 20px 20px 20px;
	}


	.download-manual{
	    margin: 40px auto;
	}

	.additional-features-list{
		margin: 5% 0 0 10%;
	}

}


@media (max-width:400px) {
	.inspect-mode-wrapper .right-side{
		height: 350px;
	}
}