


/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}


	body {
		line-height: 1;
	}


	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.holder {
		margin-left: auto;
		margin-right: auto;
	}

	.holder {
		width: 1000px;
	}




	@media screen and (min-width: 737px) {
		.holder {
			width: 1000px;
		}

	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {
		.holder {
			width: 90%;
		}

	}

	@media screen and (max-width: 736px) {
		.holder {
			width: 90% ;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.col1 {
		width: 100%;
		clear: none;
    	margin-left: 0;
	}

	.col2 {
		width: 50%;
		clear: none;
    	margin-left: 0;
    	margin-top:-37px;
	}


	.col3 {
		width: 36%;
		clear: none;
    	margin-left: 0;
    	margin-top:150px;
	}

	
	@media screen and (min-width: 737px) {
		
	}

	@media screen and (min-width: 737px) and (max-width: 1200px) {
		.col2 {
			width: 100%;
		}


		.col3 {
			width: 100%;
			margin-top:40px;
		}
		
	}

	@media screen and (max-width: 736px) {
		.col2 {
			width: 100%;
		}


		.col3 {
			width: 100%;
			margin-top:40px;
		}
		
	}




/* Basic */

	body {
		color: #474f51;
		font-size: 12.5pt;
		font-family: 'Arial';
		line-height: 1.85em;
		font-weight: 300;
		background: url(back.jpg) no-repeat;
	}


		#firstSection{
			background: -webkit-linear-gradient(#ff6600, #ff9c3a); 
			background: -o-linear-gradient(#ff6600, #ff9c3a); 
			background: -moz-linear-gradient(#ff6600, #ff9c3a); 
			background: linear-gradient(#ff6600, #ff9c3a);
			height: 161px;
		}

		#secondSection{
			margin-top:-150px;
		}


		#title_offer{
			color: red;
		    font-size: 30px;
		    font-weight: bold;
		    margin-top: 62px;
		    text-align: center;
		    text-transform: uppercase;
		}

		.offer_description{
			 font-size: 17px;
			 margin-top: 10px;
			 text-align: center;
		}

		.offer_description span{
			 text-transform: uppercase;
			 font-weight: bold;
		}

		


		footer{
			background: -webkit-linear-gradient(#ff9c3a, #ff6600); 
			background: -o-linear-gradient(#ff9c3a, #ff6600); 
			background: -moz-linear-gradient(#ff9c3a, #ff6600); 
			background: linear-gradient(#ff9c3a, #ff6600);
			margin-top:-11px;
		}


		.footer_txt{
			text-align: left;
			line-height: 18px;
			font-size: 15px;
			padding-top: 30px;
			margin-top: 30px;

		}

		.white_line{
			width: 100%;
			background-color: white;
			height: 1px;
			margin-top: 30px;
			margin-bottom: 30px;
		}

		.email{
			color: white;
			font-size: 15px;
			text-decoration: none;
			display: inline-block;
		}

		.tel{
			color: white;
			font-size: 15px;
			text-decoration: none;
			margin-left: 50px;
			display: inline-block;
		}

		.social{
			margin:auto;
			width: 100%;
			padding-bottom: 30px;
		}

		button{
				background: -webkit-linear-gradient(#ff6600, #ff9c3a); 
				background: -o-linear-gradient(#ff6600, #ff9c3a); 
				background: -moz-linear-gradient(#ff6600, #ff9c3a); 
				background: linear-gradient(#ff6600, #ff9c3a);
			    border: 0 solid grey;
			    border-radius: 5px;
			    color: white;
			    font-size: 15px;
			    height: 43px;
			    width: 136px;
			    float: left;
			    cursor: pointer;
			}


		



/* Desktop */

	@media screen and (min-width: 737px) {

		/* Basic */

			body {
				min-width: 1200px;
				//overflow: hidden;
			}



		/* Header */

			#secondSection #title{
				color: white;
			    font-size: 30px;
			    font-weight: bold;
			    margin-left: 138px;
			    margin-top: 74px;
			    text-transform: uppercase;
			}

			#secondSection .row{
			    text-align: center;
			}


			#secondSection #title span{
				color: white;
				font-size:54px;
				text-transform: uppercase;
			}

			#secondSection #subtitle{
			    font-size: 27px;
			font-weight: bold;
			line-height: 40px;
			margin-left: 165px;
			margin-top: 80px;
			}

			#success{
				font-weight: bold;
				font-size: 25px;
				color: black;
			}

			#success.gold{
				font-weight: bold;
				font-size: 25px;
				color: red;
			}

			#facebook{
				margin-left: -224px;
				margin-top:35px;
			}

			#secondSection #subtitle span:first-child{
				color: red;
				font-size:85px;

			}

			#secondSection #subtitle span{
				color: red;
			}


			#picSection{
				text-align: center;
				margin-top:-44px;
			}


			#picSection #sub_subtitle{
				font-size: 21px;
			    margin-top: -83px;
			    text-align: center;
			    width: 403px;
				
			}
			
			.apply { 
			display: block;
			margin: auto;
			width: 220px;
			margin-bottom: 20px;
			}

			#picSection #main_pic{
				margin: -124px auto auto -138px;
			}

			button{
				background: -webkit-linear-gradient(#ff6600, #ff9c3a); 
				background: -o-linear-gradient(#ff6600, #ff9c3a); 
				background: -moz-linear-gradient(#ff6600, #ff9c3a); 
				background: linear-gradient(#ff6600, #ff9c3a);
			    border: 0 solid grey;
			    border-radius: 5px;
			    color: white;
			    font-size: 15px;
			    height: 43px;
			    width: 220px;
			    float: left;
			    cursor: pointer;
				margin-bottom: 20px;
			}

			#logo_title{
				margin-top:3px;
			}


		/* Footer */

			


			
	}




	/* Tablet */

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		/* Basic */
			body {
				min-width: 100%;
			}

		
		
		/* Header */
			#logo_title{
				transform:scale(0.5);
				margin-top:17px;
			}

			#firstSection{
				height: 100px;
			}

			#secondSection{
				text-align: center !important;
			}

			.row > *{
				float: none;
			}
			

			#secondSection #title{
				margin-top: -60px;
				font-size: 22px;
				font-weight: bold;
				margin-left: 0px;
				float: none;
			}


			#secondSection #title span{
				color: #ff6d07;
				font-size:27px;
				text-transform: uppercase;
			}

			#secondSection #subtitle{
				margin-top: 0px;
				margin-left: 0px;
				font-size: 22px;
				font-weight: bold;
				float: none;
			}

			#secondSection #subtitle span:first-child{
				color: red;
				font-size:38x;
			}

			#secondSection #subtitle span{
				color: red;
			}


			#main_pic{
				width: 100%;
				margin-top: 10px;
			}

			#facebook{
				margin-left: 0px;
				margin-top:-14px;
			}


			.offer_description{
				font-size: 16px;
    			text-align: center;
			}

			#title_offer{
				font-size: 23px;
			    margin-top: 20px;
			    text-align: center;
			}

			.footer_txt{
				text-align: center;
				line-height: 15px;
				font-size: 13px;
			}

			#picSection #sub_subtitle {
				 float: none;
			    font-size: 18px;
			    margin-left: 0px;
			    margin-top: 77px;
			    text-align: center;
			    width: 100%;
			}

			#secondSection #subtitle span:first-child {
			    color: red;
			    font-size: 60px;
			}

			#secondSection #subtitle {
			    float: none;
			    font-size: 39px;
			    font-weight: bold;
			    margin-left: 0;
			    margin-top: 0;
			}

			#secondSection #title {
			    color: #474f51;
			    float: none;
			    font-size: 22px;
			    font-weight: bold;
			    margin-left: 0;
			    margin-top: -33px;
			}

			#picSection #main_pic {
			     margin: -91px auto auto;
    			width: 100%;
			}

			

		/* Footer */

			
		.email{
			color: white;
			font-size: 12px;
			text-decoration: none;
			display: inline-block;
		}

		.tel{
			color: white;
			font-size: 12px;
			text-decoration: none;
			margin-left: 50px;
			display: inline-block;
		}


		button{
			background: -webkit-linear-gradient(#ff6600, #ff9c3a); 
			background: -o-linear-gradient(#ff6600, #ff9c3a); 
			background: -moz-linear-gradient(#ff6600, #ff9c3a); 
			background: linear-gradient(#ff6600, #ff9c3a);
		    border: 0 solid grey;
		    border-radius: 5px;
		    color: white;
		    font-size: 15px;
		    height: 43px;
		    width: 136px;
		    float: none;
		    cursor: pointer;
		}

		.col3 {
		    margin-top: 40px;
		    text-align: center;
		    width: 100%;
		}
			


	}







/* Mobile */
	@media screen and (max-width: 736px) {
		/* Basic */
			body {
				min-width: 100%;
			}

		
		/* Header */
			#logo_title{
				transform:scale(0.5);
				margin-top:17px;
			}

			#firstSection{
				height: 100px;
			}

			#secondSection{
				text-align: center !important;
			}

			.row > *{
				float: none;
			}
			

			#secondSection #title{
				margin-top: -42px;
				font-size: 22px;
				font-weight: bold;
				margin-left: 0px;
				float: none;
				text-transform: uppercase;
			}


			#secondSection #title span{
				color: #ff6d07;
				font-size:27px;
				text-transform: uppercase;
			}

			#secondSection #subtitle{
				margin-top: 0px;
				margin-left: 0px;
				font-size: 22px;
				font-weight: bold;
				float: none;
				line-height: 20px;
			}

			#secondSection #subtitle span:first-child {
			    color: red;
			    font-size: 34px;
			}

			#secondSection #subtitle span{
				color: red;
			}


			#main_pic{
				width: 100%;
				margin-top: -50px;
			}


			.offer_description{
				font-size: 16px;
    			text-align: center;
			}

			#title_offer{
				font-size: 23px;
			    margin-top: 20px;
			    text-align: center;
			}

			.footer_txt{
				text-align: center;
				line-height: 15px;
				font-size: 13px;
			}

			#secondSection #sub_subtitle {
				 float: none;
			    font-size: 18px;
			    margin-left: 0px;
			    margin-top: 48px;
			    text-align: center;
			    font-weight: bold;
			}

			

		/* Footer */

			
		.email{
			color: white;
			font-size: 12px;
			text-decoration: none;
			display: inline-block;
		}

		.tel{
			color: white;
			font-size: 12px;
			text-decoration: none;
			margin-left: 50px;
			display: inline-block;
		}


		button{
			background: -webkit-linear-gradient(#ff6600, #ff9c3a); 
			background: -o-linear-gradient(#ff6600, #ff9c3a); 
			background: -moz-linear-gradient(#ff6600, #ff9c3a); 
			background: linear-gradient(#ff6600, #ff9c3a);
		    border: 0 solid grey;
		    border-radius: 5px;
		    color: white;
		    font-size: 15px;
		    height: 43px;
		    width: 186px;
		    float: none;
		    cursor: pointer;
			margin-top: 20px;
		}

		.col3 {
		    margin-top: 40px;
		    text-align: center;
		    width: 100%;
		}

		#main_pic {
		    margin-top: -13px;
		    width: 105%;
		}

}


		@media screen and (max-width: 420px) {
			#secondSection #subtitle{
				margin-top: -14px;
				margin-left: 0px;
				font-size: 22px;
				font-weight: bold;
				float: none;
			}
		}
		





.afp_hidden {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;  
}
.afp_visible {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;  
}





button:hover{
	background: -webkit-linear-gradient(#ff9c3a, #ff6600); 
	background: -o-linear-gradient(#ff9c3a, #ff6600); 
	background: -moz-linear-gradient(#ff9c3a, #ff6600); 
	background: linear-gradient(#ff9c3a, #ff6600);
	}
	
	
			@media screen and (max-width: 420px){
				html,body { 
				overflow-x:hidden;
				}
			}
