@-ms-viewport{
 width:device-width;
 maximum-scale:1;
 initial-scale:1;
}


html,body{margin:0;padding:0;font-family:Arial}
h1,h2,h3,h4,h5,h6{font-family:Arial;margin:0;padding:0}
p,span,td,th,li,a,label{font-family:Arial;font-size:12px;margin:0;padding:0;text-decoration:none}


.clear{clear:both}


@media all and (min-device-width:769px),all and (min-width:769px)
{
#header{width:100%;height:83px}
 
.wrapper{width:998px;height:auto;margin:0 auto;position:relative}
 
#logo-menu .logo-menu-bg{position:absolute;z-index:-1}
#logo-menu .left-bg{width:45% !important;height:83px;background:#192a79;float:left}
#logo-menu .right-bg{width:55% !important;height:83px;background:#60c0c7;float:right}
 
#logo{
width:535px;height:98px;background:url(images/logo-bg.jpg) repeat-x;
position:absolute;z-index:1;left:0px;border-bottom-left-radius:10px;-moz-border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;border-bottom-right-radius:10px;-moz-border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-box-shadow:0px 0px 8px 2px #525252;
box-shadow:0px 0px 8px 2px #525252;
}
#logo > img{float:left;margin:5px 0 0 19px}
#logo p{float:right;margin:63px 14px 0 0}
#logo a{width:100%;height:100%;display:block;position:absolute}
}
 

@media all and (max-device-width:769px),all and (max-width:769px)
{
.wrapper{width:98%;height:auto;margin:0 auto;position:relative}
 
#header{width:100%;height:45px}
 
#logo-menu .logo-menu-bg{position:absolute;z-index:-1}
#logo-menu .left-bg{width:20% !important;height:45px;background:#192a79;float:left}
#logo-menu .right-bg{width:80% !important;height:45px;background:#60c0c0;float:right} 
#logo{
width:250px;height:auto;background:url(images/logo-bg.jpg) repeat-x;
position:absolute;z-index:1;left:15px;top:0;
border-bottom-left-radius:8px;-moz-border-bottom-left-radius:8px;-webkit-border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-border-bottom-right-radius:8px;-webkit-border-bottom-right-radius:8px;-webkit-box-shadow:0px 0px 8px 2px #525252;
box-shadow:0px 0px 8px 2px #525252;
}
#logo > img{width:117px;height:auto;float:left;margin:3px 0 0 11px}
#logo p{float:right;margin:36px 14px 0 0}
#logo p > img{width:60px}
#logo a{width:100%;height:100%;display:block;position:absolute}
} 
 

@media all and (min-device-width:769px),all and (min-width:769px) 
{
#menu{vertical-align:top;position:absolute;right:0;z-index:4}
 
#menu-gear{display:none}
#menu-items{display:block}
 
#menu-items ul{margin:0;padding:0;list-style:none}
#menu-items ul > li{float:left;max-width:110px;text-align:center}
#menu-items ul > li > a{font-size:14px;font-weight:700;padding:45px 10px 12px;display:block;color:#09676e;border-bottom-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px}

#menu-items ul > li > a:hover{background:#00919c;color:#fff}
#menu-items ul > li > a.home{background:url(images/menu-icon/home_icon.png) center 18px no-repeat}
#menu-items ul > li > a.home:hover{background:url(images/menu-icon/home_icon_hover.png) center 18px no-repeat #00919c}
#menu-items ul > li > a.services{background:url(images/menu-icon/services_icon.png) center 18px no-repeat}
#menu-items ul > li > a.services:hover{background:url(images/menu-icon/services_icon_hover.png) center 18px no-repeat #00919c}
#menu-items ul > li > a.promos{background:url(images/menu-icon/promos.png) center 18px no-repeat}
#menu-items ul > li > a.promos:hover{background:url(images/menu-icon/promos_hover.png) center 18px no-repeat #00919c}
#menu-items ul > li > a.fees{background:url(images/menu-icon/fees.png) center 18px no-repeat}
#menu-items ul > li > a.fees:hover{background:url(images/menu-icon/fees_hover.png) center 18px no-repeat #00919c}
#menu-items ul > li > a.contact{background:url(images/menu-icon/contactus_icon.png) center 18px no-repeat}
#menu-items ul > li > a.contact:hover{background:url(images/menu-icon/contactus_icon_hover.png) center 18px no-repeat #00919c}
}
 

@media all and (max-device-width:768px),all and (max-width:768px)
{
#menu{vertical-align:top;position:absolute;right:0;z-index:9}
#menu-gear{display:block}
#menu-items{display:none;width:215px;background:#60c0c7;float:left;position:absolute;top:55px;right:10px}
 
#menu-items ul{width:100%;margin-left:8px;padding:0;list-style:none}
#menu-items ul > li{width:100%;text-align:left}
#menu-items ul > li > a{width:100%;font-size:12px;font-weight:bold;padding:10px 10px 10px 40px;color:#09676e;display:block}
#menu-items ul > li > a:hover{width:100%;background:#00919c;color:#fff}
#menu-items ul > li > a.home{background:url(images/menu-icon/home_icon.png) left no-repeat}
#menu-items ul > li > a.home:hover{background:url(images/menu-icon/home_icon_hover.png) left no-repeat #00919c}
#menu-items ul > li > a.services{background:url(images/menu-icon/services_icon.png) left no-repeat}
#menu-items ul > li > a.services:hover{background:url(images/menu-icon/services_icon_hover.png) left no-repeat #00919c}
#menu-items ul > li > a.promos{background:url(images/menu-icon/promos.png) left no-repeat}
#menu-items ul > li > a.promos:hover{background:url(images/menu-icon/promos_hover.png) left no-repeat #00919c}
#menu-items ul > li > a.fees{background:url(images/menu-icon/fees.png) left no-repeat}
#menu-items ul > li > a.fees:hover{background:url(images/menu-icon/fees_hover.png) no-repeat #00919c}
#menu-items ul > li > a.contact{background:url(images/menu-icon/contactus_icon.png)no-repeat}
#menu-items ul > li > a.contact:hover{background:url(images/menu-icon/contactus_icon_hover.png) left no-repeat #00919c}
}
 
#menu-gear{padding-top:5px;padding-right:10px}
 
#menu-gear a{
 text-align:center;
 vertical-align:bottom;
 background:url(images/menu-icon/bullets-black.png) center no-repeat;
 font-size:8px;
 font-weight:bold;
 padding:25px 5px 0px;
 color:#09676e;
 display:block;
 cursor:pointer;
 }
 
 #menu-gear a:hover{
 text-align:center;
 vertical-align:bottom;
 background:url(images/menu-icon/bullets-black.png) center no-repeat;
 font-size:8px;
 font-weight:bold;
 padding:25px 5px 0px;
 color:#fff;
 display:block;
 -webkit-box-shadow:1px 2px 2px #00484e;
 box-shadow:1px 2px 2px #00484e;
 cursor:pointer;
 border-bottom-left-radius:3px;
 -moz-border-bottom-left-radius:3px;
 -webkit-border-bottom-left-radius:3px;
 border-bottom-right-radius:3px;
 -moz-border-bottom-right-radius:3px;
 -webkit-border-bottom-right-radius:3px;
 }
 

#page-content{width:100%;min-height:266px;padding:20px 0 0}
.no-list-style{list-style:none}
.featured-image{
width:25%;
height:auto;
overflow:hidden;
float:left;
}

.featured-image img{
width:100%;
height:auto;
}

.single-page-content{
width:70%;
float:left;
margin:0 0 0 5%;
}

 .tab-content> div{
 display:none;
 }
 .tab-content>.active{
 display:block;
 }
 div#nav-tabs-promo .nav-tabs{
 border-bottom:1px solid #ddd;
 margin:0px;
 display:inline-block;
 width:100%;
 padding:0;
 }
 div#nav-tabs-promo .nav-tabs > li{
 list-style:none;
 float:left;
 margin-bottom:8px;
 
 padding:0;
 }
 div#nav-tabs-promo .nav-tabs > li > a{
 color:#365F91;
 
 border:1px solid transparent;
 border-bottom-color:transparent;
 cursor:pointer;
 padding:10px 9px;
 border-radius:6px;
 }
 div#nav-tabs-promo .nav-tabs > li > a:hover{
 color:#00B9B9;
 background:#DEDEDE;
 }
 div#nav-tabs-promo .nav-tabs > li.active > a{
 color:#737373;
 border:1px solid #ddd;
 border-bottom-color:transparent;
 background:#fff;
 }



#footer{width:100%;height:auto;border-top:1px solid #bdbdbd;margin:35px 0 0;background:#dadada}
#footer #footer-content{width:100%;background:#dadada}
#footer #footer-content h5{color:#7e7e7e;border-bottom:1px solid #bdbdbd;padding:0 0 12px;margin:0 0 16px;background:#dadada}
#footer #footer-content h5 span{color:#60c0c7}

#footer #footer-content .footer-details{width:100%;float:left;margin:0 2% 0 0}
#footer #footer-content .footer-details p{color:#6f6f6f;text-align:justify}

#footer #footer-content .security{width:38%;float:left;margin:6px 0 0}
#footer #footer-content .security img{margin:0 2% 0}

#footer #footer-links{width:100%;height:77px}

#footer #footer-links .bg-pattern{width:50%;height:77px;background:url(images/footer-pattern-bg.png) repeat-x;float:left}
#footer #footer-links .bg-gradient{width:50%;height:77px;background:url(images/footer-bg.png) repeat-x;float:right}

#footer #footer-links #footer-menu{width:24%;height:77px;background:url(images/footer-pattern-bg.png) repeat-x;position:absolute;left:0}
#footer #footer-links #footer-menu ul{list-style:none;margin:12px 0 0;padding:0}
#footer #footer-links #footer-menu ul > li{float:left;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #fff}
#footer #footer-links #footer-menu ul > li:last-child{border:none}
#footer #footer-links #footer-menu ul > li > a{font-size:11px;color:#fff;font-weight:bold}
#footer #footer-links #footer-menu p.copyright{width:100%;font-size:10px;color:#fff;margin:26px 0 0}

#footer #footer-links #footer-social{width:76%;height:77px;background:url(images/footer-bg.png) repeat-x;position:absolute;right:0}
#footer #footer-links #footer-social a{float:right;margin:10px 0 0 5px}
#footer #footer-links #footer-social p{font-size:10px;font-weight:bold;float:right;margin:8px 0 0;color:#fff}

#footer #footer-links #footer-browsers{text-align:right;position:absolute;right:0}
#footer #footer-links #footer-browsers label{width:100%;font-size:10px;float:right;margin:8px 0 0;color:#000}
#footer #footer-links #footer-browsers img{float:left}
 

@media all and (min-device-width:769px),all and (min-width:769px)
{
#footer #footer-links #footer-browsers{width:20%;display:block} 

#fancybox-content{
overflow:auto !important;
}

#fancybox-frame{
overflow:auto !important;
}
}


@media all and (max-device-width:768px),all and (max-width:768px)
{
 #footer #footer-links #footer-browsers{width:60%;display:none}

#fancybox-content{
overflow:scroll !important;
-webkit-overflow-scrolling:touch !important;
}
}

#footer #footer-content .footer-details p{
text-align:left;
margin-bottom:1.5em;
}