﻿/* Fonts */
@import url(navigation.css);
@import url(font-awesome/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
/* Fonts */

html { margin: 0; padding: 0; height:100%; min-height:100%;}
body{
margin:0px auto;
padding:0px;
font-family: 'Open Sans', sans-serif; font-weight:400;
font-size:15px;
line-height:1.4;
color:#27313d;
height:100%;
min-height:100%;
background:#fff;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{ box-sizing:border-box;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#373737; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
transition: color 1s;
}
a:hover{text-decoration:none; color:#f3004f;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.clear{line-height:0; clear:both;}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 0px; border-bottom:1px solid #e7e7e7;
/*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);*/
}

ol{list-style-type:none; float:left; margin:0 0 15px 0;}
ol li{float:left; clear:both; padding-left:20px; margin-bottom:10px; /*text-align:justify;*/ position:relative;}
ol li:before{position:absolute; left:0; top:0; content:'\f00c'; display:block; font-family:'FontAwesome'; color:#f99d2a;}


h1, h2, h3, h4{margin-bottom:20px; display:block; overflow:hidden; clear:both;}

.aln-cntr{display:block; overflow:hidden; clear:both; text-align:center;}
.aln-cntr > h2{font-weight:400; text-align:center; font-size:30px;}


/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

.wrap, .wrap-header{width:1280px; margin:0 auto; position:relative; clear:both; max-width:96%;}
.wrap-header{max-width:96%;}

.header-area{width:100%; padding:10px 0 40px; float:left; position:relative; z-index:100;}
.logo{position:relative;}
.nav-area{float:right; text-align:right; margin:8px 0;}
.nav-area > div{padding:0; position:relative;}
.nav-area > span{display:inline-block; vertical-align:middle;}
.nav-area > span > img{margin:0 5px; position:relative; top:7px;}
.nav-area > span strong{font-weight:700; color:#f3004f;}
.nav-area > ul{display:inline-block; vertical-align:middle; padding-left:5px; margin-left:10px; border-left:1px #ddd solid;}
.nav-area > ul li{display:inline-block; font-size:18px; padding:0 5px;}
.nav-area > ul li a{color:#323e4d;}
.nav-area > ul li a:hover{color:#f3004f;}

.nav-area > span > div{ padding:0;}
.nav-area > span > div img{display:none;}


.banner-area{position:relative; display:block; overflow:hidden;  padding:46px 0 0; clear:both; top:-38px; margin-bottom:-33px;}
.banner-area > div{ width:100%; max-width:1400px; margin:0 auto;}
.banner-area img, .inner-banner-area img{float:left; width:100%;}

.inner-banner-area{position:relative; display:block; overflow:hidden; padding:0; clear:both; top:-38px; margin-bottom:-38px;}


.product-area{
  /* background:#ffb200; */
  background:url('../images/background.jpg');
   display:block; overflow:hidden; clear:both;}
.product-area > div > div{padding:0 30px; box-sizing:border-box; width:100%;}

/* Carousel */
.owl-carousel{text-align:center;}
.owl-carousel div div div div{
  display:block;
  /* border-left:1px rgba(255,255,255,0.3) solid;
  border-right:1px rgba(255,255,255,0.3) solid; */
  color:#fff;
}
.owl-carousel div h2{text-align:center; width:100%; display:block; text-transform:uppercase; font-size:18px; font-weight:700; line-height:1.3; margin-bottom:10px; padding:0;}
.owl-carousel div p{display:block; margin-bottom:20px; line-height:1.4;}
.owl-carousel div a{display:inline-block; color:#fff; padding:5px 25px; border:2px #fff solid; text-transform:uppercase; font-size:13px; font-weight:700;}
.owl-carousel div a:hover{background:#f41b61;}
.owl-carousel div span{display:inline-block; width:120px; height:120px; margin:0 auto 20px; position:relative;}
.owl-carousel div span:before{position:absolute; display:block; left:10px; right:10px; top:10px; bottom:10px; content:'';z-index:-1;
/* border-radius: 40px;
background:#04534c; */
/* transition: 1s ease; */
/* -ms-transform: rotate(45deg); /* IE 9 */ */
/* -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ */
/* transform: rotate(45deg); */
}
.owl-carousel div div div div:hover span:before{
-ms-transform: rotate(-135deg); /* IE 9 */
-webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */
transform: rotate(-135deg);
}
/* Carousel End */


.welcome-area{padding:50px 0; text-align:center; line-height:1.5;}
.welcome-area h1{font-weight:500; display:block; margin-bottom:20px;}
.welcome-area p{margin-bottom:35px;}
.welcome-area a{display:inline-block; padding:15px 20px; background:#fe8727; color:#fff; text-transform:uppercase; font-weight:700; margin:0 5px;}
.welcome-area a i{font-size:18px; padding-right:5px;}
.welcome-area a:last-child{background:#19161f;}
.welcome-area a:hover{background:#f3004f;}


.exports-area{display:block; overflow:hidden; clear:both; font-size:16px; line-height:1.5; padding:50px 0; background:transparent url('../images/home_banner.png') no-repeat center center fixed; background-size:cover; color:#fff;}
.exports-area > div div{float:left; width:50%;}
.exports-area > div div h2, .exports-area > div div h3{display:inline-block; padding:5px 10px; background:#f99d2a; font-weight:300; text-transform:uppercase; font-size:200%; line-height:1.2; margin-bottom:7px;}
.exports-area > div div h2 strong{font-weight:700;}
.exports-area > div div h3{background:#fe8727;}
.exports-area > div div img{display:inline-block; clear:both; overflow:hidden; padding:30px 0; max-width:100%;}
.exports-area > div div p{display:block; margin-bottom:25px;}

.exports-area a{display:inline-block; color:#fff; padding:6px 12px; border:2px #fff solid; text-transform:uppercase; font-size:14px; font-weight:700;}
.exports-area a:hover{background:#f41b61;}


.box3-area{padding:35px 0; overflow:hidden;}
.box3-area ul{width:95%; margin:0 auto;}
.box3-area li{width:25%; float:left; text-align:center; padding:0 3%; border-left:1px #dddddd solid;}
.box3-area li:first-child{border:none;}
.box3-area li > h3, .box3-area li > p{display:block; padding:5px 0 10px; clear:both;}
.box3-area li a{font-size:13px; font-weight:700; text-transform:uppercase; color:#105ea0; padding:5px 0 0;}
.box3-area li a i{padding-left:3px;}
.box3-area li a:hover{color:#f41b61;}


.pink-bar{display:block; overflow:hidden; padding:14px 0; background:#f3004f; clear:both; color:#fff;}
.pink-bar ul{display:block; overflow:hidden; text-align:center;}
.pink-bar ul li{display:inline-block; font-size:16px; font-weight:700; text-transform:uppercase; padding:2px 3%; position:relative;}
.pink-bar ul li:before{content:'\f005'; display:block; position:absolute; left:-7px; top:2px; font-size:14px; font-family:'FontAwesome';}
.pink-bar ul li:first-child:before{display:none;}


.footer{background:#323e4d url('../images/footer-bg.jpg') no-repeat left 10% bottom; float:left; width:100%; color:#fff; padding:35px 0; position:relative; clear:both;}
.footer-logo{float:left;}
.footer > div > div{float:right; text-align:right;}
.footer-links{padding:12px 0; margin-bottom:7px; display:block; clear:both; border-bottom:1px rgba(255,255,255,0.2) solid;}
.footer-links a{padding-left:30px; display:inline-block; color:#fff; font-weight:700; text-transform:uppercase;}
.footer-links a:first-child{margin-left:0;}
.socil-icons{ float:right;
-webkit-transition: 0.3s ease-in-out; /* Safari */
transition: 0.3s ease;
}
.socil-icons li{float:left; text-align:center;}
.socil-icons li a{padding:0 10px; display:block; color:#fff; font-size:20px; transition: color 1s;}
.socil-icons li a:hover{color:#f41b61;}
.footer p{clear:both;}


.photo-gallery{display:block; overflow:hidden; clear:both; margin-bottom:20px;}
.photo-gallery a{width:24%; text-align:center; max-width:100%; float:left; margin:0px 0.5% 10px; border:1px #eee solid; background:#000; display:block; overflow:hidden;
-webkit-box-shadow: 0 1px 2px #ddd;
-moz-box-shadow: 0 2px 1px #ddd;
box-shadow: 0 2px 1px #ddd;}
.photo-gallery img{max-width:100%; float:left;}
.photo-gallery a div{ display:block; overflow:hidden;}
.photo-gallery h3{ display:block; overflow:hidden; padding:9px; background:#fff; margin-bottom:0!important; font-size:15px!important; font-weight:600!important; min-height:70px;}

/* Opacity #2 */

.hover12 div img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.hover12 div:hover img { opacity: .7; cursor:pointer;}

/* Zoom In #1 */
.hover01 div img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.hover01 div:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);}


/* --- Inner Area Start --- */
.inner-header{display:block; overflow:hidden; background:#f3004f; padding:10px 0 40px; color:#FFF;}
.inner-header ul{display:block; overflow:hidden; padding:5px 0;}
.inner-header ul li{float:left; padding-right:15px; margin-right:15px; position:relative;}
.inner-header ul li:after{position:absolute; display:block; content:'\f054'; font-family:'FontAwesome'; color:#061f6a; top:6px; right:-5px; font-size:9px;}
.inner-header ul li a{color:#FFF;}

.inner-header h1{ font-size:36px;}

.inner-content-area{position:relative; top:-50px; margin-bottom:-50px;}
.inner-content-area > div{background:#fff;}
.inner-content-area > div:after, .inner-content-area > div:before{width:4%; display:block; top:50px; bottom:0; right:-4%; background:#ddd; content:''; position:absolute;}
.inner-content-area > div:before{right:auto; left:-4%;}

.pading-25{padding:25px;}
.marg-bot-25{margin-bottom:25px;}
.gray-bg{display:block; overflow:hidden; background:#eee;}
.highlight{text-align:center; display:block; clear:both; background:#f1c40f; font-size:24px; text-transform:uppercase; color:#fff; padding:5px 0; font-weight:400;}


.country-box{display:table; width:100%; overflow:hidden; padding:15px 0;}
.country-box > li{display:table-cell; width:20%; padding:0 1%; border-left:1px #ddd solid; vertical-align:top;}
.country-box > li:first-child{border:none;}
.country-box > li img{display:block; overflow:hidden; max-width:100%; margin-bottom:15px;}
.country-box > li h2{font-weight:700; color:#323e4d; font-size:18px; text-transform:uppercase; margin-bottom:10px;}

.application-box{display:block; overflow:hidden;}
.application-box li{display:table; width:50%; float:left; margin:20px 0;}
.application-box li > *{display:table-cell; vertical-align:middle; padding: 0 20px 0 0;}
.application-box li > div{width:100%; padding:0 30px;}
.application-box li h4{margin-bottom:5px; text-transform:uppercase;}

.application-full-size li{display:table; width:100%; float:left; margin:20px 0;}


ul.load-rating{}
ul.load-rating li{ position:relative; display:block; background:url(../images/bg.png) no-repeat center center; height:166px; padding:24px 20px; background-size: 100%;}
ul.load-rating li span{ float:left; position:relative;}
ul.load-rating li span strong{ display:inline-block; padding-top:48px; margin-left:5px;}
ul.load-rating li span img{ float:left;}
ul.load-rating li div{ display:inherit; overflow:hidden; padding: 20px 30px;}
ul.load-rating li h4{margin-bottom:5px; text-transform:uppercase;}


.products-listing{display:block; overflow:hidden; font-size:14px; padding:10px 0 0; margin-bottom:25px;}
.products-listing li{ float:left; width:31.33%; margin:1%; padding:5px 15px; border:1px #eee solid; text-align:center;
-webkit-box-shadow: 0 1px 2px #ddd;
-moz-box-shadow: 0 2px 1px #ddd;
box-shadow: 0 2px 1px #ddd;
}
.products-listing li h3{ margin-bottom:5px; font-size:16px; text-transform:uppercase; color:#323e4d; min-height:90px;}
.products-listing li p{text-align:center;}
.products-listing li img{max-width:100%;}

.products-listing1{display:block; overflow:hidden; font-size:14px; padding:10px 0 0; margin-bottom:25px;}
.products-listing1 li{ float:left; width:31.33%; margin:1%; padding:10px; border:1px #eee solid; text-align:center;
-webkit-box-shadow: 0 1px 2px #ddd;
-moz-box-shadow: 0 2px 1px #ddd;
box-shadow: 0 2px 1px #ddd;
}
.products-listing1 li img{max-width:100%; float:left;}


.full-content-area{display:block; overflow:hidden; line-height:1.6;}
.full-content-area p{display:block; margin-bottom:20px; text-align:justify; clear:both;}
.full-content-area h2{overflow:hidden; margin-bottom:20px; color:#323e4d; font-size:30px; font-weight:500;}

.two-part-area{display:table; width:100%;}
.two-part-area > div{display:table-cell; vertical-align:top; position:relative;}
.two-part-area > div:first-child{width:23%;}
.two-part-area > div:last-child{padding:20px 40px; min-height:500px;}
.two-part-area > div:last-child:after{position:absolute; content:url(../images/shadow.png); width:43px; display:block; left:-43px; top:0; z-index:100;}


.about-bg{background:#fff url('../images/about-bg.png') no-repeat center bottom; background-size:100%; padding-bottom:25%!important;}



ul.left-menu{display:block; clear:both;}
ul.left-menu li{display:block; clear:both;}
ul.left-menu li a { border-bottom:1px #eee solid;
    font-size: 16px;
    display: block;
    padding: 12px 15px;
}

ul.left-menu li a:hover, ul.left-menu li.active a {
position: relative; z-index: 1; background:#f99d2a !important; color:#fff; font-weight:700;
}
ul.left-menu li a:hover:after, ul.left-menu li.active a:after{ content:''; display:block; position:absolute; right:-12px; top:25%; z-index:100;
border-top:12px transparent solid; border-bottom:12px transparent solid; border-left:12px #f99d2a solid;
}


.founder-area{display:table; width:100%; overflow:hidden; clear:both;background:url('../images/background.jpg'); margin-bottom:25px;}
.founder-area > li{display:table-cell; vertical-align:middle;}
.founder-area > li img{float:left; padding-right:25px;}
.founder-area > li:last-child{width:100%; color:#fff;}
.founder-area > li h2{
  /* font-size:22px; */
   line-height:1.5; margin-bottom:5px; font-weight:600; color:#fff;}
.founder-area > li span{font-size:18px; font-style:italic;}


.vission-area{display:block;}
.vission-area > li{display:table; width:100%;}
.vission-area > li > div{display:table-cell; width:50%; vertical-align:middle; background:#eee;}
.vission-area > li > div > img{float:left; width:100%;}
.vission-area > li > div div{display:block; padding:25px;}


.certificates{display:block; overflow:hidden; clear:both;}
.certificates li{ width:33.33%; float:left; padding:0 15px; margin-bottom:35px; text-align:center;}
.certificates li img{width:100%; border:1px #ddd solid;}


.contact-details{display:table; overflow:hidden; width:100%; padding:15px 0 45px;}
.contact-details > li{width:25%; padding:0 20px; display:table-cell; border-left:1px #ddd solid;}
.contact-details > li h3{color:#f99d2a; text-transform:uppercase;}
.contact-details > li p{text-align:left; padding-left:25px; position:relative; margin-bottom:10px;}
.contact-details > li p i{position:absolute; left:0; top:5px; color:#f99d2a;}


div.contact-area form{display:block; clear:both;}
div.contact-area form label{width:50%; float:left; padding-right:5px;}
div.contact-area form label:nth-child(even){padding-left:5px; padding-right:0;}
div.contact-area form input, div.contact-area form textarea{width:100%; padding:8px; box-sizing:border-box; border:1px #dedcd7 solid; margin-bottom:15px; font-family:'roboto'; font-size:15px;}
div.contact-area form input:focus, div.contact-area form textarea:focus{border-color:#00a895;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

div.contact-area form input[type="submit"]{border:none; background:#f99d2a; color:#fff; text-transform:uppercase; font-weight:600; cursor:pointer;}
div.contact-area form input[type="submit"]:hover{background:#f3004f;}


.tbl-style{display:table; width:100%; border-collapse: collapse;}
.tbl-style > div{display:table-row; border-bottom:1px #ccc solid;}
.tbl-style > div:last-child{border:none;}
.tbl-style > div > div{display:table-cell; padding:10px 0;}
.tbl-style > div > div:first-child{font-weight:700; text-transform:uppercase; padding-right:30px; position:relative;}
.tbl-style > div > div:first-child:after{content:':'; position:absolute; right:15px; top:8px; display:block;}

.brochure-area{display:block; overflow:hidden; clear:both;}
.brochure-area li{width:22.5%; margin:1%; display:inline-table; vertical-align:bottom; text-align:center;}
.brochure-area li a{display:block; overflow:hidden; /*height:320px;*/ position:relative;}
.brochure-area li a img{max-height:100%; max-width:100%;}
.brochure-area li span{min-height:60px; display:block; font-size:14px; padding:5px 10px;}

.sub-hd{font-weight:600; color:#323e4d; font-size:26px; text-transform:capitalize; margin-bottom:20px; padding-left: 12px; border-left: 4px solid #f3004f;}

.video-area{ display:table; width:100%;}
.video-area li{ display:table-cell; width:50%; vertical-align:top;}
.video-area li div{ padding:10px;}


.products-box{display:block; overflow:hidden; font-size:14px; padding:10px 0 0; margin-bottom:25px; text-align:center;}
ul.products-box {display:block; text-align:center;}
.products-box li{ display:inline-block; width:23%; margin:20px 10px; border:1px #eee solid; text-align:center;}
.products-box li span{ display:block; padding:25px;}
.products-box li h3{ margin-top:20px; padding:10px 0; font-size:16px; text-transform:uppercase; color:#fff; background:#f3004f; margin-bottom:0;}
.products-box li img{max-width:100%;}
.products-box li:hover h3{ background:#eee; color:#323e4d;}


.environment-area{ display:block;}
.environment-box { display:table; width:100%; margin-bottom:10px;}
.environment-box > div{ display:table-cell; vertical-align:top;}
.environment-box > div:first-child{ width:20%; text-align:center;}
.environment-box > div > div{ display:block; padding:20px 10px 10px 25px;}
.environment-box > div > div p{ padding:10px 0 0; margin-bottom:10px;}
.environment-box1 > div > div p{ padding:0px;}

.csr-area{ display:block; padding:50px 0; background:url(../images/csr-bg.png) no-repeat center center; height:905px;}
.csr-box{ display:block; position:relative; width:430px; max-width:100%; margin:90px auto; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:20px; padding:5px;}










/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1300px){
.inner-content-area > div:after, .inner-content-area > div:before{width:2%; right:-2%;}
.inner-content-area > div:before{left:-2%;}
ul.load-rating li{ padding:24px 10px;}
}

@media (max-width: 1030px){
.exports-area > div div{width:95%; float:none; margin:0 auto; text-align:center;}

.country-box > li{padding:0 1%;}

.application-box li > div{padding:0 15px; height:160px;}


.country-box > li{width:33.33%; display:block; float:left;}

.products-box li{ width:30%;}
ul.load-rating li{ background:none;}

}



@media (max-width: 960px){
.header-area{padding:0;}
.nav-area{float:left; text-align:left; width:100%; clear:both; padding:35px 10px 5px;}
.logo{background:#fff; text-align:center; width:100%;}
.logo img{position:relative; top:35px; margin-top:-30px;}

.country-box > li{width:50%; border:none; display:block; float:left;}

.application-box li{width:100%;}
.application-box li > div{height:auto;}


.products-listing li{width:48%;}
.products-listing1 li{width:48%;}

.two-part-area > div{display:block; overflow:hidden; position:relative;}
.two-part-area > div:first-child{display:none;}
.two-part-area > div:last-child{padding:20px;}


.vission-area > li{ margin-bottom:25px;}
.vission-area > li > div{display:block; width:100%; clear:both; width:auto;}

.contact-details > li{width:50%; padding:20px; border:1px #ddd solid; display:block; float:left;}
.contact-details > li:nth-child(1), .contact-details > li:nth-child(2){min-height:330px;}
.contact-details > li:nth-child(3), .contact-details > li:nth-child(4){min-height:200px;}

.products-box li{ width:46%;}

.inner-banner-area{ top:0; margin-bottom:0;}


}

@media (max-width: 720px){
	.video-area li{ display:block; width:100%;}
}

@media (max-width: 500px){

.box3-area li{width:100%; clear:both; margin-bottom:25px; display:block; border:none; border-top:1px #dddddd solid;}

.footer{text-align:center;}
.footer-logo{float:none; display:inline-block; margin-bottom:30px;}
.footer > div > div{float:none; display:block; text-align:center;}
.footer-links a{padding:0 10px;}
.socil-icons{ float:none; display:inline-block;}

.country-box > li{width:100%; margin-bottom:15px;}

.products-listing li{width:100%; margin:1% 0;}
.products-listing1 li{width:100%; margin:1% 0;}

.founder-area > li{display:block; padding:15px 0; clear:both; text-align:center; vertical-align:middle;}
.founder-area > li img{float:none; padding:15px 0 0;}

.certificates li{ width:50%;}

.label-details{clear:both; float:none; display:block; overflow:hidden; width:auto;}
.label-details > input[type="text"], .label-details > textarea{width:96%;}
.label-details > select{width:100%;}


.contact-details > li{width:100%; margin-bottom:15px;}
.contact-details > li:nth-child(1), .contact-details > li:nth-child(2){min-height:100px;}
.contact-details > li:nth-child(3), .contact-details > li:nth-child(4){min-height:100px;}

.products-listing li h3{min-height:0;}
.application-full-size li{ display:block;}

.environment-box > div:first-child { width: 100%; text-align: center;}
.environment-box > div{ display:block;}
.environment-box > div > div{ display:block; padding:0;}
.environment-box > div > div p{ text-align:center;}

.products-box li{ width:100%; margin:0 0 20px;}

ul.load-rating li{ display:block; height:auto; padding: 0px 10px;}
ul.load-rating li div{ display:block; overflow:auto; clear:both; padding: 20px 0px;}


.csr-box{ width:100%;}
.csr-area{ height:auto; background:none;}

}

@media (max-width: 380px){
.nav-area > ul{display:none;}
.welcome-area a{display:block; margin-bottom:10px;}

.certificates li{ width:100%;}

.tbl-style > div > div{display:block; clear:both; padding:7px 0;}

}



/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}



/* Online Application
====================================================================== */

form.careers{margin:0; float:left; clear:both; width:100%; margin-bottom:25px;}

.lebel-outer {width:98%; margin-bottom:0; overflow:hidden; padding:10px 1%;}
.lebel-outer2 {width:100%; margin:10px 0 0; overflow:hidden; float:right;}

.lebel-outer:nth-child(odd) {}
.lebel-outer:nth-child(even){}

.lebel-lft {float:left; width:320px;}
.lebel-lft label {font-family:verdana; font-size:11px; color:#404040}
.lebel-lft label span {color:#C70017}
.lebel-lft label span.seperator {float:right; margin-right:10px}
.label-details {float:left; margin-bottom:5px; width: 285px;}
.label-details .security-code {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#FF0000}
.btn-submit {margin:10px 0 0 330px}
.btn-submit1 {margin:10px 40px 0 0px}

.label-details > input[type="text"], .label-details > textarea{border: 1px solid #a7a9ac; background:none; padding:5px; color:#000; width:100%;}
.label-details > select{border: 1px solid #a7a9ac; padding:3px 5px; color:#000; width:290px; background:none;}
.label-details > textarea{width:280px; height:75px;}

input[type="submit"], input[type="reset"], input[type="button"]{border:none; cursor:pointer; margin-right:5px;
font-size: 14px;
color: #ffffff;
padding: 5px 25px;
background: #7d8999;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{background:#f3004f;}

table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.dark-row {
	background: #f1c40f;
	color: black;
}
.light-row {
	background: #fffcd6;
	color: black;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
table thead {
    text-align: left;
    background: #333333;
    color: #888;
	}
.about_member{
	text-align: center;
}

th,td,.text_align{
	text-align: center;
}
.backto{
  color:#f0014f;
  float: left;
  margin-left: 5px;
  font-weight: bold;
}
.founder{
  font-size: 14px !important;
  font-style: italic;
  float: left;
  margin-left: 7%;
}
.error{
  color: #9b0808;
  font-weight: bold;
}
.developedby{
  color: #f99d2a;
}
.cookware{
  color: #f1c40f !important;
  font-weight: bold;
}
.company_name{
  color: #f99d2a;
  cursor: pointer;
}
.company_contactus{
  color: #f3004f;
}
.aligment_text{
  text-align: justify;
}
.message{
  display:block; overflow:hidden; padding:14px 0; background:#044d38; clear:both; color:#fff;}

}
.message ul{display:block; overflow:hidden; text-align:center;}
.message ul li{display:inline-block; font-size:16px; font-weight:700; text-transform:uppercase; padding:2px 3%; position:relative;}
.message ul li:before{content:'\f005'; display:block; position:absolute; left:-7px; top:2px; font-size:14px; font-family:'FontAwesome';}
.message ul li:first-child:before{display:none;}
