@import url(https://fonts.googleapis.com/css?family=Questrial);
@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/gothic.eot');
	src: url('../fonts/gothic.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gothic.woff') format('woff'),
		 url('../fonts/gothic.ttf') format('truetype'),
		 url('../fonts/gothic.svg#gothic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'CenturyGothic-Bold';
	src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/CenturyGothic-Bold.woff') format('woff'), 
		 url('../fonts/CenturyGothic-Bold.ttf')  format('truetype'), 
		 url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
	max-width: 100%;
	vertical-align: middle;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px;
	padding: 0px;
}
ul, ol {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style: none;
}
a, a:hover {
	text-decoration: none;
	outline: none;
}
.clear {
	clear: both;
}

#backtotop {
	background: url('../images/scrool-top.png') no-repeat;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	cursor: pointer;
}
/* ------------------------------ common CSS ------------------------------ */
header, .banner-wrapper, .container-wrapper, .map-container, footer {
	width:100%;
	float: left;
}
.header, .banner, .container, .footer {
	max-width: 960px;
	float: none;
	margin: 0 auto;
}
/* ------------------------------ header ------------------------------ */
header{
	 background: url(../images/header-bg.jpg) center 0px repeat-y;
	padding: 10px 0;
}
.header-left{
	float: left;
	padding: 16px 0 0 0;
}
/* ------------------------------ banner styles ------------------------------ */
.banner-wrapper {
	background: url(../images/banner-bg.jpg) center 0px no-repeat;
}
.banner-wrapper .banner{
	position:relative;
	height:598px;
	background: url(../images/banner1-m.jpg) left 0px no-repeat;
}
.dr-section{
	width:533px;
	float: left;
	position: absolute;
	z-index: 2;
	top:18px;
	left:-13px;
}
.dr-section img{ float: left; z-index: 2; position: relative;}
.dr-section .dr-content{
	width:215px;
	float: right;
	margin: 150px 0 0 -128px;
	background: rgba(242, 245, 239, .5); 
	padding: 26px 15px 28px 95px;
	z-index: 1;
	color: #000000;
}
.dr-section .dr-content h2{
	font: 400 27px/27px 'Questrial', sans-serif;
	color: #0f1e6c;
	margin: 5px 0;
}
.dr-section .dr-content h2 a {
	color: #0f1e6c;
}
.dr-section .dr-content span{
	font: 400 15px/15px 'Questrial', sans-serif;
}
.dr-section .dr-content p{
	font: 400 17px/17px 'Questrial', sans-serif;
	margin: 13px 0;
}
.form {
	width:270px;
	min-height:430px;
	background:#072266;
	float:right;
	margin:0px 10px 0px 0px;
	top:-65px;
	position:relative;
	z-index:2;
}
.form h2 {
	font:normal 24px/30px 'robotoregular', verdana;
	color:#ffffff;
	text-align:center;
	margin:15px 0px;
}
.form h2 span {
	font-weight:bold;
}
.form .call {
	font:bold 20px/30px 'robotoregular', verdana;
	color:#ffffff;
	text-align:center;
	background: url(../images/call-bg.gif) left 5px no-repeat;
	width:145px;
	border-bottom:1px solid #a3a3a3;
	margin:0px auto;
	padding:0px 0px 0px 20px;
}
.form .call a {
	color:#ffffff;
	text-decoration:none;
}
.form .call a.dt {
	display:inline-block;
}
.form .call a.mb {
	display:none;
}
/* ------------------------------ container styles ------------------------------ */
.container-wrapper{
	padding:0px 0 30px 0;
	margin:-100px 0px 0px 0px;
	position:relative;
	z-index:1;
}
.container-wrapper h1{
	font: bold 30px/30px 'CenturyGothic-Bold', sans-serif;
	text-transform:uppercase;
	color:#072266;
	margin: 0px 0px 30px 0px;
}
.container-wrapper h1 span {
	font: normal 16px/18px 'CenturyGothic', sans-serif;
	text-transform:uppercase;
}
.container-wrapper p{
	font:normal 16px/22px 'robotoregular';
	color:#212121;
	margin:15px 0px;
	text-align:justify;
}
.container-wrapper .more a {
	font:normal 13px/20px 'CenturyGothic', sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	background: url(../images/more-bg.gif) 100% center no-repeat #13193c;
	padding:8px 25px 8px 15px;
	border-radius:5px;
	float:right;
	margin:15px 0px;
}
.map-container {
	background: url(../images/map.jpg) center 0px no-repeat;
	min-height:312px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
/* ------------------------------ footer styles ------------------------------ */
footer{
	background: url(../images/footer-bg.jpg) center 0px no-repeat #1D2248;
	border-top:1px solid #ffffff;
	padding: 52px 0 116px 0;
}
footer h2{
	font: 400 18px/18px 'Questrial', sans-serif;
	color: #fefefe;
	margin: 0 0 30px 0;
}
footer ul li{
	font:normal 15px/15px 'CenturyGothic';
	margin: 0 0 8px 0;
}
footer ul li a{ color:#ffffff;}
.footer-menu, .footer-services, .footer-links, .footer-follow{
	float: left;
}
.footer-menu{
	width:237px;
}
.footer-services{
	width:241px;
}
.footer-links{
	width:215px;
}
.footer-follow{
	width:265px;
}
.footer-follow ul li{
	text-indent: -9999px;
	float: left;
	margin: 0 3px;
	float: left;
}
.footer-follow ul li a{
	width:42px;
	height: 39px;
	display: block;
	background: url(../images/sprite.png) 0px 0px no-repeat;
}
.footer-follow ul li.list1 a{ background-position: 0px -120px;}
.footer-follow ul li.list2 a{ background-position: -43px -120px;}
.footer-follow ul li.list3 a{ background-position: -87px -120px;}
.footer-follow ul li.list4 a{ background-position: -131px -120px;}
.footer-follow ul li.list5 a{ background-position: -177px -120px;}
.footer-follow .copyright-text{
	margin: 34px 0 20px 0;
	color: #ffffff;
	font:normal 15px/15px 'CenturyGothic';
}
/*----------------------------- RWD ------------------------*/
@media all and (max-width: 953px) {
	.container-wrapper h1{ background-size: 100% auto;}
	.footer-menu{ width:20%; padding: 0 0 0 10px;}
	.footer-services{ width:26%;}
	.footer-links{ width:19%;}
	.footer-follow{ width:30%;}
	.container-wrapper h1, .container-wrapper p, .container-wrapper .more a {
		margin-left:10px;
		margin-right:10px;
	}
}
@media all and (max-width: 783px) {
	.footer-follow{ width: 32%;}
	.footer-links{ width:17%;}
	.dr-section .dr-content {padding:26px 40px 28px 80px;}
	.dr-section img {margin-top:1.3%;}
}
@media all and (max-width: 758px) {
	.header-left{ float: none; margin: 0 auto; width:59%; padding: 16px 0 20px 0; text-align:center;}
	.banner-wrapper {background:#e3edfd;}
	.banner-wrapper .banner {height:auto; padding-bottom:20px; float:left;}
	.container-wrapper {margin:0px;}
	.container-wrapper h1 {margin-top:20px;}
	.footer-menu{ width:19%;}
	.footer-services{ width:25%;}
	.footer-links{ width:16%;}
	.footer-follow{ width:38%;}
	.dr-section{position:static; width:58%; border:0px; margin: 0px 2% 0px 2%; text-align:center;}
	.dr-section img{ width:57%; float:none;}
	.dr-section .dr-content{ background: none; margin: 0 5%; padding: 26px 0 28px; width: 90%;}
	.form {width:34%; margin:0px 2%; top:0px;}
}
@media all and (max-width: 640px) {
.form .call a.dt {
	display:none;
}
.form .call a.mb {
	display:inline-block;
}
}
@media all and (max-width: 627px) {
	.header-left{ width:78%;}
	.footer-menu{ width:25%;}
	.footer-services{ width:43%;}
	.footer-links{ width:16%;}
	.footer-follow{ width:65%;}
	footer{ padding: 10px 0;}
	footer h2{ margin: 0 0 20px;}
}
@media all and (max-width: 575px) {
	.banner-wrapper .banner {padding-bottom:40px;}
	.dr-section {width:90%; margin:0px 5%; position:relative;}
	.dr-section img{ width:30%; float:left;}
	.dr-section .dr-content{ background: none; margin: 0 5%; padding: 26px 0 28px; width: 60%;}
	.form {width:80%; margin:20px 10% 0px 10%; float:none; top:20px; clear:both;}
}
@media all and (max-width: 430px) {
	.header-left{ width:98%;}
	.dr-section .dr-content p{ display: none;}
	.dr-section .dr-content{ padding: 6px 0 2px;}
	.dr-section{ width:93%;}
	footer{ background: #141A3E;}
	.footer-menu{ width:39%;}
	.footer-services{ width:56%;}
	.footer-links{ width:97%; float: left; clear: both; padding: 20px 0 0 10px;}
	.footer-links li{ float: left; padding: 0px 5px; border-right:1px solid #ffffff;}
	.footer-follow{ width:97%; float: left; padding: 20px 0 0 10px;}
}
@media all and (max-width: 367px) {
	.dr-section .dr-content span {
		font-size:13px;
	}
}