@charset "utf-8";
/* CSS Document */
.header { width:100%; float:left; background-color:#914338; }
.menu { width:100%; float:left; background-color:#fff; }
.top  {  width:100%; float:left; padding:15px 0px 15px 0px }
.top p { float:left; margin:0px; font-family: 'robotoregular'; font-size:14px; color:#FFF; padding:0px 0px 0px 10px; }
.top a { color:#fff;text-decoration:none; }
.top a:hover { color:#fff; }
.top i { color:#FFF; padding:4px 0px 0px 20px; font-size:14px}
.icon { width:100%; float:left; margin:15px 0px 15px 20px; border-left:1px solid #41419d}
.icon i { font-size:14px; color:#FFF; padding:0px 0px 0px 15px; }
.nav-link { border-bottom:2px solid #914338; margin:15px 0px 0px 30px; padding:0px 0px 5px 0px !important; font-size:15px; font-family: 'robotobold' !important; color:#914338 !important}
.nav-link:hover { border-bottom:2px solid #b89764;}
.icon-right { float:right; width:100%; padding:50px 0px 0px 0px; }
.icon-right i { font-size:15px; color:#454545 }
.about { width:100%; float:left; padding:50px 0px }
.heading { width:100%; float:left; padding:20px 0px 0px 0px}
.heading h3 { text-transform:uppercase; font-size:30px; font-family: 'robotoblack'; color:#000; margin:0px; padding:0px 0px 15px 0px}
.heading p { width:100%; float:left; font-size:14px; font-family: 'open_sansregular'; color:#959595; padding:15px 0px 0px 0px; line-height:2}
.read { float:left; padding:15px 60px 15px 60px; background-color:#914338; border-radius:30px}
.read a { font-size:14px; text-transform:uppercase; font-family: 'poppinssemibold'; text-decoration:none; color:#FFF !important; list-style:none}
.service { width:100%; float:left; padding:100px 0px; background-color:#f7f7f7; }
.service-heading h3 { text-transform:uppercase; font-size:30px; font-family: 'robotoblack'; color:#000; margin:0px; padding:0px 0px 15px 0px }
.chemical { width:100%; float:left; padding:30px 0px 0px 0px}
.chemical-text { width:100%; float:left; padding:0px 0px 0px 15px; }
.chemical-text h4 { float:left;  width:100%; margin:0px; font-family: 'robotomedium'; font-size:28px; color:#292f3b  }
.chemical-text p { float:left; font-size:16px; font-family: 'robotoregular'; width:100%; margin:0px; line-height:27px; padding:5px 0px 0px 0px}
.chemical-icon { float:left; width:100%}
.chemical-icon a { float:left; font-size:12px; text-decoration:underline; font-family: 'robotomedium'; color:#2582eb !important}

.division { width:100%; float:left;}
.division-text { width:100%; float:left; padding:35px 0px 0px 15px; }
.division-text h4 { float:left;  width:100%; margin:0px; font-family: 'robotomedium'; font-size:28px; color:#292f3b  }
.division-text p { float:left; font-size:16px; font-family: 'robotoregular'; width:100%; margin:0px; line-height:27px; padding:5px 0px 0px 0px}
.division-icon { float:left; width:100%}
.division-icon a { float:left; font-size:12px; text-decoration:underline; font-family: 'robotomedium'; color:#2582eb !important}

.division1 { width:100%; float:left;  padding:30px 0px 0px 0px}
.division1-text { width:100%; float:left; padding:0px 0px 0px 15px; }
.division1-text h4 { float:left;  width:100%; margin:0px; font-family: 'robotomedium'; font-size:28px; color:#292f3b  }
.division1-text p { float:left; font-size:16px; font-family: 'robotoregular'; width:100%; margin:0px; line-height:27px; }
.division1-icon { float:left; width:100%}
.division1-icon a { float:left; font-size:12px; text-decoration:underline; font-family: 'robotomedium'; color:#2582eb !important}

.principle { width:100%; float:left; padding:100px 0px; display:none;}
.principle h3 { text-transform:uppercase; font-size:32.2px; font-family: 'robotoblack'; color:#000; margin:0px; padding:0px 0px 15px 0px}
.principle-img { width:100%; float:left; padding:30px 0px}
.img-brdr { width:100%; float:left; border:none 0px; text-align:center; padding:0px; }
.principle-img1 { width:100%; float:left; padding:30px 0px 0px 0px }

.latest { width:100%; float:left; padding:0px 0px 100px }
.latest h3 { text-transform:uppercase; font-size:30px; font-family: 'robotoblack'; color:#000; margin:0px; padding:0px 0px 10px 0px}
.news-img { width:100%; float:left; padding:30px 0px 0px 0px}
.news-img h4 { width:100%; float:left; font-size:18px;  font-family: 'robotobold'; padding:30px 0px 10px 0px; margin:0px }
.news-img p { color:#a7a6a6; font-size:14px; font-family: 'open_sansregular'; float:left; margin:0px}
.news-img i { color:#536077; font-size:14px; padding:4px 3px 0px 0px }
.news-text { width:100%; float:left; color:#a7a6a6; font-size:14px; font-family: 'open_sansregular'; padding:20px 0px 30px 0px}
.news-button { float:left; padding:14px 54px 14px 54px; background-color:#914338; border-radius:30px; font-size:14px; font-family: 'robotoblack'; } 
.news-button a { float:left; color:#FFF !important; text-decoration:none !important}

.footer { width:100%; float:left; background-color:#914338; padding:70px 0px 20px 0px}
.footer-text { width:100%; float:left; color:#FFF; text-transform:uppercase; font-size:18px;  font-family: 'work_sansbold'; padding-bottom:20px}
.footer-information { width:100%; float:left}
.footer-information i { float:left; color:#fff; font-size:14px; padding:4px 10px 4px 0px}
.footer-information p { float:left; color:#fff; font-size:14px; font-family: 'robotoregular'; width:100%; margin:0px; padding-bottom:20px  }
.footer-information p a { text-decoration:none;color:#fff;  }
.footer-information p a:hover { color:#fff; }
.footer-icon { width:100%; float:left; padding:15px 0px 0px 0px}
.footer-icon i { float:left; background-color:#323740; color:#FFF; margin-right:10px; padding:20px; border-radius:50%; font-size:14px}
.footer-icon i:hover { background-color:#2582eb}
.footer-link { width:100%; float:left}
.footer-link p { color:#b2b6bb; font-size:14px; font-family: 'robotoregular'; }
.footer-link p a { color:#fff;text-decoration:none; }
.footer-link p a:hover { color:#fff; }
.footer-newsletter { width:100%; float:left}
.footer-newsletter p { width:100%; float:left; margin:0px; color:#fff; font-size:14px; font-family: 'robotoregular'; padding:0px 0px 20px 0px}
.email { width:100%; float:left; background-color:#b15748; color:#fff; padding:10px 0px; font-size:14px; font-family: 'robotoregular'; border:none; text-align:center; outline:none }
.footer-newsletter button {  }
.footer-newsletter a { color:#fff; width:100%; float:left; background-color:#6e2b20;  padding:10px 0px; font-size:14px; font-family: 'robotoregular'; border:none; text-align:center; outline:none; margin-top:10px; cursor:pointer; }
.footer-newsletter a:hover { text-decoration:none;color:#fff; }  
.bottom { width:100%; float:left; color:#fff; background-color:#b89764; padding:10px 0px; font-size:14px; font-family: 'robotoregular'; }






::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999cb3;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999cb3;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #999cb3;
}



body {
background:#fff;
font-family:Arial, sans-serif;
}

p {
margin-bottom:20px;
}
.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    /*background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
   /* background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    /*background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    /*background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    /*background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    /*background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
   /* border:1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; */
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 54px;
    height: 48px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    right: 57px;
    background: url(../imgs/left.png) no-repeat;
	top:-86px !important;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../imgs/right.png) no-repeat;
	top:-86px !important;
}


@media only screen and (max-width :640px){
.icon i { padding:0px 0px 0px 10px}
	
}

@media only screen and (max-width :411px){
.icon { margin:15px 0px 15px 0px}
.about { padding:20px 0px}
.heading { padding:20px 0px 10px 30px}
.chemical-text { padding:10px 0px 10px 15px}
.division1-text { padding:10px 0px 0px 15px}
.principle { padding:20px 0px} 
.news-button { margin-bottom:10px}
.latest { padding:0px 0px 30px}
.service { padding:20px 0px}
.footer-icon { padding:15px 0px 10px 0px}
}

@media only screen and (max-width :360px){
.icon { margin:15px 0px 15px 0px}
.about { padding:20px 0px}
.heading { padding:20px 0px 10px 30px}
.chemical-text { padding:10px 0px 10px 15px}
.division1-text { padding:10px 0px 0px 15px}
.principle { padding:20px 0px} 
.principle h3 { font-size:20px}
.news-button { margin-bottom:10px}
.latest { padding:0px 0px 30px}
.service { padding:20px 0px}
.footer-icon { padding:15px 0px 10px 0px}
}

@media only screen and (max-width :320px){
.icon { margin:15px 0px 15px 0px}
.about { padding:20px 0px}
.heading { padding:20px 0px 10px 30px}
.chemical-text { padding:10px 0px 10px 15px}
.division1-text { padding:10px 0px 0px 15px}
.principle { padding:20px 0px} 
.principle h3 { font-size:20px}
.news-button { margin-bottom:10px}
.latest { padding:0px 0px 30px}
.service { padding:20px 0px}
.footer-icon { padding:15px 0px 10px 0px}
}
.service-bg { float:left; width:100%; background:#eee;}
.servicebreadc { text-align:center; color:#000; font-family: 'robotoregular'; font-size:48px; padding:20px 0px 0px 0px;}
.links { text-align:center; width:100%; padding-bottom:36px;}
.links ul { margin:0px; padding:0px;}
.links ul li { list-style:none; color:#000; display:inline-block; padding-right:15px; font-family: 'robotoregular';}
.links ul li i { color:#206ca6;}
.links ul li a { color:#acacac; text-decoration:none;}
.links ul li a:hover { color:#000;}