body{
    font-family: Arial, Helvetica, sans-serif;
}

.top-bar{
background: #F79733;
color: #FFF;
font-size: 14px;
line-height: 16px;
}
.float{
float:right;
}

.top-ul, .top-social{
    margin: 8px -24px;
}

.top-ul li, .top-social li{
display:inline-block;
margin: 0px 2px;
}
.top-ul li a, .top-social li a {
color:#fff;
font-weight: bold;
}
.top-ul li a:hover{
text-decoration:none;
}

.top-ul li:after{
content:"|";
padding-left: 10px;
}
.top-ul li:last-child:after{
content:"";
}


/*-----------Slider--------------*/
.slider-caption-top{
top:35%;
font-size: 32px;
font-weight: 600;
color: #d20000;
}
.slider, .banner, .about-us, .about-testimonials, .product, .gallery{
margin-bottom:60px!important;
}
.banner{
position:relative;
}

.banner-caption{
position: absolute;
top: 54%;
left: 5%;
color: #fff;
text-transform: uppercase;
}
.banner-caption h1{
font-weight:bold;
}
/*-----------Slider--------------*/



/*-----------Navbar---------------*/
.menu-bar{
padding-top: 30px;
}

.navbar-brand{
font-size:43px;
font-weight:600;
color: #d20000;
margin-right: 60px;
}
.navbar-brand:hover{color: #ff0000;}
.dropdown-menu li {
    border-top: 1px solid #d7d5d5;
    padding: 5px 0px;
}
.dropdown-menu{
padding: 0px 0;
}
.navbar-nav{margin-left: 33%;}

.navbar-nav li a{
color: #727376;
    font-weight: bold;
    font-size: 15px;
	text-transform:uppercase;
}
.dropdown-menu li a{
text-transform:none;
}
/*-----------Navbar---------------*/

.title{
color: #d20000;
text-align: center;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 55px;
	position:relative;
}
.title:before{
content: "";
    height: 1px;
    width: 270px;
    background-color: #acacac;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -135px;
}
.title:after{
content: "";
    height: 4px;
    width: 30px;
    background-color: #171717;
    display: inline-block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -15px;
}


.title-head{
font-family: Arial, Helvetica, sans-serif;
}
.details{
font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 27px;
    text-align: justify;
    color: #727276;
}
.details strong{color: #d20000;}

/*-------------Accordian-----------------*/

.accordion__title {
  font-family: 'industry', sans-serif;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.125em;
}
.accordion__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion__item {
 /* border-bottom: 1px solid #000;*/
  visibility: hidden;
}
.accordion__item:last-child {
  border-bottom: 0;
}
.accordion__item.is-active .accordion__itemTitleWrap::after {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.accordion__item.is-active .accordion__itemIconWrap {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion__itemTitleWrap {
  display: flex;
  height: 3.5em;
  align-items: center;
  padding: 0 1em;
  color: #fff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.accordion__itemTitleWrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: #f79733;
  
  z-index: 1;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.accordion__itemTitleWrap.is-active::after, .accordion__itemTitleWrap:hover::after {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.accordion__itemIconWrap {
  width: 1.25em;
  height: 1.25em;
  margin-left: auto;
  position: relative;
  z-index: 10;
}
.accordion__itemTitle {
  margin: 0;
  font-family: 'industry', sans-serif;
  font-weight: 300;
  font-size: 1em;
  position: relative;
  z-index: 10;
}
.accordion__itemContent {
    border: 1px solid #e6d5c3;
  font-size: 0.875em;
  height: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 0 1.25em;
}
.accordion__itemContent p {
  margin: 2em 0;
}

/*------------Accordian-----------------*/

.principals{
font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 27px;
    text-align: justify;
    color: #d20000;
}

.second-contant{
margin-top:30px;
}
.third-contant{
margin-top:70px;
}

.sec-col{
margin-top:20px;
}
.water, .food, .paint, .plastic, .cemical, .flavor, .cosmetic, .shop{text-align:center; padding: 26px 0px;}
.ani:hover{cursor:pointer;}
.second-contant a:hover, .third-contant a:hover{text-decoration:none;}

.application-detail{margin-top: 20px;}

.water{
background-color: #0077BD;
color: #FFF;
}
.food{
background-color: #7EC24D;
color: #FFF;
}
.paint{
background-color: #56B6BF;
color: #FFF;
}
.plastic{
background-color: #E7B72B;
color: #FFF;
}
.cemical{
background-color:#F2663C;
color: #FFF;
}
.flavor{
background-color: #ED3237;
color: #FFF;
}
.cosmetic{
background-color: #DC74A4;
color: #FFF;
}
.shop{
background-color: #AB4299;
color: #FFF;
}


.product{
border: 1px solid #f0eded;
box-shadow: 0px 0px 2px #e1dede;
}
.product ul{
margin-left:-38px;
margin-bottom: 0px;
}

.product ul li{
list-style:none;
line-height:30px;
background:#f79733;
padding: 5px;
border-bottom:0.5px solid #b8b8b8;
}
.product ul li a{
color:#fff;
}
.product ul li a:hover{text-decoration:none; padding-left:1px;}


.services-img{
background: #f79733;
padding: 1px;
text-align: center;
color: #fff;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow:hidden;
}

.service-zoom{
width:100%;
display:block;
overflow:hidden;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.zoom:hover .service-zoom{
-webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.service-detail{
margin-top: 7px;
margin-bottom: 6px;
}

.testimonial{
margin-top: 30px;
margin-bottom: 30px;
}

.img-hover-zoom{
position:relative;
overflow:hidden;
}

.img-hover-zoom img{
width:100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.img-hover-zoom img:hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.contact{
padding: 30px;
margin-top:30px;
background:#f79733;
background-repeat:no-repeat;
width:100%;
background-position:center;
}
.career-form label{color:#fff;}
.career-form input[type="text"], input[type="password"], input[type="email"], input[type="url"], .textarea, .select{
width: 100%;
    border-radius: 0px;
    background: rgba(0,0,0,0.3);
	color:#fff;
}
.career-form button{
padding: 6px 100px;
    font-size: 16px;
    border: 1px solid #000;
    background: rgba(0,0,0,0.8);
}

.top-footer{
border-top:1px solid #fff;
background: black;
    color: #fff;
    padding: 30px 0px;
    text-align: justify;
}
.top-footer p{
line-height:24px;
}
.footer-contact{
margin-left: -36px;
}

.footer-contact li{
list-style:none;
line-height:30px;
}

.bottom-footer{
background: #f79733;
border-top: 2px solid #fff;
line-height: 25px;
padding:10px;
}
.bottom-footer p{
margin: 19px 0px 0px;
color: #fff;
}

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.facebook:hover {
    background-color: #3d5b99;
}
.twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.twitter:hover {
    background-color: #00aced;
}
.youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.youtube:hover {
    background-color: #e64a41;
}
.gplus {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.gplus:hover {
    background-color: #e25714;
}

.contact-details, .map{
margin: 50px 0px;
}
.contact-details h3, .map h3{
color: #d20000;
font-size: 25px;
font-weight: 600;
margin-bottom: 30px;
border-bottom:1px solid;
}

.contact-details li{
list-style:none;
line-height:45px;
}

@media only screen and (max-width: 600px) {
.navbar-toggle {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
}
 .menu-bar{
  padding-top: 0px;
  background:#000;
  }
}