/************* @BASE STYLE  *************/
* { margin: 0; padding: 0; outline: none; }
html,
body { width: 100%; height: 100%; }
body { font-family: 'Source Sans Pro', sans-serif; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
textarea { resize: none; overflow: auto; }
li { list-style: none; }
b { font-weight: normal; }
input[type=number] { -moz-appearance: textfield; }
textarea:focus,
input:focus,
select:focus,
button:focus { outline: none; }
::-webkit-scrollbar {
width: 6px;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #ccc;
}
::-moz-selection {
color: #FFF;
background: #13091f;
}
::selection { color: #fff; background: #58c4eb; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/************* @COMPONENTS STYLE  *************/
.btn { height: 44px; padding: 0 25px; min-width: 110px; line-height: 40px; font-size: 14px; font-weight: 700; display: inline-block; background: none; text-transform: uppercase; text-align: center; border: 2px solid #4c4c4c; color: #4c4c4c; transition: all 0.4s ease; }
.btn:hover { opacity: 0.75; }
.blueColor { color: #2d1f71; border-color: #2d1f71; }
.skyColor { color: #28bdb1; border-color: #28bdb1; }
.redColor { color: #d44545; border-color: #d44545; }
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
/************* @ICONSET STYLE  *************/
.allIcon { display: inline-block; background-image: url(../images/subros-sprite-copy.png); background-repeat: no-repeat; background-size: 600px 600px; }
.techIcon { background-image: url(../images/technology-sprite.png); background-repeat: no-repeat; background-size: 800px 75px; }
.logoIcon { width: 165px; height: 42px; background-position: -434px -38px; }
.linkdinIcon { width: 38px; height: 38px; background-position: -337px 0; }
.twitterIcon { width: 38px; height: 38px; background-position: -374px 0; }
.excIcon { width: 152px; height: 36px; background-position: -136px -3px; }
.playIcon { width: 106px; height: 98px; background-position: 0 -39px; }
.locIcon { width: 17px; height: 20px; background-position: -319px 0; }
.locblueIcon { width: 17px; height: 20px; background-position: -321px -20px; }
.locmapicon { width: 31px; height: 56px; background-position: -136px -42px; }
.reloadIcon { width: 34px; height: 42px; background-position: -166px -46px; }
.downloadicon { width: 30px; height: 30px; background-position: -198px -50px; }
.downwhiteIcon { width: 30px; height: 30px; background-position: -228px -50px; }
.aboutIcon { display: inline-block; background-image: url(../images/about-sprite.png); background-repeat: no-repeat; background-size: 800px 75px; }
.custIcon { width: 80px; height: 75px; background-position: 0 0; }
.innvotationIcon { width: 80px; height: 75px; background-position: -80px 0; }
.worldIcon { width: 80px; height: 75px; background-position: -160px 0; }
.disciplineIcon { width: 80px; height: 75px; background-position: -240px 0; }
.indivIcon { width: 80px; height: 75px; background-position: -320px 0; }
.integrityIcon { width: 80px; height: 75px; background-position: -400px 0; }
.workIcon { width: 80px; height: 75px; background-position: -480px 0; }
.trustIcon { width: 80px; height: 75px; background-position: -560px 0; }
.simulationIcon { width: 55px; height: 51px; background-position: -13px -12px; display: inline-block; vertical-align: middle; }
.testingIcon { width: 38px; height: 55px; background-position: -101px -9px; display: inline-block; vertical-align: middle; }
.flowIcon { width: 74px; height: 65px; background-position: -163px -6px; display: inline-block; vertical-align: middle; }
.toolIcon { width: 26px; height: 60px; background-position: -267px -7px; display: inline-block; vertical-align: middle; }
.compIcon { width: 67px; height: 44px; background-position: -327px -12px; display: inline-block; vertical-align: middle; }
.manuIcon { width: 79px; height: 46px; background-position: -401px -15px; display: inline-block; vertical-align: middle; }
.facIcon { width: 52px; height: 55px; background-position: -494px -10px; display: inline-block; vertical-align: middle; }
.qualityIcon { width: 41px; height: 63px; background-position: -580px -6px; display: inline-block; vertical-align: middle; }
.carrerIcon { display: inline-block; background-image: url(../images/career-sprite.png); background-repeat: no-repeat; background-size: 164px 80px; }
.campusIcon { width: 82px; height: 80px; background-position: 0 0; }
.lateralIcon { width: 82px; height: 80px; background-position: -80px 0; }
.bagIcon { width: 24px; height: 24px; background-position: -319px -62px; }
.locationIcon { width: 24px; height: 24px; background-position: -318px -41px; }
.groupIcon { display: inline-block; background-image: url(../images/suri-group-sprite.png); background-repeat: no-repeat; background-size: 425px 74px; }
.manufactureIcon { width: 85px; height: 74px; background-position: 0 0; }
.telecomIcon { width: 85px; height: 74px; background-position: -85px 0; }
.hospitalIcon { width: 85px; height: 74px; background-position: -169px 0; }
.autoIcon { width: 85px; height: 74px; background-position: -255px 0; }
.eduIcon { width: 85px; height: 74px; background-position: -341px 0; }
/************* @HEADER BAR  *************/
header { background: transparent; position: fixed; top: 0; left: 0; right: 0; z-index: 11; height: 70px; transition: all 0.2s ease 0.1s; padding: 16px 0; }
header.fixHeader,
header.innerheader { background: #131313; margin: 0; border-bottom: none; }
header h1 { width: 180px; text-align: center; float: left; font-size: 0; margin: -25px 0; padding: 22px 0 21px; }
header h1 a { padding: 5px 0; display: block; }
header nav { float: left; padding: 10px 0 0; }
header .excellenceBtn { }
header nav ul li { display: inline-block; margin: 0 12px; }
header nav ul li a { text-align: center; display: block; color: #EF512E; text-transform: uppercase; font-size: 13px; font-weight: 900; }
header nav ul li.active a { color: #000; }
header nav ul li a:hover { color: #000; }
@media (min-width:320px) and (max-width:1024px) {
	header nav ul li.active a { color: #fff; }
	header nav ul li a:hover { color: #fff; }
}
header.fixHeader nav ul li a { text-align: center; display: block; color: #EF512E; text-transform: uppercase; font-size: 13px; font-weight: 900; }
header.fixHeader nav ul li.active a { color: #FFFFFF; }
header.fixHeader nav ul li a:hover { color: #FFFFFF; }


header .navToggle { position: absolute; z-index: 3; right: 20px; top: 24px; display: block; cursor: pointer; width: 32px; height: 32px; }
header .navToggle span,
header .navToggle span:before,
header .navToggle span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 30px; top: 9px; background: white; position: absolute; display: block; content: ''; transition: all 500ms ease-in-out; }
header .navToggle span:before { top: -8px; }
header .navToggle span:after { bottom: -9px; }
/************* @FOOTER BAR  *************/
footer { background: #1d1d1d; padding: 15px 0 15px 0; position: relative; }
footer .container-fluid { position: relative; z-index: 6; }
footer small { display: block; text-align: center; color: #797979; font-size: 12px; font-weight: 400; }
footer small a { color: #797979; }
footer ul li { display: inline-block; text-align: center; }
footer ul li a { text-transform: uppercase; }

@media (min-width:320px) and (max-width:767px) {
    footer .container-fluid { position: relative; z-index: 6; }
    footer .qrLink {width: 100px;
        height: 100px;}
    footer .socialLinks { position: absolute;  top: 25px; margin-top: 170px;}
    footer .usefullLinks { text-align: center; padding: 15px 0; margin-top: 45px;}
    footer .usefullLinks li { min-width: 115px; }
    footer .usefullLinks a { color: #fff; font-weight: 900; font-size: 13px; }
    footer .usefullLinks li.active a { color: #EF512E; }

}

@media (min-width:1025px) {
    footer .container-fluid { position: relative; z-index: 6; height: 200px;}
    footer .qrLink {width: 100px;
        height: 100px; margin-left: 40px; margin-right: 40px;}
    footer .socialLinks { position: absolute; right: 20px; top: 25px; }
    footer .socialLinks a { display: inline-block; margin: 0 10px; }
    footer .usefullLinks { text-align: center; padding: 15px 0; margin-top: 8px; }
    footer .usefullLinks li { min-width: 115px; }
    footer .usefullLinks a { color: #fff; font-weight: 900; font-size: 13px; }
    footer .usefullLinks li.active a { color: #EF512E; }
    footer .appLinks { position: absolute; left: 20px; top: 5px; }
    footer .appLinks a { display: inline-block;}
    footer .appLinksTwo { position: absolute; left: 20px; top: 120px; }
    footer .appLinksTwo a { display: inline-block;}
}



footer .bottomLinks { text-align: center; padding: 0 0 40px 0; }
footer .bottomLinks li { position: relative; padding: 0 3px; }
footer .bottomLinks li:after { content: ''; position: absolute; width: 1px; height: 12px; right: -2px; top: 5px; background: #b7b7b7; }
footer .bottomLinks li a { color: #b7b7b7; font-size: 12px; }
footer .bottomLinks li:last-child:after { display: none; }
/************* @INDEX PAGE  *************/
/** VIDEO WRAP **/
.fullvideo { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; }
.videoBanner { height: 540px; width: 100%; position: relative; overflow: hidden; z-index: 0; }
.videoBanner span { margin: 100px 0 0 0; position: relative; text-align: center; display: block; }
.videoBanner .playBtn { margin: 50px 0 0 0; }
.videoBanner .videoOverlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.videoTitle { z-index: 2; position: absolute; height: 100%; width: 100%; }
.videoTitle p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; font-size: 40px; font-weight: 700; text-align: center; line-height: 50px; }
.videoTitle .viewFilm { color: #EF512E; border-color: #EF512E; position: absolute; }
.videoPopup { z-index: 100; }
.videoPopup .simplePopupClose { color: #737373; top: -15px; right: -22px; cursor: pointer; }
.centerWrap { background: #eee; }
.wrapPage { background: #fff; margin: -60px 0 0; position: relative; z-index: 5; }
.wrapPage h2 { text-transform: uppercase; font-weight: 900; font-size: 20px; }
.wrapPage p { font-size: 16px; font-weight: 400; line-height: 30px; color: #363636; }
.wrapPage .awdpoints { padding-bottom: 15px; list-style: circle; }
.wrapPage .awdpoints li { font-size: 16px; font-weight: 400; color: #363636; margin-top: 8px; padding-left: 20px; position: relative; }
.wrapPage .awdpoints li:before { content: ""; width: 8px; height: 8px; display: block; position: absolute; left: 0; top: 8px; background: #666; border-radius: 50%; }
.automotiveSection,
.productSection,
.customerSection,
.locatorSection,
.awardSection { padding: 20px; position: relative; }
.automotiveSection p { margin: 0 40px 35px 0; }
.automotiveSection h2 { color: #373737; margin: 0 0 20px; }
.automotiveSection .btnwrap { text-align: center; }
.automotiveSection .btnwrap .btn { margin: 0 20px 0 0; }
.automotiveSection .btnwrap .btn:last-child { margin: 0; }
.productSection p,
.productSection h2 { color: #fff; }
.productSection h3 { font-size: 22px; line-height: 20px; color: #5542b8; font-weight: 900; margin: 30px 0 10px; text-transform: uppercase; }
.productSection .btn { width: 120px; }
.productSection .modal3dbox { text-align: center; }
.productSection .modal3dbox img { max-width: 100%; margin: 0 auto; }
#productSlider { margin: 20px 0 0; }
.customerSection h2 { color: #ec8121; margin: 0 0 20px; }
.customerSection img { margin: 4px auto; }
.locatorSection {/* background: #49399b;*/ }
.locatorSection p,
.locatorSection h2 { color: #fff; }
.locatorSection p { padding: 0 20px 0 0; }
.locatorSection h2 { margin: 0 0 20px; }
.locatorSection .btn { width: 180px; }
.locatorSection .map { width: 100%; height: 380px; border: 8px solid #fff; float: right; margin-right: 40px; }
.awardSection { background: #eee; }
.awardSection h2 { margin: 0 0 20px; color: #d44545; }
.awardSection img { margin: 10px auto 0; }
.productSection .btn,
.locatorSection .btn { margin: 40px 0 0; }
.gallerywrap { position: relative; right: 10px; }
.gallerywrap .frame { border: 6px solid #fff; width: 300px; height: 220px; display: block; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25); position: absolute; transition-duration: 1s; }
.gallerywrap img { max-width: 100%; }
.gallerywrap .loca1 { right: 150px; top: 75px; z-index: 3; }
.gallerywrap .loca2 { right: 0px; top: 150px; z-index: 2; }
.gallerywrap .loca3 { right: 40px; top: 0; z-index: 1; }
.gallerywrap .frame.active { transform: scale(1.3); -webkit-transform: scale(1.3); z-index: 10; }
.automotiveSection .locdetail { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; opacity: 0; }
.automotiveSection .locdetail p { font-size: 20px; color: #fff; font-weight: 900; margin: 0; }
.automotiveSection .locdetail span { font-size: 16px; color: #fff; font-weight: 400; }
.automotiveSection .locdetail span i { margin-right: 5px; }
.gallerywrap .frame.active .locdetail { opacity: 1; }
/************* @OWL SLIDER  *************/
.owl-carousel { display: none; position: relative; width: 100%; height: 100%; }
.owl-carousel .owl-wrapper:after { clear: both; }
.owl-carousel .owl-wrapper { position: relative; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; height: 100%; }
.owl-carousel .owl-item.loading { background: url(../images/loading.svg) no-repeat 75% center; }
.owl-carousel .owl-item .item { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-controls { position: absolute; left: 10px; top: 50%; margin: -20px 0 0 0; width: 100%; }
.owl-controls .owl-buttons { width: 100%; position: relative; }
.owl-buttons .owl-prev,
.owl-buttons .owl-next { background-image: url(../images/subros-sprite.png); background-repeat: no-repeat; width: 16px; height: 20px; font-size: 0; cursor: pointer; position: absolute; }
.owl-buttons .owl-prev { background-position: -288px 0; left: -50px; }
.owl-buttons .owl-next { background-position: -305px 0; right: -30px; }
.custom-size-img {
    width: auto !important;
    max-width: 100%; /* Prevent overflow */
    height: auto;     /* Maintain aspect ratio */
}

/************* @INVESTOR pAGE  *************/
.chosen-container { background: #F3F3F3; }
.chosen-container-single .chosen-single { font-size: 20px; padding: 0 15px; height: 44px; line-height: 44px; }
.chosen-container-single .chosen-single span { margin-right: 20px; }
.chosen-container.chosen-with-drop .chosen-drop { background: #F3F3F3; border: none; }
.chosen-container .chosen-results { max-height: 300px; }
.chosen-container .chosen-results li { font-size: 16px; padding: 10px 15px; color: #999; border-bottom: 1px solid #ccc; box-sizing: border-box; }
.chosen-container .chosen-results li:hover,
.chosen-container .chosen-results li.result-selected { opacity: .6; }
.colorselect .chosen-container { background: #EFEDF4; }
.colorselect .chosen-container-single .chosen-single { font-size: 16px; }
.colorselect .chosen-container-single .chosen-single span { color: #2D1F71; font-weight: 900; }
.colorselect .chosen-container.chosen-with-drop .chosen-drop { background: #EFEDF4; border: none; }
.colorselect .chosen-container .chosen-results li { padding: 15px 10px; color: #2D1F71; font-weight: 900; text-transform: uppercase; border-color: #ddd; }
.colorselect .chosen-container .chosen-results li:hover,
.colorselect .chosen-container .chosen-results li.result-selected { opacity: .6; }
.colorselect .chosen-container-single .chosen-single::before { border-top-color: #2D1F71; }
.colorselect .chosen-container-active.chosen-with-drop .chosen-single:before { border-bottom-color: #2D1F71; }
/************* @FEEDBACK FORM  *************/
.wrappallPage { margin: 110px 0 0 0; }
.wrappallPage .feedbackPage h2,
.wrappallPage .feedbackPage p { text-align: center; }
.feedbackPage h2 { color: #2d1f71; margin: 0 0 20px; }
.feedbackPage ul li { position: relative; height: 40px; }
.feedbackPage ul li:last-child { margin: 0; height: 80px; }
.feedbackPage .txtBox,
.feedbackPage textarea { padding: 10px 0; transition: all 0.2s ease-in-out; position: absolute; z-index: 2; }
.feedbackPage .txtBox { height: 40px; }
.feedbackPage textarea { height: 80px; }
.feedbackPage .btnWrap { margin: 80px 0 0; }
.feedbackPage .btnWrap .btn { margin: 0 10px; background: #BDB8B8; border: none; }
.feedbackPage .btnWrap .btn.active { background: #EF512E; border: 2px solid #4c4c4c; height: 40px; vertical-align: middle; line-height: 36px; }
.feedbackPage ul li .errorMsg { position: absolute; color: #f00; font-size: 16px; bottom: 10px; right: 0; display: none; }
/*****************************/
.investorspage { background: #eeeeee; }
.investorspage .wrappallPage { margin-top: 190px; }
.page-rollbar { padding: 15px 0; text-align: center; background: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, .08); position: fixed; left: 0; top: 85px; width: 100%; z-index: 9; }
.page-rollbar select { padding: 12px 30px 12px 20px; border-radius: 4px; border: none; box-sizing: border-box; background: #efedf4 url(../images/downarrowcolor.png) no-repeat 95% center; font-size: 16px; font-weight: 900; color: #2d1f71; text-transform: uppercase; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.page-rollbar .customselect { max-width: 300px; margin: 0 auto; }
.page-maincontent { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .08); }
.investorspage .page-rollbar .downloadBtn { border-color: #ffc000; color: #303030; padding: 0 10px 0 60px; border-radius: 4px; }
.investorspage .page-rollbar .downloadBtn span { display: block; width: 55px; text-align: center; background: #ffc000; position: absolute; left: 0; top: 0; height: 41px; }
.investorspage .page-rollbar .downloadBtn span b { vertical-align: middle; }
.reportinfo { padding: 40px 50px; color: #373737; }
.reportinfo .reportswrap { }
.reportinfo .reportswrap h2 { font-size: 20px; margin-bottom: 25px; }
.reportinfo .reportswrap .customselect { margin-bottom: 20px; }
.reportinfo .reportswrap select { padding: 8px 12px; border-radius: 4px; border: none; box-sizing: border-box; background: #f3f3f3 url(../images/downarrowgray.png) no-repeat 90% center; font-size: 20px; font-weight: 600; color: #818181; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100px; }
.reportslist { padding: 10px; margin-right: 20px; }
.reportslist li,
.reportPopup .readmoreContainer ul li { color: #adadad; font-size: 16px; margin: 0 0 20px 0; padding-left: 18px; position: relative }
.reportslist li:before,
.reportPopup .readmoreContainer ul li:before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; display: block; border-radius: 50%; background: #adadad; }
.reportslist li a,
.reportPopup .readmoreContainer ul li a { color: #363636; }
.reportslist li a:hover,
.reportPopup .readmoreContainer ul li a:hover { text-decoration: underline; }
.reportsbanner { padding: 15px 0 0 0; }
.reportsbanner img { margin: 0 auto; max-width: 100%; display: block; }
.qtreports .reportsbanner { padding-top: 50px }
.policyslider li { padding: 0 25px; color: #363636; }
.policyslider h2 { font-size: 18px; margin-bottom: 15px; line-height: 20px; min-height: 40px; }
.policyslider p { padding: 0 25px; line-height: 20px; position: relative; font-size: 16px; min-height: 60px; text-align: left !important; }
.policyslider p:before { content: ""; width: 8px; height: 8px; display: block; border-radius: 50%; background: #adadad; position: absolute; left: 5px; top: 6px; }
.policyslider a img { display: block; max-width: 100%; margin: 0 auto; }
.reportswrap .customselect { width: 100px; }
.reportPopup .readmoreContainer ul { margin-left: 20px; }
.reportPopup .readmoreContainer ul li { width: 170px; display: inline-block; vertical-align: top; }
.reportslist .btn { margin: 40px 0 0; }
.reportPopup .simplePopupClose { color: #000; font-size: 0; }
/***************/
.legalpage { padding: 40px 50px; color: #363636; font-size: 16px; }
.legalpage h2 { font-size: 20px; padding-bottom: 15px; }
.legalpage h3 { font-size: 16px; padding-top: 20px; text-transform: uppercase; padding-left: 20px; position: relative; }
.legalpage h3:before { content: ""; width: 8px; height: 8px; display: block; border-radius: 50%; background: #adadad; position: absolute; left: 0; top: 28px; }
.legalpage h4 { font-size: 16px; padding-top: 20px; text-transform: uppercase; }
.legalpage p { padding: 10px 0; line-height: 24px; text-align: left !important; }
.legalpage a { color: #2d1f71; }
.legalpage a:hover { text-decoration: underline; }
.legalpage table { margin: 20px 0; }
.legalpage table td { padding: 5px 10px; }
.legalpage ul,
.legalpage ol { padding: 10px 20px; }
.legalpage ul li,
.legalpage ol li { padding: 4px 0; }
.legalpage ul li { list-style: circle; }
.legalpage .gobacklink { margin-bottom: 20px; display: inline-block; text-transform: uppercase; font-size: 16px; color: #666; font-weight: 600; text-decoration: underline; }
.legalpage .alphalist li { list-style: lower-alpha; }
.legalpage .romalist li { list-style: lower-roman; }
.downloadcenter { text-align: center; padding: 30px 0; }
.downloadcenter h2 { text-align: left; margin-bottom: 20px; }
.downloadcenter a { width: 130px; display: inline-block; border: 2px solid #373737; margin: 0 15px; text-align: left; line-height: 40px; background: #f8f8f8; color: #373737; font-size: 14px; text-transform: uppercase; font-weight: 900; padding: 0 10px; }
.downloadcenter a:hover { background: #EF512E; color: #2d1f71; text-decoration: none; }
.downloadcenter a:nth-child(2) { margin-left: 0; }
.downloadcenter a:last-child { margin-right: 0; }
.downloadcenter a b { vertical-align: middle; margin-left: 10px; margin-top: -2px; }
/******/
.facilitiespage .page-rollbar { display: none; }
.mapoverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, .85); z-index: 1; }

.backlist { position: absolute; right: 25px; top: 25px; width: 40px; height: 40px; display: block; border-radius: 50%; z-index: 2; cursor: pointer; text-align: center; }
.mapoverlay div { position: absolute; left: 0; width: 100%; margin: 0 auto; top: 50%; transform: translateY(-50%); text-align: center; }
.mapoverlay div span { display: block; font-size: 16px; color: #ffdf01; font-weight: 900; }
/************* @PRODUCT PAGE  *************/
.productspage .owl-controls { left: 0; }
.productspage .owl-buttons .owl-prev,
.productspage .owl-buttons .owl-next { -webkit-filter: invert(.8); filter: invert(.8); }
.productspage .owl-buttons .owl-prev { left: 0px; }
.productspage .owl-buttons .owl-next { right: 0px; }
/**** @PRODUCT TAB ****/
.tabs-container { padding: 30px 0 0 0; }
.tabs-menu li { height: 28px; line-height: 18px; float: left; padding: 0 14px; }
.tabs-menu li.current { position: relative; border-bottom: 2px solid #2d1f71; }
.tabs-menu li a { text-transform: uppercase; color: #a8a8a8; text-decoration: none; font-size: 18px; font-weight: 600; }
.tabs-menu .current a { color: #2d1f71; }
.productspage ul .tabs-menu { height: 30px; float: left; clear: both; padding: 0; }
.tab { color: #363636; }
.tab-content { display: none; width: 100%; margin: 40px 0 0; }
.tabs-container .tab-content:first-child { display: block; }
.tab-content h3 { font-size: 18px; font-weight: 400; padding: 15px 10px; }
.tblWrap { width: 100%; }
.tblWrap .tablecontent { width: 500px; border: 1px solid #EBEBEB; overflow: hidden; box-sizing: border-box; }
.tblWrap .tablecontent table:first-child { float: left; margin: -1px 0 -1px -1px; }
.tblWrap .tablecontent table:last-child { float: right; margin: -1px -1px -1px -2px; }
.tblWrap .tablecontent table { border-collapse: collapse; }
.tblWrap .tablecontent table { width: 50%; }
.tblWrap .tablecontent table td { border: 1px solid #ebebeb; padding: 10px; color: #363636; font-size: 16px; width: 50%; }
.tblWrap .tablecontent table tr td { vertical-align: top; }
.tblWrap .tablecontent table tr td strong { font-weight: 600; }
.productspage .prodInfo p { padding-top: 5px; line-height: 26px; }
.productspage .prodInfo p strong { font-weight: 600; padding-right: 10px; display: inline-block; vertical-align: top; }
.productspage .prodInfo p span { display: inline-block; vertical-align: top; }
.productspage .prodInfo .infopointlist { margin: 10px 0 0 20px; padding: 0; }
.productspage .prodInfo .infopointlist li { color: #363636; font-size: 16px; margin-bottom: 0; list-style:disc; }
.productspage .prodInfo .infopointlist li p { display: inline-block; }
.productspage .prodInfo .infopointlist li .fieldName { display: inline-block; width: 30%; vertical-align: top; font-weight: 600; }
.productspage .prodInfo .infopointlist li .fieldValue { display: inline-block; width: 59%; }
.productspage .prodInfo .hvacContainer li { margin: 0 0 10px; }
.productspage .prodInfo .hvacContainer li span { font-weight: 600; }
.productspage .productInfoBox { position: relative; }
.productspage .productInfoBox .row { position: relative; z-index: 1; }
.productspage .productInfoBox h2 { color: #373737; font-size: 20px; text-transform: uppercase; margin: 0 0 15px 0; }
.productspage .prodcat { width: 240px; border-color: #ffc000; color: #303030; padding: 0 0 0 50px; border-radius: 4px; position: relative; box-sizing: border-box; margin-top: 30px; }
.productspage .prodcat span { display: block; width: 55px; text-align: center; background: #ffc000; position: absolute; left: 0; top: 0; height: 40px; }
.productspage .prodcat span b { vertical-align: middle; }
.productspage .productInfoBox:before { position: absolute; left: 0; top: -40px; width: 100%; height: 250px; display: block; z-index: 0; }
.productspage .linestyle01:before { background: url(../images/linestyle/line01.jpg) no-repeat center top; top: -100px; }
.productspage .linestyle02:before { background: url(../images/linestyle/line02.jpg) no-repeat center top; }
.productspage .linestyle03:before { background: url(../images/linestyle/line03.jpg) no-repeat center top; top: -80px; }
.productspage .linestyle04:before { background: url(../images/linestyle/line04.jpg) no-repeat center top; }
.productspage .linestyle05:before { background: url(../images/linestyle/line05.jpg) no-repeat center top; }
.productspage .linestyle06:before { background: url(../images/linestyle/line06.jpg) no-repeat center top; }
.productspage .linestyle07:before { background: url(../images/linestyle/line07.jpg) no-repeat center top; }
.productspage .linestyle08:before { background: url(../images/linestyle/line08.jpg) no-repeat center top; }
.productspage .linestyle09:before { background: url(../images/linestyle/line09.jpg) no-repeat center top; }
/************* @ABOUT-VISSION-MISSION  *************/
.aboutspage .wrappallPage { margin-top: 190px; }
.aboutspage h2 { font-size: 20px; }
.aboutspage .circleBox span { width: 110px; height: 110px; border-radius: 50%; display: block; border: 2px solid #909090; position: relative; margin: 0 auto 10px; }
.aboutspage .circleBox i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.aboutspage h2,
.aboutspage .visionContainer ul li h3 { color: #373737; text-transform: uppercase; }
.aboutspage .visionContainer h3,
.aboutspage .valueContainer h3 { font-size: 16px; font-weight: 800; text-transform: uppercase; }
.aboutspage .visionContainer ul li { display: inline-block; text-align: center; }
.aboutspage .missionContainer { background: url(../images/about-mission-bg.png) no-repeat; background-size: cover; height: 540px; }
.aboutspage .missionContainer h2 { color: #fff; text-align: center; }
.aboutspage .missionContainer p { font-size: 30px; color: #fedd01; text-align: center; line-height: 30px; }
.aboutspage .missionContainer p:before,
.aboutspage .missionContainer p:after { width: 80px; height: 75px; content: ''; background: url(../images/about-sprite.png); display: inline-block; position: absolute; }
.aboutspage .missionContainer p:before { background-position: -718px 0; left: -40px; top: -45px; }
.aboutspage .missionContainer p:after { background-position: -640px 0; right: -5px; bottom: -50px; }
.aboutspage .missionContainer .txtWrap p span { display: block; }
.aboutspage .valueContainer ul li { display: inline-block; }
.aboutspage .valueBox { text-align: center; width: 200px; margin: 0 auto; min-height: 280px; }
.aboutspage .valueContainer p { color: #373737; font-size: 16px; position: relative; padding-left: 20px; margin-bottom: 10px; text-align: left; line-height: 20px; }
.aboutspage .valueContainer p:before { content: ''; width: 8px; height: 8px; background: #adadad; border-radius: 50%; position: absolute; left: 0; top: 7px; }
.aboutspage .valueContainer .circleBox { height: 180px; /* margin-bottom: 15px; */ }
.aboutspage .aboutContainer { position: relative; }
.aboutspage .aboutContainer ul { margin: 20px 0 0; }
.aboutspage .aboutContainer:after { content: ''; background: url(../images/about/about-container-bg.png) no-repeat; background-size: contain; width: 100%; height: 199px; position: absolute; left: 0; bottom: -130px; z-index: 0; }
/************* @ABOUT-BOARD OF DIRECTOR  *************/
.boardWrap ul li { position: relative; }
.boardWrap ul li .imgWrap { width: 250px; height: 270px; display: block; background: #221757 url(../images/about/not-found.png) center center no-repeat; padding: 4px; }
.boardWrap ul li .imgWrap img { width: 100%; height: 100%; }
.boardWrap ul li h3,
.boardWrap ul li h4 { color: #2d1f71; font-size: 20px; line-height: 22px; }
.boardWrap ul li h3 { text-transform: uppercase; font-weight: 700; }
.boardWrap ul li h4 { font-weight: 400; margin: 5px 0 15px; }
.boardWrap ul li p { color: #414141; font-size: 16px; line-height: 26px; }
.boardWrap ul li a { color: #2d2d2d; font-weight: 700; text-transform: uppercase; }
.boardWrap .hiddenInfo { display: none; }
/************* @ABOUT-MANAGEMENT TEAM  *************/
.teamWrap { height: 490px; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; }
.teamWrap .frontsec { border: 8px solid #fff; }
.teamWrap .frontsec span { display: block; width: 100%; height: 360px; background-size: cover; }
.teamWrap .frontsec span img { opacity: 0; }
.teamWrap .frontsec .teamInfo { height: 115px; background: #242b3b; padding: 30px 15px; }
.teamWrap h3,
.teamWrap h4 { font-size: 20px; color: #fff; }
.teamWrap h3 { font-weight: 700; margin-bottom: 10px; text-transform: uppercase; }
.teamWrap h4 { font-weight: 400; }
.backsec .teamDtl { height: calc(100% - 66px); overflow: auto; margin-top: 20px; padding-right: 20px; }
.teamWrap .backsec { position: absolute; opacity: 0; height: 100%; left: 0; right: 0; width: 100%; background: #242b3b; padding: 20px; transition: all .6s ease; -webkit-transition: all .6s ease; }
.teamWrap .backsec p { color: #fff; }
.teamWrap .backsec h3 { margin-bottom: 0; }
.teamWrap.teamHover:hover .backsec { transform: translatey(-490px); -webkit-transform: translatey(-490px); opacity: 1; }
.teamWrap.mobileClick .backsec { transform: translatey(-490px); -webkit-transform: translatey(-490px); opacity: 1; }
.teamContainer ul { margin: 60px 0 0; }
.backsec .teamDtl::-webkit-scrollbar {
background:none;
}
.backsec .teamDtl::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #ccc;
opacity:0.2;
}
.aboutspage .mgmtContainer { margin: 80px 0; position: relative; }
.aboutspage .mgmtContainer:after { content: ''; position: absolute; top: -75px; left: 0; width: 100%; height: 145px; background: url(../images/about/mgmtteam-bg-pattern.png) no-repeat; background-size: contain; z-index: 0; }
.aboutspage .mgmtContainer span { display: block; background-size: contain; background-repeat: no-repeat; width: 100%; height: auto; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; }
.aboutspage .mgmtContainer span img { opacity: 0; max-width: 100%; }
.aboutspage .mgmtContainer p { text-align: center; color: #242b3b; margin: 20px 0 0; font-weight: 700; }
.aboutspage .mgmtteamContainer h2 { margin-bottom: 30px; }
.aboutspage .mgmtteamContainer h3 { color: #373737; font-size: 20px; margin: 30px; text-align: center; }
.aboutspage .mgmtteamContainer p { font-size: 18px; padding-bottom: 15px; }
.aboutspage .mgmtteamContainer p strong { display: inline-block; vertical-align: top; margin-right: 10px; }
.aboutspage .mgmtteamContainer p span { display: inline-block; vertical-align: top; }
/** MODAL BOX **/
.simplePopup { display: none; position: fixed; background: #fff; z-index: 100; color: #414141; padding: 20px; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 8px; }
.simplePopupClose { cursor: pointer; font-size: 0; position: absolute; }
.simplePopupClose:before,
.simplePopupClose:after { content: ''; width: 2px; height: 30px; background: #fff; display: block; position: absolute; right: 10px; top: 10px; }
.simplePopupClose:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.simplePopupClose:after { transform: rotate(+45deg); -webkit-transform: rotate(+45deg); }
.simplePopupClose:hover::after,
.simplePopupClose:hover::before { background: #EF512E; }
.simplePopupBackground { display: none; background: #000; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 10; overflow: hidden; }
.readmoreContainer h3,
.readmoreContainer h4 { color: #2d1f71; font-size: 20px; line-height: 22px; }
.readmoreContainer h3 { text-transform: uppercase; font-weight: 700; }
.readmoreContainer h4 { font-weight: 400; margin: 5px 0 15px; }
.readmoreContainer { color: #414141; font-size: 16px; line-height: 26px; }
.readmoreContainer .infoBox { max-height: 300px; overflow: auto; }
.readmoreContainer ul { margin-top: 20px; }
.readmoreContainer ul li { padding-left: 30px; position: relative; }
.readmoreContainer ul li:before { width: 6px; height: 6px; background: #414141; content: ''; position: absolute; left: 0; top: 10px; border-radius: 50%; }
.simplePopup.videoPopup { top: 90px!important; }
#videoPopup { background: #000; }
.videoContainer .video { width: 100%; height: auto; }
/************* @CUSTOMER PAGE *************/
.customersPage { padding: 48px 70px; }
.customersPage h2 { color: #373737; }
.customersPage .cusContent { margin: 10px 0 30px; }
.customersPage .cusContent span { display: block; }
.customersPage ul { max-width: 1075px; margin: 40px auto 40px; }
.customersPage li { text-transform: uppercase; text-align: center; border-bottom: 3px solid #fff; border-left: 3px solid #fff; margin: 0 0 30px; }
.customersPage li span { display: block; }
.customersPage li span img { margin: 0 auto; }
.customersPage li p span { display: block; }
/*.customersPage .mclr { background: #114599; }
.customersPage .tmclr { background: #1467b3; }
.customersPage .reclr { background: #ecb105; }
.customersPage .dieclr { background: #db3f28; }
.customersPage .color01 { background: #0a355f; }
.customersPage .color02 { background: #f60100; }*/
.customersPage .mclr p,
.tmclr p,
.reclr p,
.dieclr p { color: #fff; display: block; font-size: 18px; padding: 10px; }
/************* @AWARDS & MILESTONE PAGE *************/
.awardContainer h2 { padding-left: 60px; }
.awardContainer .imgWrap { background: #f3f5f9; width: 100%; height: auto; margin: 20px 0 0; }
.awardContainer .imgWrap img { max-width: 100%; }
.milestoneContainer { position: relative; width: 100%; padding-top: 60px; }
.milestoneContainer:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -2px; height: 100%; width: 4px; background: #efedf4; }
.milestoneContainer .circleWrap { width: 100px; height: 100px; background: #EF512E; border: 2px solid #fff; line-height: 96px; border-radius: 50%; text-align: center; }
.milestoneContainer .circleWrap span { color: 2d1f71; font-weight: 700; font-size: 16px; }
.milestoneContainer .amBox { position: relative; margin-bottom: 80px; }
.milestoneContainer .boxWrap { background: #f3f3f3; padding: 20px; width: 400px; border-radius: 4px; text-align: left; position: relative; }
.milestoneContainer .boxWrap h3,
.milestoneContainer .boxWrap p,
.milestoneContainer .boxWrap ul li { font-size: 16px; color: #414141; }
.milestoneContainer .boxWrap h3 { font-weight: 700; margin-bottom: 20px; }
.milestoneContainer .boxWrap p { font-weight: 400; }
.milestoneContainer .boxWrap ul li { padding-left: 30px; position: relative; }
.milestoneContainer .boxWrap ul li:before { width: 6px; height: 6px; background: #414141; content: ''; position: absolute; left: 0; top: 10px; border-radius: 50%; }
.milestoneContainer .boxLeft { overflow: hidden; }
.milestoneContainer .boxRight { overflow: hidden; }
.milestoneContainer .circleWrap { position: absolute; left: 50%; margin-left: -50px; top: 0; box-shadow: 0px 2px 2px 2px rgba(218, 218, 218, 0.24); }
.ddteamContainer { background: url(../images/about/about-teamsliderbg.png) no-repeat; background-size: cover; text-align: center; }
.ddteamContainer h2 { font-size: 40px; font-weight: 700; color: #5845b9; margin-bottom: 20px; }
.ddteamContainer h3,
.ddteamContainer span,
.ddteamContainer p { color: #fff; }
.ddteamContainer h3 { font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 20px 0 10px; }
.ddteamContainer span { font-size: 14px; opacity: 0.7; }
.ddteamContainer p { font-size: 16px; }
.ddteamContainer .teamSlider { margin-bottom: 50px; }
.ddteamContainer .owl-controls .owl-buttons .owl-prev { left: -30px; }
.ddteamContainer .teamSlider img { margin: 0 auto; border: 1px solid #ccc; }
.ddteamContainer .owl-controls { top: 0; margin: inherit; left: inherit; height: 100%; }
.ddteamContainer .owl-controls .owl-buttons { top: 50%; margin: -10px 0 0 0; }
.ddteamContainer .owl-controls .owl-pagination { bottom: -30px; position: absolute; text-align: center; width: 100%; }
.ddteamContainer .owl-controls .owl-pagination .owl-page { width: 10px; height: 10px; border-radius: 50%; background: #fff; opacity: 0.2; display: inline-block; margin: 0 5px; }
.ddteamContainer .owl-controls .owl-pagination .owl-page.active { opacity: 0.7 }
/************* @TECHNOLOGY PAGE *************/
.techpage .techupper h2 { color: #2d1f71; }
.techpage .techupper h3 { color: #414141; }
.techpage .techupper p { text-align: left; }
.techpage .techupper p span { display: block; color: #2d1f71; margin-top: 10px; font-weight: 600; }
.techpage .techupper p + div { display: block; margin: 10px auto 20px; }
.techpage .con-simulationbox p { text-align: left; }
.techpage .con-simulationbox { background: url(../images/technology/sim.png); background-size: cover; width: 100%; height: auto; position: relative; margin-top: 50px; }
.techpage .con-simulationbox h3,
.con-simulationbox p { color: #fff; }
.techpage .con-simulationbox .commonCircle-box { position: absolute; left: 50%; margin-left: -60px; margin-top: -60px; }
.techpage .con-simulationbox .commonCircle { background: #fff none repeat scroll 0 0; border: 2px solid #d5d5d5; border-radius: 50%; display: table-cell; height: 126px; text-align: center; vertical-align: middle; width: 126px; }
.techpage .con-simulationbox .tech-text { padding: 85px 0 0 0; }
.techpage .con-simulationbox .tech-text h3 { text-align: center; }
.con-simulationbox p { font-size: 16px; font-weight: 400; max-width: 580px; margin: 20px auto; }
.con-simulationbox span { display: inline-block; }
.con-simulationbox li { color: #EF512E; font-size: 16px; position: relative; padding-bottom: 0; }
.con-simulationbox li:last-child { padding-bottom: 0; }
.con-simulationbox li span { margin-left: 20px; }
.con-simulationbox li:first-child { text-align: center; }
.con-simulationbox li:before { position: absolute; content: ''; border: 1px solid #fff; width: 8px; top: 8px; height: 8px; border-radius: 50%; background: #fff; }
.testingbox { background: url(../images/technology/testing.png) no-repeat center center; background-size: cover; padding: 15px; width: 100%; height: auto; position: relative; margin-top: 70px; }
.testingbox .testing-text { padding: 85px 0 0 0; }
.testingbox .commonCircle-box { position: absolute; left: 50%; margin-left: -60px; margin-top: -60px; }
.testingbox .commonCircle { background: #fff none repeat scroll 0 0; border: 2px solid #d5d5d5; border-radius: 50%; display: table-cell; height: 126px; text-align: center; vertical-align: middle; width: 126px; }
.testingbox h3 { color: #fff; text-align: center; }
.techpage .testingbox p { color: #fff; text-align: left; }
.testingbox p { font-size: 16px; font-weight: 400; max-width: 580px; margin: 20px auto; }
.testingbox li { color: #fff; display: block; text-align: justify; line-height: 24px; font-size: 16px; }
.testingbox .testingboxLower p { text-align: center; }
.testingboxLower li { position: relative; padding-bottom: 15px; text-align: left; }
.testingboxLower li:first-child:before { width: 8px; height: 8px; border-radius: 50%; background: #fff; top: 8px; }
.testingboxLower li:first-child span { margin-left: 12px; }
.testingboxLower li:before { position: absolute; content: ''; border: 1px solid #fff; width: 10px; top: 12px; }
.testingboxLower li:first-child small { font-size: 16px; color: #EF512E; font-weight: 600; margin-left: 10px; }
.testingboxLower li small { margin-left: 20px; font-size: 16px; font-weight: 600; }
.testinglowerright li:last-child:before { border: none; }
.testingbox .gallerywrap { margin-right: 0; margin-top: 10px; }
.testingbox .gallerywrap .frame { width: 200px; height: 133px; border: 0; }
.testingbox .gallerywrap .loca4 { right: -40px; top: 40px; z-index: 4; }
.testingbox .gallerywrap .frame span { border: 4px solid #fff; background-size: cover; display: block; width: 100%; height: 100%; }
.testingbox .gallerywrap img { max-width: 100%; display: none; }
.engbox { padding: 15px; }
.engbox h3 { color: #373737; text-transform: uppercase; }
.techpage .engbox p { margin-top: 20px; text-align: left; }
.engleft-box li { position: relative; }
.engleft-box li:before { position: absolute; content: ''; width: 8px; top: 8px; height: 8px; border-radius: 50%; background: #969696; }
.engleft-box li span { margin-left: 15px; font-size: 16px; color: #363636; }
.engright-box { border: 8px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin: 20px auto; overflow: hidden; max-height: 440px; max-width: 580px; }
.boxClass img { max-width: 100%; display: block; margin: 0 auto; }
.engright-box img { max-width: 100%; display: block; margin: 0 auto; }
.facbox { padding: 15px; }
.facbox h2 { text-transform: none; font-size: 16px; color: #2d1f71; margin-bottom: 20px; }
.techpage .facbox p { text-align: left; }
.facbox .facinner { margin: 0 auto 30px; min-height: 220px; text-align: center; width: 260px; }
.facbox .facinner h3 { margin: 0 auto; width: 200px; color: #373737; }
.facbox .commonCircle-box { height: 200px; }
.facbox p { text-align: left; position: relative; }
.facbox p::before { background: #969696 none repeat scroll 0 0; border-radius: 50%; content: ""; height: 8px; left: -16px; position: absolute; top: 7px; width: 8px; }
.facbox .commonCircle-box span { border: 2px solid #909090; border-radius: 50%; display: block; height: 128px; margin: 0 auto 10px; position: relative; width: 128px; }
.facbox .commonCircle-box b { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.individualIcon { background: #0F0000; height: 75px; width: 80px; }
.facbox h3 { font-size: 16px; font-weight: 800; text-transform: uppercase; }
.techpage .techVideo { margin-left: 80px; }
.techpage .techVideo video { border: 1px solid #434343; }
.technologyPopup .simplePopupClose { color: #000; }
/************* @CERTIFICATE PAGE *************/
.certificate-box { padding: 40px 50px; color: #373737; }
.certificate-box .certi-con { margin: 30px auto; width: 230px; }
.certificate-box .certi-con a { border: 8px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); width: 242px; overflow: hidden; display: block; }
.certificate-box .certi-con small { font-size: 16px; font-weight: 400; text-align: center; display: block; margin-top: 30px; }
.lb-outerContainer { width: 520px; height: 703px; }
.lb-container { /*width: 518px; height: 696px;*/ overflow: hidden; }
.lb-image { width: 100%; height: auto; }
/************* @ABOUT-CSR PAGE *************/
.csrContainer { }
.csrContainer h2 { color: #2c1f70; margin-bottom: 40px; }
.csrContainer p { margin-bottom: 20px; }
.csrContainer .gallerywrap { position: relative; right: 10px; }
.csrContainer .gallerywrap .frame { width: 300px; height: 220px; display: block; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25); position: absolute; transition-duration: 1s; border: none; }
.csrContainer .gallerywrap .frame span { border: 4px solid #fff; background-size: cover; display: block; width: 100%; height: 100%; }
.csrContainer .gallerywrap img { max-width: 100%; display: none; }
.csrContainer .gallerywrap .loca1 { right: 150px; top: 75px; z-index: 3; }
.csrContainer .gallerywrap .loca2 { right: 0px; top: 150px; z-index: 2; }
.csrContainer .gallerywrap .loca3 { right: 40px; top: 20px; z-index: 1; }
.csrContainer .gallerywrap .loca4 { left: 40px; top: 10px; z-index: 1; }
.csrContainer .gallerywrap .frame.active { transform: scale(1.1); -webkit-transform: scale(1.1); z-index: 10; }
.socialContainer { position: relative; height: 600px; }
.socialContainer:before { content: ''; left: 0; top: 0; position: absolute; background: url(../images/about/csr-social-bg.png) no-repeat; width: 100%; height: 800px; background-size: container; }
.socialContainer h3,
.socialContainer h4 { text-transform: uppercase; }
.socialContainer h3 { font-size: 20px; color: #fff; position: relative; }
.socialContainer h4 { color: #de545e; }
.socialContainer p { color: #fff; }
.enviormentContainer { position: relative; height: 750px; }
.enviormentContainer:before { content: ''; left: 0; top: 95px; position: absolute; background: url(../images/about/csr-enviorment-bg.png) no-repeat; width: 100%; height: 750px; background-size: container; }
.enviormentContainer h3,
.enviormentContainer h4 { text-transform: uppercase; }
.enviormentContainer h3 { font-size: 20px; color: #414141; position: relative; }
.enviormentContainer h4 { color: #a5bf3d; }
.enviormentContainer p { color: #fff; }
.policyContainer a { margin-bottom: 10px; }
.policyContainer a img { box-shadow: 0px 0px 8px rgba(83, 83, 83, 0.51); }
.policyContainer small { font-size: 16px; font-weight: 700; }
/************* @CONTACT US PAGE *************/
.contactpage h2 { color: #373737; }
.contactpage .contactupper p span { display: block; }
.contactpage .innercontact h3 { text-transform: uppercase; }
.contactpage .techHeading { margin: 12px 0; color: #373737; }
.contactpage .innercontact li { position: relative; margin-top:6px;}
.contactpage .innercontact li b { display: inline-block; margin-right: 15px; margin-top:5px; width:18px; height:20px;}
.contactpage .innercontact li a { color: #363636; }
.contactpage .innercontact li p { display: inline-block; width: calc(100% - 50px);  }
.contactpage .innercontact li p small { font-size: 16px; font-weight: 400; }
.contactpage .salesboxwrap h2 { padding: 15px; }
.contactpage .salesboxwrap .salesboxupper,
.salesboxlower { padding: 15px; }
.contactpage .salesboxwrap li { min-width: 172px; padding: 5px 0; font-size: 16px; color: #373737; }
.contactpage .salesboxwrap li b { margin-right: 15px; }
.contactpage .salesboxwrap .salesbox .salesbox-map { height: 230px; position: relative; width: 100%; }
/************* @PEOPLE PAGE *************/
.peopleSection { padding: 20px; position: relative; }
.peopleSection {/* background: #49399b;*/ }
.peopleSection p,
.peopleSection h2 { color: #fff; }
.peopleSection p { padding: 0 20px 0 0; }
.peopleSection h2 { margin: 0 0 20px; }
.peopleSection .btn { width: 180px; }
.peopleSection .map { width: 100%; height: 380px; border: 8px solid #fff; float: right; margin-right: 40px; }
.peopleSection .btn { margin: 40px 0 0; }
/************* @CAREER PAGE *************/
.careerPage .carrerSection { padding: 15px; position: relative; }
.carrerSection:before { content: ''; background: url(../images/about/about-container-bg.png) no-repeat; background-size: contain; width: 100%; height: 150px; position: absolute; left: 0; bottom: -130px; z-index: 0; }
.careerPage .carrerSection h2 { color: rgb(45, 31, 113); }
.carrerSection .leaderSection { margin: 20px 0 0; }
.carrerSection .leaderSection h2 { text-align: center; margin: 0 0 10px; color: rgb(28, 28, 28); }
.careerPage .circleBox { width: 128px; height: 128px; border-radius: 50%; display: block; border: 2px solid #909090; position: relative; margin: 0 auto 10px; }
.careerPage .circleBox i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.openingSection { padding: 25px 15px; position: relative; }
.openingSection ul li { padding: 15px 0; min-height: 350px; cursor: pointer; }
.openingSection ul li span { display: block; font-size: 16px; color: #363636; }
.openingSection ul li span i { display: inline-block; vertical-align: middle; margin-right: 10px; }
.openingSection ul li:after { height: 1px; background: #E2E2E2; width: 100%; content: ''; position: absolute; bottom: 0; }
.openingSection ul li:hover:after { height: 3px; background: #2d1f71; }
.openingSection ul li h3 { text-transform: uppercase; color: #2d1f71; font-size: 20px; font-weight: 700; }
.openingSection ul li p { color: #363636; font-weight: 400; margin: 10px 0 0; }
.openingSection ul li p span { color: rgb(134, 134, 134); }
.openingSection ul li .skilljob,
.openingSection ul li .resjob { display: inline-block; max-height: 85px; overflow: hidden; }
.carrerSection .leaderSection p { text-align: center; }
.jobApplicant { padding: 45px 15px; background: url(../images/applicant-bg.png) no-repeat center center; background-size: cover; padding: 170px 10px 40px; }
.jobApplicant h2 { text-align: center; color: #fff; }
.jobApplicant h2 img { display: inline-block; margin-right: 20px; }
.jobApplicant p { color: #fedd01; text-align: center; }
.simplePopupClose::before,
.simplePopupClose::after { right: -28px; top: -30px; }
/************* @CAREER PAGE POPUP*************/
.carrerPopup li { display: block; list-style-type: none; padding-bottom: 20px; }
.carrerPopup li small { color: #2d1f71; font-weight: 700; font-size: 18px; width: 150px; display: inline-block; vertical-align: top; line-height: 22px; }
.carrerPopup li span { font-size: 16px; margin-left: 20px; display: inline-block; vertical-align: top; width: calc(100% - 200px); }
.carrerPopup .txtCenter { margin-top: 20px; }
/************* @SURI GROUP PAGE *************/
.surigroupspage { padding: 15px; }
.listitems ul li{list-style: disc !important;}
.surigroupspage h2 { color: #2d1f71; margin-bottom: 10px; }
.surigroupspage h3 { color: #2d1f71; font-size: 18px; padding-bottom: 10px; padding-top: 25px; text-transform: uppercase; }
.surigroupspage .groupWrap h2 { color: #dedede; font-size: 40px; left: -90px; position: absolute; top: 50%; transform: rotate(-90deg); display: none; }
.surigroupspage .circleBox { width: 128px; height: 128px; border-radius: 50%; display: inline-block; border: 2px solid #909090; position: relative; margin: 0 auto 10px; }
.surigroupspage .circleBox i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.surigroupspage .circleBox  span { font-weight:bold; font-size:14px; text-transform:uppercase; text-align:center; position:absolute; bottom:-30px; left:-10%; width:120%;}
.surigroupspage ul li { display: flex; margin: 0 25px 55px; position: relative; vertical-align: middle; }
.surigroupspage ul li:after { background: rgba(0, 0, 0, 0) url("../images/suri-group/pattern.png") repeat-x scroll 0 0; content: ""; height: 2px; position: absolute; right: 0; bottom: -99px; transform: rotate(90deg); width: 100%; }
.surigroupspage ul li:last-child::after { display: none; }
.surigroupspage .groupBox { width: 200px; height: 160px; overflow: hidden; border: 2px solid #d9d9d9; border-radius: 4px; background: #fff; position: relative;/**/ margin: 0 auto; }
.surigroupspage .groupBox img { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.surigroupspage .groupBox .groupOverlay { background: #372b77 none repeat scroll 0 0; color: #fff; height: 100%; left: 0; opacity: 0; padding-top: 88px; position: absolute; text-align: center; top: 0; transition: all 0.5s ease 0s; vertical-align: middle; width: 100%; }
.surigroupspage .groupBox:hover .groupOverlay { opacity: 1; }
.peopleSlider .item h2 { text-align: center; margin: 0 0 10px; }
.constructionPage { background: url(../images/under_construction.png) no-repeat; width: 100%; background-size: contain; height: 1290px; }
/************* @INDEX PAGE *************/
.customerSection ul { text-align: center; }
.customerSection .owl-buttons .owl-next { -webkit-filter: invert(.8); filter: invert(.8); right: 8px; }
.customerSection .owl-buttons .owl-prev { -webkit-filter: invert(.8); filter: invert(.8); left: 0; }
.awardsimg .gallerywrap .frame { border: none; width: 260px; height: 210px; background: none; box-shadow: none; }
.awardsimg .gallerywrap .loca1 { top: 190px; }
.awardsimg .gallerywrap .loca2 { right: 0; top: 100px; }
.awardsimg .gallerywrap .loca3 { top: -20px; }
.awardsimg .gallerywrap .loca4 { height: 220px; width: 300px; right: 230px; top: 0; }
.awardsimg .gallerywrap .frame.active { transform: scale(1.1); -webkit-transform: scale(1.1); }
.hiddenReports { display: none; }
/************* @SNEWS AND EVENTS PAGE *************/
.newsneventsPage { padding: 15px; }
.newsneventsPage h2 { color: #2c1f70; }
.newsneventsPage h3 { color: #414141; text-transform: uppercase; font-size: 20px; }
.newsneventsPage li { margin: 0 0; text-align: center; padding: 30px 0; }
.newsneventsPage li .eventBox { border: 2px solid #fff; display: block; margin: 0 auto; width: 244px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.30); position: relative; }
.newsneventsPage li .eventBox img { margin: 0 auto; }
.newsneventsPage li .eventBox p { color: #414141; font-size: 16px; padding: 18px 12px; font-weight: 600; text-align: left; }
.newsneventsPage li .eventBox small { color: #414141; font-size: 16px; font-weight: 400; text-align: left; display: block; margin-top: 18px; margin: 0 auto; }
.newsneventsPage li .eventBox_small { border: 2px solid #fff; display: block; margin: 0 auto; box-shadow: 0 0 5px 0 rgba(0,0,0,0.30); position: relative; }
.newsneventsPage li .eventBox_small p { color: #414141; font-size: 16px; padding: 18px 12px; font-weight: 600; text-align: left; line-height: 20px; }
.newsneventsPage li .eventBox_small small { color: #414141; font-size: 16px; font-weight: 400; text-align: left; display: block; margin-top: 18px; }
.newsneventsPage li .eventBox_small img { margin: 0 auto; }
.newsneventsPage li .eventBox_small small span { margin: 0 auto; }
.newsneventsPage li .eventBoxlargest { border: 2px solid #fff; display: block; margin: 0 auto; box-shadow: 0 0 5px 0 rgba(0,0,0,0.30); position: relative; }
.newsneventsPage li .eventBoxlargest p { color: #414141; font-size: 16px; padding: 18px 12px; font-weight: 600; text-align: left; min-height: 114px; }
.newsneventsPage li .eventBoxlargest small { color: #414141; font-size: 16px; font-weight: 400; text-align: left; display: block; margin-top: 18px; }
.pdfIcon { width: 33px; height: 35px; background-position: -411px 0; ; display: inline-block; position: absolute; right: 15px; bottom: 18px; cursor: pointer; }
.showprevevent{ display:none;}
.showhide{ display:block;}
.eventContainer{ padding:0 25px;}
.newsneventsPage .btn{ margin:20px 0 40px;}
.newsneventsPage .newsContainer .btn{ color:#fff; border-color:#fff; margin-left:40px;}

/************* @DEALER AND LOCATOR PAGE *************/
.buildingIcon { background-position: -319px -148px; width: 22px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.mapIcon { background-position: -320px -20px; width: 20px; height: 20px; display: inline-block; vertical-align: top;/*margin-top:8px;*/ margin-right: 10px; }
.conIcon { background-position: -320px -179px; width: 20px; height: 23px; display: inline-block; vertical-align: text-top;/*margin-top:6px;*/ margin-right: 10px; }
.mapIconlocator { background-position: -312px -112px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; position: absolute; right: 15px; border: 2px solid #fff; padding: 18px; box-shadow: 0 0 8px 1px rgba(0,0,0,0.20); cursor: pointer; }
.mapIconlocatorselected { display: none; background-position: -312px -82px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; position: absolute; right: 15px; border: 2px solid #2c1f6f; padding: 18px; box-shadow: none; cursor: pointer; }
.dealorlocatorPage .mainHeading { text-align: left; color: #2D1F71; padding: 15px; }
.dealorlocatorPage li { margin: 18px 0; }
.dealorlocatorPage li small { margin-top: -5px; }
.dealorlocatorPage h3 { display: block; text-align: left; text-transform: uppercase; color: #373737; font-weight: bold; font-size: 20px; margin: 30px 15px; }
.dealorlocatorPage .page-rollbar { position: relative; top: 0; padding: 10px 0; }
.dealorlocatorPage .page-rollbar li { margin: 10px; display: inline-block; }
.dealorlocatorPage .boxWrap { position: relative; padding: 0; }
.tableleft{margin: 0 !important;float: left !important;border:1px solid #ccc !important; width:400px !important;}
.fittocon{width: fit-content !important;padding-left:0 !important; border:none !important;}

.dealorlocatorPage .contactbox-map { display: block; height: 350px; position: relative; border: none; width: 100%; display: none; }
.dealorlocatorPage .textWrap { padding: 10px; }
.dealorlocatorPage .contactbox { box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.15); }
.dealorlocatorPage .contactbox h2 { color: #373737; padding: 15px; margin: 30px 0; }
.dealorlocatorPage .contactbox-txt { position: relative; min-height: 170px; }
.dealorlocatorPage .contactbox-txt:after { background: #e2e2e2 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; position: absolute; width: 100%; bottom: 0; }
.dealorlocatorPage .contactbox-txt:nth-child(2):after { background: none; }
.dealorlocatorPage .contactbox-txt p { font-size: 16px; display: inline-block; width: calc(100% - 35px); text-transform:uppercase; }
.dealorlocatorPage .contactbox-txt b {-webkit-filter: grayscale(100%); 	filter: grayscale(100%);}
.dealorlocatorPage li:first-child b + p{ font-weight:700;}
.dealorlocatorPage .contactbox-txt small { font-size: 16px; font-weight: 600; display: block; }
.passengerSection { padding: 10px; overflow: hidden; }
.passengerSection ul { min-height: 220px; padding: 20px 0; }
.passengerSection ul:after { background: #e2e2e2 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; position: absolute; width: 100%; }
.passengerSection li p { display: inline-block; width: 88%; }
.passengerSection li p small { font-size: 16px; font-weight: 400; }