@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500);
@import url(http://fonts.googleapis.com/css?family=Muli:400,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,300italic,300,100italic,100,500italic,500,700,700italic,900,900italic);
a, a:focus{
	outline: none;
}

@media (min-width: 1025px) {
.main-menu {
	background: #8fc2e9;
	margin-top: 0px
}
.menu {
	background: #8fc2e9;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
	float:right;
	z-index:300;
	position:relative;
	
}
.icon-bar{display:none;}
.menu li {
	display: inline-block;
	position: relative;
}
.menu li a {
	font: 300 12px/18px 'Verdana', sans-serif;
	color: #3b5a6d;
	text-transform: uppercase;
	display: block;
	padding: 10px 13px;
	text-decoration:none;
}
.menu li a:hover {
	text-decoration: none;
	background: #b0d2ef;
	text-decoration:none;
}
.menu ul {
	background: #8fc2e9;
	display: none
}
.menu li:hover>ul {
	display: list-item;
	transition: all ease 0.2s;
	list-style: none;
	position: absolute;
	padding: 0px;
	margin: 0px
}
.menu li li {
	display: block;
	position: relative;
	width: 250px;
	border-bottom: solid 1px #87b9df;
}
.menu li li a {
	background: #b0d2ef;
	color:#fff;
}
.menu li li a:hover {
	background: #3a5a6d;
	color:#fff;
}
.menu li.submenu:after {
	content: "";
	height: 0;
	width: 0;
	border-left: 3.5px solid transparent;
	border-right: 3.5px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	right:3px;
	top: 46%;
	margin-top: 0px
}
.menu li li ul {
	background: #3a5a6d !important;
	position: absolute;
	left: 250px;
	top: 0px;
	border-left: solid 1px #d1ceca
}
.menu li li li {
	display: block;
	position: relative;
	width: 250px
}
.menu li li li a {
	background: #3a5a6d;
}
.menu li li li a:hover {
	background: #3a5a6d !important;
}
.menu li.submenuu:after {
	content: "";
	height: 0;
	width: 0;
	border-top: 4px solid transparent;
	border-left: 5px solid #fff;
	border-bottom: 4px solid transparent;
	position: absolute;
	right: 7px;
	top: 30%;
	margin-top: 5px
}
.menu li li:hover li a{
	background: #b0d2ef;
}
.form-out form{
padding: 10px;
}

}

.opening{ text-align:right;}
.form-out .scaptcha{ height:100px; overflow:hidden;}
.form-out h2{font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;background: #1d6378 none repeat scroll 0 0;margin-top: 0;
    padding: 10px; color: #fff;}
.form-out input, .form-out textarea{ margin-top:5px;}
.form-out .in-cap-img{ float:left !important;}
.form-out .submit_btn{ float:left !important;}
#btn-submit112{ display:block; margin-top:0;}
.foot-form
{ 
	position:fixed; bottom:0; width:310px; height:31px; background:#2c9fbc; right:50px; z-index:9999; font-style:normal !important;
	 -webkit-transition: height 0.8s;transition: height 0.8s;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.popup{height:437px;}
.rqst-head{ text-align:center; background:#1d6378;	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; cursor:pointer;}
.rqst-head h4{ margin:0; padding:6px 0; color:#FFF; background:url(../images/up-arrow.png) no-repeat 24px center; background-size:18px;}
.rqst-head-up{ background-image: url(../images/down-arrow.png) !important;}
.form-out .mailtxt{position:relative;}
.form-out .frmarea{ position:relative;}
.form-out .mailtxt span{ bottom:35px; top:inherit; }
.form-out .frmarea span{ bottom:55px; top:inherit;}
.foot-form-in{ padding: 0 10px; margin-top:24px;}
.form-out .input-holder.cap-wdt{ overflow:hidden;}
.form-out .input-holder.cap-wdt .errors.newerror{ top:-40px;}
.form-out .input-holder.cap-wdt .errors.newerror#msghome1{ top:-57px !important;}
.foot-form-in .form-control{ height:30px;}
.foot-form-in textarea{ height:auto !important;}
.form-out .cp-box .cont-cap p, .form-out .cp-box .cont-cap p{ font-size:12px !important;}
.form-out .cp-box { position:relative;}

.form-out .plz.cf{ top:-45px; position:relative;}
.leftInner  .form-out{ min-height:425px; overflow:hidden;background: #2c9fbc none repeat scroll 0 0;}

.t-hours{ border:none;}
.table-responsive{ border:none !important;}


@media (max-width: 1024px) {

.menu {
	width: 250px;
	position: fixed;
	right: 0px;
	background: #8fc2e9;
	list-style: none;
	padding: 0px;
	top:0 !important;
	margin: 0px;
	right: -250px;
	overflow-y: scroll;
	transition: all 0.3s;
	height: 100%;
	display: block;
	z-index:99999;
}
.menu li {
	color: #fff;
	list-style: none;
	position: relative;
	display: block;
	border-bottom: solid 1px #87b9df;
}
.menu li a {
	color: #fff;
	display: block;
	padding: 7px 10px;
	transition: all 1s
}
.menu li a:hover {
	background: #3a5a6d;
	text-decoration: none
}
.menu li ul {
	display: none;
	overflow: hidden
}
.menu li:hover.open>ul {
	display: list-item;
	transition: all ease 0.2s;
	padding: 0px;
	margin: 0px
}
.menu li li {
	position: relative;
	display: block
}
.menu li li a {
	display: block
}
.menu .open ul{
	display: block !important;
	padding: 0 !important;
	border-top: 1px solid #87b9df;
}
.menu .open ul li:last-child{
	border: 0 !important;
}
.menu .open ul ul{
	display: none !important;
	border-top: 1px solid #87b9df;
}
.menu .open .open ul{
	display: block !important;
	padding: 0 !important;
}
.menu .open ul a{
	padding-left: 20px !important;
}
.menu .open ul ul a{
	padding-left: 30px !important;
}
.main-menu ul li.submenu i {
	position: absolute;
	width: 43px;
	height:30px;
	top: 0;
	right: 0;
	cursor: pointer;

}
.main-menu ul li.submenu i:after {
	content: "";
	height: 0;
	width: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 6px solid #ccc;
	position: absolute;
	right: 17px;
	top:15px;
	z-index: 10
}
.mob-btn {
	border-radius: 5px;
	border: none;
	color: #fff;
	text-transform: uppercase;
	padding: 1px 5px 5px 5px;
	right:22px;
	top:11px;
	float: right;
	position: absolute;
	background-color: #659cbe;
	display: block;
	z-index: 999
}
.mob-btn .icon-bar {
	background: none repeat #fff;
	border-radius: 1px;
	display: block;
	height: 2px;
	position: relative;
	transition: all 0.5s ease-in-out 0s;
	width: 28px;
	margin-top: 6px
}
.open .menu {
	right: 0px;
	top:0;
}
.show-menu .menu {
	right: 0px
}
.open .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1001
}
.main-nav {
	display: none
}
.news-txt {
	width: 49%
}
.news-box input {
	width: 59%
}

.ul-footer ul li{

}
}
@media (max-width:766px){
	.ul-footer li{
	display: block !important;
	padding:10px 6px;
	font-size: 14px;
}
.ul-footer li::after{
	content: " " !important;
	position: absolute;

}
.ul-footer li a{
	margin-right: 8px;
}

.btns-bnr{
    left: 10px !important;
    top: 10px !important;
}
.leftbtn{ display:block; padding:7px !important;}
.leftbtn-two{ display:block; margin:10px 0 0 0 !important; padding:7px !important;}
.t-hours{  font-size:12px;}
}
@media (max-width:480px) {
.menu {
    background: #8fc2e9 none repeat scroll 0 0;
    display: block;
    height: 100%;
    list-style: outside none none;
    margin: 0;
    overflow-y: scroll;
    padding: 0px 0px 0px 0px;
    position: fixed;
    right: -250px;
    top:60px;
    transition: all 0.3s ease 0s;
    width: 250px;
    z-index: 99999;
}
.navbar-brand {
    display: block;
    float: none;
    margin: 0 auto !important;
    position: relative;
    z-index:999;
}
.mob-btn {right:13px;}

.foot-form
{ 
 right:5px;
}
.copyright p {
    padding: 0 0 14px 0 !important;}
}
.top-logo{ width:264px;height:179px; padding:0px; margin:0px; float:left;}
.header{ background:#8fc2e9;}.navbar{background:#8fc2e9;}

.bg-thank-you{
	
	background: none !important;
	
	
}
.bg-thank-you .thank-you-heading{
	text-align: center!important;
	font-size: 17px;
	color: #464646;
	line-height: 25px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;

}
.back-btn-wrap{
	text-align: right;
	margin-top: 10px;

}
.bk-btn{
	padding: 10px 20px;
	background-color: #3b5a6d;
	color: #fff;
	text-decoration: none;
}
.bk-btn:hover{
	color: #fff;
	text-decoration: none;

}
.error-msg p{
	text-align: center!important;
	font-size: 17px!important;
	color: #464646;
	line-height: 25px!important;
	font-family: 'Roboto', sans-serif;
	font-weight: light;

}

.copyright {
    width: 100%;
    margin: 0 auto;
}

.copyright p {
    font: 300 15px/22px 'Roboto', 'sans-serif';
    color: #818482;
    text-align: center;
    padding: 0 0 0 0;}

   .tw-logo {
   	margin-top: 5px;
    width: 33px;
    height: 33px;
    margin: auto;
    display: block;
    background: url("../images/tw-logo.png") left top no-repeat;
}
.tw-logo:hover {
   opacity: 0.5;
}
.ul-footer{
	padding-left: 0px;
	margin-bottom: 0px;
}
.ul-footer li{
	display: inline-block;
	padding:10px 6px;
	font-size: 14px;
}
.ul-footer li::after{
	content: "|";
	position: absolute;

}
.ul-footer li a{
	margin-right: 8px;
}

.ul-footer li:last-child::after{
	content: "";
	position: absolute;

}
@media only screen and (max-device-width: 767px) and (orientation: landscape)
{
	.popup{ height:200px; overflow:scroll;}
	.rqst-head{ position:fixed; width:310px; z-index:9999;}
	.foot-form-in{ margin-top:54px;}
	
	.copyright p {
    padding: 0 0 14px 0 !important;}
}

.btns-bnr{
    left: 386px;
    position: absolute;
    top: 351px;
    z-index: 248;
}

.leftbtn{
padding: 10px;
background: #299DB9;
color: #fff;
font-size: 14px;
text-decoration: none;
}
.leftbtn:hover{
text-decoration: none;
color: #000;
}


.leftbtn-two{
padding: 10px;
background: #2c9fbc;
color: #fff;
font-size: 15px;
margin-left: 10px;
text-decoration: none;
}
.leftbtn-two:hover{
text-decoration: none;
color: #000;
}

#pform{
background-color:#299db9;
width:250px; 
height:auto;
position: absolute;
z-index: 267;
margin-left: 48%;
visibility:hidden;
padding: 10px;
color: #fff;
}
#pform1{
background-color:#299db9;
width:250px; 
height:auto;
position: absolute;
z-index: 267;
margin-left: 48%;
visibility:hidden;
padding: 10px;
color: #fff;
}



#clo{
    background-color: #fff;
    border-radius: 30%;
    cursor: pointer;
    margin-left: 90%;
    padding: 1px;
    color: #000;

}


@media (max-width: 991px){

.btns-bnr {
  left: 299px;
  top: 260px;
}
.form-out form{
padding: 8px;
}

} 

@media (max-width: 639px){

.btns-bnr {
    left: 1px;
    top: 8px !important;
}
.leftbtn {
 font-size: 10px;
 padding: 3px !important;
 float:left;
	}
.leftbtn-two {
    font-size: 10px;
    margin:0 0 0 2px !important;
    padding: 3px !important;
	float:left;
}
#pform {
 margin-left: 7%;
}
.opening{ text-align:left !important;}

}