header .top{
	padding-top: 6px;
    padding-bottom: 8px;
    background: #f7941e;
}
.top .contacts {
  float: right;
  font-size: 12px;
}
.top .contacts address {
  position: relative;
  float: left;
  color: #fff;
  padding-left: 16px;
  font-family:arial;
  line-height:20px;
}
.top address:before {
  position: absolute;
  color: #fff;
  font-size: 14px;
  left: 0;
  top: 1px;
  font-family: FontAwesome;
}
.top address a:hover {
  text-decoration: underline;
}
.top .contacts address + address {
  margin-left:20px;
}

/* product css Start */
   .column {padding: 4px;border-collapse: collapse;border-radius: 5px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.66);height: 311px;}
   .column:hover{box-shadow: 0px 2px 8px 0px rgb(0, 0, 0)}
   .content {background-color: white;padding: 10px 10px 0 10px;box-sizing: border-box;}
   .content .c-text-content{margin-top:87px;margin-bottom:10px;font-size: 20px;line-height: 22px;border: 1px solid #ccc;padding: 10px 0 10px 0px;height:48px;background:#ccc;color: #fff;}
   .c-text-content p{text-align:center;}
   .content .c-text-content:hover{background:#ccc;color:#000;}
   .content .c-text-content a{text-decoration:none;}
   .nature {margin-bottom:30px;}
   .c-text-content-c p{padding-top:11px;}
   .column-c{padding: 4px;border-collapse: collapse;border-radius: 100%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);;height: 370px;width: 460px;background:#f1592a;margin-bottom:30px;}
   .content-c{padding:0px;}
   .column-c .c-text-content-cr{width:100%;box-sizing: border-box;float: left;border:0px;background:none;padding:0px;}
   .column-c .c-text-content-cr:hover{background:none;color:#fff;}
   .boai_ltd{width:100%;float:left;padding: 0% 15%;}
   .list_cb li{float:left;width:100%;}
   .list_cb{width:100%;float:left;}
   .boai_ltd p{font-size:17px;text-align:left;padding-top:2px;}
   .boai_ltd .fa-circle{margin-right:10px;font-size:12px;}
   .content .c-te{margin-top:115px;}
   .content .c-te-m{margin-top:86px;}
   .column-ab{background:#fcb040;}
   .column-a{background:#f7941e;}
   .column_color{background:#f1592a;}
   .boai_ltd ul li{list-style:none;line-height:30px;font-size:17px;}
   .boai_ltd-1{padding:0% 8%;}
   .boai_ltd-1 ul li{font-size:16px;}
   .column-head{margin:0 auto;height:260px;width:260px;margin-bottom:30px;}
   .column-head .column-head-1{margin-top:77px;}
   .boai_ltd-head{padding: 0% 22%;}
   .boai_ltd-head-1{padding: 13% 3%;}
   .column_color-xanthan{background:#46a6af;}
   .column_color-circle{background:#47a5ae;}
   .content .c-te-circle{margin-top:112px;font-size:17px;}
   .column .c-te-sor{margin-top:117px;} 
   .c-te-circle .fa-circle{font-size:12px;margin-right:10px;}
   .column-c-khaf {
    padding: 4px;
    border-collapse: collapse;
    border-radius: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: 260px;
    width: 260px;
    margin-bottom: 30px;
}
   .boai_head{padding:0% 20%;}
   .head_cel{width:280px;height:280px;}
   .content .c-te-usp{margin-top:105px;}
   .boai_ltd-usp{padding:0% 11%;}
   .boai_head-car{padding:9% 12%;}
   .boai_ltd-xan{padding: 8% 7%;}
   .content .c-te-xon{margin-top:100px;}
   .asp{margin:0 auto;width:200px;height:200px;}
   .all_sodium{margin-top:30px;}
   
  
}
/* .modal-header h4{font-family: 'Open Sans', sans-serif;}
.modal-header p{color:#000;text-align:justify;font-family: 'Open Sans', sans-serif;}
.modal-header{height:737px;} */
.list-num{margin-left:30px;padding-bottom: 20px;}
.list-num-list span{margin-left:23px;}
.list-num-list{margin-left:15px;}
.list-num-list ul li{color:#000;}
.list-num-list ul {list-style: none;counter-reset: my-awesome-counter;}
.list-num-list ul li {counter-increment: my-awesome-counter;}
.list-num-list ul li:before{content: counter(my-awesome-counter) ". ";color: #47A5AE;font-weight: bold;}
.list-num ol li{color:#000;}
.list-num ol{list-style-type: decimal;}
.xanthan{width:50%;float:left;}
.xanthan-img{width:43%;float:left;}
.xanthan-img img{margin-left: 30px;margin-top: 66px;border: 1px solid #ccc;padding: 10px;border-radius: .5em;box-shadow: 0px 2px 8px 0px rgb(0, 0, 0);}
.xanthan-img img:hover{box-shadow: 0px 2px 15px 0px rgb(0, 0, 0);}
.xanth-com{width:100%;float:left;}
.viscosity-com{width:100%;float:left;}
.xanthan b{text-decoration:underline;}
.fun-name{width:100%;float:left;display:inline-block;}
.fun-name b{text-decoration:underline;}
.head_cel_titan{width:260px;height:260px;}
.boai_head-titan{padding: 9% 2%;}
.boai_ltd-phth{padding: 12% 14%;}
.c-text-content-80 p{padding-top:0px;}
.head_cel_cross{width: 227px;height: 227px;}
.xanth{width: 276px;height:270px;}
.ethyl{width: 227px;height: 227px;}
.ethyl_ui{padding: 8% 20%;}
.ethyl_1{width:260px;height:260px;}
.ethyl_c1{padding: 12% 20%;}
.head_cel_carbo{width: 285px;height: 285px;margin:0 auto;}
.sodium{padding: 5% 7%;}
.head_cel_hydro{width: 260px;height: 260px;}
.boai_ltd-hydro{padding: 12% 9%;}
.boai_ltd-hydro ul li span{margin-left:27px;}
.sodium ul li span{margin-left:30px;}
.pv ul>li{padding-top:30px;}


/* Start Modal */
.container-modal { 
  position: relative;
  display: block;
  float: left;
  width: 1%;
  height: 200px;
}

.title { 
  width: 200px;
  /* padding: 5px 0; */
  /* background: #000; */
  color: #fff;
  text-align: center;
  border-radius: 40px;
  cursor: pointer;
}


body.lorem { 
  position: fixed; 
  width: 100%; 
  height: 100%; 
  overflow: hidden; 
  
}

.modal { 
  display: none; 
  position: fixed;
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.modal.on { 
  display: block;
  
}

.modal-container { 
  position: relative;
  display: block; 
  top: 1%;
  width: 980px;
  margin: 0 auto;
  animation-name: bounceIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.modal-container .modal-header {
  position: relative; 
  display: block;
  color:#ffffff; 
  background:#fff; 
}

.modal-container .modal-header .modal-title {
 /*  font-family: 'Roboto', sans-serif;  */
  font-size: 30px; 
  line-height: 1.2; 
  color: #000; 
  font-weight: bold;
  /* text-align: center;  */
  padding: 20px 15px;
  /* border-bottom: 1px solid #ccc; */
}

.modal-container .modal-header span.close {
  position: absolute; 
  display: block;
  width: 52px; 
  height: 52px; 
  top: 12px; 
  right: 30px;
  cursor: pointer;
  color:#000;
}

.modal-container .modal-content { 
  position: relative; 
  display: block; 
  background-color: #fff;
  overflow-y: auto; 
  height: 460px;
  top:-15px;
  
}
.modal-content-text{margin:15px 15px;color:#000;display: inline-block;}
.modal-content-text p{font-size:17px;text-align: justify;}
.modal-header p{color:#000;margin-left:15px;}

#cssmenu {
    font-family: sans-serif;
    background: #ededed;
    z-index: 1;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.pgnm_bredc h1{margin-right:0px;}
.text-j p{text-align:justify;}
.asp_img img{border: 1px solid #ccc;padding: 10px;border-radius: .5em;box-shadow: 0px 2px 8px 0px rgb(0, 0, 0);}
.pgnm_bredc span{color:#401E1F;}
.list-num-con li{width:25%;float:left;}
.list-num-con{width:100%;float:left;}
.pro_from{width:100%;float:left;}
.pro_from p{padding-top:15px;}
.list-num-mat li{width:50%;}
.list-num-con-1 li{width:50%;}
.text-j-1{line-height: 35px;}
.list-num-pri li{width:100%;}
.list-num-con-2 li{width:100%;}
.list-num-con-2 span{margin-left:108px;}
.list-num-con-3 span{margin-left:16px;}
/* End Modal */
 
/* product css End */





@media (max-width: 767px) {
  .top .contacts {
    float: none;
  }
  .top .contacts address {
    float: none;
    display: inline-block;
  }
  .top .contacts address + address {
    margin-left: 7px;
  }
  .top .links a {
    float: none;
  }
}
.c-font-black{font-size:26px;}
.links a {
    float: left;
	position:relative;
    color: #fefefe;
    font-size: 12px;
    line-height: 20px;
}
.links a i{ font-size:14px;padding-right:4px;}
.brand {
    float: left;
    margin-top: 6px;
}
.midtop{width:100%; float:left; border-bottom:1px solid #dd532c;}
.nav {
    float: right;
    /* margin-right: 8px; */
	margin-top:40px;
}
.brand_name {
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
    color: #1e283a;
    text-transform: uppercase;
    position: relative;
}
.brand h1:before {
    content: '';
    background: url(../images/logo.jpg) no-repeat center;
    width: 27px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
}
a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
b{font-weight:bold; color:#222;}
.table-wrapper-responsive{width:100%; float:left; clear:both; margin-bottom:20px;}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  margin-top:45px;
  
  /*Font*/
  font-size: 18px;
  line-height: 1.2;
  color: #666;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;

  /*Borders - (Optional)*/
  border-left-style: solid;
  border-left-width: 15px;
  /* border-right-style: solid; */
  border-right-width: 2px;    
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  /*Font*/
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:0px;
  
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

  /*Default Color Palette*/
blockquote.default{ 
  border-left-color: #656d77;
  /* border-right-color: #434a53;   */
}

/*Bittersweet Color Palette*/
blockquote.bittersweet{
  border-left-color: #fc6d58;
  /* border-right-color: #e95546; */
}


span.Cbittersweet{
  color:#e95546;
}
p.bitterp{text-align:left; line-height:20px;font-size: 16px;margin-bottom: 0px;}

.c-content-box.c-size-md{padding:0px; padding-bottom:20px;}
.c-content-app-1 > .c-diagram > .c-box > h3{font-size:16px; line-height:20px; display:none;}
.c-content-app-1 > .c-diagram > .c-phone-img{background:transparent;}
.c-content-app-1 > .c-diagram > .c-lines-1{top:22px;left:51%;}
.c-content-app-1 > .c-diagram{margin-top:36px;}
.c-content-app-1 > .c-diagram > .c-point-2 {}

.c-content-app-1 > .c-diagram > .c-point-2{top:22px;}	
.c-font-grey-2{text-align:center;}
.c-content-app-1 > .c-diagram > .c-point-4 {
    position: absolute;
    left: 50%;
    margin-left: 220px;
    top: 140px;
}
.c-content-app-1 > .c-diagram > .c-point-5{
	left: 50%;
    margin-left: -460px;
    position: absolute;
    text-align: right;
    top: 160px;
}
.c-content-app-1 > .c-diagram > .c-point-6 {
    position: absolute;
    left: 50%;
    margin-left: 193px;
    top: 275px;
}
#page_title{
	width:100%; height: 100px; position: relative;
	margin-top: 125px; margin-bottom:30px; color:#FFF;
	}
#page_title h1{	
	color: #FFF;
	font-family:'RobotoSlabBold', sans-serif; 
    font-size: 26px; margin-left: 30px; margin-bottom:0px; 
}	
.page_title_solid{
	background: rgb(161,136,127);
	background: url('../images/slider-image.png') top center no-repeat, -moz-linear-gradient(to right, rgba(161,136,127,1) 0%,rgba(188,170,164,1) 99%);
	background: url('../images/slider-image.png') top center no-repeat, -webkit-linear-gradient(to right, rgba(161,136,127,1) 0%,rgba(188,170,164,1) 99%);
	background: url('../images/slider-image.png') top center no-repeat, linear-gradient(to right, #3269B1 0%,#3269B1 99%);
	filter: url('../images/slider-image.png') top center no-repeat, progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1887f', endColorstr='#b09b92',GradientType=1 ); 
	background-size:cover;
}
#page_title .pgnm_bredc:before,
#page_title .pgnm_bredc:after{display:table; content:"";}
#page_title .pgnm_bredc:after{clear:both;}
#page_title .pgnm_bredc{display:block;position: absolute; top: 50%;transform: translate(0, -50%);left:208px; right:50px;}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777;}
.breadcrumb{background:none; margin-top: 5px;color:#FFF; margin-bottom:0; padding-right:0;}
.breadcrumb li {display:inline-block; float:left;}
.breadcrumb li a{font-weight:600; color:#fff;display:inline-block;float:left;}

.breadcrumb>.active,
.breadcrumb>li+li:before{color:#FFF;} 

.extra_wrap h4 {padding-bottom:10px; font-size:22px;}
.extra_wrap h4 span{color:#db471d; font-family:'RobotoSlabBold', sans-serif; padding-bottom:20px;}

.pro-list{margin-bottom: 0px;}
.pro-list li{
		position: relative;
		font-size: 18px;
		line-height: 19px;
		font-weight: 500;
		color: #777;
		margin-top: 10px;
		padding-left: 22px;
		margin-bottom:15px;
	}
.pro-list li:before{
	position: absolute;
	font-family: FontAwesome;
	content: "\f0a9";
	color: #4d2526;
	font-size: 16px;
	line-height: 16px;
	top: 4px;
	left: 0px;
		}
.pro-list li:first-child{
	margin-top: 0;
}
.pro-list li a{
	color: #343434;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.pro-list li a:hover{
	color: #DB471D;
	text-decoration: none;
}
.pro-list li a.active{color:#db471d;}
.pro-list li.active:first-child a{color:#db471d;}
.list-po .active a{color:#db471d;}

.pic img{margin-top:15px;}
.padd-d{text-align:justify;}
.pic_mrd{margin-top: 30px;}
.extra_wrap h6 span{color: #db471d;font-family: 'RobotoSlabBold', sans-serif;}
.lis_p{padding-top:20px;}
.para-p{text-align:justify;}
.list-s p{padding:0 23px;}


@media (max-width: 991px) {
.nav {margin-top:0px;}
.table-wrapper-responsive{overflow-x:auto;}
.c-content-app-1 > .c-diagram {
    margin-top: -79px;
}
.c-content-app-1 > .c-diagram > .c-wireframe{height: 310px;}
/* .c-content-app-1 > .c-diagram > .c-point-4{} */

.c-content-app-1 > .c-diagram > .c-point-4 {
    position:relative;
	top:auto;
	left:auto;
	margin:auto;
}
.c-content-app-1 > .c-diagram > .c-point-5 {
    left: auto;
    margin: auto;
    position: relative;
    text-align: right;
    top: auto;
}
.c-content-app-1 > .c-diagram > .c-point-6 {
    position: relative;
    left: auto;
    margin: auto;
    top: auto;
}
.c-content-app-1 > .c-diagram > .c-box{padding:0px;}
.banner_box .text h5 {
    font-size: 33px;
    line-height: 35px;
}
.top .links a {text-align:center;
    float: left; width:100%;
}
.top .contacts {
    float: none;
	text-align:center;width:100%;}
.top .contacts address{float:none;}	
} 
@media (max-width: 640px){
.table-wrapper-responsive{overflow-x:auto;}
.c-content-app-1 > .c-diagram > .c-point-5 {
    left: 0;
    margin-left: 0;
    position: relative;
    text-align: right;
    top: 0;
    z-index: 9999;
}
.c-content-app-1 > .c-diagram > .c-point-6 {
    position: relative;
    left: 0;
    margin-left: 0;
    top: 0;
}
.c-content-app-1 > .c-diagram > .c-box{padding:0px;}
.copyright{width:100%; text-align:center;}
.footer-link{width:100%; text-align:center;}
.brand {
    float: left;
    margin-top: 6px;
}

#content {
    padding-bottom: 20px;
    padding-top: 20px;
}
.nav {
    float: right;
    margin-top: 0px;
}
.top .links a {
    float: none; display:none;
}
.top .contacts {
    float: none;
	text-align:center;
}
.formdiv{ margin-top:20px;}
.pull-left{float:left!important;}
#page_title h1{margin:0px;text-align:left;}
#page_title .pgnm_bredc{left:10px;}
}