/* Fonts */
@import url(navigation.css);
@import url(../font-awesome.min.html);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Exo:400,500,700,800,900);

@font-face {
    font-family: 'renault_lifelight';
    src: url('../renaultlife-light-webfont.html');
    src: url('../renaultlife-light-webfontd41d.html#iefix') format('embedded-opentype'),
         url('../renaultlife-light-webfont-2.html') format('woff2'),
         url('../renaultlife-light-webfont-3.html') format('woff'),
         url('../renaultlife-light-webfont-4.html') format('truetype'),
         url('../renaultlife-light-webfont-5.html#renault_lifelight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'renault_lifebold';
    src: url('../renaultlife-bold-webfont.html');
    src: url('../renaultlife-bold-webfontd41d.html#iefix') format('embedded-opentype'),
         url('../renaultlife-bold-webfont-2.html') format('woff2'),
         url('../renaultlife-bold-webfont-3.html') format('woff'),
         url('../renaultlife-bold-webfont-4.html') format('truetype'),
         url('../renaultlife-bold-webfont-5.html#renault_lifebold') format('svg');
    font-weight: normal;
    font-style: normal;

}


html { margin: 0; padding: 0; height:100%;}
body{ 
background:#1e3470 url('../blue-dotted-bg.html') no-repeat fixed center top 30%; background-size:100%;
margin:0px auto;
padding:0px;
font-family: 'roboto', sans-serif;
font-size:15px;
color:#0c2752;
line-height:1.3;
height:100%; 
}

/*	--------------------------------------------------
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; }

*{
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
-ms-transition: .2s ease;
-o-transition: .2s ease;
transition: .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: .2s ease;
-moz-transition: .2s ease;
-ms-transition: .2s ease;
-o-transition: .2s ease;
transition: .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;
}
a:hover{text-decoration:none; color:#288ffc;
-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 25px; 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, ul.csr-listing{ display:block; margin-bottom:20px;}
ol li{ display:block; clear:both; font-size:15px; line-height:1.5; position:relative; padding-left:15px; margin-bottom:5px;}
ol li:before, ul.csr-listing li:before{ margin-right:6px; content: "\f105"; font-family: "FontAwesome"; color:#000; font-size:16px; line-height:24px; position:absolute; left:0; top:-2px;}

ol li, ul.csr-listing li{ display:block; font-size:15px; line-height:1.5; position:relative; padding-left:15px; margin-bottom:5px;}


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

.wrap{width:80%; margin:0 auto; position:relative; clear:both; max-width:100%;}

/* ----------------------- Headre Style ----------------------- */
.header-area{ display:block; width:100%; z-index:110;}
.header-area > div > a{float:left; position:relative; padding:5px 10px; cursor:pointer;}
.header-area > div > a .m-logo{ float:left; margin-right:5px; display:none;}
.header-area > div > a span{ float:left; color:#fff; padding:10px 0 0; line-height:1; font-size:20px; text-transform:uppercase; font-weight:600; display:none;}

.social-area{float:right; padding:12px 120px 12px 0; border-bottom:3px #fff solid; position:relative;}
.social-area > div{float:right; margin-bottom:20px;}
.social-area > div > *{float:left;}
.social-area > div a{color:#fff; border-right:1px rgba(255,255,255,0.3) solid; padding:4px 12px; font-size:13px; text-transform:uppercase;}
.social-area > div a i{margin-right:3px; color:#359cf1;}

/* reset webkit search input browser style */
.social-area form input {
	outline: none;
}
.social-area form input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
.social-area form input::-webkit-search-decoration,
.social-area form input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
.social-area form input[type=search] {
	background: #1e3470 url(../search-icon.html) no-repeat right 10px center; color:#fff;
	border: none;
	padding: 4px 14px;
	width: 35px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.social-area form input[type=search]:focus {
	width: 140px;
	background-color:rgba(0,0,0,0.2);
}

/* placeholder */
.social-area form input:-moz-placeholder {
	color: #fff;
}
.social-area form input::-webkit-input-placeholder {
	color: #fff;
}


.social-area ul{ display:block; clear:both; float:right; padding-bottom:4px;}
.social-area ul li{float:left; margin:0 3px; display:block;}
.social-area ul li > a{color:#fff; display:block; width:28px; height:28px; text-align:center; line-height:28px; border:2px #fff solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.social-area ul li:hover a{color:#34ccfc; border-color:#34ccfc;}
.social-area ul li:last-child a{width:auto; height:auto; background:#fff; line-height:1;}
.social-area ul li:last-child img{display:none;}

.goog-te-gadget-simple{padding:5px 0!important;}


.dun-icon{position:absolute; right:0; top:4px;}


.navigation-area{display:block; padding:0; position:relative; z-index:101; clear:both; border-top:1px #fff solid; border-bottom:1px #fff solid;}


.banner-area{position:relative; display:block;}
.banner-area img{float:left; width:100%;}

.txt-highlight-box{ display:none; position:absolute; right:0; bottom:0; z-index:100; color:#fff; font-size:20px; line-height:1.2;}
.txt-highlight-box li{ background:rgba(30,52,121,0.9); font-size:16px; line-height:1; padding:10px 20px 25px; float:left; margin:0 4px; font-weight:300;}
.txt-highlight-box li strong{ display:block; overflow:hidden; font-size:20px; text-transform:uppercase; font-weight:500; line-height:1.2;}



.index-mid-area{ padding:35px 0 0;}
.index-mid-area > div{display:block; margin-bottom:3%; clear:both; overflow:hidden; height:300px; min-height:320px;}
.index-mid-area > div > div{ width:22%; float:left; background:#fff; box-sizing:border-box; height:100%; min-height:100%; position:relative;}
.index-mid-area > div > div:first-child{width:48%;}
.index-mid-area > div > div:nth-child(2){margin:0 4%;}

.index-mid-area > div:last-child > div:first-child{float:right; background:none; border:1px rgba(255,255,255,0.2) solid;}
.index-mid-area > div:last-child > div:nth-child(2){margin:0;}
.index-mid-area > div:last-child > div:nth-child(3){margin:0 4%;}


.index-mid-area > div > div h1, .index-mid-area > div > div h2{color:#282d5c; font-weight:500; display:block; margin-bottom:15px; font-size:22px;}


.welcome-box{display:block; overflow:hidden;}
.welcome-box div{display:block; overflow:hidden; padding:25px;}
.welcome-box span{float:right; overflow:hidden; width:45%; position:relative;}
.welcome-box span img{float:right;}


.index-news-box{display:block; position:relative; margin:15px 25px; font-size:16px;}
.index-news-box ul{display:block; clear:both; margin-bottom:15px; overflow:hidden;}
.index-news-box ul li{ display:block; clear:both;}
.index-news-box ul li span{ display:block; margin-bottom:12px; color:#6d6d6d;}
.index-news-box ul li p{ line-height:1.4; color:#1e3470; margin-bottom:7px; display:block;}
.index-news-box ul li p em{font-weight:400; font-style:normal;}

.blinking{font-size:18px; text-transform:uppercase; color:#2198d0;}


.csr-area{text-align:center; font-size:18px; color:#1e3470;}
.csr-area ul{ display:block; overflow:hidden; padding:20px 25px; margin-bottom:10px; background:#3a508c url('../csr-bg.html') no-repeat; background-size:100%; color:#fff; font-size:22px; font-weight:300; text-align:left;}
.csr-area ul li{ position:relative; padding:15px 0; padding-left:65px; margin-bottom:10px;}
.csr-area ul li:before{content:'\f08a'; font-family:'FontAwesome'; line-height:50px; text-align:center; font-size:26px; color:#fadb48; display:block; width:50px; height:50px; border:2px #fff solid; position:absolute; left:0; top:3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.csr-area ul li:nth-child(2):before{content:'\f134';}
.csr-area ul li:nth-child(3):before{content:'\f06c';}
.csr-area strong{ font-weight:500; font-size:22px;}

.investor-area{padding:25px; display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#425894+0,2a407c+100 */
background: rgb(66,88,148)!important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(66,88,148,1) 0%, rgba(42,64,124,1) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(66,88,148,1) 0%,rgba(42,64,124,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(66,88,148,1) 0%,rgba(42,64,124,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#425894', endColorstr='#2a407c',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */
}
.investor-area h2{ color:#fff!important;}
.investor-area ul, .investor-area ul li{ display:block; overflow:hidden; clear:both; font-weight:300;}
.investor-area ul li a{ padding:6px; color:#fff; display:block; border-top:1px rgba(255,255,255,0.2) solid; position:relative;}
.investor-area ul li a:before{content:'\f054'; font-family:'FontAwesome'; position:absolute; right:5px;}
.investor-area ul li a:hover{background:rgba(0,0,0,0.2);}


.career-area{padding:25px; display:block; background:#fff url('../career-img.html') no-repeat right 15px bottom!important;}
.career-area p{display:block; margin-bottom:15px;}

.map-area{text-align:center; padding:20px;}
.map-area h2{display:block; text-align:left; color:#fff!important;}
.map-area a{position:absolute; top:20px; right:20px; display:block; color:#fff; border:2px #fff solid; padding:7px 15px; text-transform:uppercase;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.map-area img{max-width:100%;}


a.know-more{padding:8px 18px; color:#fff; background:#1e3470; text-transform:uppercase; position:absolute!important; left:25px!important; bottom:20px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
a:hover.know-more{background:#509dee;}



.new-horizons-area{display:block; overflow:hidden; background:#4d96e4 url('../team.html') no-repeat center bottom; background-blend-mode:soft-light; background-size:cover; padding:25px 25px 300px; text-align:center; color:#fff;}
.new-horizons-area h3{ display:block; font-size:25px; margin:10px 0 25px; font-weight:500;}
.new-horizons-area p{ font-size:16px; line-height:1.5; display:block; margin-bottom:25px;}
.new-horizons-area a{display:inline-table; color:#fff; border:2px #fff solid; padding:8px 20px; text-transform:uppercase;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.new-horizons-area a:hover{background:rgba(0,0,0,0.3);}



.footer{display:table; width:100%; background:#162c68; padding:25px; color:#fff; box-sizing:border-box; font-weight:300;}
.footer > div{display:table-cell; vertical-align:top;}
.footer > div:nth-child(2){ width:20%; vertical-align:top; text-align:center;}
.footer > div:nth-child(2) span{ display:block; margin-bottom:10px; font-size:18px;}

.footer > div:first-child ul{display:block; margin-bottom:20px;}
.footer > div:first-child ul li{display:inline; margin-right:25px;}
.footer > div:first-child ul:last-child li{margin-right:5px;}
.footer > div:first-child ul:last-child li a{border:2px #fff solid; width:45px; height:45px; line-height:45px; font-size:18px; text-align:center; display:inline-table;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}


.footer > div:last-child{text-align:right;}
.footer > div:last-child span{ font-size:22px; margin-right:25px;}
.footer > div:last-child ul{text-align:left; float:right; padding-top:5px; font-size:16px;}
.footer > div:last-child ul li{position:relative; padding-left:25px; margin-bottom:10px; display:block;}
.footer > div:last-child ul li i{position:absolute; left:0; top:1px;}
.footer a{color:#fff;}
.footer a:hover{color:#509dee;}


.copy-right{display:block; padding:15px; color:#fff; font-weight:300; font-size:14px; letter-spacing:1px; text-align:center;}
.copy-right a{color:#509dee;}




/* --- Inner Area Start --- */
.inner-link{display:table; width:100%; padding:35px 0; color:#fff;}
.inner-link > div{display:table-cell; vertical-align:middle; width:50%;}
.inner-link > div h2{text-transform:uppercase; font-size:28px; font-weight:500; line-height:1.5;}

.inner-link > div:first-child ul{display:block; clear:both;}
.inner-link > div:first-child ul li{ display:inline-table; font-weight:300;}
.inner-link > div:first-child ul li a{color:#fff;}
.inner-link > div:first-child ul li:after{content:'/'; display:block; float:right; padding-left:10px; margin-right:10px;}
.inner-link > div:first-child ul li:last-child:after{display:none;}

.inner-link > div:last-child ul{float:right; width:75%;}
.inner-link > div:last-child ul li{float:left; width:50%; margin:5px 0;}
.inner-link > div:last-child ul li a{padding:10px 15px; display:block; margin:0 5px; color:#fff; font-size:14px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31499a+0,246cb9+100 */
background: rgb(49,73,154); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(49,73,154,1) 0%, rgba(36,108,185,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(49,73,154,1) 0%,rgba(36,108,185,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(49,73,154,1) 0%,rgba(36,108,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31499a', endColorstr='#246cb9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.inner-link > div:last-child ul li a:hover{background:#256db9;}



.inner-head{display:block; overflow:hidden; color:#fff; padding:15px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31499a+0,246cb9+100 */
background: rgb(49,73,154); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(49,73,154,1) 0%, rgba(36,108,185,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(49,73,154,1) 0%,rgba(36,108,185,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(49,73,154,1) 0%,rgba(36,108,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31499a', endColorstr='#246cb9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.inner-head h1{font-weight:600; font-size:36px; float:left;}
.inner-head a{float:right; font-size:25px; color:#fff; cursor:pointer; margin:7px;}
.inner-head a:hover{color:#83beff;}


.content-area{display:block; overflow:hidden; clear:both; background:#fff; padding:30px 25px;}
.inner-img-right{float:right; margin-left:30px;}
.content-area p{display:block; line-height:1.5; text-align:justify; margin-bottom:20px;}
.content-area h3, .content-area > h2{display:block; overflow:hidden; margin-bottom:20px; font-weight:500; color:#162c68; text-transform:uppercase; font-size:20px;}
.content-area > h2{font-size:26px; font-weight:600;}

.fullsize-img{display:block; clear:both; margin-bottom:20px; overflow:hidden;}
.fullsize-img img{width:100%;}

.vision-mission-txt{display:block; overflow:hidden; color:#0c2752;}
.vision-mission-txt > li{display:block; overflow:hidden; clear:both;}
.vision-mission-txt > li h3{float:left; width:25%; text-align:right; margin-right:5%; font-weight:600; font-size:20px; color:#0c2752; text-transform:uppercase;}
.vision-mission-txt > li p, .vision-mission-txt > li div{display:block; line-height:1.7; text-align:justify; margin-bottom:40px; overflow:hidden;}
.vision-mission-txt > li:last-child p{margin-bottom:0;}

.core-values{float:left; width:100%; padding:50px; color:#fff; box-sizing:border-box; background:transparent url('../corevalue-bg.html') no-repeat 0 0; min-height:346px; margin-top:40px; clear:both;}
.core-values h3{font-size:30px; text-transform:uppercase; display:block; margin-bottom:20px;}


ul.milestones{display:none; overflow:hidden; position:relative;}
ul.milestones:before{content:''; background:#c5e2ff; width:1px; position:absolute; left:50%; top:0; bottom:0;}
ul.milestones li{width:50%; float:left; text-align:right; clear:both; box-sizing:border-box; padding:0 10px; margin-bottom:25px;}
ul.milestones li p{text-align:right; margin-bottom:0; line-height:1.4;}
ul.milestones li:nth-child(even){float:right; text-align:left;}
ul.milestones li:nth-child(even) p{text-align:left;}
ul.milestones li span{display:inline-table; padding:3px 15px; margin-bottom:10px; position:relative; right:-10px; font-weight:600;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddeeff+0,c5e2ff+100 */
background: rgb(221,238,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(221,238,255,1) 0%, rgba(197,226,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(221,238,255,1) 0%,rgba(197,226,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(221,238,255,1) 0%,rgba(197,226,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeeff', endColorstr='#c5e2ff',GradientType=1 ); /* IE6-9 */

}
ul.milestones li:nth-child(even) span{right:auto; left:-10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;

-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5e2ff+0,ddeeff+100 */
background: rgb(197,226,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(197,226,255,1) 0%, rgba(221,238,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(197,226,255,1) 0%,rgba(221,238,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(197,226,255,1) 0%,rgba(221,238,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e2ff', endColorstr='#ddeeff',GradientType=1 ); /* IE6-9 */

}


.milestone-img{display:block; clear:both;}
.milestone-img img{max-width:100%;}
.milestone-flsh{display:block; overflow:hidden; clear:both;}






.contact-area{display:table; width:100%; overflow:hidden;}
.contact-area > div{width:50%; display:table-cell; vertical-align:top;}
.contact-area ul{display:block; margin-bottom:35px;}
.contact-area ul li{display:block; margin-bottom:5px; line-height:1.7;}
.contact-area ul li i{width:30px; color:#246cb9;}

.contact-area form, .contact-area form label{display:block; clear:both;}
.contact-area form label{margin-bottom:12px;}
.contact-area form label input, .contact-area form label textarea, .contact-area form label select{width:100%; box-sizing:border-box; padding:7px 10px; border:1px #ddd solid; font-family:'Roboto'; font-size:14px;}
.contact-area form label input[type="file"]{background:#eee;}
.contact-area form label input[type="radio"]{width:auto; margin-right:2px;}
.contact-area form label input[type="radio"]:last-child{margin-left:15px;}

.contact-area form label textarea{height:100px;}

.contact-area form label input[type="submit"]{cursor:pointer; background:#246cb9; color:#fff; font-weight:700; text-transform:uppercase; border:none;}
.contact-area form label input[type="submit"]:hover{background:#32489b;}

.contact-area form label select{color:#888;}
.contact-area form label span{display:block; overflow:hidden; padding:5px 0 10px;}



.financial-results{display:block; overflow:hidden; clear:both;}
.financial-results > div{float:left; width:33.33%; padding:10px; box-sizing:border-box;}

.fullsize-row{width:100%!important;}

.financial-results h3{display:block; overflow:hidden; clear:both; margin-bottom:0; padding:15px; background:#5f5f5f; color:#fff;}
.financial-results ul, .annual-reprts ul{display:block; overflow:hidden; clear:both; border:1px #e4e4e4 solid;}
.financial-results ul li, .annual-reprts ul li{display:block; overflow:hidden; clear:both; border-bottom:1px #e4e4e4 solid;}
.financial-results ul li:last-child, .annual-reprts ul li:last-child{border-bottom:none;}
.financial-results ul li span{float:left; padding:22px 18px; background:#ececec; color:#256cba; font-size:18px; position:relative; margin-right:15px;}
.financial-results ul li span:after{content:'\f04b'; position:absolute; top:32%; right:-9px; font-family:'FontAwesome'; display:block; color:#ececec; font-size:13px;}
.financial-results ul li strong{display:block; padding:12px 0 3px;}
.financial-results ul li a{color:#656565;}
.financial-results ul li a strong{color:#363636;}
.financial-results ul li a:hover strong{color:#256cba;}
.financial-results ul li:hover span{background:#256cba; color:#fff;}
.financial-results ul li:hover span:after{color:#256cba;}


.annual-reprts ul li{padding:10px;}
.annual-reprts ul li:nth-child(even){background:#f4f4f4;}
.annual-reprts ul li span{float:right; border-left:1px #e4e4e4 solid; padding-left:10px;}
.annual-reprts ul li span a{font-size:14px;}
.annual-reprts ul li span i{ padding:0 5px;color:#fc3535; font-size:16px;}



.plant-locations{display:block; clear:both; overflow:hidden; margin:30px 0 0;}
.plant-locations h3{padding:10px; background:#e4e4e4; text-align:center; text-transform:uppercase;
color:#fff!important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3266+0,1c67b2+100 */
background: #0e3266; /* Old browsers */
background: -moz-linear-gradient(left,  #0e3266 0%, #1c67b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0e3266 0%,#1c67b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0e3266 0%,#1c67b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3266', endColorstr='#1c67b2',GradientType=1 ); /* IE6-9 */
}
.plant-locations ul{display:block; overflow:hidden;}
.plant-locations ul > li{width:50%; float:left; box-sizing:border-box; padding:25px; outline:1px #eee solid; outline-offset:-10px; min-height:240px;}
.plant-locations ul > li h4{color:#2568b5; display:block; margin-bottom:10px;}
.plant-locations ul > li ol, .plant-locations ul > li ol li{margin:0; padding:0;}
.plant-locations ul > li ol li:before{display:none;}
.plant-locations ul > li ol li{margin-bottom:10px;}
.plant-locations ul > li ol li i{margin-right:8px; color:#1e3470;}



.clients-list{display:table; width:100%; border-spacing:15px;}
.clients-list > div{display:table-cell; width:50%; vertical-align:top;}
.clients-list > div > fieldset{border:1px #eee solid; display:block; padding:15px 10px;}
.clients-list > div > fieldset legend{ text-transform:uppercase; font-size:175%; padding:0 15px; font-weight:600; color:#0c1f3f; text-align:center;}
.clients-list > div > fieldset legend span{font-weight:normal; font-size:15px; color:#1b4384;}
/*.clients-list > div > fieldset legend img{width:50%; margin-bottom:5px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}*/
.clients-list > div > fieldset p{text-align:center;}
.clients-list > div h4{display:block; font-size:18px; font-weight:500; margin-bottom:15px; color:#fff; overflow:hidden; padding:5px 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3266+0,1c67b2+100 */
background: #0e3266; /* Old browsers */
background: -moz-linear-gradient(left,  #0e3266 0%, #1c67b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0e3266 0%,#1c67b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0e3266 0%,#1c67b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3266', endColorstr='#1c67b2',GradientType=1 ); /* IE6-9 */
}
.clients-list > div h4 i{float:right;}
.clients-list > div ul{display:block; overflow:hidden; margin-bottom:30px;}
.clients-list > div ul li{float:left; width:23%; margin:1%; overflow:hidden;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.clients-list > div ul li img{width:100%; float:left;}
.clients-list > div ul:last-child{margin-bottom:0;}


.logo-boxes, .logo-boxes2{display:block; margin-bottom:20px; clear:both; overflow:hidden;}
.logo-boxes > div, .logo-boxes2 > div{float:left; width:50%; padding:0 10px 0 0; box-sizing:border-box;}
.logo-boxes > div:last-child, .logo-boxes2 > div:last-child{padding-right:0; padding-left:10px;}
.logo-boxes > div ul li{width:48%;}

.logo-boxes2 > div{width:33.33%;}
.logo-boxes2 > div ul li{width:75%;}



.leadership > div{display:block; width:100%; margin-bottom:25px;}
.leadership > div > fieldset{padding:15px 20px;}
.leadership > div > fieldset p, .leadership > div > fieldset legend{text-align:left;}

.leadership > div > fieldset p{text-align:justify;}

.leadership-txt{display:block; overflow:hidden;}


.left-contentarea{display:block; overflow:hidden;}



.login-form{display:table; width:100%;}
.login-form > div{display:table-cell; width:50%; box-sizing:border-box; vertical-align:top;}
.login-form > div > img{ max-width:100%;}
.login-form > div:last-child{border-left:1px #ddd solid; padding-left:45px;}
.login-form > div form, .login-form > div form label{display:block; margin-bottom:10px; clear:both;}
.login-form > div form input{display:block; width:80%; padding:10px; box-sizing:border-box; border:1px #ddd solid;}
.login-form > div form select{display:inline-block; padding:7px 10px; box-sizing:border-box; border:1px #ddd solid;}

.login-form > div h2{display:block; margin-bottom:20px;}
.login-form > div h3{display:block; margin:10px 0;}

.login-form > div form input[type="submit"]{cursor:pointer; background:#2469b7; color:#fff; border:none; font-weight:600; text-transform:uppercase;}
.login-form > div form input[type="submit"]:hover{background:#1e3470;}
.login-form > div a{color:#2469b7;}



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





.gallery-img-area{display:block; overflow:hidden;}
.gallery-img-area li{float:left; width:32.33%; position:relative; overflow:hidden; background:#fff; margin:0.5%;}
.gallery-img-area li img{width:100%; overflow:hidden; float:left; opacity:1;
-webkit-transition: 1s; /* Safari */
transition: 1s;
}

.gallery li{height:250px;}
.gallery li img{min-height:250px;}

.gallery-img-area li:hover img{opacity:0.2;}
.gallery-img-area li span, .gallery-img-area li p{position:absolute; opacity:1; bottom:25px; margin:0; width:100%; padding:5px 0; text-align:center; color:#fff; box-sizing:border-box; display:block;
text-transform:uppercase; font-size:18px; font-weight:700; transition: 0.5s; text-shadow: 2px 2px 2px #000;}

.gallery-img-area li strong{position:absolute; opacity:0; width:100px; bottom:0; text-align:center; z-index:100; text-transform:uppercase; font-weight:700;
background:#c4161c; color:#fff; font-size:13px; padding:5px 0; left:50%; margin-left:-50px; transition: 1s;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.gallery-img-area li:hover span, .gallery-img-area li:hover p{opacity:0; bottom:100px;}
.gallery-img-area li:hover strong{opacity:1; bottom:30px;}
.gallery-img-area li strong:hover{background:#940f14;}


.events-box{display:block; overflow:hidden; clear:both; padding:10px 0;}
.events-box li{display:block; overflow:hidden; position:relative; clear:both; margin:10px 10px 40px; padding:20px; border-top:1px #ffa646 solid;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.events-box li img{float:left; border:1px #eee solid; margin-right:35px; width:25%;}
.events-box li > div{display:block; overflow:hidden;}
.events-box li > div h2{margin-bottom:20px; color:#344283;}
.events-box li > div a{position:relative; padding-left:22px; color:#000; font-size:13px; text-transform:uppercase; font-weight:700;}
.events-box li > div a:before{position:absolute; display:block; content:'\f030'; font-family:'FontAwesome'; color:#ec121c; left:0; top:-1px; font-weight:normal;}
.events-box li > div a:hover{color:#ec121c; text-decoration:none;}


.press-release{display:block; overflow:hidden; clear:both; padding:10px 0;}
.press-release > li{position:relative; margin:10px 1%; padding:20px; border-top:1px #ffa646 solid; float:left; width:48%; box-sizing:border-box;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.press-release > li img{float:left; border:1px #eee solid; margin-right:20px; width:25%;}
.press-release > li > div{display:block; overflow:hidden;}
.press-release > li > div p{margin-bottom:10px; color:#344283; text-align:left;}
.press-release > li ol{margin-bottom:0;}
.press-release > li ol li{font-size:14px;}
.press-release > li span{clear:both; display:block; overflow:hidden; margin-bottom:15px;}
.press-release > li > div a{clear:both; overflow:hidden; float:left; display:block; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:1px;}
.press-release > li > div a i, .press-release > li > div a:hover{color:#FF0000;}




.aln-cntr{display:block; text-align:center; margin-bottom:20px;}
.aln-cntr > img{max-width:100%;}
.ebrochure{display:block; clear:both; padding:5px 0;}

.csr-boxes{display:block; overflow:hidden; clear:both;}
.csr-boxes > div{display:block; padding:15px; border:1px #eee solid; border-top:3px #1e4a91 solid; margin-bottom:35px;}
.csr-boxes > div h2{display:block; margin-bottom:20px;}
.csr-boxes > div > img{float:left; max-width:100%; margin:0 20px 20px 0;}
.csr-boxes > div h4{margin-bottom:15px; font-size:16px;}


.key-facts-img{float:right!important; padding-left:40px; padding-top:10px;}


.products-style{display:block; overflow:hidden; clear:both; margin-bottom:15px;}
.products-style li{width:24%; margin:0 0.5% 1%; box-sizing:border-box; float:left; border:1px #d4d3d4 solid; position:relative; overflow:hidden; background:transparent url('../product-bg.html') no-repeat center center; background-size:100% 100%;}
.products-style li img{width:100%; float:left;}

.products-style li span, .products-style li p{position:absolute; opacity:1; bottom:25px; margin:0; width:100%; padding:5px 0; text-align:center; color:#fff; box-sizing:border-box; display:block;
text-transform:uppercase; font-size:18px; font-weight:700; transition: 0.5s; text-shadow: 2px 2px 2px #000;}

.products-style li strong{position:absolute; opacity:0; bottom:0px; top:100%; text-align:center; z-index:100; text-transform:uppercase; font-weight:700;
background:#1e3470; color:#fff; font-size:13px; padding:5px 0; left:0; right:0; transition: 0.5s;}
.products-style li:hover span, .products-style li:hover p{opacity:0; bottom:100px;}
.products-style li:hover strong{opacity:1; bottom:0px; top:85%;}
.products-style li strong:hover{background:#2f9dd1;}



.applications{display:block; overflow:hidden; clear:both;}
.applications li{width:25%; padding:10px 5px; text-align:center; float:left; box-sizing:border-box;}
.applications li a{display:inline-block; overflow:hidden; height:200px; width:200px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.applications li img{width:100%;}
.applications li a:hover img{opacity:0.5;}
.applications li p{text-align:center; padding:10px 0 0;}


.facilities-box-area{display:table; width:100%; margin-bottom:25px;}
.facilities-box-area > div{display:table-cell; vertical-align:top; box-sizing:border-box; padding:25px; border:1px #eee solid; width:100%;}
.facilities-box-area > div:last-child{background:#eee;}
.facilities-box-area h3{color:#1a3874;}
.facilities-box-area h2{margin-bottom:15px;}
.facilities-box-area > div h4{margin-bottom:10px; font-size:18px;}

.facilities-box-area ol:last-child{margin-bottom:0;}

.full-size-img{display:block; clear:both;}
.full-size-img img{width:100%;}

.machines > div{width:auto; background:#eee;}
.machines > div:nth-child(2){width:100%; background:#fff;}


.quality{display:block; overflow:hidden; margin-bottom:30px;}
.quality li{width:48%; margin:10px 1%; box-sizing:border-box; float:left; border:1px #ddd solid; padding:15px 15px; border-top:1px #009ee3 solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.quality li i{color:#009ee3; margin-right:3px;}



.press-forgings{display:block; overflow:hidden; clear:both;}
.press-forgings > div{box-sizing:border-box; padding:25px; border:1px #eee solid; display:block; overflow:hidden; background:#eee;}
.press-forgings > div:nth-child(2){background:#fff;}
.press-forgings > div img{width:31.33%; margin:0 1%; float:left;}

.middle{text-align:left; padding:8px 10px; font-size:22px; margin-bottom:20px!important; color:#fff!important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3266+0,1c67b2+100 */
background: #0e3266; /* Old browsers */
background: -moz-linear-gradient(left,  #0e3266 0%, #1c67b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0e3266 0%,#1c67b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0e3266 0%,#1c67b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3266', endColorstr='#1c67b2',GradientType=1 ); /* IE6-9 */
}

.heat-process-flow{display:table; overflow:hidden; width:100%; clear:both; margin-bottom:25px; border-spacing:15px;}
.heat-process-flow div{display:table-cell; text-align:center;}
.heat-process-flow div img{max-width:100%;}


.news-letter-box{display:block; overflow:hidden; clear:both;}
.news-letter-box li{width:23%; float:left; margin:1% 1% 25px; padding:10px; box-sizing:border-box;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.news-letter-box li img{float:left; width:100%; margin-bottom:1px;}
.news-letter-box li span{display:block; overflow:hidden; padding:10px; text-align:center; background:#1e2957; color:#fff; font-size:16px;}


.tble-styl{display:block; overflow:hidden;}
.tble-styl > div{display:table; width:100%; border:1px #ddd solid; margin-bottom:15px; box-sizing:border-box;}
.tble-styl > div > div{display:table-row; width:100%;}
.tble-styl > div > div > div{display:table-cell; padding:10px 15px; border-bottom:1px #ddd solid}
.tble-styl > div > div:first-child{font-weight:600; color:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3266+0,1c67b2+100 */
background: #0e3266; /* Old browsers */
background: -moz-linear-gradient(left,  #0e3266 0%, #1c67b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0e3266 0%,#1c67b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0e3266 0%,#1c67b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3266', endColorstr='#1c67b2',GradientType=1 ); /* IE6-9 */

}



.global-map{display:block; overflow:hidden; clear:both;}
.global-map li{float:left; margin:0 10px 0 0;}
.global-map li button{display:block; overflow:hidden; padding:10px 15px; color:#fff; text-transform:uppercase; font-weight:600; border:none; cursor:pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3266+0,1c67b2+100 */
background: #0e3266; /* Old browsers */
background: -moz-linear-gradient(left,  #0e3266 0%, #1c67b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0e3266 0%,#1c67b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0e3266 0%,#1c67b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3266', endColorstr='#1c67b2',GradientType=1 ); /* IE6-9 */
}
.global-map li i{margin-right:5px;}
.global-map li button:hover{background:#0e3266;}



.csr-thumb-box{display:block; overflow:hidden;}
.csr-thumb-box li{width:33.33%; box-sizing:border-box; overflow:hidden; float:left; padding:7px; text-align:center;}
.csr-thumb-box li > a{display:block; overflow:hidden; background:#000; position:relative;}
.csr-thumb-box li > a img{max-width:100%; float:left; transition: 0.5s; opacity:1;}
.csr-thumb-box li:hover > a img{opacity:0.5;}
.csr-thumb-box li > a:after{position:absolute; left:50%; top:10%; transform: translate(-50%, -50%); opacity:0; transition: 0.5s; content:'+'; z-index:100; display:block; width:50px; height:50px; background:rgba(0,0,0,0.7); color:#fff; font-size:40px; font-weight:300; line-height:50px; text-align:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.csr-thumb-box li > a:hover:after{top:50%; opacity:1;}

.csr-thumb-box li div{display:block; overflow:hidden; clear:both; padding:15px 10px 25px; background:#eee;}
.csr-thumb-box li:hover div{background:#1e3470; color:#fff;}
.csr-thumb-box li h2{font-size:17px; display:block; margin-bottom:5px;}
.csr-thumb-box li p{text-align:center; margin-bottom:15px;}
.csr-thumb-box li div a{display:inline-block; border-bottom:2px #1e3470 solid; text-transform:uppercase; font-size:13px; font-weight:900; color:#1e3470; letter-spacing:1px;}
.csr-thumb-box li:hover div a{color:#fff; border-bottom-color:#fff;}


.csr-img-listing{display:block; overflow:hidden; clear:both; margin-bottom:25px;}
.csr-img-listing li{width:50%; padding:10px; box-sizing:border-box; float:left; overflow:hidden;}
.csr-img-listing li img{width:100%; float:left;}
.csr-img-listing li span{display:block; clear:both; padding:10px; color:#fff; font-weight:600; font-size:17px; background:#3b70c0; text-align:center;}

.three-box li{width:33.33%;}


.board-of-directors{display:block; overflow:hidden; margin-bottom:35px;}
.board-of-directors li{width:32.33%; margin:0.5%; float:left; box-sizing:border-box; padding:10px; border:1px solid #cfdfeb;}
.board-of-directors li i{color:#289cf6; margin-right:5px; background:#f0f7fc; padding:10px;}

.committees{display:block; overflow:hidden; clear:both;}
.committees > li{float:left; width:50%; box-sizing:border-box; padding-right:15px; margin-bottom:10px;}
.committees > li:nth-child(even){padding-right:0; padding-left:15px;}
.committees > li h3{font-size:18px; margin-bottom:10px; text-transform:none;}






.accolades-img{display:block; clear:both; overflow:hidden; margin:25px 0 40px;}
.accolades-img li{width:48%; margin:1%; float:left; border:1px #ddd solid; padding:10px; box-sizing:border-box;}
.accolades-img li img{width:100%; float:left;}
.accolades-img li span{display:block; overflow:hidden; background:#1e3470; padding:15px; color:#fff; text-align:center;}


.receiving-awards{display:table; width:100%; margin-bottom:35px; border-spacing:15px 0;}
.receiving-awards li{display:table-cell; width:33.33%; text-align:center; border:1px #ddd solid; padding:25px; box-sizineg:border-box;}
.receiving-awards li span{display:block; clear:both; overflow:hidden; padding:15px; line-height:1.5;}
.receiving-awards li img{max-width:100%;}

.receiving-awards1{display:table; width:100%; margin-bottom:35px; border-spacing:15px 0;}
.receiving-awards1 li{display:table-cell; width:25%; text-align:center; border:1px #ddd solid; padding:10px; box-sizineg:border-box;}
.receiving-awards1 li span{display:block; clear:both; overflow:hidden; padding:15px; line-height:1.5;}
.receiving-awards1 li img{max-width:100%;}


.btn-style{display:block; margin:0; padding:0; list-style-type:none; float:left; clear:both;}
.btn-style li{display:inline-block; margin-right:8px;}
.btn-style li a{border:2px #1e3470 solid; text-transform:uppercase; font-size:13px; font-weight:900; color:#1e3470; letter-spacing:1px; display:block; overflow:hidden; padding:10px 20px; cursor:pointer;}


.popup-area{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.7);z-index:9999;height:100vh}
.popup-area>div{padding:10px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;width:893px; max-width:75%; border:5px solid #fff}
.popup-area>div img{max-width:100%;float:left; width:100%;}
.popup-area>div>a.closebtnh{color:#000;position:absolute;right:-15px;top:-15px;cursor:pointer;background:#fff;height:30px; width:30px; text-align:center;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.4);box-shadow:0 0 3px 0 rgba(0,0,0,.4)}
.popup-area>div>a.closebtnh i{line-height:30px}

.audio-area{ display:block;}
.audio-area div{ width:48%; float:left; border:1px solid #ebebeb; padding:20px; box-sizing:border-box; margin:0px 1% 2%;}
.audio-area div figure {
    margin: 0;
}
.audio-area div figure figcaption { display:block; margin-bottom:10px;}

ul.regulations-link{ display:block; text-align:center;}
ul.regulations-link li{ display:inline-block; margin:1%;position: relative; float:left; width:23%; background:#e4e4e4; font-weight:500; }
ul.regulations-link li a{ display:block;  padding: 50px 12px; min-height: 40px; color:#1e3470;}
ul.regulations-link li:nth-child(even){ background:#1e3470;}
ul.regulations-link li:nth-child(even) a{ color:#fff;}

ul.regulations-link1{ display:block; text-align:center;}
ul.regulations-link1 li{ display:inline-table; margin:1%;position: relative; width:23%; background:#e4e4e4; font-weight:500; }
ul.regulations-link1 li a{ display:block;  padding: 50px 12px; min-height: 40px; color:#1e3470;}
ul.regulations-link1 li:nth-child(even){ background:#1e3470;}
ul.regulations-link1 li:nth-child(even) a{ color:#fff;}


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

@media (max-width: 1300px){
.wrap{width:98%;}
ul.regulations-link li{ width:31%;}
}

@media (max-width: 1080px){
.welcome-box div{ padding: 14px 25px;}
.index-mid-area > div > div h1{ font-size:18px; margin-bottom:6px;}
.contact-area > div img{ width:90%;}
}



@media (max-width: 1030px){
.welcome-box span{width:40%;}
.welcome-box > div, .csr-area ul{padding:15px;}
.index-news-box{margin:15px;}
a.know-more{left:15px; bottom:15px;}
.inner-link > div:first-child{width:30%;}
.inner-link > div:last-child ul{width:100%;}

.vision-mission-txt li h3{float:none; width:auto; text-align:left; display:block; overflow:hidden; clear:both; margin-bottom:15px;}
.vision-mission-txt li p{line-height:1.3;}


.contact-area form label input, .contact-area form label textarea{width:100%;}

.clients-list > div ul li{width:30.33%; margin:1.5%;}

.logo-boxes > div ul li{width:48%;}
.logo-boxes2 > div ul li{width:75%;}


.login-form > div form input{width:90%;}


.milestone-img{display:block;}
.milestone-flsh{display:none;}


}


@media (max-width: 810px){

.index-mid-area > div{height:auto;}
.index-mid-area > div > div{ width:48%; min-height:320px;}
.index-mid-area > div > div:first-child{width:100%; margin-bottom:15px; display:block; clear:both;}
.index-mid-area > div > div:nth-child(2){margin:0 4% 0 0;}

.index-mid-area > div:last-child > div:first-child{float:left;}
.index-mid-area > div:last-child > div:nth-child(2){margin:0 4% 0 0;}
.index-mid-area > div:last-child > div:nth-child(3){margin:0;}

.footer > div{display:block; width:100%; text-align:center;}
.footer > div:last-child{display:none;}


.core-values{padding:20px; min-height:100px;}

.vision-img{display:block; overflow:hidden; float:none; margin:0 0 25px;}
.vision-mission-txt{clear:both;}

.financial-results > div{width:50%;}

.plant-locations ul > li{width:100%; min-height:100px;}

.clients-list{border-spacing:0;}
.clients-list > div{display:block; width:100%; clear:both; margin-bottom:35px;}
.clients-list > div ul li{width:23%; margin:1%;}

.logo-boxes > div ul li{width:48%;}
.logo-boxes2 > div ul li{width:75%;}

.certifications li{width:30.33%;}


.products-style li{width:49%;}

.applications li{width:33.33%;}

.heat-treatment > div{display:block; clear:both; overflow:hidden;}
.heat-treatment > div img{width:100%;}


.news-letter-box li{width:31.33%;}


.header-area embed{display:none;}
.header-area > div > a .m-logo, .header-area > div > a span{display:block;}
.header-area > div > a{padding:5px;}
.header-area > div > a .f-logo{ display:none;}

.tble-styl{clear:both;}


.csr-thumb-box li, .three-box li{width:50%;}

.board-of-directors li{width:49%;}
.committees > li{ width:100%; padding:0!Important;}

.footer > div:nth-child(2){ width:100%;}

.contact-area > div{ display:block; width:100%; margin-bottom:25px;}
.contact-area > div img{ width:auto;}

ul.regulations-link li{ width:48%;}

ul.regulations-link1 li{ width:50%; min-height:auto!important;}

}


@media (max-width: 700px){
.inner-img-right{float:left; margin-left:0; margin-bottom:20px;}
.content-area p, .contact-area, .leadership-txt{clear:both;}
.inner-link > div{display:block; clear:both; width:auto;}
.inner-link > div:first-child{width:auto; padding-bottom:20px;}


.financial-results > div{width:100%; margin:0 0 15px;}


.certifications li{width:48%;}

.gallery-img-area li{width:48%; margin:1%;}


.events-box li{text-align:center;}
.events-box li > div{width:100%; position:static; background:#eee; clear:both; box-sizing:border-box; padding:20px; text-align:left;}
.events-box li img{float:none;width:100%;}

.aln-cntr img{width:100%;}


.press-release li{width:98%;}

.applications li{width:50%;}

.logo-boxes > div, .logo-boxes2 > div{width:100%; clear:both; display:block; margin-bottom:15px; padding:0!important;}
.logo-boxes > div ul li, .logo-boxes2 > div ul li{width:33.33%;}

.facilities-box-area > div{display:block; clear:both; overflow:hidden;}
.facilities-box-area > div > img{width:32%; margin-right:1.33%; float:left;}

.milestone-img{display:none;}
ul.milestones{display:block;}

.heat-process-flow div{display:block; clear:both; margin-bottom:10px;}

.csr-img-listing li, .three-box li{width:50%;}

.left-contentarea, .key-facts-img{display:none;}

.receiving-awards{border-spacing:0;}
.receiving-awards li{width:90%; display:block; margin-bottom:15px; text-align:center;}



.social-area{clear:both; display:block; overflow:hidden; float:none; border-top:1px rgba(255,255,255,0.3) solid; padding:0; height:108px;}
.social-area > div{ float:none; display:inline-block; padding:10px 0; margin-bottom:0;}

.social-area ul{clear:both; float:none; display:block; overflow:hidden; text-align:left; padding:0 0 10px;}
.social-area ul li{display:none;}
.social-area ul li:last-child{display:block; float:none; width:100%;}
.contact-area > div img{ width:100%;}

ul.regulations-link1 li{ width:100%; min-height:auto;}


}


@media (max-width: 500px){



/*.social-area{text-align:center; float:none; display:block; clear:both; overflow:hidden; padding:15px 0;}
.social-area ul{display:block; overflow:hidden;}
.social-area ul li{float:none; display:inline-table;}*/

.annual-reprts ul li span{float:none; border-left:0; padding:5px 0; display:block; clear:both; margin-top:5px;}

.login-form > div{display:block; clear:both; width:100%;}
.login-form > div:last-child{border-top:1px #ddd solid; padding-top:20px; padding-left:0; border-left:none;}
.login-form > div form input{width:100%;}

.certifications li{width:98%;}
.certifications li a{height:auto;}

.press-release li img{width:100%; margin:0 0 15px;}
.press-release li div{clear:both;}

.press-forgings > div{padding:10px;}
.press-forgings > div img{width:100%; margin:1% 0;}

.inner-link > div:last-child{display:none;}


.news-letter-box li{width:48%;}

.tble-styl{overflow-x:auto;}

.csr-thumb-box li{width:100%;}


.csr-img-listing li{width:100%;}

.board-of-directors li{width:100%; margin:1% 0;}

.accolades-img li{width:98%; margin:10px 1%;}

ul.regulations-link li{ width:100%; min-height:auto;}

ul.regulations-link1 li{ width:100%; min-height:auto;}

}



@media (max-width: 380px){

.welcome-box span{width:100%; display:none;}
.welcome-box span img{width:100%;}

.index-mid-area > div > div{ width:100%; margin-bottom:20px!important; clear:both; min-height:0;}
.index-mid-area > div > div:nth-child(2){margin:auto;}
.index-mid-area > div:last-child > div:nth-child(2){margin:auto;}

a.know-more{position:static; left:auto; bottom:auto; margin:15px; float:left;}


.inner-link > div:last-child ul li{width:100%; margin:0 0 10px;}
.inner-img-right img{width:100%;}

.clients-list > div ul li{width:46%; margin:2%;}

.gallery-img-area li{width:98%;}


.products-style li{width:99%;}

.applications li{width:100%;}

.facilities-box-area > div > img{width:100%; margin:0 0 5px;}


}




/*-------------------- TABLE ----------------*/
table{margin:10px 0 0 0; border-collapse:collapse; padding-bottom:3px; margin-bottom:25px; width:100%;}

th {
color:#9f8337; 
text-transform:uppercase;
vertical-align: middle;
white-space: normal;
border:1pt #0e3266 solid;
padding:6px;
text-align:left;
font-weight:600;
color:#fff!important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3266+0,1c67b2+100 */
background: #0e3266; /* Old browsers */
background: -moz-linear-gradient(left,  #0e3266 0%, #1c67b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0e3266 0%,#1c67b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0e3266 0%,#1c67b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3266', endColorstr='#1c67b2',GradientType=1 ); /* IE6-9 */
}
td {
font-style: normal;
text-decoration: none;
vertical-align: top;
white-space: normal;
padding:7px 8px;
border:1px solid windowtext;
border-color:#0e3266;
}



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