@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Bold.eot');
    src: url('../fonts/DIN-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Bold.woff2') format('woff2'),
        url('../fonts/DIN-Bold.woff') format('woff'),
        url('../fonts/DIN-Bold.ttf') format('truetype'),
        url('../fonts/DIN-Bold.svg#DIN-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Medium.eot');
    src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Medium.woff2') format('woff2'),
        url('../fonts/DIN-Medium.woff') format('woff'),
        url('../fonts/DIN-Medium.ttf') format('truetype'),
        url('../fonts/DIN-Medium.svg#DIN-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Regular.eot');
    src: url('../fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Regular.woff2') format('woff2'),
        url('../fonts/DIN-Regular.woff') format('woff'),
        url('../fonts/DIN-Regular.ttf') format('truetype'),
        url('../fonts/DIN-Regular.svg#DIN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Light.eot');
    src: url('../fonts/DIN-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Light.woff2') format('woff2'),
        url('../fonts/DIN-Light.woff') format('woff'),
        url('../fonts/DIN-Light.ttf') format('truetype'),
        url('../fonts/DIN-Light.svg#DIN-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Bold.eot');
    src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINPro-Bold.woff2') format('woff2'),
        url('../fonts/DINPro-Bold.woff') format('woff'),
        url('../fonts/DINPro-Bold.ttf') format('truetype'),
        url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body.em, .em div, .em span, .em applet, .em object, .em iframe, .em h1, .em h2, .em h3, .em h4, .em h5, .em h6, .em p, .em blockquote, .em pre, .em a, .em abbr, .em acronym, .em address, .em big, .em cite, .em code, .em del, .em dfn, .em em, .em font, .em img, .em ins, .em kbd, .em q, .em s, .em samp, .em small, .em strike, .em strong, .em sub, .em sup, .em tt, .em var, .em dl, .em dt, .em dd, .em ol, .em ul, .em li, .em fieldset, .em form, .em label, .em legend, .em table, .em caption, .em tbody, .em tfoot, .em thead, .em tr, .em th, .em td, .em select, .em input, .em option { margin: 0; padding: 0; border: 0; outline: 0;}
html { -webkit-text-size-adjust: none; }
.em sub, .em sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
.em sup { top: -0.5em; }
.em sub { bottom: -0.25em }
.em nav .em ul, .em ol .em li { list-style: none; list-style-image: none; }
.em button, .em input, .em select, .em textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.em textarea { overflow: auto; vertical-align: top }
.em input[type="button"], .em input[type="submit"] {-webkit-appearance: none !important; }
:focus { outline: 0; }
.em caption, .em th, .em td { text-align: left; font-weight: normal; }
.em table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
.em td { vertical-align: top; }
.em img { border: 0 none; max-width: 100%; vertical-align: top; }
.em a { outline: none; cursor: pointer; text-decoration: none !important; }
.em a:hover { text-decoration: none;}
.em a:focus { text-decoration: none !important; outline: none !important; }
.em select::-ms-expand { display: none;}

/*Placeholder opacity cross browsers*/
.em input::-webkit-input-placeholder { color: #ffffff; opacity:1;} /* WebKit browsers */
.em input:-moz-placeholder { color: #ffffff; opacity:1;} /* Mozilla Firefox 4 to 18 */
.em input::-moz-placeholder { color: #ffffff; opacity:1;} /* Mozilla Firefox 19+ */
.em input:-ms-input-placeholder { color: #ffffff; opacity:1;} /* Internet Explorer 10+ */
.em textarea::-webkit-input-placeholder { color: #ffffff; opacity:1;} /* WebKit browsers */
.em textarea:-moz-placeholder { color: #ffffff; opacity:1;} /* Mozilla Firefox 4 to 18 */
.em textarea::-moz-placeholder { color: #ffffff; opacity:1;} /* Mozilla Firefox 19+ */
.em textarea:-ms-input-placeholder { color: #ffffff; opacity:1;} /* Internet Explorer 10+ */
.em button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {border: 0;}


/* ----- Page Structure ----- */

body.em { margin: 0; padding: 0; font-size: 16px; font-family:'DIN', Arial , sans-serif; color: #000000;}
.em .wrapper { width: 100%;}
.em .main { max-width: 1210px; margin: 0 auto; padding: 0px 20px; width: 100%; }
.em a, .em button {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.em .flw {width: 100%; float: left; position: relative;}
.em .DIIB{display: inline-block;vertical-align: middle;}
.em .btn{font-size: 30px; font-weight: normal; color: #fff; background-color: #fe680a; border-radius: 50px; padding: 18px 30px; min-width: 340px; display: inline-block;font-family: 'Roboto', sans-serif;}
.em .btn:hover{background-color: #fd731c;}
.em p{font-size: 16px;font-weight: 300;color: #000000;line-height: 24px;}
.em .page_title{position: relative;padding-bottom: 16px;}
.em .page_title:after{content: '';position: absolute;display: block;width: 100px;height: 5px;background-color: #fe680a;bottom: 0;left: 50%;transform: translate(-50%, 0); }
.em .page_title h2 {font-size: 34px; text-align: center;font-family: 'DIN Pro'; font-weight: bold;text-transform: uppercase;}
.em .page_title span{font-weight: 300;font-family:DIN;}
.em .single_title h2 {font-size: 34px;font-weight: 400;}

/* ----- header starts here ----- */
.em .header{padding: 20px 0;}

.em .header .top_left{width:19%;}
.em .header .main_logo img {max-width: 200px; width: 100%; }

.em .header .top_right {width:80%; }
.em .header .top_right ul {float: right;} 
.em .header .top_right ul li {display: inline-block; padding-right:15px; } 
.em .header .top_right ul li:last-child {padding-right: 0; } 
.em .header .top_right ul li a {font-size: 14px;font-weight: 500;line-height: 24px; color: #000;transition: 0; -webkit-transition: 0; -moz-transition: 0; } 
.em .header .top_right ul li a:hover {border-bottom: 1px solid #fff; }

.em .sticky_header{position:fixed !important;background-color:#fff;animation:smoothScroll 0.5s forwards;width:100%;left:0;top:0;z-index:99999;box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3);}
@keyframes smoothScroll{0%{transform:translateY(-100px);}100%{transform:translateY(0px);}}
.em .sticky_header .page_header .sticky_btn{display:block;}
.em .sticky_header .header_logo{display:none;}
.em .sticky_header .sticky_logo{display:block;}

/* ----- banner starts here ----- */
.em #BannerSection{background-image:url('../images/banner_bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;text-align: center;}
.em .sec_banner {padding: 123px 0 135px; }
.em .sec_banner .banner_title {max-width:850px; margin: 0 auto;}
.em .sec_banner .banner_title h1 {font-family: 'Roboto', sans-serif;font-size: 70px;font-weight: 700;color: #fff;letter-spacing: 2px;}
.em .sec_banner .banner_text {margin: 29px 0 40px;}
.em .sec_banner .banner_text h3{font-size: 36px;font-weight: 500;color: #fff;}


/* ----- program starts here ----- */
.em .sec_program{text-align: center;padding: 90px 0 223px;}
.em .sec_program .program_text{max-width: 950px;margin:45px auto ;}
.em .program_box {width: 25%; float: left;position: relative;}
.em .program_box:nth-child(even) {margin-top: 100px;}
.em .program_box .program_title {margin: 20px auto 0;max-width: 240px;}
.em .program_img:before {content: ""; background: white; height: 200px; width: 1px; right: 0; bottom: 0; position: absolute; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -o-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); background-position: bottom; background-size: 24px 12px; background-repeat: repeat-x; background-image: linear-gradient(black 33%, rgba(255,255,255,0) 0%); background-position: right; background-size: 11px 9px; background-repeat: repeat-y; z-index: -10; }
.em .program_box:nth-child(2) .program_img:before {top: 0; content: ""; background: white; height: 200px; width: 1px; right: 0; bottom: 0; top: -60px; position: absolute; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -o-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); background-position: bottom; background-size: 24px 12px; background-repeat: repeat-x; background-image: linear-gradient(black 33%, rgba(255,255,255,0) 0%); background-position: right; background-size: 11px 9px; background-repeat: repeat-y; z-index: -10; }
.em .program_box:nth-child(4) .program_img:before {display:none; }
.em .program_box .program_title h4 {font-size: 20px; font-weight: 300; color: #000;}


/* ----- program starts here ----- */
#ManagerFeedback{background-color: #f68428;color: #fff;text-align: center;padding: 0px 0 85px;position: relative;}
#ManagerFeedback:before {content: ''; position: absolute; background-image: url(../images/orange_bg.png); background-position: top;background-repeat: no-repeat; width: 100%; height: 100%; top: -200px; left: 0; }
.em .feedback_details .feedback_box {width: 50%;float: left;padding: 40px 50px 0px;}
.em .feedback_details .feedback_box .feedback_text {margin-top: 15px; }
.em .feedback_details .feedback_box .feedback_text h4 {font-size: 20px; font-weight: lighter; font-style: italic;line-height: 30px;}


/* ----- award option starts here ----- */
.em .sec_awardoption {max-width: 790px;margin: 0 auto;padding: 80px 0 210px;}
.em .award_text {margin:42px 0 25px;}
.em ul.option_list li{padding:16px 0 6px 22px;position: relative;color: #000;}
.em ul.option_list li:before{content: '';position: absolute;background-color: #f26534;width:1px; height: 100%; left: 0; top: 0;}
.em ul.option_list li:after{content: '';position: absolute;background-image: url(../images/border_round.png);background-size: 10px;background-repeat: no-repeat;width: 10px;height:10px;left:-5px;top:20px;}


/* ----- employee feedback starts here ----- */
#EmployeeFeedback{background-color: #333333;color: #fff;text-align: center;padding: 0px 0 90px;position: relative;}
#EmployeeFeedback:before {content: ''; position: absolute; background-image: url(../images/gray_bg.png); background-position: top;background-repeat: no-repeat; width: 100%; height: 100%; top: -200px; left: 0;z-index: -1; }
.em .EM_feedback_details .EM_feedback {width: 50%;float: left;padding:25px 70px 0px;}
.em .EM_feedback_details .EM_feedback .EM_feedtext {margin-top: 15px; }
.em .EM_feedback_details .EM_feedback .EM_feedtext h4 {font-size: 20px; font-weight: lighter; font-style: italic;line-height: 30px;}


/* ----- custom program starts here ----- */
.em .sec_custom_program{padding:88px 50px 132px}
.em .custom_text{text-align: center;margin: 34px 0 57px;}
.em .custom_choice {margin-bottom:55px; }
.em .custom_choice .choice_title {width: 31%; float: left;padding-right: 20px;}
.em .custom_choice .choice_title h3{font-size: 22px;padding-bottom: 20px;position: relative;font-weight: 500;line-height: 31px;}
.em .custom_choice .choice_title h3:after{content: '';position: absolute;display: block; width: 100px; height: 5px; background-color: #fe680a; bottom: 0; left:0;}
.em .custom_choice .choice_detail {width: 69%; float: left;position: relative;}
.em .custom_choice .choice_detail li{position: relative;padding:10px 0 40px 30px;}
.em .custom_choice .choice_detail li:last-child {padding-bottom: 0; }
.em .custom_choice .choice_detail li:before{content: '';position: absolute;background-color: #f26534;width:1px; height: 100%; left: 0; top: 0;}
.em .custom_choice .choice_detail li:after{content: '';position: absolute;background-image: url(../images/border_round.png);background-size: 10px;background-repeat: no-repeat;width: 10px;height:10px;left:-5px;top:18px;}
.em .custom_choice .detail_title {font-size: 18px; font-weight: 500;margin-bottom: 14px;}
.em .custom_choice .detail_text {padding-bottom: 17px; }
.em .custom_choice .detail_text:last-child{padding-bottom: 0;}


/* ----- company requirements starts here ----- */
#CompanyRequirement{background-color: #333333;color: #fff;padding:77px 0 90px;position: relative;}
#CompanyRequirement:before {content: ''; position: absolute; background-image: url(../images/right_gray_bg.png); background-position: top;background-repeat: no-repeat; width: 100%; height: 100%; top: -110px; left: 0;z-index: -1;}
.sec_comrequirement .page_title h2{color: #fff;}

.em .top_row {padding: 80px 0 0; } 
.em .top_row .requirement_box {width: 32%; float: left; margin: 0 1%; position: relative;padding:24px 30px 20px 20px; } 
.em .top_row .requirement_box:first-child {margin-left: 0; } 
.em .top_row .requirement_box:last-child {margin-right: 0; }

.em .border_box{border:1px solid #fff;} 
.em .border_box .box_icon {position: absolute; top: -40px; left: 13px; background-color: #333;padding: 0 10px 0 10px;}
.em .border_box .box_title h3 {font-size: 20px; font-weight: 500;}
.em .border_box .box_text {padding-top: 22px;margin-bottom: 15px;} 
.em .border_box .box_text p{color: #fff;} 

.em .bottom_row {padding-top: 68px;} 
.em .inner_row {max-width: 1000px; margin: 0 auto; }
.em .bottom_row .requirement_box2 {width: 47%; float: left; margin: 0 1.5%; position: relative;padding: 25px 30px 10px 20px;}

.em .company_notes{background-color: #f86e09;text-align: center;padding:40px 30px 20px;margin-top: 48px;}
.em .company_notes p{font-size: 18px;color: #fff;font-weight: normal;max-width: 1000px;margin: 0 auto 26px;line-height: 26px;}

/* ----- Demonstration starts here ----- */
.em #DemonstrationSection {padding: 77px 0 78px; }
.em .sec_demonstration .single_title h2 {font-family: 'DIN Pro'; font-weight: bold; font-size: 36px; }
.em .sec_demonstration .subtitle_text {padding: 25px 0 35px; border-bottom: 4px solid #000;margin-bottom: 40px;}
.em .sec_demonstration .subtitle_text p {font-size: 18px; font-weight: 500; }

.em .sec_form {width: 61%; float: left;padding-right:29px;position: relative;}
.em .sec_form:after{content: '';position: absolute;width: 4px;height: 91%;background-color: #000;bottom: 0;right: 0;}
.em .main_form {background-color: #f86e09;padding: 43px 0px 0;}
.em .form_section {padding:0 10px 22px;position: relative;}
.em .form_section:before {content: ''; position: absolute; display: block; width: 48px; height: 4px; background-color: #fff; top: -23px; left: 45%; }
.em .main_form .form_group {width: 49%; float: left; margin: 0 0.5% 13px; }
.em .main_form .form_control {background-color: transparent; border: 2px solid #fff; border-radius: 4px; font-size: 14px; font-family: DIN; font-weight: 500; padding: 12px 10px;width: 100%;color: #fff;}
.em .main_form textarea {background-color: transparent; border: 2px solid #fff; border-radius: 4px; font-size: 14px; font-family: DIN; font-weight: 500; padding: 12px 10px; width: 100%;color: #fff; }
.em .main_form .select_program {width: 100%; float: left; background-color: #fff;padding: 14px 0 10px;}
.em .main_form .select_program .select_label {padding-bottom: 20px; }
.em .main_form .select_program .select_label label {font-size: 15px; font-weight: 500; }
.em .main_form .select_program .form_check {width: 25%; float: left; padding-right:10px; }
.em .main_form .select_program input[type=checkbox]{ display:none; }
.em .main_form .select_program input[type=checkbox] + label{cursor:pointer;position:relative;font-size: 14px; font-weight: 500; line-height: 18px; width: 90%; padding-left: 30px; float: left;}
.em .main_form .select_program input[type=checkbox] + label:before{content: ''; background: #fff; border: 2px solid #000; float: left; vertical-align: middle; width: 7px; height: 7px; padding: 2px; margin-right: 0px; margin-bottom: 0px; text-align: center; margin-top: -1px; left: 0; position: absolute;top: 5px;}
.em .main_form .select_program input[type=checkbox]:checked + label:before {content: "\f00c"; font-family: 'FontAwesome'; background: #fe690b; color: #fff; border-color: #fe690b; line-height: 7px; font-size: 8px;}
.em .main_form .submit_btn {padding:20px 20px 18px; background-color: #f86e09; }
.em .main_form button.btn_primary {background-color: #000; border: 1px solid #000; border-radius: 5px; color: #fff; width: 100%; font-family: 'DIN'; font-size: 18px; font-weight: 500; text-transform: uppercase; padding: 13px 10px;cursor: pointer; }
.em .main_form button.btn_primary:hover{background-color: #1f1f1f;border-color: #1f1f1f;}

.em .sec_contact {width: 39%; float: left; }
.em .contact_title {padding-left: 27px;}
.em .contact_title h2{font-family: 'DIN Pro';font-size: 32px;font-weight: bold;line-height: 26px;}
.em .address_detail {margin-top: 27px; padding: 36px 0 0 22px;}
.em .address_detail .address_box{font-size: 18px;padding-bottom: 19px;}
.em .address_detail .address_box h4{font-weight: bold;font-size: 18px;padding-bottom: 3px;}
.em .address_detail .address_box h5{font-weight: normal;font-size: 18px;}
.em .contact_info{    padding: 24px 0 0 22px;}
.em .contact_info h4{font-size: 18px;font-weight: bold;font-size: 18px;padding-bottom: 3px;}
.em .contact_info a{color: #0163c2;text-decoration:underline!important;font-size: 18px;font-weight:normal;}
.em .contact_info h5{font-size: 18px;font-weight: normal;font-size: 18px;}
.em .contact_info li{font-size: 14px;font-weight: normal;padding: 3px 0 0;}


.em footer {background: #333333; color: #fff;padding: 72px 0 72px;}
.em .phone_number {border-bottom: 1PX solid #727277;padding: 0 0 34px;}
.em .phone_number h2 {font-size: 30px; text-align: center; font-weight: 500; }
.em .footer_detail {padding-top: 35px; }
.em .footer_detail .footer_col {width: 25%; float: left; }
.em .link_head {
    padding-bottom: 20px;
}
.em .link_head h5{font-size: 16px;font-weight: 500;}
.em ul.footer_link a {color: #d7d7d9; font-size: 14px; font-weight: 300; }
.em ul.footer_link li {
    padding-bottom: 4px;
}
.em .social_media {
    float: right;padding-top: 5px;
}
.em ul.social_icon li {
    display: inline-block;
    padding-left: 5px;
}
.em .copy_text{float: right;padding-top: 20px;}
.em .copy_text p {
    color: #e3e3e3;
    font-size: 13px;
}

.em .footer_bottom {
    padding-top: 27px;
}
.em .footer_bottom p {
    font-size: 12px;
    color: #d7d7d9;
    line-height: 18px;
}
.em .bold_copy {
    padding-top: 18px;
}
.em .bold_copy p{font-weight: 500;
    color: #fff;
}