/* ====================================================================================================================
   overlay-offer
   ==================================================================================================================== */

.overlay-offer{
	width: 860px;	
	height: 448px;
	margin: 0;
}

.of-left{
	float: left;
	width: 52%;
}

.of-right{
	float: right;
	width: 47%;
}

.of-right-inner{
	padding: 28px 29px 18px 61px;
}

.of-img{
	display: block;
	width: 100%;
	height: auto;	
}	

.overlay-offer h2{
	font-size: 40px;
	line-height: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	color: black;	
}

.overlay-offer h3{	
	font-size: 40px;
	font-weight: 300;
	line-height: 1.1em;
	color: black;
	text-transform: none;	
	max-width: 290px;
}

.overlay-offer p{
	
	margin-top: 22px;
}

.of-phead{
	font-size: 30px;	
	line-height: 1.2em;
	font-weight: 300;
}	

.overlay-offer a{
	font-size: 14px;	
}	

.overlay-offer .more{
	font-weight: 400;
	text-decoration: none;
}

@media screen and (max-width: 1000px){

	.overlay-offer{
		width: 380px;	
		height: auto;
	}
	
	.of-left,
	.of-right{
		float: none;
		width: auto;	
	}
	
	.of-right-inner{
		padding: 36px 22px 0 22px;
	}
	
	.overlay-offer h2{
		font-size: 26px;	
	}
	
	.overlay-offer h3,
	.of-phead{
		font-size: 20px;	
	}
	
	.overlay-offer h3{
		font-weight: 400;
	}								
}

@media screen and (max-width: 767px){

	.overlay-offer{
		padding: 0 22px;	
	}
	
	.of-left{
		display: none;	
	}
	
	.of-right-inner{
		padding-top: 0;	
	}
}	

@media screen and (max-width: 568px){

	.overlay-offer{
		width: 350px;	
	}
	
	.of-right-inner{
		padding: 0;
	}	
	
	.overlay-offer h2{
		font-size: 23px;	
	}
	
	.overlay-offer h3,
	.overlay-offer p{
		margin-top: 14px;	
	}	
	
	.overlay-offer h3{
		margin-top: 0.6rem;	
	}		
}

@media screen and (max-width: 480px){

	.overlay-offer{
		width: 260px;	
	}	
}

/* ====================================================================================================================
   overlay-offer-responsive
   ==================================================================================================================== */
   
.overlay-offer-responsive{
	position: relative;	
}

                                       .overlay-offer-responsive{ width: 860px; }
@media screen and (max-width: 1000px){ .overlay-offer-responsive{ width: 350px; } }	
@media screen and (max-width: 480px){  .overlay-offer-responsive{ width: 290px; } } 

.oor-left,
.oor-right{

	width: 50%;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;	
}

@media screen and (max-width: 1000px){ .oor-left, .oor-right{ width: 100%; } }	

.oor-left{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media screen and (max-width: 1000px){ .oor-left{ position: static;} }
@media screen and (max-width: 767px) { .oor-left{ display: none; } }


.oor-right{
	position: relative;
	margin-left: 50%;
}

@media screen and (max-width: 1000px){ .oor-right{ margin-left: 0; } }

.oor-left img{
	display: none;	
}

@media screen and (max-width: 1000px){

	.oor-left img{
		display: block;	
		width: 100%;
		height: auto;
	}	    			
}

/* ====================================================================================================================
   overlay-offer-responsive-lcg-2017
   ==================================================================================================================== */

                                       .overlay-offer-responsive-lcg-2017{ width: 600px; }
@media screen and (max-width: 1000px){ .overlay-offer-responsive-lcg-2017{ width: 310px; } }	
@media screen and (max-width: 480px){  .overlay-offer-responsive-lcg-2017{ width: 270px; } } 

.overlay-offer-responsive-lcg-2017 .oor-right{
	
	padding-left: 36px;	
}

@media screen and (max-width: 1000px){

	.overlay-offer-responsive-lcg-2017 .oor-right{
		padding-left: 0;	
	}	
}	

@media screen and (max-width: 767px){

	.overlay-offer-responsive-lcg-2017 .oor-right{
		padding: 0 22px;	
	}	
}

.overlay-offer-responsive-lcg-2017 .oor-right h2{
	text-transform: none;
	font-weight: 400;
	color: black;	
}	

@media screen and (max-width: 1000px){
	
	.overlay-offer-responsive-lcg-2017 .oor-right h2{
		margin-top: 36px;	
	}	
}

@media screen and (max-width: 767px){
	
	.overlay-offer-responsive-lcg-2017 .oor-right h2{
		margin-top: 0;	
	}	
}

@media screen and (min-width: 768px){
	
	.overlay-offer-responsive-lcg-2017 .oor-right p{
		font-size: 19px;	
	}	
}
	

.oor-btn{
	display: block;
	width: 160px;
	margin: 0 auto;
}

.oor-btn img{
	display: block;
	width: 100%;
	height: auto;	
}	


/* ====================================================================================================================
   overlay-offer-toy-ride
   ==================================================================================================================== */

.overlay-offer-toy-ride .of-right{
	position: relative;
	height: 100%;	
}	

.overlay-offer-toy-ride .of-right-inner{
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	
	position: absolute;
	top: 50%;
	left: 0;
	
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	
	width: 100%;
	
	padding-top: 0;
	padding-bottom: 0;
}

.overlay-offer-toy-ride h3{
	font-weight: 700;
	text-transform: uppercase;	
	max-width: none;
}	

.overlay-offer-toy-ride .offer-h3-break{
	display: block;	
}

@media screen and (max-width: 1000px){

	.overlay-offer-toy-ride .of-right{
		height: auto;	
	}

	.overlay-offer-toy-ride .of-right-inner{
		
		position: static;
		
		padding: 36px 22px 0 22px;
		
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	
	.overlay-offer-toy-ride h3{
		font-weight: 700;	
		font-size: 26px;
	}								
}

@media screen and (max-width: 767px){

	.overlay-offer-toy-ride .of-right-inner{
		padding-top: 0;	
	}
}	

@media screen and (max-width: 568px){

	.overlay-offer-toy-ride .of-right-inner{
		padding: 0;
	}
	
	.overlay-offer-toy-ride h2{
		padding-right: 20px;	
	}		
}


/* ====================================================================================================================
   overlay-offer-12
   ==================================================================================================================== */
   
.overlay-offer-12 .of-right{
	position: relative;
	height: 100%;	
}

.overlay-offer-12 .of-right-inner{
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	
	position: absolute;
	top: 50%;
	left: 0;
	
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	
	width: 100%;
	
	padding-top: 0;
	padding-bottom: 0;
}  

.overlay-offer-12 h2{
	font-size: 36px;	
} 

@media screen and (max-width: 1000px){

	.overlay-offer-12 .of-right{
		height: auto;	
	}	
	
	.overlay-offer-12 .of-right-inner{
		
		position: static;
		
		padding: 36px 22px 0 22px;
		
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;		
	}								
}

@media screen and (max-width: 767px){

	.overlay-offer-12 .of-right-inner{
		padding-top: 0;	
	}
}	

@media screen and (max-width: 568px){

	.overlay-offer-12 .of-right-inner{
		padding: 0;
	}	
	
	.overlay-offer h2{
		font-size: 23px;	
	}		
}