@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
body { font-family: 'Lato', 'Roboto', sans-serif; color: #4a4a4a; -webkit-text-size-adjust: none; }
header, section, figure, footer, body, p, ul, ul li, img, a, h1, h2, h3, h4 { margin: 0; padding: 0; box-sizing: border-box; }
img { display: block; border: 0; color: #000; }
a { text-decoration: none; color: inherit; }
header:after, .info-pointers:after, .info-sec:after, .feature-col-wrap:after, .contact-col-wrap:after, .culture-col-wrap:after, .contact-info-col:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; }
*:focus { outline: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0 30px white inset;
}
h1 { font-size: 55px; line-height: 65px; font-weight: 400; color: #fff; text-align: center; padding-top: 95px; }
h2 { font-size: 35px; color: #e57d0a; text-align: center; line-height: 45px; font-weight: 400; position: relative; }
h3 { font-size: 20px; line-height: 25px; padding: 15px 0; }
ul, ul li { list-style: none; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
header .container { max-width: 1280px; width: calc(100% - 40px); margin: 0 auto; padding: 0 20px; position: static; padding-top: 10px; }
header { background: #2b2a2a; height: 100px; width: 100%; z-index: 3; }
.logo { background: url(../images/logo.png) no-repeat; width: 313px; height: 70px; display: block; margin: 0 auto; text-indent: -9999px; float: left; outline: none; }
header nav { display: inline-block; width: calc(100% - 313px); }
header nav ul { float: right; }
header nav ul li { margin: 32px 15px 10px; float: left; font-size: 16px; line-height: 20px; outline: none; color: #ffffff; font-family: 'Roboto', 'Lato', sans-serif; }
header nav ul li a { position: relative; }
header nav ul li a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -6px; left: 0; background-color: #65c6fe; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
header nav ul li a:hover { color: #f8eb7d; }
header nav ul li a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }
header nav ul li a.active { background: #e2750c; border-radius: 20px; color: #fff; margin: 0; padding: 6px 15px; }
header nav ul li a.active:hover:before { visibility: hidden; }
header nav a.mobile_menu { width: 32px; height: 32px; background: url(../images/icon_menu.svg) no-repeat 0 0; background-size: contain; position: absolute; top: 10px; left: 50%; margin-left: -16px; display: none; }
footer { text-align: center; clear: both; }
footer { background: #6b7c8a; color: #ebeeef; height: 60px; padding: 0; }
footer p { line-height: 60px; font-size: 13px; color: #c0c1c1; }
header:after, .info-pointers:after, .info-sec:after, .feature-col-wrap:after, .contact-col-wrap:after, .culture-col-wrap:after, .contact-info-col:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
/* Career */

.career h2 { color: #373737; padding-bottom: 30px; font-size: 30px; line-height: 38px; }
.career h2 span { position: relative; }
.career h2 span:after { content: ''; position: absolute; width: 100%; height: 4px; background: #fbbe6b; bottom: -10px; left: 0; }
.jobs-banner { padding: 40px 0; }
.jobs-banner h1 { margin: 0; padding: 0; font-size: 2.5em; line-height: 45px; color: #fff; padding-bottom: 15px; text-align: center; }
.jobs-banner h1 .highlight-txt { color: #a0522c; font-size: 1.2em; }
.jobs-banner p { font-size: 1.8em; color: #fff; line-height: 42px; text-align: center; padding-bottom: 20px; font-weight: 400; }
.jobs-culture { padding: 40px 0 10px; }
.jobs-culture p, .opportunities p { padding-top: 40px; font-size: 1em; text-align: center; color: #252525; }
.culture-col-wrap { padding: 60px 0 30px; }
.culture-col { width: 33.33%; float: left; text-align: center; }
.cul-icon { background: url(../images/mentorship-icon.png) no-repeat; width: 117px; height: 89px; min-height: 89px; display: inline-block; }
.cul-icon.learn { background: url(../images/learning-icon.png) no-repeat; width: 85px; height: 82px; display: inline-block; }
.cul-icon.envi { background: url(../images/healthy-env-icon.png) no-repeat; width: 91px; height: 85px; display: inline-block; }
.culture-col p { padding: 20px 30px; padding-top: 10px; }
.culture-col h3 { font-size: 16px; line-height: 20px; padding: 0; padding-top: 15px; }
.jobs-block-wrap { padding: 40px 0; width: 80%; margin: 0 auto; text-align: center; }
.jobs-block { width: 260px; color: #363636; border: 1px #0791d0 solid; text-align: center; padding: 15px 10px; box-sizing: border-box; font-size: 20px; line-height: 25px; margin: 10px 10px 30px; display: inline-block; cursor: pointer; }
.jobs-block:hover { background: #0791d0; color: #fff; }
.career .jobs-banner { background: #0176a1 url(../images/career-bg.jpg) no-repeat center; width: 100%; height: 349px; float: left; background-size: cover; position: relative; }
.career .jobs-banner .fut-img { position: absolute; width: 586px; top: calc(50% - 82px); right: 114px; }
.career .jobs-banner figure { position: relative; }
.career .jobs-banner figure h1 { position: absolute; left: 205px; font-size: 48px; top: -25px; line-height: 55px; }
.career .jobs-culture { clear: both; }
.career .opportunities { background: #fff; padding: 50px 0 30px; clear: both; }
.career .opportunities h2 { font-size: 26px; }
.career .jobs-culture p, .career .opportunities p { padding-top: 5px; font-size: 18px; line-height: 25px; color: #555555; }
.career .culture-col-wrap { padding-top: 10px; padding-bottom: 30px; }
.career .cul-icon { background: url(../images/mentorship-icon.png) no-repeat; width: 117px; height: 89px; min-height: 89px; }
.career .cul-icon.learn { background: url(../images/learning-icon.png) no-repeat; width: 85px; height: 82px; min-height: 89px; }
.career .cul-icon.envi { background: url(../images/healthy-env-icon.png) no-repeat; width: 91px; height: 85px; min-height: 89px; }
.career .culture-col h3 { font-size: 20px; line-height: 25px; color: #232323; padding-top: 55px; }
.career .job-features { position: relative; }
.career .job-features .grey-line { position: absolute; width: 100%; background: #e5e5e5; height: 1px; top: 132px; left: 0; }
.career .job-features .orange-feature-pointer { width: 40px; height: 40px; position: absolute; background: #f5daae; bottom: -54px; border-radius: 50%; left: calc(50% - 20px); }
.career .small-oraange-cirle { width: 20px; height: 20px; background: #f5b54f; border-radius: 50%; position: relative; left: calc(50% - 10px); top: calc(50% - 10px); }
.career .job-features .cul-icon { position: relative; }
.career .jobs-culture p, .opportunities p { padding-top: 5px; font-size: 18px; line-height: 25px; color: #555555; font-weight: 500; }
.career .mob-accord .box-click.responsive-backup { border-top-width: 1px; }
.career .mob-accord .box-click .accordion { border-top: 1px #14223f solid; }
.career .mob-accord .box-click { border-width: 0px 1px 1px; }
.career .mob-accord .box-click .accordion { height: 40px; display: block; }
.career .features-sec-tabs { display: none; }
.career .mob-accord .box-click .accordion { color: #000000; cursor: pointer; padding: 0 10px; width: 100%; text-align: left; outline: none; font-size: 20px; line-height: 40px; transition: 0.4s; box-sizing: border-box; }
.career .mob-accord .box-click .accordion:hover { background-color: #ded0b9; }
.career .mob-accord .box-click.active .accordion { background-color: #f1c072; }
.career .mob-accord .box-click .accordion:after { content: '\002B'; color: #14223f; font-weight: bold; float: right; margin-left: 5px; margin-top: 2px; font-size: 30px; font-weight: 400; line-height: 30px; }
.career .mob-accord .box-click.active .accordion:after { content: "\2212"; color: #14223f; }
.career .esxi-vcenter .features-sec { visibility: visible; height: auto; opacity: 1; padding: 20px 0; font-size: inherit; border-top: none; transition: opacity .2s ease-in-out; }
.career .mob-accord .box-click.active:after { color: #fff; }
.career .mob-accord .panel { padding: 0; background-color: #fff8ed; max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); }
.career .mob-accord .box-click.active .accordion + .panel { max-height: fit-content !important; -moz-max-height: fit-content !important; max-height: inherit !important; transition: max-height 1s ease-in-out; }
.career .panel-content { padding: 20px 20px 40px; }
.career .job-desc-icon { min-width: 150px; float: left; }
.career .job-desc-cont { width: calc(100% - 330px); float: left; }
.career .job-desc-cta { width: 180px; float: left; }
.career .job-desc-icon figure.graphic-design-job { background: url(../images/job-desc-icon.png) no-repeat; width: 128px; height: 142px; margin: 0 auto; }
.career .panel-content:after { content: ''; display: block; clear: both; font-size: 0; }
.career .job-desc-cont p { text-align: left; font-size: 15px; line-height: 22px; color: #252525; padding: 10px 20px; }
.career .job-desc-cta .btn { width: 170px; margin: 0 auto; background: #fff; border: 1px #f2a341 solid; height: 45px; line-height: 45px; color: #f2a341; box-sizing: border-box; border-radius: 8px; font-weight: 600; margin-top: 20px; font-size: 18px; cursor: pointer; }
.career .job-desc-cta .btn:hover { background: #f2a341; color: #fff; }
.career .jobs-block-wrap { padding: 50px 0 40px; }
.career-form-wrap { padding: 60px 0; width: 100%; margin: 0 auto; background: #f9f9f9; border-top: 1px #ddd solid; }
.career-form-wrap form { width: 60%; margin: 0 auto; }
.career-form-wrap h2 { text-align: center; padding-bottom: 40px; color: #232323; font-size: 30px; }
.career-form-wrap h2 span.dark-txt { color: #f2a341; }
.career-form .input-wrap:after, .career-form .main-add-info .opacity-div1:after { content: ''; clear: both; display: block; }
.career-form .input-wrap { margin-bottom: 40px; }
.career-form .input-wrap .field-wrap { width: calc(50% - 20px); float: left; box-sizing: border-box; position: relative; }
.career-form .input-wrap .field-wrap.right-margin { margin-right: 10px; }
.career-form .input-wrap .field-wrap.left-margin { margin-left: 10px; }
.career-form .input-wrap input { width: 100%; height: 35px; font-size: 18px; line-height: 24px; border: none; background: transparent; border: 1px #c7c7c7 solid; padding-right: 15px; box-sizing: border-box; padding: 0 10px; font-weight: 300; color: #898989; }
.career-form .input-wrap label { color: #555; padding-bottom: 5px; font-size: 16px; line-height: 22px; display: inline-block; font-weight: 500; }
.career-form .input-wrap.full-row .field-wrap { width: 100%; }
.career-form .input-wrap textarea { width: 100%; box-sizing: border-box; padding-right: 15px; height: 150px; font-size: 18px; line-height: 24px; border: none; background: transparent; border: 1px #c7c7c7 solid; resize: none; }
.career-form input.sbmt-btn { background: none; float: none; border: 2px #f2a341 solid; color: #f2a341; margin: 0 auto; margin-top: 60px; height: auto; width: auto; padding: 8px 50px; display: block; font-weight: 600; font-size: 22px; line-height: 26px; border-radius: 10px; cursor: pointer; }
.career-form input.sbmt-btn:hover { background: #f2a341; color: #fff; }
.career-form .field-wrap span { display: block; position: relative; width: 100%; font-size: 13px; left: 0; padding-top: 4px; bottom: 1px; color: red; }
.career-form .input-wrap input.job_role { color: #a0522c; }
input[type="text"]:disabled { background: #e8e8e8; }
.career-form input.sbmt-btn { margin-top: 30px; }
/* About */
.about .banner-sec { background:#fcb76c url(../images/our-stroy-bg.png) no-repeat; width: 100%; float: left; height: 511px; }
.about .story-col { width: 80%; margin: 0 auto; color: #fff; padding-top: 50px; }
.about .story-col1 { width: 300px; float: left; }
.about .story-col1 h2 { color: #a0522c; padding-top: 65px; font-size: 38px; line-height: 48px; }
.about .story-col2 { width: calc(100% - 300px); float: left; }
.about .story-col2 ul li { font-size: 20px; line-height: 28px; color: #fff; padding-bottom: 25px; line-height: 24px; background: url(../images/about-pointer-arrow.png) no-repeat 0 5px; padding-left: 35px; }
.about .aim-col-wrap { width: 80%; margin: 0 auto; padding-top: 50px; }
.about .aim-col-wrap .aim-col { width: 33.33%; float: left; }
.about .aim-col-wrap h3 { color: #fced4c; font-size: 25px; line-height: 32px; font-weight: 400; text-align: center; padding: 0 10px 10px; }
.about .aim-col-wrap p { color: #fff; font-size: 17px; font-weight: 300; line-height: 24px; color: #fff; padding: 0 20px; text-align: center; font-family: 'Roboto', 'Lato', sans-serif; }
.about .owner { padding: 60px 0; clear: both; width: 80%; margin: 0 auto; border-bottom: 2px #e9e9e9 solid; }
.about .owner-col { width: 50%; float: left; text-align: center; color: #2e2e2e; box-sizing: border-box; position: relative; }
.about .owner-col:after { content: ''; position: absolute; top: calc(50% - 75px); height: 150px; width: 1px; background: #e9e9e9; right: 0; display: block; }
.about .owner-col.no-border:after { display: none; }
.about .owner-pic { width: 150px; height: 150px; border-radius: 50%; background-color: #bc5640; display: inline-block; }
.about .owner-name { font-size: 18px; line-height: 22px; font-weight: 600; color: #2e2e2e; padding: 10px 0 5px; }
.about .owner-designation { font-size: 18px; line-height: 20px; padding-bottom: 5px; font-weight: 600; color: #bc5540; }
.about .owner-info { font-size: 16px; line-height: 22px; padding: 0 40px; }
.about .our-clients { padding: 40px 0; clear: both; }
.about .our-clients h2, .about .global-installation h2, .about .our-office h2 { color: #373737; padding-bottom: 30px; font-size: 30px; }
.about .our-clients h2 span, .about .global-installation h2 span, .about .our-office h2 span { position: relative; }
.about .our-clients h2 span:after, .about .global-installation h2 span:after, .about .our-office h2 span:after { content: ''; position: absolute; width: 100%; height: 4px; background: #fbbe6b; bottom: -10px; left: 0; }
.about .our-office h2 span:after { background: #fbbe6b; }
.about .client-container { width: 80%; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }
.about .client-container { text-align: center; }
.about .client-container .client-icon { width: 33.33%; float: left; margin-bottom: 40px; }
.about .client-container .client-icon .client1 { background: url(../images/mitsubishi.png) no-repeat; width: 211px; height: 89px; display: inline-block; }
.about .client-container .client-icon .client2 { background: url(../images/cnc-logo.png) no-repeat; width: 275px; height: 91px; display: inline-block; }
.about .client-container .client-icon .client3 { background: url(../images/mahle.png) no-repeat; width: 208px; height: 103px; display: inline-block; }
.about .client-container .client-icon .client4 { background: url(../images/artimpianti.png) no-repeat; width: 218px; height: 45px; display: inline-block; }
.about .client-container .client-icon .client5 { background: url(../images/borgwarner.png) no-repeat; width: 262px; height: 33px; display: inline-block; }
.about .client-container .client-icon .client6 { background: url(../images/Indo-mim.png) no-repeat; width: 217px; height: 53px; display: inline-block; }
.about .client-container .client-icon .client7 { background: url(../images/signode.png) no-repeat; width: 226px; height: 44px; display: inline-block; }
.about .client-container .client-icon .client7 { background: url(../images/client_image1.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon .client8 { background: url(../images/client_image2.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon .client9 { background: url(../images/client_image3.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon .client10 { background: url(../images/client_image4.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon .client11 { background: url(../images/client_image5.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon .client12 { background: url(../images/client_image10.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon .client13 { background: url(../images/client_image7.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon .client14 { background: url(../images/client_image8.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon .client15 { background: url(../images/client_image6.png) no-repeat; width: 200px; height: 100px; display: inline-block; }
.about .client-container .client-icon:nth-child(3n):after { content: ''; clear: both; display: block; }
.owner-pic.owner1 { background: url(../images/chakra.jpg) no-repeat; width: 150px; height: 150px; }
.owner-pic.owner2 { background: url(../images/raghu.jpg) no-repeat; width: 150px; height: 150px; }
.about .global-installation { padding: 40px 0; clear: both; background: #f5f1f1; }
.global-installation-wrap { padding: 30px 0; width: 80%; margin: 0 auto; border: 1px #ccc solid; background: #fff; }
.global-installation-wrap .global-instal-col1 { width: calc(100% - 640px); float: left; padding-left: 40px; box-sizing: border-box; }
.global-installation-wrap .global-instal-col2 { width: 600px; float: left; padding: 0; box-sizing: border-box; }
.india-map { background: url(../images/project-city-map.png) no-repeat; width: 600px; height: 688px; }
.global-installation-wrap h3 { color: #a0522c; font-size: 18px; padding: 0; margin: 0; margin-bottom: 15px; margin-top: 30px; }
.global-installation-wrap h3 span { border-bottom: 1px #fced4c solid; display: inline-block; padding-bottom: 5px; }
.global-instal-col1 ul li { font-size: 18px; line-height: 24px; background: url(../images/tick.gif) no-repeat 0 6px; padding-bottom: 5px; padding-left: 25px; }
.global-instal-col1 ul.map__areas li { /* background: none; padding-left: 0; */ }
.global-instal-col1 ul.map__areas li span { width: 15px; height: 15px; background: #666; display: inline-block; margin-right: 15px; display: none; }
.global-instal-col1 ul.map__areas li span.kar { background-color: #feb24c; }
.global-instal-col1 ul.map__areas li span.tamil { background-color: #e7d4e8; }
.global-instal-col1 ul.map__areas li span.andhra { background-color: #c7e9b4; }
.global-instal-col1 ul.map__areas li span.telanga { background-color: #f7fcb9; }
.global-instal-col1 ul.map__areas li span.maharash { background-color: #dfc27d; }
.global-instal-col1 ul.map__areas li span.delhi { background-color: #60c3b9; }
.global-instal-col1 ul.map__areas li span.gujurat { background-color: #ccece6; }
.about .our-office { padding: 60px 0; clear: both;     background: #e8e8e8; border-bottom: 1px #ddd solid; }
.about img { margin: 0 auto; width: 100%; }
/* Contact US */
.contact-robot .contact-banner { background: url(../images/contact-us-banner.jpg) no-repeat center; width: 100%; height: 174px; }
.contact-robot .contact-banner h1 { font-size: 45px; line-height: 55px; color: #fedb39; padding-bottom: 0; padding-top: 60px; font-weight: 500; }
.contact-robot .secondary-sec { padding: 40px 0; }
.contact-robot .secondary-sec p { width: 50%; margin: 0 auto; text-align: center; font-size: 17px; line-height: 24px; color: #5b5b5b; }
.contact-robot .contact-wrap { padding: 20px 0 40px; }
.contact-robot .contact-wrap .container { width: 85%; margin: 0 auto; }
.contact-robot .section-form { width: calc(35% - 20px); float: left; margin-right: 20px; }
.contact-robot .section-contact { width: calc(65% - 10px); float: left; margin-left: 10px; }
.contact-robot .inp-wrap { width: 100%; margin-bottom: 20px; }
.contact-robot .inp-wrap .txt-field { width: 100%; color: #898989; padding: 5px 10px; box-sizing: border-box; height: 32px; border: none; border-bottom: 1px #898989 solid; font-size: 17px; }
.contact-robot .inp-wrap textarea { width: 100%; box-sizing: border-box; padding-right: 15px; height: 150px; font-size: 17px; line-height: 24px; resize: none; background: transparent; border: none; color: #898989; border-bottom: 1px #898989 solid; font-family: 'Lato', sans-serif; }
.contact-robot .sbmt-btn { background: #5d9623; color: #fff; padding: 8px 40px; line-height: 24px; font-size: 18px; font-weight: 500; border: none; border-radius: 5px; }
.contact-robot .contact-info-wrap { width: 100%; background: #495b67; padding: 40px 20px; color: #fff; }
.contact-robot .contact-info-wrap h3 { font-size: 20px; line-height: 26px; font-weight: 500; color: #c7ebec; text-align: left; margin: 0; padding: 0; }
.contact-robot .person-details { width: 100%; padding: 20px 0; }
.contact-robot .person-details .person-col { width: calc(50% - 10px); float: left; margin-right: 10px; position: relative; }
.contact-robot .person-details .person-col:after { content: ''; position: absolute; width: 1px; height: 130px; background: #CCC; right: 8px; top: 0; }
.contact-robot .person-details .person-col2 { width: calc(50% - 10px); float: left; margin-left: 10px; }
.contact-robot .name-info, .contact-robot .mob-info, .contact-robot .email-info { font-size: 16px; line-height: 24px; padding-bottom: 10px; }
.contact-robot .name-info { color: #eadea1; }
.contact-robot .phone-icon { width: 24px; height: 24px; background: url(../images/phon-icon.png) no-repeat; margin-right: 10px; display: inline-block; vertical-align: top; position: relative; top: 0px; }
.contact-robot .email-icon { width: 24px; height: 24px; background: url(../images/email-icon.png) no-repeat; margin-right: 10px; display: inline-block; vertical-align: top; position: relative; top: 0px; }
.contact-robot .buiss-hours { font-size: 18px; line-height: 30px; color: #fffdff; margin-top: 15px; padding-left: 45px; position: relative; top: 10px; }
.contact-robot .buiss-hours:before { content: ''; display: block; position: absolute; top: 0px; left: 0; background: url(../images/clock-icon.png) no-repeat; width: 32px; height: 32px; }
.contact-robot .address-wrap { width: 100%; padding: 40px 0; }
.contact-robot .address-wrap .container { width: 75%; margin: 0 auto; }
.contact-robot .address-col1 { width: calc(50% - 10px); margin-right: 10px; float: left; }
.contact-robot .address-col2 { width: calc(50% - 10px); margin-left: 10px; float: left; }
.contact-robot .address-wrap h3 { font-size: 18px; color: #495b67; padding: 10px 0; line-height: 24px; }
.contact-robot .address-wrap p { font-size: 16px; color: #485c67; line-height: 24px; }
.contact-robot .map-block { width: 100%; height: 400px; background: #cccccc; margin-top: 20px; }
.contact-robot .address-wrap h2 { color: #373737; padding-bottom: 40px; }
.contact-robot .address-wrap h2 span { position: relative; }
.contact-robot .address-wrap h2 span:after { content: ''; position: absolute; width: 100%; height: 4px; background: #fbbe6b; bottom: -10px; left: 0; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #737373;
 font-style:italic;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #737373;
 font-style:italic;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #737373;
 font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
 color: #737373;
 font-style:italic;
}
.contact-robot .inp-wrap span { display: block; position: relative; width: 100%; font-size: 13px; left: 0; padding-top: 4px; bottom: 1px; color: red; border-top: 1px red solid; }
.contact-robot .inp-wrap.txt-area-inp span { top: -5px; }
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0 30px white inset;
}
.sticky-container { padding: 0px; margin: 0px; position: fixed; right: -160px; top: 290px; width: 210px; z-index: 1100; }
.sticky li { list-style-type: none; background-color: transparent; color: #efefef; height: 48px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; border-bottom-left-radius:5px; border-top-left-radius:5px; }
.sticky li.fb { background:#3b579d; }
.sticky li.google { background:#e13719; }
.sticky li.tweet { background:#2aa9e0; }
.sticky li:hover { margin-left: -90px; }
.sticky li img { float: left; margin: 0; margin-right: 5px; border-bottom-left-radius:5px; border-top-left-radius:5px; }
.sticky li p { padding-top: 5px; margin: 0px; line-height: 16px; font-size: 11px; }
.sticky li p a { text-decoration: none; color: #fff; font-size: 15px; font-weight:600; }
.sticky li p a:hover { text-decoration: underline; }
/* Services */
.service h1 { color: #75763d; }
.service .tabs { width: 100%; float: left; margin-top: 30px; }
.service .tabs ul { text-align: center; }
.service .tabs ul li { display: inline-block; padding: 0 20px 10px; color: #555555; font-size: 22px; line-height: 28px; position: relative; cursor: pointer; box-sizing: border-box; text-align: center; font-weight: 500; }
.service .tabs ul li:before { content: ""; position: absolute; width: 100%; height: 5px; bottom: 0; left: 0; background-color: #4c91ca; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.service .tabs ul li:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }
.service .tabs ul li.active:hover:before { content: ''; display: block; background: none; transform: none; transition: none; height: 0; visibility: hidden; }
.service .tabs ul li.active { color: #4e90ca; font-weight: 500; border: none; }
.service .tabs ul li.active:after { content: ''; background: url(../images/program-tab-arrow2.png) no-repeat; width: 20px; height: 11px; display: block; position: absolute; bottom: -1px; left: calc(50% - 10px); border: none; }
.service #service_robot_integration .banner-sec { background: none; height: 250px; width: 100%; clear: both; }
.service #service_program .banner-sec { background: url(../images/service-program.png) no-repeat; height: 250px; width: 100%; clear: both; }
.service #service_simulation .banner-sec { background: url(../images/service-simulation.png) no-repeat; height: 250px; width: 100%; clear: both; }
.service h2 { color: #232323; font-size: 20px; text-align: left; line-height: 26px; }
.service h2 span { border-bottom: 4px #4e90ca solid; padding-bottom: 10px; display: inline-block; }
.service .service-info { padding: 40px 0; width: 100%; clear: both; }
.service-info-wrap { padding: 40px 0 0; }
.service-info-wrap h3 { color: #4e90ca; font-weight: 500; font-size: 24px; }
.service-info-wrap p { font-size: 18px; color: #555; font-weight: 300; line-height: 28px; padding-bottom: 30px; }
.our-service-list { padding: 30px 0 20px; }
.our-service-list ul li { font-size: 18px; padding-bottom: 10px; background: url(../images/tick.gif) no-repeat 0 6px; padding-left: 25px; }
.our-service-list h3 { font-size: 24px; line-height: 30px; padding-bottom: 15px; color: #e57d0a; }
.service .highlight__orange { font-weight: 500; clear: both; }
.service .highlight__orange span { font-size: 19px; font-weight: 500; color: #e57d0a; }
.service .application-container { width: 70%; padding: 0 0 40px; clear: both; }
.service .app-col { width: 50%; float: left; }
.application-container h3 { font-size: 18px; line-height: 30px; padding-bottom: 15px; font-weight: 600; color: #e57d0a; }
.application-container ul li { font-size: 18px; padding-bottom: 10px; background: url(../images/tick.gif) no-repeat 0 6px; padding-left: 25px; }
/* Thank You */
.thankyou_page footer { position: absolute; bottom: 0; width: 100%; }
.thankyou { position: absolute; text-align: center; top: calc(50% - 100px); left: calc(50% - 250px); }
.thankyou figure { background: url(../images/thankyou-contact.png) no-repeat; width: 128px; height: 128px; margin: 0 auto; }
.thankyou p { text-align: center; padding-top: 20px; }

@media only screen and (max-width:1200px) {
.career-form-wrap { width: 80%; }
/* About Page */
.about .aim-col-wrap { width: 100%; }
.about .aim-col-wrap { padding-top: 60px; }
.global-installation-wrap { width: 80%; }
.about .client-container { width: 100%; }
/* Contact */
.contact-robot .section-form, .contact-robot .section-contact { width: 80%; box-sizing: border-box; margin: 0 auto; margin-bottom: 20px; float: none; }
}

@media only screen and (max-width:1024px) {
.about .aim-col-wrap { padding-top: 40px; }
.global-installation-wrap { width: 100%; }
/* Contact */
.contact-robot .secondary-sec p { width: 80%; }
.contact-robot .contact-wrap .container { width: 90%; }
}

@media only screen and (max-width:980px) {
header { height: auto; padding: 20px 0; position: static; width: 100%; z-index: 3; }
header nav { position: relative; }
header nav a.mobile_menu { width: 21px; height: 21px; background: url(../images/menu.png) no-repeat 0 0; background-size: contain; position: absolute; top: 15px; left: auto; right: 0; display: block; }
header nav { background: transparent; height: 40px; position: relative; top: 0; }
header nav { padding: 20px 0px 20px 0px; height: 0px; overflow: hidden; }
header nav ul, header nav ul ul, header nav ul ul ul { display: block; position: static; }
header nav ul { padding: 0px; margin-top: 20px; }
header nav ul li { float: none; text-align: center; display: block; width: 100%; }
header nav ul li:hover { background: none; }
header nav ul li { margin: 0; text-align: right; padding: 8px 0; padding-right: 60px; position: relative; z-index: 2; }
header nav ul li.last-li { padding-bottom: 0; }
header nav ul li:first-child { padding-top: 15px; }
/* Career */
.career .jobs-banner { height: auto; min-height: 300px; }
.career nav a.mobile_menu { background: url(../images/menu-dark.png) no-repeat 0 0; }
.career header { height: auto; }
/* About */
.about .banner-sec { height: auto; background-size: cover; }
.about .story-col1 { width: 100%; float: none; margin: 0; padding: 0; }
.about .story-col1 h2 { line-height: 45px; padding: 0; padding-bottom: 20px; }
.about .story-col2 { width: 100%; }
.about .story-col { width: 80%; padding-top: 20px; }
.about .aim-col-wrap { padding-top: 20px; padding-bottom: 30px; }
.about .aim-col-wrap p { font-size: 16px; }
.about .story-col2 ul li { font-size: 18px; }
.global-installation-wrap h3, .global-instal-col1 ul li { font-size: 14px; }

}

@media only screen and (max-width:800px) {
/* About */
.about .client-container .client-icon { width: 50%; }
.about .client-container .client-icon:nth-child(3n):after { display: none; }
.about .client-container .client-icon:nth-child(2n):after { content: ''; clear: both; display: block; }
/* Contact */
.contact-robot .contact-wrap .container { width: calc(100% - 40px); }
.contact-robot .section-form, .contact-robot .section-contact { width: 100%; float: none; padding-left: 0; padding-right: 0; }
.contact-robot .contact-info-wrap { margin-top: 40px; box-sizing: border-box; }
.contact-robot .address-col1, .contact-robot .address-col2 { width: 100%; margin-bottom: 20px; padding: 0; }
}

@media only screen and (max-width:768px) {
/* Career */
.career .job-features .grey-line, .job-features .orange-feature-pointer { display: none; }
.career .culture-col h3 { padding-top: 10px; }
.career .culture-col { width: 100%; float: left; padding-bottom: 30px; }
.career .culture-col::after { content: ''; display: block; width: 100px; height: 3px; background: #f2a341; margin: 0 auto; }
.career .culture-col-wrap { padding-bottom: 30px; }
.career .jobs-block-wrap { width: 100%; }
.career .mob-accord .box-click .accordion { font-size: 18px; }
.career-form-wrap { width: 100%; }
}

@media only screen and (max-width:767px) {
/* About */
.about .aim-col-wrap .aim-col { width: 100%; float: none; padding-bottom: 20px; }
.about .owner-col { width: 100%; margin-bottom: 40px; }
.about .owner-col::after { display: none; }
.india-map { display: none; }
.global-installation-wrap { width: 320px; }
.global-installation-wrap .global-instal-col1 { width: 100%; }
.about .our-clients h2, .about .global-installation h2, .about .our-office h2 { font-size: 20px; }
}

@media only screen and (max-width:640px) {
/* Career */
.career .job-desc-icon, .career .job-desc-cont, .career .job-desc-cta { width: 100%; float: none; }
.career .job-desc-cta { margin-bottom: 30px; }
.career .jobs-banner .fut-img { position: relative; width: auto; top: auto; left: auto; }
.career .jobs-banner .fut-img img { width: 100%; margin-top: 50px; }
.career .jobs-banner figure h1 { font-size: 30px; left: 180px; }
.career-form .input-wrap .field-wrap.right-margin, .career-form .input-wrap .field-wrap.left-margin { margin: 0; }
.career-form .input-wrap .field-wrap { width: 100%; margin-bottom: 25px !important; }
.career-form .input-wrap { margin: 0px; }
/* About */
.about .client-container .client-icon { width: 100%; float: none; }
/*Contact */
.contact-robot .person-details .person-col, .contact-robot .person-details .person-col2 { width: 100%; float: none; margin: 0; padding: 0; }
.contact-robot .person-details .person-col::after { display: none; }
.contact-robot .secondary-sec p { width: 100%; }
}

@media only screen and (max-width:480px) {
/* Career */
header .container { padding-left: 0; padding-right: 0; }
header { background: #2b2a2a; width: 100%; z-index: 3; }
.logo { background: url(../images/logo.png) no-repeat; width: 190px; height: 44px; display: block; margin: 0 auto; text-indent: -9999px; float: left; background-size: 190px 44px; }
header nav { display: inline-block; width: calc(100% - 190px); }
header nav ul li { font-size: 16px; }
.career .jobs-culture h2, .career .opportunities h2 { font-size: 26px; line-height: 34px; }
.career .jobs-culture p, .career .opportunities p { font-size: 16px; }
.career .panel-content { padding-left: 0; padding-right: 0; }
/* About */
.about .client-container .client-icon { background-size: 100% auto; }
.about .story-col { width: 100%; }
.about .owner { padding-bottom: 20px; }
}

@media only screen and (max-width:360px) {
/* Career */
.career .jobs-banner figure h1 { left: 120px; }
}
