.event-1  img{

	margin-top:10px;	

	border:1px solid #c3c3c3;

	padding:5px 5px 5px 5px;

	

}	

.event-1 h2{

	font-size:14px;

	padding:0px;

	margin:0px;

	font-weight:bold;

	padding:5px 0;

	text-transform:capitalize;

}

.about-block  th{

	text-transform:capitalize !important;

}

.sr {

	width:10%;

}

table, th, td {
	border-collapse: collapse;

}

th, td {
	padding: 1px;

	

}

.about-block h3{

	padding-bottom:10px;

	font-weight:bold;

}



/** {

	-webkit-transition:all 0.3s ease-in-out;

	-ms-transition:all 0.3s ease-in-out;

	-moz-transition:all 0.3s ease-in-out;

	-o-transition:all 0.3s ease-in-out;

}*/

@font-face {

    font-family:Satellite;

    src: url(../fonts/Satellite.otf);

}

@font-face {

    font-family:robotcondensed;

    src: url(../fonts/RobotoCondensed-Light.ttf);

}

@font-face {

    font-family:robotcondensed-bold;

    src: url(../fonts/RobotoCondensed-Bold.ttf);

}

@font-face {

    font-family:roboto;

    src: url(../fonts/Roboto-Regular.ttf);

}

.navbar-right {
	border-radius:10px;
	margin-top:5px;

	

}

.bannerss {

	height:431px;

}

.bannerss img {

	width:100%;

}

.highlights .col-lg-6 {

	cursor:pointer;

}

.hideimg {

	display:none;

}

.highlights .boximgs:hover .showimg {

	display:none;

}

.highlights .boximgs:hover .hideimg {

	display:block;

}



@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);

.product-slider .carousel {

	margin-top:40px;

}

.carousel-inner {

	height:auto;

}

.col-item

{

    border: 1px solid #d1a961;

    border-radius: 100px;

	padding:15px;

	height:280px;

	width:180px;

	text-align:center;

    background: #FFF;

	-webkit-transition:all 0.3s ease-in-out;

	-ms-transition:all 0.3s ease-in-out;

	-moz-transition:all 0.3s ease-in-out;

	-o-transition:all 0.3s ease-in-out;

	position:relative;

	margin:0 auto;

	cursor:pointer;

}

.col-item:hover {

	background:#d1a961;

}

.col-item:hover.col-item span {

	background:#fff;

}

.col-item:hover.col-item h3 {

	color:#fff;

}

.item-img {

	border: 1px solid #d1a961;

	width:100%;

	height:150px;

	border-radius:50%;

	overflow:hidden;

}

.col-item span {

	height:2px;

	width:36px;

	margin:13px auto 8px auto;

	background:#d1a961;

	display:block;

}

.col-item h3 {

	font-size:17px;

	color:#373737;

	font-family:robotcondensed;

	text-transform:uppercase;

	font-weight:600;

}

.col-item .readmore {

	position:relative;

	width:70px;

	height:70px;

	margin:0 auto;

	display:inline-block;

	border:1px solid #d1a961;

	border-radius:50%;

	color:#d1a961;

	font-size:15px;

	font-family:robotcondensed;

	padding:10px 15px 0 15px;

	z-index:99;

	top:6px;

	background:#fff;

}

.col-item .readmore:hover {

	text-decoration:none;

}

.controls

{

    margin-top: 20px;

}

[data-slide="prev"]

{

    margin-right: 10px;

}

.controls a {

	text-decoration:none;

	display:inline-block;

}

.controls a:hover {

	text-decoration:none;

}

.controls .pull-left {

	position:absolute;

	left:0;

	z-index:999;

	top:35%;

}

.controls .pull-right {

	position:absolute;

	right:0;

	z-index:999;

	top:35%;

}

.product-slider {

	background:url(../images/catagory-bg1.png) no-repeat;

}

.product-slider .carousel-inner {

	width:85%;

	margin:0 auto;

	height:330px;

}

.welcome-section {

	background:url(../images/welcome-bg.jpg) no-repeat;

	background-size:cover;

	text-align:left;

	padding:45px 0;

}

.heading1 {

	font-size:44px;

	font-family:robotcondensed;

	color:#2e2e2e;

	margin:0;

	padding:0;

}

.heading1 span {
	font-style:italic;
	font-weight:bolder;
	color:#F59678;
	font-family:robotcondensed-bold;

}

.custom-hr {
	background:#F59678;
	width:50px;
	height:3px;
	margin:20px auto;
	float:left;

}

p {

	font-family:roboto;

	font-size:14px;

	line-height:25px;

}

.readmorebtn {
	font-family:roboto;
	background:#F59678;
	border:1px solid #F59678;
	display:inline-block;
	padding:5px 20px;
	border-radius:20px;
	color:#FFFFFF;
	margin-top:10px;
}

.readmorebtn:hover {
	background:rgba(255,255,255,0);
	color:#000000;
	text-decoration:none;
}

footer {
	padding:20px 0;
	text-align:left;
	font-family:roboto;
	font-size:13px;

}

footer ul li {

	display:inline-block;

	list-style:none;

}



footer ul li a:first-child

{padding:0 9px 0 0  }



footer ul li a {

	color:#3a3937;

	padding:0 9px;

}

footer ul li a:hover {

	text-decoration:none;

}















/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 10;

}







/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {

  /*margin-bottom: 60px;*/

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 1;

}



/* Declare heights because of positioning of img element */

.banner1 h1  {

	font-family:Satellite;

	color:#a0711d;

	text-shadow:none;

	font-size:35px;

}

.banner1 h2  {

	font-family:Satellite;

	color:#a0711d;

	text-shadow:none;

	font-size:49px;

	color:#161616;

}

.banner1 .carousel-caption {
	top:50%;

}

.banner1 .carousel-caption.fourth-slide {

	text-align:right;

}

.banner1 .carousel-caption h2 {

	margin:0;

	padding:0;

}



.pos2 {

	font-size:35px;

	position: relative;

    text-align: left;

	left:40%

} 

	

.pos3 {

	font-size:49px;

	position: relative;

    text-align: left;

	left:40%;

}







/* MARKETING CONTENT

-------------------------------------------------- */



/* Pad the edges of the mobile views a bit */

.marketing {

  padding-left: 15px;

  padding-right: 15px;

}



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

  text-align: center;

  margin-bottom: 20px;

}

.marketing h2 {

  font-weight: normal;

}

.marketing .col-lg-4 p {

  margin-left: 10px;

  margin-right: 10px;

}





/* Featurettes

------------------------- */



.featurette-divider {

  margin: 80px 0; /* Space out the Bootstrap <hr> more */

}

.featurette {

  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */

  overflow: hidden; /* Vertically center images part 2: clear their floats. */

}

.featurette-image {

  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */

}



/* Give some space on the sides of the floated elements so text doesn't run right into it. */

.featurette-image.pull-left {

  margin-right: 40px;

}

.featurette-image.pull-right {

  margin-left: 40px;

}



/* Thin out the marketing headings */

.featurette-heading {

  font-size: 50px;

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

}



.new-colr { color:#caa360;}

.new-colr a { color:#caa360; text-decoration:none; font-weight:400; font-size:17px;}







/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 768px) {



  /* Remve the edge padding needed for mobile */

  .marketing {

    padding-left: 0;

    padding-right: 0;

  }



  /* Navbar positioning foo */

  .navbar-wrapper {

    margin-top: 20px;

    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */

  }

  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar {

    border-radius: 4px;

  }



  /* Bump up size of carousel content */

  .carousel-caption p {

    margin-bottom: 20px;

    font-size: 21px;

    line-height: 1.4;

  }



}

.banner-footer {

	position:absolute;

	bottom:0;

	z-index:999;

}

.banner-footer img {

	width:100%;

}





.navbar.navbar-fixed-top.fixed-theme {

    background-color: #f2f2f2;

    box-shadow: 0 0 10px rgba(0,0,0,0.6);

}



.navbar-brand.fixed-theme {

    font-size: 18px;

}



.navbar-container.fixed-theme {

    padding: 0;

}



.navbar-brand.fixed-theme,

.navbar-container.fixed-theme,

.navbar.navbar-fixed-top.fixed-theme,

.navbar-brand,

.navbar-container{

    transition: 0.8s;

    -webkit-transition:  0.8s;

}

.top-banner {
	height:135px;
	background:#fff;

}

.mid-banner {
	height:101px;
	font-size:30px;
	line-height:101px;
	background:url(../images/mid-banner.jpg) no-repeat;

}


.mid-about {
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/mid-about.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.mid-vision {
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/mid-vision.jpg);
	background-repeat: no-repeat;
	background-position: center;
	

}


.mid-manu{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/manu.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.mid-certificate{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/certificate.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.mid-export{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/export.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}


.mid-privacy{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/mid-privacy.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}



.mid-plastic{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/mid-mould.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}


.mid-qc{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/quality.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}


.mid-events{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/mid-events.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

.mid-rd{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/r&d.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}


.mid-skincare{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/skin_cream.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}


.mid-familycare{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/family_cream.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}


.mid-handcare{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/handcare.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}



.mid-hairremoving{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/hairremoving.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}

.mid-haircare{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/haircare.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}

.mid-aerosole{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/aerosole.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


.mid-afro{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/afro.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.mid-men{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/men.jpg);
	background-repeat: no-repeat;
	background-position: center;
}



.mid-baby{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/baby.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


.mid-oral{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/oral.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.mid-soap{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/soap.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.mid-hotel{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/hotel.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.mid-otc{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/otc.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.mid-candle{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/candle.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.mid-air{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/air.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


.mid-cleaning{
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../_images/cleaning.jpg);
	background-repeat: no-repeat;
	background-position: center;
}






































































.mid-index {
	height: 360px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/homed.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}


.mid-brands {
	height: 160px;
	font-size: 30px;
	background-image: url(../_images/brands.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}

.mid-contact {
	height: 300px;
	font-size: 30px;
	background-color: #FFF;
	background-image: url(../images/mid-contact.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: center;
	

}


.mid-box {
	height: 200px;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}

.mid-quality {
	height: 250px;
	font-size: 30px;
	line-height: 101px;
	background-color: #FFF;
	background-image: url(../images/mid-quality.jpg);
	background-repeat: no-repeat;
	background-position: center;
	

}





.mid-policy {
	height:250px;
	font-size:30px;
	line-height:101px;
	background:url(../images/mid-policy.jpg) no-repeat;

}



.mid-banner .pull-left {

	font-family:robotcondensed;

	font-size:43px;

	color:#1d1d1d;

	font-weight:900;

}

.mid-banner .pull-right {

	font-family:robotcondensed;

	font-size:14px;

	color:#1d1d1d;

}

.mid-banner .breadcums {

	font-size:14px;

	color:#222;

}

.breadcums  a {

	font-size:14px;

	color:#222;

}

.breadcums  a:hover {

	text-decoration:none;

}

.about-block {

	padding:30px 0;

}

.left-panel {

	border-radius:10px;

	background:#F1F1F1;

	padding:10px;

}

.para p {

	color:#5b5b5b;

	font-size:14px;

	font-family:roboto;

	line-height:21px;

	text-align:justify;

}

.about-img1 img {

	width:100%;

	margin:20px 0;

}

.about-block .left-panel {

	overflow:hidden;

}

.about-block .left-panel:before {

	background:url(../images/left-panel-top.jpg);

	position: relative;

    top: -19px;

    width: 112%;

    left: -13px;

    height: 6px;

    display: inline-block;

    content: "";

}

.about-block .left-panel ul li {

	list-style:none;

	border-bottom:1px solid #e2e2e2;

	-o-transition:all 0.3s ease-in-out;

	-webkit-transition:all 0.3s ease-in-out;

	-moz-transition:all 0.3s ease-in-out;

}

.about-block .left-panel ul li:last-child {

	border-bottom:none;

}

.about-block .left-panel ul {

	padding:0 10px 0 15px;

}

.about-block .left-panel ul li a {

	font-family:roboto;

	font-size:14px;

	color:#494848;

	line-height:40px;

}

.about-block .left-panel ul li a i {

	padding:0 10px 0 0;

	font-size:12px;

}

.about-block .left-panel ul li a:hover {

	text-decoration:none;

	color:#9e7121

}

.active-li {

	color:#9e7121 !important;

}

.highlights {

	background:url(../images/high-bg.png) rgba(229, 229, 229, 0.78);

	padding:40px;

	margin-top:20px;

	font-family:roboto;

	font-size:14px;

	color:#2b2b2b;

}

.highlights h1 {

	padding:0 !important;

	margin:0 0 20px 0 !important;

	font-family:robotcondensed;

	font-weight:900;

	letter-spacing:1px;

}

.highlights .row p {

	font-size:13px;

	line-height:20px;

}

.special-hr {

	background:#B07F29;

	height:1px;

	width:300px;

	position:relative;

	margin-bottom:20px;

}

.special-hr span {

	width:80px;

	position:absolute;

	top:-2px;

	left:0;

	height:5px;

	background:#B07F29;

}

.sqr-img {

	width:80px;

	height:80px;

}

.top-header-bg {

	background:url(../images/top-header-bg.jpg) no-repeat;

}

.footer-bg {

	background:url(../images/footer-bg.jpg) no-repeat;

	background-size:cover;

}

.mid-body-bg {

	background:url(../images/mid-body-bg.jpg) no-repeat;

	background-size:cover;

}

.product-banner img {

	width:100%;

}



.text-right { text-align:right}

.font-sqr i { font-size:18px; padding-top:4px; color:#3765a3;}



.product-list {

	/*text-align:center;*/

	margin-top:20px;

}

.product-list a {

	display:inline-block;

	padding:10px;

	border:3px solid rgba(0,0,0,0);

}

.product-list #rox a:hover {

	border:3px solid #caa462;

}

.product-list #lykis a:hover {

	border:3px solid #caa462;

}

.product-list img {

	display:block;

	padding-bottom:20px;

	width:100% !important;

}

.product-list a b {

	font-family:robotcondensed;

	font-size:15px;

	color:#373535;

	border-top:1px solid #ddd9d9;

	display:block;

	padding-top:10px;

}

.product-list a:hover {

	text-decoration:none;

}



.tittle h3 { font-family: robotcondensed; font-size:23px; color:#ca9943; font-weight:600; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; line-height:45px; margin-top:0; margin-bottom:20px;}



.space5 { min-height:5px}



.list-pdf { 

	width:100%;

	height:auto;

	

}

footer ul {

	padding:0;

}

.left-border1 {

	border-left:1px solid #bebebe;

}

.space15 { min-height:15px;}



.list-pdf  ul

	{ margin:0; padding:0;}

	

.list-pdf ul li { width:100%; height:auto; border-bottom:1px solid #c1c1c1; padding:15px 0px; list-style-type:none;}

.list-pdf ul li a { color:#494848;}

.list-pdf ul li:first-child {padding:0 0 15px 0;}

.list-pdf ul li:last-child {border-bottom:0px solid #c1c1c1; padding:15px 0 0 0;}

.list-pdf i { color:#b71e22; font-size:24px;padding-right:10px; line-height: 15px;}	

.box-layout { /*border:1px solid #a5a5a5;*/ padding:0% 0 0 2%;}

.para h5 { color:#c29342;}

.para h4 {
	color:#F59678;
}

@media only screen and (max-width:768px) {

	.banner1 {

		margin-top:100px;

	}

	.slick-prev {

		left:0;

	}

	.slick-next {

		right:0;

	}

	.slick-slider {

		padding:0 30px;

	}

	.banner1 .carousel-caption {

		top:10%;

	}

	.banner1 .carousel-caption.fourth-slide {

		text-align:right;

	}

	.banner1 .carousel-caption h2 {

		margin:0;

		padding:0;

	}

	.special-hr {

		width:200px;

	}

}

@media only screen and (max-width:640px) {

	.top-banner {

		height:50px;

	}

	.navbar-right {

		background:#fff;

		margin-top:0;

	}

	.banner1 {

		margin-top:50px;

	}

	.banner1 .carousel-caption {

		top:10%;

	}

	.banner1 h1 {

		font-family: Satellite;

		color: #a0711d;

		text-shadow: none;

		font-size: 24px;

	}

	.banner1 h2 {

		font-size:30px;

	}

	.left-border1 {

		border-left:0px solid #bebebe;

	}

	footer {

		font-size:11px;

	}

}

.marketing{

	margin-bottom:10px;

}

/*accordion*/

.panel a {

    color: #caa360;

    text-decoration: none;

    font-weight: 400;

    font-size: 14px;

}

.panel-default .panel-heading { 

    background-color: #f5f5f5;

    border-color: #ddd;

}
.copyright{
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align: right;
}