/* CSS Document */
*{padding:0; margin:0;}
/*General styles #1B2C65*/
BODY{font: 14px/160% Arial, Helvetica, sans-serif;color:#D2E0F2;background:#0F5AB7;}

P {padding-bottom:4px; margin-bottom:5px;}
:active, :focus{outline:none;}
a:link, a:visited{color: #FCCA01;text-decoration: underline;}
a:hover{text-decoration: none;color:#FCCA01;}
input, textarea, select {padding:1px;margin:0;color:#555;font-size:100%;}

/*Headings*/
h1{font: 22px/24px Arial, Helvetica, sans-serif;color:#FFF;margin: 0px;padding: 0px 0 10px 0;}
h2{font: bold 18px/20px Arial, Helvetica, sans-serif;color:#91B3DE;margin: 0px;padding: 15px 0 7px 0;}
h3{font: bold 15px/20px Arial, Helvetica, sans-serif;color:#91B3DE;margin: 0px;padding: 15px 0 5px 0;}

h2.brdrd { font:bold 18px/20px Arial, Helvetica, sans-serif; color:#BEC9DD; padding:8px; text-align:center; background:url(../images/subhd-bg.jpg) top repeat-x; border:#18397D 1px solid; margin:15px 0 10px;}

/*Common Styles*/
p.bullet {padding:2px 0 5px 14px;background:url(../images/bullet.png) left 6px no-repeat;}
img.left {float:left;margin:0 12px 8px 0;}
img.right {float:right;margin:0 0 8px 10px;}
.topzero {padding-top:0px;}
BR.clear {clear:both; height:1px;}
.color { color:#008676;}
.paddmar0 { padding:0; margin:0;}
.sub_lead_txt { color:#3A4F70; font-size:16px; line-height:23px;}
.arrow_list {list-style: none;padding: 8px 0 10px 0px;margin: 0px;border: none;}
.arrow_list li {display: block;background: url(../images/arrow.jpg) left 6px no-repeat;
padding: 0px 0px 10px 25px;margin:0;}

/*DIVs*/
.wrap-head {position:relative;}
.wrap-head img.title {width:100%;height:auto;}
.wrap-top {background: url(../images/overlay-blue.png) repeat;position:absolute;left:0;top:0;}
.wrap-content {padding:30px 0 20px;}

.container {width: 1050px; margin: 0 auto; overflow:hidden; padding:0 0px;}
.header {width:100%;float:left;}
.logo { width:300px; float:left; padding:18px 0 0 0;}
.logo img {max-width:300px; height:auto;}
.logo_right { width:660px; float:right;}
.top_pnl { width:660px; float:left; height:88px; background:url(../images/nav-top-shadow.png) bottom center no-repeat;}
	.top_pnl_one { width:auto; float:left; padding: 9px 10px 0 0;color:#FFF; font-weight:bold;}
	.top_pnl_one img {padding-right:15px;}
	.fb-like { width:80px; float:left; height:20px; display:block; overflow:hidden;margin-top:10px;}
	.top_pnl_two { width:360px; float:right; padding-top:8px; text-align:right; color: #FF0; font-weight:bold;}
.top_pnl_two a {color: #FF0 !important;}
.top_pnl_two a:hover {color: #FFF !important;}
.nav {width:658px;float:left; height:43px; border:#47B3ED 1px solid; border-bottom:none; background:url(../images/nav-bg.png) top repeat-x;}

/*Navigation*/
.nav ul{font: 16px Arial, Helvetica, sans-serif;}
.nav ul li{list-style: none;display: inline;float:left;position:relative;}
.nav ul li a, .nav ul li a:visited {text-decoration: none;float:left; line-height:43px;color:#FFF;font-weight:bold; display:block; padding:0 20px; background:url(../images/nav-brk.png) right repeat-y;}
.nav ul li a:hover, .nav ul li a.active {text-decoration: none;color:#FFF;}
/*Navigation end here*/

.content {width:100%;float:left; padding:10px 0px; clear:both; min-height:300px;}
.content_in {width:100%;float:left; padding-bottom:10px;}

.col_one {width:35%; float:left;}
.col_two {width:60%; float:right;}
.col_two_in {width:100%; float:left;}
.col_3a {width:156px; float:left; padding:0 20px 10px; text-align:center; font-size:12px; line-height:16px;}

.col_2a {width:270px; float:left; margin-right:50px;}
.col_2b {width:270px; float:left;}

.sub_left { width:65%; float:left;}
.sub_right { width:30%; float:right;}

/*contact pages*/
.cont_left { width:60%; float:left; margin-right:50px; }
.cont_frm { width:35%; float:right;}
.cont_one h2, .cont_frm h2 { padding-top:0;}
.contact_form { padding:0; margin:0;}
.contact_form p { clear:both;}
.contact_form label {width:120px;float:left;margin:3px 0;}
.contact_form label span { color:#CC0000;}
.contact_form input, .contact_form textarea {width:220px;float:left;margin:3px 0;clear:right;}
.contact_form input.new {width: auto; float:none; padding:2px 4px;}

.cform-plus label {width:40%;}
.cform-plus div.form-box {width:60%;float:left;}
.cform-plus input, .cform-plus textarea, .cform-plus select {width:98%;float:none;margin:3px 0;clear:right; padding:7px 1%;}
.cform-plus input.new {width: auto; float:none; padding:2px 4px;}
.cform-plus p.error {padding:6px;font-size:12px;color:#CC0000; background:#FFF; font-weight:bold;border-radius:5px;margin-top:6px;}
.cform-plus label.error {padding:0px;font-size:11px;color: #F90; font-weight:bold;margin:0 0 4px;width:100%; line-height:120%;}
p.success {padding:15px;font-size:12px;color: #093; background:#FFF; font-weight:bold;border-radius:5px;margin:15px 0;}

.footer_wrap, .wrap {width:100%; overflow:hidden; }
.footer_wrap {background: #163F87 url(../images/foorter-image.jpg) left top no-repeat;}
.footer {width:1050px; margin:0 auto; overflow:hidden; color:#8DBCF5; padding:30px 0 30px 0px;  height:124px;}
.footer a, .footer a:visited {color:#8DBCF5; text-decoration:underline;}
.footer a:hover {color:#FFF; text-decoration:underline;}
.cright { font: 20px/22px Arial, Helvetica, sans-serif;}
.foot_right { float:right; margin:0 30px 0 10px;}
.mob_phone, .mob_nav {display:none;}

.photo_right {float:right;width:440px; margin:5px 0 8px 25px;}
.photo_right img {width:100%; height:auto; border:#FFF 2.5px solid;}
.photo_right p {padding-bottom:3px; font-size:12px; line-height:120%;}
.logo-keylab {margin-left:27px;}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
/* */
.footer_wrap, .wrap {overflow:visible; }
.wrap-top {background: url(../images/overlay-blue.png) repeat;position: relative;left: auto;top: auto;}
.wrap-head img.title {display:none;}
body {padding:2%; background:#003399;}
div {width:100% !important; float:left !important; margin:0 !important; padding:0 !important;}
img {max-width: 80% !important; clear:both; margin:8px 10% !important; height:auto; }
.mob_phone, .mob_nav {display:block;}
.container, .header {width:100% !important; padding:0px !important; margin:0px !important; height:auto !important;float:none !important; background:none;background-color:transparent !important;}
.content, .feat_wrap {width:90% !important; padding:5% !important; margin-bottom:6px !important;background:#0F5AB7; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.header {background:none; height:auto; padding-bottom:8px !important;}
.logo {height:auto; padding-bottom:10px !important; float:left !important; }
.logo img {display:block; margin:0px !important; max-width:70% !important; height:auto !important;}
.top_panel {height:auto; padding-bottom:8px !important;}
.featured_a, .featured_b {border-right:none;}
.nav, .logo_right, .phone, .hd_btm_pnl, .footer_top, .phoneb, .top_pnl, .nav {display:none;}
.footer {text-align:center; width:90% !important; padding:5% !important; margin-bottom:6px !important;background:#163F87 !important; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height: auto !important;}
.cright {font-size:16px; line-height:18px;}
.footer_b {text-align:center; color:#FFFFFF;}
.footer_b a:link, .footer_b a:visited {color:#FFFFFF;}
.feat_in h2 {padding:0px; margin:12px 0 5px;}
.hright_brdrd_img {padding:4px;}
.mob_phone {text-align:center; color: #FF0; font-size:16px; padding:4px 0px 8px !important;}
.mob_phone a {background:#0C4892; padding:4px 3%; text-decoration:none; font-size:16px; color: #FF0; display:block; margin:0px auto 0px; font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:#0F5AB7 1px solid;width:auto; text-align:center; width:100%; box-sizing:border-box;}
.ph_emrgncy a {background:#EA0000;border:#FF0D0D 1px solid;}
.mob_phone a span {font-size:12px;}
.mob_phone a:link, .mob_phone a:visited {color:#FF0; text-decoration:none;}
.mob_nav {position:absolute; top:0px; right:0px;}
.mob_nav ul li {border:none; text-decoration:none; list-style:none;}
.mob_nav ul li.view_menu a:link, .mob_nav ul li.view_menu a:visited {background:#333; padding:4px 7px; text-decoration:none; font-size:12px; color:#FFF; display:block; float:right; font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:14% 0 0 0;border:#222 1px solid;}
.mob_nav ul li.view_menu a.vm {background:#0F5AB7;border:#116BD9 1px solid;}
.mob_nav ul li.view_menu ul {margin:0 0;}
.mob_nav ul li.view_menu li a:link, .mob_nav ul li.view_menu li a:visited {width:90%; padding:7px 5% !important; color:#FFF; font-size:12px; background:#1B2C65; margin:0 0 0px 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border-top:#233883 1px solid;border-bottom:#1A275E 1px solid;}
.mob_nav ul li.view_menu li a:hover { background:#1A275E;color: #FF0;}
.cont_frm {padding-top:25px !important;}
.mob_nav ul li.view_menu ul {display:none;}
.mob_nav ul li.view_menu:hover ul {display:block;}
.cont_left {overflow:hidden;}
.cont_frm input, .cont_frm textarea {max-width:90%;}
h2.sbhd {background:none; padding:0px; margin:0px 0 8px; height:auto; line-height:120%;}
.headerb {height:110px;background: #0B172D url(../images/city-motors.jpg) left top no-repeat; margin-bottom:8px !important;}
.icon {width: 20% !important;}
.ictxt {width: 80% !important;}
.footer img {margin:0px !important;}
.mnote {font-size:12px; line-height:120%;}
.footer img.logo-keylab {margin-left:0px;margin-bottom:15px !important;}
}