/*********************************************************** Shared *******************************************/
body{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	font-family: "Avenir";
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  	background-image: linear-gradient(to bottom, #f2f2f2, #dddddd);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.hidden {
	display:  none;
}
.invisible {
	opacity: 0;
	pointer-events: none;
}
.topLeft{
	position: absolute;
	top: 0px;
	left: 0px;
}
.fullScreen{
	width:100%;
	height:100%;
	background-size: contain;
    /*overflow: hidden;*/
}
.Screen{
	position: absolute;
    top: 0px;
	width:100%;
	height: 100%;
	/*font-family: "Helvetica-Light";*/
}
@media only screen and (max-width : 1024px){
	.Screen.deliverySystemStep.adjusted{
    	top: -40px;
	}
}
.Screen .bold{
	/*font-family: "HelveticaNeueLTStd-Bd";*/
}

#preloaded_images_temp{
	position: absolute;
	top: 0px;
	left:0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0.1;
}

.blur{
  filter: blur(8px);
  -webkit-filter: blur(8px);
}


#popover_area{
	background-color: rgba(0,0,0,0.8);
}
.close_btn2{
	/*background-image: url("../../images/close_btn.png");*/
	position: absolute;
	top:15px;
	right:15px;
	width:108px;
	height:108px;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	opacity: 0.9;
}
.loader {
  margin: 500px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

/************************************************************ Navigation ***************************************/
#MainBounds{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*background-color: #54b236;*/
}
#ScaledContainer{
	position: absolute;
	top:0px;
	width:1024px;
	height:768px;
	transform-origin: left top;
}
#MainContainer{
	position: absolute;
	top: 0px;
	left: 0px;
	width:1024px;
	height:768px;
}
#MainContainerOverlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width:1024px;
	height:768px;
	pointer-events: none;
   /* background: linear-gradient(to right, white, rgba(255,255,255,0)1%,rgba(255,255,255,0) 99%, white);*/
}
@media only screen and (max-width : 1024px){
	#MainContainerOverlay{
    	background: inherit;
	}
}
@media only screen and (min-aspect-ratio : 1405 / 928){
	#MainContainerOverlay{
		height:1038px;
	}
}