@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   Design by Bobby
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
a{text-decoration:none;
-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	padding-left:0%;
	padding-right: 0%;
}
#wrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.quick-contact, .desktop-menu{display:none;}
header{ width:100%; height:80px; margin:0; padding:0; float:left; clear:both; display:block;}
.header-fix{ width:100%;position:fixed; z-index:9999; margin:0; padding:0; float:left; box-shadow:0px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.5); -moz-box-shadow:0px 3px 5px rgba(0,0,0,0.5);}
.mob-menu{display:block;}
.mob-dropbox{position:relative; width:100%; float:left; margin:0; padding:0; clear:both; display: block;}

.dropdown {/*background-color: #418bca;*/
    color: #ffffff;
    float: right;
    height: 48px;
    margin: -94px 10px;
    position: relative;
    width: 40%;}

.submenu{background-color:#fff;position: absolute;top: 80px;left: 0;z-index: 100;width: 100%;display: none; margin: -31px 0; padding:0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);}
.dropdown li a {color: #ffffff;display: block;font-family: arial;font-weight: normal;padding: 10px 15px;cursor: pointer;text-decoration:none;font-size: 15px;}
.dropdown li{ border-bottom:1px solid #0c5aa0; background-color:#0e6abd;}
.dropdown li a:hover{background:#164995;color: #FFFFFF;text-decoration: none;}
a.account {
font-size: 15px;
line-height: 16px;
color: #ffffff;
position: absolute;
z-index: 110;
display: block;
padding: 5px 2%;
height: 60px;
width: 96%;
margin: -18px 0 0;
text-decoration: none;
background: url(../images/menu-btn.png) 96% 30px no-repeat;
cursor:pointer;
}
a.account img{ position:relative; margin:0 0 0 -35px;}
.root
{
list-style:none;
margin:0px;
padding:0px;	
}
.col-1, .col-2{ width:100%; float:left; margin:0 0 20px 0; padding:0; clear:both; display:block;}
.col-3{ width:60%; float:left; margin:30px 20%; padding:0; clear:both; display:block; text-align:center;}
.pack-box li{list-style:none; margin:0; padding:0; width:100%;}
.sh{ display:none;}
.read-more, .read-more2{float:none; display:block; width:50%;}
.client-box{ background-color:#ffffff; width:98%; text-align:center; float:left; padding:1%; margin:0 0 20px 0; clear:both; }
.client-box:last-child, .client-box:first-child{display:none;}
footer{ padding:50px 0 0 0;}
footer ul li{margin:0 0 15px 0; display:block; padding:0; list-style:none; float:none;}
#fixed-footer{height: auto; position: relative; padding:0; border:0;}
#footerSlideButton{display:none;}
#footerSlideContent{background-color:#262626; padding:4%; width:92%; margin:0 0 0 0; float:left;}
#footerSlideContent ul li{ text-align:center;display: block; width:98%; float:left; font-size:13px; background-color:#101010; margin:5px 0; padding:1%;}
#footerSlideContent ul li div{height: auto;}
#footerSlideContent ul li p{ color:#ffffff;}
#footerSlideContent ul li p a{ color:#9e9e9e; font-weight:300;}
#footerSlideContent ul li p a:hover{ color:#ffffff;}
.footer-col ul{ margin:0; padding:0; line-height:none; text-align: center;}
.footer-col ul li{float:none;}
.footer-col p{text-align: center; margin:0 0 20px 0; padding:0;}
.h-style2, .h-style4{text-align: center;}
section:nth-of-type(1){background:#164995 url(../images/article1.png) 50% 130px no-repeat fixed; max-height:100%;}
#services{background:#f68f67; max-height:100%;}
#package{background:#303030 url(../images/article3.png) 50% 130px repeat-y fixed; max-height:100%;text-align:center;}
.sub-heading li{text-align:center; float:none; margin:0; padding:0;}
.col-4{ width:100%; float:left; margin:0; padding:0; clear:both; display:block; text-align:center}
.col-5, .col-6{ width:100%; float:left; margin:30px 0 0 0; padding:0; clear:both; display:block;}
.col-10, .col-11{ width:100%; float:left; margin:15px 0; padding:0; clear:both; display:block;}
.back-button{ float:none; margin:0; text-align:center;}
ul.tabs li{float:left; width:76%; display:block; margin:0 10% 10px 10%;}
.t_name{margin:0 0 5px 0;}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 768px) {
.gridContainer {
	width: 100%;
	padding-left:0%;
	padding-right:0%;
}
#wrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.pack-box li{list-style:none; float:left; margin:0; padding:0; width: 33%;}
.col-3{ width:45%; float:left; margin:30px 5% 30px 0; padding:0; clear:none; display:block; text-align:left;}
.sh{ display:block;}
.read-more, .read-more2{float:left; width:auto;}
.client-box{ background-color:#ffffff; width:28%; float:left; padding:1%; margin:0 3% 20px 0; clear:none; }
.client-box:last-child, .client-box:first-child{display: block;}
#footerSlideContent ul li{ text-align:left; display: inline-block; float:left; width:47%; font-size:13px; background-color:#101010; margin:5px 1% 5px 0; padding:1%;}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 900px) {
.gridContainer {
	width:100%;
	max-width: 100%;
	padding: 0%;
	margin: auto;
}
#wrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
header{ width:100%; height:40px; margin:0; padding:0; float:left; clear:both; display:block;}
.header-fix{ width:100%;position:fixed; z-index:9999; margin:0; padding:0; float:left; box-shadow:none;}
.top-wrap{ width:100%; float:left; clear:both; display:block; margin:0; padding:0; height:40px; background:#303030;}
.d-logo{position: absolute; right:95px; float:right; margin:0; padding:0; display:block;}
.navigation{ width:100%; float:left; clear:both; display:block; margin:0; padding:0;}
ul.menubar{width:100%; display: inline-block; margin:0; padding:0;}
ul.menubar li{ display: inline-block;
    float: left;
    list-style: outside none none;
    margin: -4px 5px 0 0;
    padding: 44px 7px 47px 10px;
    transition: all 0.3s ease-in-out 0s;
}
ul.menubar li:hover{ background:#3d75bf; color:#fff;}

ul.menubar li a:hover{ color:#fff;}

ul.menubar li a{ background:transparent; color:#111; font-family:"fs_joeyregular"; text-transform:uppercase; font-size:15px; padding:25px 4px;
 font-weight:bolder;}
.menubar li ul{display:none;position:absolute;padding:0;margin: 21px 0 0 -5px;z-index:9999;}
.menubar li:hover > ul{display:block; color:#fff;}
.menubar li ul li{background-color:#fff; border-bottom:1px dashed #e3e3e3;}
.menubar li ul li, .menubar li ul li a{display:block; width:240px;  float:left; text-transform:none; font-size:15px; position:relative;
 padding:4px 5px; color:#111; text-align:left;}
.menubar li ul li, .menubar li ul li a i.icon{ 
vertical-align:middle; margin-top:5px;
}
.menubar li ul li {
_display:inline; /* for IE */
}
/* == 12. Sub-Sub Menu == */
.menubar li ul li ul {
display:none;
}

.menubar li ul li:hover ul {
left:100%;
top:0;
}
.menubar li ul li:hover{ background-color:#ebebeb; color:#666;}
.menubar li ul li a:hover{color:#3d75bf;}
.menubar li ul li a:active{color:#3d75bf;}
.current{color:#3d75bf;}
.menubar li ul div{ background-color:#fff; float:left; width:250px; clear:none; display:block; margin: 26px 0px 10px -5px; padding:0;
 border-top:4px solid #0070c6; border-bottom:2px solid #0070c6;}
.menubar li ul div:first-child{}
.banner{ width:100%; float:left; clear:both; display:block; margin:0; padding:0; margin-top: 150px;}
.col-1{ width:45%; float:left; margin:0 5% 0 0; padding:0; clear:none; display:block;}
.col-2{ width:45%; float:left; margin:0 0 0 5%; padding:0; clear:none; display:block;}
.col-3{ width:23%; float:left; margin:30px 2% 30px 0; padding:0; clear:none; display:block; text-align:left;}
.accolade, .accolade-2{ float:right;}                                                                                 
.quick-contact{display:block; position:absolute; z-index:99; top:0px;}
#contactFormContainer{left:27%;}


.desktop-menu{display: block;  float:right; }

.mob-menu{display:none;}
.pack-box li{list-style:none; float:left; margin:0; padding:0; width: 20%;}
.sh{ display:block;}
.read-more, .read-more2{float:left;width:auto;}
.client-box{ background-color:#ffffff; width:28%; float:left; padding:1%; margin:0 3% 20px 0; clear:none; }
.client-box:last-child, .client-box:first-child{display: block;}
footer{ padding:50px 0 100px 0;}
footer ul li{margin:0 20px 0 0; padding:0; list-style:none; float:left; width:auto;}
#fixed-footer{height:40px; position: fixed; bottom:0; padding:0;border-top:2px solid #303030;}
.copyright-text span{padding:0 40px;}
.footer-col{width:46%; float:left; clear:none; margin:0 2%; padding:0;}
.footer-col ul{ margin:0 0 0 100px; padding:0; text-align:left;}
.footer-col ul li{ float:left;}
.footer-col p{text-align:left; margin:0; padding:0;}
#footerSlideContainer {
	position: fixed;
	bottom:0;
	width: 100%;
	z-index:10000;
}
#footerSlideButton {
	background: url(../images/footer-icon.png) top left no-repeat transparent;
	position: absolute;
	top: -65px;	
	right: 47.5%;
	width:80px;
	height:25px;
	border: none;
	cursor: pointer;
	display:block;
}
#footerSlideContent {
	float:left;
	width: 100%;
	height: 0px; position:relative; top:-40px; padding:0; margin:0;
	background: url(../images/menu-bg.png) repeat;	
	border: none;
}
#footerSlideContent ul li{ text-align:left; display:inline-block; width:22.5%; float:left; font-size:13px; background:#101010; margin:30px 0.5% 0 0; padding:1%; }
#footerSlideContent ul li div{height:180px; width:100%;}
#footerSlideText {
	padding: 15px 10px 25px 20px;
}
#footerSlideContent ul li p{ color:#ffffff;}
#footerSlideContent ul li p a{ color:#9e9e9e; font-weight:300;}
#footerSlideContent ul li p a:hover{ color:#f4421a;}
.h-style2, .h-style4{text-align:left;}
section:nth-of-type(1){background:#164995 url(../images/article1.png) 50% 0 no-repeat fixed; max-height:100%;}
/*.hbox{width:100%; float:left; clear:both; display:block; margin:0; padding:0; height:80px;}*/
.sub-heading li{ float:left;text-align:left; padding:0 20px 0 0; margin:0 20px 0 0;}
.col-4{ width:48%; float:left; margin:20px 2% 0 0; padding:0; clear:none; display:block; text-align:left;}
.col-5{ width:35%; float:left; margin:0 5% 0 0; padding:0; clear:none; display:block;}
.col-6{ width:60%; float:left; margin:0; padding:0; clear:none; display:block;}
.col-7{ width:80%; float:left; margin:0; padding:0; clear:none; display:block;}
.col-8{ width:20%; float:left; margin:0; padding:0; clear:none; display:block;}
.col-9{ width:31%; float:left; margin:0 2.3% 0 0; padding:0; clear:none; display:block;}
.col-10{ width:22.5%; float:left; margin:30px 1.5% 30px 0; padding:0; clear:none; display:block;}
.col-11{ width:31%; float:left; margin:30px 1.6% 30px 0; padding:0; clear:none; display:block;}
.back-button{ float:right; margin:30px 0 0 0; text-align:right;}
.flr{float:right;}
ul.tabs li{float:left; width: auto; margin:0 5px 0 0;}
.port-box:hover{border:5px solid #006fc6; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.port-box2:hover{border:5px solid #303030; transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3); -o-transform:scale(1.3);}
.t_name{margin:60px 0 5px 0;}

}
ul.menubar li .active{ background:#3d75bf; color:#fff;}
.active{ background:#3d75bf; color:#fff;}
.menubar li ul li .current{ background:#ebebeb; color:#3d75bf;}
.current{background:#ebebeb;color:#3d75bf;}
@media only screen and (min-width: 1200px) {
.gridContainer {
	width:100%;
	max-width: 100%;
	padding: 0%;
	margin: auto;
}
#wrapper {
	clear: both;
	float: left;
	margin-left: 0;
	margin:0px auto;
	width: 1000px;
	display: block;
}
#contactFormContainer{left:40%;}

ul.menubar li{ display: inline-block;
    float: left;
    list-style: outside none none;
    margin: -4px 5px 0 0;
    padding: 44px 7px 47px 10px;
    transition: all 0.3s ease-in-out 0s;
}
ul.menubar li:hover{ background:#3d75bf; color:#fff;}
ul.menubar li .active{ background:#3d75bf; color:#fff;}
.active{ background:#3d75bf; color:#fff;}
ul.menubar li a{ background:transparent; color:#111; font-family:"fs_joeyregular"; text-transform:uppercase; font-size:15px; padding:25px 4px;
 font-weight:bolder;}
 .menubar li ul li .current{ background:#ebebeb; color:#3d75bf;}
.current{background:#ebebeb;color:#3d75bf;}
.container-fix{  float:right; clear:both;  display:block; padding: 4px 0;}
.icon1{ margin-top:0px; float:left; padding:0px 8px 0px 0px;}
.our-offe{width:200px; height:300px; float:left; background:#CCC; }

}