@charset "utf-8";
/* CSS Document */
*, *:before, *:after {margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;}


html { position: relative; min-height: 100%; font-family:Roboto;}
body {font-family: 'Lato', sans-serif; font-size:14px; color:#4c4c4c;}

img {max-width:100%;}
.img-responsive{ margin-left:auto; margin-right:auto;}
ul, ul li{ list-style:none;}

ul{ margin-left:40px; margin-bottom:20px;}
ul li{ background-image:url(../images/list_icon.jpg); background-repeat:no-repeat; background-position:0 16px; padding:8px 0 8px 30px; margin-left:0px; font-size:15px; font-weight:400;}
/**=============FOOTER FIXED=====================**/
html,body {margin:0;padding:0;	height:100%;}
#wrapper {min-height:100%;position:relative; overflow:hidden;}
#content {padding-bottom:55px;   /* Height of the footer element */}


#back-top, #back-bottom { position:fixed; z-index:999;  right:15px; float:right; margin-bottom:0; bottom:55px}

#back-top a, #back-bottom a { width:40px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover, #back-bottom a:hover { color: #ff9a22;}
#back-top span{width:35px; height:35px; display: block; margin-bottom:7px; background:#b4000e url(images/back_top_arrow.png) no-repeat center center; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;  -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }

#back-bottom span{width:35px; height:35px; display: block; margin-bottom:7px; background:#b4000e url(images/back_bottom_arrow.png) no-repeat center center; -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;  -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span /*, #back-bottom a:hover span*/{ background-color:#000; }
#back-bottom a{ cursor:default;}

/**COMMON**/
a{ cursor:pointer; color:#d0202e;}
a:hover, a:focus, a:active {text-decoration:none; color:#000;}
input:focus, a:focus {outline:none !important; text-decoration:none;}
p {font-size:15px; line-height:24px; margin-bottom:20px; font-weight:400;}
h1  { margin:0 0 20px 0 !important; padding:0; font-size:40px; line-height:56px; font-weight:300;}
h2  { margin:0 0 20px 0; padding:0; font-size:30px; line-height:29px; font-weight:400;}
h3  { margin:0 0 15px 0; padding:0; font-size:22px; line-height:25px;  font-weight:400;}
h4  { margin:0 0 10px 0; padding:0; font-size:19px; line-height:25px; font-weight:300; text-align:left;}
h5  { margin:0 0 20px 0; padding:0; font-size:18px; line-height:22px; }
h6  { margin:0 0 10px 0; padding:0; font-size:15px; line-height:20px; font-weight:normal;}

.page_rhs h3 {color:#d0202e !important; margin:35px 0 15px 0;}

.container {clear:both;}
.borderRadius_3 {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; -ms-border-radius:15px;}
.borderRadius_15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px; -ms-border-radius:15px;}
.borderRadius_20 {border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px; -ms-border-radius:20px;}
.borderRadius_50 {border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px; -ms-border-radius:50px;}
.transition_all_4s {transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;}
.transition_all_3s {transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.transition_all_01s {transition: all 0.1s ease; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease;}
.transition_all_1s {transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;}

.text_left {text-align:left;}
.text_right {text-align:right;}
.text_center {text-align:center;}

.float-lt{ float:left;}
.float-rt{ float:right;}

.clearfix {clear:both;}

.font_bold{ font-weight:900;}
.font_light{ font-weight:300;}
.font_regular{ font-weight:400;}

.right_img {float:right; margin-left:20px; margin-bottom:15px; max-width:100%;}
.left_img  {float:left; margin-right:20px; margin-bottom:15px; max-width:100%;}


.readmore{ color:#FFF; font-size:14px; font-weight:400;padding:0px; position:relative; z-index:1; display:inline-block;line-height:12px; cursor:pointer;}
.readmore_center{ display:block; margin:0 auto;}
.readmore:hover, .readmore:focus, .readmore:active {text-decoration:none; color:#fff;}

.readmore .readmore_icon, .readmore .readmore_txt, .readmore .readmore_icon2{transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.4s ease;}
.readmore .readmore_icon{width:40px; height:40px; font-size:20px; line-height:38px; font-weight:300;text-align:center; vertical-align:top; position:absolute; left:0;}
.readmore .readmore_txt{ padding:13px 25px 15px 55px; display:inline-block;}


.readmore:hover .readmore_txt{ padding:13px 55px 15px 25px;}
.readmore:hover .readmore_icon{left:100%; margin-left:-40px;}


.readmore .readmore_icon, .readmore:hover .readmore_icon,
.readmore .readmore_txt , .readmore:hover .readmore_txt{transition:all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s;}
 
 
.readmore-sm .readmore_txt{ color:#474747; padding:9px 15px 11px 40px; line-height:13px;}
.readmore-sm .readmore_icon{ height:32px; width:32px; line-height:28px; font-size:15px;}


.readmore-sm:hover .readmore_txt{padding:9px 40px 11px 15px; color:#474747;}
.readmore-sm:hover  .readmore_icon{ left:1005; margin-left:-32px;}
 
 
.btn0{width:105px;}
.btn01{width:120px;}
.btn1{width:150px;}
.btn2{width:225px;}
.btn3{width:280px;}
.btn4{width:300px; max-width:100%;}
 

.btn{padding:10px; color:#fff; font-size:17px; line-height:15px; text-align:center;}
.btn:hover, .btn:focus, .btn:active{ color:#efefef;}

.red_bg{ background:#d0202e;}
.blue_bg{ background:#5a91ca;}

.btn-red{ background-color:#d0202e;}
.btn-red-icon{ background-color:#b4000e;}

.btn-blue{ background-color:#7aa9da;}
.btn-blue-icon{ background-color:#5a91ca;}

.btn-gray{background-color:#e5e5e5;}
.btn-gray-icon{ background-color:#a6a6a6;}

.btn-green{background-color:#5c9d07;}
.btn-green-icon{ background-color:#497a0a;}

.btn-green-drak{background-color:#199daa;}
.btn-green-drak-icon{ background-color:#09656e;}

.readmore:hover.btn-gray, .readmore.btn-gray.active{ background-color:#a6a6a6; color:#fff;}
.readmore:hover .btn-gray-icon, .readmore.btn-gray.active  .btn-gray-icon{ background-color:#333;}
.readmore.btn-gray.active .readmore_icon { left: 100%; margin-left: -40px;}
.readmore.btn-gray.active .readmore_txt{ padding:13px 55px 15px 25px; color:#fff;}

.red-txt{ color:#d0202e;}
.white-txt{ color:#fff;}
.gray-txt{ color:#474747;}
.readmore:hover .readmore_txt.gray-txt{ color:#fff;}

/*====UNDERLINE=====*/
.link {position: relative; text-decoration: none;}
.link:hover { color:#d0202e;}
.link::before {background-color: #d0202e; bottom:-2px; content: ""; height:2px; left: 0; position: absolute; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; visibility: hidden;width: 100%;}
.link:hover::before { transform: scaleX(1); visibility: visible;}


/**=======FOOTER START=======**/
#footer {width:100%;height:55px;position:absolute;bottom:0;left:0; background:#212121; padding:15px 25px; color:#848484; font-size:14px;}
#footer a{ color:#fff;}
#footer a:hover, #footer a:active, #footer a:focus{ color:#d0202e; }
#footer a, #footer a:hover, #footer a:active, #footer a:focus{transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
#footer span{ text-transform:uppercase;}
.social-icon{ background-image:url(../images/socialicon_sprite.png); background-position:0 0; background-repeat:no-repeat; height:29px; width:29px; display:inline-block; margin:0 4px; vertical-align:middle;}
.social-icon.tw-icon{background-position:0 0;}
.social-icon.fb-icon{background-position:-36px 0;}
.social-icon.ln-icon{background-position:-71px 0;}

.social-icon.tw-icon:hover{background-position:0 100%;}
.social-icon.fb-icon:hover{background-position:-36px 100%;}
.social-icon.ln-icon:hover{background-position:-71px 100%;}
/**=======FOOTER END=======**/


/**======INNER PAGE======**/
.grid_space60{ margin-bottom:60px;}
.grid_space40{ margin-bottom:40px;}

.inner_banner_overlay{height:360px; overflow:hidden; position:relative;}
.inner_banner{background-repeat:no-repeat; background-position:50% 0; background-attachment:fixed; height:100%; margin: 0 auto; width: 100%; padding: 100px 0; overflow:hidden;}
.inner_banner:before {position:absolute; transition: all 0.5s; -webkit-transition: all 0.5s; opacity:1; content:'\A'; width:100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.22) url(../images/banner_bt_bg.png) repeat-x center bottom;}

.page_title{ text-align:center; font-size:30px; color:#474747; font-weight:300; line-height:42px; padding:0 35px;}
.page_title span{ font-weight:400;}


/**====Breadcrumb====**/
.breadcrumb{ position:relative; text-align:center; margin:25px 0; display:inline-block;}
.breadcrumb > li > a{ color:#474747;}


/**====INFOGRAPHIC====**/
.infographic_outer{ width:100%; display:inline-block; position:relative; margin-bottom:60px;}
.infographic_item{ display:inline-block; position:relative;}
.infographic_about .info1{width:30%;left:0; top:0;}
.infographic_about .info2{ width:46%; top:50px; left:-48px;}
.infographic_about .info3{width:30%; right:0; top:0; position:absolute;}

/**=======HOME PAGE========**/
.product_search{ background:url(../images/product_home_bg.jpg) no-repeat; position:relative; padding:25px 45px; z-index:2; background-size:cover}
.product_search_overlay{ background:rgba(8,134,151,0.81); position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.product_search h3{ z-index:3; position:relative; margin-bottom:27px;}
.product_search .form-group:last-child{ margin-bottom:0;}
.product_search .readmore{ cursor:pointer; border:none; margin:15px auto 0; display:block;}
.product_search .form_select{width:100%; background-color:#fff; background-image:url(../images/product_search_arrow.png); background-repeat:no-repeat; background-position:96% center; border:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; color:#474747;}
.product_search .form_select option{ color:#474747;}


/**====SERVICE====**/
.service_outer{ text-align:center;}
.service_outer li{ display:inline-block; margin:0 auto 30px; float:none; width:33%; list-style-image:none; background-image:none;}
.service_outer li figure{ overflow:hidden; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;}
.service_outer li figcaption{ position:absolute; overflow:hidden; left:0; right:0;bottom:0%; text-align:center; height:50px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.service_outer li .detail{ background:none; z-index:1; padding:15px;width:110%; background-color:rgba(0,0,0,0.75); border-top-left-radius: 100%; border-top-right-radius: 100%; bottom:0; left:0%; right:0%;position: relative; margin:0 -5%; height:100%; }

.service_outer li .title{ display:inline-block; font-size:20px; color:#fff; line-height:20px; margin-bottom:20px; width:100%; font-weight:400;position: relative; text-align:center;}
.service_outer li .info{ font-size:18px; line-height:23px; font-weight:400; margin:35px 0 35px; color:#fff; display:block;}
.service_outer li .readmore{ margin-top:10px; }

.service_outer li figcaption, .service_outer li:hover figcaption{transition:all 0.8s ease;-moz-transition:all 0.8s ease;-webkit-transition:all 0.8s ease; -o-transition:all 0.8s ease; -ms-transition:all 0.8s ease;}
.service_outer li:hover figcaption{ height:100%;}

.service_outer li .detail, .service_outer li:hover .detail{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
.service_outer li:hover .detail{border-top-left-radius:0; border-top-right-radius:0; padding:40px;}

.service_outer li .title, .service_outer li:hover .title{transition:font-size 0.8s ease;-moz-transition:font-size 0.8s ease;-webkit-transition:font-size 0.8s ease; -o-transition:font-size 0.8s ease; -ms-transition:font-size 0.8s ease;}
.service_outer li:hover .title{ font-size:24px; line-height:28px;}
.service_outer li:hover .title:after{content: ""; position: absolute;  border-bottom: 1px solid red;  bottom:-10px;  width:50px; height: 0px; left:50%; margin-left:-20px;}
.service_outer li:hover .info{transition:all 0.8s ease;-moz-transition:all 0.8s ease;-webkit-transition:all 0.8s ease; -o-transition:all 0.8s ease; -ms-transition:all 0.8s ease; margin-top:35px;}


/**=============JOIN TEAM===============**/
.jointeam_outer{ height:510px;}
.jointeam_outer_box{background:none; z-index:1;width:200%; height:100%; background-color:#fff; border-top-left-radius:50%; border-top-right-radius:50%; top:0%; bottom:0; left:-50%; right:0%;position: relative; overflow:hidden; z-index:99; padding:0 50%;}
.jointeam_inner{ background:url(../images/footer_bg.jpg); background-repeat:no-repeat; background-position:0% 0%; background-attachment:scroll; height:100%; margin: 0 auto; width: 100%; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; -o-background-size:cover; width:100%; overflow:hidden; color:#fff;}

.join_lt, .join_rt{ width:30%; max-width:425px; z-index:98; padding:85px 50px 35px 80px; min-height:510px;}
.join_lt{ float:left; background:rgba(22,63,131, 0.76);}
.join_rt{ float:right; background:rgba(0,0,0,0.76);}
.join_lt_inner{ width:245px;}

.jointeam_inner h3, .jointeam_inner h2{ text-transform:uppercase; font-weight:900; margin-bottom:0;}
.jointeam_inner h3{ font-size:50px; line-height:50px;}
.jointeam_inner h2{ font-size:79px; line-height:60px;}
.jointeam_inner a{ margin:15px 0; display:inline-block; /*width:100%;*/}
.jointeam_inner p{ font-size:15px; line-height:26px; font-weight:400;}
.jointeam_inner .readmore{ margin-top:35px;}

.join_rt .join_lt_inner h2{ font-size:65px; line-height:55px;}

.explore{ font-size:17px; color:#fff; line-height:16px; padding:7px; text-align:center; margin:15px auto 25px; width:250px;}

.join_rt .readmore { margin-top:0;}


/**==============INNER PAGE===================**/
.page_lhs{padding-right:0; width:29%;}
.page_rhs{ border-left:1px solid #dcdcdc; padding-left:60px; width:71%;}
.img_box  { overflow:hidden; width:48%; max-width:350px;}
.img_box .grow{transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;;}
.img_box .grow:hover{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

 
/**=================LEFT NAVIGATION=============**/
.side_navigation{ border-top:1px solid #dcdcdc; padding-top:30px; padding-right:40px; display:block; margin-left:0;}
.side_navigation li{ margin-bottom:30px; font-size:16px; line-height:20px; font-weight:400;display:inline-block; width:100%; position:relative;  list-style-image:none; background:none; padding:0; margin-left:0;}
.side_navigation li:last-child{ margin-bottom:0px;}
.side_navigation li a{background:#e5e5e5;}

.side_navigation li a.active{ background:#d0202e; color:#fff;}
.side_navigation li a.active .arrow-icon{ background:#b4000e; color:#fff;}

.side_navigation li a.active:hover {background:#d0202e; color:#fff;}
.side_navigation li a.active:hover .arrow-icon{ background:#b4000e; color: #fff; left:0; margin-left:0;}
.side_navigation li a.active:hover .list-title{ padding:11px 15px 12px 60px;}

.side_navigation li a, a.request_more{display:block;background:#e5e5e5; color:#4c4c4c;}
.side_navigation li .arrow-icon,a.request_more .arrow-icon{background:#a6a6a6; width:43px; height:43px; position:absolute; left:0; top:0;text-align:center; line-height:43px; font-size:20px; vertical-align:middle; color:#fff;}
.side_navigation li .list-title{padding:11px 15px 12px 60px; display:inline-block;}
.side_navigation li a:hover, a.request_more:hover{ display:block;background:#a6a6a6; color:#fff;}

.side_navigation li a:hover .arrow-icon, a.request_more:hover .arrow-icon{background:#333; left:100%; margin-left:-43px;}
.side_navigation li a:hover .list-title{padding:11px 50px 12px 25px;}

.side_navigation li a, .side_navigation li a:hover,
.side_navigation li .arrow-icon, .side_navigation li a:hover .arrow-icon,
.side_navigation li .list-title, .side_navigation li a:hover .list-title
{transition:all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s;}

/**=========NEWS=============**/
.news_list{ display:inline-block; margin-left:0;}
.news_list li{ margin-bottom:50px;  list-style-image:none; background:none; padding:0; margin-left:0;}
.news_list li .write_date{ font-size:16px; line-height:15px; color:#9b9a9a; font-weight:700;}
.news_list li h3{ margin:15px 0; font-weight:600;}
.news_list li h3 a{ color:#d0202e;}
.news_list li h3 a:hover, .news_list li h3 a:focus{ color:#000;}
.news_list li p{ color:#474747}
.news_list li .readmore .readmore_txt{ color:#4c4c4c;}
.news_list li .readmore:hover .readmore_txt{ color:#fff;}

.news_img { overflow:hidden; width:36%; min-width:415px; margin:0 35px 0 0;}
.news_img .grow{transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.news_img .grow:hover{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

 
/**=========PRODUCT==========**/
a.request_more{margin:25px auto; font-size:17px; line-height:17px; position:relative;}
a.request_more .list-title{padding:14px 15px 15px 60px; display:inline-block; }
a.request_more:hover .list-title{padding:14px 50px 15px 25px;}

a.request_more, a.request_more:hover,
a.request_more .arrow-icon, a.request_more:hover .arrow-icon,
a.request_more .list-title, a.request_more:hover .list-title
{transition:all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s;} 

.toggle_content{ width:100%; margin-top:30px; padding:60px; background:#eeeeee; display:inline-block; width:100%;}


/**PAGINATION**/
.pagination{ display:inline-block; width:100%;}
.pagination .previous, .pagination .next{ height:40px; width:34px;}
.pagination .previous{ float:left; width:30%; text-align:left; background:url(images/previous_icon.jpg) no-repeat; padding-left:35px;  background-position:left 8px;}
.pagination .next{ float:left; width:30%; text-align:right;  background:url(images/next_icon.jpg) no-repeat; text-align:right; padding-right:35px; background-position:right 8px;}
.pagination input[type="text"]{ float:left; width:40%; text-align:center; border:none;}


/**=================HOME PAGE=================**/
h2 span.red{ border-bottom:2px solid #d0202e; padding-bottom:5px;}
h2 span.white{ border-bottom:2px solid #fff; padding-bottom:5px; color:#fff;}
.news-list{ margin-top:20px; font-size:14px; line-height:20px; display:inline-block;}
.news-list li{ margin-left:0; list-style-image:none; background:none;}
.news_img_box{ margin-bottom:20px; overflow:hidden;}
.news_img_box img{ max-width:100%; width:100%;}

.news-list li .grow{transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}
.news-list li:hover .grow{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.news-list li span{ display:block; color:#d0202e;}
.news-list li p{ display:block; color:#474747;font-size:14px; line-height:20px;}
.news-list .request_more{ font-size:14px; line-height:14px;}

/**==============INVESTOR RELATION===============**/
.investor_box{ background:url(../images/investor.png) no-repeat; padding:25px; min-height:405px; color:#fff; background-size:cover; margin-left:30px;}
.investor_box p{ font-size:14px; line-height:20px;}
.investor_box ul{ margin-left:0; width:50%; float:left;}
.investor_box ul li{ font-size:18px; line-height:23px; margin:0 0 20px 0; background:url(../images/list_arrow.png) no-repeat; background-position:left 0px; padding:0; padding-left:35px;  list-style-image:none;}
.investor_box ul li a{ color:#fff;}
.investor_box ul li:hover{padding-left:40px; background-position:10px 0;}

.investor_box .readmore{ margin:25px auto 0; display:block; width:150px;}

/**==============Two coloum============**/
figcaption.greenbg{ background:rgba(141,170,39,0.9);}
figcaption.greendarkbg{ background:rgba(0,112,126,0.9);}
.bg_box_outer{ position:relative; overflow:hidden;}
.bg_box_outer figcaption{ position:absolute; top:0; left:0; width:235px; bottom:0; padding:25px; color:#fff;}
.bg_box_outer figcaption p{ font-size:14px; line-height:20px; margin-bottom:15px;}
.bg_box_outer figcaption .readmore{ position:absolute; bottom:25px; }
.bg_box_outer .grow{transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;}

.sustainabilty_box:hover .grow, .product_box:hover .grow{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}
.sustainabilty_box:hover .readmore_icon, .product_box:hover .readmore_icon {left: 100%; margin-left: -40px;}
.sustainabilty_box:hover .readmore_txt, .product_box:hover .readmore_txt {padding: 14px 55px 14px 25px;}


/**===============GLOBAL PRESENCE INSIDE===================**/
.common_list { margin-left:0;}
.common_list li{ background-color:#fff; padding:15px 15px 15px 50px; color:#474747; font-size:16px; line-height:25px; font-weight:400; background-image:url(../images/list_icon.jpg); background-position:15px 25px; background-repeat:no-repeat; list-style-image:none; margin-left:0;}
.common_list li span{ font-weight:400;}
.common_list li:nth-child(odd) { background-color:#efefef; }

/**===============Corporate governance===============**/
.pdf_outer{background:#fff; padding:7px 20px; display:table; width:100%; font-size:16px; line-height:18px; margin-bottom:20px; color:#474747;}
.pdf_outer:hover{ color:#d0202e;}
.pdf_outer:nth-child(odd){background:#eee; }
.pdf_outer .pdf_inner_mid{ padding:12px;}
.pdf_outer .pdf_inner_lt{width:96%; padding:0 15px 0 40px;}
.pdf_outer .pdf_inner_rt{ width:6%; text-align:center;}

.pdf_outer_full{ margin-bottom:0px;}
.pdf_inner_lt, .pdf_inner_rt, .pdf_inner_mid{ display:table-cell; vertical-align:middle;}

.pdf_icon{ background:url(../images/pdf_icon.png) no-repeat 0 center; /*display:inline-block; height:32px; width:25px;*/padding-left:40px;}
.download_icon{ background:#a6a6a6; color:#fff; font-size:20px; height:40px; width:40px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; display:table; text-align:center; margin:0 auto;}
.download_icon span{ display:table-cell; vertical-align:middle; padding-top:inherit;}
.download_icon:hover, .pdf_outer a:hover .download_icon{ background:#d0202e; color:#fff;}
.download_icon:hover span, .pdf_outer a:hover span{ padding-top:5px;}


.pdf_outer:hover .download_icon span{ padding-top:5px;}
.pdf_outer:hover .download_icon{ background:#d0202e; color:#fff;}

.list_gray_outer{background:#eeeeee; padding:0px; display:table; width:100%; font-size:16px; line-height:18px;}
.list_gray_outer:nth-child(even) { background-color:#fff; }
.list_gray_outer .pdf_inner_lt{ width:40%; padding-right:20px; padding-top:7px; padding-bottom:7px;}
.list_gray_outer .pdf_inner_rt{ width:20%;padding:10px 20px 10px 0;}
.list_gray_outer .pdf_inner_mid{width:40%; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center;padding:7px 20px 7px 0;}
.list_gray_outer .pdf_icon{ background-position:15px center; padding-left:55px;}



/**======================MODAL=======================**/
.modal-box {display: none;position: absolute; z-index: 1005;  width: 98%;  background: white;  border-bottom: 1px solid #aaa;  border-radius: 4px;  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);  border: 1px solid rgba(0, 0, 0, 0.1);  background-clip: padding-box;}
.modal-overlay { opacity: 0; filter: alpha(opacity=0); position: absolute;  top: 0;  left: 0;  z-index: 900;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.3) !important;}
.modal{display:none;position:fixed;z-index:1005;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.9);-webkit-animation-name:zoom;-webkit-animation-duration:1s;animation-name:zoom;animation-duration:1s; }
.modal-content{margin:auto;display:block;width:80%;max-width:700px; margin-top:20%; background:transparent;}
@-webkit-keyframes zoom {from{-webkit-transform:scale(1.3)} to{-webkit-transform:scale(1)}}
@keyframes zoom {from{transform:scale(1.3)} to{transform:scale(1)}}

.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s; opacity:1;}
.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}

#search_box input[type="text"],#search_box input[type="submit"]{ float:left; }
#search_box input[type="text"]{width:100%; font-size:30px; line-height:22px; padding:11px; font-weight:300; height:57px; background:transparent; border:none; border-bottom:1px solid #fff; padding-right:30px; color:#fff;}
#search_box input[type="submit"]{width:30px; height:25px; background-image:url(../images/search_icon.png); background-repeat:no-repeat; background-position:center center; background-color:transparent; border:0px solid transparent;padding:13px; position:absolute; right:0; top:20px;}
#search_box input[type="submit"]:hover{ background-color:transparent;}
#search_box .form-control{ height:auto;background:transparnt; padding:0; border:none; position:relative;}



/**=========ARTICLE CONTENT=========**/
.article_content{ margin-top:145px;}
.inner_content{ margin-top:100px;}
.term-condition{ margin-left:0;}
.term-condition li{ margin-bottom:50px; margin-left:0; list-style-image:none; background:none;}
.term-condition .pdf_outer{ background:#fff;}
.term-condition .pdf_outer:nth-child(even) { background-color:#eee;}


/**========FORM========**/
.form_wrap button{ border:0;}
.form_wrap .form-group{ margin-bottom:30px;}
.form_wrap label sup{ font-size:20px; top:0;}
.form_select{width:100%; background-image:url(../images/form_select_arrow.jpg); background-repeat:no-repeat; background-position:100% center; border:1px solid #a6a6a6;appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none;}

.upload_file_outer{ border:1px solid #a6a6a6; padding:15px; height:48px; position:relative;}
.upload_file_outer:focus, .upload_file_outer:active{ border:1px solid #d0202e;}
.fileUpload { position:absolute; top:0; right:0; overflow: hidden; background:#d0202e; height:46px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0;}
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0;  padding: 0;  font-size:14px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); width:100%; text-transform:uppercase; height:100%;}
.fileUpload.btn > span { line-height:25px;}
#uploadFile{ border:0; width:100%; padding-right:100px; background:transparent; height:100%; font-size:16px; color:#747474; font-weight:300; line-height:16px;}


/**========Contact========**/
.contact_form_wrap .form_select{width:100%; background-color:#d0202e; background-image:url(../images/form_select_arrow.jpg); background-repeat:no-repeat; background-position:100% 100%; border:1px solid #d0202e;appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; max-width:200px; margin-left:20px;}
.contact_form_wrap .form_select.company_select{max-width:500px;}
.contact_form_wrap .form-group{ text-align:center;}
.contact_form_wrap label, .contact_form_wrap .form-control{ display:inline-block;}
.contact_form_wrap label{ font-size:18px; line-height:16px; font-weight:400;}
.contact_form_wrap .form-control{ color:#fff; font-weight:400; height:52px; font-size:18px; }
.form_list{ float:none; display:inline-block; margin:0 auto 20px;}

.filter_cont i, .filter_cont .cont_dtl{ float:left;}
.filter_cont i{ font-size:30px; color:#6a6a6a; margin-right:8%; width:10%;}
.filter_cont .cont_dtl{ width:82%; margin-bottom:0;}
.filter_cont .filter_in{ border-left:1px solid #cdcdcd; padding:10px 4%; min-height:100px;}
.filter_cont .filter_in:nth-of-type(1){ padding-left:15px;border-left:none;}

.map_wrap{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5)}
.map_wrap_overlay{height:400px; overflow:hidden; position:relative;}

.filter_cont .morph-button i{ font-size:17px; line-height:32px; display:inline-block; margin-right:0; color:#fff; width:100%;}
.filter_cont .morph-button:hover .btn-gray{background-color: #d0202e;}
.filter_cont .morph-button:hover .btn-gray-icon{background-color: #b4000e; left: 100%; margin-left: -32px;}
.filter_cont .morph-button:hover .readmore_txt{padding: 9px 40px 11px 15px; color: #fff;}

.highlight {background:rgba(208,32,46,1); color:#fff; padding:0 1px;}

#disclaimer_modal{ padding:12% 0;}
#disclaimer-modal-content{ padding:20px; margin:auto; background:#fff; z-index:999;}

.readmore.hideshow{transform:scale(0.85); -moz-transform:scale(0.85); -webkit-transform:scale(0.85); -ms-transform:scale(0.85); -o-transform:scale(0.85); margin-left:-10px;}



/**========Inforgrphic========**/
.green_txt{ color:#4f826f;}
.green2_txt{ color:#397780;}
.blue_txt{ color:#1c7fba;}
.blue2_txt{ color:#4570a0;}
.font-78{ font-size:78px; line-height:60px;}
.font-70{ font-size:70px; line-height:60px;}
.font-23{ font-size:23px; line-height:27px;}
.font-19{font-size:19px; line-height:22px;}
.font-58{font-size:58px; line-height:48px;}
.font-48{font-size:48px; line-height:30px;}

.infogrphic_first_row{ text-transform:uppercase; font-weight:900; margin-bottom:10px; display:inline-block;}
.infogrphic_first_row span{ display:inline-block; margin-top:0px; margin-left:10px;}

.infogrphic_second_row{ clear:both; color:#474747;}
.infogrphic_second_row span{ font-weight:300;}
.infogrphic_second_row img{ display:inline-block; margin:10px 5px 0 0;}

.home_infographic4 .infogrphic_first_row{ margin-bottom:20px;}
.home_infographic4 .infogrphic_first_row span{ margin-top:35px;}
.home_infographic4 .infogrphic_second_row img{ margin-top:0;}
.home_infographic3 .infogrphic_second_row img{ margin-top:0;}

.home_infographic3 .infogrphic_first_row .float-lt span{ margin-left:0;}
.home_infographic3 .infogrphic_first_row .font_regular{ vertical-align:baseline;}

.data1{ margin-right:3px;}
.data3{ margin-right:30px;}



/**========Map========**/
#google-container {position: relative;width: 100%;height: 200px; background-color: #e7eaf0;}
.cd-google-map{ height:100%;}
#cd-zoom-in, #cd-zoom-out {height: 32px;width: 32px;cursor: pointer;margin-left: 10px; background-color: rgba(208, 32, 46, 1); background-repeat: no-repeat; background-size: 32px 64px;  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-controller.svg");}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {background-color: #d0202e;}
#cd-google-map { position: relative;}
#cd-google-map address { position: absolute; width: 100%; bottom: 0; left: 0; padding: 1em 1em; background-color: rgba(208, 32, 46, 0.9); color: #ffffff; font-size: 13px; font-size: 0.8125rem; display:none;}


/**========SEARCH PAGE========**/
.advancesearch_form{ margin-bottom:30px;}
.advancesearch_form .form-control{ padding:0; position:relative;}
.advancesearch_form .form-control input[type="text"], .advancesearch_form .form-control .submit_btn{ float:left;border:0;}
.advancesearch_form .form-control input[type="text"]{ width:95%; padding:12px; padding-right:45px;}
.advancesearch_form .form-control .submit_btn{ width:45px; background:#d0202e url(../images/search_icon_white.png); background-position: center center; background-repeat: no-repeat;  border: 0 solid transparent; height:47px; padding:12px; width:45px; position:absolute; right:0; top:0;}

.search_list{ display:inline-block; width:100%;}
.search_list li{ margin-bottom:0px; border-bottom:1px dashed #ccc; padding:20px 0;}
.search_list li p{ margin-bottom:0;}


/**========SITE MAP PAGE========**/
.site-map li{ background:none;}
.site-map li a.sub-page{ display:inline-block; font-size:15px; line-height:18px; color:#474747;}
.site-map li a.sub-page:hover{ color:#d0202e;}
.site-map li h3{ color:#474747;}
.site-map li h4{ text-align:left; margin-bottom:10px; font-size:20px;}

.site-map li ul{ margin:0 0 20px; padding:0;}
.site-map li ul li{ padding-left:0;}
.site-map li ul li a{ padding:0 0 0 20px; background:rgba(0, 0, 0, 0) url(../images/menu_arrow1.png) no-repeat scroll -20px 5px;}


/**========BUG FIX========**/
.field-validation-error{ color:#d0202e;}
.upload_file_outer .field-validation-error{ position:absolute; top:100%; left:0;}
.success_message{ background:#efffd6; color:#199049; margin-bottom:20px; text-align:center; font-size:16px; line-height:16px; border:1px solid #199049; height:50px; padding:15px 0; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -webkit-border-radius:10px;}
.form-control{ color:#222;}
#div_result{ margin:0 auto; max-width:100%; width:800px;}
/*================================== Popup Start =============================*/

/**JOB OPEINING**/
.job-opening-table{ font-size:16px; line-height:20px;}
.job-opening-table thead th{ background:#fff; color:#d0202e; padding:15px;}

.job-opening-table tbody tr{ background:#fff;}
.job-opening-table tbody tr:nth-child(odd){ background:#eeeeee}

.job-opening-table tbody td{ padding:15px;}

.download_icon.active, .pdf_outer a.active .download_icon{ background:#d0202e; color:#fff;}
.download_icon:hover.active span, .pdf_outer a.active:hover span{ padding-top:0px;}

.job-opening-table .pdf-icon{ background:url(../images/pdf_icon_hover.png) no-repeat; height:32px; width:25px; display:inline-block; vertical-align:top;}
.job-opening-table .pdf-icon-outer .pdf-icon{ display:none;}
.job-opening-table .pdf-icon-outer:hover .pdf-icon{ display:block;}
.job-opening-table .pdf-icon-outer:hover img{ display:none;}


.comp-img{ display:block; text-align:center; margin-bottom:50px;}
.comp-img img{ width:220px; margin:0 10px;}


/**ERROR PAGE**/
.error_box{ margin:100px auto 0; background:#efefef; padding:30px; width:480px; max-width:100%; text-align:center;}
.error_box h3{ font-size:30px; line-height:30px; margin-bottom:30px;}






@media screen and (-webkit-min-device-pixel-ratio:0) {   
#search_box input[type="text"]{ padding:10px;}
}




@media only screen and (min-width: 768px) {
  #google-container {
    height: 300px;
  }
}
@media only screen and (min-width: 1170px) {
  #google-container {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) {
  #cd-google-map address {
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: center;
  }
}


@media only screen and (min-width: 768px) {
  #cd-zoom-in, #cd-zoom-out {
    margin-left: 50px;
  }
}

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}

@media only screen and (min-width: 768px) {
  #cd-zoom-in {
    margin-top: 50px;
  }
}

#cd-zoom-out {
  background-position: 50% -32px;
}


/**DESIGN RESPONSIVE**/

@media only screen and  (max-width:1366px){
.join_lt, .join_rt{ padding:85px 50px 35px;}
}


@media screen and (max-width:1280px){
.readmore{ font-size:13px;}
}

@media screen and (max-width:1200px){
/**ABOUT US**/	
.service_outer li{ width:33.33%; float:none; display:inline-block;}
.service_outer li .title{ margin-bottom:0px;}
.service_outer li .info{ margin:15px 0; font-size:16px;}
.service_outer li:hover .title{ font-size:25px; line-height:32px;}
.service_outer li:hover .detail{ padding:30px 40px;}

.jointeam_inner{ background-position:67% center;}
.join_lt, .join_rt{ width:35%;}

/**HISTORY**/
.page_rhs, .page_lhs{float:left;}
.page_rhs{ width:67%; padding-left:5%;}
.page_lhs{width:33%;}

/**CAREER**/
.form-group-two-col:first-child{ margin-bottom:30px;}

/**CONTACT US**/
.form_list{ width:100%;}
.contact_form_wrap label{width:10%;}
.contact_form_wrap .form_select, .contact_form_wrap .form_select.company_select{width:90%; max-width:600px;}
.filter_cont .filter_in{ width:33%; display:inline-block;}

/**INDEX**/
.news-list li{ width:33.3%; float:left;}
.investor_box{ margin:0 auto 20px; width:600px; max-width:100%;}
.bg_box_outer{ margin:0 auto 20px; width:600px; max-width:100%;}
.home_infographic{ width:50%; float:left; margin-bottom:20px;}

.infographic .row{ width:640px; max-width:100%; margin:0 auto;}
.home_infographic{ float:left; margin:0 auto 20px; max-width:100%; width:320px; vertical-align:top;}


.map_wrap_overlay{ height:260px;}
}

@media only screen and  (max-width:1024px) {
/**COMMON**/
.page_title{ font-size:25px; line-height:40px;}
.grid_space60, .grid_space40{ margin-bottom:30px;}
.img_related_title{ text-align:center;}
.img_box{ width:auto;}
.service_outer li .title{ font-size:17px;}

/**footer**/
.social-icon{ margin:0 2px;}

/**HISTORY**/
.page_rhs{ width:64%;}
.page_lhs{ max-width: 274px; width:36%;}
.side_navigation{ padding-right:10px;}

.site-map li.col-lg-4{width:33%; float:left;}
.site-map li.col-lg-8{width:67%; float:left;}
.site-map li li{ display:block;}
.site-map li.col-lg-8 ul { width:50%; float:left;}

.job-opening-table{ font-size:15px;}
.job-opening-table table, .job-opening-table thead, .job-opening-table tbody,.job-opening-table th, .job-opening-table td, .job-opening-table tr { display: block; }
.job-opening-table thead tr {position: absolute;top: -9999px;left: -9999px;}	
.job-opening-table tr { border: 1px solid #ebebeb; }
.job-opening-table tbody td { border:none; position:relative; padding-left:40%; text-align:left;}
.job-opening-table td:before { position:absolute;top:15px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap; text-align:left;}

.job-opening-table td:nth-of-type(1):before { content: "Company"; }
.job-opening-table td:nth-of-type(2):before { content: "Job Title"; }
.job-opening-table td:nth-of-type(3):before { content: "Location"; }
.job-opening-table td:nth-of-type(4):before { content: "Job description"; }
.job-opening-table td:nth-of-type(5):before { content: "Apply"; }

.job-opening-table .download_icon{ margin:0;}


}

@media only screen and (max-width:991px) { 
#content {padding-bottom: 40px;}
.join_lt, .join_rt{ width:50%;}
.right_img, .left_img { float:none; margin:0 auto 15px auto; clear:both; display:block;}
.resp-tabs-detail .right_img, .resp-tabs-detail .left_img{  display:inline-block; margin:0 15px 10px;}
.resp-tabs-detail .right_img{float:right;}
.resp-tabs-detail .left_img{float:left;}

/**Footer**/
#footer div:first-child{ margin-bottom:8px;}
#footer span{ font-size:11px;}
#footer{ height:50px; padding:6px 50px 6px 15px; text-align:left; z-index: 99;}
#footer .text_right{ position:absolute; top:4px; right:0px;}

/**ABOUT**/
.infographic_about .info2{ left:-35px;}
.service_outer{ text-align:center;}
.service_outer li{ width:45%; float:none; display:inline-block; margin:20px 0;}
.service_outer li:hover .detail{ padding:10px 40px;}

/**CAREER**/
.form_wrap .form-group, .form-group-two-col:first-child{ margin-bottom:15px;}

/**CONTACT US**/
.form_list{ width:100%; text-align:left;}
.contact_form_wrap .form-group{ width:100% ; max-width:100%; margin:0 auto;}
.contact_form_wrap label{ float:left; width:100px; margin-top:20px;}
.filter_cont .filter_in{ width:100%; border-left:none; padding:10px; margin-bottom:20px; min-height:50px;}
.filter_cont i{ width:20px; margin-right:5%;}
.filter_cont .cont_dtl{width:auto;}
.contact_form_wrap .form_select{ margin-left:0;}
.contact_form_wrap .form-control{ font-size:15px;}
.contact_form_wrap .form_select, .contact_form_wrap .form_select.company_select{ width:100%;}
}

@media only screen and (max-width:800px) {
.hidden-sm{ display:none;}
.inner_banner_overlay{ height:320px; background-size:cover !important;}
.article_content { margin-top: 115px;}
.inner_content {margin-top: 50px;}
}



@media only screen and (max-width:767px) {
#footer{ font-size:10px; height: 100px; position: relative;}
	#footer .text_right{position: relative;}
	#content{padding-bottom:0px;}
.breadcrumb{ padding:10px;}
.breadcrumb > li{ font-size:13px;}

ul{ margin-left:0;}

/**HISTORY**/
.page_rhs{border-left:none;width:100%;}
.inner_banner{background-size:cover !important;}


/**ABOUT**/
.jointeam_outer{ height:auto;}
.jointeam_inner{ background-size:cover}
.join_lt, .join_rt {max-width:100%; min-height:auto; width:100%; float:none; display:inline-block; padding:30px;}
.jointeam_inner .readmore{ margin-top:10px;}
.join_lt_inner{ display:block; margin:0 auto; width:95%;}
.jointeam_inner .readmore.float-rt{ float:inherit; margin:0 auto; display:block;}
.jointeam_inner a{ display: block; margin: 15px auto 0;  width:280px; max-width:100%;}
.jointeam_inner a.btn1{ max-width:150px;}
.join_rt img{ margin:0 auto 10px; display:block;}
.jointeam_inner p{ margin:20px 0; text-align:center;}
.jointeam_outer_box{  border-top-left-radius: 15%; border-top-right-radius: 15%; -moz-border-top-left-radius: 15%; -moz-border-top-right-radius: 15%; -webkit-border-top-left-radius: 15%; -webkit-border-top-right-radius: 15%; -ms-border-top-left-radius: 15%; -ms-border-top-right-radius: 15%; -o-border-top-left-radius: 15%; -o-border-top-right-radius: 15%;}


/**NEWS**/
.news_list li{ text-align:center; border-bottom:1px dashed #a6a6a6; padding-bottom:35px; margin-bottom:35px;}
.news_img{ display: block;  margin: 0 auto 20px;  min-width: 100%; width: auto;}


/**SEARCH**/
.search_list li{ margin:0; padding:20px 0; text-align:left;}
.search_list li h3{ font-size:18px; line-height:20px; margin:10px 0;}


/**Map**/
.map_wrap_overlay { height: 200px;}

.error_box{ margin:50px auto;}
}


@media only screen and (max-width:678px) {
.page_title { font-size: 20px; line-height: 28px;}

/**ABOUT**/
.service_outer li{ width:320px; float:none; display:inline-block; margin:10px auto;}
.infographic_about .info2 {left: -33px;}

.home_infographic{ display:block; float:none; margin-bottom:30px; border-bottom:2px dashed #d7d7d7; padding-bottom:30px;}
.map_wrap_overlay {height: 170px;}


.site-map li.col-lg-4{width:100%; float:left;}
.site-map li.col-lg-8{width:100%; float:left;}
.site-map li.col-lg-8 ul { width:100%; float:left;}

.breadcrumb{ text-align:left;}
.breadcrumb>li+li:before{ padding:0 5px;}
}

@media only screen and (max-width:568px) {
.infographic_about .info2 { left: -28px;}
.news-list{ margin-bottom:20px;}
.news-list ul{ text-align:center; margin-bottom:0;}
.news-list .request_more{ margin:10px auto 20px;}
.news-list li{ width:360px; margin:0 auto 10px; max-width:100%; float:none; display:inline-block;}
.news-list li p{ margin-bottom:0;}
.news_img_box{ margin-bottom:10px;}
.investor_box .readmore{ margin-top:5px;}

.jointeam_inner {background-position: 60% center;}
.resp-tabs-detail .right_img, .resp-tabs-detail .left_img{  float:none; margin:0 auto 15px auto; clear:both; display:block;}

.career-form .inner_banner{ background-position:40% 0 !important;}
}

@media only screen and (max-width:479px){
.join_lt, .join_rt { padding:30px 20px;}

/****/	
.infographic_outer{ margin-bottom:30px;}
.infographic_about .info2 {top:25px; left: -19px;}

.investor_box ul li a{ font-size:15px; line-height:16px;}

.bg_box_outer figcaption{ width:100%; padding:20px; text-align:center;}
.bg_box_outer figcaption h3{ margin-bottom:10px;}
.bg_box_outer figcaption .readmore{ position:relative; bottom:0; float:none; display:inline-block; margin:0 auto;}
}

@media only screen and (max-width:359px){
.bg_box_outer figcaption{ padding:10px;}
.bg_box_outer figcaption h3{ font-size:20px; line-height:22px;}	
.readmore .readmore_icon {font-size: 17px; height: 30px;  width: 30px; line-height:30px;}
.readmore .readmore_txt{ padding:9px 25px 9px 40px;}
.sustainabilty_box:hover .readmore_txt, .product_box:hover .readmore_txt{ padding:9px 40px 9px 25px}
}

.privacy_policy_botm{position:fixed; bottom:0px; left:50%; width:900px; height:auto; z-index:9999; max-width:1024px; transform:translateX(-50%);} 
.privacy_policy_bg{background:rgba(208,32,46,0.9); height:auto; padding:10px; border:solid 2px #d0202e; border-bottom:0; width:100%; margin:0 auto; -webkit-box-shadow: 5px 5px 20px 0 #000000;box-shadow: 5px 5px 20px 0 #000000; margin-bottom:0 !important}
.privacy_policy_botm p{float:left; margin:0px; font-size:14px; color:#fff!important; line-height:18px; font-weight:400; margin-bottom:0px;}
.privacy_btn{ display:inline-block; margin:0px auto 0 20px;}
.privacy_btn a{font-size:12px; color:#fff; padding:5px 10px; line-height:12px; border:1px solid #000; transition:all 0.3s; background:#000; display:inline-block; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;}
.privacy_btn a:hover, .privacy_btn a:focus{background:#000; text-decoration:none; transition:all 0.3s; border:1px solid #000; transition:all 0.3s;}
.privacy_btn a:last-child{margin-left:10px;}
.privacy_policy_botm .col-sm-12.col-xs-12{ margin-bottom:0 !important;}


@media all and (max-width:990px){
  .privacy_policy_botm{ width:90%; text-align:center;}
  .privacy_btn{ margin:10px auto 0;}
  
}
/*@media (max-width:1199px){
.privacy_policy_bg{width:70%; padding:10px;}	
.privacy_policy_botm p{width:100%; line-height:22px;}	
}
@media (max-width:992px){
	.privacy_policy_bg{width:90%;}	
}
@media (max-width:767px){
.privacy_policy_bg{width:100%; padding:10px 3%;}	
.privacy_policy_botm p{font-size:14px; line-height:20px; }

}

@media (max-width:480px){
	.privacy_policy_bg{width:100%; padding:10px; height:85px;}
	.privacy_policy_botm p{font-size:10px; line-height:16px; margin-bottom:0px;}
	.privacy_btn a{font-size:11px; padding:3px 3px; line-height:11px; display:inline-block; margin:0 10px;}
	.privacy_btn a:last-child{margin-left:0px;}	
}
*/