@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro'); /* font-family: 'Source Sans Pro', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto'); /* font-family: 'Roboto', sans-serif; */
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300'); /*font-family: 'Open Sans', sans-serif;*/
@font-face { font-family:'MyriadPro-Bold'; src:url(../fonts/MyriadProRegular.ttf); }

html,body { height:100%; background-color:#1A1A1A; }
html,body{ font-family: 'Source Sans Pro', sans-serif; height:100%; }
body p{ padding:0; margin:0;  }
body h1,body h2,body h3, body h4{ margin:0; padding:0; }
ul{ list-style-type:none; margin:0; padding:0; }
ul li{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none !important; outline:none !important; }

#loading{ background-color:#fff; height:100%; width:100%; overflow:hidden; position:fixed; z-index:9999; display:table; }
#loading > div{ vertical-align:middle; display:table-cell; text-align:center; }
#loading > div img{ width:200px; }
#headerpage{ position:fixed; top:0; left:0; right:0; z-index:66; background-color:#fff; }
.header{ position:relative; z-index:66; background-color:#fff; }
.logo{ width:150px; margin:auto; }

.mainmenu{ }
.mainmenu ul{ margin:0; }
.mainmenu > ul > li{ float:left; }
.mainmenu  ul li a{ padding:35px 20px; display:block; font-size:16px; color:#333; }
.mainmenu ul li:hover > a{ background-color:#008ACA; color:#eee; }
.mainmenu > ul > li > ul{ position:absolute; background-color:#1A1A1A; display:none; }
.smlmenu{ width:220px; }
.mainmenu ul li ul li a{ font-size:14px; padding:10px 15px; border-top:1px solid #555; display:block; color:#eee; }
.mainmenu ul li ul li:nth-child(1) a{ border-top:none; }
.lgmenu{ z-index:999; background-color:#1A1A1A; left:0; right:0; position:absolute; display:none; padding:20px; }
.lgmenu h4{ color:#008ACA; padding-bottom:10px; font-size:22px; }
.lgmenu ul li a{ padding:8px 0px; display:block; font-size:14px; color:#eee;  }
.lgmenu ul li{ position:relative; padding-left:12px;}
.lgmenu ul{ padding:0; margin:0; }
.lgmenu ul li:before{ content:'\f105'; position:absolute; left:0; top:8px; color:#777; font-family:'FontAwesome'; }
.lgmenu ul li a:hover{ color:#00A3E5; }



.respnav{ position:absolute; right:20px; top:10px; }
.respnav i{ font-size:25px; padding:10px 0px; cursor:pointer; color:#000; }
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }

#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:5px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#008ACA; color:#fff; }


.fulcont{position:relative; width:100%; z-index:55; background-color:#eee; margin-bottom:80px; }
/* Inner Page CSS*/
.pagcont{ padding:30px 30px; margin-top:-80px; margin-bottom:-80px; overflow:hidden; min-height:600px; position:relative; z-index:55; background-color:#fff; border:1px solid rgba(0,0,0,0.2); clear:both;  }
.pagcont:before{ content:''; background-color:#008ACA; width:50px; height:100px; position:absolute; left:-25px; top:-45px; z-index:-1; transform:rotate(40deg); }
.pagcont h1{ margin:0; color:#008ACA; }
.pagcont h3{ margin:0; color:#008ACA; padding:10px 0px; }
.pagcont p{ color:#444; padding-bottom:10px; }

.breadcrumbcol{ clear:both; overflow:hidden; }
.breadcrumbcol ul li{ float:left; padding:10px 20px 0px 10px;  position:relative; }
.breadcrumbcol ul li:before{ content:'\f101'; font-family: 'FontAwesome'; color:#000; font-size:15px; vertical-align:middle; position:absolute; left:0; top:9px; }
.breadcrumbcol ul li a{ color:#333; padding:2px 0px; display:block; }
.breadcrumbcol ul li a.active{ border-bottom:1px solid #006965; }

.ulli{ padding:10px;}
.ulli li{ position:relative; padding:3px 15px; }
.ulli li:before{ content:'\f101'; font-family: 'FontAwesome'; color:#000; font-size:15px; vertical-align:middle; position:absolute; left:0; top:3px; }

.footer{ background-color:#1A1A1A; position:fixed; bottom:0; left:0; right:0;  }
.footer > .container{  padding-top:20px; padding-bottom:20px;}
.footermenu{ padding:10px 0px; }
.footermenu ul li a{ color:#eee; font-size:14px;  font-family: 'Source Sans Pro', sans-serif; padding:3px 0; display:block; }
.footermenu ul li{ position:relative; padding-left:12px; }
.footermenu ul li:before{ content:'\f105'; position:absolute; left:0; top:3px; color:#777; font-family:'FontAwesome'; }
.footermenu h3{ color:#008ACA; font-size:20px; margin-bottom:10px; }

.copyrit{ text-align:center; background-color:#008ACA; }
.copyrit p{ margin:0; padding:10px 0px; color:#fff; }

.conad {padding:0px 0px 20px 0px;}
.conad i.fa-map-marker{font-size:22px;}
.conad i.fa-mobile{font-size:25px;}
.conad i.fa-envelope{font-size:15px;}
.conad p i{padding:0px 5px;  color:#008aca;}


/* Extra small devices (portrait phones, less than 576px) */
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { .mainmenu,.bannerlinks,.footerbg{ display:none;}.footer{ position:relative; }.respnav{ display:block;} #respo_menu{ display:block; }
.logo{ width:150px; margin:inherit; } }

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu,.bannerlinks,.footerbg{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; } .footer{ position:relative; }
.logo{ width:150px; margin:inherit; } }

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu,.bannerlinks,.footerbg{ display:none;}.respnav{ display:block;} #respo_menu{ display:block; } .footer{ position:relative; }.logo{ width:150px; margin:inherit; } }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu,.bannerlinks,.footerbg{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; }.footer{ position:fixed; }
.logo{ width:150px; margin:auto; } .bannerlinks{ display:none; } }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu,.bannerlinks,.footerbg{ display:block;} .footer{ position:fixed; } .logo{ width:150px; margin:auto; }}