@charset "utf-8";
@import "font.css";
body {margin:0 auto; background:#fff; font-family: 'Muli', sans-serif;}
::-moz-selection {background: #d82531;color: white; }
::-webkit-selection {background: #d82531;color: white; }
a, a:hover, a:focus{outline:none;} 
a, a:hover {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;text-decoration:none;}

a, a:visited {
	color: #0087cc;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
	color: #ff7b29;
}

.header-section {
	margin:0 auto;
	padding:10px 0;
}

.header-section img{
	width:50%;
}

.callus {
	margin:0;
	padding:0 15px;
	text-align:center;
	font-size:20px;
	color:#000;
	font-family: 'Josefin Sans', sans-serif;
}

.callus a{
	font-size:16px;
	color:#FFF;
	background:#C00;
	text-align:center;
	margin:0;
	padding:6px 20px;
	border-radius:5px;
	font-family: 'Didact Gothic', sans-serif;
}

.callus a:hover{
	background:#036;
	color:#fff;
	text-decoration:none;
}

.input-field {
	border:1px solid #CCC;
	width:30%;
	height:32px;
	background:#fff;
	margin-right:0;
	border-radius:5px 0 0 5px;
	padding:5px 10px;
	font-size:16px;
	color:#666;
	font-family: 'Didact Gothic', sans-serif;
}
	
.carousel-inner img{
	text-align:center;
	width:100%;
}

#slider{ position: relative;}
#slider .sliderImg{ width: 100%; }

.banner-section {
	margin:0 auto;
	padding:0 0 0 0;
	background:none;
	height:auto;
	text-align:center;
}

.form-section {
	margin:-515px 30px 0 30px;
	padding:20px;
	background:#edeef1;
	border-radius:8px;
	height:auto;
	z-index:99;
	position:absolute;
	text-align:left;
}

.form-section h1{
	text-align:center;
	margin:0;
	padding:0;
	font-size:24px;
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	font-family: 'Josefin Sans', sans-serif;
}

.captcha{
	margin:0 auto;
	padding:0 10px;
	background:#f9f9f9;
	width:85%;
}

.form-section p{
	text-align:center;
	margin:0 0 15px 0;
	padding:0 15px;
	font-size:16px;
	line-height:20px;
	text-transform:none;
	color:#285f8d;
	font-family: 'Didact Gothic', sans-serif;
}

.form-section h2{
	text-align:left;
	margin:5px 15px 10px -20px;
	padding:0 0;
	font-size:15px;
	line-height:18px;
	text-transform:none;
	color:#285f8d;
	font-weight:500;
	font-family: 'Didact Gothic', sans-serif;
}

.footer {
	text-align:right;
	margin:0;
	padding:10px 0 0 0;
	font-size:15px;
	color:#285f8d;
	font-weight:normal;
	font-family: 'Didact Gothic', sans-serif;
}
.footer a{color:#285f8d; text-decoration:none;}
.footer a:hover{color:#F00; text-decoration:none;}

.submit {
	margin:0 auto;
	color:#000;
	padding:5px 15px;
	font-size:18px;
}

.close {
	font-size:169px;
	color:#F00;
	z-index:999;
	background:#fff;
}


/* Portrait phones to Landscape phone*/
@media (min-width: 320px) and (max-width: 480px){
	
	.header-section {
		margin:0 auto;
		padding:15px 0;
		text-align:center;
	}
	
	.header-section img{
		width:100%;
	}
	
	.callus {
		margin:0;
		padding:5px 0;
		text-align:center;
		font-size:16px;
		color:#000;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.callus a{
		font-size:14px;
		color:#FFF;
		background:#C00;
		text-align:center;
		margin:0;
		padding:5px 10px;
		border-radius:5px;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.callus a:hover{
		background:#036;
		color:#fff;
		text-decoration:none;
	}
	
	.input-field {
		border:1px solid #CCC;
		width:30%;
		height:32px;
		background:#fff;
		margin-right:0;
		border-radius:5px 0 0 5px;
		padding:5px 0;
	}
	
		
	.click_to_call_form_wrapper {
		display:none;
	}
	
	.carousel-inner img{
		text-align:center;
		width:100%;
	}
	
	#slider{ display:none;}
	#slider .sliderImg{ width: 100%; }
	
	.banner-section {
		margin:0 auto;
		padding:0 0 0 0;
		background:url(../images/bg-mobile.jpg) top center no-repeat;
		height:auto;
		text-align:center;
	}
	
	.form-section {
		margin:270px 0 0 0;
		padding:20px;
		background:#edeef1;
		border-radius:0;
		height:auto;
		z-index:99;
		position:absolute;
		text-align:left;
	}
	
	.form-section h1{
		text-align:center;
		margin:0;
		padding:0;
		font-size:20px;
		text-transform:uppercase;
		color:#000;
		font-weight:bold;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.captcha{
		margin:0 auto;
		padding:0 10px;
		background:#f9f9f9;
		width:85%;
	}
	
	.form-section p{
		text-align:center;
		margin:0 0 15px 0;
		padding:0 0;
		font-size:14px;
		line-height:18px;
		text-transform:none;
		color:#285f8d;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.form-section h2{
		text-align:left;
		margin:5px 15px 10px 25px;
		padding:0 0;
		font-size:15px;
		line-height:18px;
		text-transform:none;
		color:#285f8d;
		font-weight:500;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.footer {
		text-align:center;
		margin:0;
		padding:10px 0 10px 0;
		font-size:15px;
		color:#285f8d;
		font-weight:normal;
		font-family: 'Didact Gothic', sans-serif;
	}
	.footer a{color:#285f8d; text-decoration:none; margin:0 0 0 0; padding:0;}
	.footer a:hover{color:#F00; text-decoration:none;}

}



/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px){
	.header-section {
		margin:0 auto;
		padding:15px 0;
	}
	
	.callus {
		margin:0;
		padding:5px 15px;
		text-align:right;
		font-size:26px;
		color:#000;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.callus a{
		font-size:18px;
		color:#FFF;
		background:#C00;
		text-align:center;
		margin:0;
		padding:10px 20px;
		border-radius:5px;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.callus a:hover{
		background:#036;
		color:#fff;
		text-decoration:none;
	}
		
	
	.carousel-inner img{
		text-align:center;
		width:100%;
	}
	
	#slider{ position: relative;}
	#slider .sliderImg{ width: 100%; }
	
	.banner-section {
		margin:0 auto;
		padding:0 0 0 0;
		background:none;
		height:auto;
		text-align:center;
	}
	
	.form-section {
		margin:-550px 30px 0 30px;
		padding:20px;
		background:#edeef1;
		border-radius:8px;
		height:auto;
		z-index:99;
		position:absolute;
		text-align:left;
	}
	
	.form-section h1{
		text-align:center;
		margin:0;
		padding:0;
		font-size:24px;
		text-transform:uppercase;
		color:#000;
		font-weight:bold;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.captcha{
		margin:0 auto;
		padding:0 10px;
		background:#f9f9f9;
		width:85%;
	}
	
	.form-section p{
		text-align:center;
		margin:0 0 15px 0;
		padding:0 15px;
		font-size:16px;
		line-height:20px;
		text-transform:none;
		color:#285f8d;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.form-section h2{
		text-align:left;
		margin:5px 15px 10px -20px;
		padding:0 0;
		font-size:15px;
		line-height:18px;
		text-transform:none;
		color:#285f8d;
		font-weight:500;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.footer {
		text-align:right;
		margin:0;
		padding:10px 0 0 0;
		font-size:15px;
		color:#285f8d;
		font-weight:normal;
		font-family: 'Didact Gothic', sans-serif;
	}
	.footer a{color:#285f8d; text-decoration:none;}
	.footer a:hover{color:#F00; text-decoration:none;}
	
}




/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){
	
	.header-section {
		margin:0 auto;
		padding:15px 0;
	}
	
	.header-section img{
		width:70%;
	}
	
	.callus {
		margin:0;
		padding:5px 15px;
		text-align:right;
		font-size:16px;
		color:#000;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.callus a{
		font-size:14px;
		color:#FFF;
		background:#C00;
		text-align:center;
		margin:0;
		padding:10px 10px;
		border-radius:5px;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.callus a:hover{
		background:#036;
		color:#fff;
		text-decoration:none;
	}
	
	.input-field {
		border:1px solid #CCC;
		width:40%;
		height:32px;
		background:#fff;
		margin-right:0;
		border-radius:5px 0 0 5px;
		padding:5px 10px;
	}
		
	
	.carousel-inner img{
		text-align:center;
		width:100%;
	}
	
	#slider{ position: relative;}
	#slider .sliderImg{ width: 100%; }
	
	.banner-section {
		margin:0 auto;
		padding:0 0 0 0;
		background:none;
		height:auto;
		text-align:center;
	}
	
	.form-section {
		margin:-330px 30px 0 30px;
		padding:20px;
		background:#edeef1;
		border-radius:8px;
		height:auto;
		z-index:99;
		position:absolute;
		text-align:left;
	}
	
	.form-section h1{
		text-align:center;
		margin:0;
		padding:0;
		font-size:16px;
		text-transform:uppercase;
		color:#000;
		font-weight:bold;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.captcha{
		margin:0 auto;
		padding:0 10px;
		background:#f9f9f9;
		width:85%;
	}
	
	.form-section p{
		text-align:center;
		margin:0 0 10px 0;
		padding:0 15px;
		font-size:13px;
		line-height:14px;
		text-transform:none;
		color:#285f8d;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.form-section h2{
		text-align:left;
		margin:5px 15px 10px 10px;
		padding:0 0;
		font-size:13px;
		line-height:14px;
		text-transform:none;
		color:#285f8d;
		font-weight:500;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.footer {
		text-align:right;
		margin:0;
		padding:10px 0 0 0;
		font-size:13px;
		color:#285f8d;
		font-weight:normal;
		font-family: 'Didact Gothic', sans-serif;
	}
	.footer a{color:#285f8d; text-decoration:none; margin:0; padding:0;}
	.footer a:hover{color:#F00; text-decoration:none;}

}

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

	.header-section {
		margin:0 auto;
		padding:15px 0;
	}
	
	.callus {
		margin:0;
		padding:5px 15px;
		text-align:right;
		font-size:26px;
		color:#000;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.callus a{
		font-size:16px;
		color:#FFF;
		background:#C00;
		text-align:center;
		margin:0;
		padding:8px 20px;
		border-radius:5px;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.callus a:hover{
		background:#036;
		color:#fff;
		text-decoration:none;
	}
	
	.input-field {
		border:1px solid #CCC;
		width:30%;
		height:32px;
		background:#fff;
		margin-right:0;
		border-radius:5px 0 0 5px;
		padding:5px 10px;
	}
		
	
	.carousel-inner img{
		text-align:center;
		width:100%;
	}
	
	#slider{ position: relative;}
	#slider .sliderImg{ width: 100%; }
	
	.banner-section {
		margin:0 auto;
		padding:0 0 0 0;
		background:none;
		height:auto;
		text-align:center;
	}
	
	.form-section {
		margin:-435px 30px 0 30px;
		padding:20px;
		background:#edeef1;
		border-radius:0;
		height:auto;
		z-index:99;
		position:absolute;
		text-align:left;
	}
	
	.form-section h1{
		text-align:center;
		margin:0;
		padding:0;
		font-size:16px;
		text-transform:uppercase;
		color:#000;
		font-weight:bold;
		font-family: 'Josefin Sans', sans-serif;
	}
	
	.captcha{
		margin:0 auto;
		padding:0 10px;
		background:#f9f9f9;
		width:85%;
	}
	
	.form-section p{
		text-align:center;
		margin:0 0 10px 0;
		padding:0 15px;
		font-size:13px;
		line-height:14px;
		text-transform:none;
		color:#285f8d;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.form-section h2{
		text-align:left;
		margin:5px 15px 10px 10px;
		padding:0 0;
		font-size:13px;
		line-height:14px;
		text-transform:none;
		color:#285f8d;
		font-weight:500;
		font-family: 'Didact Gothic', sans-serif;
	}
	
	.footer {
		text-align:right;
		margin:0;
		padding:10px 0 0 0;
		font-size:13px;
		color:#285f8d;
		font-weight:normal;
		font-family: 'Didact Gothic', sans-serif;
	}
	.footer a{color:#285f8d; text-decoration:none; margin:0; padding:0;}
	.footer a:hover{color:#F00; text-decoration:none;}
}