@charset "utf-8";
/* CSS Document */

body{margin:0; background-color:#da251c;}
#wrapper{width: 80%;
	height: auto;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);
	}
.top_banner{width:100%; height:auto; background-color:#FFFFFF; float:left;}
.logo{width:210px; height:108px; float:left; margin-left:90px; margin-top:20px;}
.number_container{width:300px; height:50px; float:right; margin-right:30px; margin-top:20px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:40px; font-style:normal; color:#DB0003; font-stretch: extra-condensed;}
.banner{width:100%; height:auto; margin:0 auto; margin-top:20px;}
.address_form_container{width:100%;
	height: 350px; background-color:#FFFFFF;}
.address{width: 40%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-top:5%;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-stretch:condensed; font-size:20px; color: #6A6A6A; font-weight:lighter; font-size-adjust:inherit;} 
.form{ width:30%;
	height:auto;
	float: left;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top:2%;
	
	}
.footer{ width:100%; height:25px; background-color:#1D1D1D; margin:0 auto; color: #BCBCBC; font-size:14px; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align:right; line-height:-5px; padding-top:10px;}




/* ------Enquiry form css starts here-------- */


#outer{
	overflow: hidden;
	width: 340px;
	margin: 0px auto 0px auto;
	height: auto;
	padding: 10px;
	background-image:url(../images/bg.jpg);
}
.first-box {
	float: left;
	width: 100%;
	height: auto;
}
.first-box h2 {
	float: left;
	width: 100%;
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin-bottom: 5px;
	height: 10px;
	padding-top: 8px;
}
.field-box-small {
	float: left;
	width: 100%;
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	height: 40px;
	
}
.field-box-large {
	float: left;
	width: 100%;
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	height: 100px;
}
.field-style {
	border-color:#666666;
	float: left;
	width: 330px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;;
	height: 30px;
	padding-left: 5px;
	background-color: #FFFFFF; !important;
	border-width: 1px;
	border-style: solid;
	
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.field-style02 {
	border-color: transparent transparent #666666 transparent;
	float: left;
	width: 98%;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 5px;
	background-color: transparent !important;
}
.field-style-add {
	border-radius: 7px;
	border: 1px solid #BCB2B2;
	float: left;
	width: 278px;
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	height: 60px;
	padding-left: 5px;
	background-color: #ECEAEA;
	
}
.field-box-small-ad {
	float: left;
	width: 100%;
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	height: 60px;
	-webkit-appearance: none;
	-moz-appearance: none;

}
.button-box {
	width: 100%;
	height: 30px;
	float: left;
	margin-top: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;

}
.button {
	width: 80px;
	height: 30px;
	float: left;
	margin-right: 10px;
}
.button-style {
	border: 1px solid;
	width: 80px;
	height: 30px;
	float: left;
	background-color: #FFFFFF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.field-box-choose {
	float: left;
	width: 100%;
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	height: 40px;
}

.thankyou{color:#000000; text-align:center;
}

/* ------Enquiry form css end here-------- */


/* ------media query starts here-------- */

@media screen and (min-width:1366px) and (max-width:1920px)
{
	.form{ margin-left:15%;}
}

@media screen and (max-width:1280px)
{
	#wrapper{width:80%;}
}

@media screen and (max-width:980px)
{
	.banner {
	    width: 100%;
	}
	.form{ clear:left;}
	.address_form_container{height:600px;
}
#wrapper{width:80%;}}

@media screen and (max-width:800px)
{
.address_form_container{height:500px;}	
}

@media screen and (max-width:640px)
{
	.left-box {
    width: 90%;
	}
	.right-box {
    width: 47%;
    float: none;
    margin: 0 auto;
}	
}

@media screen and (max-width:600px)
{
	.top-header {
display:none;
}
.mobile-header {
	display:block;
}

	
	.address_form_container{ height:500px;font-size:20px;}
}


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

.right-box {
    width: 70%;
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
}

}

@media screen and (max-width:360px)
{
	.right-box {
    width: 90%;
 	}
}

@media screen and (min-width:361px) and (max-width:480px)
{
	
	#wrapper{width:95%;}
	.form{width:60%;}
	.address_form_container{height:550px;}
}

@media screen and (min-width:321px) and (max-width:360px)
{

	#wrapper{width:100%;}
	.form{width:60%;}
		
}

@media screen and (max-width:320px)
{
	
	#wrapper{width:100%;}
	.form{width:60%;}
	
	
}

/* ------media query end here-------- */