/* Source and licensing information for the line(s) below can be found at http://www.emis.cn/themes/emis_next/styles/css/main/style.css. */ @charset "utf-8"; /* CSS Document */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Clean Base ------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video {margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);} html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; height: 100%;} article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;} img{border:none;} input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;} textarea:focus, input:focus, a, div, img { outline: none; } img { vertical-align: middle !important } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block;} /* 2. Base Typography ------------------------------------------------------------------------------*/ body{ color: #212121; font-size:16px; font-family: 'Noto Sans', sans-serif; font-weight:400; line-height:28px; } h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal; } h1{ font-size:64px; line-height: 82px; font-weight: 300; color: #fff; } h2{ font-size:32px; line-height: 46px; color: #212121; font-weight: 300; } h3{ font-size:24px; line-height: 36px; font-weight: 400; } h4{ font-size:20px; line-height: 28px; } h5{ font-size:18px; line-height: 24px; } h6{ font-size:16px; line-height: 28px; } p{ color:#212121; font-size: 16px; font-weight:400; line-height:28px; margin-bottom:20px; } blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px 10px 20px; border-left:2px solid #1589cb;} blockquote p{ font-size:16px; font-weight:400; line-height:28px; margin-bottom:15px; position:relative; } hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;} /* 3. Images ------------------------------------------------------------------------------*/ img{border:none; border-style: none;} /* 4. Link ------------------------------------------------------------------------------*/ a{ color:#212121; transition: all 0.3s ease-in-out; } a:hover{ color:#212121; text-decoration: underline; } a:active, a.current{ color: #212121; } a:focus{ outline: none; } /*btn*/ /*start*/ .btn{ display: inline-block; font-size: 16px; line-height: 28px; padding: 9px 16px 9px 16px; box-sizing: border-box; text-transform: capitalize; background: #003F57; color: #fff; position: relative; } .btn:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0; transition: all 0.3s ease-in-out; } .btn:hover{ text-decoration: none; color: #fff !important; } .btn:hover:before{ height: 100%; } .btn-orange{ background: #F26E4B !important; color: #fff !important} .btn-blue{ background: #003F57 !important; } .btn.btn-orange:hover:before{ background: #005F87 !important; color: #fff !important} .btn span{ position: relative; text-transform: none; } .btn.btn-blue:hover:before{ background: #005F87 !important; } .slick-list .dp_logos img { height: 112px; } /*btn text*/ .btn-text{ color: #212121 !important; padding-right: 40px; box-sizing: border-box; position: relative; font-size: 20px; line-height: 28px; padding-bottom: 10px; display: inline-block; } .btn-text:hover{ text-decoration: none; color: #005F87 !important; } .btn-text:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #212121 !important; pointer-events: none; transition: all 0.3s ease-in-out; } .btn-text:before{ content: ''; display: block; position: absolute; right: 4px; top: 9px; left: inherit; width: 16px; height: 16px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/test-link-arrow-black.svg) no-repeat; background-size: cover; pointer-events: none; transition: all 0.3s ease-in-out; } .btn-text:hover:before{ background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/text-link-arrow-hover.svg) no-repeat; background-size: cover; } .btn-text:hover:after{ background: #005F87 !important; } .btn-text.prev-btn{ padding-right: 0; padding-left: 40px; } .btn-text.prev-btn:before{ right: inherit; left: 4px; transform: rotate(180deg); top: 7px; } /*btn text white*/ .btn-text.white-text{ color: #fff !important; } .btn-text.white-text:after{ background: #fff!important; } .btn-text.white-text:before{ background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/text-link-arrow-white.svg) no-repeat; background-size: cover; } .btn-text.white-text:hover{ color: #005F87 !important; } .btn-text.white-text:hover:before{ background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/text-link-arrow-hover.svg) no-repeat; background-size: cover; } .btn-text.white-text:hover:after{ background: #005F87 !important; } /*end*/ /* 5. Forms ------------------------------------------------------------------------------*/ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border: 0; padding: 12px 16px; color: #212121; font-size:16px; line-height: 28px; height:52px; background: #F2F7F8; box-sizing: border-box; width: 100%; font-family: 'Noto Sans', sans-serif; } textarea{ border: 0; padding: 12px 16px; color: #212121; font-size:16px; line-height: 28px; height:120px; background: #F2F7F8; box-sizing: border-box; width: 100%; font-family: 'Noto Sans', sans-serif; } .floating-label{ position: absolute; pointer-events: none; left: 18px; top: 12px; transition: 0.2s ease all; font-size: 16px; line-height: 28px; color: #2B7A9B; } input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label{ top: -30px; left: 0; font-size: 16px; opacity: 1; line-height: 16px; display: inline-block; } .field-set input:focus-within > span, input:not(:placeholder-shown) ~ span, textarea:not(:placeholder-shown) + span{ top: 8px; left: 0; font-size: 16px; opacity: 1; line-height: 16px; display: inline-block; } input::-webkit-input-placeholder{ color: transparent !important; } input:-moz-placeholder{ color: transparent !important; } input::-moz-placeholder{ color: transparent !important; } input:-ms-input-placeholder{ color: transparent !important; } textarea::-webkit-input-placeholder{ font-size: 16px; line-height: 28px; color: #2B7A9B !important; } textarea:-moz-placeholder{ font-size: 16px; line-height: 28px; color: #2B7A9B !important; } textarea::-moz-placeholder{ font-size: 16px; line-height: 28px; color: #2B7A9B !important; } textarea:-ms-input-placeholder{ font-size: 16px; line-height: 28px; color: #2B7A9B !important; } input[type="submit"], input[type="button"], input[type="reset"]{ display: inline-block; font-size: 16px; line-height: 28px; padding: 9px 28px 9px 28px; box-sizing: border-box; text-transform: none; background: #F26E4B; color: #fff; height: 46px; cursor: pointer; outline: none; border: none; transition: all 0.3s ease-in-out; font-weight: 400; } input[type="submit"]:hover, input[type="button"]:hover{ background: #003F57; } .submit-cell{ display: inline-block; position: relative; } .submit-cell:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .submit-cell:after{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 0; transition: all 0.3s ease-in-out; } .submit-cell:hover:after{ height: 100%; } .blue-btn .submit-cell:before{ background: #003F57; } .blue-btn .submit-cell:after{ background: #005F87; } .orange-btn .submit-cell:before{ background: #F26E4B; } .orange-btn .submit-cell:after{ background: #005F87; } .blue-btn input[type="submit"], .blue-btn input[type="button"], .blue-btn input[type="reset"]{ position: relative; background: transparent; z-index: 1; } .orange-btn input[type="submit"], .orange-btn input[type="button"], .orange-btn input[type="reset"]{ position: relative; background: transparent; z-index: 1; } /* custom select */ .custom-select{ display: inline-block; float: left; position: relative; width: 100%; } .custom-select select{ display: none; } .select-selected{ background: #F2F7F8; } .select-selected:after{ position: absolute; content: ""; top: 20px; right: 20px; width: 14px; height: 8px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/down-arrow.svg); background-size: cover; } .select-selected.select-arrow-active:after{ top: 20px; transform: rotate(180deg) } .select-items div,.select-selected{ padding: 12px 15px; cursor: pointer; font-size: 16px; line-height: 28px; color: #2B7A9B; text-align: left; border-radius: 3px; } .select-items{ position: absolute; background-color: #003f57; top: 100%; left: 0; right: 0; z-index: 99; } .select-items div{ color: #fff; border-bottom: 1px solid rgb(255 255 255 / 10%); } .select-hide{ display: none; } .select-items div:hover, .same-as-selected{ background-color: rgba(0, 0, 0, 0.1); } .select-box label{ min-height: 16px; } .select-selected:before{ content: ''; display: block; position: absolute; right: 0; top: 1px; width: 40px; height: calc( 100% - 2px ); background: #F1F4F7; } /* checkbox */ .checkbox-container{ display: block; position: relative; padding-left: 30px; margin-bottom: 18px; cursor: pointer; font-size: 12px; line-height: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #212121; font-family: 'Noto Sans', sans-serif; } .checkbox-container input{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark{ position: absolute; top: -2px !important; left: 0; height: 20px; width: 20px; border: 1px solid #2B7A9B; border-radius: 3px; } .checkbox-container input:checked ~ .checkmark{ background-color: #2B7A9B; border: 1px solid #2B7A9B; } .checkmark:after{ content: ""; position: absolute; display: none; } .checkbox-container input:checked ~ .checkmark:after{ display: block; } .checkbox-container .checkmark:after{ left: 6px; top: 1px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .note-area{ display: block; width: 100%; margin-bottom: 40px; padding-top: 24px; } .note-area p{ font-size: 12px; line-height: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #212121; font-family: 'Noto Sans', sans-serif; margin-top: 30px; margin-bottom: 0; } .note-area p a{ color: #00A7D8; text-decoration: none; } .note-area p a:hover{ color: #00A7D8; text-decoration: underline; } .form-submit-area{ display: block; width: 100%; text-align: center; } /*form section*/ /*start*/ .form-section{ display: block; padding: 175px 0 168px 0; box-sizing: border-box; } .form-section .container{ max-width: 878px; } .form-section .section-title p{ margin-bottom: 0; } .section-title .section-title{ margin-bottom: 72px; } .form-area h3{ text-align: center; color: #003F57; font-weight: 500; margin-bottom: 40px; padding-bottom: 24px; border-bottom: 1px solid #E9F1F4; } .form-cell-grp{ display: block; width: 100%; margin-bottom: 72px; } .form-area{ display: block; width: 100%; } .form-area form{ display: block; width: 100%; } .form-cell{ display: flex; width: 100%; margin-bottom: 50px; } .field-set{ position: relative; width: 100%; } .field-set.half-cell{ display: inline-block; width: 49%; margin-left: 0; } .form-cell .field-set.half-cell:nth-child( 2n + 2){ margin-right: 0; } .mb-0{ margin-bottom: 0 !important; } .form-cell-grp.mb-20{ margin-bottom: 0px !important; } .form-cell-grp.mb-20 .form-cell:last-child{ margin-bottom: 10px; } /*end*/ /* 6. Tables ------------------------------------------------------------------------------*/ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* 7. Layout Framework ------------------------------------------------------------------------------*/ /* main container */ #wrapper{ width:100%; min-height:100%; min-height: 100%;height: auto !important; height: 100%; } .container{ max-width:1328px; width:100%; } .footer, .push {height: 22px; } /* header */ /*start*/ header{ width:100%; height:auto; background: #fff; padding: 20px 0 20px 0; box-sizing: border-box; position: absolute; z-index: 5; top:0; } header.sticky{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; box-shadow: 0 8px 20px 0 rgb(0 0 0 / 10%); -webkit-animation: headerSlideDown .95s ease forwards; animation: headerSlideDown .95s ease forwards; } /* Header slide down Animation */ /*start*/ @-webkit-keyframes headerSlideDown {0% {margin-top: -100px; } to {margin-top: 0; } } @keyframes headerSlideDown {0% {margin-top: -100px; } to {margin-top: 0; } } .logo img{ display: block; width: 100%; } /*end*/ header .container{ position: relative; } .logo{ display: inline-block; max-width: 121px; margin-top: 8px; margin-left: 0; } .logo figure{ display: block; width: 100%; } .logo figure img{ display: block; width: 100%; } .header-right{ display: inline-block; float: right; margin-right: 65px; } .header-right .btn{ float: left; margin-right: 15px; } .header-right .btn:last-child{ margin-right: 0; } .select-location-cell{ display: inline-block; font-size: 16px; line-height: 28px; color: #212121; position: relative; padding-right: 30px; float: right; margin-left: 32px; margin-top: 9px; cursor: pointer; } .select-location-cell:after{ content: ''; display: block; position: absolute; right: 4px; top: 11px; width: 15px; height: 9px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/dropdown-arrow.svg) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .select-location-cell.open:after{ background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/dropdown-arrow-blue.svg) no-repeat; background-size: cover; } .select-location-cell:before{ content: ''; display: block; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: #005F87; opacity: 0; } .select-location-cell.open:before{ opacity: 1; } /*location dropdown*/ .location-dropdown{ display: none; width: 100%; position: absolute; left: 0; top: 100%; background: #212121; padding: 40px 0; box-sizing: border-box; z-index: 999; } .location-dropdown ul{ display: flex; align-items: center; justify-content: space-between; margin: 0; } .location-dropdown ul li{ display: inline-block; font-size: 16px; line-height: 22px; color: #fff; font-weight: 500; text-transform: capitalize; padding: 0; margin: 0; } .location-dropdown ul li:before{ display: none; } .location-dropdown ul li a{ color: #fff; } .location-dropdown ul li a:hover, .location-dropdown ul li.active a{ color: #005F87; text-decoration: none; } .select-location-cell.open:after{ transform: rotate(180deg); } .select-location-cell span{ color: #212121; } .select-location-cell.open span{ color: #005F87; } .location-mobile{ display: none; } .mobile-btn-grp{ display: none; } .client-login-btn { display: inline-block; font-size: 16px; line-height: 28px; color: #212121; position: relative; padding-right: 30px; float: right; margin-left: 32px; margin-top: 9px; cursor: pointer; text-decoration: none !important; } .client-login-btn span{ color: #212121; } .request-demo-box { margin-top: 48px; } /*header end*/ .banner-img { background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/homepage-bg_v2.jpg) no-repeat; background-size: cover; background-position: center center; } .banner-img-asean { background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/homepage-bg_ASEAN_xl.jpg) no-repeat; background-size: cover; background-position: center center; } .banner-img-brazil { background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/homepage-bg_Brazil_xl.jpg) no-repeat; background-size: cover; background-position: center center; } .banner-img-china { background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/homepage-bg_China_xl.jpg) no-repeat; background-size: cover; background-position: center center; } .banner-img-india { background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/homepage-bg_India_xl.jpg) no-repeat; background-size: cover; background-position: center center; } .banner-img-latam { background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/homepage-bg_Latam_xl.jpg) no-repeat; background-size: cover; background-position: center center; } .banner-img-poland { background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/homepage-bg_Poland_xl.jpg) no-repeat; background-size: cover; background-position: center center; } .l-r { padding: 0; } /*mobile menu*/ /*start*/ .mb-toggled.mb-closed{ position: absolute; top: 13px; display: inline-block; right: 0; width: 24px; height: 21px; } .mb-button{ display: block; position: absolute; right: 9px; cursor: pointer; } .mb-button span{ display: block; margin: 3px 0px 3px 0px; height: 3px; background: #212121; width: 24px; float: none; border-radius: 0; } .mb-button{ display: inline-flex; right: 0; text-align: right; flex-wrap: wrap; justify-content: end;} .mb-button span:first-child{ margin-top: 0; } .mb-button span:nth-child(2){ width: 17px; margin-right: 0; } .mb-button span:last-child{ margin-bottom: 0; } /*mobile menu*/ /*start*/ #mobile-menu{ display: block; position: relative; z-index: 999999; } .menu-trigger.open span{background-color: rgba(0,0,0,.0)} .menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #E74A30; } .menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: #E74A30; } #mobile-menu .navbar{ background: #fff; position: fixed; top: 0vh; width: 100%; height: 100vh; display:block; right: -101%; box-sizing: border-box; z-index: 99999; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 0px 0; max-width: 630px; } #mobile-menu .navbar.open{ right: 0; } #mobile-menu ul ul{ display: none; background: transparent; margin-top: 10px;margin-bottom: 0; } #mobile-menu ul ul ul{background: transparent; margin-bottom: 0; } #mobile-menu ul ul ul ul{background:rgb(60, 60, 56)} #mobile-menu li{ border-bottom: 1px solid #D8D8D8; list-style: none; position: relative; display: block;margin: 0; padding: 24px 0px 24px 0px; } #mobile-menu li:before{ display: none; } #mobile-menu em{ display: block; position: absolute; top: 0; right: 0;width: 100%;height: 85px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; cursor: pointer; z-index: 1; } #mobile-menu em.toggled:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);} #mobile-menu em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%); margin: 0;} #mobile-menu em.level-two:after{display: none;} #mobile-menu em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)} #mobile-menu li a{ color: #212121;padding: 0;display: inline-block; margin-right: 0; line-height: 36px; font-size: 24px; position: relative; z-index: 1; font-weight: 500; cursor: pointer; text-transform: capitalize; } #mobile-menu li a:hover{ text-decoration: none; color: #005F87; } #mobile-menu li li{border-color: transparent; } #mobile-menu li li a{text-transform: none;padding-left: 0;} #mobile-menu li li li a{padding-left: 25px;margin-right: 0;} #mobile-menu li li li li a{padding-left: 30px;margin-right: 0; } .scroll-hidden{overflow: hidden;height: 100%;} #mobile-menu li > a{ margin-bottom: 0px; position: relative; display: block; padding-right: 40px; box-sizing: border-box; } #mobile-menu ul > li > ul > li > em:after{ top:16px; } #mobile-menu li li > a{ font-weight: 500; font-size: 20px; line-height: 28px; display: block; } #mobile-menu ul > li{ padding-top: 24px; padding-right: 0px; } #mobile-menu ul > li:hover > a{ color: #005F87; } .navbar ul{ margin: 0; } #mobile-menu ul > li > ul > li{ padding: 9px 0px 8px 0px; } #mobile-menu ul > li > ul > li > ul > li:before{ display: none; } #mobile-menu ul > li > ul > li > ul > li{ padding: 9px 0px 8px 20px; } #mobile-menu ul > li > ul > li > ul > li> a{ padding: 0; font-weight: 500; } .mobile-overlay{ position: fixed;left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);z-index: 99; -moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; opacity: 0; visibility: hidden; } .mobile-overlay.open{opacity: 1;visibility: visible;} #mobile-menu ul > li > ul > li > em{ height: 54px; } #mobile-menu ul > li > ul > li.hassub a:after{ top: 5px;} #mobile-menu ul > li a:after{ display: none; } #mobile-menu ul > li.hassub > a:After{ display: inline-block; } .contact-mb-info{ display: block;width: 100%;padding: 20px 10px;border-top: 2px solid #555555;margin-top: 17px; box-sizing: border-box; } .contact-mb-info ul{ display: block; width: 100%; float: left; display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: baseline;align-content: stretch;} #mobile-menu .contact-mb-info ul li{ font-size: 16px; line-height: 18px; color:#fff; font-weight: normal; text-transform: none; border-bottom: 0; padding: 0px 5px; box-sizing: border-box; float: left; } #mobile-menu .contact-mb-info ul li > a{ font-size: 13px; line-height: 15px; color:#fff; font-weight: normal; } #mobile-menu .contact-mb-info ul li:before{ display: none; } .menu-area-mb{ display: block; width: 100%; margin-top: 80px; height: calc( 100vh - 60px ); padding: 27px 56px 0px 56px; box-sizing: border-box; box-shadow: 0 16px 11px 0 rgb(0 0 0 / 20%); overflow-y: scroll; } .menu-area-mb ul{ display: block; } #mobile-menu ul > li.active > a, #mobile-menu .current_page_item > a { color: #9aba19; } .menu-area-mb ul li{ display: block; float: none; } .menu-trigger { display: block; width: 42px; height: 42px; position: fixed; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 999999; right: 320px; top: -50px; transition: all 1s ease-in-out; } #mobile-menu.open .menu-trigger{ top:7px; } .menu-trigger span, .menu-trigger span:after, .menu-trigger span:before{ height: 3px; transition: all 0.5s ease-in-out; } .menu-trigger span {position: absolute; display: block; width: 30px; left: 50%; top: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); } .menu-trigger span:after, .menu-trigger span:before {border-radius: 25%; top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #ffffff; } .menu-trigger span:before {top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #ffffff; } .menu-trigger span:after, .menu-trigger span:before { content: ''; position: absolute; left: 0; width: 100%; border-radius: 25%; } .menu-overlayer{ display: block; position: fixed; width: 0; height: 100vh; right: 0; bottom: 0; background: rgba(0,0,0,0.6); transition: all 0.3s ease-in-out; opacity: 0; } .menu-overlayer.open { width: 100vw; height: 100vh; opacity: 1; top:0; } .navbar ul.third-menu, .navbar ul.second-menu{ display: none; margin-top: 25px; border-top: 2px solid #555555; } .second-menu li .new-post{ float: right; margin-top: 2px; margin-left: 0; margin-right: 0; position: absolute; right: 5px; top:12px; } #mobile-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(255, 187, 35, 0.75); } #mobile-menu ul > li.active > a, #mobile-menu .current_page_item > a{ color: #9aba19; } #mobile-menu ul > li:after{ content: ''; display: block; position: absolute; right: 4px; top: 31px; left: inherit; width: 23px; height: 23px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/menu-arrow.svg) no-repeat; background-size: cover !important; pointer-events: none; transition: all 0.3s ease-in-out; background-size: 100%; } #mobile-menu ul > li:hover:after{ content: ''; display: block; width: 23px; height: 23px; top: 31px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/menu-arrow-hover.svg) no-repeat; right: 25px; background-size: cover !important; background-size: 100%; } #mobile-menu ul > li.hassub:after{ content: ''; display: block; position: absolute; right: 5px; top: 31px; left: inherit; width: 21px; height: 21px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/plus-icon.svg) no-repeat; background-size: cover; pointer-events: none; transition: all 0.3s ease-in-out; } #mobile-menu ul > li.hassub.up-arrow:after{ transform: rotate(45deg); } #mobile-menu ul > li > ul > li:after{ top: 18px; } #mobile-menu ul > li > ul > li:hover:after{ top: 18px; display: none; } #mobile-menu ul > li > ul > li.hassub:after{ right: 7px; top: 20px; } #mobile-menu ul > li.hassub:hover:after{ width: 21px; height: 21px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/plus-icon-hover.svg) no-repeat; background-size: cover; } /* end */ /*menu inside btn*/ /*start*/ .menu-area-mb .social-icon-grp{ margin-top: 48px; margin-bottom: 50px; } .mb-menu-button{ display: inline-block; position: absolute; right: 9px; cursor: pointer; width: 24px; height: 21px; } .mb-menu-button span{ display: block; margin: 3px 0px 3px 0px; height: 3px; background: #212121; width: 24px; float: none; border-radius: 0; } .mb-menu-button{ display: inline-flex; right: 58px; text-align: right; flex-wrap: wrap; justify-content: flex-start; top: 34px; } .mb-menu-button span:first-child{ margin-top: 0; } .mb-menu-button span:nth-child(2){ width: 17px; margin-right: 0; } .mb-menu-button span:last-child{ margin-bottom: 0; } .menu-area-mb .mCSB_inside > .mCSB_container{ margin-right: 0; } .menu-area-mb .mCSB_scrollTools{ right: -18px; } #mobile-menu ul > li.hassub.up-arrow > a{ color: #005F87; } #mobile-menu ul > li > ul > li:after{ display: none; } #mobile-menu ul > li > ul > li:last-child{ padding-bottom: 0; } /* nav */ nav{ width:100%; height:auto; } nav ul{} nav ul li{} nav ul li a{} nav ul li a:hover, nav .active{} /* footer */ footer{ width:100%; height:auto; background:#212121; padding-top: 56px; } .footer-top{ display: block; width: 100%; margin-bottom: 80px; } .footer-logo{ display: inline-block; max-width: 177px; } .footer-logo figure{ display: block; width: 100%; } .footer-logo figure img{ display: block; width: 100%; } .footer-mid{ width: 100%; padding-bottom: 56px; } .footer-mid .container{ display: flex; width: 100%; } .footer-mid-leftpart{ display: inline-block; width: 70%; margin-left: 0; } .footer-mid-rightpart{ display: inline-block; width: 30%; margin-right: 0; text-align: right; } .footer-mid ul{ display: block; width: 100%; margin: 0; } .footer-mid ul li{ display: inline-block; width: 33%; padding-right: 10px; box-sizing: border-box; font-size: 16px; line-height: 22px; font-weight: 400; color: #fff; text-align: left; padding-bottom: 0; margin-bottom: 16px; padding-left: 0; } .footer-mid ul li:before{ display: none; } .footer-mid ul li a{ color: #fff; text-decoration: none; } .footer-mid .footer-mid-leftpart ul li a:hover{ color: #005F87 } .footer-mid-rightpart ul{ margin: 0; display: inline-block; width: 200px; margin-right: 0; } .footer-mid-rightpart ul li{ display: block; width: 100%; text-align: left; padding-bottom: 0; margin-bottom: 40px; } .footer-mid-rightpart ul li:last-child{ margin-bottom: 0; } .footer-btm{ display: block; width: 100%; border-top: 1px solid #fff; padding: 24px 0 26px 0; box-sizing: border-box; } .footer-btm .two-col{ display: flex; } .footer-btm .two-col .col-left{ display: inline-flex; align-items: center; justify-content: flex-start; margin-left: 0; width: 50%; } .footer-btm .two-col .col-right{ display: inline-flex; align-items: center; justify-content: flex-end; margin-right: 0; width: 50%; } .footer-btm .two-col .col-right p{ color: #fff; margin-bottom: 0; font-size: 12px; line-height: 16px; margin-right: 0; } .footer-btm .two-col .col-left .social-icon-grp{ margin-left: 0; } .social-icon-grp{ display: inline-flex; align-items: center; justify-content: flex-start; } .social-icon-grp a{ height: 20px; display: inline-block; margin-right: 32px; transition: all 0.3s ease-in-out; } .social-icon-grp a:last-child{ margin-right: 0; } .social-icon-grp a figure{ height: 20px; display: block; } .social-icon-grp a figure img{ max-height: 100%; display: block; } .social-icon-grp a:hover{ transform: scale(1.1); } /*footer end*/ /*--------- home page ------------*/ /* banner part */ /*start*/ .banner{ display: block; width: 100%; position: relative; height: calc( 100vh - 88px); width: 100%; min-height: 872px; } .banner .container{ display: flex; justify-content: flex-start; padding-top: 56px; } .banner .banner-desc{ display: block; max-width: 928px; margin-left: 0; } .banner .banner-desc h1{ margin-bottom: 48px; } .banner:before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 400px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/banner-shap.png) no-repeat; background-size: cover; } /* .banner-tp{ margin-top: 88px; } */ .small-banner{ max-height: 500px; min-height: auto !important; } .middle-banner{ max-height: 590px; min-height: auto !important; } /*button area*/ .button-area{ display: inline-block; float: right; } .banner-links{ display: block; width: 100%; } .banner-links ul{ display: inline-block; margin: 0; } .banner-links ul li{ display: inline-block; margin-right: 48px; position: relative; padding-bottom: 8px; color: #fff; font-size: 20px; line-height: 28px; } .banner-links ul li:before{ display: none; } .banner-links ul li a{ color: #fff; padding-right: 40px; box-sizing: border-box; position: relative; padding-bottom: 10px; } .banner-links ul li a:hover{ text-decoration: none; color: #005F87; } .banner-links ul li a:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; pointer-events: none; transition: all 0.3s ease-in-out; } .banner-links ul li a:before{ content: ''; display: block; position: absolute; right: 4px; top: 9px; left: inherit; width: 16px; height: 16px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/text-link-arrow.svg) no-repeat; background-size: cover; pointer-events: none; transition: all 0.3s ease-in-out; } .banner-links ul li a:hover:before{ background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/text-link-arrow-hover.svg) no-repeat; background-size: cover; } .banner-links ul li a:hover:after{ background: #005F87; } .mobile-desc-area{ display: none; } .banner-desc h2{ font-weight: 300; color: #fff; margin-top: -28px; margin-bottom: 50px; } .banner-links-light { display: block; width: 100%; } .banner-links-light ul{ display: inline-block; margin: 0; } .banner-links-light ul li{ display: inline-block; margin-right: 48px; position: relative; padding-bottom: 8px; color: #fff; font-size: 20px; line-height: 28px; } .banner-links-light ul li:before{ display: none; } .banner-links-light ul li a{ color: #fff; padding-right: 40px; box-sizing: border-box; position: relative; padding-bottom: 10px; } .banner-links-light ul li a:hover{ text-decoration: none; color: #005F87; } .banner-links-light ul li a:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; pointer-events: none; transition: all 0.3s ease-in-out; } .banner-links-light ul li a:before{ content: ''; display: block; position: absolute; right: 4px; top: 9px; left: inherit; width: 16px; height: 16px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/text-link-arrow-hover.svg) no-repeat; background-size: cover; pointer-events: none; transition: all 0.3s ease-in-out; } .banner-links-light ul li a:hover:after{ background: #005F87; } /* Banner homepage */ .banner-links-homepage{ display: block; width: 100%; } .banner-links-homepage ul{ display: inline-block; margin: 0; } .banner-links-homepage ul li{ display: inline-block; margin-right: 48px; position: relative; padding-bottom: 8px; color: #fff; font-size: 20px; line-height: 28px; } .banner-links-homepage ul li:before{ display: none; } .banner-links-homepage ul li a{ color: #fff; padding-right: 40px; box-sizing: border-box; position: relative; padding-bottom: 10px; } .banner-links-homepage ul li a:hover{ text-decoration: none; color: #CCDFE7; } .banner-links-homepage ul li a:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; pointer-events: none; transition: all 0.3s ease-in-out; } .banner-links-homepage ul li a:before{ content: ''; display: block; position: absolute; right: 4px; top: 9px; left: inherit; width: 16px; height: 16px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/text-link-arrow.svg) no-repeat; background-size: cover; pointer-events: none; transition: all 0.3s ease-in-out; } .banner-links-homepage ul li a:hover:before{ background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/text-link-arrow-hover.svg) no-repeat; background-size: cover; } .banner-links-homepage ul li a:hover:after{ background: #CCDFE7; } /*banner end*/ /*welcome content section*/ /*start*/ .welcome-content-section{ display: block; width: 100%; padding: 176px 0 60px 0; box-sizing: border-box; } .welcome-content-section h2{ max-width: 990px; margin-left: 0; margin-bottom: 0; } /*end*/ /*services slider section*/ /*start*/ .services-slider-section{ display: block; width: 100%; padding: 60px 0 30px 0; box-sizing: border-box; } .services-slider-section .container{ position: relative; max-width: calc( 1328px + 24px); } .services-slider{ display: block; width: 100%; } .services-box{ display: block; width: 100%; background: #212121; transition: all 0.3s ease-in-out; padding: 40px 40px 180px 40px; box-sizing: border-box; margin-bottom: 120px; position: relative; } .services-box:hover{ background: #E9F1F4; } .services-box h2{ font-size: 30px; line-height: 38px; color: #fff; font-weight: 400; margin-bottom: 24px; transition: all 0.3s ease-in-out; } .services-box p{ opacity: 0; transition: all 0.5s ease-in-out; padding-top: 30px; } .services-box:hover h2{ color: #212121; } .services-box:hover p{ opacity: 1; padding-top: 0; } .services-slider .item{ padding: 0 12px; box-sizing: border-box; } .services-box.service-shape-1:before{ content: ''; display: block; position: absolute; width: 120px; height: 240px; left: -1px; bottom:-120px; background:url(/themes/emis_next/styles/css/main/../../../images/emis-next/services-icon-1.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .services-box.service-shape-2:before{ content: ''; display: block; position: absolute; width: 241px; height: 240px; right: 0; bottom: -1px; background:url(/themes/emis_next/styles/css/main/../../../images/emis-next/services-icon-2.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .services-box.service-shape-3:before{ content: ''; display: block; position: absolute; width: 179px; height: 240px; right: -1px; bottom: -1px; background:url(/themes/emis_next/styles/css/main/../../../images/emis-next/services-icon-3.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .services-box.service-shape-4:before{ content: ''; display: block; position: absolute; width: 180px; height: 120px; right: -1px; bottom: -1px; background:url(/themes/emis_next/styles/css/main/../../../images/emis-next/services-icon-4.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .services-box.service-shape-5:before{ content: ''; display: block; position: absolute; width: 180px; height: 180px; right: -1px; bottom: -62px; background:url(/themes/emis_next/styles/css/main/../../../images/emis-next/services-icon-5.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .services-box:hover:before{ opacity: 0; } .services-arrow{ display: inline-block; position: absolute; right: 3%; bottom: 0; } .services-arrow .left-arrow, .services-arrow .right-arrow{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; float: left; background: #212121; transition: all 0.3s ease-in-out; cursor: pointer;} .services-arrow .left-arrow:hover, .services-arrow .right-arrow:hover{ background: #003F57; } .services-arrow .left-arrow figure{ display: flex; width: 12px; height: 12px; } .services-arrow .left-arrow figure img{ display: inline-block; width: 100%; } .services-arrow .left-arrow{ margin-right: 16px; } .services-btm-less-space .services-box{ padding: 40px 40px 130px 40px; } .services-btm-less-space .services-box:hover{ background: #212121; } .services-btm-less-space .services-box:hover h2{ color: #ffffff; } .services-btm-less-space .services-box:hover:before{ opacity: 1; } .services-box-low-space .services-box{ padding-bottom: 40px; } .services-box-low-space .services-box p{ margin-bottom: 0; } .services-slider-section.services-box-low-space{ padding-bottom: 118px; } /*end*/ /*solution section*/ /*start*/ .solution-section{ display: block; width: 100%; padding: 60px 0 80px 0; box-sizing: border-box; } .section-title{ display: block; width: 100%; text-align: center; max-width: 610px; margin-bottom: 72px; } .section-title h2{ color: #003F57; margin-bottom: 15px; } .solution-box-grp{ display: flex; flex-wrap: wrap; width: 100%; } .solution-box-grp .solution-box{ display: inline-block; width: 32%; margin-right: 2%; margin-bottom: 25px; background: #f4f4f4; position: relative; padding: 53px 40px 55px 40px; box-sizing: border-box; margin-left: 0; } .solution-box figure{ display: inline-block; margin-bottom: 32px; height: 56px; } .solution-box figure img{ max-width: 100%; max-height: 100%; display: inline-block; } .solution-box-grp .solution-box h2{ margin-bottom: 75px; } .solution-box:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 8px; width: 100%; transition: all 0.3s ease-in-out; } .solution-box-grp .solution-box:hover:after{ height: 16px; } .solution-box p:last-child{ margin-bottom: 0; } .solution-box.box-1:after{ background: #2B7A9B; } .solution-box.box-2:after{ background: #00A7D8; } .solution-box.box-3:after{ background: #005F87; } .solution-box.box-4:after{ background: #003F57; } .solution-box-grp .solution-box:nth-child( 3n + 3 ){ margin-right: 0; } .solution-box h2{ font-size: 30px; line-height: 38px; font-weight: 500; } .solution-btn-box{position: absolute; bottom:50px;} /*end*/ /*faq section*/ /*start*/ .faq-section{ display: block; width: 100%; overflow: hidden; padding-top: 63px; } .faq-area{ display: block; width: 100%; } .faq-area h2{ color: #fff; margin-bottom: 48px; position: relative; z-index: 1; } .faq-area{ display: block; width: 100%; padding: 72px 0 68px 0; box-sizing: border-box; width: calc( 100% - 60px); background: #212121; margin-left: 0; position: relative; padding-right: 160px; box-sizing: border-box; } .faq-area:before{ content: ''; display: block; position: absolute; left: -1000px; width: 1000px; height: 100%; background: #212121; top: 0; } .faq-area:after{ content: ''; display: block; position: absolute; right: 0; width: calc( 100% - 180px ); height: 100%; background: #212121; bottom: -120px; } .faq-main-section{ display: block; width: 100%; position: relative; z-index: 9; } .faq-cell{ display: block; width: 100%; border-bottom: 1px solid #fff; } .faq-que{ display: block; width: 100%; position: relative; padding: 20px 35px 20px 0; box-sizing: border-box; cursor: pointer; } .faq-que h3{ margin-bottom: 0; color: #fff; font-weight: 500; transition: all 0.3s ease-in-out; } .faq-ans{ display: block; width: 100%; } .faq-ans p{ color: #fff; } .faq-que:before{ content: ''; display: block; position: absolute; right: 10px; top: 50%; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/plus-icon-white.svg) no-repeat; background-size: cover; width: 28px; height: 28px; transform: translate(0%, -50%); transition: all 0.5s ease-in-out; } .faq-cell.open .faq-que:before{ transform: rotate(45deg); top: 33%; } .faq-ans .btn-text.white-text{ margin-top: 12px; display: inline-block; margin-bottom: 22px; padding-bottom: 0; } .faq-ans .btn-text.white-text:after{ display: none; } .faq-cell.open h3{ color: #00A7D8; } .faq-main-section .faq-cell:first-child{ border-top: 1px solid #fff; } .faq-inner-section{ display: block; padding-bottom: 240px; box-sizing: border-box; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/faq-bg.png) no-repeat; background-size: cover; width: 100%; height: 100%; } .faq-inner-section .container{ position: relative; z-index: 0 } .faq-inner-section .container:before{ content: ''; display: block; position: absolute; right: 60px; bottom: -240px; width: 180px; height: 300px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/faq-shap.png) no-repeat; background-size: cover; z-index: 9; } .faq-inner-section .container:after{ content: ''; display: block; position: absolute; top: 0px; height: 120px; width: 1000px; background: #fff; right: -700px; z-index: 9; } /*end*/ /*single testimonial section*/ /*start*/ .single-testimonial{ display: block; width: 100%; padding: 200px 0 128px 0; } .testimonial-cell{ display: block; width: 100%; } .testimonial-cell .two-col{ display: flex; } .testimonial-cell .two-col .col-left{ display: inline-flex; margin-left: 0; width: 42%; align-items: center; padding-right: 20px; box-sizing: border-box; } .testimonial-cell .two-col .col-right{ display: inline-flex; margin-right: 0; width: 58%; } .testimonial-cell .two-col .col-right h2{ display: none; color: #003F57; } .testimonial-desc{ display: block; max-width: 415px; margin-left: 0; padding-bottom: 3px; padding-left: 10px; } .testimonial-desc h2{ color: #003F57; margin-bottom: 32px; max-width: 400px; margin-left: 0; } .testimonial-desc h3{ color: #003F57; margin-bottom: 15px; font-weight: 500; } .testimonial-desc p{ margin-bottom: 48px; } .video-cell{ display: block; width: 100%; position: relative; } .video-cell video{ display: block; width: 100%; height: 100%; background: #000; } .video-shap-1:before{ content: ''; display: block; position: absolute; width: 241px; height: 240px; right: -1px; top: 0; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/video-icon-1.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .video-shap-2:before{ content: ''; display: block; position: absolute; width: 100px; height: 100px; left: -1px; top: 0; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/video-icon-2.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .video-shap-3:before{ content: ''; display: block; position: absolute; width: 100px; height: 100px; left: -1px; top: 100px; background: #ffffff; background-size: cover; } .video-shap-3:after{ content: ''; display: block; position: absolute; width: 100px; height: 100px; right: -1px; top: 0; background: #ffffff; background-size: cover; } .video-shap-4:before{ content: ''; display: block; position: absolute; width: 100px; height: 100px; right:-1px; top: 0; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/video-icon-2.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .video-cell figure{ display: block; width: 100%; } .video-cell figure img{ display: block; width: 100%; } .awards-desc{ display: block; max-width: 605px; margin-left: 0; padding-bottom: 3px; padding-left: 10px; } .awards-desc h2{ color: #003F57; margin-bottom: 32px; max-width: 400px; margin-left: 0; } .awards-desc h3{ color: #003F57; margin-bottom: 15px; font-weight: 500; } .awards-desc p{ margin-bottom: 0px; } .awards-cell .two-col{ display: flex; } .awards-cell .two-col .col-left{ display: inline-flex; margin-left: 0; width: 33%; align-items: center; padding-right: 20px; box-sizing: border-box; } .awards-cell .two-col .col-right{ display: inline-flex; margin-right: 0; width: 70%; margin-left: 10rem} .awards-cell .two-col .col-right h2{ display: none; color: #003F57; } /*testimonial slider*/ .testimonial-arrow{ display: inline-block; position: absolute; right: 0; bottom: 0; } .testimonial-arrow .left-arrow, .testimonial-arrow .right-arrow{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; float: left; background: #212121; transition: all 0.3s ease-in-out; cursor: pointer; } .testimonial-arrow .left-arrow:hover, .testimonial-arrow .right-arrow:hover{ background: #003F57; } .testimonial-arrow .left-arrow figure{ display: flex; width: 12px; height: 12px; } .testimonial-arrow .left-arrow figure img{ display: inline-block; width: 100%; } .testimonial-arrow .left-arrow{ margin-right: 16px; } .single-testimonial .container{ position: relative; } .testimonial-slider .item{ padding: 0 1px 0 0; box-sizing: border-box; } /*end*/ /*help section*/ /*start*/ .help-section{ display: block; width: 100%; padding-bottom: 80px; overflow-x: hidden; } .help-section .container{ position: relative; } .help-cell-grp{ display: flex; flex-wrap: wrap; padding-top: 48px; } .help-cell{ padding: 40px; box-sizing: border-box; background: #F4F4F4; position: relative; } .help-cell-grp .help-cell{ width: 49%; margin-right: 2%; max-width: 652px; margin-bottom: calc( 2% + 60px); margin-left: 0; } .help-cell-grp .help-cell:nth-child( 2n + 2 ){ margin-right: 0; } .help-cell .help-cell-img{ display: inline-block; max-width: 387px; margin-left: 0; margin-bottom: 27px; margin-top: -98px; } .help-cell .help-cell-img figure{ display: block; width: 100%; } .help-cell .help-cell-img figure img{ display: block; width: 100%; } .help-cell h2{ font-size: 30px; line-height: 38px; max-width: 387px; margin-left: 0; display: block; margin-bottom: 24px; font-weight: 500; } .help-cell p{ max-width: 387px; margin-left: 0; margin-bottom: 0; position: relative; z-index: 1; } .help-shap-1:after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-1.png) no-repeat; background-size: cover; } .help-shap-2:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 180px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-2.png) no-repeat; background-size: cover; } .help-shap-3:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 180px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-3.png) no-repeat; background-size: cover; } .help-shap-4:after{ content: ''; display: block; position: absolute; right: 0; bottom: -120px; width: 120px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-4.png) no-repeat; background-size: cover; } .help-shap-5:after{ content: ''; display: block; position: absolute; right: 0; top: 0px; width: 180px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-5.png) no-repeat; background-size: cover; } .help-arrow{ display: none; position: absolute; right: 3%; bottom: 0; } .help-arrow .left-arrow, .help-arrow .right-arrow{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; float: left; background: #212121; transition: all 0.3s ease-in-out; cursor: pointer;} .help-arrow .left-arrow:hover, .help-arrow .right-arrow:hover{ background: #003F57; } .help-arrow .left-arrow figure{ display: flex; width: 12px; height: 12px; } .help-arrow .left-arrow figure img{ display: inline-block; width: 100%; } .help-arrow .left-arrow{ margin-right: 16px; } /*end*/ /*platform section*/ /*start*/ .platform-section{ display: block; width: 100%; position: relative; overflow: hidden; } .platform-section .container{ padding-bottom: 120px; position: relative; } .platform-inn-area{ position: relative; } .platform-section .platform-inn-area:before{ content: ''; display: block; position: absolute; right: 80%; top: 0; width: 2000px; height: 240px; background: #212121; } .platform-section:before{ content: ''; display: block; position: absolute; left: 0; top:0; width: 70%; height: 100%; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/platform-bg.png) no-repeat; background-size: cover; } .platform-section .two-col{ display: block; width: 100%; position: relative; box-sizing: border-box; padding: 81px 0 79px 264px; box-sizing: border-box; background: #212121; max-width: 1134px; margin-right: 0; } .platform-section .container .two-col:before{ content: ''; display: block; position: absolute; left: -60px; bottom: -122px; width: 180px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/platform-shape.png) no-repeat; background-size: cover; z-index: 1; } .platform-section .two-col:after{ content: ''; display: block; position: absolute; left: 100%; top: 0; width: 1000px; height: 100%; background: #212121; } .platform-section .two-col .col-left{ position: absolute; left: -195px; top: 81px; } .platform-section .two-col .col-left h2{ color: #fff; max-width: 313px; margin-left: 0; margin-bottom: 0; } .platform-section .two-col .col-right{ display: block; width: 100%; max-width: 868px; } .platform-cell-grp{ display: flex; flex-wrap: wrap; } .platform-cell-grp .platform-cell{ display: inline-block; width: 49%; padding-left: 125px; box-sizing: border-box; position: relative; margin-right: 0; box-sizing: border-box; margin-bottom: 48px; margin-left: 0; margin-right: 0; padding-right: 35px; padding-right: 35px; box-sizing: border-box; } .platform-cell-grp .platform-cell:nth-child( 2n + 2 ){ padding-right: 0; } .platform-cell-grp .platform-cell .platform-icon{ display: inline-block; width: 93px; position: absolute; left: 0; top: 0; } .platform-cell-grp .platform-cell .platform-icon figure{ display: block; width: 100%; } .platform-cell-grp .platform-cell .platform-icon figure img{ display: block; width: 100%; } .platform-desc{ display: block; width: 100%; } .platform-desc p{ color: #fff; max-width: 263px; margin-left: 0; } .platform-cell-grp .platform-cell:nth-child( 2n + 2 ) p{ max-width: 277px; } /*end*/ /*featured info section*/ /*start*/ .featured-info-section{ display: block; width: 100%; padding: 168px 0 176px 0; box-sizing: border-box; } .featured-info-section .section-title{ margin-bottom: 56px; max-width: 652px; } .featured-info-slider-area{ display: block; width: 100%; padding: 0 2%; box-sizing: border-box; } .featured-info-slider{ display: block; width: 100%; } .featured-info-slider a{ display: inline-block; } .featured-info-slider a figure{ display: block; width: 100%; } .featured-info-slider a figure img{ display: block; width: 95%; object-fit: fill; } .featured-info-slider .slick-track{ display: flex; align-items: center; } .featured-info-slider .slick-track .slick-slide{ margin: 0; text-align: center; margin-left: 6rem} .featured-info-section.less-space{ padding: 150px 0 176px 0; } /*end*/ /*infobox section*/ /*start*/ .infobox-section{ display: block; width: 100%; position: relative; overflow: hidden; } .infobox-section .infobox-inner-part{ display: block; width: 100%; position: relative; padding-bottom: 120px; } .infobox-section .infobox-inner-part:before{ content: ''; display: block; position: absolute; left: 0; top: 120px; width: 100%; height: calc( 100% - 120px ); background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/infobox-bg.png) no-repeat; background-size: cover; } .infobox-section .infobox-inner-part .container{ position: relative; } .infobox-section .infobox-inner-part .container:before{ content: ''; display: block; position: absolute; right: 92%; top: 0; width: 1000px; height: 100%; background: #212121; } .infobox-inner-part h2{ color: #ffffff; margin-bottom: 48px; max-width: 877px; margin-left: 0; position: relative; font-weight: 500; font-size: 30px; line-height: 38px; } .infobox-inner-part a{ position: relative; } .infobox-section .infobox-inner-part .infobox-inn{ padding: 72px 243px 80px 0; background: #212121; box-sizing: border-box; max-width: calc( 100% - 185px); margin-left: 0; position: relative; } .infobox-section .infobox-inner-part .infobox-inn:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 180px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/infobox-shape.png) no-repeat; background-size: cover; z-index: 1; } .infobox-inn .title-cell{ font-weight: 600; font-size: 32px; line-height: 46px; margin-bottom: 8px; color: #fff; } .infobox-section.less-space .infobox-inner-part h2{ max-width: 770px; } .info-btm-img{ display: block; width: 100%; max-width: 821px; position: absolute; bottom: -210px; right: -240px; } .info-btm-img figure{ display: block; width: 100%; } .info-btm-img figure img{ display: block; width: 100%; } .infobox-section.less-space .infobox-inner-part{ padding-bottom: 120px; margin-bottom: 160px; } /*end*/ .banner-desc.max-54{ max-width: 548px; margin-left: 0; } /*our presence offices section*/ /*start*/ .our-presence-offices-section{ display: block; width: 100%; padding: 100px 0 80px 0; box-sizing: border-box; } .our-presence-offices-section .tab-area{ display: block; width: 100%; text-align: center; margin-bottom: 30px; } .our-presence-offices-section .tab-btn-area{ display: inline-block; margin: 0; } .our-presence-offices-section .tab-btn-area .tab-btn{ display: inline-block; font-size: 32px; line-height: 46px; color: #003F57; font-weight: 300; position: relative; transition: all 0.3s ease-in-out; padding-left: 0; padding-bottom: 0; float: left; margin: 0 16px; cursor: pointer; } .our-presence-offices-section .tab-btn-area .tab-btn > a{ text-transform: none; transition: all 0.3s ease-in-out; color: #003F57; } .our-presence-offices-section .tab-btn-area .tab-btn > a:hover{ text-decoration: none !important; } .our-presence-offices-section .tab-btn-area .tab-btn > a::before{ display: block; content: attr(title); font-weight: bold; height: 0; overflow: hidden; visibility: hidden; } .our-presence-offices-section .tab-btn-area .tab-btn:first-child{ margin-left: 0; } .our-presence-offices-section .tab-btn-area .tab-btn:first-last{ margin-right: 0; } .our-presence-offices-section .tab-btn-area .tab-btn:before{ display: none; } .our-presence-offices-section .tab-btn-area .tab-btn:after{ content: ''; display: block; position: absolute; left: 0; bottom: -5px; width: 100%; height: 3px; background: #003F57; opacity: 0; visibility: hidden; } .our-presence-offices-section .tab-btn-area .tab-btn.active:after{ opacity: 1; visibility: visible; } .our-presence-offices-section .tab-btn-area .tab-btn.active > a{ font-weight: 600; } .tab-group{ display: none; } .our-presence-offices-section .tab-group.show-tab{ display: block; } /*map img*/ .map-img{ display: block; width: 100%; max-width: 1102px; margin: 0 auto; } .map-img figure{ display: block; width: 100%; } .map-img figure img{ display: block; width: 100%; } .tab-desc{ display: block; width: 100%; max-width: 878px; margin: 0 auto; text-align: center; margin-bottom: 65px; } .map-img-mb{ display: none; } .mobile-arrow-direction{ display: none; } /*our offices list*/ .our-offices-list{ display: flex; flex-wrap: wrap; } .office-list{ display: inline-block; width: 25%; float: left; padding: 32px; box-sizing: border-box; background: #E9F1F4; min-height: 314px; margin: 0; } .office-list h3{ font-weight: 500; margin-bottom: 10px; } .office-list p{ margin-bottom: 0; } .black-bg{ background: #212121; } .black-bg h3, .black-bg p, .black-bg p a{ color: #fff; } .office-list p a{ text-decoration: underline; display: inline-flex; } .office-list p a:hover{ text-decoration: none; } .dark-blue-bg{ background: #005F87; } .dark-blue-bg h3, .dark-blue-bg p, .dark-blue-bg p a{ color: #fff; } .light-blue-bg{ background: #2B7A9B; } .light-blue-bg h3, .light-blue-bg p, .light-blue-bg p a{ color: #fff; } /*end*/ /*team section*/ /*start*/ .team-section{ display: block; width: 100%; padding: 68px 0 150px 0; box-sizing: border-box; } .team-section .two-col{ display: flex; } .team-section .two-col .col-left{ display: inline-block; margin-left: 0; width: 290px; } .team-section .two-col .col-right{ display: inline-block; margin-right: 0; width: 990px; box-sizing: border-box; } .team-section .two-col .col-left h2{ color: #003F57; margin-bottom: 30px; } .team-section .two-col .col-left p{ margin-bottom: 0; } .team-slider-cell{ display: block; width: 100%; position: relative; padding-bottom: 118px; overflow: hidden; } .team-slider-cell .team-photo{ display: block; width: 100%; height: 314px; overflow: hidden; } .team-desc-btm{ display: block; position: absolute; left: 0; width: 100%; bottom: -64px; background: #fff; transition: all 0.3s ease-in-out; } .team-name-post{ display: block; width: 100%; padding: 24px; box-sizing: border-box; text-align: left; } .team-name-post h3{ color: #003F57; margin-bottom: 5px; } .team-name-post p{ margin-bottom: 0; } .team-social-contact{ display: block; width: 100%; } .team-social-contact .two-part{ display: flex; min-height: 64px; } .team-social-contact .two-part .part-left{ display: inline-flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; width: 50%; margin-left: 0; background: #2B7A9B; cursor: pointer; transition: all 0.3s ease-in-out; } .team-social-contact .two-part .part-right{ display: inline-flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; width: 50%; margin-right: 0; background: #003F57; cursor: pointer; transition: all 0.3s ease-in-out; } .team-social-contact .two-part .part-left:hover{ background: #005F87; } .team-social-contact .two-part .part-right:hover{ background: #212121; } .team-social-contact figure{ display: inline-block; max-width: 80%; } .team-social-contact figure img{ display: inline-block; width: 100%; float: left; } .team-slider-cell:hover .team-desc-btm{ bottom: 0; } .team-section .item{ text-align: center; padding: 0 12px; box-sizing: border-box; } .team-arrow{ display: inline-block; position: absolute; right: 0; bottom: -50px; } .team-arrow .left-arrow, .team-arrow .right-arrow{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; float: left; background: #212121; transition: all 0.3s ease-in-out; cursor: pointer; } .team-arrow .left-arrow:hover, .team-arrow .right-arrow:hover{ background: #003F57; } .team-arrow .left-arrow figure{ display: flex; width: 12px; height: 12px; } .team-arrow .left-arrow figure img{ display: inline-block; width: 100%; } .team-slider-area{ display: block; width: 100%; position: relative; } .team-arrow .left-arrow{ margin-right: 16px; } .team-slider-area .team-slider{ width: calc( 100% + 24px); margin-left: -12px; } /*team popup*/ .team-popup{ position: fixed; top: 0; left: 110%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 999999; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; } .team-popup.open{ opacity: 1; visibility: visible; left: 0; } .team-popup .team-popup-inner{ width: 100vw; height: 100vh; background: #212121; max-width: 100%; position: relative; } .team-popup .two-side{ display: flex; height: 100%; } .team-popup .two-side .side-left{ display: block; width: 50%; margin-left: 0; } .team-popup .two-side .side-right{ display: block; width: 50%; margin-right: 0; } .team-popup .two-side .side-right .team-popup-photo{ width: 100%; display: block; height: 75%; position: relative; } .team-popup .two-side .side-right .team-popup-photo:before{ content: ''; display: block; position: absolute; right: 0; bottom: -106px; width: 240px; height: 180px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/popup-shape-btm.png) no-repeat; background-size: cover; } .team-popup .two-side .side-right .team-popup-photo figure{ width: 100%; display: block; } .team-popup .two-side .side-right .team-popup-photo figure img{ width: 100%; display: block; } .team-popup-inn{ display: block; width: 100%; background: #fff; padding: 56px; box-sizing: border-box; height: 100%; } .team-popup-inner .close-icon{ width: 25px; height: 25px; position: absolute; right: 30px; top: 30px; cursor: pointer; z-index: 9; } .team-popup-inner .close-icon figure{ display: block; width: 100%; } .team-popup-inner .close-icon figure img{ display: block; width: 100%; } .team-popup-inn h6{ font-size: 16px; line-height: 28px; color: #212121; margin-bottom: 0; } .team-popup-inn h2{ color: #003F57; margin-bottom: 30px; font-weight: 600; } .popup-social-icon{ display: block; width: 100%; padding-top: 20px; box-sizing: border-box; } .popup-social-icon a{ display: inline-block; width: 20px; margin-right: 20px; } .popup-social-icon a figure{ display: block; width: 100%; } .popup-social-icon a figure img{ display: block; width: 100%; } .team-popup .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .team-popup .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #003F57; } .hidden-popup-content{ display: none; } .team-popup-inn .mCustomScrollBox{ display: flex; align-items: center; flex-wrap: wrap; } /*end*/ /*testimonial video tab section*/ /*start*/ .testimonial-video-tab-section{ display: block; width: 100%; padding: 40px 0 170px 0; overflow: hidden; } .testimonial-scroll-part{ display: block; text-align: center; } .testimonial-tab-area{ display: inline-block; margin-bottom: 64px; } .testimonial-video-tab-section .testimonial-tab-group{ display: none; } .testimonial-video-tab-section .testimonial-tab-group.show-tab{ display: block; } .testimonial-video-tab-section .testimonial-tab-btn{ font-size: 20px; line-height: 28px; color: #003F57; margin: 0 16px; font-weight: 400; padding: 0; display: inline-block; position: relative; padding-bottom: 9px; cursor: pointer; } .testimonial-video-tab-section .testimonial-tab-btn:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #003F57; transition: all 0.3s ease-in-out; } .testimonial-video-tab-section .testimonial-tab-btn.active:after{ height: 3px; } .testimonial-video-tab-section .testimonial-tab-btn:before{ display: none; } .testimonial-video-tab-section .testimonial-tab-btn:first-child{ margin-left: 0; } .testimonial-video-tab-section .testimonial-tab-btn:last-child{ margin-right: 0; } .testimonial-video-tab-section .testimonial-tab-btn.active{ font-weight: 500; } .testimonial-btn-area{ margin: 0; } .testimonial-tab-outside{ display: block; width: 100%; } .testimonial-tab-group-main-area{ display: block; width: 100%; } .testimonial-video-tab-section h2{ text-align: center; margin-bottom: 40px; color: #003F57; } /*testimonial tab slider*/ /*start*/ .testimonial-tab-slider{ background: #E9F1F4; padding: 108px 94px 120px 94px; box-sizing: border-box; position: relative; z-index: 1; max-width: 840px; margin-left: 0; margin-bottom: 0 !important; } .testimonial-tab-slider h3{ font-weight: 500px; color: #003F57; margin-bottom: 15px; } .testimonial-tab-slider p{ margin-bottom: 30px; } .testimonial-video-link{ display: inline-block; position: relative; padding-right: 40px; color: #F26E4B; font-size: 20px; line-height: 28px; } .testimonial-video-link:after{ content: ''; display: block; position: absolute; right: 0; top: 2px; width: 24px; height: 24px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/testimonial-video-play.svg) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .testimonial-video-link:hover{ text-decoration: none; color: #003F57; } .testimonial-video-link:hover:after{ background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/testimonial-video-play-hover.svg) no-repeat; background-size: cover; } .tab-video-slider{ padding: 56px 0 64px 0; box-sizing: border-box; position: relative; padding-left: 225px; box-sizing: border-box; } .tab-video-slider:before{ content: ''; display: block; position: absolute; left: calc( 319px + 225px); top: 0; width: 100%; height: 100%; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/testimonial-bg.png) no-repeat; background-size: cover; } .tab-video-slider:after{ content: ''; display: block; position: absolute; left: 1140px; bottom: -2px; width: 1000%; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/testimonial-slider-shape-2.png) no-repeat; background-size: cover; z-index: 1; } .testimonial-tab-slider:before{ content: ''; display: block; position: absolute; right: -90px; bottom: 0; width: 180px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/testimonial-slider-shape.png) no-repeat; background-size: cover; } .testimonial-tab-arrow{ display: inline-block; position: absolute; left: 225px; bottom: 0; } .testimonial-tab-arrow .left-arrow, .testimonial-tab-arrow .right-arrow{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; float: left; background: #212121; transition: all 0.3s ease-in-out; cursor: pointer; } .testimonial-tab-arrow .left-arrow{ margin-right: 16px; } .testimonial-tab-arrow .left-arrow:hover, .testimonial-tab-arrow .right-arrow:hover{ background: #003F57; } .testimonial-tab-arrow .left-arrow figure{ display: flex; width: 12px; height: 12px; } .testimonial-tab-arrow .left-arrow figure img{ display: inline-block; width: 100%; } .tab-video-slider .slick-dots{ bottom: inherit; left: 0; top: -44px; display: inline-block; text-align: left; } .tab-video-slider .slick-dots li button{ padding: 0; width: 12px; height: 12px; background: #E9F1F4; } .tab-video-slider .slick-dots li{ padding: 0; width: 12px; height: 12px; margin: 0 4px; float: left; } .tab-video-slider .slick-dots li:first-child{ margin-left: 0; } .tab-video-slider .slick-dots li:last-child{ margin-right: 0; } .tab-video-slider .slick-dots li:before{ display: none; } .tab-video-slider .slick-dots li.slick-active button{ background: #2923E1; } .tab-video-slider .slick-dots li button:before{ display: none; } /*testimonial blog area*/ /*start*/ .testimonial-blog-area{ display: flex; flex-wrap: wrap; justify-content: space-between; } .testimonial-blog-area .testimonial-blog-cell{ display: inline-block; width: 49%; margin-left: 0; margin-bottom: 24px; } .testimonial-blog-inn{ background: #E9F1F4; padding: 40px; box-sizing: border-box; position: relative; } .testimonial-blog-inn:before{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/tab-video-tp-shape.png) no-repeat; background-size: cover; } .testimonial-blog-area .testimonial-blog-cell:nth-child( 2n + 2){ margin-right: 0; } .testimonial-blog-area .testimonial-blog-cell h3{ padding-right: 93px; box-sizing: border-box; color: #003F57; font-weight: 500; } .testimonial-blog-area .testimonial-blog-cell p{ padding-right: 93px; box-sizing: border-box; } .video-tab-shap-2:before{ content: ''; display: block; position: absolute; width: 240px; height: 240px; left: -1px; top: 0; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/tab-video-shape-2.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .video-tab-shap-3:before{ content: ''; display: block; position: absolute; width: 120px; height: 120px; left: -1px; top: 0; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/tab-video-shape-3.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } /*end*/ /*two side area*/ /*start*/ .two-side-section{ display: block; width: 100%; padding: 0 0 128px 0; } .two-side-section .two-col{ display: flex; flex-wrap: wrap; } .two-side-section .two-col .col-left{ display: inline-flex; width: 50%; margin-left: 0; align-items: center; } .two-side-section .two-col .col-right{ display: inline-flex; width: 50%; margin-right: 0; min-height: 494px; background: #212121; align-items: center; justify-content: center; padding: 70px; box-sizing: border-box; position: relative; } .two-side-img{ display: block; width: 100%; } .two-side-img figure{ display: block; width: 100%; } .two-side-img figure img{ display: block; max-width: 100%; } .two-side-desc{ display: inline-block; max-width: 539px; margin-left: 0; } .two-side-desc p:last-child{ margin-bottom: 0; } .two-side-inner{ display: block; width: 100%; } .two-side-cell{ display: block; width: 100%; margin-bottom: 168px; } .two-side-inner .two-side-cell:last-child{ margin-bottom: 0; } .two-side-cell .btn-text{ margin-bottom: 24px; font-weight: 500; } .two-side-inner .two-side-cell:nth-child( 2n + 2 ) .two-col{ flex-direction: row-reverse; } .two-side-inner .two-side-cell:nth-child( 2n + 2 ) .two-col .col-left{ margin-left: inherit; margin-right: 0; } .two-side-inner .two-side-cell:nth-child( 2n + 2 ) .two-col .col-left .two-side-desc{ margin-left: inherit; margin-right: 0; } .two-side-section .two-col .col-right.two-side-shape1:before{ content: ''; position: absolute; display: block; top: 0; right: -60px; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/two-side-cell-shape.png) no-repeat; background-size: cover; } .two-side-desc h2{ color: #003F57; margin-bottom: 32px; } .two-side-section .two-col .col-right.two-side-shape2:before{ content: ''; position: absolute; display: block; top: 0; left: -60px; width: 120px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/two-side-cell-shape2.png) no-repeat; background-size: cover; } .no-padding{ padding: 0 !important; } .no-padding img{ margin-top: -85px; } .app-download{ display: inline-flex; align-items: center; flex-wrap: wrap; } .app-download .app-cell{ display: inline-block; margin-right: 24px; } .app-download .app-cell figure{ display: block; width: 100%; } .app-download .app-cell figure img{ display: block; width: 100%; } .app-download .app-cell:last-child{ margin-right: 0; } .shape-btm:after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/two-side-icon.png) no-repeat; background-size: cover; } .two-side-desc p{ margin-bottom: 48px; } /*end*/ /* winner box */ .two-side-section .two-col .winner-col-left{ display: inline-flex; width: 42%; margin-left: 0; justify-content: center; box-sizing: border-box; position: relative; } .two-side-section .two-col .winner-col-right{ display: inline-flex; width: 58%; margin-right: 0; } /*solution section*/ /*start*/ .solution-section.solution-two-col .section-title{ max-width: 100%; } .solution-two-col .solution-box-grp .solution-box{ width: 49%; margin-right: 2%; } .solution-two-col .solution-box-grp .solution-box:nth-child( 3n + 3 ){ margin-right: 2%; } .solution-two-col .solution-box-grp .solution-box:nth-child( 2n + 2 ){ margin-right: 0; } .solution-two-col h2{ margin-bottom: 24px; } .solution-two-col p{ margin-bottom: 98px; } /*end*/ /*recommended section*/ /*start*/ .recommended-section{ display: block; overflow: hidden; background: #212121; position: relative; } .recommended-title{ position: relative; } .recommended-title h2{ color: #fff; display: inline-block; margin-bottom: 34px; } .recommended-title .btn-text{ position: absolute; right: 0; top: 10px; } .recommended-section .container{ padding-top: 40px; padding-bottom: 88px; box-sizing: border-box; background: #212121; position: relative; z-index: 1; } .recommended-section .container:before{ content: ''; display: block; position: absolute; top: -1px; right: calc( -1000px + 305px ); height: 121px; background: #fff; width: 1000px; } .recommended-section .services-box{ background: #E9F1F4; } .recommended-section .services-box h2{ color: #212121; position: relative; transition: all 0.3s ease-in-out; } .recommended-section .services-box .btn-text{ opacity: 0; visibility: hidden; } .recommended-section:after{ content: ''; display: block; position: absolute; right: 0; top: 120px; width: 1440px; height: calc( 100% - 120px ); background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/recommended-bg.png) no-repeat; background-size: cover; } .recommended-section .services-slider{ width: calc( 100% + 24px ); margin-left: -12px; } .recommended-section .container:after{ content: ''; display: block; position: absolute; width: 1000px; height: 100%; right: 100%; top: 0; background: #212121; } .recommended-shape-1:before{ content: ''; display: block; position: absolute; left: 0; bottom: -60px; width: 180px; height: 180px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/recommended-shap-1.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .recommended-shape-2:before{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 180px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/recommended-shap-2.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .recommended-shape-3:before{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 240px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/recommended-shap-3.png) no-repeat; background-size: cover; transition: all 0.3s ease-in-out; } .recommended-section .services-slider .services-box .overlayer-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .recommended-section .services-slider .services-box:hover .overlayer-img{ opacity: 1; visibility: visible; } .recommended-section .services-slider .services-box:hover .btn-text{ opacity: 1; visibility: visible; } .recommended-section .services-slider .services-box:hover h2{ color: #fff; } .recommended-section .services-arrow .left-arrow figure{ display: inline-flex; float: right; width: 12px; height: 12px; } .recommended-section .services-arrow .right-arrow figure{ display: inline-flex; float: right; width: 12px; height: 12px; } .recommended-section .services-arrow .left-arrow figure img{ display: block; transform: rotate( 180deg); } .recommended-section .services-arrow .right-arrow figure img{ display: block; } /*end*/ /*insights section*/ /*start*/ .insights-section{ display: block; width: 100%; padding: 100px 0 168px 0; box-sizing: border-box; } .insights-section .two-col{ display: flex; } .insights-section .two-col .col-left{ display: inline-block; width: 55%; margin-left: 0; } .insights-section .two-col .col-right{ display: inline-flex; width: 45%; margin-right: 0; padding-left: 50px; box-sizing: border-box; align-items: center; } .insights-section .two-col .col-left figure{ display: block; width: 100%; } .insights-section .two-col .col-left figure img{ display: block; width: 100%; } .insights-section .two-col .col-right .insights-desc{ display: block; } .insights-desc h2{ color: #003F57; margin-bottom: 32px; } .insights-desc p{ margin-bottom: 48px; } /*end*/ /*analysts section*/ /*start*/ .team-section.analysts-team{ padding: 168px 0 168px 0; } .team-section.analysts-team .two-col .col-right{ width: 100%; display: block; width: 100%; } .team-section.analysts-team h2{ color: #003F57; margin-bottom: 48px; } /*end*/ /*help section section*/ /*start*/ .section-title.more-space{ max-width: 900px; } .section-title.more-space p{ max-width: 610px; } .help-section.help-space-cell{ padding-bottom: 10px; } .help-space-cell .help-cell h2{ max-width: 448px; margin-left: 0; } .help-space-cell .help-cell p{ max-width: 542px; } .help-shap-6:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-1.png) no-repeat; background-size: cover; } .help-shap-7:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 274px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-7.png) no-repeat; background-size: cover; } .help-shap-8:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-8.png) no-repeat; background-size: cover; } .help-shap-9:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-9.png) no-repeat; background-size: cover; } .help-shap-10:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 253px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/help-icon-10.png) no-repeat; background-size: cover; } .help-shap-11:after{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/services-icon-1.png) no-repeat; background-size: cover; } /*end*/ /*articles cell*/ /*start*/ .articles-cell{ display: block; width: 100%; position: relative; } .articles-cell:hover{ text-decoration: none; } .articles-cell .articles-gallery{ display: block; width: 100%; height: 237px; position: relative; overflow: hidden; } .articles-cell .articles-gallery .articles-gallery-inner{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease-in-out; } .articles-cell .articles-gallery:hover .articles-gallery-inner{ transform: scale(1.12); } .articles-desc{ display: block; width: 100%; padding: 17px 17px 17px 17px; box-sizing: border-box; background: #E9F1F4; } .articles-desc h4 a{ color: #003F57; margin-bottom: 44px; font-weight: 500; } .services-slider .slick-track{ margin-left: 0; } .article-info{ display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 24px; } .article-info .article-tag a{ font-size: 16px; line-height: 28px; color: #ffffff; background: #2B7A9B; padding: 4px 8px; box-sizing: border-box; margin-right: 16px; font-weight: 400; margin-left: 0; } .article-info .article-tag{ font-size: 16px; line-height: 28px; color: #ffffff; background: #2B7A9B; padding: 4px 8px; box-sizing: border-box; margin-right: 16px; font-weight: 400; margin-left: 0; } .article-info .article-date time{ font-size: 16px; line-height: 28px; color: #2B7A9B; font-weight: 400; margin-left: 0; } .articles-cell:before{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 120px; background: #212121; z-index: 1; } .latest-insights-sec .articles-cell:before{ background: #ffffff; } .latest-insights-sec .insights-cell.no-shape .articles-cell:before{ display: none; } /*end*/ .service-shape-15{ position: relative; } .service-shape-15:before{content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/services-icon-7.png) no-repeat; background-size: cover; } /*onboard section*/ /*start*/ .onboard-section{ display: block; width: 100%; padding: 100px 0 100px 0; box-sizing: border-box; } .onboard-section .section-title{ margin-bottom: 72px; } .onboard-cell-grp{ display: flex; flex-wrap: wrap; } .onboard-cell{ display: inline-block; margin-left: 0; margin-right: 2%; width: 32%; background: #E9F1F4; padding: 40px; position: relative; box-sizing: border-box; } .onboard-cell .onboard-icon{ display: block; width: 100%; height: 56px; margin-bottom: 24px; } .onboard-cell .onboard-icon figure{ display: inline-block; height: 100%; } .onboard-cell .onboard-icon figure img{ display: inline-block; height: 100%; } .onboard-cell h2{ font-size: 30px; line-height: 38px; color: #212121; margin-bottom: 32px; font-weight: 500; } .onboard-cell-grp .onboard-cell:nth-child( 3n + 3 ){ margin-right: 0; } .onboard-shape-1:before{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/onboard-shape-1.png) no-repeat; background-size: cover; } .onboard-shape-2:before{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/onboard-shape-2.png) no-repeat; background-size: cover; } .onboard-shape-3:before{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/onboard-shape-3.png) no-repeat; background-size: cover; } /*end*/ /*training section*/ /*start*/ .training-section{ display: block; width: 100%; padding: 68px 0 100px 0; box-sizing: border-box; } .training-section .container .two-col{ display: flex; } .training-section .container .two-col .col-left{ display: inline-block; width: 24%; margin-left: 0; } .training-section .container .two-col .col-right{ display: inline-block; width: 76%; margin-right: 0; } .training-section .container .two-col .col-left h2{ color: #003F57; } .training-section .two-part{ display: flex; } .training-section .two-part .part-left{ width: 50%; margin-left: 0; background: #E9F1F4; padding: 48px 65px 48px 65px; box-sizing: border-box; } .training-section .two-part .part-right{ width: 50%; margin-right: 0; position: relative; } .training-section .two-part .part-right:after{ content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 240px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/training-shape-btm.png) no-repeat; background-size: cover;} .training-cell-desc{ display: block; width: 100%; } .training-cell-desc .training-cell{ display: block; width: 100%; margin-bottom: 56px; } .training-cell-desc .training-cell:last-child{ margin-bottom: 0; } .training-cell-desc .training-cell p:last-child{ margin-bottom: 0; } .training-cell-desc .training-cell h2{ color: #00A7D8; margin-bottom: 24px; font-size: 30px; line-height: 38px; font-weight: 500; } /*end*/ /*info img section*/ /*start*/ .info-img-section{ display: block; width: 100%; position: relative; overflow: hidden; padding-top: 68px; } .info-img-inner-part{ display: block; width: 100%; position: relative; padding-bottom: 240px; } .info-img-section .info-img-inner-part:before{ content: ''; display: block; position: absolute; left: 0; top: 120px; width: 100%; height: calc( 100% - 120px ); background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/info-img-box.png) no-repeat; background-size: cover; } .info-img-section .info-img-inner-part .container{ position: relative; } .info-img-section .info-img-inner-part .container:before{ content: ''; display: block; position: absolute; right: 92%; top: 0; width: 1000px; height: 480px; background: #212121; } .info-img-section .info-img-inner-part .info-img-innerbox {padding: 0 0 0 64px; box-sizing: border-box; max-width: 100%; margin-left: 0; position: relative; } .info-img-section .info-img-inner-part .info-img-innerbox:after{ content: ''; display: block; position: absolute; right: 120px; bottom: -120px; width: 180px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/infobox-shape.png) no-repeat; background-size: cover; } .info-img-innerbox .two-col{ display: flex; } .info-img-innerbox .two-col .col-left{ display: inline-block; margin-left: 0; width: 38%; box-sizing: border-box; position: relative; } .info-img-innerbox .two-col .col-left figure{ display: block; width: 100%; position: absolute; left: 0; top:0; } .info-img-innerbox .two-col .col-left figure img{ display: block; width: 100%; } .info-img-innerbox .two-col .col-right{ display: inline-block; margin-right: 0; width: 62%; padding: 200px 113px 108px 137px; box-sizing: border-box; background: #212121; } .info-img-desc p{ color: #fff; margin-bottom: 40px; } .info-img-desc h4{ color: #fff; font-weight: 500; margin-bottom: 0; } .info-img-section .info-img-inner-part .info-img-innerbox:before{ content: ''; display: block; position: absolute; right: -1px; top: 0; width: 300px; height: 120px; background: #fff; } /*end*/ /*insights grp*/ /*start*/ .insights-grp{ display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 15px; } .insights-grp .insights-cell{ max-width: 32%; margin-left: 0; display: inline-block; margin-right: 2%; margin-bottom: 32px; } .insights-grp .insights-cell:nth-child( 3n + 3 ){ margin-right: 0; } .insights-grp .articles-desc h4 a{ margin-bottom: 18px; text-decoration: none; } .testimonial-video-tab-section.pb-0{ padding-bottom: 0; } .form-section.pt-less{ padding: 140px 0 168px 0; } .center-cell-btn{ display: block; width: 100%; text-align: center; } /*end*/ /*blog slider*/ /*start*/ .blog-slider{ display: block; width: 100%; padding: 176px 0 132px 0; overflow: hidden; } .blog-slider .container{ position: relative; } .blog-slider-cell{ display: block; width: 100%; min-height: 400px; position: relative; } .blog-slider-cell:before{ content: ''; display: block; position: absolute; right: 0; top: 0; width: 120px; height: 120px; background: #fff; } .blog-slider-cell .articles-desc{ max-width: 400px; position: absolute; left: 0; bottom: 0; } .blog-slider-area .item{ padding: 0 12px; box-sizing: border-box; } .blog-slider-arrow{ display: inline-block; position: absolute; right: 0; bottom: -51px; } .blog-slider-arrow .left-arrow, .blog-slider-arrow .right-arrow{ width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; float: left; background: #212121; transition: all 0.3s ease-in-out; cursor: pointer;} .blog-slider-arrow .left-arrow:hover, .blog-slider-arrow .right-arrow:hover{ background: #003F57; } .blog-slider-arrow .left-arrow figure{ display: flex; width: 12px; height: 12px; } .blog-slider-arrow .left-arrow figure img{ display: inline-block; width: 100%; } .blog-slider-arrow .left-arrow{ margin-right: 16px; } .blog-slider-area{ width: 105vw; } .blog-slider-area .articles-img{ display: none; } /*end*/ /*detail banner*/ /*start*/ .detail-banner{ display: block; width: 100%; position: relative; margin-top: 88px; padding-top: 56px; box-sizing: border-box; } .detail-banner:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 512px; background: #E9F1F4; } .detail-banner .container{ max-width: 1102px; position: relative; } .detail-banner h1{ color: #212121; font-weight: 300; margin-bottom: 24px; } .detail-banner-img{ display: block; width: 100%; position: relative; height: 480px; margin-top: 6px; } .detail-banner-img:before{ content: ''; display: block; position: absolute; left: -61px; top: 0; width: 180px; height: 240px; background: url(/themes/emis_next/styles/css/main/../../../images/emis-next/infobox-shape.png) no-repeat; background-size: cover; } .detail-banner-img:after{ content: ''; display: block; position: absolute; right: -1px; top: 0; width: 120px; height: 120px; background: #E9F1F4; } .blog-detail-area{ display: block; width: 100%; padding: 64px 0 168px 0; box-sizing: border-box; max-width: 878px; } .blog-detail-area p{ margin-bottom: 40px; } .tag-cell{ display: block; width: 100%; text-align: left; } .tag-cell ul{ display: inline-block; margin: 0; } .tag-cell ul li{ display: inline-block; margin-right: 21px; padding-bottom: 0; padding-left: 0; } .tag-cell ul li:before{ display: none; } .tag-cell ul li:last-child{ margin-right: 0; } .tag-cell ul li{ font-size: 16px; line-height: 28px; color: #2B7A9B; } .tag-cell ul li a{ color: #2B7A9B; text-decoration: none; } .tag-cell ul li a:hover{ color: #212121; } .tag-cell ul li.active a{ color: #212121; } /*end*/ /*blog prev next section*/ /*start*/ .blog-prev-next{ display: block; width: 100%; margin-bottom: 168px; } .blog-prev-next .two-col{ display: flex; } .blog-prev-next .two-col .col-left{ display: inline-block; width: calc(50% - 12px); margin-left: 0; } .blog-prev-next .two-col .col-right{ display: inline-block; width: calc(50% - 12px); margin-right: 0; } .blog-post-cell h4{ color: #003F57; margin-bottom: 20px; font-weight: 500; } .blog-prev-next .two-col .col-left, .blog-prev-next .two-col .col-right{ min-height: 600px; position: relative; } .blog-post-cell{ display: inline-block; width: 453px; padding: 32px; box-sizing: border-box; background: #E9F1F4; position: absolute; left: 0; bottom: 0; } .blog-post-cell.prev-post{ left: inherit; right: 0; text-align: right; } /*end*/ .blog-inner-area{ display: block; width: 100%; margin-top: 88px; } .blog-inner-content{ display: block; width: 100%; padding-top: 56px; } .blog-inner-content{ max-width: 900px; margin-left: 0; padding-bottom: 90px; } .blog-inner-content h1{ color: #212121; margin-bottom: 48px; } .blog-inner-content h2{ color: #003F57; } .blog-inner-content p{ margin-bottom: 40px; } /*updated on 06.01.2024*/ /*start*/ /* Show the controls (hidden at the start by default) */ .video-js .vjs-control-bar{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .vjs-volume-menu-button, .vjs-remaining-time, .vjs-playback-rate, .vjs-big-play-button{ display: none !important; } #wrapper{ background: #fff; } .video-js .vjs-control-bar{ background-color: transparent !important; } .video-js .vjs-slider{ background-color: rgba(255,255,255,0.5); height: 1px; } .video-js .vjs-play-progress:before{ display: none; } video, .vjs-poster{ pointer-events: none !important; } .video-cell:before{ z-index: 1; } .video-cell video{ max-height: auto !important; } .video-js .vjs-control-bar{ bottom: 14px; width: 98%; } .video-js .vjs-control:before{ font-size: 2.8em; line-height: 1; } .video-js .vjs-progress-control .vjs-progress-holder{ font-size: 1.666666666666666666em !important; } .vjs-progress-control .vjs-progress-holder{ position: relative; } .vjs-progress-control .vjs-progress-holder:before{ bottom: -300%; content: ''; left: 0; position: absolute; right: 0; top: -10px; height: 20px; } /*end*/ #mobile-menu ul > li.no-sub-menu:after, #mobile-menu ul > li.no-sub-menu:hover:after{ display: none; } .menu-area-mb ul li i{ position: absolute; display: inline-block; right: 6px; top: 24px; font-size: 18px; transition: all 0.3s ease-in-out; } .menu-area-mb ul li:hover i{ right: 15px; color: #005F87; } /* Source and licensing information for the above line(s) can be found at http://www.emis.cn/themes/emis_next/styles/css/main/style.css. */