@charset "utf-8";
/* CSS Document */
body
{ background-color:#e9e9e9}
.header-top
{ background-color:#90ab56; padding-top:9px; padding-bottom:9px;}
.contact
{ color:#FFF; font-family: Verdana, Geneva, sans-serif; font-size:16px}
.social-media a
{ border:1px solid #FFF;  text-align:center; color:#FFF; margin-left:10px;}
.social-media a:hover
{ background-color:#FFF; color:#90ac57}
.fb
{ padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px;}
.google
{ padding:5px;}
.twitter
{ padding:5px;}
.bg
{ background-color:#90ac57;}
.logo
{padding-top: 10px;
padding-bottom: 10px;}
.navbar-default {
    background-color: transparent;
    border: none;
}
body p
{font-size:16px;}
.margin-top{margin-top:4%;}




@media only screen and (min-width:320px) and (max-width:1169px){
.container{width:94%;}
}

@media only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait){
.padding{padding-right:4px !important;}
.product-bg ul > li{margin-left:70px !important;}

}

@media screen (max-width:640px) and (min-width:320px)
{
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.padding	
}
.navbar-nav > li > a
	{ font-size:17px; line-height:66px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
{ background-color:#00aff0; color:#FFF}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
{ background-color:#00aff0; color:#FFF}
@media screen and (min-width: 990px) {
	.navbar
{ margin-bottom:0px;}
	
}
.navbar-default .navbar-nav > li > a
{ color:#FFF}
.bg-gray
{ background-color:#e9e9e9; padding-top:20px; padding-bottom:30px;}
.bg-gray p
{ color:#707070;font-size:16px; font-family: Arial, Helvetica, sans-serif; line-height:26px; margin-top:-30px;}

.bg-gray  h1
{ color:#00aef5; background:url(../images/heading-bg.png) no-repeat center; padding-bottom:120px;}
.btn-group-lg > .btn, .btn-lg
{ border-radius:0px;}
.bg-gray .btn-success {
    color: #fff;
    background-color: #90ab56;
    border-color: #718d33;
}
.bg-gray .btn-success:hover {
    color: #fff;
    background-color: #363636;
    border-color: #363636;
}
.bg-blue
{ background-color:#00aff0}
.bg-blue h2
{ color:#fff;background:url(../images/heading-bg-1.png) no-repeat center; padding-bottom:140px; padding-top:20px;}
.bg-blue p
{ color:#FFF; padding-top:20px;}
.img-top
{ margin-top:-30px;}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 50px 0 0;
  padding: 7px 14px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.product-bg
{ background:url(../images/product-bg.jpg); padding-bottom:300px; }
.product-bg ul
{ margin-top:20px;}
.product-bg ul > li
{list-style:none; margin-left:100px;font-size:22px; line-height:38px; list-style:url(../images/list.png)}
.product-bg ul > li a
{ color:#FFF}
.test-bg
{ background:url(../images/testimonials-bg.jpg); padding-bottom:20px;}
.test-bg h2
{ color:#fff;background:url(../images/heading-bg-1.png) no-repeat center; padding-bottom:140px; padding-top:20px;}
.paragraph
{ color: #FFF; font-family:Verdana, Geneva, sans-serif; line-height:26px; font-size:17px;}
.test-bg h3
{ color:#FFF}
.test-top
{ margin-top:-70px;}
footer .bg-blue
{ background-color:#00aef0; padding-top:25px; padding-bottom:25px;}
footer h3 
{ color:#FFF}
footer ul > li > a 
{ color:#FFF; margin-left:-40px; line-height:25px;}
footer ul > li > a:hover
{ color:#FFF; text-decoration:underline}
footer .adrs
{ color:#FFF}
/*about us css starts*/
.inner-about{ padding-bottom:40px;}
 .inner-about h1{ color:#00aef0; text-align:center;  }
.inner-about p{ margin-bottom:40px;}
.read{ padding:10px 20px; background:#90ab56; color:#fff; text-align:center; }
a:focus, a:hover {
    color: #fff;
    text-decoration: none;}
/*about us css ends*/

/*products  css  starts*/
.product h1{ color:#00aef0; text-align:center;}
.inner-product{ padding:40px 0px; color:#666; text-align:center;}
.outer-product p{ padding:40px 0px; color:#666;}
/*products  css ends*/

/*quality css  starts*/
.quality h1{ color:#00aef0; text-align:center;}
.inner-quality{ padding:40px 0px; color:#666; text-align:center;}
.outer-quality p{ padding:40px 0px; color:#666;}
/*quality css ends*/

/*franchles css  starts*/
.Franchles h1{ color:#00aef0; text-align:center;}
.inner-Franchles{ padding:40px 0px; color:#666; }
.outer-Franchles{ padding:10px 0px; color:#666;}
.outer-Franchles h3{ color:#666;}
.outer-Franchles h5{color:6666; font-size:15px;}
.outer-Franchles p{ color:#666; font-size:15px;}
/*franchles css  ends*
/
/* contact css  starts*/
.touch h1{ color:#00aef0; text-align:center;}
.inner-touch{ padding:20px 0px; color:#666; }
.inner-touch h2{color:#666;}
.outer-touch p{ padding:20px 0px; color:#666;}
/*contact css ends*/
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover
{color: #fff;
text-decoration: none;
background-color: #00aef0;
}
.dropdown-menu
{ background-color:#90ab56}
.dropdown-menu > li > a
{ color:#fff}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 13px;
}
.product-list
{ font-size:20px}
.mission
{ padding:20px 0px; color:#666;}
@media (max-width:1320px) and (min-width:1200px)
{
.navbar-nav > li > a {
    font-size: 15px;
    line-height: 48px;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
}