/* ///////////////////////////////////////////////////////////////////// // 01 - General /////////////////////////////////////////////////////////////////////*/ @font-face { font-family: 'great_vibesregular'; src: url('../fonts/greatvibes-regular-webfont.eot'); src: url('../fonts/greatvibes-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/greatvibes-regular-webfont.woff2') format('woff2'), url('../fonts/greatvibes-regular-webfont.woff') format('woff'), url('../fonts/greatvibes-regular-webfont.ttf') format('truetype'), url('../fonts/greatvibes-regular-webfont.svg#great_vibesregular') format('svg'); font-weight: normal; font-style: normal; } * { outline:0 !important } html, body { overflow-x: hidden; } .pro-bg1{ background: url(../images/pro-bg1.jpg) no-repeat center center; padding-top:3%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#FFFFFF; font-family:Roboto; height:500px;} .pro-bg2{ background: url(../images/pro-bg2.jpg) no-repeat center center; padding-top:3%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#FFFFFF; font-family:Roboto; height:500px;} .pro-bg3{ background: url(../images/pro-bg3.jpg) no-repeat center center; padding-top:3%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#FFFFFF; font-family:Roboto; height:500px;} .pro-bg4{ background: url(../images/pro-bg4.jpg) no-repeat center center; padding-top:3%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#FFFFFF; font-family:Roboto; height:500px;} .pro-bg5{ background: url(../images/pro-bg5.jpg) no-repeat center center; padding-top:3%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#FFFFFF; font-family:Roboto; height:500px;} .price-box{ padding:1%; background: #DD3200; font-family: Poppins; color:#fff; font-size:16px; font-weight:500;} .fb-media{ background: #0066FF;} body { font-family:'Open sans',Calibri,Arial,sans-serif; font-size:17px; color:#3d414c; line-height:28px; transition: all 0.3s ease-out; padding:0 !important; overflow-x: hidden !important; padding-top:80px !important; } .top-space{ margin-top:25%; !important} .close{ float: right; font-size: 20px !important; line-height: 1; text-align: center; text-shadow: 0 1px 0 #fff; background: #e0162b !important; padding: 0px 4px 2px 5px !important; border: #FFF solid 2px !important; border-radius: 30px; width: 24px; height: 24px; position: absolute; top: -10px; right: -10px; opacity: 1 !important; color: #FFF !important; } .close:hover, .close:focus { color: #FFF !important; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } .vertical-alignment-helper {display:table; height: 100%; width: 100%;} .vertical-align-center {display: table-cell; vertical-align: middle;} .modal-open .modal{padding:0 !important;} .modal-backdrop{ height: 100%; width: 100%; bottom: 0; position: fixed !important; z-index: 999999;} .modal{z-index: 99999999 !important;} h1,h2,h3 { text-transform:uppercase; color:#3d414c; font-weight:300; } h3 { line-height:1.2; } a { text-decoration:none; transition:all 0.3s ease-out; position:relative; } a:hover,a:active,a:focus { color:#405162; text-decoration:none !important; transition: all 0.3s ease-out; } .zindex{z-index:9999999999999999999999;} i{transition: all 0.3s ease-out;} ul { margin:0; padding:0px; list-style:none; } .greatvibesfont{font-family: 'great_vibesregular';} ::-moz-selection {color:#FFF; background: #DD3200; } ::selection { color: #FFF; background: #DD3200;} .img_res { display:block; width:100%; height:auto; max-width:100%; } .navbar { border: none; margin-bottom: 0; border-radius:0; } .navbar ul.nav > li > a { border-top: solid 1px transparent; padding-left: 16px; padding-right: 16px; font-weight: 500; font-size: 15px; line-height: 20px; } .navbar ul.nav > li > a:hover { border-top: solid 3px #DD3200; line-height:20px; } .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { text-decoration: none !important; border-top: solid 1px #DD3200; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color: #00CCFF !important;} @media (max-width: 768px) { .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top-color: transparent; } .navbar ul.nav > li > a:hover { border-top-color: transparent; } } .navbar.navbar-light ul.nav > li.active > a { border-top: solid 1px #DD3200; background: #fff !important; color: #555555 !important; } .navbar.navbar-light ul.nav > li.active > a:hover { border-top: solid 1px #DD3200; } .navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: solid 1px #DD3200; background: #DD3200 !important; color: #555555 !important; } .navbar ul.dropdown-menu { margin: 0; padding: 0; } .navbar ul.dropdown-menu li { list-style-type: none; border-bottom: solid 1px #eeeeee; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 0; } .navbar ul.dropdown-menu li a { position: relative; color: #36284c; font-size: 12px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; left: 0; } .navbar ul.dropdown-menu li a:hover { color: #DD3200; text-decoration: none; background: none; left: 0px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } @media (max-width: 767px) { .navbar ul.dropdown-menu li a:hover { left: 0; } } .navbar .yamm-content h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 10px; margin-top: 5px; border-bottom: dotted 1px #555555; letter-spacing: 0.08em; } @media (max-width: 767px) { .navbar .yamm-content h3 { font-size: 14px; } } .navbar .yamm-content h5 { text-transform: uppercase; padding-bottom: 10px; border-bottom: dotted 1px #555555; letter-spacing: 0.08em; } .navbar .yamm-content ul { margin: 0; padding: 0; } .navbar .yamm-content ul li { list-style-type: none; border-bottom: solid 1px #eeeeee; text-transform: uppercase; padding: 4px 0; } .navbar .yamm-content ul li a { position: relative; color: #36284c; font-size: 12px; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .navbar .yamm-content ul li a:hover { color: #DD3200; text-decoration: none; padding-left: 2px; } .navbar .yamm-content .banner { margin-bottom: 10px; } .navbar .yamm-fw .dropdown-menu { padding: 0; } .navbar .navbar-buttons { float: right; } .navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle { margin-top: 11px; margin-bottom: 11px; margin-left: 0; margin-right: 5px; } .navbar .btn-default, .navbar .btn-default.navbar-toggle { color: #999999; background-color: #E8E8E8; margin-left: 7px; margin-right: 0; } .navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: #fff; border-color: #38a7bb; color: #38a7bb; } .navbar #search { clear: both; border-top: solid 1px #38a7bb; text-align: right; } .navbar #search form { float: right; } .navbar #search form .input-group { width: 500px; } @media (max-width: 768px) { .navbar #search form .input-group { width: 100%; } } .navbar #basket-overview a { margin-left: 7px; } .navbar-affixed-top { top: 0; position: fixed; width: 100%; z-index: 999; } .navbar-affixed-top.affix-top { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .navbar-affixed-top.affix { position: fixed; width: 100%; top: 0; z-index: 999999; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 15px; right: 15px; } .topbar{float:left; margin-top:0px; font-size: 12px; font-weight: 300; height:30px; !important} .social_div{float:right; margin-left:20px; } .social_div i{margin-right: 10px; font-size: 14px;} .social_div a{color:#3d414c;} .social_div a:hover, .social_div a:focus, .social_div a:active{color:#0491cc;} .phone_div{float:left; margin-left:26px;} .email_div{float:left; margin-left:26px;} .language_div{float:left;} #topnav {border-top:0; margin:0 !important; padding:0 !important;} #topnav .navbar-nav{margin:0;} .language_div img{border:#e0e0e0 solid 1px;} .language_div ul.nav > li > a{font-weight: 400; padding:11px 12px 8px 12px; background:none !important; border-top:transparent 1px solid !important; color:#36284c !important;} .language_div ul.nav > li > a:hover, .language_div ul.nav > li > a:active, .language_div ul.nav > li > a:focus{border-top:transparent 1px solid; background:none !important; color:#36284c !important;} .language_div ul.nav > li.open > a:hover, .language_div ul.nav > li.open > a:active, .language_div ul.nav > li.open > a:focus{border-top:transparent 1px solid; background:none !important; color:#36284c !important;} .language_div .open a:hover, .language_div .open > a:active, .language_div .open > a:focus{border-top:transparent 1px solid; background:none !important; color:#36284c !important;}/**/ .language_div .dropdown-menu{min-width: 120px !important; position:absolute !important; border: 1px solid rgba(0,0,0,.15) !important; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important; box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;} .language_div .dropdown-menu li a{border-top:transparent 1px solid !important;} .language_div .dropdown-menu li a:hover{border-top:transparent 1px solid !important;} section{background:#FFF;} .bgcolor{ position: relative; /*z-index :2; background:#FFF;*/} #aboutus{position:relative;background:#FFF;} #aboutus:before{ content: ""; height: 0; position: absolute; width: 0; border-bottom: 400px solid #FFFFFF; border-top: 0px solid transparent; border-right: 0px solid #FFFFFF; border-left: 1800px solid transparent; left: 0px; top: -398px; z-index :-1; } #leadershipsection{background:#FFF;/* padding-bottom:200px;*/ z-index: 3;} #historysection{background:#FFF; padding-top:200px; padding-bottom: 130px; position:relative;} #historysection:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 1420px solid #f9f9f9;border-top: 0px solid transparent;border-right: 0px solid #FFFFFF;border-left: 1520px solid transparent;right: 0px;top: -350px;/*z-index :-1;*/} .history_timeline_wrpr{padding-top: 200px;} .history_timeline_ul{border-left:#d7d7d7 solid 2px; position:relative; padding:40px 0 10px 60px;} .history_timeline_ul:before{content:'';width: 20px;height: 20px;border:#0491cc solid 2px;border-radius:30px;position:absolute;top: -18px;left: -11px;} .history_timeline_ul:after{content:''; width: 20px;height: 20px; border:#0491cc solid 2px; border-radius:30px; position:absolute; bottom:-18px;left: -11px;} .history_timeline_ul li{position:relative; margin-bottom:30px;} .history_timeline_ul li:before{content:'';width:12px;height:12px;background:#0491cc;border-radius:30px;position:absolute;top: 9px;left: -67px;} .history_timeline_ul li:after{content:'';width:40px;height:1px;border:#d7d7d7 solid 1px;border-radius:10px;position:absolute;top: 14px;left: -50px;} .history_year{font-size:25px; color:#838383; margin-bottom:10px; display: block;} #products_section{background:#FFF; padding-bottom:0px;} #products_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 800px solid transparent;border-right: 0 solid transparent;border-left: 770px solid #0491cc;left: 0px;top: -799px;z-index :-1;} /*#products_section:after{content: "OUR INDUSTRIES & PRODUCTS"; position: absolute; left: 0px; top: -831px; z-index :-1;}*/ #products_section .maintitle{position:absolute; top:-200px; color:#FFF;} #achievements_section{border-right:#FFF solid 63px; border-top: #FFF solid 0px; background:#FFF; background-attachment:fixed !important;} #achievements_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid transparent;border-top: 1420px solid #FFF;border-right: 1584px solid transparent;border-left: 1584px solid transparent;right: 0px;top: 0px;z-index :-1;} #achievements_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 1420px solid transparent;border-right: 0 solid transparent;border-left: 1583px solid #FFF;left: 0px; bottom: 0px;z-index :-1;} #achievements_section .maintitle{margin:0px 60px 50px 0px;} #achievements_imgsection{margin-top:320px;} /*#achievements_imgsection:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid transparent;border-top: 629px solid #FFF;border-right: 470px solid transparent;border-left: 0 solid #FFF;right: 0px;top: 0px;z-index :-1;} #achievements_imgsection:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 510px solid transparent;border-right: 0 solid transparent;border-left: 480px solid #FFF;left: 0px;bottom: 160px;z-index :-1;}*/ .achievement_list{margin: 20px 0 10px 0;} .achievement_title2 { font-size: 22px; color: #585858; margin-top: 15px; text-transform: uppercase; margin-bottom: 10px; text-align: center; } .achievement_listimg{width:95px; height:95px; float:left;} .achievement_listdetails{/*border-left:#0491cc solid 2px;*/ padding-left:20px; float: right; width: 85%;} .achievement_title{font-size:19px; color:#585858; margin-top:0; /*text-transform: uppercase;*/ margin-bottom:10px;font-weight:600;} .achievement_listdetails p{margin-bottom:2px;} #careers_section{/*background: #A4316D;*/ background-attachment:fixed !important; color:#FFF;} #careers_section:before{content: "";height: 0;position: absolute;width: 0; border-right: 0px solid transparent;border-left: 1583px solid #A4316D;left: 0px;top: -865px;z-index :-1;} /*#careers_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 1450px solid #36284f;border-right: 0px solid transparent;border-left: 1583px solid transparent;right: 0px;bottom:-971px; z-index :-1;}*/ #careers_section .maintitle{margin-bottom: -3px;margin-top: 0;position: absolute;top: -16px;} .careers_subtitle{color:#FFF; font-size:19px; font-weight:400; line-height:0px;} .careers_subtitle2{color:#FFF; font-size:31px; font-weight:200; text-transform:none; line-height:45px;margin-bottom: 20px; /* margin-top: -8px; position: absolute; top: -41px;*/margin-top: -90px;} .searchform{background:#FFF; color:#2c2c2c; font-size:17px; margin-right: 0%; margin-top:25px;margin-bottom:25px;} .searchform select{border:none; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; padding:9px 26px 9px 12px; width:100%; margin:0 !important;} .selectheight{height:53px;float:left;} .selectarrow{position:relative;width: 44%; font-weight:500; margin: 0;border-right: #333 solid 1px;} .searchform .selectarrow:after{content:"\f107";color:#333;font-family: FontAwesome;position:absolute;top: 11px;right: 8px;font-size:21px;} .searchform .btn{background: none;color: #333;font-size: 25px !important;padding: 0px 13px; margin-top: -2px;} .searchform .btn:hover, .searchform .btn:focus, .searchform .btn.focus{background:none; color:#333;} .careers_subsctns{padding-left: 40px;padding-bottom: 10px;padding-top: 50px;border-left: #fff solid 1px;position:relative;} .careers_subsctns:before{content:'';width: 19px;height: 19px;border-radius:30px;background:#FFF;position:absolute;top: 0px;left: -10px;} .careers_subsctns:after{content:'';width: 52%;height: 1px;border-radius:30px;background:#FFF;position:absolute;bottom: 0px;left: 0;} .career_search{padding-left: 40px;padding-bottom: 0px;padding-top: 65px;border-left: #fff solid 1px;position:relative;} .career_search:before{content:'';width: 16px;height: 16px;border-radius:30px;background:#FFF;position:absolute;top: -8px;left: -8px;} /**/.career_search:after{content:'';width: 11px;height: 11px;border-radius:30px;background:#FFF;position:absolute;bottom: 0px;left:-6px;} .events_wrpr{padding-left: 40px;padding-bottom: 5px;padding-top: 65px;position:relative;} .events_wrpr:before{content:'';width: 16px;height: 16px;border-radius:30px;background:#FFF;position:absolute;top:-8px;left: -8px;} .events_list{color:#FFF; width:100%; margin: 36px 0 35px 0;} .event_date{width:60px;height:68px;float:left;font-size:37px;text-align: left;padding-top: 6px;} .event_date span{display:block;font-size:13px;margin-top: 4px;} .event_details{border-left:#FFF solid 1px;padding-left:26px;float: right;width: 87%;} .event_title{font-size:20px; font-weight:100; margin-top: 2px;} .event_title a:hover{text-decoration:none;} .daytimeww{padding-left:30px; position:relative;} .daytimeww i{position:absolute; left:0; top: 1px; font-size: 19px;} .locationww{padding-left:30px; position:relative; margin-left:20px;} .locationww i{position:absolute; left:2px; top: 1px; font-size: 19px;} #clients_section{padding-top: 20%;z-index: 9999; background:none;} #clients_section .margin-btm{ margin-top:30px;} #market_section{z-index: 9999; background:none;} #market_section .maintitle{ margin-bottom:40px; margin-top: 100px;} #market_section .margin-btm{ margin-top:30px;} #market_section .market_img{margin-top:100px;} #newsevents_section { padding-bottom: 75px; background: none; z-index: 9999; } #newsevents_section .margin-btm{ margin-top:40px;} .newsevents_list{margin:25px 0;} .newsevents_date{width: 74px;height: auto;float: left;font-size: 36px;font-weight: 600;background:#0491cc;color:#FFF;text-align: center;padding-top: 20px;padding-bottom: 12px; margin-top: 7px;} .newsevents_date span{display:block;font-size:13px;margin-top: 4px;} .newsevents_listdetails{padding-left: 15px;padding-top: 4px;float: right;width: 85%;} .newsevents_title{font-size:17px; color:#585858; margin-top:0; text-transform: uppercase; margin-bottom:10px;} .newsevents_title a:hover{text-decoration:none;} .newsevents_listdetails p{margin-bottom:2px;} /* nt-example1 */ #nt-example1 { max-width: 620px; margin: auto; } #nt-example1-container { text-align: center; } #nt-example1-container i { font-size: 36px; margin: 8px; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #nt-example1-container i:hover { color: #333; } #nt-example1 li { color: #4e4e4e; background: #F2F2F2; overflow: hidden; height: 80px; padding: 10px; line-height: 30px; font-size: 24px; text-align: left; border-bottom: 1px dotted #2c8162; } #nt-example1 li:hover { background: #FFF; } .products_wrpr{} .prdct_category_wrpr{margin-top:40px; margin-bottom:20px;} .category_title{font-size:42px; color:#FFF; margin-bottom:35px; font-weight:300;} .prdct_category_name{font-size:18px; line-height: 26px; text-transform:uppercase; color:#FFF; margin-top:20px; font-weight:400;} .prdct_category_img{border:#52b3dc solid 4px;} .colorwhite{color:#FFF !important;} .colorgrey{color:#3d414c !important;} .colorblack{color:#000 !important;} .colorblue{color:#0491cc !important;} .colorlogo{color:#36284f !important;} .bgblue{background:#002d56 !important;} .bold100{font-weight:100;} .bold200{font-weight:200;} .bold300{font-weight:300;} .bold400{font-weight:400;} .bold500{font-weight:500;} .bold600{font-weight:600;} .bold700{font-weight:700;} .bold800{font-weight:800;} .bold900{font-weight:900 !important;} .top_margin_none{margin-top:0;} .right_margin_none{margin-right:0;} .bottom_margin_none{margin-bottom:0;} .left_margin_none{margin-left:0;} .top_margin20{margin-top:20px;} .right_margin20{margin-right:20px;} .bottom_margin20{margin-bottom:20px;} .left_margin20{margin-left:20px;} .top_margin30{margin-top:30px;} .right_margin30{margin-right:30px;} .bottom_margin30{margin-bottom:30px !important;} .left_margin30{margin-left:30px;} .top_margin40{margin-top:40px;} .right_margin40{margin-right:40px;} .bottom_margin40{margin-bottom:40px !important;} .left_margin40{margin-left:40px;} .top_padding20{padding-top:20px;} .bottom_padding20{padding-bottom:20px;} .left_padding20{padding-left:20px;} .right_padding20{padding-right:20px;} .top_padding10{padding-top:10px;} .bottom_padding10{padding-bottom:10px;} .left_padding10{padding-left:10px;} .right_padding10{padding-right:10px;} .smtxt{text-transform:capitalize !important;} .maintitle{font-size:47px; color:#3d414c; font-weight: bold; margin-bottom:20px; margin-top: 70px;} .marginnone{margin:0 !important;} .top_margin_none{margin-top:0 !important;} .right_margin_none{margin-right:0 !important;} .bottom_margin_none{margin-bottom:0 !important;} .left_margin_none{margin-left:0 !important;} .index-1 {z-index: 1;}.index-2 {z-index: 2;}.index-3 {z-index: 3;}.index-4 {z-index: 4;}.index-5 {z-index: 5;}.index-6 {z-index: 6;}.index-7 {z-index: 7;}.index-8 {z-index: 8;}.index-9 {z-index: 9;}.index-10 {z-index: 10;}.index-big {z-index: 99;} .margintopbtm{margin:20px 0;} .pmargin{margin:22px 0 30px 0;} .paddingnone{padding:0} .top_padding_none{padding-top:0;} .right_padding_none{padding-right:0;} .bottom_padding_none{padding-bottom:0;} .left_padding_none{padding-left:0;} .top_padding30{padding-top:30px;} .bottom_padding30{padding-bottom:30px;} .left_padding30{padding-left:30px;} .right_padding30{padding-right:30px;} .abouttext{padding:22px 5%;} .readbtn{color:#fff; background:#C13F13; text-decoration:none; font-size:15px; font-weight:600; text-transform:uppercase;} .readbtn1{color:#DD3200; text-decoration:none; font-size:13pt; font-weight:600;padding-left: 25px;text-transform:uppercase;} .readbtn:hover{text-decoration:none;} .readbtn1:hover{text-decoration:none;} .readbtn:hover i{margin-left: 8px;} .readbtn1:hover i{margin-left: -25px;} /*.readbtn:hover i:after{content:'';width: 15px; margin-left: -6px;} .readbtn i:after{transition: all 0.3s ease-out; content:'';width: 9px;height: 2px; background:#63666d; position:absolute; left:0;top: 3px;}*/ .readbtn i{font-size: 10px;position: absolute;top: 7px;padding-left: 5px;margin-left: 2px;} .readbtn1 i{font-size: 12pt;position: absolute;top: 5px; padding-left: 5px; margin-left: -22px; } .readbtnsm{color:#3d414c; text-decoration:none; font-size:14px; font-weight:500;padding-right: 20px;text-transform:capitalize;} .readbtnsm:hover{text-decoration:none;} .readbtnsm:hover i{margin-left: 14px;} /*.readbtnsm:hover i:after{content:'';width: 15px; margin-left: -6px;} .readbtnsm i:after{transition: all 0.3s ease-out; content:'';width: 9px;height: 2px; background:#63666d; position:absolute; left:0;top: 3px;}*/ .readbtnsm i{font-size: 10px;position: absolute;top: 6px;padding-left: 5px;margin-left: 8px;} .readbtnwhite{color:#FFF; text-decoration:none; font-size:14px; font-weight:600;padding-right: 20px;text-transform:uppercase;} .readbtnwhite:hover, .readbtnwhite:focus, .readbtnwhite:active{text-decoration:none; color:#FFF;} .readbtnwhite:hover i{margin-left: 14px; color:#FFF;} /*.readbtnwhite:hover i:after{content:'';width: 15px; margin-left: -6px;} .readbtnwhite i:after{transition: all 0.3s ease-out; content:'';width: 9px;height: 2px; background:#FFF; position:absolute; left:0;top: 3px;}*/ .readbtnwhite i{font-size: 10px;position: absolute;top: 6px;padding-left: 5px;margin-left: 8px;} .continuebtn{color:#DD3200; text-decoration:none; font-size:14px; font-weight:600;padding-right: 20px;} .continuebtn:hover{text-decoration:none;} .ceos_profile_wrpr{margin: 0 8% 12% 8%;} .ceos_profile_div{margin:10px 0 50px 0} .ceos_profile_pic{border: #c5c5c5 solid 1px; margin-bottom: 26px; padding: 6px;} .designationww{text-transform:uppercase; color:#3d414c; margin:16px 0; font-weight:900;} .client_logo{padding:15px; border-bottom:#eef0f2 solid 1px;} .client_logo_nobordr .client_logo{ border-bottom:#eef0f2 solid 0px;} .client_logo:nth-child(2){border-left:#eef0f2 solid 1px;border-right:#eef0f2 solid 1px; padding-top: 16px;} #contact_section{position:relative;} #contact_section .maintitle{/*color:#FFF;*/ margin-bottom: 30px; margin-top: 20px;} #contact_section:before{/* content: "";height: 400px;position: absolute;width: 400px;background: #80A42B;border-bottom: 0px solid transparent; *//* border-top: 400px solid rgb(255, 255, 255); *//* border-right: 400px solid transparent; *//* border-left: 0 solid transparent; */} /*.leftcurve{height: 400px;position: absolute;width: 400px;background: #36284f;left: -240px;bottom: 170px;z-index :-2;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}*/ #contact_section:after{/*content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #80A42B; border-top: 1500px solid transparent;border-right: 0px solid transparent;border-left: 1500px solid #80A42B;left: 0;bottom: 0;z-index :-1*/;} /*#contact_section:before { position: absolute; display: block; content: ""; width: 1800px; height: 1800px; background:#2d3e50; left: -700px; top: -130px; right: 0; bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #contact_section:after { position: absolute; display:block; content: ""; width: 1800px; height: 1800px; top: 1295px; left: 25%; bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } */ .address-list2 {list-style:none; display:table;} .address-list2 li{padding-left: 33px;font-size: 13px; line-height:20px; margin-bottom: 6px; position:relative; text-align: left; color:#FFF;} .address-list2 li a{color:#FFF;} .address-list2 li i {position:absolute;top:4px;left:0;font-size: 20px; color:#FFF;} .address-list2 li i.fa-envelope{font-size: 16px;} .contact_info{color:#FFF;} .address-list {list-style:none; display:table;} .address-list li{padding-left: 45px;font-size: 16px; margin-bottom: 2px; position:relative; text-align: left; color:#FFF;} .address-list li a{color:#FFF;} .address-list li i {position:absolute;top:4px;left:0;font-size: 20px; color:#FFF;} .address-list li i.fa-envelope{font-size: 16px;} .social_links{color:#FFF; } .social_links a{color:#FFF;padding: 2px 32px 2px 0px; display:inline-block;position:relative;margin-right: 30px;text-transform:uppercase;font-size: 14px;border-right: #4c5a6a solid 1px;} .social_links a:last-child{border-right:0; margin-right: 0px;} .social_links a:hover, .social_links a:active, .social_links a:focus{color:#FFF; text-decoration: none;} .social_links a i{position:absolute;left:0;top: 6px;font-size: 22px;} #contact_section .quicklinkstitle{margin-bottom: 17px;} .quick_links{padding-bottom:0px;} .quick_links a{color:#efefef; display:block; padding:0px 0; border-bottom:transparent solid 1px; font-size:14px;} .quick_links a:hover, .quick_links a:focus, .quick_links a:active{color:#FFF; border-bottom:#4c5a6a dotted 1px; text-decoration:none;} .copyright{color:#000; padding-bottom:18px; padding-top:10px; font-size: 14px;} /*---------------*/ @media (min-width: 1680px) { #tatafoodsection{padding-top: 150px;} #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #80A42B;border-top: 1500px solid transparent;border-right: 0px solid transparent; left: 0;bottom: 0;z-index :-1;} } @media only screen and (max-width:1366px){ #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #80A42B;border-top: 1366px solid transparent;border-right: 0px solid transparent; left: 0;bottom: 55px;z-index :-1;} } @media only screen and (min-width:600px) and (max-width:640px){ } @media only screen and (min-width:1024px) and (max-width:1280px) { } @media only screen and (max-width:1024px) and (max-width:1152px) { #historysection:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 1700px solid #f9f9f9;border-top: 0px solid transparent;border-right: 0px solid #FFFFFF;border-left: 1520px solid transparent;right: 0px;top: -384px;/*z-index :-1;*/} .history_timeline_wrpr{padding-bottom: 30%;} } @media only screen and (min-width:981px) and (max-width:1024px) { body{padding-top:0px !important;} .navbar-affixed-top{position:static;} .navbar-affixed-top.affix{position:static;} #rev_slider_1_1{position:static !important;} .wcolumnresponsive{width:100% !important;} #tatatextilesection{padding-top:890px;} #tataenergysection{padding-top:910px;} #tatafoodsection{padding-top:40px;} .navbar ul.nav > li > a{padding-left: 14px;padding-right: 14px;font-weight: 500;font-size: 14px;} .abouttatatext{padding:22px 0% !important;} .ceos_profile_wrpr{margin:0 0% 2% 0% !important;} #historysection{padding-top:4%;} #historysection::before{display:none;} .history_img_wrpr{margin-left:0 !important;} .history_timeline_wrpr{padding-bottom: 34%; padding-top: 6%;} #products_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 262px solid transparent;border-right: 0 solid transparent;border-left: 1040px solid #0491cc;left: 0px;top: -260px;z-index :-1;} #achievements_section{border-right:#FFF solid 0px; background:#FFF !important; padding-bottom:20%; height:auto !important;} #achievements_section:before{display:none;} #achievements_section:after{display:none;} .achievement_listdetails{width: 88%;} #careers_section{background: #9ECD12; padding-top:40px; padding-top:70px; padding-bottom:40px;} .leftcurve{display:none;} #careers_section .maintitle{top:-10px;} .careers_subsctns{padding-left: 20px; padding-bottom: 40px;} .career_search{padding-left: 20px;} .selectarrow{width: 43%;} .events_wrpr{padding-left: 20px;} .event_details{width:85%;} #clients_section{padding-top: 10%;} #careers_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 200px solid transparent;border-right: 0px solid transparent;border-left: 1024px solid #36284f;left: 0px;top: -200px;z-index :-1;} /*#careers_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 200px solid #36284f;border-right: 0px solid transparent;border-left: 1024px solid transparent;right: 0px;bottom:-200px; z-index :-1;}*/ #newsevents_section{padding-bottom:20%;} .newsevents_listdetails{width: 88%;} #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #2d3e50;border-top: 1000px solid transparent;border-right: 0px solid transparent;border-left: 3000px solid #2d3e50;left: 0;bottom: 55px;z-index :-1;} .social_links hr{width:100% !important;} } @media only screen and (min-width:900px) and (max-width:980px) { body{padding-top:0px !important;} .navbar-affixed-top{position:static;} .navbar-affixed-top.affix{position:static;} #rev_slider_1_1{position:static !important;} .abouttatatext{padding:22px 0% !important;} .ceos_profile_wrpr{margin:0 0% 2% 0% !important;} #historysection{padding-top:4%;} #historysection::before{display:none;} .history_img_wrpr{margin-left:0 !important;} .history_timeline_wrpr{padding-bottom: 34%; padding-top: 6%;} #products_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 262px solid transparent;border-right: 0 solid transparent;border-left: 1000px solid #0491cc;left: 0px;top: -260px;z-index :-1;} #achievements_section{border-right:#FFF solid 0px; background:#FFF !important; padding-bottom:30%; height:auto !important;} #achievements_section:before{display:none;} #achievements_section:after{display:none;} #careers_section{background:#36284F; padding-top:40px; padding-top:70px; padding-bottom:40px;} .leftcurve{display:none;} #careers_section .maintitle{top:-10px;} .careers_subsctns{padding-left: 20px; padding-bottom: 40px;} .career_search{padding-left: 20px;} .events_wrpr{padding-left: 20px;} .career_search::after{/*display:none;*/} .careers_subsctns::after{display:none;} #careers_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 200px solid transparent;border-right: 0px solid transparent;border-left: 1024px solid #36284f;left: 0px;top: -200px;z-index :-1;} /*#careers_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 200px solid #36284f;border-right: 0px solid transparent;border-left: 1024px solid transparent;right: 0px;bottom:-200px; z-index :-1;}*/ #newsevents_section{padding-bottom:30%;} #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #2d3e50;border-top: 1000px solid transparent;border-right: 0px solid transparent;border-left: 3000px solid #2d3e50;left: 0;bottom: 55px;z-index :-1;} .social_links{padding:10px 0; /*border-top:rgba(255, 255, 255, 0.15) solid 1px; border-bottom:rgba(255, 255, 255, 0.15) solid 1px;*/} .imgparallexsection:before{top: -480px !important;} .imgparallexsection:before{top: -460px !important;} .gallery a {width: 32% !important; max-height: 140px !important; display: inline-block; overflow: hidden; margin: 4px 3px 4px 3px !important; box-shadow: 0 0 1px -1px #000;} } @media screen and (min-width:801px) and (max-width:901px) { body{padding-top:0px !important;} .navbar-affixed-top{position:static;} .navbar-affixed-top.affix{position:static;} #rev_slider_1_1{position:static !important;} .abouttatatext{padding:22px 0% !important;} .ceos_profile_wrpr{margin:0 0% 2% 0% !important;} #historysection{padding-top:4%;} #historysection::before{display:none;} .history_img_wrpr{margin-left:0 !important;} .history_timeline_wrpr{padding-bottom: 34%; padding-top: 0%;} #products_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 262px solid transparent;border-right: 0 solid transparent;border-left: 1000px solid #0491cc;left: 0px;top: -260px;z-index :-1;} #achievements_section{border-right:#FFF solid 0px; background:#FFF !important; padding-bottom:30%; height:auto !important;} #achievements_section:before{display:none;} #achievements_section:after{display:none;} #careers_section{ background-color: #A22B84 !important; padding-top:40px; padding-top:70px; padding-bottom:40px; } .leftcurve{display:none;} #careers_section .maintitle{top:-10px;} .careers_subsctns{padding-left: 20px; padding-bottom: 40px;} .career_search{padding-left: 20px;} .events_wrpr{padding-left: 20px;} .career_search::after{/*display:none;*/} .careers_subsctns::after{display:none;} #careers_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid /*#36284f*/;border-top: 200px solid transparent;border-right: 0px solid transparent;border-left: 1024px solid #36284f;left: 0px;top: -200px;z-index :-1;} /*#careers_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 200px solid #36284f;border-right: 0px solid transparent;border-left: 1024px solid transparent;right: 0px;bottom:-200px; z-index :-1;}*/ #newsevents_section{padding-bottom:30%;} #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #2d3e50;border-top: 1000px solid transparent;border-right: 0px solid transparent;border-left: 3000px solid #2d3e50;left: 0;bottom: 55px;z-index :-1;} .social_links{padding:10px 0; border-top:rgba(255, 255, 255, 0.15) solid 1px; border-bottom:rgba(255, 255, 255, 0.15) solid 1px;} .imgparallexsection:before{top: -480px !important;} .imgparallexsection:before{top: -460px !important;} .gallery a {width: 47% !important; max-height: 170px !important; display: inline-block; overflow: hidden; margin: 4px 6px 4px 6px !important; box-shadow: 0 0 1px -1px #000;} } @media screen and (min-width:768px) and (max-width:800px) { body{padding-top:0px !important;} .navbar-affixed-top{position:static;} .navbar-affixed-top.affix{position:static;} #rev_slider_1_1{position:static !important;} #abouttata:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 400px solid #FFFFFF;border-top: 0px solid transparent;border-right: 0px solid #FFFFFF;border-left: 1800px solid transparent;right: 0px;bottom: 60%;z-index :-1;} .abouttatatext{padding:22px 0% !important;} .ceos_profile_wrpr{margin:0 0% 2% 0% !important;} #products_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 262px solid transparent;border-right: 0 solid transparent;border-left: 800px solid #0491cc;left: 0px;top: -260px;z-index :-1;} #achievements_section{border-right:#FFF solid 0px; background:#FFF !important; padding-bottom:30%; height:auto !important;} #achievements_section:before{display:none;} #achievements_section:after{display:none;} #careers_section{background:#36284F; padding-top:40px; padding-top:70px; padding-bottom:40px;} .leftcurve{display:none;} #careers_section .maintitle{top:-10px;} .careers_subsctns{padding-left: 20px; padding-bottom: 40px;} .career_search{padding-left: 20px;} .events_wrpr{padding-left: 20px;} .career_search::after{/*display:none;*/} .careers_subsctns::after{display:none;} #careers_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 170px solid transparent;border-right: 0px solid transparent;border-left: 1024px solid #36284f;left: 0px;top: -150px;z-index :-1;} /*#careers_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 200px solid #36284f;border-right: 0px solid transparent;border-left: 1024px solid transparent;right: 0px;bottom:-190px; z-index :-1;}*/ #historysection{padding-top:4%;} #historysection::before{display:none;} .history_timeline_wrpr{padding-bottom: 34%; padding-top: 0%;} .history_img_wrpr{margin-left:0 !important;} #newsevents_section{padding-bottom:30%;} #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #2d3e50;border-top: 950px solid transparent;border-right: 0px solid transparent;border-left: 3000px solid #2d3e50;left: 0;bottom: 0;z-index :-1;} .social_links{padding:10px 0; /*border-top:rgba(255, 255, 255, 0.15) solid 1px; border-bottom:rgba(255, 255, 255, 0.15) solid 1px;*/} .imgparallexsection:before{top: -480px !important;} .imgparallexsection:before{top: -460px !important;} .gallery a {width: 47% !important; max-height: 170px !important; display: inline-block; overflow: hidden; margin: 4px 6px 4px 6px !important; box-shadow: 0 0 1px -1px #000;} } @media all and (min-width: 600px) and (max-width:799px){ body{padding-top:0px !important;} .navbar-affixed-top{position:static;} .navbar-affixed-top.affix{position:static;} #rev_slider_1_1{position:static !important;} .abouttatatext{padding:22px 5% !important;} #abouttata:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 80px solid #FFFFFF;border-top: 0px solid transparent;border-right: 0px solid #FFFFFF;border-left: 920px solid transparent;right: 0px;top: -80px;z-index :-1;} #products_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 262px solid transparent;border-right: 0 solid transparent;border-left: 800px solid #0491cc;left: 0px;top: -260px;z-index :-1;} #achievements_section{border-right:#FFF solid 0px; background:#FFF !important; height:auto !important; padding-bottom:30%;} #achievements_section:before{display:none;} #achievements_section:after{display:none;} .achievement_listdetails{width:82%;} #careers_section{background:#36284F; padding-top:40px; padding-top:70px; padding-bottom:40px;} #careers_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 130px solid transparent;border-right: 0px solid transparent;border-left: 1024px solid #36284f;left: 0px;top: -100px;z-index :-1;} /*#careers_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 130px solid #36284f;border-right: 0px solid transparent;border-left: 1024px solid transparent;right: 0px;bottom:-100px; z-index :-1;}*/ .career_search::after{/*display:none;*/} #clients_section .maintitle{margin-top: 18%;} #clients_section{padding-top: 75px;} .careers_subsctns::after{display:none;} #contact_section::before{display:none;} #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #2d3e50;border-top: 130px solid transparent;border-right: 0px solid transparent;border-left: 1000px solid #2d3e50;left: 0;top: -100px;z-index :-1;} .client_logo{border:0;} #historysection{padding-top:1%;} #historysection::before{display:none;} .history_img_wrpr{margin-left:0 !important;} .history_timeline_wrpr{padding-bottom: 34%; padding-top: 8%;clear: both;} .social_links{padding:10px 0; /*border-top:rgba(255, 255, 255, 0.15) solid 1px; border-bottom:rgba(255, 255, 255, 0.15) solid 1px;*/} #newsevents_section{padding-bottom:30%;} #contact_section{background:#2D3E50; margin-top:40px; padding-top:40px;} .navbar-brand{padding:0px 15px 15px 15px !important;} .imgparallexsection:before{top: -480px !important;} .imgparallexsection:before{top: -460px !important;} .gallery a {width: 47% !important; max-height: 170px !important; display: inline-block; overflow: hidden; margin: 4px 6px 4px 6px !important; box-shadow: 0 0 1px -1px #000;} } @media screen and (min-width:481px) and (max-width:640px) { body{padding-top:0px !important;} .navbar-affixed-top{position:static;} .navbar-affixed-top.affix{position:static;} #rev_slider_1_1{position:static !important;} .abouttatatext{padding:22px 5% !important;} #abouttata:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 80px solid #FFFFFF;border-top: 0px solid transparent;border-right: 0px solid #FFFFFF;border-left: 700px solid transparent;right: 0px;top:-76px; z-index :-1;} #products_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 262px solid transparent;border-right: 0 solid transparent;border-left: 800px solid #0491cc;left: 0px;top: -260px;z-index :-1;} #achievements_section{border-right:#FFF solid 0px; background:#FFF !important; height:auto !important; padding-bottom:30%;} #achievements_section:before{display:none;} #achievements_section:after{display:none;} .achievement_listdetails{width:80%;} #careers_section{background:#36284F; padding-top:40px; padding-top:70px; padding-bottom:40px;} #careers_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 150px solid transparent;border-right: 0px solid transparent;border-left: 1024px solid #36284f;left: 0px;top: -100px;z-index :-1;} /*#careers_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 150px solid #36284f;border-right: 0px solid transparent;border-left: 1024px solid transparent;right: 0px;bottom:-100px; z-index :-1;}*/ .career_search::after{/*display:none;*/} #clients_section .maintitle{margin-top: 18%;} #clients_section{padding-top: 75px;} .careers_subsctns::after{display:none;} #contact_section::before{display:none;} #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #2d3e50;border-top: 150px solid transparent;border-right: 0px solid transparent;border-left: 1000px solid #2d3e50;left: 0;top: -100px;z-index :-1;} .client_logo{border:0;} #historysection{padding-top:1%;} #historysection::before{display:none;} .history_img_wrpr{margin-left:0 !important;} .history_timeline_wrpr{padding-bottom: 34%; padding-top: 8%;clear: both;} .social_links{padding:20px 0; /*border-top:rgba(255, 255, 255, 0.15) solid 1px; border-bottom:rgba(255, 255, 255, 0.15) solid 1px;*/} .social_links a{padding:10px 20px 10px 10px; border:none;} #newsevents_section{padding-bottom:30%;} #contact_section{background:#2D3E50; margin-top:40px; padding-top:40px;} .navbar-brand{padding:0px 15px 15px 15px !important;} #companyoverview{background:#ddd !important;} .imgparallexsection:before{top: -480px !important;} .imgparallexsection:before{top: -460px !important;} .gallery a {width: 47% !important; max-height: 170px !important; display: inline-block; overflow: hidden; margin: 4px 6px 4px 6px !important; box-shadow: 0 0 1px -1px #000;} } @media only screen and (min-width:320px) and (max-width:480px) { .navbar ul.nav > li > a { border-top: solid 1px transparent; padding-left: 16px; padding-right: 16px; font-weight: 500; font-size: 15px; } .navbar ul.nav > li > a:hover { border-top: solid 3px #fff; background-color:#DD3200; } .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { text-decoration: none !important; border-top: solid 1px #DD3200; } .maintitle{ font-family:'Josefin Sans', sans-serif; font-size: 35px;margin-bottom: 20px;margin-top: 70px;} .social_links{padding:10px 0 15px 0; /*border-top:rgba(255, 255, 255, 0.15) solid 1px; border-bottom:rgba(255, 255, 255, 0.15) solid 1px;*/} .social_links a{padding:10px 0px 10px 0px; border:none; margin-right: 24px;} body{padding-top:0px !important;} .navbar-affixed-top{position:static;} .navbar-affixed-top.affix{position:static;} #rev_slider_1_1{position:static !important;} .careers_subtitle2{font-size: 24px; line-height:35px; top: -38px;} .careers_subtitle{font-size: 16px; } #contact_section::before{display:none;} #aboutCompany .maintitle{margin-bottom: 10px; margin-top: 40px !important;} #aboutCompany:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 80px solid #FFFFFF;border-top: 0px solid transparent;border-right: 0px solid #FFFFFF;border-left: 600px solid transparent;right: 0px;top: -65px;z-index :-1;} .aboutCompanytext{padding:22px 0%;} #historysection::before{display:none;} .ceos_profile_wrpr{margin:0px 0%;} .ceos_profile_div{margin:10px 0px 24px;} #leadershipsection{padding-bottom: 0px;} #historysection{padding-top: 60px;padding-bottom: 130px;} .history_timeline_wrpr{padding-bottom: 10%; padding-top: 8%;clear: both;} .history_timeline_ul{padding:40px 0px 10px 20px;} .history_timeline_ul li::before{left: -27px;} .history_timeline_ul li::after{width: 10px; left: -12px;} .history_img_wrpr{margin-left:0 !important;} #products_section{background:#0491CC;} #products_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #0491cc;border-top: 120px solid transparent;border-right: 0 solid transparent;border-left: 770px solid #0491cc;left: 0px;top: -80px;z-index :-1;} #products_section .maintitle{position: relative; top:0; margin-bottom: 30px; margin-top: 30px;} #achievements_section{border-right:#FFF solid 0px; background:#FFF !important; padding-bottom:30%; height:auto !important;} #achievements_section:before{display:none;} #achievements_section:after{display:none;} .achievement_listdetails{width:100%; padding-left:0; border-left:0;} #careers_section{background:#36284F; padding-top:40px; padding-top:70px; padding-bottom:40px;} .leftcurve{display:none;} #careers_section .maintitle{top:-10px;} .careers_subsctns{padding-left: 20px; padding-bottom: 40px;} .career_search{padding-left: 20px;} .selectarrow{width:85%;} .events_wrpr{padding-left: 20px;} .career_search::after{/*display:none;*/} .careers_subsctns::after{display:none;} #careers_section:before{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 200px solid transparent;border-right: 0px solid transparent;border-left: 1024px solid #36284f;left: 0px;top: -100px;z-index :-1;} /*#careers_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #36284f;border-top: 200px solid #36284f;border-right: 0px solid transparent;border-left: 1024px solid transparent;right: 0px;bottom:-100px; z-index :-1;}*/ .event_details{border-left:0; border-bottom:1px solid rgba(255, 255, 255, 0.15); padding-bottom:14px; margin-top:6px; padding-left:0; width:100%;} .daytimeww{display:block;} .locationww{display:block; margin-left:0;} .searchform{font-size: 16px; margin-right:0;} .searchform select{padding:8px;} .searchform .btn{font-size: 22px;padding: 0px 2px;margin-top: -46px ;} #clients_section .maintitle{margin-top: 23%;} .client_logo{border:0;} #newsevents_section{padding-bottom:30%;} .newsevents_listdetails{border-left:0; border-bottom:1px solid rgba(0, 0, 0, 0.15); padding-top:10px; padding-bottom:14px; margin-top:6px; padding-left:0; width:100%;} #contact_section:after{content: "";height: 0;position: absolute;width: 0;border-bottom: 0px solid #2d3e50;border-top: 200px solid transparent;border-right: 0px solid transparent;border-left: 1000px solid #2d3e50;left: 0;top: -100px;z-index :-1;} #contact_section{background:#2D3E50; margin-top:40px; padding-top:40px;} .newsevents_list{margin-top:50px;} .navbar-brand{padding:0px 15px 15px 15px !important;} .phone_div, .email_div{display:none;} #companyoverview{background:#ddd !important;} .imgparallexsection:before{top: -580px !important;} .imgparallexsection:before{top: -560px !important;} .job-listing{padding:20px 25px !important;} .job-meta {text-align:left !important; -ms-transform: translateY(0%) !important; -webkit-transform: translateY(0%) !important; transform: translateY(0%) !important; position: static !important; z-index: 1; margin-top: 10px;} .gallery a {width: 100% !important; max-height: 280px !important; display: inline-block; overflow: hidden; margin: 4px 0px 4px 0px !important; box-shadow: 0 0 1px -1px #000;} } /*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/ .sticky .animationloop{color:#FFF; border-bottom:#FFF solid 1px;text-transform: capitalize;} .fixed .animationloop{ color:#333 !important; border-bottom: #94aa38 solid 1px; text-transform: capitalize; font-size: 15px; padding: 5px 0px; } .our-features-box .feature-box { overflow: hidden; font-size: 16px; text-align: center; color: #fff; line-height: 1.4em; font-weight: normal; font-family: 'Montserrat', sans-serif; margin-right: 15px; text-transform: uppercase; letter-spacing: 0.5px; border-radius:3px; padding:25px } .our-features-box .feature-box .content { display: block; text-align: left; margin-left: 40px; border-left: 1px rgba(255,255,255, 0.5) solid; padding-left: 15px; } .our-features-box .feature-box i{color:#fff; left: 20px; top: 52px; font-size: 37px; position: absolute;} .feature-box i.smallsize{font-size: 32px;} .our-features-box .feature-box { position:relative; font-size: 26px; display: block; font-weight: 400; text-transform: none; display: block; color: #fff; line-height: 51px; margin-right:0; font-style: normal; } .wwphone{ background:#94aa38; color: #fff; } .wwwemail{ background:#333840; color: #fff; } .livechatww{ background:#16bed9; color: #fff; } .icon-box .icon { float: left; font-size: 31px; width: 30px; height: 30px; line-height: 40px; margin-right: 15px; color: #94aa38; -webkit-transition: all .3s cubic-bezier(0.25,.46,.45,.94); transition: all .3s cubic-bezier(0.25,.46,.45,.94); } .icon-box .info {overflow:hidden;} .button, .link { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; position: relative; bottom: 0; text-decoration: none; cursor: pointer; font-size:14px; margin-top: 0px; padding: 2px; display:block; } .button:hover, .link:hover { -moz-transition: all 1s ease-in; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; /* background: #82d2e5; border: solid 1px #fff;*/ color: #fff; } .button { background: none; color: #fff; border: solid 0px #fff; } .history_img_wrpr{margin-left: 90px;} .history_img{max-width:400px; max-height:400px; width:100%; height:400px; background-size:contain !important; background-attachment: fixed !important; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .history_img:before{content:""; width:400px; height:400px; background-size:contain !important; background-attachment: fixed !important; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} .paralax { background-position: 50% 0px; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed !important; } .stretch { background-size: cover; background-repeat: no-repeat; background-position: center center; } .history_timeline_scrollwrpr{height: 580px;} .history_timeline_scrollwrpr .history_timeline_ul{margin:5% 3%;/* border-left:#FFF solid 2px;*/} /*.history_timeline_scrollwrpr .history_timeline_ul:before{border:#FFF solid 2px;} .history_timeline_scrollwrpr .history_timeline_ul:after{border:#FFF solid 2px;} .history_timeline_scrollwrpr .history_timeline_ul li:before{background:#FFF;} .history_timeline_scrollwrpr .history_timeline_ul li:after{border:#FFF solid 1px;} .history_timeline_scrollwrpr .history_year{color:#FFF;}*/ .Fresh{margin-top: 30%; margin-bottom: 30%;} .historyspace{margin-top: 20%; margin-bottom: 20%;} .contentspace{margin-top: 6%; margin-bottom: 4%;} .imgparallexsection{position: relative; width: 100%;overflow: hidden;height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:10% 0 8% 0;} .imgparallexsection{position: relative; width: 100%;overflow: hidden;height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:10% 0 8% 0;} .imgparallexsection:after{content: ""; position: absolute; z-index: 1; pointer-events: none; bottom: 0;left: 0; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom: 700px solid white; border-left: 3000px solid transparent;} .imgparallexsection:before{top: -320px;display: block;content: "";position: absolute;z-index: 1; pointer-events: none;left: 0;width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-top: 700px solid white; border-right: 3000px solid transparent;} #companyoverview{position: relative; width: 100%;overflow: hidden;height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:10% 0 8% 0;} #production{position: relative; width: 100%;overflow: hidden;height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:1% 0 1% 0;} #exhibition{position: relative; width: 100%; overflow: hidden; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:0% 0 0% 0;} #contact{position: relative; width: 100%; overflow: hidden; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:5%;} #abouthistory:after{display:none;} #abouthistory:before{display:none;} .valueitalictxt{font-size: 17px; font-style: italic; font-weight: normal; margin: -5px 0px 10px 0px; display:inline-block;border-top: #0491cc solid 1px; padding-top: 6px; border-bottom: #0491cc solid 1px; padding-bottom: 6px;} .inputfield{border-radius:3px; margin-bottom: 20px; display: block; width: 100%; padding: 10px 12px; font-size: 15px; font-weight: 400; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid rgba(0, 45, 86, 0.3); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} input, textarea, select{border-radius:3px; margin-bottom: 20px !important; display: block; width: 100%; padding: 10px 12px; font-size: 15px; font-weight: 400 !important; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid rgba(0, 45, 86, 0.3); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: all 0.3s ease-out;} .inputsubmitbtn{width:auto;transition: all 0.3s ease-out;background:#0491cc !important;color: #FFFFFF !important;} .inputsubmitbtn:hover{background:#0491cc; color:#FFF;} button, html input[type=button], input[type=reset], input[type=submit]{border-radius:3px; margin-bottom: 20px; display: block; width: auto; padding: 10px 30px; font-size: 15px !important; font-weight: 400 !important; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid rgba(0, 45, 86, 0.3); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: all 0.3s ease-out;} .contactsocial_links a{padding:2px; color:#333;} .contactsocial_links a i{color:#333; font-size: 22px;} @media (min-width: 900px ){ .navbar-toggle{display:none !important} } @media (min-width: 900px){ .navbar-collapse{ width:auto; border-top:0;box-shadow:none } .navbar-collapse.collapse{ display:block !important;height:auto!important;padding-bottom:0;overflow:visible!important } .navbar-collapse.in{ overflow-y:visible } .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{ padding-left:0;padding-right:0 } } .job_listings_wrpr{border: 1px solid #dfdfdf; border-radius: 2px; padding: 0px 0px;} .job-title {display: block; font-size: 22px; font-weight: 400; max-width: 100%;} .job-type-time {color: #6f6f6f;font-size: 14px; margin-top: 8px;} .job-type:before {content: ' '; margin: 0 2px;} .job-type-time i {margin-right: 10px;} .job-meta { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 15px; text-align: left; top: 50%; z-index: 1;width: 210px;} .job-location {max-width: 100%; overflow: hidden; white-space: normal; font-size: 17px; color:#FFF;} .job-location a{color:#FFF;} .job-location a:hover, .job-location a:focus{color:#FFF;} .job-listing { cursor: pointer; display: block; font-size: 15px;line-height: normal; position: relative;margin-top:-1px;border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf;padding: 45px 240px 45px 30px;} .job-listing:hover {background: rgba(250,250,250,0.6); text-decoration: none;border-top: 1px solid #0491cc !important;} .job-listing:hover .job-link{text-decoration:none;} .job-link123{color:#FFF; font-weight: 700; font-size: 26px;} .job-link123:hover, .job-link123:focus{color:#FFF;} .job_listings_details{border: 3px solid #31849b; border-radius: 2px; padding: 30px 30px;} .apply_btn{color:#0491cc; text-decoration:none; font-size:21px; font-weight:bold;padding-right: 30px;text-transform:uppercase;} .apply_btn:hover{text-decoration:none;} .apply_btn:hover i{margin-left: 8px;} .apply_btn i{font-size: 29px;position: absolute;top: 0px;padding-left: 10px;margin-left: 2px;} .job-info123{background: #2d3e50 ; overflow: hidden; margin: -30px; padding: 20px 30px; color: #FFF;} /* style 6 */ .inputfile-6 + label { color: #555; } .inputfile-6 + label { border: 1px solid rgba(0, 45, 86, 0.3); background-color: #FFF; padding: 0; width: 100%; } .inputfile-6:focus + label, .inputfile-6.has-focus + label, .inputfile-6 + label:hover { border-color: rgba(0, 45, 86, 0.3); } .inputfile-6 + label span, .inputfile-6 + label strong { padding: 0.625rem 1.25rem; /* 10px 20px */ } .inputfile-6 + label span { width: 58%; min-height: 2em; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; } .inputfile-6 + label strong { height: 100%; color: #FFF; background-color: #0491cc; display: inline-block; font-weight:500; float:right; } .inputfile-6 + label svg {color:#FFF;} .inputfile-6:focus + label strong, .inputfile-6.has-focus + label strong, .inputfile-6 + label:hover strong { background-color: #0491cc; } @media screen and (max-width: 50em) { .inputfile-6 + label strong { display: block; } } .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .greyborder_img{border:#F3F3F3 solid 10px;} #baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } @-webkit-keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; -moz-border-radius: 2%; border-radius: 2%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 13px sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; } .baguetteBox-button#previous-button { left: 2%; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } /* Preloader Borrowed from http://tobiasahlin.com/spinkit/ */ .baguetteBox-spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; } .baguetteBox-double-bounce1, .baguetteBox-double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .baguetteBox-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } } /*.gallery:after { content: ''; display: block; height: 2px; margin: .5em 0 1.4em; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%); }*/ .gallery img { height: auto; } .gallery a { width: 23%; max-height: 170px; display: inline-block; overflow: hidden; margin: 4px 9px 4px 10px; box-shadow: 0 0 1px -1px #000; } .bs-callout-info { border-left-color: #0491cc !important; background:#FFF; } .bs-callout { padding: 20px; margin: 20px 0; border: 0px solid #0491cc; border-left-width: 5px; border-radius: 1px; width:100%; } .bs-callout h1, .bs-callout h2, .bs-callout h3, .bs-callout h4, .bs-callout h5, .bs-callout h6 {margin:0; line-height:35px;} .bs-callout h4{text-transform:uppercase; color: #0491cc;font-weight: 700;} .equalheightrow{display: flex; flex-wrap: wrap;} .equalheightcol{display: flex; flex-wrap: wrap;} .ac-medium ul li{border-bottom: #ddd solid 1px; padding-bottom: 5px; padding-top: 5px; } .ac-medium ul li:last-child{} .panel-heading{font-weight: bold; font-weight: 700; padding: 1.2em 1.4em !important; background: #2d3e50 !important; color: #FFF !important;} a.panel-title:hover, a.panel-title:focus{text-decoration:none;} /*.in+.panel-heading{color: #fff; background-color: #0491cc !important; border-color: #ddd;}*/ .prodct_div{margin-bottom:20px important;padding:20px;border-radius:4px;box-shadow: inset #0491cc 2px 2px 0px;} .back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; border-radius: 0; opacity: 1; z-index:999999;background: #B02700 !important} .back-to-top:hover{background: #E42003/*#0491cc*/ !important;} .whitebgdiv{background:#FFF; padding:20px;} .panel-heading:hover, .panel-heading:active, .panel-heading:focus{color: #FFF !important;} .panel-heading a:hover, .panel-heading a:active, .panel-heading a:focus{color: #FFF !important;} .achive_gal .prdct_category_img { border: #52b3dc solid 4px; margin: 15px 0px; } .doc_down { color: inherit; text-decoration: inherit; } .doc_down img { margin: 0px 10px 10px 0px; } @media only screen and (min-width:1280px) and (max-width:1366px) { /*#careers_section:after{bottom: -860px !important;}*/ #contact_section:before{top: -650px !important;} } @media only screen and (min-width:1200px) and (max-width:1280px) { /*#careers_section:after{bottom: -840px !important;}*/ #contact_section:before{top: -690px !important;} } #myModalLabel.modal-title { display: none; } .modal-header button.close { margin-top: -10px; } .panel-group .panel{margin-bottom: 12px !important;} .panel-heading:hover{background:#2d3e50 !important; color:#FFF !important;} .panel-title{display:block;font-size: 18px !important;font-weight: 400;} .panel-title:hover{color:#FFF !important;} .ui-icon-triangle-1-e{ display: block; width: 14px; height: 14px; position: absolute; right: 0px; top: 12px; background: #FFF; } .ui-icon-triangle-1-s, .ui-icon-triangle-1-e{ height: 2px; width: 14px; background: #FFF; } .ui-icon-triangle-1-e{ background: #FFF; } .collapsed > .ui-icon-triangle-1-e:before{ content: ""; display: block; height: 14px; width: 2px; position: relative; top: -6px; left: 6px; background: #FFF!important; } .panel-heading:hover .ui-icon-triangle-1-e { background:#fff; -webkit-transition:all 180ms ease-in; transition:all 180ms ease-in; } .panel-heading:hover .ui-icon-triangle-1-e:before { background:#fff !important; -webkit-transition:all 180ms ease-in; transition:all 180ms ease-in; } ul.bullet{margin:0;} ul.bullet li{padding-left:25px; position:relative; list-style:none;} ul.bullet li:before {content:''; width:12px; height:12px; border-radius:10px; border:#9ed1b9 solid 2px; position:absolute; top:7px; left:0;} ul.bullet li ul li:before {content:''; width:8px; height:2px; border:none; background:#9ed1b9; position:absolute; top:9px; left:0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} ul.bullet li ul li:after {content:''; width:8px; height:2px; border:none; background:#9ed1b9; position:absolute; top:14px; left:0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .banner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; } .opacity3{opacity:0.3;} .opacity4{opacity:0.4;} .opacity5{opacity:0.5;} .opacity6{opacity:0.6;} .opacity7{opacity:0.7;} .opacity8{opacity:0.8;} .opacity9{opacity:0.9;} /*#about_anchorslide, #history_anchorslide, #corevalues_anchorslide{padding-top:170px; margin-top:-110px;}*/ #about_anchorslide{padding-top:130px; margin-top:-110px !important;} #our-core-values, #jobslist, #inquiry {padding-top:100px; margin-top:-110px;} #history{padding-top:140px; margin-top:-110px !important;} #why-tata-pakistan {padding-top: 130px; margin-top: -80px !important;} #company-overview .contentspace h1 { text-align: left !important; } .line-scroll-btn a { width: 50px; height: 50px; text-align: center; background: rgba(0,0,0,0.5); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: inline-block; position: absolute; bottom: 14%; left: 50%; margin-left: -25px; z-index: 9; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .line-scroll-btn a i { color: #ffffff; line-height: 50px; } .line-scroll-btn .animated { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .line-scroll-btn a:active, .line-scroll-btn a:visited, .line-scroll-btn a:focus{ -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;} @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); } 60% { -webkit-transform: translateY(-10px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-10px); } } .line-scroll-btn .bounce { -webkit-animation-name: bounce; animation-name: bounce; } #scrolldowwn{position:absolute; bottom:16%;} .texttilemenu ul.dropdown-menu li:nth-child(3), .texttilemenu ul.dropdown-menu li:nth-child(4), .texttilemenu ul.dropdown-menu li:nth-child(5), .texttilemenu ul.dropdown-menu li:nth-child(6), .texttilemenu ul.dropdown-menu li:nth-child(7), .texttilemenu ul.dropdown-menu li:nth-child(8), .texttilemenu ul.dropdown-menu li:nth-child(9) { text-indent : 20px; } .prdct_titlew{font-size: 17px; line-height: 25px;} /*---------------*/ /***** Oscar *****/ /*---------------*/ .grid { position: relative; border: #333 solid 1px; margin-bottom: 26px; padding: 0px; overflow: hidden; list-style: none; text-align: center; } /* Common style */ .grid figure { position: relative; float: left; margin: 0px 0%; /*min-width: 320px;*/ max-width: 100%; max-height: 360px; width: 100%; /*background: #000;*/ text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 400; vertical-align: middle; } .sp_p .grid figure h2{font-size: 26px;} .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } figure.effect-oscar { /*background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);*/ } figure.effect-oscar img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar figcaption { padding: 2em; -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; } figure.effect-oscar h2 { margin: 10% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,0%,0); } figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); } figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); } figure.effect-oscar:hover img { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); } .sp_p h1, .sp_p h2 { margin-top: 0 !important; font-size: 47px; color: #3d414c; font-weight: 100; margin-bottom: -15px; text-align: center; } .sp_p p { padding: 22px 13%; text-align:center; } .ersformfields { font-size: 15px!important; border-top: #FFF solid 0!important; border-left: #FFF solid 0!important; border-right: #FFF solid 0!important; margin-bottom: 20px!important; padding-left: 0!important; border-bottom: #C1C1C1 solid 1px!important; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; border-radius:0; background-color: transparent; } .ersformfields:active,.ersformfields:focus,.ersformfields:hover{padding-left:12px!important;background-color: #FFFFFF;}.ersformfields:focus{border-bottom:#0491cc solid 1px!important;background-color: #FFFFFF;} /* #2 ul.dropdown-menu .yamm-content .col-sm-3 li:nth-child(2) {padding-left:20px;} #2 ul.dropdown-menu .yamm-content .col-sm-3 li:nth-child(3) {padding-left:20px;} */ .blackcolor a{ color: #3d414c; } .modal-body h5{display:none;} .sc { padding-top: 115px; margin-top: -115px !important; } .text-upper {text-transform: uppercase;} .job-listing .abbr { font-size: 24px; font-weight: bold; height: 80px; line-height: 80px; position: absolute; margin-top: auto; margin-bottom: auto; width: 80px; text-align: center; color: white; background: #2d3e50; } @media (min-width: 1200px) { .job-listing .abbr { left: -6.9%; bottom: 0; top: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .job-listing .abbr { left: -5.9%; bottom: 0; top: 0; } } .careersw_page .careersw_page_btn{background: #0491cc; color: #FFF; padding: 9px 15px 9px 15px; margin: 0; display: inline-block;} .careersw_page select{width: calc(100% - 47px); float: right; /*padding-left: 60px;*/ padding: 14px 26px 14px 12px;} .careersw_page .selectarrow{border-color:#bfbfbf !important;} .careersw_page .selectarrow:before{content: "\f107"; font-size: 19px; color: #333; font-family: FontAwesome; width: 16px; height: 16px; z-index: 9; background: #FFF; position: absolute; top: 19px; left: 16px; line-height: 18px; padding-left: 2px;} .careersw_page .selectarrow:after{content:""; color: #333; font-family: FontAwesome; position: absolute; top: 0px; left: 0px; font-size: 21px; width: 48px; height: 100%; background: #2d3e50;} .address_sep{ border-right: 1px dashed rgb(4, 145, 204); } #our-core-values .col-sm-6 { margin-bottom:10px; } table ul li { margin: 10px 0px; } ::-webkit-input-placeholder { /* WebKit browsers */ opacity: 1 !important; } :-moz-input-placeholder { /* WebKit browsers */ opacity: 1 !important; } ::-webkit-textarea-placeholder { /* WebKit browsers */ opacity: 1 !important; } :-moz-textarea-placeholder { /* WebKit browsers */ opacity: 1 !important; } .tablescroll { overflow-x:auto; } .font_size_21{font-size:20px;} .job_listings_details .job-location { width: 50%; overflow: hidden; white-space: normal; float: left; } .tp-leftarrow{top:300px !important;} .tp-rightarrow{top:300px !important;} .ceos_profile_wrpr h4.designationww {font-weight: bolder; font-size: 22px;} .whitetoggle .panel-heading{background:rgba(255, 255, 255, 0.7) !important; color:#000 !important;} .whitetoggle .panel-heading:hover{background:rgba(255, 255, 255, 0.7) !important; color:#000 !important;} .whitetoggle .panel{background:rgba(255, 255, 255, 0.7) !important;} /*.whitetoggle .panel-body{background:#FFF !important;}*/ .whitetoggle .panel-heading a:hover, .whitetoggle .panel-heading a:active, .whitetoggle .panel-heading a:focus{color:#000 !important;} .thumb_inner{margin-bottom:30px;} .inner_desc{font-size: 16px; line-height: 24px; margin-top: 6px;} .goback{color:#FFF; font-size: 12pt; font-weight: 400 !important;} .goback i{font-size: 16pt; top: 0px;} .addlocator{color:#FFF; } .addlocator a{color:#FFF;padding: 0px !important; display:inline-block;position:relative;margin-right: 30px;text-transform:uppercase;font-size: 14px;border-right: #4c5a6a solid 1px;} .addlocator a:last-child{border-right:0; margin-right: 0px;} .addlocator a:hover, .social_links a:active, .social_links a:focus{color:#FFF; text-decoration:none;} .addlocator a i{position:absolute;left:0;top: 6px;font-size: 22px;} .spacemargin li{margin: 12px 0;} .spacemargin li img{margin-right: 12px;} .sitemap_div a{color: #333; display: block; font-size: 14px; padding: 2px 0 3px 22px; border-bottom: transparent solid 1px; position:relative;} .sitemap_div a:before{content:"\f105"; font-family:FontAwesome; position:absolute; left:0;} .sitemap_div a:hover, .sitemap_div a:focus, .sitemap_div a:active{text-decoration:none; color:#0491cc;} .sitemap_sub_title{font-size: 19px; text-transform: none; font-weight: 700; line-height: 28px;} .mb-10{ margin-bottom: 10px; } .quick_links .searchform{ margin-top: 5px; } .navbar-header img{ width: 132px; } /* The container */ .job_container { display: inline-table; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .job_container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .job_container:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .job_container input:checked ~ .checkmark { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .job_container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .job_container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } input[type=date], input[type=time], input[type=datetime-local], input[type=month]{ line-height: 1 ! important; padding: 8px; } textarea.inputfield.error, .inputfile-6.error + label, .inputfield.error, .has-error .inputfield, .has-error textarea.inputfield, .has-error .inputfile-6 + label span { border-color: red; } .form-group .help-block{ margin-bottom: -20px; margin-top: -18px; font-size: 14px; } #job_id_applyNow .form-group{ margin-bottom: 14px; }