@import 'https://fonts.googleapis.com/css?family=Ubuntu';
@import url(https://fonts.googleapis.com/css?family=PT+Sans); /*font-family: 'PT Sans', sans-serif;*/

body { font-family: 'PT Sans', sans-serif; }
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; }
ul{ padding:0px; margin:0px; }
ul li{ list-style-type:none; padding:0px; margin:0px; }
p{ padding:0px; margin:0px; font-size:14px; }
a{ outline:none !important; text-decoration:none !important;}

.header{ padding:0px 0; background-color:#fff; position:fixed; left:0; right:0; top:0; z-index:99; box-shadow:0px 0px 10px rgba(0,0,0,0.2); }
.logo{ padding:7px 0px; width:200px; display:block; overflow:hidden; }
.mainmenu > ul{ margin:20px 0px; }
.mainmenu > ul > li{ float:left; margin:0; padding:0; }
.mainmenu > ul > li > a{ padding:10px 15px; font-family: 'Ubuntu', sans-serif; color: #0C61A9; display: block; font-size: 14px; position: relative; text-transform: uppercase; font-weight:600; }

.mainmenu ul li:hover > a,.mainmenu > ul > li.active > a{ color:#F67237; }
.mainmenu ul li ul{ position:absolute; background-color:#fff; display:none; }
.mainmenu ul li ul li a{ padding:10px 15px; font-family: 'Ubuntu', sans-serif; color: #333; display: block; font-size: 14px; position: relative; border-bottom:1px solid #eee; }

.respnav{ position:absolute; right:20px; top:10px; }
.respnav i{ font-size:22px; 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:#F67237; color:#fff; }

.wel-col{ text-align:center; padding:30px 0px; }
.wel-col h1{ color:#F68533; margin:0; padding-bottom:20px; }
.wel-col p{ font-size:18px; }
.wel-col p a{ background-color:#F68533; padding:8px 20px; color:#fff; font-size:14px; margin-top:10px; display:inline-block; border-radius:5px; }

.threecol{ position:relative; z-index:1; background-image:url(../images/bg.jpg); background-attachment:fixed; background-size:cover;  }
.threeboxes{  padding:50px 20px; background-size:cover; }
.threeboxes img{ width:100%; }
.threeboxes h2{ margin:0; padding:0px 0px 10px 0px; color:#F68533; }
.threeboxes p{ color:#333; font-size:16px; }

.pro-col{ text-align:center; padding:40px 0px 30px 0px; background-image:url(../images/banner/img2.jpg); background-size:cover; position:relative; z-index:55;  }
.pro-col:before{ position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; content:''; background-color:rgba(255,255,255,0.5); }
.pro-col h1{ color:#312B69; text-transform:uppercase; margin:0; }
.prodiv h3{ margin:0; }
.prodiv h3 a{ color:#fff; padding:15px; display:block; border:2px solid #fff; margin:2px;}
.prodiv{ border:1px solid #eee; margin:15px 0px; }

#footercol{ background-color:#fff; background-attachment:fixed; background-size:cover; padding:40px 0px; position:relative; z-index:12; overflow:hidden; clear:both; }
.footermenu h3{  font-size:20px; color:#F37B25; font-weight:600; }
#footercol p{ color:#444; }
.footermenu ul{ padding-right:10px; }
.footermenu ul li{ padding:0px 10px; position:relative; }
.footermenu ul li a{ font-size:13px; color:#444; border-bottom:1px dotted #444; display:block; padding:8px 0px; }
.footermenu ul li:before{ content:'\f105 '; font-family: 'FontAwesome'; color:#444; font-size:10px; vertical-align:middle; position:absolute; left:0; top:10px; }

#footer{ text-align:center; background-color:#0155A7;  }
#footer p{ margin:0; padding:10px 0px; font-size:13px; color:#eee;}
.footadd p{ position:relative; color:#fff; padding:0px 20px; }
.footadd p i{ position:absolute; left:0; top:5px; color:#333; font-size:13px; }

.fom ul li:before{ display:none; } 
.fom ul li{ margin:0px 0px 10px 0px; padding:0;}
.socialcol{ margin-top:15px;}
.socialcol ul li{ padding:0; }
.socialcol ul li:before{ display:none; }
.socialcol ul li a { float:left; border:1px solid #fff; margin-right:5px; width:37px; height:35px; text-align:center; display:table; }
.socialcol ul li a i{ vertical-align:middle; display:table-cell; color:#fff; }

.innercont{ padding:30px 0px; }
.innercont h2 { margin:0; padding-bottom:10px; }
.aboutimg{ margin-top:-100px; border:1px solid #ddd; }
.aboutimg img{ border:10px solid #fff; }
.banner{ position:relative; }
.bannertext{  position:absolute; width:100%; bottom:0; }
.bannertext h1{ color:#fff; font-size:45px; background-color:rgba(0,0,0,0.5); display:inline-block; padding:10px 20px; }

.productdetails{  background-color:#f8f8f8; padding:20px 20px 0px 20px; margin-bottom:30px; border:2px solid #ddd; }
.productdetails h3{ margin:0; padding-bottom:10px; font-weight:800; }
.productdetails p{ font-size:18px; }

.imggalry ul li{ position:relative; border:none; margin-bottom:30px; }
.imggalry ul li a{ position:relative; border:1px solid #ccc; display:block; width:100%; overflow:hidden; }
.imggalry ul li img{  width:100%; padding:0; }
.imggalry p{ text-align:center; }
.contdetail p{ font-size:18px; color:#333 !important;  }


.enqform label{ position:relative; }
.enqform label.error{ font-size:12px; color:#fff; font-weight:normal; position:absolute; }
.enqform input:focus{ border:1px solid #ed3237 !important; box-shadow:none; }
/*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,.headul{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; }  }
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu,.headul{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; }  }
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .mainmenu,.headul{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; }  }
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu,.headul{ display:block;}  .respnav{ display:none;} #respo_menu{ display:none; }  }
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { .mainmenu,.headul{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; }  }