
@charset "utf-8";
body {margin:0 auto; background:#fff; font-family: 'Didact Gothic', 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;
	position:fixed;
	z-index:999;
	background:#fff;
	left:0;
	right:0;
	border-bottom:1px solid #CCC;
}

.logo {
	margin:0 0 0 0;
}

.logo img{ width:50%;}

.h1-contact {
	font-size:16px;
	color:#000;
	text-align:center;
	margin:12px 0 0 0;
	padding:8px 10px;
	border:1px solid #000;
	background:#fff;
	letter-spacing:0.5px;
	border-radius:5px;
}

.banner-section {
	margin:0 auto;
	padding:0;
	background:#05628e;
	height:auto;
	text-align:center;
}

.carousel-inner img{
	text-align:center;
	width:100%;
}

#slider{ position: relative;}
#slider .sliderImg{ width: 100%; }

.ht-header {
	height:93px;
}

.fa-facebook {
	color:#fff;
	font-size:20px;
	background:#06C;
	border-radius:50%;
	height:34px;
	width:34px;
	text-align:center;
	vertical-align:middle;
	margin:10px 0 0 0;
	padding:7px 0 0 0;
}

.fa-facebook:hover {
	background:#fff;
	color:#06C;
}

.fa-twitter {
	color:#fff;
	font-size:20px;
	background:#09C;
	border-radius:50%;
	height:34px;
	width:34px;
	text-align:center;
	vertical-align:middle;
	margin:10px 0 0 0;
	padding:7px 0 0 0;
}

.fa-twitter:hover {
	background:#fff;
	color:#09C;
}

.fa-linkedin {
	color:#fff;
	font-size:20px;
	background:#069;
	border-radius:50%;
	height:34px;
	width:34px;
	text-align:center;
	vertical-align:middle;
	margin:10px 0 0 0;
	padding:7px 0 0 0;
	border:none;
}

.fa-linkedin:hover {
	background:#fff;
	color:#069;
}

.MainMenu .navbar-default{
	background-image:none;
	background-color:transparent;
	border-color:transparent;
	box-shadow:none;
}

.MainMenu .navbar{
	margin-bottom:0;
	background-color:transparent;
	border:0px solid #cccccc;
	float:right;
}

.MainMenu .navbar-nav > li > a{
	padding-top:22px;
	padding-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	color:#000;
	text-transform:uppercase;
	font-size:16px;
	font-weight:500;
	transition:all 0.5s ease-in-out 0s;
	margin-top:0;
	letter-spacing:0.5px;
}

.MainMenu .navbar-default .navbar-nav > li > a:hover, .MainMenu .navbar-default .navbar-nav > li > a:focus{
	background:#fff;
	color:#e41145;
}

.MainMenu  .navbar-default .navbar-nav > .active > a{
	color:#e41145;
	background:#FFF;
	box-shadow:none;
}

.active-nav {
	background:#FC0;
	color:#000;
}

.line {
	width:7%;
	height:1px;
	background:#333;
	margin:20px auto;
	text-align:center;
}

.title-section {
	margin:0 auto;
	padding:50px 0;
	height:auto;
}

.title-section h1{
	margin:0 auto;
	padding:0 80px;
	font-size:34px;
	line-height:42px;
	text-align:center;
	color:#043277;
	font-weight:300;
    font-family: 'Roboto Slab', serif;
}

.title-section h1 span{
	color:#ec6e05;
	font-weight:bold;
}

.welcome-section {
	margin:50px auto 0 auto;
	padding:50px 0 10px 0;
	height:auto;
	border-top:1px solid #ccc;
}

.welcome-section-left {
	margin:0;
	padding:0;
	border-right:1px solid #CCC;
}

.vision-section {
	margin:0 0 15px 0;
	padding:0;
}

.vision-section h1{
	margin:-8px 0 0 0;
	padding:0;
	font-size:24px;
	text-align:left;
	color:#009fdd;
	font-weight:300;
}

.vision-section p{
	margin:0 50px 10px 0;
	padding:0 0;
	font-size:16px;
	line-height:20px;
	letter-spacing:0.5px;
	text-align:left;
	color:#333;
	font-weight:normal;
}

.welcome-section-right {
	margin:0;
	padding:0;
}

.welcome-section-right h1{
	margin:0 0 0 50px;
	padding:0;
	font-size:24px;
	text-align:left;
	color:#009fdd;
	font-weight:300;
}

.welcome-section-right ul{
	margin:0 0 0 50px;
	padding:0;
}

.welcome-section-right ul li{
	margin:0;
	padding:0;
	font-size:16px;
	color:#333;
	text-align:left;
	line-height:22px;
	list-style:none;
}

.bg-product-section {
	margin:0 auto;
	padding:142px 0 0 0;
	height:300px;
	background:url(../images/bg-product.jpg) center repeat-x;
	text-align:center;
}

.bg-product-section a{
	margin:0 auto;
	padding:15px 30px;
	font-size:16px;
	line-height:20px;
	letter-spacing:0.5px;
	text-align:center;
	color:#fff;
	border:1px solid #FFF;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}

.bg-product-section a:hover{
	color:#000;
	text-decoration:none;
	border:1px solid #ccc;
	background:#FFF;
}

.features-section {
	margin:0 auto;
	padding:50px 0;
	height:auto;
	text-align:center;
}

.features-section h1{
	margin:0 0;
	padding:0;
	font-size:30px;
	text-align:center;
	color:#009fdd;
	font-weight:300;
	font-family: 'Roboto Slab', serif;
}

.features-section-main {
	margin:0 0 25px 0;
	padding:0;
	height:auto;
}
.features-section-main-left {
	margin:0;
	padding:0;
}
.features-section-main-right {
	margin:0;
	padding:0;
}
.features-section-main-right h1{
	margin:0 0 5px 0;
	padding:0;
	font-size:20px;
	text-align:left;
	color:#e74b05;
	font-weight:300;
}
.features-section-main-right ul{
	margin:0 0 0 0;
	padding:0;
}

.features-section-main-right ul li{
	margin:0;
	padding:0;
	font-size:16px;
	color:#333;
	text-align:left;
	line-height:22px;
	list-style:none;
	letter-spacing:0.5px;
}

.features-section a{
	margin:25px auto;
	padding:15px 30px;
	font-size:16px;
	line-height:20px;
	letter-spacing:0.5px;
	text-align:center;
	color:#009fdd;
	border:1px solid #009fdd;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
}

.features-section a:hover{
	color:#fff;
	text-decoration:none;
	border:1px solid #009fdd;
	background:#009fdd;
}

.footer-section {
	margin:0 auto 0 auto;
	padding:50px 0;
	background:url(../images/bg-footer.jpg) center repeat;
	text-align:center;
}

.footer-section ul{
	margin:20px auto 10px auto;
	padding:0;
}

.footer-section ul li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

.footer-section ul li {
	margin:0;
	padding:0 10px;
	list-style:none;
	display:inline;
}

.footer-section ul li a{
	margin:0;
	padding:0;
	font-size:14px;
	letter-spacing:0.8px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}

.footer-section ul li a:hover{
	text-decoration:none;
	color:#FC0;
}

.footer-section p{
	margin:0;
	padding:0;
	font-size:13px;
	letter-spacing:0.8px;
	color:#999;
	text-decoration:none;
	text-align:center;
}

.footer-section a{
	color:#999;
}

.footer-section a:hover{
	color:#FFF;
}

.banner-section-inner {
	margin:0 auto;
	padding:0;
	background:url(../images/bg-footer.jpg) center repeat;
	height:120px;
	text-align:center;
}

.banner-section-inner h1{
	margin:0 0 10px 0;
	padding:40px 0 0 0;
	font-size:30px;
	text-align:center;
	color:#fff;
	font-weight:300;
	font-family: 'Roboto Slab', serif;
}

.bodysection-inner {
	margin:0 auto;
	padding:50px 0;
	height:auto;
}

.aboutus-section {
	margin:0 auto;
	padding:0 0 20px 0;
}

.aboutus-section-left {
	margin:0;
	padding:0;
}

.aboutus-section-left img{
	border-radius:0 100px 0 0;
	border:1px solid #ccc;
	padding:10px;
}

.aboutus-section-right {
	margin:0;
	padding:0;
}

.aboutus-section-right h1{
	margin:0 0 10px 0;
	padding:50px 0 0 0;
	font-size:30px;
	text-align:left;
	color:#009fdd;
	font-weight:300;
	font-family: 'Roboto Slab', serif;
}

.aboutus-section-right h2{
	margin:0 0 10px 0;
	padding:0;
	font-size:24px;
	text-align:left;
	color:#000;
	font-weight:300;
}

.aboutus-section-right p{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:22px;
	letter-spacing:0.5px;
	text-align:left;
	color:#333;
	font-weight:300;
}

.visionmission-inner {
	margin:0 auto;
	padding:20px 0 0 0;
	height:auto;
}

.visionmission-inner-main {
	margin:0;
	padding:0;
}

.visionmission-inner-main h3{
	margin:0 0 5px 0;
	padding:0;
	font-size:22px;
	text-align:left;
	color:#C30;
	font-weight:300;
}

.visionmission-inner-main p{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:22px;
	letter-spacing:0.5px;
	text-align:left;
	color:#333;
	font-weight:300;
}

.benefits-section {
	margin:0 auto;
	padding:50px 0;
	height:auto;
	background:#eeeeee;
	border-bottom:1px solid #d9d9d9;
}

.benefits-section-left {
	margin:0;
	padding:0;
}
.benefits-section-left h1{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-size:30px;
	text-align:left;
	color:#009fdd;
	font-weight:300;
	font-family: 'Roboto Slab', serif;
}

.benefits-section-left h2{
	margin:0 0 10px 0;
	padding:0;
	font-size:24px;
	text-align:left;
	color:#000;
	font-weight:300;
}
.benefits-section-left p{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:22px;
	letter-spacing:0.5px;
	text-align:left;
	color:#0180bf;
	font-weight:300;
}

.benefits-section-left ul{
	margin:0 0 25px 0;
	padding:0;
}

.benefits-section-left ul li{
	margin:0;
	padding:0;
	font-size:16px;
	color:#333;
	text-align:left;
	line-height:22px;
	list-style:none;
}

.benefits-section-right {
	margin:0;
	padding:0;
}

.services-section {
	margin:0 auto;
	padding:50px 0;
	height:auto;
}
.services-section h1{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-size:30px;
	text-align:left;
	color:#009fdd;
	font-weight:300;
	font-family: 'Roboto Slab', serif;
}

.services-section-main {
	margin:0;
	padding:0;
}
.services-section-main h2{
	margin:30px 0 5px 0;
	padding:0;
	font-size:22px;
	text-align:left;
	color:#C60;
	font-weight:300;
}
.services-section-main ul{
	margin:0 0 25px 0;
	padding:0;
}

.services-section-main ul li{
	margin:0;
	padding:0 0 5px 0;
	font-size:16px;
	color:#333;
	text-align:left;
	line-height:22px;
	list-style:none;
	border-bottom:1px dashed #CCC;
	display:block;
}

.features-section-2 {
	margin:0 auto;
	padding:50px 0;
	height:auto;
	background:#eeeeee;
}

.features-section-2 h1{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:30px;
	text-align:center;
	color:#009fdd;
	font-weight:300;
	font-family: 'Roboto Slab', serif;
}

.features-section-2col {
	margin:0 0 30px 0;
	padding:0;
	height:130px;
}
.features-section-2col p{
	margin:10px 0 0 0;
	padding:0;
	font-size:14px;
	line-height:18px;
	letter-spacing:0.5px;
	text-align:center;
	color:#000;
	font-weight:300;
}

.product-section {
	margin:0 auto;
	padding:0;
}

.product-section img {
	margin:0;
	padding:5px;
	border:1px solid #CCC;
	margin-bottom:10px;
}

.contact-section {
	margin:0 auto;
	padding:0;
}

.contact-section-col {
	margin:0;
	padding:0;
}

.contact-section-col h1{
	margin:0 0 10px 0;
	padding:0 0 0 0;
	font-size:26px;
	text-align:left;
	color:#009fdd;
	font-weight:300;
	font-family: 'Roboto Slab', serif;
}

.contact-section-col p{
	margin:10px 50px 0 0;
	padding:0;
	font-size:16px;
	line-height:22px;
	letter-spacing:0.5px;
	text-align:left;
	color:#000;
	font-weight:300;
}

.contact-section-col a{
	color:#09C;
	text-decoration:none;
}

.contact-section-col a:hover{
	color:#09C;
	text-decoration:underline;
}

.googlemap {
	margin:0 auto;
	width:100%;
	height:400px;
}


/* Portrait phones to Landscape phone*/
@media (min-width: 320px) and (max-width: 480px){
	.logo{
		margin:15px auto 5px auto;
		text-align:center;
	}
	
	.logo img{
		width:20%;
		text-align:center;
	}
	
	.MainMenu .navbar-default{
		background-image:none;
		background-color:transparent;
		border-color:transparent;
		box-shadow:none;
	}

	.MainMenu .navbar{
		margin-bottom:0;
		background-color:transparent;
		border:0px solid #cccccc;
		float:none;
	}

	.MainMenu .navbar-nav > li > a{
		padding-top:5px;
		padding-bottom:5px;
		padding-left:18px;
		padding-right:18px;
		color:#a28b6d;
		text-transform:uppercase;
		font-size:12px;
		font-weight:500;
		transition:all 0.5s ease-in-out 0s;
		margin:0;
		border-bottom:1px solid #e0e9ec;
	}
	
	.MainMenu .navbar-default .navbar-nav > li > a:hover, .MainMenu .navbar-default .navbar-nav > li > a:focus{
		background:#f5f5f5;
		color:#e41145;
	}
	
	.MainMenu  .navbar-default .navbar-nav > .active > a{
		color:#e41145;
		background:#f5f5f5;
		box-shadow:none;
	}

	.banner-section {
		margin:0 auto;
		padding:0;
		background:#a60511;
		height:auto;
		text-align:center;
	}
	
	.carousel-inner img{
		text-align:center;
		width:100%;
	}
	
	#slider{ position: relative;}
	#slider .sliderImg{ width: 100%; }
	
	.ht-header {
		height:138px;
	}
	
	.banner-section {
		margin:0 auto;
		padding:0 0 0 0;
		background:none;
		height:auto;
		text-align:center;
	}
	
	.active-nav {
		background:#FC0;
		color:#000;
	}
	
	.h1-contact {
		display:none;
	}	
	
	.title-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	
	.title-section h1{
		margin:0 auto;
		padding:0 0;
		font-size:16px;
		line-height:24px;
		text-align:center;
		color:#043277;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.title-section h1 span{
		color:#ec6e05;
		font-weight:bold;
	}
	
	.welcome-section {
		margin:20px auto 0 auto;
		padding:20px 0 10px 0;
		height:auto;
		border-top:1px solid #ccc;
	}
	
	.welcome-section-left {
		margin:0;
		padding:0;
		border-right:none;
	}
	
	.vision-section {
		margin:0 0 15px 0;
		padding:0;
	}
	
	.vision-section h1{
		margin:10px 0 0 0;
		padding:0;
		font-size:20px;
		text-align:center;
		color:#009fdd;
		font-weight:300;
	}
	
	.vision-section p{
		margin:0 0 10px 0;
		padding:0 0;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#333;
		font-weight:normal;
	}
	
	.welcome-section-right {
		margin:0;
		padding:0;
	}
	
	.welcome-section-right h1{
		margin:0 0 0 0;
		padding:0;
		font-size:20px;
		text-align:center;
		color:#009fdd;
		font-weight:300;
	}
	
	.welcome-section-right ul{
		margin:0 0 0 0;
		padding:0;
	}
	
	.welcome-section-right ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:center;
		line-height:22px;
		list-style:none;
	}
	
	.bg-product-section {
		margin:0 auto;
		padding:100px 0 0 0;
		height:200px;
		background:url(../images/bg-product.jpg) center repeat-x;
		text-align:center;
	}
	
	.bg-product-section a{
		margin:0 auto;
		padding:10px 20px;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#fff;
		border:1px solid #FFF;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.bg-product-section a:hover{
		color:#000;
		text-decoration:none;
		border:1px solid #ccc;
		background:#FFF;
	}
	
	.features-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
		text-align:center;
	}
	
	.features-section h1{
		margin:0 0;
		padding:0;
		font-size:20px;
		line-height:24px;
		text-align:center;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.features-section-main {
		margin:0 0 25px 0;
		padding:0;
	}
	.features-section-main-left {
		margin:0 0 10px 0;
		padding:0;
	}
	.features-section-main-right {
		margin:0;
		padding:0;
	}
	.features-section-main-right h1{
		margin:0 0 0 0;
		padding:0;
		font-size:18px;
		text-align:center;
		color:#e74b05;
		font-weight:300;
	}
	.features-section-main-right ul{
		margin:0 0 0 0;
		padding:0;
	}
	
	.features-section-main-right ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:center;
		line-height:20px;
		list-style:none;
		letter-spacing:0.5px;
	}
	
	.features-section a{
		margin:25px auto;
		padding:10px 20px;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#009fdd;
		border:1px solid #009fdd;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.features-section a:hover{
		color:#fff;
		text-decoration:none;
		border:1px solid #009fdd;
		background:#009fdd;
	}
	
	.footer-section {
		margin:0 auto 0 auto;
		padding:30px 0;
		background:url(../images/bg-footer.jpg) center repeat;
		text-align:center;
	}
	
	.footer-section ul{
		margin:20px auto 10px auto;
		padding:0;
	}
	
	.footer-section ul li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
	
	.footer-section ul li {
		margin:0;
		padding:0 10px;
		list-style:none;
		display:inline;
	}
	
	.footer-section ul li a{
		margin:0;
		padding:0;
		font-size:12px;
		letter-spacing:0.5px;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
	}
	
	.footer-section ul li a:hover{
		text-decoration:none;
		color:#FC0;
	}
	
	.footer-section p{
		margin:0;
		padding:0 20px;
		font-size:12px;
		letter-spacing:0.8px;
		color:#999;
		text-decoration:none;
		font-family: 'Quicksand', sans-serif;
		text-align:center;
	}
	
	.footer-section a{
		color:#999;
	}
	
	.footer-section a:hover{
		color:#FFF;
	}
	
	.banner-section-inner {
		margin:0 auto;
		padding:0;
		background:url(../images/bg-footer.jpg) center repeat;
		height:80px;
		text-align:center;
	}
	
	.banner-section-inner h1{
		margin:0 0 10px 0;
		padding:25px 0 0 0;
		font-size:24px;
		text-align:center;
		color:#fff;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.bodysection-inner {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	
	.aboutus-section {
		margin:0 auto;
		padding:0 0 20px 0;
	}
	
	.aboutus-section-left {
		margin:0;
		padding:0;
	}
	
	.aboutus-section-left img{
		border-radius:0;
		border:1px solid #ccc;
		padding:5px;
	}
	
	.aboutus-section-right {
		margin:0;
		padding:0;
	}
	
	.aboutus-section-right h1{
		margin:0 0 10px 0;
		padding:20px 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.aboutus-section-right h2{
		margin:0 0 10px 0;
		padding:0;
		font-size:20px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	
	.aboutus-section-right p{
		margin:0;
		padding:0;
		font-size:14px;
		line-height:18px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:300;
	}
	
	.visionmission-inner {
		margin:0 auto;
		padding:20px 0 0 0;
		height:auto;
	}
	
	.visionmission-inner-main {
		margin:0 0 15px 0;
		padding:0;
	}
	
	.visionmission-inner-main h3{
		margin:0 0 5px 0;
		padding:0;
		font-size:16px;
		text-align:left;
		color:#C30;
		font-weight:300;
	}
	
	.visionmission-inner-main p{
		margin:0;
		padding:0;
		font-size:14px;
		line-height:18px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:300;
	}
	
	.benefits-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
		background:#eeeeee;
		border-bottom:1px solid #d9d9d9;
	}
	
	.benefits-section-left {
		margin:0;
		padding:0;
	}
	.benefits-section-left h1{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.benefits-section-left h2{
		margin:0 0 10px 0;
		padding:0;
		font-size:20px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	.benefits-section-left p{
		margin:0 0 25px 0;
		padding:0;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:left;
		color:#0180bf;
		font-weight:300;
	}
	
	.benefits-section-left ul{
		margin:0 0 25px 0;
		padding:0;
	}
	
	.benefits-section-left ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:left;
		line-height:22px;
		list-style:none;
	}
	
	.benefits-section-right {
		margin:0;
		padding:0;
	}
	
	.services-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	.services-section h1{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.services-section-main {
		margin:0;
		padding:0;
	}
	.services-section-main h2{
		margin:20px 0 5px 0;
		padding:0;
		font-size:18px;
		text-align:left;
		color:#C60;
		font-weight:300;
	}
	.services-section-main ul{
		margin:0 0 15px 0;
		padding:0;
	}
	
	.services-section-main ul li{
		margin:0;
		padding:0 0 5px 0;
		font-size:14px;
		color:#333;
		text-align:left;
		line-height:18px;
		list-style:none;
		border-bottom:1px dashed #CCC;
		display:block;
	}
	
	.contact-section {
		margin:0 auto;
		padding:0;
	}
	
	.contact-section-col {
		margin:0 0 20px 0;
		padding:0;
	}
	
	.contact-section-col h1{
		margin:0 0 5px 0;
		padding:0 0 0 0;
		font-size:22px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.contact-section-col p{
		margin:0 0 0 0;
		padding:0;
		font-size:14px;
		line-height:22px;
		letter-spacing:0.5px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	
	.contact-section-col a{
		color:#09C;
		text-decoration:none;
	}
	
	.contact-section-col a:hover{
		color:#09C;
		text-decoration:underline;
	}
		
}



/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px){
	.logo{
		margin:15px auto 5px auto;
		text-align:center;
	}
	
	.logo img{
		width:10%;
		text-align:center;
	}
	
	.MainMenu .navbar-default{
		background-image:none;
		background-color:transparent;
		border-color:transparent;
		box-shadow:none;
	}

	.MainMenu .navbar{
		margin-bottom:0;
		background-color:transparent;
		border:0px solid #cccccc;
		float:none;
	}

	.MainMenu .navbar-nav > li > a{
		padding-top:5px;
		padding-bottom:5px;
		padding-left:18px;
		padding-right:18px;
		color:#a28b6d;
		text-transform:uppercase;
		font-size:12px;
		font-weight:500;
		transition:all 0.5s ease-in-out 0s;
		margin:0;
		border-bottom:1px solid #e0e9ec;
	}
	
	.MainMenu .navbar-default .navbar-nav > li > a:hover, .MainMenu .navbar-default .navbar-nav > li > a:focus{
		background:#f5f5f5;
		color:#e41145;
	}
	
	.MainMenu  .navbar-default .navbar-nav > .active > a{
		color:#e41145;
		background:#f5f5f5;
		box-shadow:none;
	}
	
	.h1-contact {
		display:none;
	}	
	
	.banner-section {
		margin:0 auto;
		padding:0;
		background:#a60511;
		height:auto;
		text-align:center;
	}
	
	.carousel-inner img{
		text-align:center;
		width:100%;
	}
	
	#slider{ position: relative;}
	#slider .sliderImg{ width: 100%; }
	
	.ht-header {
		height:150px;
	}
	
	.banner-section {
		margin:0 auto;
		padding:0 0 0 0;
		background:none;
		height:auto;
		text-align:center;
	}
	
	.active-nav {
		background:#FC0;
		color:#000;
	}
	
	.title-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	
	.title-section h1{
		margin:0 auto;
		padding:0 0;
		font-size:24px;
		line-height:30px;
		text-align:center;
		color:#043277;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.title-section h1 span{
		color:#ec6e05;
		font-weight:bold;
	}
	
	.welcome-section {
		margin:20px auto 0 auto;
		padding:20px 0 10px 0;
		height:auto;
		border-top:1px solid #ccc;
	}
	
	.welcome-section-left {
		margin:0;
		padding:0;
		border-right:none;
	}
	
	.vision-section {
		margin:0 0 15px 0;
		padding:0;
	}
	
	.vision-section h1{
		margin:10px 0 0 0;
		padding:0;
		font-size:20px;
		text-align:center;
		color:#009fdd;
		font-weight:300;
	}
	
	.vision-section p{
		margin:0 0 10px 0;
		padding:0 0;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#333;
		font-weight:normal;
	}
	
	.welcome-section-right {
		margin:0;
		padding:0;
	}
	
	.welcome-section-right h1{
		margin:0 0 0 0;
		padding:0;
		font-size:20px;
		text-align:center;
		color:#009fdd;
		font-weight:300;
	}
	
	.welcome-section-right ul{
		margin:0 0 0 0;
		padding:0;
	}
	
	.welcome-section-right ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:center;
		line-height:22px;
		list-style:none;
	}
	
	.bg-product-section {
		margin:0 auto;
		padding:100px 0 0 0;
		height:200px;
		background:url(../images/bg-product.jpg) center repeat-x;
		text-align:center;
	}
	
	.bg-product-section a{
		margin:0 auto;
		padding:10px 20px;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#fff;
		border:1px solid #FFF;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.bg-product-section a:hover{
		color:#000;
		text-decoration:none;
		border:1px solid #ccc;
		background:#FFF;
	}
	
	.features-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
		text-align:center;
	}
	
	.features-section h1{
		margin:0 0;
		padding:0;
		font-size:20px;
		line-height:24px;
		text-align:center;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.features-section-main {
		margin:0 0 25px 0;
		padding:0;
	}
	.features-section-main-left {
		margin:0 0 10px 0;
		padding:0;
	}
	.features-section-main-right {
		margin:0;
		padding:0;
	}
	.features-section-main-right h1{
		margin:0 0 0 0;
		padding:0;
		font-size:18px;
		text-align:center;
		color:#e74b05;
		font-weight:300;
	}
	.features-section-main-right ul{
		margin:0 0 0 0;
		padding:0;
	}
	
	.features-section-main-right ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:center;
		line-height:20px;
		list-style:none;
		letter-spacing:0.5px;
	}
	
	.features-section a{
		margin:25px auto;
		padding:10px 20px;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#009fdd;
		border:1px solid #009fdd;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.features-section a:hover{
		color:#fff;
		text-decoration:none;
		border:1px solid #009fdd;
		background:#009fdd;
	}
	
	.footer-section {
		margin:25px auto 0 auto;
		padding:30px 0;
		background:url(../images/bg-footer.jpg) center repeat;
		text-align:center;
	}
	
	.footer-section ul{
		margin:20px auto 10px auto;
		padding:0;
	}
	
	.footer-section ul li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
	
	.footer-section ul li {
		margin:0;
		padding:0 10px;
		list-style:none;
		display:inline;
	}
	
	.footer-section ul li a{
		margin:0;
		padding:0;
		font-size:12px;
		letter-spacing:0.5px;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
	}
	
	.footer-section ul li a:hover{
		text-decoration:none;
		color:#FC0;
	}
	
	.footer-section p{
		margin:0;
		padding:0 20px;
		font-size:12px;
		letter-spacing:0.8px;
		color:#999;
		text-decoration:none;
		font-family: 'Quicksand', sans-serif;
		text-align:center;
	}
	
	.footer-section a{
		color:#999;
	}
	
	.footer-section a:hover{
		color:#FFF;
	}
	
	.banner-section-inner {
		margin:0 auto;
		padding:0;
		background:url(../images/bg-footer.jpg) center repeat;
		height:80px;
		text-align:center;
	}
	
	.banner-section-inner h1{
		margin:0 0 10px 0;
		padding:25px 0 0 0;
		font-size:24px;
		text-align:center;
		color:#fff;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.bodysection-inner {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	
	.aboutus-section {
		margin:0 auto;
		padding:0 0 20px 0;
	}
	
	.aboutus-section-left {
		margin:0;
		padding:0;
	}
	
	.aboutus-section-left img{
		border-radius:0;
		border:1px solid #ccc;
		padding:5px;
	}
	
	.aboutus-section-right {
		margin:0;
		padding:0;
	}
	
	.aboutus-section-right h1{
		margin:0 0 10px 0;
		padding:20px 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.aboutus-section-right h2{
		margin:0 0 10px 0;
		padding:0;
		font-size:20px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	
	.aboutus-section-right p{
		margin:0;
		padding:0;
		font-size:14px;
		line-height:18px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:300;
	}
	
	.visionmission-inner {
		margin:0 auto;
		padding:20px 0 0 0;
		height:auto;
	}
	
	.visionmission-inner-main {
		margin:0 0 15px 0;
		padding:0;
	}
	
	.visionmission-inner-main h3{
		margin:0 0 5px 0;
		padding:0;
		font-size:16px;
		text-align:left;
		color:#C30;
		font-weight:300;
	}
	
	.visionmission-inner-main p{
		margin:0;
		padding:0;
		font-size:14px;
		line-height:18px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:300;
	}
	
	.benefits-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
		background:#eeeeee;
		border-bottom:1px solid #d9d9d9;
	}
	
	.benefits-section-left {
		margin:0;
		padding:0;
	}
	.benefits-section-left h1{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.benefits-section-left h2{
		margin:0 0 10px 0;
		padding:0;
		font-size:20px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	.benefits-section-left p{
		margin:0 0 25px 0;
		padding:0;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:left;
		color:#0180bf;
		font-weight:300;
	}
	
	.benefits-section-left ul{
		margin:0 0 25px 0;
		padding:0;
	}
	
	.benefits-section-left ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:left;
		line-height:22px;
		list-style:none;
	}
	
	.benefits-section-right {
		margin:0;
		padding:0;
	}
	
	.services-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	.services-section h1{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.services-section-main {
		margin:0;
		padding:0;
	}
	.services-section-main h2{
		margin:20px 0 5px 0;
		padding:0;
		font-size:18px;
		text-align:left;
		color:#C60;
		font-weight:300;
	}
	.services-section-main ul{
		margin:0 0 15px 0;
		padding:0;
	}
	
	.services-section-main ul li{
		margin:0;
		padding:0 0 5px 0;
		font-size:14px;
		color:#333;
		text-align:left;
		line-height:18px;
		list-style:none;
		border-bottom:1px dashed #CCC;
		display:block;
	}

	
	
}




/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px){
	header {
		border-top:solid 15px #234b9e;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index:99;
		background:#234b9e;
		-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;
	}
	
	header .row {
		width: auto;
		height: auto;
		position: relative;
		padding:0 0;
		height:85px;
	}
	
	.sticky {
		position: fixed;
		background: #234b9e;
		top: 0;
	}
	
	.header-01{
		margin:0;
		padding:0;
	}
	
	.logo {
		z-index:99;
		margin:0;
		padding:0;
		position:absolute;
	}
	
	.logo img{}
		
	
	.header-02{
		margin:0;
		padding:15px 0 0 0;
		text-align:right;
	}
	
	.header-03{
		margin:0;
		padding:0 0 0 0;
		text-align:right;
	}
	
	.ht-header {
		height:71px;
	}
	
	.MainMenu .navbar-default{
		background-image:none;
		background-color:transparent;
		border-color:transparent;
		box-shadow:none;
		margin-left:0;
	}
	
	.MainMenu .navbar{
		margin-bottom:0;
		background-color:transparent;
		border:0px solid #cccccc;
		right:0;
		position:static;
	}
	
	.MainMenu .navbar-nav > li > a{
		padding-top:15px;
		padding-bottom:5px;
		padding-left:8px;
		padding-right:8px;
		margin-top:0;
		color:#fff;
		text-transform:uppercase;
		font-size:13px;
		font-weight:500;
		transition:all 0.5s ease-in-out 0s;
		letter-spacing:0.8px;
		font-weight:normal;
	}
	
	.MainMenu .navbar-default .navbar-nav > li > a:hover, .MainMenu .navbar-default .navbar-nav > li > a:focus{
		background:none;
		color:#C00;
	}
	
	.MainMenu  .navbar-default .navbar-nav > .active > a{
		color:#fff;
		background:#FFF;
		box-shadow:none;
		border-radius:5px;
	}
	
	.active-nav {
		background:#fff;
		color:#C00;
	}
	
	.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;
	}
	
	.h1-contact {
		display:none;
	}	
	
	.title-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	
	.title-section h1{
		margin:0 auto;
		padding:0 0;
		font-size:22px;
		line-height:30px;
		text-align:center;
		color:#043277;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.title-section h1 span{
		color:#ec6e05;
		font-weight:bold;
	}
	
	.welcome-section {
		margin:20px auto 0 auto;
		padding:20px 0 10px 0;
		height:auto;
		border-top:1px solid #ccc;
	}
	
	.welcome-section-left {
		margin:0;
		padding:0;
		border-right:1px solid #CCC;
	}
	
	.vision-section {
		margin:0 0 15px 0;
		padding:0;
	}
	
	.vision-section h1{
		margin:10px 0 0 0;
		padding:0;
		font-size:20px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
	}
	
	.vision-section p{
		margin:0 0 10px 0;
		padding:0 0;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:normal;
	}
	
	.welcome-section-right {
		margin:0;
		padding:0;
	}
	
	.welcome-section-right h1{
		margin:0 0 0 0;
		padding:0;
		font-size:20px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
	}
	
	.welcome-section-right ul{
		margin:0 0 0 0;
		padding:0;
	}
	
	.welcome-section-right ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:left;
		line-height:22px;
		list-style:none;
	}
	
	.bg-product-section {
		margin:0 auto;
		padding:90px 0 0 0;
		height:200px;
		background:url(../images/bg-product.jpg) center repeat-x;
		text-align:center;
	}
	
	.bg-product-section a{
		margin:0 auto;
		padding:10px 20px;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#fff;
		border:1px solid #FFF;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.bg-product-section a:hover{
		color:#000;
		text-decoration:none;
		border:1px solid #ccc;
		background:#FFF;
	}
	
	.features-section {
		margin:0 auto;
		padding:40px 0;
		height:auto;
		text-align:center;
	}
	
	.features-section h1{
		margin:0 0;
		padding:0;
		font-size:20px;
		line-height:24px;
		text-align:center;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.features-section-main {
		margin:0 0 25px 0;
		padding:0;
	}
	.features-section-main-left {
		margin:0 0 10px 0;
		padding:0;
	}
	.features-section-main-right {
		margin:0;
		padding:0;
	}
	.features-section-main-right h1{
		margin:0 0 0 0;
		padding:0;
		font-size:14px;
		line-height:18px;
		text-align:left;
		color:#e74b05;
		font-weight:300;
	}
	.features-section-main-right ul{
		margin:0 0 0 0;
		padding:0;
	}
	
	.features-section-main-right ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:left;
		line-height:20px;
		list-style:none;
		letter-spacing:0.5px;
	}
	
	.features-section a{
		margin:25px auto;
		padding:10px 20px;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#009fdd;
		border:1px solid #009fdd;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.features-section a:hover{
		color:#fff;
		text-decoration:none;
		border:1px solid #009fdd;
		background:#009fdd;
	}
	
	.footer-section {
		margin:0 auto 0 auto;
		padding:30px 0;
		background:url(../images/bg-footer.jpg) center repeat;
		text-align:center;
	}
	
	.footer-section ul{
		margin:20px auto 10px auto;
		padding:0;
	}
	
	.footer-section ul li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
	
	.footer-section ul li {
		margin:0;
		padding:0 10px;
		list-style:none;
		display:inline;
	}
	
	.footer-section ul li a{
		margin:0;
		padding:0;
		font-size:12px;
		letter-spacing:0.5px;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
	}
	
	.footer-section ul li a:hover{
		text-decoration:none;
		color:#FC0;
	}
	
	.footer-section p{
		margin:0;
		padding:0 20px;
		font-size:12px;
		letter-spacing:0.8px;
		color:#999;
		text-decoration:none;
		font-family: 'Quicksand', sans-serif;
		text-align:center;
	}
	
	.footer-section a{
		color:#999;
	}
	
	.footer-section a:hover{
		color:#FFF;
	}
	
	.banner-section-inner {
		margin:0 auto;
		padding:0;
		background:url(../images/bg-footer.jpg) center repeat;
		height:80px;
		text-align:center;
	}
	
	.banner-section-inner h1{
		margin:0 0 10px 0;
		padding:25px 0 0 0;
		font-size:24px;
		text-align:center;
		color:#fff;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.bodysection-inner {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	
	.aboutus-section {
		margin:0 auto;
		padding:0 0 20px 0;
	}
	
	.aboutus-section-left {
		margin:0;
		padding:0;
	}
	
	.aboutus-section-left img{
		border-radius:0;
		border:1px solid #ccc;
		padding:5px;
	}
	
	.aboutus-section-right {
		margin:0;
		padding:0;
	}
	
	.aboutus-section-right h1{
		margin:0 0 5px 0;
		padding:0 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.aboutus-section-right h2{
		margin:0 0 5px 0;
		padding:0;
		font-size:18px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	
	.aboutus-section-right p{
		margin:0;
		padding:0;
		font-size:14px;
		line-height:18px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:300;
	}
	
	.visionmission-inner {
		margin:0 auto;
		padding:20px 0 0 0;
		height:auto;
	}
	
	.visionmission-inner-main {
		margin:0 0 15px 0;
		padding:0;
	}
	
	.visionmission-inner-main h3{
		margin:0 0 5px 0;
		padding:0;
		font-size:16px;
		text-align:left;
		color:#C30;
		font-weight:300;
	}
	
	.visionmission-inner-main p{
		margin:0;
		padding:0;
		font-size:14px;
		line-height:18px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:300;
	}
	
	.benefits-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
		background:#eeeeee;
		border-bottom:1px solid #d9d9d9;
	}
	
	.benefits-section-left {
		margin:0;
		padding:0;
	}
	.benefits-section-left h1{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.benefits-section-left h2{
		margin:0 0 10px 0;
		padding:0;
		font-size:20px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	.benefits-section-left p{
		margin:0 0 25px 0;
		padding:0;
		font-size:14px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:left;
		color:#0180bf;
		font-weight:300;
	}
	
	.benefits-section-left ul{
		margin:0 0 25px 0;
		padding:0;
	}
	
	.benefits-section-left ul li{
		margin:0;
		padding:0;
		font-size:14px;
		color:#333;
		text-align:left;
		line-height:22px;
		list-style:none;
	}
	
	.benefits-section-right {
		margin:0;
		padding:0;
	}
	
	.services-section {
		margin:0 auto;
		padding:20px 0;
		height:auto;
	}
	.services-section h1{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.services-section-main {
		margin:0;
		padding:0;
	}
	.services-section-main h2{
		margin:20px 0 5px 0;
		padding:0;
		font-size:18px;
		text-align:left;
		color:#C60;
		font-weight:300;
	}
	.services-section-main ul{
		margin:0 0 0 0;
		padding:0;
	}
	
	.services-section-main ul li{
		margin:0;
		padding:0 0 5px 0;
		font-size:14px;
		color:#333;
		text-align:left;
		line-height:18px;
		list-style:none;
		border-bottom:1px dashed #CCC;
		display:block;
	}
	
	.contact-section {
		margin:0 auto;
		padding:0;
	}
	
	.contact-section-col {
		margin:0 0 20px 0;
		padding:0;
	}
	
	.contact-section-col h1{
		margin:0 0 5px 0;
		padding:0 0 0 0;
		font-size:22px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.contact-section-col p{
		margin:0 0 0 0;
		padding:0;
		font-size:14px;
		line-height:22px;
		letter-spacing:0.5px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	
	.contact-section-col a{
		color:#09C;
		text-decoration:none;
	}
	
	.contact-section-col a:hover{
		color:#09C;
		text-decoration:underline;
	}


	
	
}


@media (min-width: 980px) and (max-width:1200px){
	.header-section{
		margin:0 auto;
		padding:10px 0;
		position:fixed;
		z-index:999;
		background:#fff;
		left:0;
		right:0;
		border-bottom:1px solid #CCC;
	}
	
	.logo {
		margin:0 0 0 0;
	}
	
	.logo img{ width:50%;}
	
	.h1-contact {
		font-size:16px;
		color:#000;
		text-align:center;
		margin:3px 0 0 0;
		padding:8px 10px;
		border:1px solid #000;
		background:#fff;
		letter-spacing:0.5px;
		border-radius:5px;
	}
	
	.banner-section {
		margin:0 auto;
		padding:0;
		background:#05628e;
		height:auto;
		text-align:center;
	}
	
	.carousel-inner img{
		text-align:center;
		width:100%;
	}
	
	#slider{ position: relative;}
	#slider .sliderImg{ width: 100%; }
	
	.ht-header {
		height:86px;
	}
	
	.fa-facebook {
		color:#fff;
		font-size:20px;
		background:#06C;
		border-radius:50%;
		height:34px;
		width:34px;
		text-align:center;
		vertical-align:middle;
		margin:10px 0 0 0;
		padding:7px 0 0 0;
	}
	
	.fa-facebook:hover {
		background:#fff;
		color:#06C;
	}
	
	.fa-twitter {
		color:#fff;
		font-size:20px;
		background:#09C;
		border-radius:50%;
		height:34px;
		width:34px;
		text-align:center;
		vertical-align:middle;
		margin:10px 0 0 0;
		padding:7px 0 0 0;
	}
	
	.fa-twitter:hover {
		background:#fff;
		color:#09C;
	}
	
	.fa-linkedin {
		color:#fff;
		font-size:20px;
		background:#069;
		border-radius:50%;
		height:34px;
		width:34px;
		text-align:center;
		vertical-align:middle;
		margin:10px 0 0 0;
		padding:7px 0 0 0;
		border:none;
	}
	
	.fa-linkedin:hover {
		background:#fff;
		color:#069;
	}
	
	.MainMenu .navbar-default{
		background-image:none;
		background-color:transparent;
		border-color:transparent;
		box-shadow:none;
	}
	
	.MainMenu .navbar{
		margin-bottom:0;
		background-color:transparent;
		border:0px solid #cccccc;
		float:right;
	}
	
	.MainMenu .navbar-nav > li > a{
		padding-top:22px;
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
		color:#000;
		text-transform:uppercase;
		font-size:14px;
		font-weight:500;
		transition:all 0.5s ease-in-out 0s;
		margin-top:0;
		letter-spacing:0.5px;
	}
	
	.MainMenu .navbar-default .navbar-nav > li > a:hover, .MainMenu .navbar-default .navbar-nav > li > a:focus{
		background:#fff;
		color:#e41145;
	}
	
	.MainMenu  .navbar-default .navbar-nav > .active > a{
		color:#e41145;
		background:#FFF;
		box-shadow:none;
	}
	
	.active-nav {
		background:#FC0;
		color:#000;
	}
	
	.line {
		width:7%;
		height:1px;
		background:#333;
		margin:20px auto;
		text-align:center;
	}
	
	.title-section {
		margin:0 auto;
		padding:50px 0;
		height:auto;
	}
	
	.title-section h1{
		margin:0 auto;
		padding:0 40px;
		font-size:30px;
		line-height:38px;
		text-align:center;
		color:#043277;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.title-section h1 span{
		color:#ec6e05;
		font-weight:bold;
	}
	
	.welcome-section {
		margin:50px auto 0 auto;
		padding:50px 0 10px 0;
		height:auto;
		border-top:1px solid #ccc;
	}
	
	.welcome-section-left {
		margin:0;
		padding:0;
		border-right:1px solid #CCC;
	}
	
	.vision-section {
		margin:0 0 15px 0;
		padding:0;
	}
	
	.vision-section h1{
		margin:-8px 0 0 0;
		padding:0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
	}
	
	.vision-section p{
		margin:0 50px 10px 0;
		padding:0 0;
		font-size:16px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:normal;
	}
	
	.welcome-section-right {
		margin:0;
		padding:0;
	}
	
	.welcome-section-right h1{
		margin:0 0 0 50px;
		padding:0;
		font-size:24px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
	}
	
	.welcome-section-right ul{
		margin:0 0 0 50px;
		padding:0;
	}
	
	.welcome-section-right ul li{
		margin:0;
		padding:0;
		font-size:16px;
		color:#333;
		text-align:left;
		line-height:22px;
		list-style:none;
	}
	
	.bg-product-section {
		margin:0 auto;
		padding:142px 0 0 0;
		height:300px;
		background:url(../images/bg-product.jpg) center repeat-x;
		text-align:center;
	}
	
	.bg-product-section a{
		margin:0 auto;
		padding:15px 30px;
		font-size:16px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#fff;
		border:1px solid #FFF;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.bg-product-section a:hover{
		color:#000;
		text-decoration:none;
		border:1px solid #ccc;
		background:#FFF;
	}
	
	.features-section {
		margin:0 auto;
		padding:50px 0;
		height:auto;
		text-align:center;
	}
	
	.features-section h1{
		margin:0 0;
		padding:0;
		font-size:30px;
		text-align:center;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.features-section-main {
		margin:0 0 25px 0;
		padding:0;
	}
	.features-section-main-left {
		margin:0;
		padding:0;
	}
	.features-section-main-right {
		margin:0;
		padding:0;
	}
	.features-section-main-right h1{
		margin:0 0 0 0;
		padding:0;
		font-size:20px;
		text-align:left;
		color:#e74b05;
		font-weight:300;
	}
	.features-section-main-right ul{
		margin:0 0 0 0;
		padding:0;
	}
	
	.features-section-main-right ul li{
		margin:0;
		padding:0;
		font-size:16px;
		color:#333;
		text-align:left;
		line-height:22px;
		list-style:none;
		letter-spacing:0.5px;
	}
	
	.features-section a{
		margin:25px auto;
		padding:15px 30px;
		font-size:16px;
		line-height:20px;
		letter-spacing:0.5px;
		text-align:center;
		color:#009fdd;
		border:1px solid #009fdd;
		font-weight:normal;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.features-section a:hover{
		color:#fff;
		text-decoration:none;
		border:1px solid #009fdd;
		background:#009fdd;
	}
	
	.footer-section {
		margin:0 auto 0 auto;
		padding:50px 0;
		background:url(../images/bg-footer.jpg) center repeat;
		text-align:center;
	}
	
	.footer-section ul{
		margin:20px auto 10px auto;
		padding:0;
	}
	
	.footer-section ul li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
	}
	
	.footer-section ul li {
		margin:0;
		padding:0 10px;
		list-style:none;
		display:inline;
	}
	
	.footer-section ul li a{
		margin:0;
		padding:0;
		font-size:14px;
		letter-spacing:0.8px;
		color:#FFF;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
	}
	
	.footer-section ul li a:hover{
		text-decoration:none;
		color:#FC0;
	}
	
	.footer-section p{
		margin:0;
		padding:0;
		font-size:13px;
		letter-spacing:0.8px;
		color:#999;
		text-decoration:none;
		font-family: 'Quicksand', sans-serif;
		text-align:center;
	}
	
	.footer-section a{
		color:#999;
	}
	
	.footer-section a:hover{
		color:#FFF;
	}
	
	.bodysection-inner {
		margin:0 auto;
		padding:50px 0;
		height:auto;
	}
	
	.aboutus-section {
		margin:0 auto;
		padding:0 0 20px 0;
	}
	
	.aboutus-section-left {
		margin:0;
		padding:0;
	}
	
	.aboutus-section-left img{
		border-radius:0 100px 0 0;
		border:1px solid #ccc;
		padding:10px;
	}
	
	.aboutus-section-right {
		margin:0;
		padding:0;
	}
	
	.aboutus-section-right h1{
		margin:0 0 10px 0;
		padding:20px 0 0 0;
		font-size:30px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.aboutus-section-right h2{
		margin:0 0 10px 0;
		padding:0;
		font-size:24px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	
	.aboutus-section-right p{
		margin:0;
		padding:0;
		font-size:16px;
		line-height:22px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:300;
	}
	
	.visionmission-inner {
		margin:0 auto;
		padding:20px 0 0 0;
		height:auto;
	}
	
	.visionmission-inner-main {
		margin:0;
		padding:0;
	}
	
	.visionmission-inner-main h3{
		margin:0 0 5px 0;
		padding:0;
		font-size:22px;
		text-align:left;
		color:#C30;
		font-weight:300;
	}
	
	.visionmission-inner-main p{
		margin:0;
		padding:0;
		font-size:16px;
		line-height:22px;
		letter-spacing:0.5px;
		text-align:left;
		color:#333;
		font-weight:300;
	}
	
	.benefits-section {
		margin:0 auto;
		padding:50px 0;
		height:auto;
		background:#eeeeee;
		border-bottom:1px solid #d9d9d9;
	}
	
	.benefits-section-left {
		margin:0;
		padding:0;
	}
	.benefits-section-left h1{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:30px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.benefits-section-left h2{
		margin:0 0 10px 0;
		padding:0;
		font-size:24px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	.benefits-section-left p{
		margin:0;
		padding:0;
		font-size:16px;
		line-height:22px;
		letter-spacing:0.5px;
		text-align:left;
		color:#0180bf;
		font-weight:300;
	}
	
	.benefits-section-left ul{
		margin:0 0 25px 0;
		padding:0;
	}
	
	.benefits-section-left ul li{
		margin:0;
		padding:0;
		font-size:16px;
		color:#333;
		text-align:left;
		line-height:22px;
		list-style:none;
	}
	
	.benefits-section-right {
		margin:0;
		padding:0;
	}
	
	.services-section {
		margin:0 auto;
		padding:50px 0;
		height:auto;
	}
	.services-section h1{
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:30px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.services-section-main {
		margin:0;
		padding:0;
	}
	.services-section-main h2{
		margin:30px 0 5px 0;
		padding:0;
		font-size:22px;
		text-align:left;
		color:#C60;
		font-weight:300;
	}
	.services-section-main ul{
		margin:0 0 25px 0;
		padding:0;
	}
	
	.services-section-main ul li{
		margin:0;
		padding:0 0 5px 0;
		font-size:16px;
		color:#333;
		text-align:left;
		line-height:22px;
		list-style:none;
		border-bottom:1px dashed #CCC;
		display:block;
	}
	
	.contact-section {
		margin:0 auto;
		padding:0;
	}
	
	.contact-section-col {
		margin:0 0 20px 0;
		padding:0;
	}
	
	.contact-section-col h1{
		margin:0 0 5px 0;
		padding:0 0 0 0;
		font-size:22px;
		text-align:left;
		color:#009fdd;
		font-weight:300;
		font-family: 'Roboto Slab', serif;
	}
	
	.contact-section-col p{
		margin:0 0 0 0;
		padding:0;
		font-size:16px;
		line-height:22px;
		letter-spacing:0.5px;
		text-align:left;
		color:#000;
		font-weight:300;
	}
	
	.contact-section-col a{
		color:#09C;
		text-decoration:none;
	}
	
	.contact-section-col a:hover{
		color:#09C;
		text-decoration:underline;
	}



}