
	body{
		margin:0px;
		padding:0px;
	
	}

	p{
		margin:0px;
		padding:0px;
	}
	
	
/*========= MAIN CONTAINERS ===========*/

	#Wrapper
	{
		width: 300px;
		height: 600px;
		top:0px;
		left:0px;
		position: absolute;
		/* background-color:#F00; */
		z-index:0;
		
		background: #ffffff; /* Old browsers */
		
	}
	
	#_click_btn{
		position: absolute;
		width: 100%;
		height: 100%;
		
		z-index: 100;
		
		cursor: pointer;
	}
	
	#Visual
	{
		width: 300px;
		height: 600px;
		top:0px;
		left:0px;
		position: absolute;
		background-color:#F00;
		z-index:1;
	}
	
/*========= MAIN CONTAINERS ===========*/
	
	
	
/*========= HEADER DYNAMIC CONTAINERS ===========*/

	#_logo
	{
	    width: 50px;
	    height: auto;
	    top: 10px;
	    right: 10px;
	    bottom: auto;
	    position: absolute;
	}
	
	#_welcome_msg{
		position: absolute;
		left: 5px;
		top: 485px;
        width: 290px;
	}
	
	#_dealer_name{
		position: absolute;
		left: 5px;
		top: 510px;
        width: 290px;
	}
	
	#_model_name{
		position: relative;
		width: 200px;
        left: 50px;
		top: 70px;
		text-align: center;
	}
	
	
	
	#_car_image_url
	{
		width:300px;
		height: auto;
		top: 178px;
		bottom:auto;
		position: absolute;
		cursor: pointer;
		overflow: visible !important;
		z-index: 99;
	}
	#_car_image_url > img{
		position: absolute;
	    top: 0;
	    left: 0;
	    height: auto !important;
	    transition: all 0.3s ease;
	}
	
	#_description{
		position: absolute;
	    top: 350px;
	    width: 260px;
	    padding: 0px 20px;
	    left: 0px;
	    text-align: center;
	}
	
	#_price_container{
		position: absolute;
	    top: 110px;
	    width: 290px;
        left: 5px;
        text-align: center;
	}
	
	#_cta_container{
		border-radius: 0px;
		padding: 9px 10px;
		cursor: pointer;
		bottom: 5px;
		left: 5px;
		width: 290px;
		position: absolute;
		z-index:101;
		
		transition: all 0.1s ease;
	}
	

/*========= DYNAMIC CONTAINERS ===========*/	



/*========= CLASS ===========*/

	.border
	{
		z-index: 103;
		position:absolute;
		top:0px;
		left:0px;
		
	    pointer-events: none;
	}
	
	.cta_text{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size:12px !important;
		font-weight: 600;
	}
	
	.welcome_text{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size: 14px !important;
		font-weight: 400;
        text-align: center;
	}	
	.dealer_text{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size: 16px !important;
		font-weight: 800;
		color: #000000;
        text-align: center;
        line-height: 16px;
	}
	.model_text{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size: 18px !important;
		font-weight: 800;
		color: #af0332;
        line-height: 18px;
	}
	.description_text{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size: 14px !important;
		font-weight: 400;
		color: #000000;
	}
    .extra_txt1{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size: 19px !important;
		font-weight: 600;
		color: #000000;
		text-align: center;
        display: inline-block;
        line-height: 19px;
	}
    .extra_txt2{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size: 19px !important;
		font-weight: 600;
		color: #000000;
		text-align: center;
        display: inline-block;
        line-height: 19px;
	}
	.extra_txt3{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size: 12px !important;
		font-weight: 400;
		color: #000000;
		text-align: center;
        line-height: 12px;
	}
	
	.price_txt{
		font-family:"Montserrat",Arial,Helvetica,sans-serif !important;
		font-size: 19px !important;
		font-weight: 600;
		color: #000000;
		text-align: center;
        display: inline-block;
        line-height: 19px;
	}
	.uppercase {
    	text-transform: uppercase;
	}
/*========= CLASS ===========*/	



/*========= FADER CONTAINERS ===========*/		
	#_visual_fader
	{		
		position:absolute;
		z-index:5;
		width: 300px;
		height: 600px;
		top:0px;
		left:0px;
		background-color: #ffffff;
		opacity:1;
		
		z-index: 102;
		
		-webkit-animation-duration: 10s;
		-moz-animation-duration: 10s;
		-ms-animation-duration: 10s;
		animation-duration: 10s;
	    animation-fill-mode: forwards;	
	    
	    pointer-events: none;	
	}
	
/*========= FADER CONTAINERS ===========*/	



/*========= ANIMATIONS =========*/

	.fader_animation
	{
		animation-name: AnimFader;
		-webkit-animation-name: AnimFader; 
	    -mox-animation-name: AnimFader;
	    -ms-animation-name: AnimFader;
	}

				@-mox-keyframes AnimFader
				{
					0%{opacity:0}
					1%{opacity:1}
					15%{opacity:1}
					20%{opacity:0}
					100%{opacity:0}
				}
				
				@-webkit-keyframes AnimFader
				{
					0%{opacity:0}
					1%{opacity:1}
					15%{opacity:1}
					20%{opacity:0}
					100%{opacity:0}
				}
				
				@-ms-keyframes AnimFader
				{
					0%{opacity:0}
					1%{opacity:1}
					15%{opacity:1}
					20%{opacity:0}
					100%{opacity:0}
				}
				
				@keyframe AnimFader
				{
					0%{opacity:0}
					1%{opacity:1}
					15%{opacity:1}
					20%{opacity:0}
					100%{opacity:0}
				}

/*========= ANIMATIONS =========*/
	
	
	
				
	