/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* The Modal (background) */ @-moz-document url-prefix() { #challenge.key-challenges { margin-top: 15px !important; } .work-cs .download-btn a::before { background-size: auto !important; } .overlay-menu .nav-feature { height: 107% !important; } .overlay-menu .nav-menu { height: 100.5% !important; } scrollbar{ -moz-appearance: none !important; width: 0 !important; height: 0 !important; } } ::-webkit-scrollbar { width: 0; } button#myBtn{ background: transparent url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/search%20%281%29.svg) no-repeat center; width: 50px; height: 40px; border: none; outline: none; background-size: 28%; transition: .5s; } button#myBtn:hover{ cursor: pointer; background: transparent url(https://cdn2.hubspot.net/hubfs/744339/search%20%281%29.svg) no-repeat center; } body { z-index: 0; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-style: autohiding-scrollbar; background: #fff; } html {overflow: -moz-scrollbars-none;} a { color: #ED4700; text-decoration: none; cursor: pointer; } a:hover { color: #b73400; } img{ height: auto; } .blogging .download-btn a{ bottom: 6px; left: 9px; text-align: left; } .hs-form select{ color: #909090 !important; padding-bottom: 4px !important; padding-left: 15px !important; } .footer-group .hs_blog_default_hubspot_blog_subscription.hs-blog_default_hubspot_blog_subscription.hs-fieldtype-radio.field.hs-form-field { display: none; } .footer-group .hs-form .hs-form-field .hs-error-msgs li:nth-child(2) label { display: block; } .body-container-wrapper { margin-top: 64px; } .search-page button#myBtn { opacity: .5; user-select: none; pointer-events: none; } .homepage .body-container-wrapper { margin-top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1{ float: none; } .mobile-menu-cta{display: none;} .left-service-card{ width: 50% !important; } .hs-blog-post .footer-cta-group{ margin-top: 70px; } a.topic-link { border-radius: 14px; display: inline-block; background-color: rgba(255,255,255, .35); padding: 0 12px; margin-right: 10px; margin-bottom: 10px; color: #000000; font-family: "Noto Sans"; font-size: 12px; transition: .4s; } a.topic-link:hover{ color: #ED4700; background: #fff; transition: .4s; } /* ::-webkit-scrollbar { width: 5px; } /* Track */ /* ::-webkit-scrollbar-track { background: #fdfdfd; } */ /* Handle */ /* ::-webkit-scrollbar-thumb { background: #dedede; border-radius: 3px; } */ /* Handle on hover */ /* ::-webkit-scrollbar-thumb:hover { background: #888; } */ .core-value-inner .core-value-image img { width: 100%; } .abt-csr .abt-csr-grp .abt-csr-image img { width: 100%; } .footer-cta-section .footer-cta-image img { width: 100%; } .sub-service-banner .digi-banner-group .digi-banner .digi-banner-content{ max-width: 490px; } .sub-service-banner .digi-banner-group .digi-banner{ min-height: 420px; max-width: 980px; } .sub-service-banner .digi-banner-group .digi-banner .digi-banner-content h1{ color: #FFFFFF; font-family: "Noto Serif"; font-size: 32px; font-weight: bold; line-height: 43px; margin-top: 0; } .right-service-card{ width: 50% !important; margin-left: 0 !important; margin-top: 180px; } .services-last .last-section{ background-image: none; } ul.footer-group-social-share li a img { width: 23px; } .services-grp{ background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 108% 96%; background-size: 28%; } .service-header{ padding: 50px 10px; } .service-header h1{ color: #001546; font-family: "Noto Serif"; font-size: 19px; font-weight: bold; line-height: 26px; } .service-header p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .hs-search-results__listing { margin: 0; padding: 0; list-style: none; } .hs-search__no-results { padding-bottom: 100px; margin-bottom: -170px; background: #fff; z-index: 99; position: relative; } .hs-search-results{ padding: 70px 0 130px; } .hs-search-results__prev-page { float: left; } .hs-search-results__next-page { float: right; } .hs-search__no-results h2{ color: #001546; font-family: "Noto Serif"; font-size: 34px; font-weight: bold; line-height: 46px; } .hs-search__no-results p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; line-height: 31px; margin: 6px 0; } .hs-search-results__next-page#load-extra span{ color: #ED4700; bottom: 6px; left: 6px; position: absolute; } .hs-search-results__next-page#load-extra{ color: #ED4700; cursor: pointer; font-weight: 400; height: 101px; width: 101px !important; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; border: 1px solid #ED4700; z-index: 9; transition: all .5s; overflow: hidden; outline: none; background: transparent; position: relative; display: inline-block; cursor: pointer; } .hs-search-results__next-page#load-extra span:before{ position: relative; content: ''; top: -33px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg'); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: block; left: 75px; } /* //// Default effect: Slide from Top //// */ .hs-search-results__next-page#load-extra:after, .hs-search-results__next-page#load-extra:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-color: rgba(0, 0, 0, 0.1);/* onhover background color */ z-index: -1; transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */ transition: all .5s; } .hs-search-results__next-page#load-extra:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .hs-search-results__next-page#load-extra:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .hs-search-results__next-page#load-extra:after{ transform: translate3D(-100%,100%,0); } /* ------------------------------- */ .hs-search-results__prev-page#load-extra span{ color: #ED4700; bottom: 6px; left: 8px; position: absolute; } .hs-search-results__prev-page#load-extra{ color: #ED4700; cursor: pointer; font-weight: 400; height: 101px; width: 101px !important; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; border: 1px solid #ED4700; z-index: 9; transition: all .5s; overflow: hidden; outline: none; background: transparent; position: relative; display: inline-block; cursor: pointer; } .hs-search-results__prev-page#load-extra span:before{ position: relative; content: ''; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg'); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: block; left: 0; transform: rotate(180deg); top: -33px; } /* //// Default effect: Slide from Top //// */ .hs-search-results__prev-page#load-extra:after, .hs-search-results__prev-page#load-extra:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-color: rgba(0, 0, 0, 0.1);/* onhover background color */ z-index: -1; transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */ transition: all .5s; } .hs-search-results__prev-page#load-extra:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .hs-search-results__prev-page#load-extra:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .hs-search-results__prev-page#load-extra:after{ transform: translate3D(-100%,100%,0); } .ledaer-details-group{ margin-top: 140px ; margin-bottom: 75px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 100% 29%; background-size: 28%; } .ledaer-details-group .ledaer-details-inner{ max-width: 780px; margin-right: auto; margin-left: auto } .social-handle-list ul li a { color: #ED4700; transition: .7s; } .social-handle-list ul li a:hover { color: #969696; transition: .7s; } .ledaer-details-group .ledaer-details-inner .outer-content-details h1{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 28px; font-weight: bold; line-height: 38px; margin: 0; } .ledaer-details-group .ledaer-details-inner .outer-content-details h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; line-height: 26px; margin-top: 10px; font-weight: 500; margin-bottom: 15px; } .ledaer-details-group .ledaer-details-inner .outer-content-details img{ width: 100%; margin: 30px 0 50px; } .ledaer-details-group .ledaer-details-inner .social-sidebar-share h5{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; line-height: 32px; text-align: center; font-weight: 500; margin: 20px 0 70px; } .ledaer-details-group .ledaer-details-inner .inner-content-details .ledaer-details-content p{ margin-bottom: 25px; } .ledaer-details-group .ledaer-details-inner .inner-content-details{ max-width: 580px; margin-right: auto; margin-left: auto } .ledaer-details-group .ledaer-details-inner .inner-content-details .ledaer-details-content{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .ledaer-details-group .ledaer-details-inner .inner-content-details .ledaer-extra-details{ margin-top: 70px; } .ledaer-details-group .ledaer-details-inner .inner-content-details .ledaer-extra-details h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px; margin-bottom: 0; } .ledaer-details-group .ledaer-details-inner .inner-content-details .ledaer-extra-details p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .social-sidebar-share { position: relative; } .social-sidebar-share .social-handle { position: absolute; margin-left: -160px; } .social-handle-list ul { list-style: none; padding-left: 0; margin-top: 0; } .social-handle-list ul li { padding-bottom: 25px; font-size: 30px; } .other-leadership-members{ background-color: #F0F0F0; } .other-leadership-members .other-leadership-inner{ max-width: 980px; margin: 0 auto; padding: 55px 0 70px; margin-bottom: 75px; } .other-leadership-members .other-leadership-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; } .other-leadership-members-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 55px; } .other-leadership-members-group .leadership-member{ width: 18.7%; margin-bottom: 40px; margin-right: 1%; transition: .5s; border: 1px solid transparent; } .other-leadership-members-group .leadership-member:hover{ background: #fff; transition: .5s; border: 1px solid #E4E4E4; } .other-leadership-members-group .leadership-member img{ width: 100%; } .other-leadership-members-group .leadership-member .leadership-member-inner-details{ padding: 10px; } .other-leadership-members-group .leadership-member .leadership-member-inner-details h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; font-weight: bold; line-height: 19px; margin-bottom: 10px; margin-top: 5px; } .other-leadership-members-group .leadership-member .leadership-member-inner-details p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .work--card>span{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .work--card>span .hs_cos_wrapper_type_custom_widget:nth-child(even) { top: 140px; position: relative; } .work--card>span .hs_cos_wrapper_type_custom_widget{ width: 47%; transition: transform .5s; } .work-header{ background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/banner-2.png'); background-size: cover; background-position: center; color: #fff; } .work-header .header-overlay{ background-color: rgba(0, 0, 0, 0.7); width: 100%; min-height: 400px; position: relative; } .work-header .header-overlay .work-banner-content{ position: absolute; top: 150px; } .work-header ul{ padding-left: 0; list-style: none; display: inline-flex; } .work-header ul li{ font-family: "Noto Serif"; font-size: 32px; font-weight: bold; line-height: 43px; padding-right: 100px; } .work-header ul li p{ margin: 0; position: relative; } .work-header ul li:nth-child(2) p:after, .work-header ul li:nth-child(1) p:after{ position: relative; content: '+'; } .work-header h1{ font-family: "Noto Serif"; font-size: 19px; font-weight: bold; line-height: 26px; margin-bottom: 35px; } .work-card{ width: 100%; padding: 20px; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; margin: 0 0 20px 0; } .career-sidebar-navigation-section .sidebar-navigation-section{ max-width: 1030px; margin-left: auto; } /* .career-sidebar-navigation-section .sidebar-navigation-section .sidebar-navigation { position: absolute; max-width: 250px; margin-left: -250px; width: 250px !important; } */ .car .sidebar-navigation-section .sidebar-navigation{ padding: 120px 50px 0; } .work-card-group{ padding-top: 100px; padding-bottom: 50px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg'); background-size: 400px 400px; background-position: -5% 112%; background-repeat: no-repeat; } .card-content{ padding: 20px 30px; } .card-content h2{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px; } .card-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .info-right .download-btn{ height: 92px; width: 92px !important; } .home-cta a, .get-cta a, .bottom-cta a{ color: #ffffff; bottom: 8px; left: 10px; position: absolute; line-height: 1.4; } .olivz .get-cta a{ bottom: 3px; left: 3px; } .about-us .footer-cta-group{ margin-top: 20px; } .olivz .footer-cta-group .get-cta a:before { top: -40px; } .car .footer-cta-group .get-cta a:before { top: -35px; } .home-cta a:hover, .get-cta a:hover, .bottom-cta a:hover{ color: #ffffff; } .abt-csr-img-cta-grp .get-cta a:before { left: 57px; top: -15px; } .home-cta, .get-cta, .bottom-cta{ color: #FFFFFF; cursor: pointer; font-weight: 400; height: 83px; width: 83px; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; border: 1px solid #fff; z-index: 9; transition: all .5s; overflow: hidden; outline: none; background: transparent; position: relative; display: inline-block; cursor: pointer; } .get-cta, .bottom-cta{ height: 101px; width: 101px !important; background: #ED4700; border: 0 solid #fff; margin-top: 100px; } .home-cta a:before{ position: relative; content: ''; top: -10px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Button%20arrow%20.svg'); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: block; left: 55px; background-size: auto; } .get-cta a:before, .bottom-cta a:before{ position: relative; content: ''; top: -10px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Button%20arrow%20.svg'); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: block; left: 65px; background-size: auto; } .get-cta a:before{ left: 69px; top: -17px; } .visit-olivz .get-cta a { bottom: -5px; left: 0; } .visit-olivz .get-cta a:before { left: 65px; top: -20px; } .bottom-cta a:before{ top: -10px; left: 70px; } .olivz .get-cta{ margin-top: 40px; margin-bottom: 30px; } .olivz .get-cta a:before{ top: -33px; left: 63px; } /* //// Default effect: Slide from Top //// */ .home-cta:before, .home-cta:after, .get-cta:before, .get-cta:after, .bottom-cta:after, .bottom-cta:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #b73400; /* onhover background color */ z-index: -1; transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */ transition: all .5s; } .home-cta:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .get-cta:before, .bottom-cta:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .home-cta:hover:after, .get-cta:hover:after, .bottom-cta:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .home-cta:after, .get-cta:after, .bottom-cta:after{ transform: translate3D(-100%,100%,0); } /*-------------------------*/ .footer-right .hs_submit{ color: #FFFFFF; cursor: pointer; font-weight: 400; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; position: relative; overflow: hidden; border: 1px solid #fff; z-index: 9; transition: all .5s; outline: none; position: relative; display: inline-block; cursor: pointer; background: #ED4700; padding: 9px; margin-left: 5px; margin-top: -1px; height: 24px; } .footer-right .hs-button.primary{ color: #FFFFFF; font-family: "Fira Sans"; font-size: 14px; letter-spacing: 0.28px; line-height: 25px; cursor: pointer; background: transparent; border: none; } /* .form-header .hs_submit, .jd-inner-form .hs_submit{ color: #FFFFFF; cursor: pointer; font-weight: 400; height: 83px; width: 83px; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; border: 1px solid #ED4700; z-index: 9; transition: all .5s; overflow: hidden; outline: none; position: relative; display: inline-block; cursor: pointer; background: #ED4700; } .form-header .hs_submit .hs-button, .jd-inner-form .hs_submit .hs-button{ position: absolute; bottom: 10px; left: 10px; border: none; padding: 0; background: transparent; color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .hs_submit:before, .hs_submit:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #b73400; z-index: -1; transform: translate3D(0,-100%,0); transition: all .5s; } .hs_submit:before{ background: transparent; z-index: -2; transform: translate3D(0,0,0); } .hs_submit:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .hs_submit:after{ transform: translate3D(-100%,100%,0); } */ .jd-inner-form .hs_submit{ margin-top: -20px; margin-left: 12px; } .jd_c .submitted-message .cs-inner-message { margin-bottom: 200px; } .no-job-inner-message { max-width: 540px; margin-left: auto; margin-right: auto; margin-top: -100px; text-align: left; } .no-job-inner-message img { margin-bottom: 15px; } .no-job-inner-message h2 { padding: 20px 0; } .no-job-inner-message p { padding-bottom: 15px; } .work-case-study-post { display: none; } .noContent { color: #000 !important; background-color: transparent !important; pointer-events: none; } .work-case-study{ max-width: 980px; margin-left: auto; margin-right: auto; margin-top: 120px; margin-bottom: 140px; position: relative; } .work-case-study a#loadMore { display: block; position: relative; bottom: -140px; left: 51%; } .work-case-study h2{color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px;} .work-case-study-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .work-case-study-inner .work-case-study-post{ width: 48.7%; margin: 20px 0 20px 0; border: 1px solid #fff; transition: .5s; } .work-case-study-inner .work-case-study-post:hover{ border: 1px solid #DAD9D9;transition: .5s } .work-case-study-inner .work-case-study-post:nth-child(even){ position: relative; top: 140px; margin-left: 2%; } .work-case-study-inner .work-case-study-post .work-case-study-post-content{ padding: 30px; } .work-case-study-inner .work-case-study-post .work-case-study-post-content small{ color: #ED4700; font-family: "Noto Sans"; font-size: 14px; font-style: italic; line-height: 24px; } .work-case-study-inner .work-case-study-post .work-case-study-post-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px;margin-top: 0; margin-bottom: 15px; } .work-case-study-inner .work-case-study-post .work-case-study-post-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; margin-bottom: 0; } .work-case-study-inner img { width: 100%; } /*-------------------------*/ .e-modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: hidden; } /* Modal Content */ .e-modal .modal-content { background-color: #FCFCFC; margin: auto; width: 100%; height: 100%; position: relative; } .e-modal .modal-content .search-content{ position: relative; top: 40%; max-width: 1040px; margin-left: auto; margin-right: auto; float: none; } .e-modal .modal-content .search-content p{ color: #7D7D7D; font-size: 19px; line-height: 21px; text-align: right;font-family: 'BloggerSansRegular'; font-weight: normal; font-style: normal; } .e-modal .modal-content .search-content input[type="search"]{ color: #ED4700; font-size: 60px; line-height: 65px; font-family: 'BloggerSansRegular'; font-weight: normal; font-style: normal; border: none; border-bottom: 1px solid #EDEDED; outline: none; background-color: #FCFCFC; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .e-modal .modal-content .search-content .hs-form input[type="search"]:focus{ box-shadow: none !important; border: none !important; border-color: #fff; } /* The Close Button */ .e-modal .modal-content .close { height: 35px; width: 35px; position: absolute; right: 70px; top: 50px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Path.png'); background-size: cover; background-position: center; background-repeat: no-repeat; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .verti.owl-carousel .owl-dots { display: block; position: absolute; bottom: 10px; width: 20px; left: -50px; } .verti.owl-carousel .owl-dot.active{ background: #000 !important; height: 38px; transition: 1s; } .verti.owl-carousel .owl-dot{ cursor: pointer; background: #ccc !important; width: 2px !important; height: 22px; z-index: 99 !important; border-radius: 0; margin: 8px; } .loop.owl-carousel .owl-dots { display: inline-flex; position: absolute; bottom: 40px; left: 220px; transition: 1s; } .loop.owl-carousel .owl-dot.active { width: 50px; margin-right: 100px; transition: 1s; } .loop.owl-carousel .owl-dot { cursor: pointer; background: #fff; width: 35px; height: 2px; z-index: 99 !important; border-radius: 0; margin: 8px; } .search-header-background{ border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; background-color: #FCFCFC; min-height: 400px !important; position: relative; } .search-header { max-width: 1040px; position: relative; margin-left: auto; margin-right: auto; top: 150px; } .search-header-background .search-header input[type="search"] { color: #ED4700; font-size: 60px; line-height: 65px; font-family: 'BloggerSansRegular'; font-weight: normal; font-style: normal; border: none; border-bottom: 1px solid #8D8D8D; outline: none; background-color: transparent; padding: 0 25px; } .search-header-background .search-header .hit-enter{ color: #7D7D7D; font-size: 19px; line-height: 21px; float: right; font-family: 'BloggerSansRegular'; font-weight: normal; font-style: normal; padding-top: 2px; } .search-result-group { max-width: 820px; margin: 0 auto ; } .search-result-group .hs-search-results__listing li { padding: 20px; transition: .5s; border: 1px solid transparent; margin-bottom: 25px; } .search-result-group .hs-search-results__listing li:hover { transition: .5s; border: 1px solid #E8E8E8; } .hs-search-field--open .hs-search-field__suggestions { border: 1px solid #d4d4d4; padding: 20px; background: #fff; /* z-index: 999; */ position: absolute; } .hs-search-field__suggestions #results-for { display: block; font-size: 24px; margin-bottom: 10px; } .hs-search-highlight { color: #ffffff; background: #FF6F31; } a.hs-search-results__title { color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px; } p.hs-search-results__description { color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; margin-bottom: 0; margin-top: 10px; } .hs-search-results__pagination { margin-top: 55px; margin-bottom: 130px; } .header { z-index: 9999; padding: 10px 0 0; position: fixed; background: #fff; } .header.sticky { position: fixed !important; background: #fff; transition: all .5s linear; box-shadow: 0 5px 17px -13px rgba(0,0,0,0.75); } .header.sticky .navigation-content{ padding-top: 5px; transition: all .5s linear; } .homepage .header{ position: fixed; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: -webkit-box; } .pc-hide{ display: none !important; } .anchor-link ul a.line-active li{ background: #151E37; position: absolute; top: -200%; height: 50px; } .img-animate .anchor-link{ position: absolute; bottom: 0; left: -50px; } .anchor-link ul { list-style: none; padding-left: 0; } .anchor-link ul a li{ width: 2px; height: 22px; background: #969696; margin-bottom: 10px; } .top-box{ position: absolute; background-color: rgba(255, 71, 0, 0.8); height: 110px; width: 365px; } .img-animate{ position: relative; } .digi-heart .digi-content { padding: 0; color: #fff; position: absolute; left: 62%; top: 26%; max-width: 300px; } .top-arrow { position: fixed; bottom: 20px; right: 20px; display: none; transition: 1s; } .top-arrow img { width: 30px; } .top-show { display: block; transition: 1s; } .homepage .top-arrow{ display: none; } .about-section-group .top-to-bottom { position: absolute; z-index: 999; margin-left: 95%; height: 100vh; } .about-section-group .down-anchore{ cursor: pointer; display: block; overflow: hidden; transition: all .5s; overflow: hidden; outline: none; display: inline-block; position: absolute; bottom: 0; margin-bottom: 50px; z-index: 9999; } .down-anchore{ background: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/nxt%20sec%20button%20%281%29.svg'); background-size: 34px 34px; width: 34px; height: 34px; background-repeat: no-repeat; z-index: 9; } /* //// Default effect: Slide from Top //// */ .down-anchore:after, .down-anchore:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-color: rgba(0, 0, 0, 0.1); /* onhover background color */ z-index: -1; transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */ transition: all .5s; } .down-anchore:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .down-anchore:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .down-anchore:after{ transform: translate3D(-100%,100%,0); } .down-anchore:hover{ cursor: pointer; } ul.right-small { padding-top: 30px; } ul.right-small li a { padding-top: 25px; color: #FFFFFF; font-family: "Blogger Sans"; font-size: 19px; font-weight: 500; letter-spacing: 0.38px; line-height: 21px; transition: 1s; } ul.right-small li a:hover, ul.right-big li a:hover { color: #151E37; transition: 1s; } ul.right-big li a { color: #FFFFFF; font-family: "Blogger Sans"; font-size: 33px; font-weight: normal; letter-spacing: 0.66px; line-height: 36px; padding-top: 33px; transition: .2s; position: relative; } ul.right-small li a:after { content: ''; position: absolute; width: 10px; height: 20px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1.svg?t=1542890057972); background-size: 0 0; background-position: left bottom; background-repeat: no-repeat; margin-top: -15px; margin-left: 2px; opacity: 0; transition: all .2s linear; } ul.right-small li a:hover:after{ height: 20px; opacity: 1; transition: all .2s linear; background-size: 10px 15px; } ul.right-big li a:after { content: ''; position: absolute; width: 15px; height: 35px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1.svg?t=1542890057972); background-size: 0 0; background-position: left bottom; background-repeat: no-repeat; margin-left: 2px; opacity: 0; transition: all .2s linear; margin-top: -22px; } ul.right-big li a:hover:after{ height: 35px; opacity: 1; transition: all .2s linear; background-size: 15px 20px; } ul.right-social { position: absolute !important; bottom: 50px; display: inline-flex; } .right-social img { width: 25px; transition: .5s; } .right-social img:hover { opacity: .5; transition: .5s; } ul.right-social li { padding-right: 30px; } .img-animate { position: relative; height: 100.5vh; } .img-animate img { width: 100%; position: absolute; } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .module { transform: translate3d(0, 150px, 0); } .come-in { transform: translate3d(0, 150px, 0); animation: come-in 0.8s ease forwards; } .come-in:nth-child(odd) { animation-duration: 0.6s; } .already-visible { /*transform: translateY(0);*/ transform: translate3d(0, 0, 0); animation: none; } @keyframes come-in { to { transform: translate3d(0, 0, 0); } } .row-fluid [class*="span"] { min-height: 0; } .ez-service-card-bg{ background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 110% 95%; background-size: 30%; margin-top: 100px; } .ez-service-card-group{ max-width: 980px; margin: 0 auto; } .ez-service-card-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ez-service-card-inner .ez-service-card{ min-height: 426px; width: 49%; margin-bottom: 22px; background-repeat: no-repeat; background-position: top right; position: relative; color: #FFFFFF; background-size: 100%; transition: all 300ms linear; } .ez-service-card-inner .ez-service-card:hover{ background-size: 105%; } .ez-service-card-inner .ez-service-card:nth-child(even){ margin-left: 2%; position: relative; top: 140px; } .ez-service-card-inner .ez-service-card:last-child { margin-bottom: 0; } .ez-service-card-inner .ez-service-card:nth-child(2){ color: #fff; } .ez-service-card-inner .ez-service-card .ez-service-content{ position: absolute; left: 40px; bottom: 35px; } .ez-service-card-inner .ez-service-card .ez-service-content h3{ font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px; margin-bottom: 0; } .ez-service-card-inner .ez-service-card .ez-service-content ul{margin-bottom: 0; padding-left: 18px; list-style: none;} .ez-service-card-inner .ez-service-card .ez-service-content ul li{ font-family: "Noto Sans"; font-size: 14px; line-height: 30px; position: relative; } .ez-service-card-inner .ez-service-card .ez-service-content ul li:before { content: ''; background: #fff; width: 5px; height: 5px; position: absolute; top: 13px; left: -18px; border-radius: 50%; } .ez-service-card-inner .ez-service-card:nth-child(2) .ez-service-content ul li:before, .ez-service-card-inner .ez-service-card:nth-child(3) .ez-service-content ul li:before { background: #fff; } .ez-service-card-inner .ez-service-card:nth-child(2){ color: #fff !important; } .ez-service-card-inner .ez-service-card:nth-child(2) .ez-service-content ul li:before{ background: #fff !important; } .ez-service-card-inner .ez-service-card:nth-child(3) .ez-service-content ul li:before{ background: #ffffff !important; } .ez-service-card-inner .ez-service-card:nth-child(4) .ez-service-content ul li:before{ background: #fff !important; } a#cta_button_744339_a9f04a20-8238-47b7-a7bb-748a48e8bac5, a#cta_button_744339_6b0a58c6-1ce9-4086-ba90-6d4f82120fcc, a#cta_button_744339_f5460532-ff5c-47e8-a608-adf06f21d5db{ width: 68px; height: 73px; padding: 20px 10px 0; vertical-align: baseline; margin-bottom: -3px; overflow: hidden; } a#cta_button_744339_2d18b63a-0786-422b-9e30-b7a11d692342 { width: 72px; height: 63px; padding: 30px 10px 0; } a#cta_button_744339_7f010913-df13-4aba-9ada-aa14d64e6c6b { width: 81px; height: 62px; padding: 40px 10px 0 10px; } .footer-cta-content .get-cta a { bottom: -5px; left: 0; } .jd_c .download-btn a { bottom: 0; left: 0; } .sqr{ color: #FFFFFF; cursor: pointer; font-weight: 400; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; z-index: 99; transition: all .5s; overflow: hidden; outline: none; background: transparent; display: inline-block; border: 1px solid #ED4700; width: 69px; height: 69px; float: right; top: -40px; left: 34px; } /* //// Default effect: Slide from Top //// */ .sqr:after, .sqr:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-color: rgba(0, 0, 0, 0.1); /* onhover background color */ z-index: -1; transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */ transition: all .5s; } .sqr:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .sqr:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .sqr:after{ transform: translate3D(-100%,100%,0); } .feature-left .sqr button { position: relative; top: 45px; color: #ED4700; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 12px; letter-spacing: 0.86px; line-height: 17px; text-transform: uppercase; border: none; background: transparent; cursor: pointer; } .feature-left .sqr:before { position: absolute; content: ''; top: 8px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29.svg?t=1542847149163); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: inline-block; right: 7px; } .feature-right a { color: #ED4700 !important; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 12px; font-style: italic; letter-spacing: 0.24px; line-height: 24px; text-transform: uppercase; text-align: right; position: relative; transition: .5s; } .feature-right a:hover { opacity: .7; transition: .5s; } .feature-right a:after { position: relative; content: ''; top: -1px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29.svg?t=1542847149163); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: inline-block; left: 4px; } .feature-right p, .feature-right p span, .feature-right p strong, .feature-right p h1, .feature-right p h2, .feature-right p h3, .feature-right p h4, .feature-right p h5, .feature-right p h6{ color: #9D9D9D; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 24px; margin-bottom: 0; display: inline; font-weight: 300; } .feature-right h4 { color: #A2A2A2; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0.28px; line-height: 24px; margin-bottom: 0; margin-top: 0; } .feature-main { display: flex; width: 100%; height: 215px; } .feature-main .feature-left { width: 50%; padding: 10px; } .feature-main .feature-right { width: 50%; padding: 7px 0 0 35px; } .service-box { width: 280px; overflow: hidden; } .zoom-in::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: inherit; background-size: cover; transform-origin: center; transition: transform .3s ease-in-out; } .zoom-in:focus::after, .zoom-in:hover::after { transform: scale(1.2); } .offering { width: 100%; height: 250px; margin-bottom: 20px; background-position: center; background-size: 100%; background-repeat: no-repeat; transition: .5s; position: relative; overflow: hidden; margin-bottom: 10px; margin-top: 10px; } .offering .offering-content{ position: relative; background: linear-gradient(226deg, rgba(247, 125, 0, 0.8) 0%, rgba(237, 71, 0, 1) 100%); width: 100%; height: 100%; z-index: 1; } .offering .offering-content h4 { position: absolute; z-index: 1; padding: 0 40px; position: absolute; bottom: 32px; color: #fff; font-size: 19px; line-height: 30px; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; margin-bottom: 0; } /*.offering:hover .offering-content:after {*/ /* content: ' ';*/ /* right: 35px;*/ /* top: 30px;*/ /* position: absolute;*/ /* height: 30px;*/ /* width: 20px;*/ /* background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Button%20arrow%20.svg');*/ /* background-size: 34px 15px;*/ /* background-position: center;*/ /* background-repeat: no-repeat;*/ /* transition-property: width;*/ /* transition-duration: 2s;*/ /*}*/ .offering .offering-content:after { content: ''; position: absolute; width: 10px; height: 20px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Button%20arrow%20.svg); background-size: 0 0; background-position: left bottom; background-repeat: no-repeat; opacity: 0; transition: all .3s linear; right: 35px; top: 30px; } .offering .offering-content:hover:after{ height: 20px; opacity: 1; transition: all .3s linear; background-size: 10px 15px; } .header-resource { display: flex; width: 100%; } .header-resource .resource-click { width: 50%; } .header-resource .resource-content { width: 50%; } .owl-nav { display: none; } .overlay-menu { display: flex; } .open .overlay-menu .nav-feature { transform: translateX(0); transition: all 300ms linear; } .overlay-menu .nav-feature { width: 100%; padding: 40px 100px 20px; background: #151E37; transform: translateX(-100%); transition: all 300ms linear; height: 95%; } .open .overlay-menu .nav-menu { transform: translateX(0); transition: all 300ms linear; } .overlay-menu .nav-menu { width: 34%; padding: 50px 100px; position: relative; background: #ED4700; transform: translateX(100%); transition: all 300ms linear; height: 89.5%;} .featured { position: relative; width: 100%; } .featured-image { display: block; width: 100%; height: auto; } .featured-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background: linear-gradient(224.99deg, #343E96 0%, #4F5CD1 100%); opacity: .6; } .navigation-content { float: right; display: inline-flex; float: right; color: #fff; } /*input {*/ /* outline: none;*/ /*}*/ /*input[type=text] {*/ /* -webkit-appearance: textfield;*/ /* -webkit-box-sizing: content-box;*/ /* font-family: inherit;*/ /* font-size: 100%;*/ /*}*/ /*input::-webkit-search-decoration,*/ /*input::-webkit-search-cancel-button {*/ /* display: none;*/ /*}*/ /*input[type=text]:focus {*/ /* width: 130px;*/ /* background-color: #fff;*/ /* border-color: #ED4700;*/ /* -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);*/ /* -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);*/ /* box-shadow: 0 0 5px rgba(109, 207, 246, .5);*/ /*}*/ /*input:-moz-placeholder {*/ /* color: #999;*/ /*}*/ /*input::-webkit-input-placeholder {*/ /* color: #999;*/ /*}*/ /* Demo 2 */ /*#demo-2 input[type=text] {*/ /* width: 15px;*/ /* padding-left: 10px;*/ /* color: transparent;*/ /* cursor: pointer;*/ /* margin-top: 5px;*/ /*}*/ /*#demo-2 input[type=text]:hover {}*/ /*#demo-2 input[type=text]:focus {*/ /* width: 130px;*/ /* padding-left: 32px;*/ /* color: #000;*/ /* background-color: #fff;*/ /* cursor: auto;*/ /*}*/ /*#demo-2 input:-moz-placeholder {*/ /* color: transparent;*/ /*}*/ /*#demo-2 input::-webkit-input-placeholder {*/ /* color: transparent;*/ /*}*/ .slider { position: relative !important; z-index: 9 !important; } .navigation-content ul { padding-left: 0; list-style: none; display: inline-flex; } .navigation-content .advance-menu ul li a{ text-transform: uppercase; text-decoration: none; color: #031D44; padding: 15px 20px; display: inline-block; position: relative; font-family: 'BloggerSansRegular'; font-weight: normal; font-style: normal; font-size: 13px; letter-spacing: 0.26px; line-height: 14px; color: #1C1C1C; transition: .5s; } .navigation-content .advance-menu ul li a:hover, .navigation-content .advance-menu ul li.active a { opacity: 1; color: #ED4700; transition: .5s; -webkit-text-stroke: .7px; transition: 500ms; } .navigation-content .advance-menu ul li a::after, .navigation-content .advance-menu ul li.active a::after { transition: 500ms; height: 1px; content: ""; position: absolute; background-color: #ED4700; } .navigation-content .advance-menu ul li a::after, .navigation-content .advance-menu ul li.active a::after { width: 0%; top: 10px; margin-left: -12px; } .navigation-content .advance-menu ul li a:hover::after { width: 20px; } form#demo-2 { padding: 0 20px; } .button_container.active { position: relative; /* right: 35px; */ /* top: 15px; */ background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/x.svg); background-size: 15px 15px; background-position: center; background-repeat: no-repeat; } .button_container.active .top, .button_container.active .middle, .button_container.active .bottom { opacity: 0; } /* All HubSpot Forms ========================================================================== */ /* Form Field (selector for form field wrapper) */ .footer-right .hs-form .hs-form-field { width: 65%; margin-bottom: 0; } /* Descriptions (targets class applied to Help Text divs) */ .hs-form .hs-form-field { margin-bottom: 30px; } .hs-form .hs-field-desc {} /* Labels (selects field labels and error messages) */ .hs-form label {} .hs-form .hs-form-field>label {} /* Inputs (selectors for all inputs) */ .hs-form input[type="text"], .hs-form input[type="password"], .hs-form input[type="datetime"], .hs-form input[type="datetime-local"], .hs-form input[type="date"], .hs-form input[type="month"], .hs-form input[type="time"], .hs-form input[type="week"], .hs-form input[type="number"], .hs-form input[type="email"], .hs-form input[type="url"], .hs-form input[type="search"], .hs-form input[type="tel"], .hs-form input[type="color"], .hs-form input[type="file"], .hs-form textarea, .hs-form select { outline: none; border: none; border-bottom: 1px solid #E0DBDB; font-family: "Noto Sans"; font-size: 16px; padding: 10px 13px; border-radius: 0; } /* Inputs in focus (selectors for all inputs when clicked) */ .hs-form input[type="text"]:focus, .hs-form input[type="password"]:focus, .hs-form input[type="datetime"]:focus, .hs-form input[type="datetime-local"]:focus, .hs-form input[type="date"]:focus, .hs-form input[type="month"]:focus, .hs-form input[type="time"]:focus, .hs-form input[type="week"]:focus, .hs-form input[type="number"]:focus, .hs-form input[type="email"]:focus, .hs-form input[type="url"]:focus, .hs-form input[type="search"]:focus, .hs-form input[type="tel"]:focus, .hs-form input[type="color"]:focus, .hs-form input[type="file"]:focus, .hs-form textarea:focus, .hs-form select:focus { outline: none;} /* Multi-line inputs (selectors to target multi-line fields */ .hs-form textarea { background: transparent; margin-top: 3px; height: 43px; max-height: 220px; resize: vertical; } .form-with-slider-labels .hs-form .hs-form-field.hs-fieldtype-textarea label { top: 10px; } .hs-form textarea:focus {} /* Dropdowns (selectors for dropdowns) */ .hs-form select {} .hs-form select:focus {} /* Multi-select (selectors for multi-select fields) */ .hs-form form.hs-form .hs-form-field ul.inputs-list {} .hs-form form.hs-form .hs-form-field ul.inputs-list li input {} .hs-form input[type="radio"] {} .hs-form input[type="checkbox"] {} /* Required (selectors for fields, when they do not pass validation) */ .hs-form input:focus:required:invalid, .hs-form textarea:focus:required:invalid, .hs-form select:focus:required:invalid {} .hs-form input:focus:required:invalid:focus, .hs-form textarea:focus:required:invalid:focus, .hs-form select:focus:required:invalid:focus {} /* Error message (selector for validation messages) */ .hs-form .hs-error-msgs label {} /* Placeholder Text (styles the placeholder attribute text) */ ::-webkit-input-placeholder { /* Webkit Browsers */ color: #909090; } :-moz-placeholder { /* Firefox 18- */ color: #909090; } ::-moz-placeholder { /* Firefox 19+ */ color: #909090; } :-ms-input-placeholder { /* IE10 */ color: #909090; } /* Multi Column Form (selectors for fieldsets and field wrappers) ========================================================================== */ .hs-form .hs-form fieldset.form-columns-1 {} .hs-form .hs-form fieldset.form-columns-1 .hs-form-field {} .hs-form .hs-form fieldset.form-columns-2 {} .hs-form .hs-form fieldset.form-columns-2 .hs-form-field {} .hs-form .hs-form fieldset.form-columns-3 {} .hs-form .hs-form fieldset.form-columns-3 .hs-form-field {} /* Submit buttons (selectors for all non-CTA buttons) ========================================================================== */ body .hs-button.primary, body input[type="submit"], body input[type="button"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } body .hs-button.primary:hover, body input[type="submit"]:hover, body input[type="button"]:hover {} body .hs-button.primary:focus, body input[type="submit"]:focus, body input[type="button"]:focus {} .footer-right .hs-form .hs-form-field>label { display: none; } .footer-right form.hs-form { display: flex; width: 100%; } .footer-right form.hs-form input[type="email"] { font-size: 16px; padding: 10px; border: none; width: 100%; background-color: #E6E6E6; } .footer-right .hs_blog_default_hubspot_blog_subscription.hs-blog_default_hubspot_blog_subscription.hs-fieldtype-radio.field.hs-form-field { display: none; } .footer-right ul li { padding-right: 30px; } .footer-right ul li a { color: #FF6F31; font-size: 30px; } .footer-right ul li a:hover { color: #D25925; } .footer-right h6 { color: #A7A7A7; font-family: "Fira Sans"; font-size: 14px; letter-spacing: 0.28px; line-height: 17px; font-weight: 400; margin-bottom: 0; } .footer-right p { color: #1C1C1C; font-family: "Fira Sans"; font-size: 14px; letter-spacing: 0.28px; line-height: 17px; margin-bottom: 0; } .footer-right ul { display: inline-flex; padding-left: 0; list-style: none; } .footer-right { padding: 30px 80px 0 50px; margin-left: 0 !important; float: right !important; } .privacy a { color: #FFFFFF; font-family: "Fira Sans"; font-size: 12px; letter-spacing: 0.24px; line-height: 14px; } .copyright { color: #A7A7A7; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 12px; letter-spacing: 0.24px; line-height: 17px; } .footer-link { padding-bottom: 40px; } .footer-link ul { padding-left: 0; list-style: none; } .footer-link ul li a { color: #FFFFFF; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 29px; transition: .5s; } .footer-link ul li a:hover { color: #FF6F31 !important; transition: .5s; } .sitemap { color: #A7A7A7; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0.28px; line-height: 19px; } .footer-left { background-color: #3A424A; padding: 70px 110px 10px 150px; margin-left: 0 !important; float: left !important; } .interested { background-color: #343E96; min-height: 563px !important; max-width: 100% !important; margin-left: -3px !important; padding: 70px 80px; color: #FFFFFF; } .interested h2 { font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 0; } .interested p { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; line-height: 24px; } .last-section { padding: 140px 0 0; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg'); background-repeat: no-repeat; background-position: 5% 5%; background-size: 31%; } .last-section img.hs-image-widget { width: 100% !important; padding-top: 110px; } .client-logos { margin-top: 200px; } .logo-grp { background: #f0f0f0; padding: 30px 100px 30px 70px; } .logo-grp img { width: 180px !important; } .client-logos h6 { color: #6B6B6B; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; font-style: italic; line-height: 24px; margin-bottom: 10px; font-weight: 300; } .client-logos h3 { margin-top: 0; color: #A7A7A7; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; } .mobile-grp { position: relative; } .mobile-grp .mob-1 { position: relative; left: 100px; } .mobile-grp .mob-2 { position: absolute; left: 290px; top: 165px; } .mobile-grp .mob-3 { position: relative; left: 0; bottom: -100px; } .smarter-grp { background: #F0F0F0; min-height: 100vh; position: relative; } .smarter-grp .bottom-cta { position: absolute; bottom: 0; right: 354px; } .smarter-grp .smart-content { z-index: 9; position: relative; top: 160px; left: 100px; max-width: 250px; } .smarter-grp .smart-content a { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; font-style: italic; line-height: 24px; } .smarter-grp .smart-content .cta:after { position: relative; content: ''; top: -1px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29.svg?t=1542847149163); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: inline-block; left: 4px; } .smarter-grp .smart-content h2 { font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-top: 10px; margin-bottom: 10px; color: #001546; } .smarter-grp .smart-content p { line-height: 24px; color: #1C1C1C; } .smarter { padding: 0 140px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_SmarterMe.svg'); background-repeat: no-repeat; background-position: 23% 28%; background-size: 36%; min-height: 100vh !important; } .service-grp { padding: 140px 0; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg'); background-repeat: no-repeat; background-position: 36% 74%; background-size: 28%; } .service-offer>span{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .service-offer>span .hs_cos_wrapper_type_custom_widget:nth-child(even) { top: 140px; position: relative; } .service-offer>span .hs_cos_wrapper_type_custom_widget{ width: 47%; margin: 0 1.5%; transition: transform .5s; } .service-grp .serv-content { position: relative; top: 160px; } .service-grp .serv-content .cell-wrapper.layout-widget-wrapper { max-width: 205px; } .service-grp .serv-content a { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; font-style: italic; line-height: 24px; } .service-grp .serv-content h2 { font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-top: 10px; margin-bottom: 10px; color: #001546; } .service-grp .serv-content p { line-height: 24px; color: #1C1C1C; } .digi-heart { /* min-height: 100.5vh !important; */ /* background: #151E37; */ background-position: center; background-size: cover; background-repeat: no-repeat; } .digi-heart .digi-content a { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; font-style: italic; line-height: 24px; color: #fff; } .digi-heart .digi-content a:hover{ opacity: .7; } .digi-heart .digi-content h2 { font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-top: 10px; margin-bottom: 10px; } .digi-heart .digi-content p { color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .hs_error_rollup { display: none; } body { color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 31px; margin: 0; overflow-x: hidden; } .home-slider { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 100.5vh; position: relative; } .home-slider .slider-content { position: absolute; top: 150px; color: #fff; max-width: 215px; padding: 30px 75px; min-height: 100%; background-color: rgba(255, 71, 0, 0.8); } .home-slider .slider-content:before { content: ""; clear: both; display: block; position: absolute; height: 100%; width: 0%; transition: all 300ms linear; right: 0; top: 0; background-color: rgba(255, 71, 0, 0.8); } .home-slider .slider-content.onload-bg:before { transition: all 300ms linear; width: 100%; } .ezest-logo img { width: 70px !important; } .home-slider .slider-content h1 { font-size: 32px; line-height: 44px; font-family: 'BloggerSansLightItalic'; font-weight: normal; font-style: italic; z-index: 1; position: relative; } .home-slider .slider-content h1>span { font-family: 'BloggerSansMediumItalic'; font-weight: normal; font-style: italic; display: block; } .std-width { max-width: 1180px; margin-left: auto !important; margin-right: auto; float: none !important; } .center-width { max-width: 76.6%; margin-left: auto !important; margin-right: auto; float: none !important; } .right-wrap{ max-width: 1130px; position: relative; left: 150px; overflow: hidden; } /* .right-wrap{ max-width: 100%; position: relative; overflow: hidden; }*/ .button_container { position: relative; cursor: pointer; z-index: 100; transition: opacity .25s ease; height: 50px; width: 50px; margin-top: -6px; } .button_container span { background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/menu%20button.svg'); background-size: 15px 2px; background-position: center; background-repeat: no-repeat; border: none; height: 2px; width: 15px; position: absolute; top: 0; left: 0; transition: all .3s ease; cursor: pointer; float: right; margin: 20px; } .button_container span:nth-of-type(2) { top: 5px; left: 3px; } .button_container span:nth-of-type(3) { top: 10px; left: -5px; } .button_container:hover span:nth-of-type(1) { left: 14px; } .button_container:hover span:nth-of-type(2) { left: 7px; } .button_container:hover span:nth-of-type(3) { left: 0; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; visibility: hidden; transition: opacity 1s, visibility 1s, width 1s; z-index: 50; overflow: scroll; } /* .overlay:before { content: ''; background: #151E37; left: -67%; top: 0; width: 67%; height: 100%; position: absolute; transition: left 1s ease; } */ /* .overlay:after { content: ''; background: #ED4700; right: -55%; top: 0; width: 33%; height: 100%; position: absolute; transition: all 1s ease; } */ .overlay.open { opacity: 1; visibility: visible; height: 103%; } .overlay.open:before { left: 0; } .overlay.open:after { right: 0; } .overlay.open .nav-feature li { /* -webkit-animation: fadeInLeft .5s ease forwards; animation: fadeInLeft .5s ease forwards; -webkit-animation-delay: .35s; animation-delay: .35s; */ } .overlay.open .nav-menu li { /* -webkit-animation: fadeInRight .5s ease forwards; animation: fadeInRight .5s ease forwards; -webkit-animation-delay: .35s; animation-delay: .35s; */ } .overlay nav { position: relative; height: 100%; top: 0%; -webkit-transform: translateY(-0%); transform: translateY(-0%); font-weight: 400; z-index: 100; } .overlay ul { list-style: none; padding: 0; margin: 0 auto; position: relative; } .overlay ul li { display: block; position: relative; /* opacity: 0; */ } .overlay ul li a { display: block; color: #FFF; text-decoration: none; } span#hs_cos_wrapper_module_145139695009786494 { display: none; } .cs-anchor .center { position: relative; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; text-align: left; } .cs-anchor .center:after { /*CLEARFIX*/ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .cs-anchor .row { float: left; width: 100%; clear: both; margin: 0; } .cs-anchor .content { padding: 50px 50px; } .cs-anchor .content ul li a{ color: #113040; } .cs-anchor .content ul li a:hover{ color: #ED4700; font-weight: 600; } .cs-anchor .content ul li a:after { content: ''; position: absolute; width: 10px; height: 15px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg); background-size: 0 0; background-position: left bottom; background-repeat: no-repeat; margin-top: -5px; margin-left: 1px; opacity: 0; transition: all .5s linear; } .cs-anchor .content ul li a:hover:after{ height: 15px; opacity: 1; transition: all .5s linear; background-size: 10px 15px; } .cs-anchor .main-content { float: left; margin-left: 0 !important; width: 76.9% !important; } .content { position: relative; min-height: 95vh !important; } .content ul{ padding-left: 0;list-style: none; } .content ul li{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; padding-bottom: 20px; padding-bottom: 25px; padding-top: 5px;} .content .download-btn{ position: absolute; bottom: 50px; } .download-btn a{ color: #ED4700; bottom: 10px; left: 10px; position: absolute; } .download-btn a{ bottom: 10px; left: 10px; position: absolute; } .download-btn{ color: #ED4700; cursor: pointer; font-weight: 400; height: 101px; width: 101px !important; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; border: 1px solid #ED4700; z-index: 9; transition: all .5s; overflow: hidden; outline: none; background: transparent; position: relative; display: inline-block; cursor: pointer; } .download-btn a:before{ position: relative; content: ''; top: -20px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg'); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: block; left: 65px; } .info-right .download-btn a:before { top: -22px; left: 63px; } .info-right .download-btn a { bottom: 0; left: 0; } /* //// Default effect: Slide from Top //// */ .download-btn:after, .download-btn:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-color: rgba(0, 0, 0, 0.1);/* onhover background color */ z-index: -1; transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */ transition: all .5s; } .download-btn:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .download-btn:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .download-btn:after{ transform: translate3D(-100%,100%,0); } .job-role-group button.download-btn.apply-btn span:after{ top: -22px; right: 6px; /* transform: rotate(90deg);*/ } #loadMore button.download-btn.apply-btn span:after { transform: rotate(90deg); top: -42px; right: -43px; } .jobs-profile-content h3{color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 26px; margin-top: 10px; margin-bottom: 0;} .jobs-profile-content p{ color: #909090; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin-top: 10px; margin-bottom: 5px; } .jobs-profile-content p .cm-tag{ border-radius: 13.5px; background-color: #F4F4F4; color: #909090; font-family: "Noto Sans"; font-size: 12px; line-height: 17px; padding: 5px 14px; margin-left: 10px; } a#loadMore { margin-top: 30px; display: block; } .job-role-group{ margin-top: 130px; max-width: 780px; } .job-role-group .open-roles h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 52px; } .jobs-profile button.download-btn.apply-btn { height: 82px; width: 82px !important; position: relative; transition: 1s; opacity: 0; } .jobs-profile:hover button.download-btn.apply-btn{ opacity: 1; transition: 1s; } button.download-btn.apply-btn span { position: absolute; bottom: 10px; left: 10px; font-size: 12px; text-transform: uppercase; } button.download-btn.apply-btn span:after { content: ''; position: absolute; top: -60px; right: -6px; width: 10px; height: 10px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg); background-repeat: no-repeat; background-size: 10px 10px; } .jobs-profile{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* align-items: center; */ /* border: 1px solid #E8E8E8; */ border: 1px solid transparent; margin-bottom: 10px; padding: 10px 15px; transition: 1s; } .jobs-profile:hover{ border: 1px solid #E8E8E8; transition: 1s; } .jobs-profile .jobs-profile-content{ width: 75%; user-select: none; } .jobs-profile .apply-button{ width: 25%; text-align: right; margin-bottom: -5px; } .career-banner-group{ background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/ezestimage.png'); background-size: cover; background-position: center; background-repeat: no-repeat; } .career-banner-group .career-banner{ background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/noise.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; min-height: 757px; background-color: rgba(0, 0, 0, 0.5); } .career-banner-group .career-banner .career-banner-content{ color: #ffffff; max-width: 390px; position: absolute; top: 200px; left: 150px; } .career-banner-group .career-banner .career-banner-content .home-cta span{ position: absolute; bottom: 4px; left: 10px; } .career-banner-group .career-banner .career-banner-content p.home-cta { margin-top: 80px; height: 70px; width: 70px; } .career-banner-group .career-banner .career-banner-content .home-cta span:after { content: ''; position: absolute; top: -40px; left: 32px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/noun_play_778401.svg); background-size: 12px 20px; background-position: center; background-repeat: no-repeat; width: 25px; height: 25px; } .career-banner-group .career-banner .career-banner-content h4{font-family: "Noto Serif"; font-size: 19px; font-weight: bold; line-height: 26px; margin-bottom: 36px;} .career-banner-group .career-banner .career-banner-content h1{font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px;} .career-banner-group .career-banner .career-banner-content p{font-family: "Noto Sans"; font-size: 14px; line-height: 24px; margin-top: -5px;} .career-banner-group .career-banner .career-banner-content p a{ font-style: italic;} .means-grp{ margin-top: 55px; padding: 0 0 90px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 117% 5%; background-size: 37%; } .means-grp .means-inner{ max-width: 680px; display: flex; align-items: center; } .means-grp .means-inner .means-image{ width: 56%; } .means-grp .means-inner .means-image img{ width: 100%; } .means-grp .means-inner .means-content{ width: 38.5%; margin-left: 4%; } .means-grp .means-inner .means-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 12px; line-height: 24px; } .means-grp .means-inner .means-content ul{ list-style: none; padding-left: 20px; } .means-grp .means-inner .means-content ul li{ color: #001546; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 35px; position: relative; } .means-grp .means-inner .means-content ul li:before{ position: absolute; content: ''; width: 10px; height: 10px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg); background-size: 10px; background-position: center; background-repeat: no-repeat; left: -20px; top: 13px; } .des-career-grp{ display: block; position: relative; max-width: 680px; color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; padding-top: 120px; } .our-culture-grp{ max-width: 780px; padding-top: 60px; } .our-culture-grp h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; } .our-culture-img-grp{ margin-top: 30px; } .our-culture-img-grp img{ min-height: 285px; } .our-culture-img-grp-1, .our-culture-img-grp-2, .our-culture-img-grp-3{ display: flex; margin: 20px 0; } .our-culture-img-grp-1 img:first-child{ width: 36%; } .our-culture-img-grp-1 img:last-child{ width: 59%; margin-left: 3%; } .our-culture-img-grp-2 img:first-child{ width: 59%; margin-right: 3%; } .our-culture-img-grp-2 img:last-child{ width: 36%; } .our-culture-img-grp-3 img:first-child{ width: 36%; } .our-culture-img-grp-3 img:last-child{ width: 59%; margin-left: 3%; } /* .testimonial-strip h2{ max-width: 800px; margin-left: auto ; margin-right: auto; float: none ; color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; } .testimo{ width: 100%; display: flex; } .testimo-slider-grp{ background-color: #F4F4F4; padding: 50px 0 100px; } .testimo .author-img{ width: auto; } .testimo .testimo-content{ width: auto; padding: 0 90px 0 25px; } .testimo .testimo-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-style: italic; line-height: 35px; margin-top: 0; font-weight: 500; } .testimo .testimo-content p{ color: #909090; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .testimonial-slider { max-width: 800px; margin-left: auto !important; margin-right: auto; float: none !important; } .testi.owl-carousel .owl-dots { display: inline-flex; position: absolute; bottom: -40px; transition: 1s; } .testi.owl-carousel .owl-dot.active { width: 50px; margin-right: 100px; transition: 1s; } .testi.owl-carousel .owl-dot { cursor: pointer; background: #C7C7C7; width: 35px; height: 2px; z-index: 99 !important; border-radius: 0; margin: 8px; } */ .full-width-strip .testimonial-strip h2{ max-width: 800px; margin-left: auto ; margin-right: auto; float: none ; color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; } .car .full-width-strip .testimonial-strip h2{ margin-left: 0 ; padding-top: 90px; } .full-width-strip .testimo{ width: 100%; display: flex; } .full-width-strip .testimo-slider-grp{ background-color: #F4F4F4; padding: 50px 0 75px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/Dots_ContactUs_image.svg); background-size: 25%; background-position: 100% 64%; background-repeat: no-repeat; } .full-width-strip .testimo .author-img{ width: auto; } .full-width-strip .testimo .testimo-content{ width: auto; padding: 0 90px 0 25px; } .full-width-strip .testimo .testimo-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-style: italic; line-height: 35px; margin-top: 0; font-weight: 500; } .full-width-strip .testimo .testimo-content p{ color: #909090; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .full-width-strip .testimonial-slider { max-width: 800px; margin-left: auto !important; margin-right: auto; float: none !important; } .full-width-strip .testi.owl-carousel .owl-dots { display: inline-flex; position: absolute; bottom: -40px; transition: 1s; } .full-width-strip .testi.owl-carousel .owl-dot.active { width: 40px; } .full-width-strip .testi.owl-carousel .owl-dot { cursor: pointer; width: 25px; height: 40px; z-index: 99 !important; border-radius: 0; margin-right: 5px; position: relative; } .full-width-strip .testi.owl-carousel .owl-dot span{ background: #C7C7C7; position: absolute; top: 50%; display: block; width: 100%; height: 2px; } .full-width-strip .testi.owl-carousel .owl-dot.active span{ transition: 1s; background: #2b2b2b; } .visit-olivz{ border: 1px solid #D2CFCF; max-width: 763px; min-height: 285px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/dots.png'); background-size: 97%; background-repeat: no-repeat; background-position: 42% 62%; position: relative; } .visit-olivz img{ position: absolute; top: 50px; display: block; left: 44%; transform: translate(-50%, 0%); } .visit-olivz .get-cta{ position: absolute; bottom: -5px; right: 10px; height: 92px; width: 92px !important; } .center-width{ max-width: 76.6%; margin-left: auto; margin-right: auto; float: none; } .footer-cta-group{ padding: 140px 0 0; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 5% 5%; background-size: 31%; } .car .footer-cta-group{ margin-top: 140px; } .footer-cta-group .get-cta { margin-top: 30px; } .footer-cta-group .get-cta a:before { top: -20px; left: 62px; } .footer-cta-group .get-cta{ height: 91px; width: 91px !important; } .footer-cta-section{ width: 100%; display: flex; } .footer-cta-section .footer-cta-image { padding-top: 100px; width: 51%; } .footer-cta-section .footer-cta-content { background-color: #343E96; min-height: 564px; width: 49%; color: #FFFFFF; position: relative; } .footer-cta-section .footer-cta-content .footer-cta-content-inner { position: relative; left: 80px; max-width: 380px; top: 65px; } .footer-cta-section .footer-cta-content .get-cta { position: absolute; bottom: 125px; left: 80px; } .olivz .footer-cta-section .footer-cta-content .get-cta{ bottom: 108px; } .car .footer-cta-section .footer-cta-content .get-cta{ bottom: 135px; } .car .footer-cta-section .footer-cta-content .get-cta a { bottom: 9px; left: 10px; } a.ez-read-more:after { position: relative; content: ''; top: -1px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29.svg?t=1542847149163); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: inline-block; left: 4px; } a.ez-read-more { position: relative; } .footer-cta-section .footer-cta-content h2{ font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 0; margin-top: 25px; } .footer-cta-section .footer-cta-content p{ font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .related-insights{ max-width: 980px; margin-left: auto; margin-right: auto; margin-top: 120px; margin-bottom: 140px; } .related-insights h2{color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 10px; } .related-insights-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .related-insights-inner .related-insights-post{ width: 48.79%; margin: 20px 0; border: 1px solid #fff; } .related-insights-inner .related-insights-post img { width: 100%; } .related-insights-inner .related-insights-post:hover{ border: 1px solid #DAD9D9; transition: .5s; } .related-insights-inner .related-insights-post:nth-child(even){ position: relative; top: 140px; margin-left: 2%; } .related-insights-inner .related-insights-post .related-insights-post-content{ padding: 30px; } .related-insights-inner .related-insights-post .related-insights-post-content small{ color: #ED4700; font-family: "Noto Sans"; font-size: 14px; font-style: italic; line-height: 14px; } .related-insights-inner .related-insights-post .related-insights-post-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px;margin-top: 15px; margin-bottom: 15px; } .related-insights-inner .related-insights-post .related-insights-post-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .digi-banner-group{ background-size: cover; background-position: top right; background-repeat: no-repeat; } .digi-banner-group .digi-banner{ position: relative; min-height: 60vh; max-width: 980px; margin: 0 auto; } .digi-com .footer-cta-group{ margin-top: -30px; } .digi-banner-group .digi-banner .digi-banner-content{ color: #ffffff; max-width: 480px; position: relative; padding-top: 175px; padding-bottom: 50px; } .digi-banner-group .digi-banner .digi-banner-content h1{color: #FFFFFF; font-family: "Noto Serif"; font-size: 19px; font-weight: bold; line-height: 26px;} .digi-banner-group .digi-banner .digi-banner-content p{color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; font-weight: 100} .tech-grp-inner{ margin-bottom: 90px; margin-left: auto; margin-right: auto; max-width: 980px; } .tech-grp-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 15px; } .tech-img-group{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tech-img-group .tech-item{ width: 24%; margin: 20px 7px 20px 0; } .cust-in-grp{ margin-top: 120px; margin-bottom: 50px; margin-left: auto; margin-right: auto; max-width: 980px; } .cust-in-grp h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; max-width: 480px; margin-bottom: 20px; } .cust-in-grp .cust-in{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cust-in-grp .cust-in .cust-in-content{ width: 39%; margin-right: 11%; margin-bottom: 20px; } .cust-in-grp .cust-in .cust-in-content h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px; margin: 0; } .cust-in-grp .cust-in .cust-in-content a h4:hover { color: #ED4700; } .cust-in-grp .cust-in .cust-in-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .why-zest-grp{ background-color: #F0F0F0; padding-bottom: 160px; position: relative; } .why-zest-inner{ max-width: 1130px; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 590px; margin-left: auto; position: relative; } .why-zest-inner .why-zest-inner-content{ position: absolute; max-width: 480px; top: 80px; right: 145px; } .why-zest-inner .why-zest-inner-content h2{ margin-top: 0;margin-bottom: 10px; color: #FFFFFF; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px;} .why-zest-inner .why-zest-inner-content p{color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .why-zest-grp .testimonial-strip h2{ max-width: 800px; margin-left: auto ; margin-right: auto; float: none ; color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; } .why-zest-grp .testimo{ max-width: 700px; padding-top: 60px; margin-left: auto; } .why-zest-grp .testimo-inner{ display: flex; } .why-zest-grp .testimo-slider-grp{ background-color: #fff; max-width: 780px; min-height: 350px; position: absolute; bottom: 0; right: 50px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/Dots_ContactUs_image.svg); background-size: 36%; background-position: 106% 37%; background-repeat: no-repeat; } .why-zest-grp .testimo .author-img{ width: 16%; } .why-zest-grp .testimo .testimo-content{ width: 80%; padding: 0 90px 0 25px; } .why-zest-grp .testimo .testimo-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-style: italic; line-height: 35px; margin-top: 0; font-weight: 500; margin-bottom: 10px; } .why-zest-grp .testimo .testimo-content p{ color: #909090; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin: 0; } .why-zest-grp .testimonial-slider { max-width: 800px; margin-left: auto !important; margin-right: auto; float: none !important; } .why-zest-grp .testi.owl-carousel .owl-dots { display: inline-flex; position: absolute; bottom: -40px; transition: 1s; bottom: 42px; max-width: 690px; margin: auto; left: 100px; } .why-zest-grp .testi.owl-carousel .owl-dot.active { width: 40px; transition: 1s; } .why-zest-grp .testi.owl-carousel .owl-dot.active span{ background: #2b2b2b; } .why-zest-grp .testi.owl-carousel .owl-dot { cursor: pointer; width: 25px; height: 20px; z-index: 99 !important; border-radius: 0; margin-right: 5px; position: relative; } .why-zest-grp .testi.owl-carousel .owl-dot span{ background: #C7C7C7; position: absolute; top: 50%; display: block; width: 100%; height: 2px; } .about-banner{ background: #151E37; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Rectangle%20Copy%205.svg); padding: 0; background-size: 100%; background-repeat: no-repeat; background-position: center; } .about-banner .hrt-bg{ min-height: 757px; max-width: 980px; background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative; float: none; margin: 0 auto; } .about-banner .hrt-bg .about-content{ position: absolute; max-width: 290px; color: #fff; top: 195px; } .about-banner .hrt-bg .about-content h4{font-family: "Noto Serif"; font-size: 19px; font-weight: bold; line-height: 26px; margin-bottom: 35px;} .about-banner .hrt-bg .about-content h1{font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px;} .about-banner .hrt-bg .about-content p{font-family: "Noto Sans"; font-size: 14px; line-height: 24px; margin-top: 30px;} .abt-csr{ width: 100%; position: relative; } .abt-csr:before{ content: ''; position: absolute; background-color: #F0F0F0; width: 730px; height: 100%; z-index: 1; padding-top: 100px; right: 0; } .abt-csr .abt-csr-grp{ z-index: 1; position: relative; padding-top: 95px; display: flex; max-width: 900px; margin-top: 130px; } .abt-csr .abt-csr-grp .abt-csr-image{ width: 59%; padding-top: 110px;} .abt-csr .abt-csr-grp .abt-csr-content{ margin-left: 20px; width: 48%; } .abt-csr .abt-csr-grp .abt-csr-content h2{ margin-bottom: 17px; color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px;} .abt-csr .abt-csr-grp .abt-csr-content h4{ margin-top: 10px;color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px;} .abt-csr .abt-csr-grp .abt-csr-content p{color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .abt-csr .abt-csr-img-cta-grp{ z-index: 1; position: relative; max-width: 700px; display: flex; padding-bottom: 35px; } .abt-csr .abt-csr-img-cta-grp .abt-csr-img-cta-image-1{ width: 42.8%; margin-top: -70px; margin-right: 1%; } .abt-csr .abt-csr-img-cta-grp .abt-csr-img-cta-image-2{ width: 38.5%; margin: 20px 2% 0 2%; } .abt-csr .abt-csr-img-cta-grp .abt-csr-img-cta-btn{ width: 11%; margin: 20px 1% 0 1%; } .abt-csr .abt-csr-img-cta-grp .abt-csr-img-cta-btn .get-cta{ margin-top: 0; height: 87px; width: 87px !important; } .awards-ship{ padding: 145px 0 0; margin-top: 50px; } .awards-ship-EZ{ padding: 0px 0 0; } .awards-ship-EZ2{ padding: 26px 0 0; } .awards-ship .awards-ship-inner{ max-width: 880px; float: none; } .awards-ship .awards-ship-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 7px; } .awards-group{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .awards-group .awards-item{ width: 31.3%; margin: 20px 0 40px 3%; transition: transform .5s; } .awards-group .awards-item:nth-child(1), .awards-group .awards-item:nth-child(4), .awards-group .awards-item:nth-child(7), .awards-group .awards-item:nth-child(10) { margin-left: 0; } .awards-group .awards-item .awards-item-image{ padding: 42px 75px; background-color: #F1F1F1; text-align: center; } .awards-group .awards-item .awards-item-image img { width: auto; height: 70px; } .awards-group-EZ .awards-item .awards-item-image{ padding: 0px 0; background: none; text-align:center; } .awards-group-EZ .awards-item .awards-item-image img { width: auto; height: 114px; } .awards-group .awards-item .leader-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin-top: 22px; } .awards-group-EZ .awards-item .leader-content p{ text-align:center; font-size: 16px !important; font-weight: bold !important; } .clients-ship{ padding: 65px 0 0; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 117% 5%; background-size: 31%; } .clients-ship .clients-ship-inner{ max-width: 780px; } .clients-ship .clients-ship-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 10px; } .clients-group{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .clients-group .clients-item{ width: 19.1%; margin: 15px 20px 5px 0; border: 1px solid #D8D8D8; padding: 30px 12px; text-align: center; } .clients-group .clients-item img{ width: auto; height: auto; } .clients-group .clients-item .clients-content{ padding: 10px; } .core-value-group{ padding-top: 200px; max-width: 880px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/dotts.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; } .core-value-inner{ display: flex; width: 100%; } .core-value-inner .core-value-image{ width: 46%; } .core-value-inner .core-value-content{ width: 43.4%; margin-left: 10.6%; padding-top: 120px; } .core-value-inner .core-value-content .get-cta{ margin-top: 22px ; height: 87px; width: 87px !important; } .core-value-inner .core-value-content .get-cta a:before{ left: 58px; top: -14px; } .core-value-content .get-cta a, .abt-csr-img-cta-btn .get-cta a{ bottom: -5px; left: 0; } .core-value-inner .core-value-content h2{color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: -2px;} .core-value-inner .core-value-content p{color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .abt-count{ max-width: 775px; padding: 110px 0 0; color: #7D7D7D; font-family: "Noto Serif"; font-size: 32px; font-weight: bold; line-height: 43px; } .abt-count-EZ{ padding: 0px 0 0;} .abt-count .abt-count-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .abt-count .abt-count-content .inner-count-content{ width: 24%; margin: 20px 5px 20px 0; transition: transform .5s; } .abt-count .abt-count-content .count-description{ padding-top: 45px; color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; font-weight: 300; } .abt-count-EZ .abt-count-content .count-description{ padding-top: 0px; margin-top: 35px !important; font-size: 14px !important; } .leader-ship{ background-color: #F0F0F0; padding: 80px 0; margin-top: 80px; } .leader-ship-EZ{ background-color: #fff; } .leader-ship .leader-ship-inner{ max-width: 800px; margin-left: auto; margin-right: auto; float: none; } .leader-ship-EZ .leader-ship-inner { margin-left: 0; } .leader-ship .leader-ship-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 10px; } .leader-group{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .leader-group .leader-item{ width: 22.4%; margin: 20px 20px 20px 0; transition: transform .5s; /* border: 1px solid transparent; */ } .leader-group .leader-item img{ width: 100% } .leader-group .leader-item .leader-content{ padding: 10px; border: 1px solid transparent; border-top: 0; } .leader-group .leader-item .leader-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin-top: 3px; font-weight: 300; margin-bottom: 0; } .leader-group .leader-item .leader-content p{ color: #A7A7A7; font-family: "Noto Sans"; font-size: 12px; line-height: 17px; } .leader-group .leader-item:hover .leader-content p{ color: #1C1C1C; } .leader-group .leader-item:hover .leader-content{ background: #fff; transition: .5s; border: 1px solid #E4E4E4; border-top: 0; } .vision-misson{ padding: 35px 0 100px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 92% 50%; background-size: 35%; } .vision-misson .vision-misson-group-outer{ max-width: 785px; } .vision-misson .vision-misson-group{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .vision-misson .vision-misson-group .v-m-content h2{color: #1C1C1C; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-top: 0; margin-bottom: 15px;} .vision-misson .vision-misson-group .v-m-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .vision-misson .vision-misson-group .v-m-content{ width: 38.5%; margin: 20px 0 20px 0; transition: transform .5s; padding: 30px 40px 20px; background-color: #F9F9F9; } .vision-misson .vision-misson-group .v-m-content:nth-child(even){ top: 60px; position: relative; margin-left: 2.4%; } .office-card-grp{ background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 122% 100%; background-size: 31%; } .office-card-grp .office-card-inner{ max-width: 980px; margin: 90px auto 70px; } .office-card-grp .office-card-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 60px; } .office-card-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .office-card-item .office-overlay{ position: absolute; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.5); } .office-card-item .office-content{ position: absolute; z-index: 3; bottom: 27px; left: 35px; color: #FFFFFF; right: 35px; } .office-card-item .office-content h5{margin: 0;color: #FFFFFF; font-family: "Noto Sans"; font-size: 12px; line-height: 10px; font-weight: 500; text-transform: uppercase;} .office-card-item .office-content h2{margin: 0;color: #FFFFFF; font-family: "Noto Serif"; font-size: 25px; line-height: 38px; margin-bottom: 19px;} .office-card-item .office-content h2 span{font-weight: 100; font-size: 20px;} .office-card-item .office-content p{color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .office-card-item .office-content .last-call{ margin-top: 50px;} .office-card-item .office-card{ width: 49%; margin-bottom: 30px; transition: transform .5s; min-height: 575px; background-repeat: no-repeat; background-position: center; background-size: cover; } .form-left .form-with-slider-labels .hs-form .hs-input { margin-bottom: 30px; } .office-card-item .office-card:nth-child(even){ margin-left: 2%; position: relative; top: 75px; } .form-header{ width: 100%; display: flex; } .form-header .form-left form{ margin-top: 45px; } .form-header .form-left{ width: 56%; padding: 50px 100px 50px 150px; position: relative; display: block; } .form-left .submitted-message { /* margin-top: -86px; */ background: #ffffff; /* z-index: 2; */ position: absolute; top: 80px; max-width: 470px; } .form-left .submitted-message img { width: 115px; } .form-left .submitted-message h2 { color: #001546; font-family: "Noto Serif"; font-size: 34px; font-weight: bold; line-height: 46px; } .form-left .submitted-message p { font-family: "Noto Sans"; font-size: 19px; line-height: 31px; margin-top: 0; margin-bottom: 30px; } .form-header .form-left h1{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; } .form-header .info-right{ background-color: #F0F0F0; width: 44%; padding: 80px 50px 90px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/Dots_ContactUs_image.svg); background-size: 50%; background-repeat: no-repeat; background-position: 100% 110%; } .form-header .info-right p{ font-family: "Noto Sans"; font-size: 19px; line-height: 31px; margin-top: 0; } .form-header .info-right .info-right-content{ max-width: 210px; margin-top: 82px; } .form-header .info-right h3{ color: #1C1C1C; font-family: "Noto Serif"; font-size: 26px; font-weight: bold; line-height: 39px; margin-bottom: 33px; } .form-header .info-right h5{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; font-weight: 300; } .featured-header-grp{ margin: 150px auto 30px; max-width: 980px;} .featured-header{max-width: 480px;} .featured-header h1{color: #001546; font-family: "Noto Serif"; font-size: 19px; font-weight: bold; line-height: 26px; margin-bottom: 0;} .featured-header p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .blog-section{ margin: 0 auto 140px; max-width: 100%; } .blog-section.csr{ max-width: 980px; margin-top: 95px; } .post-listing{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 980px; margin: 0 auto 100px; } .post-listing .body-post:nth-child(even) { top: 100px; position: relative; margin-left: 2%; } .post-listing .body-post{ width: 47.7%; margin: 0 0% 40px 0; transition: transform .4s; border: 1px solid #fff; } .post-listing .body-post:hover{ border: 1px solid #DAD9D9; transition: transform .4s; } .post-listing .body-post .blog-feature-image{ width: 100%; height: 266px; background: #ccc; background-size: cover; background-repeat: no-repeat; background-position: center; } .blog-inner-body { padding: 20px 30px; } .blog-inner-body h2 a{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px; } .blog-inner-body p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .blog-inner-body h2 { margin: 0; margin-bottom: 5px; } .summary,.summary strong,.summary p,.summary span, .summary div,.summary h1,.summary h2,.summary h3,.summary h5,.summary h5,.summary h6 { color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; font-weight: 300; } .social-blog.mobile-hide{position:absolute; margin-left: -150px;} .social-list ul { padding-left: 0; margin: 0;} .social-blog.mobile-hide ul li{font-size: 24px;list-style:none; margin-bottom: 25px;} .social-blog.mobile-hide ul li a{ color:#ED4700; transition: .5s;} .social-blog.mobile-hide ul li a:hover{ color:#b73400;transition: .5s; } .social-blog.desk-hide{display: none;} .social-blog.mobile-hide{display: block;} .social-blog.mobile-hide ul li:last-child { margin-bottom: 0; } .related-title a { color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px; } .related-post-content { padding: 30px; } .related-post-content .related-title { color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px; } .related-post-content p{color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .related-post-content .bio-author, .related-post-content .bio-author a{color: #A7A7A7; font-family: "Noto Sans"; font-size: 12px; line-height: 24px; padding-right: 20px; margin-top: -5px; display: block;} .related-post-content small{color: #A7A7A7; font-family: "Noto Sans"; font-size: 12px; line-height: 24px; padding-left: 30px;} .similar-blog{ max-width: 980px; margin: 0 auto; } .similar-blog h3{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 10px; } .similar-blog-group{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .similar-blog-group .related-post-item{ width: 48.8%; margin: 20px 0 20px 0; border: 1px solid #fff; transition: .4s; } .similar-blog-group .related-post-item:hover{ border: 1px solid #DAD9D9; transition: .4s; } .similar-blog-group .related-post-item:nth-child(even){ position: relative; top: 140px; margin-left: 19px; } .similar-blog-group .related-post-item a img { width: 100%; } .related-insights-inner .related-insights-post .related-insights-post-content{ padding: 30px; } .hs-blog-post .featured-header-grp{ display: none; } .credits { margin: 20px auto; text-align: center; } #beforeafter { width: 100%; position: relative; min-height: 600px; } /* Plugin CSS */ .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 30px; width: 30px; position: absolute; left: 50%; bottom: -81px; margin-left: -22px; margin-top: -22px; background: #ED4700; border-radius: 50%; z-index: 40; } .section.post-body { max-width: 780px; margin: 107px auto 90px; color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 22px; } p#hubspot-topic_data span.topic-link{ padding: 6px 10px; background-color: rgba(255,255,255,0.4); display: inline-block; margin-bottom: 6px; color: #000000; font-family: "Noto Sans"; font-size: 12px; line-height: 17px; border-radius: 14px; margin-right: 15px; } .post-header-content-background { background-color: rgba(0,0,0,.7); min-height: 667px; width: 100%; position: relative; } .post-header-content{ position: relative; left: 150px; top: 285px; max-width: 700px; } .post-header-content h1{ color: #FFFFFF; font-family: "Noto Serif"; font-size: 32px; font-weight: bold; line-height: 43px; margin-bottom: 10px; } div#hubspot-author_data { color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; padding: 10px 0 30px; } div#hubspot-author_data a{ color: #FFFFFF; padding-right: 20px; } .section.post-header { background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: -14px; margin-top: -21px; } .hs-blog-post .post-hide,.hs-blog-listing .listing-hide{ display: none; } .blog-heading{ padding-top: 100px; } .blog-heading h1{ color: #001546; font-family: "Noto Serif"; font-size: 19px; font-weight: bold; line-height: 26px;} .blog-heading p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .cm-blog-topic-filter .cm-blog-listing-wrapper{ width: 70%; } .cm-blog-topic-filter .cm-blog-topic-filter-wrapper{ width: 100%; position: relative; display: block; } .cm-blog-listing-inner-wrapper ul{ display: table; list-style: none; position: relative; display: block; padding-left: 0; } .cm-blog-listing-inner-wrapper ul li{ display: inline-table; width: 18%; } .widget-module{ height: 300px; overflow: scroll; position: relative; display: block; } .widget-module ul{ width: 100%; padding-left: 0; display: table; list-style: none; position: relative; } .widget-module ul li{ display: inline-table; width: 25%; } .jd-inner-form .hs_submit, .form-left .hs_submit, .cs-inner-form .hs_submit{ color: #FFFFFF; cursor: pointer; font-weight: 400; height: 83px; width: 83px; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; border: 1px solid #ED4700; z-index: 9; transition: all .5s; overflow: hidden; outline: none; position: relative; display: inline-block; cursor: pointer; background: #ED4700; } .form-left .hs_submit{ margin-top: -15px; } .jd-inner-form .hs_submit .actions, .form-left .hs_submit .actions, .fcs-inner-form .hs_submit .actions{ position: absolute; bottom: 10px; left: 10px; border: none; padding: 0; background: transparent; color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .jd-inner-form .hs_submit .actions .hs-button, .form-left .hs_submit .actions .hs-button, .cs-inner-form .hs_submit .actions .hs-button{ height: 145px; width: 100px; position: relative; left: -10px; bottom: -67px; background: transparent; border: none; color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; text-align: left; text-transform: uppercase; cursor: pointer; } .jd-inner-form .hs_submit .actions:after, .form-left .hs_submit .actions:after, .cs-inner-form .hs_submit .actions:after{ content: ''; position: absolute; background-image: url('https://cdn2.hubspot.net/hubfs/744339/Send_CU_icon.svg'); background-repeat: no-repeat; width: 10px; height: 15px; right: 33px; bottom: 50px; } .jd-inner-form .hs_submit:before,.jd-inner-form .hs_submit:after, .form-left .hs_submit:before, .form-left .hs_submit:after, .cs-inner-form .hs_submit:before, .cs-inner-form .hs_submit:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #b73400; z-index: -1; transform: translate3D(0,-100%,0); transition: all .5s; } .jd-inner-form .hs_submit:before, .form-left .hs_submit:before, .cs-inner-form .hs_submit:before{ background: transparent; z-index: -2; transform: translate3D(0,0,0); } .jd-inner-form .hs_submit:hover:after, .form-left .hs_submit:hover:after, .cs-inner-form .hs_submit:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .jd-inner-form .hs_submit:after, .form-left .hs_submit:after, .cs-inner-form .hs_submit:after{ transform: translate3D(-100%,100%,0); } .cs-inner-form .hs_submit .actions .hs-button{ left: 0; bottom: 10px; } .cs-inner-form .hs_submit .actions:after{ right: 8px; bottom: 60px; } .download-btn-grp{ padding: 20px 0 20px 180px; } .jd-block{ background-color: #F9F9F9; max-width: 470px; padding: 20px 0 20px 180px; color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; line-height: 24px; margin-top: 55px; } .jd-form-group{ max-width: 1130px; margin-left: auto; } .jd-form-group .jd-form-section{ max-width: 1130px; display: table; } .jd-form-group .jd-form-section .jd-left-content{ /* max-width: 580px; */ width: 580px; padding-top: 60px; display: table-cell; } .jd-form-group .jd-form-section .jd-right-form{ background-color: #F0F0F0; width: 550px; display: inline-table; background-image: url(https://cdn2.hubspot.net/hubfs/744339/Dots_ContactUs_image.svg); background-size: 55%; background-position: 120% 170%; background-repeat: no-repeat; } .jd-left-content .jd-left-inner-content { max-width: 480px; } .jd-form-group .jd-form-section .jd-right-form .jd-inner-form{ max-width: 352px; padding: 40px 50px; } .jd-left-content h1{color: #1C1C1C; font-family: "Noto Serif"; font-size: 26px; font-weight: bold; line-height: 39px; margin-bottom: 0;} .jd-left-content span{color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px;} .jd-left-content .jd-tag{color: #909090; font-family: "Noto Sans"; font-size: 12px; line-height: 17px; border-radius: 13.5px; background-color: #F4F4F4; padding: 5px 14px;} .jd-left-content p{color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; line-height: 31px;} .jd-left-content h5{color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px; margin-bottom: 0; margin-top: 65px;} .jd-left-content ul li{color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; margin-bottom: 28px; position: relative;} .jd-left-content ul li:before{ content: ''; background: #1c1c1c; width: 3px; height: 3px; border-radius: 50%; position: absolute; top: 10px; left: -24px; } .jd-left-content ul { padding-left: 27px; max-width: 450px; list-style: none; } .jd-inner-form .hs-form input[type="text"], .jd-inner-form .hs-form input[type="email"], .jd-inner-form .hs-form input[type="tel"], .jd-inner-form .hs-form textarea, .jd-inner-form .hs-form select{ background: transparent; color: #1C1C1C; font-family: "Noto Sans"; font-size: 16px; line-height: 22px; } .jd-inner-form .submitted-message h2{color: #001546; font-family: "Noto Serif"; font-size: 34px; font-weight: bold; line-height: 46px;} .jd-inner-form .submitted-message p{color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; line-height: 31px;} .jd-inner-form .hs-form .hs-form-field>label { color: #909090; } .download-btn-grp .download-btn a:before { top: -26px; left: 0; transform: rotate(180deg); } .download-btn-grp{ margin-bottom: 110px; } /* --------- */ /* Default Form Styling */ .hs-form select { border-radius: 0 !important; -webkit-appearance: none; -moz-appearance: none; } .form-with-slider-labels .hs-form input[type="file"]{ border-bottom: 0;padding: 18px 3px; font-size: 10px; opacity: 0; } .form-with-slider-labels .hs_attach_cv{ margin-top: 30px !important; } .form-with-slider-labels .hs-form .hs_attach_cv.hs-attach_cv.hs-fieldtype-file.field.hs-form-field label .attached{ color: #ED4700; ; } .form-with-slider-labels .hs-form .hs_attach_cv.hs-attach_cv.hs-fieldtype-file.field.hs-form-field label{ position: relative; left: 10px; top: 10px; font-size: 16px; } .form-with-slider-labels .hs-form .hs_attach_cv.hs-attach_cv.hs-fieldtype-file.field.hs-form-field.has-focus > label { animation-name: none; animation-duration: 0; animation-iteration-count: 0; top: 10px; font-size: 16px; } .form-with-slider-labels .hs-form .hs_attach_cv.hs-attach_cv.hs-fieldtype-file.field.hs-form-field.not-focused > label { animation-name: none; animation-duration: 0; animation-iteration-count: 0; top: 10px; } .form-with-slider-labels .hs-form .hs_attach_cv.hs-attach_cv.hs-fieldtype-file.field.hs-form-field.has-value > label { top: 10px; } .jd-inner-form .hs-form select { background-image: url(https://cdn2.hubspot.net/hubfs/744339/Close_filter%20button.svg); background-repeat: no-repeat; background-position: 96% 75%; background-size: 4%; } .jd-inner-form span.hs-form-required { display: none; } .jd-inner-form label { color: #909090; font-family: "Noto Sans"; font-size: 16px; line-height: 22px; margin-bottom: 0; } /* Styling for Form with Slider Labels */ .form-with-slider-labels .hs-form .hs-form-field { margin: 15px 0; position: relative; } .form-with-slider-labels .hs-form .hs-form-field label { position: absolute; left: 10px; top: 13px; color: #999; font-size: 16px; padding: 3px 3px 0; } .form-with-slider-labels .hs-form .hs-form-field.has-focus > label { animation-name: label-slide-up; animation-duration: 0.35s; animation-iteration-count: 1; top: -14px; color: #909090; font-family: "Noto Sans"; font-size: 12px; line-height: 17px; } .form-with-slider-labels .hs-form .hs-form-field.not-focused > label { animation-name: label-slide-down; animation-duration: 0.35s; animation-iteration-count: 1; top: 10px; } .form-with-slider-labels .hs-form .hs-form-field.has-value > label { top: -14px; } ul.hs-error-msgs.inputs-list { padding-left: 0; list-style: none; } .hs-form .hs-form-field .hs-error-msgs li label { top: 50px; left: 0; position: absolute; color: red; font-size: 12px; font-style: italic; padding: 0; line-height: 0; } .form-with-slider-labels .hs-form .hs-input { margin-bottom: 0; } @keyframes label-slide-up { 0% { top: 25px; } 100% { top: -14px; } } @keyframes label-slide-down { 0% { top: -14px; } 100% { top: 25px; } } .ol-repeat-grp{ max-width: 980px; margin-left: auto; margin-right: auto; margin-top: 80px; margin-bottom: 80px; } .ol-repeat-inner { clear: both; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; transition: .5s; margin: 0 0 70px; } .ol-repeat-inner:nth-child(odd) { overflow: hidden; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ol-repeat-grp center img{ width: 88%; } .ol-grp{ max-width: 980px; margin-left: auto; margin-right: auto; margin-top: 120px; margin-bottom: 20px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/dots%20%281%29.png'); background-size: 70%; background-position: 67% 0%; background-repeat: no-repeat; } .ol-grp .ol-inner{ max-width: 480px; } .ol-grp .ol-inner h1{ color: #151E37; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; } .ol-grp .ol-inner div{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .ol-repeat-inner-content h2{ margin-bottom: 0; color: #151E37; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px;} .ol-repeat-inner-content h5{ margin-bottom: 20px; margin-top: 0; font-weight: 500; color: #001546; font-family: "Noto Serif"; font-size: 20px; font-style: italic; line-height: 27px;} .ol-repeat-inner-content p{color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px;} .ol-repeat-inner .ol-repeat-inner-image { max-width: 500px;text-align: center; } .ol-repeat-inner .ol-repeat-inner-image img{ max-width: 90%; } .ol-repeat-inner .ol-repeat-inner-content { max-width: 480px; } .work-page .sidebar-navigation-section .sidebar-navigation { padding: 0 50px 0; } .career-sidebar-navigation-section .sidebar-navigation-section{ max-width: 1030px; margin-left: auto; } /* .career-sidebar-navigation-section .sidebar-navigation-section .sidebar-navigation { position: absolute; max-width: 250px; margin-left: -250px; width: 250px !important; height: 100vh; } */ .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges{ background-color: #F0F0F0; position: relative; } .sidebar-navigation a#cta_button_744339_6b0a58c6-1ce9-4086-ba90-6d4f82120fcc { width: 81px; height: 68px; padding: 36px 10px 0; } .sub_s .download-btn a { bottom: 0; left: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges{ margin: 0 auto; max-width: 830px; padding: 100px 15px 180px; display: flex; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .solution-group{ margin-top: 40px; padding-top: 50px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .approach{ padding: 120px 0 0; margin-top: 20px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges { padding: 92px 15px 180px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right .key-points h4{ margin-bottom: -3px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right .key-points p{ margin-bottom: 35px; } .work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges { padding: 92px 15px 100px !important; } .work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .approach .approach-right { max-width: 580px !important; padding-top: 0 !important; margin-left: auto !important; } .work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .result-group{ padding: 110px 0 0 !important; margin: 20px 0 0 !important; } .work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section { margin-bottom: 25px !important; max-width: 423px !important; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points h4{ margin-top: 15px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content{ margin-bottom: 60px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .result-group{ padding: 100px 0 0; margin: 0; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section p{ margin-top: 20px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section{ margin-bottom: 75px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section .result-group-text-section h4{ margin-top: 20px; } .work-cs .related-insights{ margin-top: 110px; } .work-cs .full-width-strip { padding-top: 100px; } .work-cs .footer-cta-section .footer-cta-content .get-cta{ bottom: 125px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .sidebar-navigation button.popUp-toggle{ height: 113px; width: 113px !important; bottom: 0; position: absolute; } .work-cs .download-btn a:before{ top: -20px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/downloadicon%20%281%29.svg); background-size: 25px 20px; width: 20px; height: 45px; left: 75px; } .work-cs .sidebar-navigation-section .sidebar-navigation{ min-height: 65vh; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-left{ width: 50%; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-left .key-challenges-left-content{ max-width: 275px; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-left .key-challenges-left-content h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-left .key-challenges-left-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right{ width: 50%; padding-top: 20px; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right .key-points h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px;margin-bottom: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right .key-points p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right .key-points{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .career-sidebar-navigation-section .sidebar-navigation-section .approach{ max-width: 890px; padding: 140px 0 120px; display: flex; flex-direction: row-reverse; } .career-sidebar-navigation-section .sidebar-navigation-section .approach-bg{ background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg); background-repeat: no-repeat; background-position: 108% 100%; background-size: 28%; } .career-sidebar-navigation-section .sidebar-navigation-section .approach .approach-left{ max-width: 600px; padding-right: 40px; } .career-sidebar-navigation-section .sidebar-navigation-section .approach .approach-right{ max-width: 290px; padding-top: 60px; } .career-sidebar-navigation-section .sidebar-navigation-section .approach .approach-right h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .approach .approach-right p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group { max-width: 880px; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content{ width: 100%; margin-bottom: 70px; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points{ width: 42%; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points:nth-child(odd) { margin-right: 16%; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px; margin-bottom: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group{ max-width: 880px; margin: 150px 0; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section { max-width: 480px; margin-left: auto; margin-bottom: 70px } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section { max-width: 480px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-bottom: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section { clear: both; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; /* align-items: center; */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; transition: .5s; width: 100%; margin-bottom: 50px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section:nth-child(odd){ -ms-flex-direction: row; flex-direction: row; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section .result-group-image-section{ max-width: 480px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section .result-group-text-section{ max-width: 380px; padding-right: 20px; padding-top: 30px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section .result-group-text-section h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px; margin-bottom: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section .result-group-text-section p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section:nth-child(odd) .result-group-text-section{ max-width: 380px; padding-left: 20px; padding-right: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .navigation{ padding-left: 0; list-style: none; margin-top: 3px; } .career-sidebar-navigation-section .sidebar-navigation-section .sidebar-navigation button.popUp-toggle { position: absolute; bottom: 50px; left: 50px; } .career-sidebar-navigation-section .sidebar-navigation-section .navigation__link{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin-bottom: 25px; display: block; } .career-sidebar-navigation-section .sidebar-navigation-section .navigation__link:hover, .career-sidebar-navigation-section .sidebar-navigation-section .navigation__link.active{ color: #ED4700; font-weight: 600; } .career-sidebar-navigation-section .sidebar-navigation-section .navigation__link:after { content: ''; position: absolute; width: 10px; height: 15px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg'); background-size: 0 0; background-position: left bottom; background-repeat: no-repeat; margin-top: -5px; margin-left: 1px; opacity: 0; transition: all .5s linear; } .career-sidebar-navigation-section .sidebar-navigation-section .navigation__link:hover:after, .career-sidebar-navigation-section .sidebar-navigation-section .navigation__link.active:after{ height: 15px; opacity: 1; transition: all .5s linear; background-size: 7px 10px; } .about-sidebar-navigation-section .sidebar-navigation-section{ max-width: 1030px; margin-left: auto; } .about-sidebar-navigation-section .sidebar-navigation-section .navigation{ padding-left: 0; list-style: none; } .about-sidebar-navigation-section .sidebar-navigation-section .navigation__link{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin-bottom: 25px; display: block; } .about-sidebar-navigation-section .sidebar-navigation-section .navigation__link:hover, .about-sidebar-navigation-section .sidebar-navigation-section .navigation__link.active{ color: #ED4700; -webkit-text-stroke: .5px; } .about-sidebar-navigation-section .sidebar-navigation-section .navigation__link:after { content: ''; position: absolute; width: 10px; height: 15px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg'); background-size: 0 0; background-position: left bottom; background-repeat: no-repeat; margin-top: -5px; margin-left: 1px; opacity: 0; transition: all .5s linear; } .about-sidebar-navigation-section .sidebar-navigation-section .navigation__link:hover:after, .about-sidebar-navigation-section .sidebar-navigation-section .navigation__link.active:after{ height: 15px; opacity: 1; transition: all .5s linear; background-size: 7px 10px; } .cs-inner-form .submitted-message { position: relative; margin-top: -100px; text-align: center; background: #fff; padding: 100px 0; } .cs-inner-form .submitted-message .cs-inner-message{margin: auto; max-width: 350px;} /* 1. Ensure this sits above everything when visible */ .work-cs .popUp-body .form-with-slider-labels .hs-form .hs-input { margin-bottom: 10px; } .popUp-body { margin: 50px auto; max-width: 415px; } .popUp-body h2{ color: #001546; font-family: "Noto Serif"; font-size: 26px; font-weight: bold; line-height: 36px; margin: 0; } .popUp-body p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin-top: 10px; } .work-cs .popUp-body .cs-inner-form .hs_submit{ margin-top: 35px; } .popUp { position: absolute; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; } ul.hs-error-msgs.inputs-list { padding: 0; margin: 0; list-style: none; margin-top: 0; } .hs-form .hs-form-field .hs-error-msgs li:nth-child(2) label { margin-top: 20px; display: block; } .footer-group-inner ul.hs-error-msgs.inputs-list{ margin-top: 0; position: relative; } .footer-group-inner ul.hs-error-msgs.inputs-list label { top: 8px; } .popUp.is-visible { visibility: visible; } .car form fieldset { max-width: 100%; } .car .popUp-wrapper{ max-width: 980px; top: 50%; left: 50%; } .car .popUp-body { max-width: 780px; } .no-job-form form select{ background: content-box !important; color: #1C1C1C; font-family: "Noto Sans"; font-size: 16px; line-height: 22px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/Close_filter%20button.svg) !important; background-repeat: no-repeat !important; background-position: 96% 65% !important; background-size: 4% !important; } .no-job-form .hs-form .hs-form-field .hs-error-msgs li label { top: 44px !important; } .no-job-form .form-with-slider-labels .hs-form .hs-form-field { margin: 23px 0; } .no-job-form .hs-form input[type="file"]{ display: none; } .no-job-form form{ margin-top: 50px; } .no-job-form .widget-type-form .hs-form fieldset .hs-input{ color: #909090; } .no-job-form .popUp-body p{ max-width: 580px; } .no-job-form .hs-form input[type="text"], .no-job-form .hs-form input[type="number"], .no-job-form .hs-form input[type="email"], .no-job-form .hs-form input[type="tel"], .no-job-form .hs-form input[type="file"], .no-job-form .hs-form select{ padding: 6px 13px; background: transparent; } .no-job-form .form-with-slider-labels .hs-form .hs-form-field.has-focus > label { top: -24px; } .no-job-form .form-with-slider-labels .hs-form .hs-form-field label{ top: 0; } .no-job-form .form-with-slider-labels .hs-form .hs_attach_cv.hs-attach_cv.hs-fieldtype-file.field.hs-form-field label > span { color: #ED4700; font-family: "Noto Sans"; font-size: 16px; line-height: 22px; } .no-job-form .form-with-slider-labels .hs-form .hs_attach_cv.hs-attach_cv.hs-fieldtype-file.field.hs-form-field label > span > span { color: #909090; font-family: "Noto Sans"; font-size: 14px; font-style: italic; line-height: 19px; } .no-job-form .cs-inner-form .hs_submit{ margin-top: 60px; } .hs-form-required{ display: none; } .before-after{ margin-top: 20px; } .left-before{ display: inline-block; float: left; color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .right-after{ display: inline-block; float: right; color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .cd-image-container { position: relative; width: 100%; margin: 0 auto 62px; } .cd-image-container img { display: block; } .cd-resize-img { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; } .cd-resize-img .cd-image-label { right: auto; left: 0; } .is-visible .cd-resize-img { width: 50%; /* bounce in animation of the modified image */ -webkit-animation: cd-bounce-in 0.7s; -moz-animation: cd-bounce-in 0.7s; animation: cd-bounce-in 0.7s; } @-webkit-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @-moz-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } .cd-handle { position: absolute; height: 28px; width: 28px; /* center the element */ left: 50%; bottom: -75px; margin-left: -14px; margin-top: 0; border-radius: 50%; background: #ed4700; cursor: col-resize; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } .cd-handle.draggable { /* change background color when element is active */ background-color: #b73400; } .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s; } .cs-download-btn{ position: absolute; bottom: 50px; } .cs-download-btn a{ color: #ED4700; bottom: 10px; left: 10px; position: absolute; } .cs-download-btn a{ bottom: 10px; left: 10px; position: absolute; } .cs-download-btn{ color: #ED4700; cursor: pointer; font-weight: 400; height: 101px; width: 101px !important; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; border: 1px solid #ED4700; z-index: 9; transition: all .5s; overflow: hidden; outline: none; background: transparent; position: relative; display: inline-block; cursor: pointer; } .cs-download-btn a:before{ position: relative; content: ''; top: -20px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1-1.svg'); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: block; left: 65px; } /* //// Default effect: Slide from Top //// */ .cs-download-btn:after, .cs-download-btn:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background-color: rgba(0, 0, 0, 0.2); /* onhover background color */ z-index: -1; transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */ transition: all .5s; } .cs-download-btn:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .cs-download-btn:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .hs-blog-post .blog-type{ display: none; } .cs-download-btn:after{ transform: translate3D(-100%,100%,0); } .img-animate .mob-hide.heart .color-box{ width: 400px; height: 0; background-color: rgba(237, 71, 0, 0.95); position: absolute; } .active.fp-completely .img-animate .mob-hide.heart .color-box{ height: 120px; } .ez-partner-group{ max-width: 1130px; margin-left: auto; padding-top: 120px; margin-bottom: 50px; } .ez-partner-group .ez-partner-inner{ display: flex; align-items: flex-end; } .ez-partner-group .ez-partner-inner .ez-partner-content{ max-width: 300px; width: 100%; } .ez-partner-group .ez-partner-inner .ez-partner-content p{ color: #6B6B6B; font-family: "Noto Sans"; font-size: 14px; font-style: italic; line-height: 24px; } .ez-partner-group .ez-partner-inner .ez-partner-content h2{ color: #A7A7A7; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin: 0; } .ez-partner-group .ez-partner-inner .ez-partner-images{ max-width: 830px; width: 100%; background-color: #F0F0F0; padding: 30px 0; } .ez-partner-group .ez-partner-inner .ez-partner-images .ez-partner-image-grp { max-width: 630px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ez-partner-group .ez-partner-inner .ez-partner-images .ez-partner-image-grp img { width: 30%; height: 100%; margin-right: 3%; } .ez-smart-me-section{ max-width: 1130px; margin-left: auto; background: #F0F0F0; margin-bottom: 100px; } .ez-smart-me-section .ez-smart-me{ background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_SmarterMe.svg'); background-repeat: no-repeat; background-position: 10% 50%; background-size: 33%; display: flex; height: 100vh; } .ez-smart-me-section .ez-smart-me .ez-smart-me-image{ max-width: 680px; width: 100%; position: relative; } .ez-smart-me-section .ez-smart-me .ez-smart-me-image .smart-img-1{ top: 0; position: absolute; left: 210px; } .ez-smart-me-section .ez-smart-me .ez-smart-me-image .smart-img-2{ position: absolute; top: 180px; right: 70px; } .ez-smart-me-section .ez-smart-me .ez-smart-me-image .smart-img-3{ position: absolute; bottom: -120px; left: 100px; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content{ max-width: 450px; width: 100%; padding-top: 180px; position: relative; max-height: 100vh; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .ez-smart-me-content-inner{ max-width: 280px; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .ez-smart-me-content-inner a{ font-family: "Noto Sans"; font-size: 14px; font-style: italic; line-height: 24px; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .ez-smart-me-content-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin-top: 0; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .ez-smart-me-content-inner p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .ez-service-offering-section{ background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Pattern_service%20off.svg'); background-repeat: no-repeat; background-position: -5% 94%; background-size: 30%; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .bottom-cta{ margin-top: 0; bottom: 0; position: absolute; left: 0; margin-bottom: 0; } .ez-service-offering{ max-width: 980px; margin-left: auto; margin-right: auto; display: flex; padding-top: 140px; padding-bottom: 175px; } .ez-service-offering-card-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ez-service-offering-card-inner .ez-service-offering-card-content{ width: 48.5%; min-height: 244px; position: relative; margin-bottom: 20px; background-size: 100%; background-repeat: no-repeat; background-position: top right; transition: all 300ms linear; } .ez-service-offering-card-inner .ez-service-offering-card-content:hover { background-size: 105%; } .ez-service-offering-card-inner .ez-service-offering-card-content:nth-child(even){position: relative; top: 100px; margin-left: 3%;} .ez-service-offering-card-inner .ez-service-offering-card-content:nth-child(2) h4 { color: #ffffff; } .ez-service-offering-card-inner .ez-service-offering-card-content h4{ color: #FFFFFF; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 30px; position: absolute; bottom: 32px; left: 40px; margin-bottom: 0; } .ez-service-offering .ez-service-offering-content{ max-width: 400px; width: 100%; padding-top: 175px; } .ez-service-offering .ez-service-offering-content .ez-service-offering-content-inner{ max-width: 230px; } .ez-service-offering .ez-service-offering-content .ez-service-offering-content-inner a{ font-family: "Noto Sans"; font-size: 14px; font-style: italic; line-height: 24px; } .ez-service-offering .ez-service-offering-content .ez-service-offering-content-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px;margin-top: 10px; margin-bottom: 0; } .ez-service-offering .ez-service-offering-content .ez-service-offering-content-inner p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .ez-service-offering .ez-service-offering-card{ max-width: 580px; width: 100%; } /* .section{ text-align: -webkit-auto !important; } */ /*! * fullPage 3.0.4 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only * or Fullpage Commercial License for commercial use * http://alvarotrigo.com/fullPage/pricing/ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */ .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .iScrollIndicator{ border: 1 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); } #fp-nav.fp-right { right: 17px; } #fp-nav.fp-left { left: 17px; } .fp-slidesNav{ position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0 !important; right: 0; margin: 0 auto !important; } .fp-slidesNav.fp-bottom { bottom: 17px; } .fp-slidesNav.fp-top { top: 17px; } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesNav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ width: 10px; height: 10px; margin: -5px 0 0 -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.fp-right { right: 20px; } #fp-nav ul li .fp-tooltip.fp-left { left: 20px; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } /*Only display content to screen readers*/ .fp-sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; height: 100.5vh; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel .carousel-indicators { position: absolute; z-index: 15; text-align: center; list-style: none; } .carousel .carousel-indicators li { display: inline-block; width: 25px; height: 20px; margin: 1px; text-indent: -999px; cursor: pointer; z-index: 2; position: relative; left: 80px; } .carousel .carousel-indicators li span{ width: 100%; height: 2px; background: #FF976A; position: absolute; display: block; top: 50%; } .carousel .carousel-indicators .active{ width: 40px; } .carousel .carousel-indicators .active span{ background: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; } .carousel .carousel-indicators { bottom: 20px; left: 150px; padding-left: 0; } .carousel .carousel-indicators .boxtext{ width: 0; height: 575px; overflow:hidden; background-color: rgba(237, 71, 0, 0.95); transition: all 1s cubic-bezier(0.37, 0.53, 1, 1); -webkit-transition: all 1s cubic-bezier(0.37, 0.53, 1, 1); position: absolute; top: -518px; z-index: 1; right: -297px; } .carousel .carousel-indicators .boxtext.active{ height: 660px; } .carousel .carousel-indicators.intro .boxtext{ width: 400px; } .box-content h1{ color: #FFFFFF; font-family: 'BloggerSansLight'; font-weight: normal; font-size: 32px; font-style: italic; line-height: 44px; } .box-content h1 span{ font-family: 'BloggerSansMedium'; font-weight: normal; display: block; line-height: 36px; margin-top: 10px; } .box-content{ color: #fff; font-size: 20px; opacity: 0; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; position: absolute; max-width: 210px; margin: 40px 80px; text-align: left; } .boxtext-1-ani{ opacity: 1; } .boxtext-2-ani{ opacity: 1; } .boxtext-3-ani{ opacity: 1; } ol.carousel-indicators { margin: 0; } .footer-group{ max-width: 88.3%; } .footer-group form { display: flex; width: 100%; } .footer-group .hs-form input[type="submit"]{ color: #FFFFFF; font-family: "Fira Sans"; font-size: 14px; letter-spacing: 0.28px; line-height: 17px; text-align: center; text-transform: uppercase; background: transparent; width: 100%; height: 43px; cursor: pointer; border: none; } .footer-group .actions{ color: #FFFFFF; cursor: pointer; font-weight: 400; height: 43px; width: 100%; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; font-size: 14px; letter-spacing: 0.28px; line-height: 19px; text-align: left; position: relative; display: block; overflow: hidden; border: 1px solid #fff; z-index: 9; transition: all .5s; overflow: hidden; outline: none; position: relative; display: inline-block; cursor: pointer; background-color: #FF6F31; } .footer-group .actions a:before{ position: relative; content: ''; top: -10px; background-image: url('https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Button%20arrow%20.svg'); background-position: center; background-size: 20px 12px; background-repeat: no-repeat; width: 12px; height: 18px; display: block; left: 55px; } /* //// Default effect: Slide from Top //// */ .footer-group .actions:before, .footer-group .actions:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; background: #b73400; /* onhover background color */ z-index: -1; transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */ transition: all .5s; } .footer-group .actions:before{ background: transparent; /* button default background color */ z-index: -2; transform: translate3D(0,0,0); } .footer-group .actions:hover:after{ transform: translate3D(0,0,0); transition: all .5s; } .footer-group .actions:after{ transform: translate3D(-100%,100%,0); } .footer-group .hs-form input[type="email"]{ height: 43px; background-color: #E6E6E6; border-bottom: 0; } .footer-group .hs_submit.hs-submit { width: 25%; margin-left: auto; } .footer-group .hs-form .hs-form-field{ margin-bottom: 0; width: 70%; } ul.footer-group-social-share { padding-left: 0; list-style: none; display: inline-flex; } ul.footer-group-social-share li{ padding-right: 30px; } ul.footer-group-social-share li a{ transition: .5s; } ul.footer-group-social-share li a:hover{ filter: grayscale(40%); transition: .5s; } .footer-group .hs-form .hs-form-field.hs_email>label{ display: none } .footer-group-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row-reverse; } .footer-group-inner .footer-group-inner-left { background-color: #3A424A; width: 57.523%; } .footer-group-inner .footer-group-inner-right { width: 42.477%; } .footer-group-inner-left-points ul li a{ color: #FFFFFF; font-family: "Noto Sans"; font-size: 14px; letter-spacing: 0.28px; line-height: 29px; } .footer-group-inner-left-points ul li a:hover{ color: #cccccc; } .footer-group-inner-left .footer-group-inner-left-content { max-width: 350px; margin: 50px auto 20px; } .footer-group-inner-left .footer-group-inner-left-content h6{ color: #A7A7A7; font-family: "Noto Sans"; font-size: 14px; font-weight: bold; letter-spacing: 0.28px; line-height: 19px; margin: 0; } .footer-group-inner-left-points { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-group-inner-left-points ul.footer-group-inner-left-points-inner{ padding-left: 0; width: 50%; list-style: none; } .footer-group-inner-left-points ul.footer-group-inner-right-points-inner{ padding-left: 0; list-style: none; } .footer-group-inner-right .footer-group-inner-right-content { margin: 50px 0 20px auto; max-width: 400px; } .footer-group-left-copyright { margin-top: 55px; } .footer-group-left-copyright .footer-group-inner-left-copyright a{ color: #FFFFFF; font-family: "Fira Sans"; font-size: 12px; letter-spacing: 0.24px; line-height: 14px; } .footer-group-left-copyright .footer-group-inner-left-copyright a:hover{ color: #cccccc; } .footer-group-left-copyright .footer-group-inner-right-copyright{ color: #A7A7A7; font-family: "Noto Sans"; font-size: 12px; letter-spacing: 0.24px; line-height: 17px; } span.footer-group-inner-left-copyright { width: 50%; display: inline-block; } .footer-group-inner-right .footer-group-inner-right-content h6{ color: #A7A7A7; font-family: Oxygen; font-size: 14px; font-weight: bold; letter-spacing: 0.28px; line-height: 17px; margin: 0; } .footer-group-inner-right .footer-group-inner-right-content p{ color: #1C1C1C; font-family: "Fira Sans"; font-size: 14px; letter-spacing: 0.28px; line-height: 17px; margin: 22px 0 16px; } .sidebar-navigation-section{ max-width: 1030px; margin-left: auto; } .sidebar-navigation-section .sidebar-navigation { position: absolute; max-width: 150px; margin-left: -250px; width: 150px !important; padding: 120px 50px 50px; } .sidebar-navigation-section-EZ .sidebar-navigation { padding: 0px 50px 50px; margin-top: 70px !important; } .sidebar-navigation-section .page-section-group .sub-service-content-group{ padding-top: 105px; max-width: 780px; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap{ margin-top: 50px; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin: 0 0 20px; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap ul{ padding-left: 25px; margin: 0; list-style: none; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap ul li{ font-family: "Noto Sans"; font-size: 15px; line-height: 30px; position: relative; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap ul li:before { position: absolute; content: ''; background: #ED4700; width: 5px; height: 5px; display: inline-block; top: 15px; left: -17px; border-radius: 50%;} .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 15px; line-height: 24px; margin-bottom: 25px; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px; margin: 45px 0 0; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content ul{ padding-left: 25px; margin: 0; margin-top: -10px; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content ul li{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 15px; line-height: 30px; } .sub-service .sidebar-navigation-section .sidebar-navigation .download-btn { margin-top: 10px; margin-bottom: 10px; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .social-sidebar-share .social-handle.pc-hide { display: none; } .blogging .post-listing, .blogging .blog-section { margin-bottom: 0; } .blog-type { margin: 10px auto 15px !important; max-width: 980px; float: none !important; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ padding: 20px 90px 20px 0; position: relative; transition: .5s; color: #1E1E1E; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover, .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.active a{ opacity: 1; color: #ED4700; transition: .5s; -webkit-text-stroke: .5px; transition: 500ms; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.active a::after{ transition: 500ms; height: 1px; content: ""; position: absolute; background-color: #ED4700; top: 20px; margin-left: -12px; width: 20px; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a::after{ transition: 500ms; height: 1px; content: ""; position: absolute; background-color: #ED4700; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a::after{ width: 0%; top: 20px; margin-left: -12px; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover::afte{ width: 20px; } .post-listing .download-btn{ height: 111px; width: 111px !important; } .post-listing .download-btn a:before { transform: rotate(90deg); left: 80px; top: -44px; } ul.topic-list { display: none; } .post-listing .post-item { width: 48.74%; margin: 0 0% 40px 0; transition: transform .4s; border: 1px solid #fff; } .post-listing .post-item:nth-child(even) { top: 100px; position: relative; margin-left: 2.1%; } .post-listing .post-item:hover, .post-listing .post-item:focus{ border: 1px solid #DAD9D9; transition: transform .4s; } .post-listing .post-item .description-section{ padding: 25px 30px; } .post-listing .post-item .description-section h4 span { padding-left: 28px; } .post-listing .post-item .description-section h2{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 24px; margin: 0 0 20px 0; } .post-listing .post-item .description-section p, .post-listing .post-item .description-section p strong, .post-listing .post-item .description-section p p, .post-listing .post-item .description-section p h1, .post-listing .post-item .description-section p h2, .post-listing .post-item .description-section p h3, .post-listing .post-item .description-section p h4, .post-listing .post-item .description-section p h5, .post-listing .post-item .description-section p h6, .post-listing .post-item .description-section p span{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; font-weight: 300; } .post-listing .post-item .description-section h4{ color: #A7A7A7; font-family: "Noto Sans"; font-size: 12px; line-height: 24px; margin: 0; font-weight: 300; } div.ias-trigger { margin-top: 110px; right: -51%; } .post-listing .post-item .featured-image{ min-height: 250px; background-position:top center !important; background-size: cover !important; } .car .popUp-wrapper{ height: fit-content; } .cs-inner-form .submitted-message { position: relative; margin-top: -100px; text-align: center; background: #fff; padding: 100px 0; } .cs-inner-form .submitted-message .cs-inner-message{margin: auto; max-width: 350px;} /* 1. Ensure this sits above everything when visible */ .popUp-body { margin: 70px auto; max-width: 415px; } .popUp-body h2{ color: #001546; font-family: "Noto Serif"; font-size: 26px; font-weight: bold; line-height: 36px; margin: 0; } .popUp-body p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin-top: 10px; } .popUp { position: absolute; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; } .popUp.is-visible { visibility: visible; } .popUp-overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; } .popUp.is-visible .popUp-overlay { opacity: 1; visibility: visible; transition-delay: 0s; } .popUp-wrapper { position: fixed; z-index: 9999; /* top: 6em; */ left: 65px; width: 100%; max-width: 590px; /* margin-left: -16em; */ background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); bottom: 45px; height: 90vh; overflow: scroll; } .popUp-transition { transition: all 0.3s 0.12s; transform: translateY(-10%); opacity: 0; } .popUp.is-visible .popUp-transition { transform: translateY(0); opacity: 1; } .popUp-close { position: absolute; top: 30px; right: 30px; padding: 1em; color: #aaa; background: none; border: 0; /* height: 35px; */ /* width: 35px; */ /* position: absolute; */ /* right: 70px; */ /* top: 50px; */ background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/Path.png); background-size: cover; background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; cursor: pointer; } .popUp-close:hover { color: #777; cursor: pointer; } .popUp-heading { font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popUp-content > *:first-child { margin-top: 0; } .popUp-content > *:last-child { margin-bottom: 0; } .blog-platform ul li:last-child { padding-right: 0; } .ba-line{ background: #A5A5A5; height: 1px; margin-top: 65px; } .solution-slider.owl-carousel .owl-dots { display: inline-flex; position: absolute; bottom: -40px; transition: 1s; } .solution-slider.owl-carousel .owl-dot.active { width: 40px; transition: 1s; background: #2b2b2b; } .solution-slider.owl-carousel .owl-dot { cursor: pointer; background: #C7C7C7; width: 25px; height: 2px; z-index: 99 !important; border-radius: 0; margin-right: 5px; } .cs2-result-group-content-section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -30px; } .cs2-result-group-text-section { width: 48%; margin: 0; } .cs2-result-group-text-section h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px; margin-bottom: 0; } .cs2-result-group-text-section p{ opacity: 0.9; color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .cs2-result-group-text-section:nth-child(even){ position: relative; top: 70px; margin-left: 4%; } .work-cs-2 .sidebar-navigation-section .approach .approach-right { max-width: 580px; padding-top: 60px; margin-left: auto; } .work-cs-2 .sidebar-navigation-section .approach{ padding: 50px 0 100px; } .work-cs-2 .full-width-strip { padding-top: 200px; } .jd_c.form-with-slider-labels .hs-form .hs-form-field { margin: 15px 0 45px; } .jd-form-group .form-with-slider-labels .hs-form .hs-form-field { margin: 15px 0 30px;} .jd-inner-city-tag { display: flex; margin-bottom: 40px; } .jd-inner-city-tag ul{ margin: 0; list-style: none; display: flex; padding-left: 30px !important; margin-top: 4px; } .jd-inner-city-tag ul li{ margin-right: 20px; color: #909090 !important; border-radius: 14px; background-color: #F4F4F4; padding: 3px 18px; /* margin-bottom: 0 !important; */ margin-bottom: 0 !important; line-height: 20px !important; height: 20px; } .jd-inner-city-tag ul li:before{ content: none; } .footer-group-inner-right .submitted-message { color: #001546; font-family: "Noto Serif"; font-size: 19px; font-weight: bold; line-height: 26px; } .sub_s .sidebar-navigation-section{ max-width: 1030px; margin-left: auto; } .sub_s .sidebar-navigation-section .sidebar-navigation { padding: 120px 50px 0; } .sub_s .sidebar-navigation-section .sidebar-navigation { position: absolute; max-width: 250px; margin-left: -250px; width: 250px !important; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group{ padding-top: 120px; max-width: 780px; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap{ margin-top: 50px; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap h2{ color: #001546; font-family: "Noto Serif"; font-size: 38px; font-weight: bold; line-height: 52px; margin: 0 0 20px; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap ul{ padding-left: 25px; margin: 0; list-style: none; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap ul li{ font-family: "Noto Sans"; font-size: 15px; line-height: 30px; position: relative; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap ul li:before { position: absolute; content: ''; background: #ED4700; width: 5px; height: 5px; display: inline-block; top: 15px; left: -17px; border-radius: 50%;} .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content, .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 15px; line-height: 24px; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 32px; margin: 40px 0 0; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content ul{ padding-left: 25px; margin: 0; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-content ul li{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 15px; line-height: 24px; padding-bottom: 8px; } .full-width-strip .testimo .author-img img { width: 150px; } .about-banner-slider{ position: relative; } .about-banner-slider .owl-dots { max-width: 500px; min-height: 20px; position: absolute; bottom: 10px; margin-left: auto; margin-right: auto; left: 50%; transform: translate(-50%, -50%); display: flex; } .about-banner-slider .owl-dots .owl-dot { background: #ccc; height: 2px; width: 25px; margin-right: 5px; } .about-banner-slider .owl-dots .owl-dot.active { background: #5f5f5f; width: 40px; } .active .img-animate .mob-hide.heart .color-box{ height: 120px; } .img-animate .mob-hide.heart .color-box,.img-animate .mob-hide.winners img, .img-animate .mob-hide.heart img, .img-animate .mob-hide.agility img, .img-animate .mob-hide.mindset img{ /* transition: all 3s ease-out; -webkit-transition: all 3s ease-out; */ transition-property:all; -moz-transition-property: all; /* Firefox 4 */ -webkit-transition-property:all; /* Safari and Chrome */ -o-transition-property:all; /* Opera */ transition-duration: 2s; -moz-transition-duration: 2s; /* Firefox 4 */ -webkit-transition-duration: 2s; /* Safari and Chrome */ -o-transition-duration: 2s; /* Opera */ } .img-animate .mob-hide.winners img:nth-child(1){margin-left: -100%;} .img-animate .mob-hide.winners img:nth-child(2){margin-left: -100%;} .img-animate .mob-hide.winners img:nth-child(3){margin-left: -100%; margin-top: -100%;} .img-animate .mob-hide.winners img:nth-child(4){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.winners img:nth-child(5){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.winners img:nth-child(6){margin-left: -100%; margin-top: -100%;} .img-animate .mob-hide.winners img:nth-child(7){margin-left: 100%;} .img-animate .mob-hide.winners img:nth-child(8){margin-top: -100%;} .img-animate .mob-hide.winners img:nth-child(9){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.winners img:nth-child(10){margin-top: 100%; } .active .img-animate .mob-hide.winners img:nth-child(1), .active .img-animate .mob-hide.winners img:nth-child(2), .active .img-animate .mob-hide.winners img:nth-child(3), .active .img-animate .mob-hide.winners img:nth-child(4), .active .img-animate .mob-hide.winners img:nth-child(5), .active .img-animate .mob-hide.winners img:nth-child(6), .active .img-animate .mob-hide.winners img:nth-child(7), .active .img-animate .mob-hide.winners img:nth-child(8), .active .img-animate .mob-hide.winners img:nth-child(9), .active .img-animate .mob-hide.winners img:nth-child(10){ margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .img-animate .mob-hide.heart img:nth-child(1){} .img-animate .mob-hide.heart img:nth-child(2){margin-left: -100%;} .img-animate .mob-hide.heart img:nth-child(3){margin-left: -100%; margin-top: -100%;} .img-animate .mob-hide.heart img:nth-child(4){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.heart img:nth-child(5){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.heart img:nth-child(6){margin-left: -100%; margin-top: -100%;} .img-animate .mob-hide.heart img:nth-child(7){margin-left: 100%;} .img-animate .mob-hide.heart img:nth-child(8){margin-top: -100%;} .img-animate .mob-hide.heart img:nth-child(9){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.heart img:nth-child(10){margin-top: 100%; } .img-animate .mob-hide.heart img:nth-child(11){margin-left: 100%;} .img-animate .mob-hide.heart img:nth-child(12){margin-left: 100%; margin-top: -100%;} .img-animate .mob-hide.heart img:nth-child(13){margin-left: 100%;} .active .img-animate .mob-hide.heart img:nth-child(1), .active .img-animate .mob-hide.heart img:nth-child(2), .active .img-animate .mob-hide.heart img:nth-child(3), .active .img-animate .mob-hide.heart img:nth-child(4), .active .img-animate .mob-hide.heart img:nth-child(5), .active .img-animate .mob-hide.heart img:nth-child(6), .active .img-animate .mob-hide.heart img:nth-child(7), .active .img-animate .mob-hide.heart img:nth-child(8), .active .img-animate .mob-hide.heart img:nth-child(9), .active .img-animate .mob-hide.heart img:nth-child(10), .active .img-animate .mob-hide.heart img:nth-child(11), .active .img-animate .mob-hide.heart img:nth-child(12), .active .img-animate .mob-hide.heart img:nth-child(13){ margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .img-animate .mob-hide.agility img:nth-child(1){margin-left: -100%;} .img-animate .mob-hide.agility img:nth-child(2){margin-left: -100%;} .img-animate .mob-hide.agility img:nth-child(3){margin-left: -100%; margin-top: -100%;} .img-animate .mob-hide.agility img:nth-child(4){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.agility img:nth-child(5){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.agility img:nth-child(6){margin-left: -100%; margin-top: -100%;} .img-animate .mob-hide.agility img:nth-child(7){margin-left: 100%;} .img-animate .mob-hide.agility img:nth-child(8){margin-top: -100%;} .img-animate .mob-hide.agility img:nth-child(9){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.agility img:nth-child(10){margin-top: 100%; } .img-animate .mob-hide.agility img:nth-child(11){margin-left: 100%;} .active .img-animate .mob-hide.agility img:nth-child(1), .active .img-animate .mob-hide.agility img:nth-child(2), .active .img-animate .mob-hide.agility img:nth-child(3), .active .img-animate .mob-hide.agility img:nth-child(4), .active .img-animate .mob-hide.agility img:nth-child(5), .active .img-animate .mob-hide.agility img:nth-child(6), .active .img-animate .mob-hide.agility img:nth-child(7), .active .img-animate .mob-hide.agility img:nth-child(8), .active .img-animate .mob-hide.agility img:nth-child(9), .active .img-animate .mob-hide.agility img:nth-child(10), .active .img-animate .mob-hide.agility img:nth-child(11){ margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .img-animate .mob-hide.mindset img:nth-child(1){margin-left: -100%;} .img-animate .mob-hide.mindset img:nth-child(2){margin-left: -100%;} .img-animate .mob-hide.mindset img:nth-child(3){margin-left: -100%; margin-top: -100%;} .img-animate .mob-hide.mindset img:nth-child(4){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.mindset img:nth-child(5){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.mindset img:nth-child(6){margin-left: -100%; margin-top: -100%;} .img-animate .mob-hide.mindset img:nth-child(7){margin-left: 100%;} .img-animate .mob-hide.mindset img:nth-child(8){margin-top: -100%;} .img-animate .mob-hide.mindset img:nth-child(9){margin-left: -100%; margin-top: 100%;} .img-animate .mob-hide.mindset img:nth-child(10){margin-top: 100%; } .active .img-animate .mob-hide.mindset img:nth-child(1), .active .img-animate .mob-hide.mindset img:nth-child(2), .active .img-animate .mob-hide.mindset img:nth-child(3), .active .img-animate .mob-hide.mindset img:nth-child(4), .active .img-animate .mob-hide.mindset img:nth-child(5), .active .img-animate .mob-hide.mindset img:nth-child(6), .active .img-animate .mob-hide.mindset img:nth-child(7), .active .img-animate .mob-hide.mindset img:nth-child(8), .active .img-animate .mob-hide.mindset img:nth-child(9), .active .img-animate .mob-hide.mindset img:nth-child(10){ margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .legal-consent-container { margin-bottom: 50px; font-size: 12px; line-height: 24px; } .work-cs .legal-consent-container{ margin-bottom: 0; } .legal-consent-container ul{ padding-left: 0; list-style: none; } .form-with-slider-labels .hs-fieldtype-booleancheckbox{ margin: 0 !important; } .form-with-slider-labels .hs-fieldtype-booleancheckbox label.hs-form-booleancheckbox-display { position: relative; left: 0; color: #ED4700; font-size: 12px; line-height: 24px; padding: 0; } @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { .body-container-wrapper { margin-top: 56px; } .remove-section{ height: 100vh !important; } } } /* ---------------------------------------- */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (max-width: 950px){ .fp-section, .fp-tableCell{ height: auto !important; min-height: 100%; } } /*--------------------- Media Responsive ----------------------*/ @media only screen and (max-width: 991px){ .footer-group { max-width: 100%; } .center-width { max-width: 100%; } .hs-search__no-results { margin-bottom: -140px; } #beforeafter { min-height: 250px; } .about-section-group .top-to-bottom{ display: none; } .abt-csr { background-color: #F0F0F0; padding-bottom: 60px; } .cs2-result-group-text-section p { margin-bottom: 0; } .ez-partner-group .ez-partner-inner .ez-partner-content p{ margin-top: 0; } .about-banner{ background-size: 173% !important; padding: 0 !important; } .about-banner .hrt-bg .about-content h1{ font-size: 28px !important; line-height: 36px !important; } .leader-ship .leader-ship-inner h2{ font-size: 28px !important; line-height: 38px !important; } .leader-group .leader-item .leader-content h3 { font-size: 18px !important; line-height: 24px !important; font-weight: 500; margin: 0; } .core-value-inner .core-value-content h2, .clients-ship .clients-ship-inner h2, .abt-csr .abt-csr-grp .abt-csr-content h2 { font-size: 28px !important; line-height: 38px !important; } .abt-csr .abt-csr-grp .abt-csr-content h4{ font-size: 16px !important; margin-bottom: 10px; line-height: 26px !important; } .awards-ship .awards-ship-inner h2{ font-size: 28px !important; line-height: 38px !important; margin: 0; } .core-value-inner .core-value-content h2{ margin-bottom: 22px; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap h2{ font-size: 28px; line-height: 38px; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group { padding: 50px 30px 0; } .jobs-profile .jobs-profile-content{ width: 100%; user-select: auto; } .olivz .footer-cta-section .footer-cta-content .get-cta{ bottom: 0; } .post-listing .post-item:hover, .post-listing .post-item:focus{ transition: none; } .sub_s .sidebar-navigation-section .page-section-group .sub-service-content-group { padding-top: 50px;} .search-header-background { min-height: 220px !important; } .search-result-group .hs-search-results__listing li { padding: 20px 0 40px; transition: .5s; border: 0 solid transparent; } .hs-search-results__pagination { margin-top: 30px; margin-bottom: 0; } .search-result-group .hs-search-results__listing li:hover { border: 0 solid transparent; } .search-header-background .search-header { margin-top: 0; top: 50%; position: absolute; width: 84%; transform: translate(0, -50%); } .search-header-background .search-header input[type="search"] { color: #ED4700; font-size: 28px; line-height: 31px; padding: 0 10px; font-family: 'BloggerSansRegular'; font-weight: normal; font-style: normal; } .search-header-background .search-header .hit-enter{ display: none; } .jd_c .download-btn-grp { margin-bottom: 0 !important; } .solution-slider-group { padding: 0 30px; } .cs-1-2 .related-insights-inner .related-insights-post { width: 100%; margin: 0; } .cs2-result-group-content-section { margin-bottom: 30px; } .cs2-result-group-text-section:nth-child(even) { position: relative; top: 0; margin-left: 0; } .cs2-result-group-text-section { width: 100%; margin: 0; } .work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .result-group { padding: 40px 30px 0 !important; } .solution-slider.owl-carousel .owl-dots { display: none; } .work-cs.work-cs-2 .post-header-content { padding: 220px 30px 90px; } .work-cs.work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points { margin-bottom: 20px; } .work-cs.work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .approach { padding: 30px 30px 30px;} .work-cs.work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges { padding:30px 30px 30px !important; } .work-cs.work-cs-2 .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right .key-points p { margin-bottom: 25px; } .work-cs .download-btn a:before { top: -11px; left: 65px; } .work-cs button.popUp-toggle.download-btn.pc-hide { margin: auto; } .work-cs .related-insights { margin-top: 50px; } .work-cs .full-width-strip { padding-top: 35px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section{ margin-bottom: 15px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section{ display: block; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section .result-group-text-section h4 { font-size: 16px; line-height: 26px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section{ margin-bottom: 0; } .before-after { padding: 0 30px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .result-group { padding: 0 30px 0; margin: 130px 0 0; } .ba-line { width: 84%; margin: 44px auto 0; } .twentytwenty-handle { height: 21px; width: 21px; bottom: -55px; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left{ display: block; margin-top: 25px; padding: 0 30px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right .key-points h4 { margin-bottom: -3px; margin-top: 18px; font-size: 16px; line-height: 26px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .solution-group { margin-top: 0; padding: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points h4{ font-size: 16px; line-height: 26px; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points { width: 100%; margin-bottom: 28px; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points:nth-child(odd) { margin-right: 0; } .sidebar-navigation-section .sidebar-navigation{ display: none; } .blog-platform ul { display: block; } .full-width-strip .testi.owl-carousel .owl-dots { left: 50%; transform: translate(-50%); } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-right { width: 100%; padding-top: 1px; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-left { width: 100%; } .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges .key-challenges-left .key-challenges-left-content h2 { font-size: 28px; line-height: 38px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-heading-section h2{ font-size: 28px; line-height: 38px; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group h2{ font-size: 28px; line-height: 38px; padding: 0 30px; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .key-challenges .inner-key-challenges { padding: 40px 30px 40px; display: block; } .work-cs .download-btn{ height: 110px; width: 110px !important; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section:nth-child(odd) .result-group-text-section{ padding-left: 0; } .work-cs .career-sidebar-navigation-section .sidebar-navigation-section .approach { padding: 0 30px 30px; display: block; flex-direction: row; margin-top: 0; } .career-sidebar-navigation-section .sidebar-navigation-section .solution-group .solution-group-content .solution-left .solution-left-points p { margin-top: 5px !important; } .career-sidebar-navigation-section .sidebar-navigation-section .approach .approach-right h2 { font-size: 28px; line-height: 38px;} .blog-platform ul li { padding-right: 0; padding-bottom: 22px; } .career-sidebar-navigation-section .sidebar-navigation-section .approach-bg{ background-size: 0%; } .career-sidebar-navigation-section .sidebar-navigation-section .approach .approach-left { padding-right: 0; margin-top: 25px; } .work-cs p#hubspot-topic_data { margin-top: 0; } .work-cs .footer-cta-section .footer-cta-content .get-cta { bottom: 0; } .popUp-wrapper{ left: 0; bottom: 0; } .popUp-close{ width: 14px; height: 14px; } .popUp-body { padding: 0 30px; } .car .footer-cta-section .footer-cta-content .get-cta { bottom: 0; } .awards-group-EZ .awards-item .awards-item-image { padding: 40px 75px; } .awards-group .awards-item .awards-item-image { padding: 16px 0px; } .abt-csr:before{ height: max-content; } .about-banner-slider .owl-dots{ display: none; } .about-banner .hrt-bg .about-content p { margin-top: 20px;} .about-banner .hrt-bg .about-content h4 { margin-bottom: 20px;} .related-insights-inner .related-insights-post:hover { border: 1px solid transparent; } .related-insights img { width: 100%; } .form-left .submitted-message { margin-top: -151px; background: #ffffff; /* z-index: 2; */ position: relative; top: 50px; max-width: 470px; } .form-left .submitted-message p{ font-size: 16px; line-height: 25px; } .form-left .submitted-message h2 { font-size: 28px; line-height: 38px; } .post-header-content h1{ font-size: 20px; line-height: 27px; } .blogging .post-listing .post-item .description-section{ padding: 30px 15px; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.active a::after { top: 10px; margin-left: -12px;} div.ias-trigger { margin-top: 0; right: -15px; margin-bottom: 70px; } .post-listing .post-item .featured-image{ min-height: 180px; background-size: cover !important; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; width: auto; padding-right: 40px; } .post-listing .post-item:nth-child(even) { top: 0; margin-left: 0; } .post-listing .post-item { width: 100%;} .blog-type{ padding: 0 30px; margin: 30px auto 40px !important; } .blog-type .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 10px 0 10px 0; } .work-case-study-inner .work-case-study-post:nth-child(even) { top: 0; margin-left: 0; } .work-case-study { margin-top: 70px; padding: 0 30px; margin-bottom: 70px; } .work-case-study-inner .work-case-study-post .work-case-study-post-content h3{ font-size: 18px; line-height: 24px; margin-bottom: -5px; } .work-case-study-inner .work-case-study-post .work-case-study-post-content { padding: 30px 18px; } .work-case-study-inner .work-case-study-post { width: 100%; margin: 0 0 30px 0;} .work-header ul li { padding-right: 30px; font-size: 20px; line-height: 27px; } .work-case-study a#loadMore { bottom: 0; left: 0; } .social-sidebar-share .social-handle.pc-hide { position: relative; margin-left: 0; margin-top: 50px; } .work-header h1 { margin-bottom: 20px; font-size: 16px; line-height: 30px; } .work-header .header-overlay .work-banner-content { position: relative; top: 0; padding: 50px 30px; } .work-header .header-overlay { min-height: 250px;} .social-sidebar-share .social-handle.pc-hide .social-handle-list ul{ display: flex; } .social-sidebar-share .social-handle.pc-hide .social-handle-list ul li{ padding-bottom: 0; padding-right: 30px; } .ledaer-details-group .ledaer-details-inner .inner-content-details .ledaer-extra-details { margin-top: 33px; } .ledaer-details-group .ledaer-details-inner .outer-content-details h1{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 20px; font-weight: bold; line-height: 27px; } .ledaer-details-group .ledaer-details-inner .outer-content-details h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .ledaer-details-group .ledaer-details-inner .social-sidebar-share h5{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 18px; line-height: 32px; text-align: center; margin: 35px 0 40px; } .ledaer-details-group { margin-top: 50px; background-size: 0; padding: 0 30px; } .ledaer-details-group .ledaer-details-inner .inner-content-details .ledaer-extra-details h4{ margin-top: 0; } .ledaer-details-group .ledaer-details-inner .outer-content-details img { margin: 15px 0 20px; } .other-leadership-members .other-leadership-inner { max-width: 980px; margin: 0 auto; padding: 45px 30px; } .other-leadership-members .other-leadership-inner h2 { color: #001546; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; margin-bottom: 50px; } .other-leadership-members-group .leadership-member .leadership-member-inner-details h4{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 0; } .other-leadership-members-group .leadership-member .leadership-member-inner-details p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; margin-top: 10px; } .other-leadership-members-group { display: block; margin-top: 30px; } .other-leadership-members-group .leadership-member { width: 80%; margin-bottom: 15px; margin-right: auto; margin-left: auto; } .other-leadership-members { margin-bottom: 80px; } .jd-form-group .jd-form-section .jd-left-content .jd-left-inner-content-group{ padding: 60px 35px; padding-top: 0; } .jd-form-group .jd-form-section { display: block !important; } .jd-form-group .jd-form-section .jd-left-content { width: 100%; padding-right: 0;padding-top: 30px; } .jd-inner-city-tag ul { padding-left: 0 !important; margin-top: 12px; } .jd-left-content h5 { margin-top: 30px; } .jd-inner-city-tag ul li{ font-size: 12px; height: 25px; } .jd-left-content ul li { color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; line-height: 24px; margin-bottom: 15px; } .jd-inner-city-tag { display: block; margin-bottom: 30px; } .jd-block, .download-btn-grp{ padding: 20px 20px 20px 20px } .form-with-slider-labels .hs-form input[type="file"]{ opacity: 0; } .jd-form-group .jd-form-section .jd-right-form .jd-inner-form { max-width: 100% !important; padding: 30px 32px 50px!important; } .jd-form-group .jd-form-section .jd-right-form{ width: 100% !important; background-size: 0%!important; } .jd-block { padding: 20px 32px 20px 32px !important; font-size: 14px !important; margin-top: 60px; } .download-btn-grp { padding: 20px 32px 20px 32px !important; margin-bottom: 75px !important; } .jd-left-content .jd-tag { margin-top: 14px; margin-right: 20px; } .jd-left-content p{ font-size: 14px !important; line-height: 24px !important; } .body-container-wrapper { margin-top: 56px; } .sub-service-banner .digi-banner-group .digi-banner .digi-banner-content h1 { font-size: 20px; font-weight: bold; line-height: 30px; position: absolute; top: 50%; transform: translate(0,-50% ); } .sidebar-navigation-section .page-section-group .sub-service-content-group { padding: 50px 30px; } .sidebar-navigation-section .page-section-group .sub-service-content-group .sub-service-inner-sitemap h2{ font-size: 28px; font-weight: bold; line-height: 38px; } .sub-service-banner .digi-banner-group .digi-banner{ min-height: auto; } .carousel-inner > .item{ height:100%; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; object-fit: cover; height: 100%; width: 100%; } .carousel .carousel-indicators.intro .boxtext { width: 310px; } .carousel .carousel-indicators .boxtext{ height: 250px; top: -54px; z-index: 1; right: -110px; } .homepage .container { padding-bottom: 0px; } .carousel .carousel-indicators { left: 170px; } .carousel-inner { height: 65vh; } #section0 .fp-slides{ overflow: visible; } .box-content h1{ font-size: 20px; line-height: 28px; margin: 0; } .img-animate { background-image: none !important; } .box-content h1 span{ font-size: 20px; line-height: 28px; font-weight: 600; } .ez-service-offering-card-inner{ padding-top: 25px; } .box-content{ max-width: inherit; margin: 0 auto; text-align: left; padding: 20px; } .carousel .carousel-indicators li{ left: -110px; bottom: -150px; width: 10px; } .carousel .carousel-indicators .active{ width:28px; } .ez-service-offering{ display: block; max-width: 100%; padding-top: 60px; padding-bottom: 60px; padding-left: 30px; padding-right: 30px; } .ez-service-offering-section{ background-size: 0; } .ez-service-offering .ez-service-offering-content { max-width: 100%; padding: 0; } .ez-service-offering .ez-service-offering-card { max-width: 100%; } .ez-service-offering .ez-service-offering-content .ez-service-offering-content-inner a { font-size: 12px; line-height: 24px; } .ez-service-offering .ez-service-offering-content .ez-service-offering-content-inner { max-width: 100%; } .ez-service-offering .ez-service-offering-content .ez-service-offering-content-inner h2 { font-size: 28px; line-height: 38px; } .ez-service-offering-card-inner .ez-service-offering-card-content{ min-height: 145px; background-size: cover; margin-bottom: 8px; } .ez-service-offering-card-inner .ez-service-offering-card-content:hover{ background-size: cover; } .ez-service-offering-card-inner .ez-service-offering-card-content h4 { font-size: 14px; line-height: 20px; bottom: 10px; left: 10px; width: 100px; } .digi-heart .digi-content h2{ font-size: 28px; line-height: 38px; } ul.right-big li a:hover:after{ background-size: 10px 20px; } ul.right-big li a:after { content: ''; position: absolute; width: 10px; height: 20px; background-image: url(https://cdn2.hubspot.net/hubfs/744339/AA%20Assets/arrow_nxt%20%282%29-1.svg?t=1542890057972); background-size: 0 0; background-position: left bottom; background-repeat: no-repeat; margin-top: -18px; margin-left: 2px; opacity: 0; transition: all .2s linear; } ul.right-small li a:after{ margin-top: -7px; } .ez-smart-me-section .ez-smart-me{ display: block; padding: 70px 30px 60px; min-height: 100%; background-size: 0; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content { max-width: 100%; width: 100%; padding-top: 0; position: relative; min-height: max-content; padding-bottom: 0; } .ez-smart-me-section .ez-smart-me .ez-smart-me-image { display: none; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .ez-smart-me-content-inner { max-width: 100%; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .ez-smart-me-content-inner h2 { font-size: 28px; line-height: 38px; margin-bottom: 15px; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .bottom-cta { width: 90px !important; height: 90px; font-size:12px; bottom: 0; position: relative; margin-top: 0; } .about-section-group .down-anchore{ display: none; } .ez-smart-me-section{ margin-bottom: 0; } img.pc-hide.ex-cs { padding: 40px 0; width: 220px; } .ez-smart-me-section .ez-smart-me .ez-smart-me-content .bottom-cta a:before { left: 62px; top: -10px; } .homepage .header { position: fixed; } .ez-partner-group { max-width: 100%; margin-left: auto; padding: 70px 30px 50px; margin-bottom: 0; } .ez-partner-group .ez-partner-inner .ez-partner-content h2 { font-size: 28px; line-height: 38px; color: #6B6B6B; } .ez-partner-group .ez-partner-inner .ez-partner-images .ez-partner-image-grp img { width: 100%; height: 100%; margin-right: 0; margin-bottom: 20px; } .ez-partner-group .ez-partner-inner { display: flex; align-items: flex-start; } .ez-partner-group .ez-partner-inner .ez-partner-images { max-width:100%; width: 100%; background-color: transparent; padding: 0; } .ol-grp .ol-inner h1{ color: #001546; font-family: "Noto Serif"; font-size: 20px; font-weight: bold; line-height: 30px; } .ol-repeat-inner-content h5{ color: #001546; font-family: "Noto Serif"; font-size: 18px; font-style: italic; line-height: 24px; margin-bottom: 0; } .ol-repeat-inner-content h2{ color: #001546; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; margin-top: 10px; margin-bottom: 8px; } .ol-repeat-inner-content p{ font-family: "Noto Sans"; font-size: 14px; line-height: 24px; } .ol-repeat-inner{ margin: 0 0 15px; } .ol-repeat-inner .ol-repeat-inner-image img{ max-width: 100%; } .ol-grp { padding: 0 30px; background-size: 0; margin-top: 50px; } .ol-repeat-grp{ margin-top: 20px; } .ol-repeat-inner { display: block; } .ol-repeat-grp center img { width: 100%; margin-bottom: 0; margin-top: 40px; } ul.right-social { position: relative !important; bottom: 0; display: inline-flex; margin-top: 55px !important; } .mobile-menu-cta .home-cta { display: block !important; font-size: 19px; letter-spacing: 0.38px; line-height: 21px; margin-right: 18px; height: 71px; width: 71px; } .mobile-menu-cta .home-cta a:before{ top: -15px; left: 45px; } .mobile-menu-cta{ display: flex; margin-top: 55px !important; } .form-header .form-left { width: 100%; padding:30px 30px 60px 30px; } .form-header .form-left h1 { color: #001546; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; max-width: 270px; } .form-header .info-right { width: 100%; padding: 70px 30px;} .form-header .info-right p { font-size: 16px; line-height: 25px; } .form-header .info-right .info-right-content { margin-top: 75px; max-width: 100%; } .form-header .info-right h3 { max-width: 210px; } .form-header .info-right h3{ margin-bottom: 0; } .form-header .info-right h5{ margin-bottom: 32px; } .form-header .info-right { background-position: 138% 100%; } ul.right-small li a, ul.right-big li a { font-family: 'BloggerSansRegular'; font-weight: normal; font-style: normal; font-size: 26px; letter-spacing: 0.56px; line-height: 31px; padding-top: 25px; } .footer-group-inner-left-points ul.footer-group-inner-left-points-inner{ width: 40%; } .footer-group-inner { display: -webkit-box; display: -ms-flexbox; display: block; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; } .footer-group-inner .footer-group-inner-right { width: 100%; } .footer-group-inner-right .footer-group-inner-right-content { padding: 0 32px; margin: 60px 0 65px 0; } .footer-group form { display: block; } .footer-group .hs-form .hs-form-field { width: 90%; } .footer-group .hs_submit.hs-submit { width: 34%; margin-left: 0; margin-top: 22px; } ul.footer-group-social-share { margin-top: 50px; } .footer-group-inner-left .footer-group-inner-left-content{ margin: 50px 0 0; padding: 0 32px; } .footer-group-inner .footer-group-inner-left { width: 100%; padding: 32px 0 20px; } .footer-group-left-copyright span { padding-bottom: 10px; } .ez-service-card-inner .ez-service-card .ez-service-content ul { padding-left: 20px; } .ez-service-card-inner .ez-service-card .ez-service-content { left: 27px; bottom: 20px; } span.footer-group-inner-left-copyright { width: 40%; } .ez-service-card-bg{ margin-top: 60px; background-size: 0%; } .ez-service-card-inner .ez-service-card { min-height: 346px; width: 85%; margin: auto; margin-bottom: 25px; background-size: cover; background-position: top center; } .ez-service-card-inner .ez-service-card:last-child { margin-bottom: 25px; } .ez-service-card-inner .ez-service-card:hover{ background-size: cover; } .ez-service-card-inner .ez-service-card:nth-child(even) { margin-left: auto; top: 0; } .ez-service-card-group { margin: 50px auto 80px; } .footer-right .hs_submit{ margin-left: 0; margin-top: 20px; } .des-career-grp{ padding: 60px 30px 30px; } .our-culture-grp h2{ color: #001546; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; margin-top: 0; } .our-culture-img-grp img { min-height: auto; } .our-culture-grp{ padding: 30px; padding-bottom: 10px; } .form-header { display: block; width: 88%; } .office-card-item .office-card:nth-child(even) { margin-left: 0; top: 0; } .office-card-grp .office-card-inner { margin: 50px auto 70px; padding: 0 30px; } .office-card-grp .office-card-inner h2 { font-size: 28px; line-height: 38px; margin-bottom: 22px; } .office-card-grp{ background-size: 0; } .office-card-item .office-content{ bottom: 8px; padding: 0 40px; left: 0; right: 0; } .office-card-item .office-card { width: 100%; min-height: 450px;} .office-card-item { display: block; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section .result-group-text-section{ padding-right: 0; } .social-blog.desk-hide{display: block ;} .social-blog.desk-hide ul li{font-size: 25px; list-style:none; margin-bottom: 25px; display: inline; margin-right: 25px;} .social-blog.desk-hide ul li a { color: #ED4700; transition: .5s; } div#hubspot-author_data{ padding: 10px 0 18px; } .similar-blog-group .related-post-item:hover{ border: 1px solid transparent; } .similar-blog-group .related-post-item:focus{ border: 1px solid #DAD9D9 !important; } .social-blog.mobile-hide{display: none;} .post-header-content-background { background-color: rgba(0,0,0,.7); min-height: auto;} .section.post-header { min-height: 400px;} .post-header-content { position: relative; bottom: 0; left: 0; top: 0; padding: 115px 30px 60px; } .desk-hide .social-list ul { margin-top: 50px; } .section.post-body { margin: 70px auto 90px; padding: 0 30px; } .similar-blog { margin: 0 auto 50px; padding: 0 30px; } .similar-blog h3{ margin-bottom: 10px; font-size: 28px; } .similar-blog-group { display: block;} .similar-blog-group .related-post-item { width: 100%; margin: 20px 0% 20px 0; } .related-post-content { padding: 20px 15px; } .similar-blog-group .related-post-item:nth-child(even) { position: relative; top: 0; margin-left: 0; } .form-header { display: block; width: 84%; } .office-card-item .office-card:nth-child(even) { margin-left: 0; top: 0; } .office-card-grp .office-card-inner { padding: 0 30px; margin-bottom: 20px; } .office-card-item .office-card { width: 100%; min-height: 450px;} .office-card-item { display: block; } .featured-header h1 { font-size: 24px; line-height: 40px;} .featured-header-grp { margin: 50px auto 20px; max-width: 980px; padding: 0 30px; } .csr-page .featured-header-grp{ margin: 50px auto 50px; } .post-listing{ display: block; padding: 0 30px; margin: 0 auto 25px; } .post-listing .body-post:nth-child(even) { top: 0; margin-left: 0; } .blog-inner-body { padding: 20px; } .blog-section{ margin-bottom: 0; } .post-listing .body-post { width: 100%; margin: 0 0 30px 0; } .post-listing .body-post .blog-feature-image { height: 180px;} .blog-section.csr{ margin-top: 15px; } .about-banner .hrt-bg { min-height: 30vh; padding: 20px 35px;} .about-banner .hrt-bg .about-content { position: relative; top: 0; } .cs-anchor .content { display: none; } .about-banner{ padding: 5vh 0; } .cs-anchor .main-content { width: 100% !important; } .abt-count .abt-count-content{ padding: 0 32px; } .abt-count .abt-count-content .inner-count-content { width: 30%;} .abt-count{ font-size: 20px; line-height: 27px; padding: 40px 0 0; } .abt-count .abt-count-content .count-description { padding-top: 0;} .vision-misson { padding: 20px 0 0; background-size: 0; } .vision-misson .vision-misson-group{ padding: 0 32px; } .vision-misson .vision-misson-group .v-m-content { width: 100%; margin: 20px 0 20px 0; padding: 30px 30px 20px; } .vision-misson .vision-misson-group .v-m-content:nth-child(even) { top: 0;} .leader-ship { padding: 40px 35px 35px; margin-top: 60px; } .leader-group{ display: block; } .leader-ship .leader-ship-inner h2{ margin-bottom: 45px; } .leader-group .leader-item .leader-content p{ color: #A7A7A7; font-family: "Noto Sans"; font-size: 14px; line-height: 19px; } .leader-group .leader-item { width: 80%; margin: 20px 0 20px 0; transition: transform .5s; margin-left: auto; margin-right: auto; } .core-value-group { margin-top: 100px; background-size: 0; padding: 0 35px;} .core-value-inner { display: block;} .core-value-inner .core-value-image { width: 100%; } .core-value-inner .core-value-content { width: 100%; margin-left: 0%; padding-top: 0; } .clients-group .clients-item img { width: auto; height: auto; } .clients-group .clients-item { width: 39%; margin: 10px 0 0; } .clients-group .clients-item:nth-child(odd) { margin-right: 10px; } .clients-ship { padding: 30px 35px 50px; background-size: 0;} .abt-csr .abt-csr-grp { padding-top: 50px; display: block; padding: 0 35px; margin-top: 25px; } .abt-csr .abt-csr-grp .abt-csr-image { width: 100%; padding-top: 50px; } .abt-csr .abt-csr-grp .abt-csr-content { margin-left: 0; width: 100%; } .abt-csr .abt-csr-img-cta-grp .abt-csr-img-cta-image-1, .abt-csr .abt-csr-img-cta-grp .abt-csr-img-cta-image-2{ display: none; } .abt-csr .abt-csr-img-cta-grp{ padding: 0 35px;} .abt-csr .abt-csr-img-cta-grp .abt-csr-img-cta-btn { width: 100%; margin: 20px 0% 0 0%;} .awards-ship { padding: 30px 35px 50px; } .awards-group .awards-item { width: 100%; margin: 20px 0 0 0;} .full-width-strip .testimo-slider-grp{ background-size: 0%; padding: 40px 30px 65px; } .digi-banner-group .digi-banner{ min-height: 25vh; } .digi-banner-group .digi-banner .digi-banner-content{ position: relative; top: 0; left: 0; padding: 30px; background-color: rgba(0,0,0,0.6); max-width: 100% !important; min-height: 200px; } .digi-banner-group .digi-banner .digi-banner-content h1{ color: #FFFFFF; font-family: "Noto Serif"; font-size: 20px; font-weight: bold; line-height: 30px; } .cust-in-grp { margin-top: 60px; margin-bottom: 30px; padding: 0 30px; } .cust-in-grp .cust-in .cust-in-content { width: 100%; margin-right: 0; margin-bottom: 10px; } .cust-in-grp h2{ color: #001546; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; } .cust-in-grp .cust-in .cust-in-content p{ margin-top: 7px; } .cust-in-grp .cust-in .cust-in-content h4{ margin-bottom: 0;} .tech-grp-inner { margin-bottom: 70px; padding: 0 30px; } .tech-img-group .tech-item { width: 100%; margin: 20px 0 20px 0; } .tech-grp-inner h2{ color: #001546; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; } .why-zest-inner{ min-height: 330px; background-size: 190%; background-position: top left; } .why-zest-grp{ padding-bottom: 0; } .why-zest-inner .why-zest-inner-content { position: relative; top: 0; right: 0; padding: 30px 30px 92px; } .why-zest-grp .testimo-inner { display: block; } .why-zest-grp .testimonial-strip h2{ display: none; } .why-zest-grp .testimo-slider-grp{ position: relative; bottom: 0; right: 0; background-size: 0; padding: 0; border-bottom: 1px solid #E6E6E6; min-height: 330px; } .why-zest-grp .testi.owl-carousel .owl-dots{ bottom: 40px; left: 50%; transform: translate(-50%); } .why-zest-grp .testimo { display: block; text-align: center; padding-top: 0; } .why-zest-grp .testimo .author-img{ padding-bottom: 20px; } .why-zest-grp .testimo .testimo-content{ width: 100%; padding: 0; } .why-zest-grp .testimo .testimo-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 16px; font-style: italic; line-height: 22px; } .why-zest-grp .testimo .author-img img{ width: 100px; margin: 0 auto; } .why-zest-grp .testimo-inner { padding: 50px 30px 80px; } .why-zest-grp .testimo .author-img { width: 27%; margin: auto; } .related-insights-inner{ display: block; } .related-insights{ margin-top: 70px; margin-bottom: 40px; padding: 0 30px; } .related-insights-inner .related-insights-post { width: 100%; margin: 0 0% 50px 0; } .related-insights-inner .related-insights-post:nth-child(even) { top: 0; margin-left: 0; } .related-insights-inner .related-insights-post .related-insights-post-content { padding: 20px 0; } .related-insights h2{ color: #001546; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; margin-bottom: 24px; } .related-insights-inner .related-insights-post .related-insights-post-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 16px; font-weight: bold; line-height: 26px; margin-bottom: 0; } .related-insights-inner .related-insights-post .related-insights-post-content p{ margin-top: 6px; } .digi-com .footer-cta-group { margin-top: 0; } .footer-cta-group{ padding: 0 0 0; } .footer-cta-section{ display: block; } .footer-cta-section .footer-cta-image { padding-top: 0; width: 100%; } .footer-cta-section .footer-cta-content { min-height: auto; width: auto; max-width: 100%; padding: 40px 30px 20px; } .footer-cta-section .footer-cta-content .footer-cta-content-inner { left: 0; top: 0; max-width: 310px; } .footer-cta-section .footer-cta-content p { margin-bottom: 35px; } .footer-cta-section .footer-cta-content h2{ margin-top: 0; color: #FFFFFF; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; } .footer-cta-section .footer-cta-content .get-cta { position: relative; bottom: 0; left: 0; } .footer-right .hs-form .hs-form-field { width: 100%; margin-bottom: 0; } .career-banner-group .career-banner{ min-height: 30vh; background-color: rgba(0, 0, 0, 0.6); } .career-banner-group .career-banner .career-banner-content { position: relative; top: 0; left: 0; padding: 15px 30px; } .career-banner-group .career-banner .career-banner-content h4{ color: #FFFFFF; font-family: "Noto Serif"; font-size: 20px; font-weight: bold; line-height: 30px; margin-bottom: 0; } .career-banner-group .career-banner .career-banner-content h1{ color: #FFFFFF; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px; max-width: 300px; } .cs-anchor .content { display: none; } .cs-anchor .main-content { width: 100% !important; padding: 0 20px; } .career-sidebar-navigation-section .sidebar-navigation-section .approach .approach-right { padding-top: 40px; } .career-sidebar-navigation-section .sidebar-navigation-section .result-group .result-group-content-section .result-group-text-section p{ margin-top: 6px; } .means-grp { margin-top: 0; padding: 0 30px; background-size: 0; margin-bottom: 30px; } .means-grp .means-inner .means-content p{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 14px; font-style: italic; line-height: 24px; } .means-grp .means-inner .means-content ul li{ color: #001546; font-family: "Noto Sans"; font-size: 16px; font-weight: bold; line-height: 26px; } .means-grp .means-inner { display: block; } .means-grp .means-inner .means-image { width: 100%; } .means-grp .means-inner .means-content { width: 100%; margin-left: 0; } .visit-olivz img { position: relative; left: 50%; width: 90%; top: 25px; } .our-culture-img-grp-1, .our-culture-img-grp-2, .our-culture-img-grp-3 { display: block; margin: 0 0 25px; } .our-culture-img-grp-1 img:first-child { width: 100%; } .our-culture-img-grp-1 img:last-child { width: 100%; margin-left: 0; margin-top: 25px; } .our-culture-img-grp-2 img:first-child { width: 100%; margin-right: 0; margin-bottom: 25px; } .our-culture-img-grp-2 img:last-child { width: 100%; } .our-culture-img-grp-3 img:first-child { width: 100%; } .our-culture-img-grp-3 img:last-child { width: 100%; margin-left: 0; margin-top: 25px; } .visit-olivz{ max-width: 84%; margin: auto; margin-bottom: 50px; background-position: 20% 0%; min-height: 225px; } .full-width-strip .testimo .testimo-content h3{ color: #1C1C1C; font-family: "Noto Sans"; font-size: 16px; font-style: italic; line-height: 22px; text-align: center; } .testimonial-strip h2{ padding: 0 30px; color: #001546; font-family: "Noto Serif"; font-size: 28px; font-weight: bold; line-height: 38px;} .full-width-strip .testimo{ display: block; } .full-width-strip .testimo .testimo-content{ padding: 0; text-align: center; } .full-width-strip .owl-carousel .owl-item img{ width: 80px; margin-bottom: 25px; } .testimo-slider-grp { padding: 50px 20px 100px; } .testimo { width: 100%; display: block; } .testimo .testimo-content { padding: 20px 0 0 25px; } .owl-carousel .owl-item img { width: 80px; margin-right: auto; margin-left: auto; } .job-role-group { margin: 70px auto; padding: 0 30px; } .car .footer-cta-group { margin-top: 0; } .car .full-width-strip .testi.owl-carousel .owl-dots{ left: 50%; transform: translate(-50%); } .jobs-profile .apply-button{ display: none; } .jobs-profile:hover { border: 1px solid #fff; transition: 1s; } .car .full-width-strip .testimonial-strip h2 { padding-top: 0; } .jobs-profile{ padding: 0; margin-bottom: 20px; } .jobs-profile-content h3{ margin: 0;color: #1C1C1C; font-family: "Noto Sans"; font-size: 19px; font-weight: bold; line-height: 26px; } .jobs-profile-content p{ margin: 8px 0; } .jobs-profile-content p .cm-tag-grp { display: block; margin-top: 12px; } .jobs-profile-content p .cm-tag { margin-left: 0; margin-right: 10px; margin-top: 18px; } .hs-form .hs-form-field { width: 100%; } .overlay-menu .nav-feature{ display: none; } .overlay-menu .nav-menu{ width: 100%; padding: 50px 50px; } .overlay:after { width: 100%;} .header { width: 100% !important; padding: 10px 30px !important; } .button_container { position: absolute !important; top: 6px; right: 20px; } .advance-menu, #demo-2 input[type=text], .owl-dots, .img-animate img, .top-box{ display: none; } .img-animate .pc-hide{ display: block !important; position: relative; width: 500px !important; margin-bottom: 20px; } .img-animate .digi-content{ display: block; } .pc-hide{ display: block !important; } .home-slider .slider-content{ max-width: 270px; padding: 30px 20px; } .right-wrap { float: none !important; left: 0; } .digi-heart .digi-content { padding: 20px; color: #fff; position: relative; left: 0; top: 20px; max-width: 100%; } .service-grp{ padding: 40px 20px; } .service-grp .serv-content .cell-wrapper.layout-widget-wrapper { max-width: 100%; } .service-grp .serv-content{ top: 20px; } .smarter{ padding: 0 30px; min-height: auto !important; } .mobile-grp .mob-1 { width: 50%; } .smarter-grp .bottom-cta{ position: relative; bottom: 0; right: 0; margin-top: 20px; } .smarter-grp .smart-content { position: relative; top: 0; left: 0; max-width: 100%; margin-top: 20px; } .mobile-grp .mob-2 { position: relative; left: 290px; top: 0; width: 40%; } .client-logos{ margin-top: 0; padding: 0 20px; text-align: center; } .mobile-grp .mob-3 { bottom: 0; } .logo-grp{ text-align: center; padding: 20px 20px 20px 20px; } .last-section{ padding: 20px 0 0; } .last-section img.hs-image-widget{ padding-top: 10px; } .interested { min-height: auto !important; max-width: 480px !important; margin-left: auto!important; margin-right: auto; padding: 10px 44px; margin-top: -40px; } .footer-left { padding: 30px 30px 30px 30px; text-align: center; width: 100% !important; } .footer-right { padding: 30px 30px 30px 30px; margin-left: 0 !important; } .footer-right form.hs-form { display: block; width: 100%; margin-left: auto; margin-right: auto; float: none; } .footer-right .hs-button.primary, .footer-right input[type="submit"], .footer-right input[type="button"]{ margin-left: 0; } .right-wrap .down-anchore, .mob-hide, .mobile-grp{ display: none !important; } button#myBtn{ display: block; position: absolute; top: 7px; right: 60px; } .e-modal .modal-content .search-content input[type="search"] { font-size: 28px; line-height: 31px; } .e-modal .modal-content{ top: 54px; } .e-modal .modal-content .close{ right: 20px; height: 20px; width: 20px; top: 20px; } .e-modal .modal-content .search-content{ max-width: 80%; } .e-modal .modal-content .search-content p{ display: none; } .search-header-background{ padding: 0 30px; } .hs-search-results{ padding: 70px 30px 30px; overflow-x: hidden; } ul.nav-lines { display: none; } .why-zest-inner .why-zest-inner-content h2{ font-size: 27px; line-height: 37px; } .awards-group .awards-item .leader-content p { margin-top: 18px; } .hs-blog-post .footer-cta-group{ margin-top: 0; } .hs_submit { margin-left: 0; margin-top: 10px; } .interested { padding: 10px 44px 40px; margin-top: 0; } .get-cta { margin-top: 10px;} .smarter { padding: 50px 30px;} .service-grp .serv-content h2 br{ display: none; } .verti.owl-carousel .owl-dot.active { background: #fff !important; } /* .digi-heart { min-height: auto !important;} */ .digi-heart .digi-content { padding: 20px 20px 50px 50px;} .verti.owl-carousel .owl-dots { left: 10px; } .home-slider .slider-content h1{ font-size: 28px; } .home-slider { background-size: 182%; background-position: 73% 0%;} .loop.owl-carousel .owl-dots { left: 44px; } .home-slider .slider-content { max-width: 315px; left: 30px; top: 395px; } .slider{ background: #151E37; } .img-animate .pc-hide{ width: 100%; } .img-animate{ height: auto; } .mobile-grp .mob-2 { position: relative; left: 57px; top: 0; width: 60%; } .post-listing .post-item { transition: transform 0s;} .digi-heart { margin-top: 80px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .overlay-menu .nav-menu { height: 100% !important; } .overlay-menu .nav-feature { height: 106% !important; } .carousel .carousel-indicators .boxtext { right: -23.25vw !important; } } .olivz a#cta_button_744339_5f907572-c7d4-4703-84fe-8397398e5d20{ width: 68px; height: 70px; padding: 48px 11px 0; vertical-align: baseline; margin-bottom: -3px; } .olivz .footer-cta-content .get-cta a { bottom: -24px; left: 0; } @media screen and (max-width: 991px) and (max-height: 500px) { /* .open .overlay-menu .nav-menu { display: inline-block; width: 100%; } .overlay-menu .nav-menu { padding: 15px 40px !important; } .open .overlay-menu .nav-menu ul.right-small, .open .overlay-menu .nav-menu ul.right-big { width: 50%; display: block; float: left; } .open .overlay-menu .nav-menu ul.mobile-menu-cta { width: 100%; padding-top: 15px; } .open .overlay-menu .nav-menu ul.right-social { width: 100%; margin-top: 20px !important; } */ } /* Santosh */ .newbg{ margin-top: 0px; padding: 43px 0 0px 0; /*background-color: #FFFFFF;*/ } .new-group{} .newbg .leader-ship-inner h3{text-align:center; font-size: 1.6em;} .new-group .leader-item {width:30.4%;border: 1px solid transparent;text-align:center;} .new-group .leader-item img {width:128px;} .new-group .leader-item h3 {color:#ED4700;font-weight: normal; font-size:0.99em;} .new-group .leader-item:hover h3{ border: 0px solid transparent; font-weight: normal; color:#ED4700; } .font-EZ a{ font-size:16px!important; } .about-content.about-content-EZ { max-width: 90.656vw!important; } ::-webkit-scrollbar { width: -webkit-fill-available; pointer-events: auto; } ::-webkit-scrollbar-thumb { background: #c1c1c1; } img.img-technology { display: block; margin: 0 auto; }