@charset "utf-8";
/* CSS Document #C9E8DD*/
@import url(http://fonts.googleapis.com/css?family=ABeeZee|Jura:400,600|Chivo);
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
body{background:#93DDDB;text-align:justify;}
p,ul li{font-family: 'ABeeZee', sans-serif;}
.nav-icon {
    display: block;
    text-align: center;
	padding: 8px 0;
	font-size:18px;
	color:#348195;
}
.nav-txt{
	padding: 2px 15px;
	font-size:14px;
	font-family: 'Chivo', sans-serif;
	color:#777;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
    background:transparent;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
    background:#58B235 none repeat scroll 0 0;
    
}
.navbar-default .navbar-nav > li > a:focus .nav-icon, .navbar-default .navbar-nav > li > a:hover .nav-icon{
    color:#fff;
}
.navbar-nav > li:hover a,.navbar-nav > li a:hover{
    background:#58B235 none repeat scroll 0 0;
    color:#fff;
}
.navbar-nav >li:hover .nav-txt {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    color: #777;
    font-family: "Chivo",sans-serif;
}
.navbar-nav > li:hover a + .dropdown-menu li a:hover, .navbar-nav > li a:hover + .dropdown-menu li a:hover{
    background:#58B235;
    color:#fff;
}
.navbar-nav .dropdown-menu li a{
    background:#fff none repeat scroll 0 0;
    color:#333;
    font-weight:bold;
}
.navbar-nav > li > a{padding:0;}
.navbar-default{
	background:none;
	border:1px solid #bbb;
	padding:0 0 1% 0;
}
.navbar-header{min-height:80px;}
.navbar-brand{padding:0;}
.navbar-brand > img{display:block;float:left;}
.supply{font-size:30px;color:#40ABCB;}
.consult{display:block;text-align:right;color:#40ABCB;}
.logo{margin:5% 0 0 0;}
.logo img{float:left;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{background:#58B235;}

.navbar-default .navbar-nav > .active > a .nav-icon{color:#fff;}
.navbar-default .navbar-nav > .active > a .nav-txt{
		color:#777;
		font-family: 'Chivo', sans-serif;
		background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
.prod-head{
	background:#348195;
	margin:0;
	font-size:17px;
	/*padding:2% 1%;
	color:#fff;*/
	border-bottom:5px solid #81DCF1;
	text-align:center;
	font-family: 'ABeeZee', sans-serif;
	font-weight:600;
}
.prod-head a{padding:4% 0;color:#fff;text-decoration:none;display:block;}
.products{padding:2% 0;}
.pro-detail{
	/*background:rgba(0, 0, 0, 0) url("../images/strip.jpg") repeat-y scroll 0 0 / contain ;*/
	/*background:url(../images/BG.jpg) no-repeat;*/
	background:#000;
	color:#fff;
	padding:2% 0;
}
.blue{color:#338094;}
.font-fam{font-family: 'ABeeZee', sans-serif;}
.details ul li,.details p{font-family: 'ABeeZee', sans-serif;}
.details{
	border:2px solid #fff;
	padding:3% 1% 0;
	min-height: 145px;
}
.details p a{color:#fff;}
.foot{
	background:#348195;
	color:#fff;
	padding:1% 0;
}
.foot a{color:#fff;}

.banner{
	position:relative;
	background:#012255;
	min-height:500px;
	margin:2% 0;
	padding:2% 0;
}

/*-------slider code----------*/
.roundabout-holder {
      list-style: none;
      padding: 0;
      margin: 0;
      height: 10em;
      width:50em;
   }
   .roundabout-moveable-item {
      height: 8em;
      width: 8em;
      cursor: pointer;
      /*background-color: #ccc;
      border: 1px solid #999;*/
   }
   .roundabout-in-focus {
      cursor: auto;
   }
   .roundabout-moveable-item > img{
   	border:2px solid #fff;
   }
   
   
.head td{background:#92D050;font-weight:600;}
.table tbody tr td{text-align:center;font-size:16px;}
.templ img{display:inline;margin:2% 0;}
.bg{background:#F5F5F5;}
h3{margin:3% 0 1%;}
.about{padding:2% 0;}
.about-wrap{border:2px solid #bbb;padding:1%;}
.address{padding:0;}
.address li{display:flex;line-height:2;text-align:left;}
.address li a{color:#333;padding:0 0 0 1%;}
figure{text-align:center;}
.services figure img {display:inline;}
.bag-house li{line-height:1.6;margin:0 0 2% 0;font-family: 'ABeeZee', sans-serif;}
.marg{margin-top:2%;}
.mar-top{margin-top:10%;}
.mrg-lft{margin:0 0 0 2%;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border:2px solid #bbb;}
h2{text-decoration:underline;}
.details marquee{font-family: 'ABeeZee', sans-serif;text-align:center;}
.details marquee strong{font-size:16px;}
.product img{min-width:100%}
.map{text-align:center;}

font-family: 'Arimo', sans-serif;
.greentree{position:relative;}
/*gif animation*/

.arrow {
  position: absolute;
  left:28%;
  top:3%;
}
.arrow a{ color:#fff;}
.clarifier{text-align:left;}
.navbar-nav li:hover > a + .dropdown-menu{display:block;}

/* new css*/
.navbar p{
float:right;
margin-right:4%;
}
#heading{text-align:center;}
.logo span{color:#174989;}
.consult{color:#174989;}
.f1 img{
width:300px;
height:300px;}
.f2 img{
width:250px;
height:200px;}
body{background-color:white;}
a {
    color:black;
}
.prod{
color:#174989;
font-size:18px;
}

.wet ul{
    margin:0;
    padding:0;
}
.wet ul li{
    display:inline-block;
    list-style:none;    
}
.wet ul li a{
    position:relative;
    z-index:1;
    padding:0 10px;
}
.wet ul li a::after{
    position:absolute;
    width:1px;
    background:#333;
    top:0;
    right:0;
    z-index:0;
    margin:0 0 0 8px;
    content:"";
    height:20px;
}
.wet ul li:last-child a::after{
    width:0;
}
   /*media Queries*/
   
@media (max-width:479px){


.pro-detail{background:rgba(0, 0, 0, 0) url("../images/BG.jpg") repeat-y scroll 0 0;}
.roundabout-holder{width:12em;margin:0 0 0 17%;}
.roundabout-moveable-item > img{height:100px;width:100px;}
.banner{min-height:0;}
.navbar-brand{margin:0 0 6% 0;}
.navbar-brand > img{width:100%;}
.navbar-default .navbar-toggle{border-color:#40ABCB;}
.navbar-default .navbar-toggle .icon-bar{background-color:#40ABCB;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}
.supply{font-size:16px;}
.consult{font-size:10px;}
}   
   
   
@media (min-width:480px) and (max-width:767px){

.banner{min-height:220px;text-align:center;}
.roundabout-holder{margin:0 0 0 9%;width:21em;}
.roundabout-moveable-item > img{height:150px;width:150px;}
.navbar-default{padding:0 0 7% 0;}
.navbar-default .navbar-toggle{border-color:#40ABCB;}
.navbar-default .navbar-toggle .icon-bar{background-color:#40ABCB;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{margin:5% 0 0 0;}
.supply{font-size:18px;}
.consult{font-size:12px;}
}
@media (min-width:768px) and (max-width:991px) {
.prod-head{font-size:14px;}
.banner{min-height:380px;}
.roundabout-holder{width:35em;}
.roundabout-moveable-item > img{height:280px;width:300px;}
.navbar-default .navbar-toggle{border-color:#40ABCB;}
.navbar-default .navbar-toggle .icon-bar{background-color:#40ABCB;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}

}
@media (min-width:992px) and (max-width:1023px) {
.prod-head{font-size:17px;}
.roundabout-holder{width:48em;}

.roundabout-moveable-item > img{width:350px;height:350px;}
}
@media (min-width:1024px) {
.roundabout-holder{width:46em;}
.roundabout-moveable-item > img{width:380px;height:350px;}
}
@media (min-width:1200px){
.roundabout-holder{width:50em;}
.roundabout-moveable-item > img{width:500px;height:400px;}
}