/* @import url('http://example.com/example_style.css'); */ /************************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /************************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ *, *:before, *:after { box-sizing: border-box; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ html { font-size: 18px; } body { font-family: 'Karla', sans-serif !important; } /* Paragraphs */ p { font-size: 1rem; margin: 0 0 1.4rem; color: #231F20; } strong { font-weight: 700; } /* Anchors */ a { color: #231F20; cursor: pointer; text-decoration: none; transition: .2s all; } a:hover { color: #E32726; transition: .3s all; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #231F20; font-family: 'Catamaran', sans-serif; font-weight: 700; margin: 0 0 1.4rem; word-break: keep-all; } h1 { font-size: 2.1rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.25rem; } h4 { font-size: 1.175rem; font-weight: normal; } h5 { font-size: 1rem; } h6 { font-size: 0.9rem; } /* Lists */ ul, ol { color: #231F20; margin: 0 0 1.5rem; } ul ul, ol ul, ul ol, ol ol { margin: 0; } li { color: #231F20; } ul.no-list { list-style: none; } /* Code blocks */ code { vertical-align: bottom; } /* Blockquotes */ blockquote { border-left: 2px solid #A9A9A9; margin: 0 0 1.4rem; padding-left: 15px; } blockquote.custquot { border-left: none; margin: 0; padding-left: 0; position: relative; } blockquote.custquot::before { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; top: 0; left: 0; font-size: 1rem; background: url('https://www.etu.co/hubfs/ETU%20theme/reviews-ico.svg') 100% no-repeat; } blockquote.custquot::after { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; bottom: 0; right: 0; font-size: 1rem; background: url('https://www.etu.co/hubfs/ETU%20theme/reviews-ico.svg') 100% no-repeat; transform: rotate(180deg); } /* Horizontal rules */ hr { background-color: #CCC; border: none; color: #CCC; height: 1px; } /* Subscripts and superscripts */ sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Focus styles */ :focus { outline: auto; } .disable-focus-styles :focus { outline: none; } .page .content-part .red { color: #E32726; } .section .row .panel-label { color: #A7A5A6; text-transform: uppercase; font-size: 0.66em; font-weight: 700; letter-spacing: 3px; position: relative; width: 17.3em; height: 17.3em; display: flex; align-items: center; margin: 0 0 -8em -2.6em; padding: 2.3em 0 8em 2.8em; transition: .5s all; } .section .row .panel-label::after { position: absolute; content: ''; font-size: inherit; width: 100%; height: 100%; border: 2px solid #7B7979; left: 0; top: 0; opacity: .1; border-radius: 50%; } @media (max-width: 1023px) { .section .row .panel-label { width: 15.3em; height: 15.3em; } } @media (max-width: 979px) { .section .row .panel-label { width: 13.3em; height: 13.3em; } } @media (max-width: 767px) { .panel-label-anim { font-size: 7px; letter-spacing: 2px; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .section .cta-button { display: inline-block; border-radius: 30px; background-color: #E32726; color: #fff; width: auto; font-size: 0.88rem; font-family: 'Catamaran',sans-serif; font-weight: 800; min-height: 0; float: none; border: none; } /* .section .post-button-container { display: flex; align-items: flex-end; justify-content: flex-end; margin-left: auto; width: fit-content; } */ .section .cta-button { transform: scale3d(0, 0, 1); } .section .cta-button.cta-animated { -moz-animation: ctaLoadAnim 1s; -webkit-animation: ctaLoadAnim 1s; animation: ctaLoadAnim 1s; animation-play-state: running; transform: scale3d(1, 1, 1); } @keyframes ctaLoadAnim { 0% { transform: scale3d(0, 0, 1); } 100% { transform: scale3d(1, 1, 1); } } .section .cta-button:hover { background-color: #231F20; transition: .5s all; } .cta_button { text-decoration: none !important; } .section a:hover { text-decoration: none !important; } .section .cta-button:hover a { padding: 1em 2.6em .925em 2.6em; } .section .cta-button a { color: inherit; display: inline-block; padding: 1em 3em .925em 1.3em; position: relative; } .section .cta-button.slim a { padding: .8em 2.3em .75em 1.5em; } .section .cta-button.slim:hover a { padding: .8em 2.3em .75em 2.3em; } .section .cta-button a::after { position: absolute; content: ''; font-size: inherit; background: url('https://info.empowertheuser.com/hubfs/ETU%20theme/cta-right-arrow.svg') 100% no-repeat; background-size: contain; height: 1em; width: 0.638em; right: .8em; top: 50%; transform: translateY(-50%); transition: .3s all; } .section .cta-button:hover a::after { background: url('https://info.empowertheuser.com/hubfs/ETU%20theme/cta-right-arrow-light.svg') 100% no-repeat; background-size: contain; transition: .5s all; } .section .cta-button:hover a::after { display: none; } @media (max-width: 767px) { .section .cta-button { transform: scale3d(1, 1, 1) !important; } .section .cta-button a { font-size: 13px; padding: .7em 2.7em .625em 1.3em !important; } .section .post-button { font-size: 12px !important; } .section .post-button-container { align-self: center !important; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .section .post-button-container { align-self: flex-end; font-family: 'Catamaran',sans-serif; position: relative; z-index: 1; animation-play-state: paused; border-radius: 30px; padding: 0 2.5%; margin-top: 0 !important; } .section .post-button-container::before { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: .5em; background-color: #F9D4D4; width: 100%; height: 10px; z-index: -1; } .section .post-button { font-size: 14px; font-weight: 800; text-transform: uppercase; padding: .7em; padding-left: 2.3em; position: relative; display: inline-block; z-index: 1; } .section .post-button .rollover-img { position: absolute; /* content: ''; */ width: 26px; height: 17.5px; left: 0; top: 54%; transform: translateY(-58%); transition: .2s all; z-index: 1; } .section .post-button .main-ico { position: absolute; width: 100%; height: 100%; left: 0; top: 42% !important; transform: translateY(-58%); transition: .2s all; z-index: 1; } .section .post-button .second-main-part-ico { position: absolute; /* content: ''; */ width: 100%; height: 17px; z-index: 2; left: 0; bottom: 0; object-fit: contain; object-position: center; transform: rotate(0); /* transform-origin: bottom; */ } .section .post-button .sub-ico { position: absolute; /* content: ''; */ width: 10px; height: 17px; right: 20px; top: 49% !important; transform: translateY(-51%); opacity: 0; transition: .2s all; } .post-button-container.download .second-main-part-ico { display: block !important; } .section .post-button-container:hover, .section .post-button-container.addCustHover { background-color: #F9D4D4; overflow: hidden; } .section .post-button-container:hover .post-button, .section .post-button-container.addCustHover .post-button { padding-left: .6em; padding-right: 2em; color: #231f20; } .section .post-button-container:hover .post-button .rollover-img, .section .post-button-container.addCustHover .post-button .rollover-img { opacity: 0; transition: .2s all; left: 26px; } .section .post-button-container:hover .post-button .sub-ico, .section .post-button-container.addCustHover .post-button .sub-ico { opacity: 1; transition: .2s all; right: 10px; } .section .resources-posts .post-button .second-main-part-ico { transform: rotate(90deg); transition: .4s all; } .section .post-button-container:hover .post-button .second-main-part-ico, .section .post-button-container.addCustHover .post-button .second-main-part-ico { transform: rotate(-450deg); transition: .4s all; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .first-form-style { } .no-list.hs-error-msgs.inputs-list li { margin: 0; padding: 0; } .no-list.hs-error-msgs.inputs-list li::after { display: none; } .blog-page .blog-section li.hs-form-booleancheckbox::after { display: none !important; } .first-form-style form { display: flex; flex-wrap: wrap; } .first-form-style form > div { width: 48%; margin-bottom: .6em; } @media (max-width: 767px) { .first-form-style form > div { width: 100%; margin-bottom: .6em; } } .first-form-style form>div:nth-child(1){ width: 100%; margin-right: 0em; } .first-form-style form > div:nth-child(even) { margin-right: 4%; } @media (max-width: 767px) { .first-form-style form > div:nth-child(even) { margin-right: 0; } } .first-form-style label { font-size: 14px; margin: .5em 0; display: inline-block; } @media (max-width: 767px) { .first-form-style label { font-size: 12px; } } .first-form-style input { border: none !important; border-radius: 0 !important; height: 48px !important; } .first-form-style textarea { border: none !important; border-radius: 0 !important; width: 100%; height: 80px; } .first-form-style form ul { padding: 0; margin: 0; } .first-form-style form li { list-style: none; } .first-form-style .hs_message { margin-bottom: 1em; } .first-form-style .legal-consent-container { margin-bottom: 0; } .first-form-style .hs_message, .first-form-style .legal-consent-container { width: 100%; margin-right: 0 !important; } .first-form-style .legal-consent-container label { position: relative; margin-bottom: 1em; } .first-form-style .legal-consent-container label>input { width: 32px; height: 32px !important; padding: 0 !important; border: 0px solid #7B7979 !important; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .first-form-style .legal-consent-container label>span { margin: 0; padding-left: 50px; } .first-form-style .legal-consent-container label>span p { font-size: 1em; display: inline-block; line-height: 150%; } .first-form-style .hs-button { cursor: pointer; height: auto !important; font-size: 16px !important; font-family: 'Catamaran',sans-serif !important; font-weight: 800 !important; background-color: #E32726 !important; border-radius: 35px !important; padding: .7em 1.4em !important; line-height: 120%; min-width: auto; transition: .3s all; } @media (max-width: 980px) { .first-form-style .hs-button { font-size: 14px !important; } .first-form-style input { height: 35px !important; } .first-form-style textarea { height: 60px; } } .first-form-style .hs-button:hover { background-color: #383435 !important; transition: .5s all; } .hs_error_rollup .hs-main-font-element { color: #e32726; } .first-form-style .submitted-message { overflow-y: hidden !important; font-size: 1.111em; line-height: 1.5; color: #231f20; } #book_meet_form_wrapper .submitted-message { overflow-y: hidden !important; font-size: 1.111em !important; line-height: 1.5 !important; } #book_meet_form_wrapper .submitted-message p { color: #fff !important; } #book_meet_form_wrapper .submitted-message p > a { text-decoration: none; font-weight: 700; color: #e32726 !important; } #book_meet_form_wrapper .submitted-message p > a:hover { text-decoration: underline; } label.hs-error-msg { font-size: .777em !important; } #wrap-job-form label.hs-error-msg, .download-page label.hs-error-msg { font-size: .7em !important; } .legal-consent-container .hs-error-msgs label { color: red !important; } .hs_error_rollup .hs-main-font-element { display: none !important; } /**** Checkbox Style *****/ .first-form-style .hs-form-booleancheckbox input[type="checkbox"]:after{ content: ''; display:block; width:35px; height:35px; background-image: url('https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/unchecked-wh.svg'); background-size: auto; background-repeat: no-repeat; position:absolute; top:0px; } .first-form-style .hs-form-booleancheckbox input[type="checkbox"]:before{ content: ''; display:block; width:35px; height:35px; background-image: url('https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/checked-wh.svg'); background-size: auto; background-repeat: no-repeat; position:absolute; top:0px; } .first-form-style .hs-form-booleancheckbox input[type="checkbox"]:checked::after{ display:none; } .first-form-style .hs_select_files input { padding: 0 !important; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .blog-page .panel-label-anim { color: #A7A5A6; text-transform: uppercase; font-size: 0.66em; font-weight: 700; letter-spacing: 3px; position: relative; width: 17.3em; height: 17.3em; display: flex; align-items: center; margin: 0 0 -8em -2.6em; padding: 2.3em 0 8em 2.8em; z-index: -1; } /* Pop up CTA Styling */ .blog-page #pop-up-cta-container div{ text-align: center; } .blog-page #pop-up-cta-container div a { padding: 10px 30px; background-color: #e32726; font-weight: bold; color: #fff; text-decoration: none; font-family: Karla; border-radius: 50px; font-size: 1.11rem; } @media(max-width: 980px){ .blog-page #pop-up-cta-container div a { font-size: 1rem; } } @media(max-width: 500px){ .blog-page #pop-up-cta-container div a { font-size: 14px; } } @media (max-width: 1023px) { .blog-page .panel-label-anim { width: 15.3em; height: 15.3em; } } @media (max-width: 979px) { .blog-page .panel-label-anim { width: 13.3em; height: 13.3em; } } /* Panel label animation */ .blog-page .anim-circle { position:absolute; width: 100%; height: 100%; left: 0; top: 0; } .blog-page .graydash { width: 100%; height: 100%; position:absolute; left: 0; top: 0; transform: rotate(-90deg); opacity: .1; } .blog-page .smaldash { width: 100%; height: 100%; position:absolute; left: 0; top: 0; transform: rotate(-90deg); } .blog-page .graydash circle { stroke: #7B7979; stroke-dasharray: 1 2000; animation: dash 1s linear; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: paused; } .blog-page .smaldash circle { stroke: #E32726; stroke-dasharray: 20 2000; animation: smdash 1s linear; animation-direction: normal; animation-fill-mode: forwards; animation-play-state:paused; } .blog-page .panel-label-anim.js-round-animation circle{ animation-play-state:running; } @keyframes rotate { 0% { transform: rotate(-90deg); } 100% { transform: rotate(270deg); } } @keyframes smdash { 0% { stroke-dashoffset: 16; } 100% { stroke-dashoffset: -617; } } @keyframes dash { 0% { stroke-dasharray: 1, 2000; stroke-dashoffset: 0; } 50% { stroke-dasharray: 314, 2000; stroke-dashoffset: 0; } 100% { stroke-dasharray: 628, 2000; stroke-dashoffset: 0; } } .case-study #fullpage .solution .row.three .gray-box:empty, .case-study #fullpage .solution .row.two .widget-type-rich_text:empty { display: none; } .case-study #fullpage .next-case-study .panel-label-anim { z-index: 0; } .case-study #fullpage .next-case-study h2 { position: relative; } #case-study-fifth:before { position: absolute; content: ''; left: 0; top: 0; background: url(/hubfs/ETU%20theme/resouces-sm-circles.png); background-size: auto; background-repeat: repeat; background-position: center; width: 100%; height: 100%; z-index: 0; } .section.next-case-study .cta-button { transform: unset; } .blog-page #fullpage .section { font-size: 1rem; } .case-study #fullpage .solution { margin: 0; } .blog-page #fullpage .row { float: none; margin: 0 auto; width: 90%; max-width: 1212px; } .case-study-body .post-content > .row-fluid-wrapper > .row-fluid > .row{ width: 100% !important; max-width: 100% !important; } .case-study-body .post-resources { display: none; } .blog-page #fullpage { position: relative; z-index: 1; } .blog-page #fullpage::after { position: absolute; content: ''; background-color: #f4f3f3; width: 65.5%; height: 30em; left: 0; top: 8.5em; z-index: -1; } .blog-page.singlePost #fullpage::after { display: none; } .blog-page.singlePost.post-default-body #fullpage::after { display: block; } .blog-page .blog-post-content-wrapper { max-width: 1000px; margin: 0 auto 5.5%; } .blog-page .blog-post-content-wrapper:nth-child(2) { margin: 0 auto; } .download-page .contact-form .legal-consent-container .hs-form-required { display: none; } .blog-page .blog-section h1 { font-size: 3em; font-weight: 900; margin-bottom: 0.6em; } .blog-page .blog-section h2 { font-size: 3em; font-weight: 900; margin: .6em 0 .4em; } .blog-page .blog-section h3 { font-size: 2em; font-weight: 800; color: #E32726; margin: .5em 0; } .blog-page .blog-section h4 { font-size: 1.7777em; font-weight: 600; margin: 1.2em 0; } .blog-page .blog-section h5 { font-size: 1.7777em; text-transform: uppercase; color: #7B7979; margin: 1.3em 0 .8em; } .blog-page .blog-section h6 { font-size: 1.555em; font-weight: 800; margin: 1em 0; } .blog-page .blog-section p { font-size: 1.1111em; line-height: 155%; } .blog-page .blog-section a { color: #E32726; } .blog-page .blog-section a:hover { color: #000; } .blog-page .blog-post-content-wrapper img { width: 100%; max-width: 100%; height: auto; margin: 0 0 1em; } .blog-page .blog-post-head { display: flex; justify-content: flex-end; align-items: center; padding-top: 1em; } .blog-page .blog-post-date { color: #A7A5A6; text-transform: uppercase; font-size: 0.66em; font-weight: 700; letter-spacing: 3px; position: relative; display: inline-flex; align-items: center; justify-content: center; width: 17.3em; height: 17.3em; padding: 0 3.5em 4em 2em; margin: 0 0 -7em -2.2em; white-space: nowrap; } .blog-page .blog-post-date::after { position: absolute; content: ''; font-size: inherit; width: 100%; height: 100%; border: 2px solid #7B7979; left: -5%; top: 0; opacity: .1; border-radius: 50%; } .blog-page .blog-post-cat { font-style: italic; font-size: 0.888em; position: relative; padding-left: 10px; margin-top: 2%; text-transform: capitalize; margin-bottom: 2em; } .blog-page .blog-post-cat::after { position: absolute; content: ''; width: 5px; height: 5px; left: 0; top: 50%; transform: translateY(-50%); background-color: #E32726; border-radius: 50%; } .blog-page .blog-section.post-default .widget-type-social_sharing { margin-bottom: 2em; } .blog-page .blog-post-meta{ margin-bottom: 1.35rem; max-width: 860px; width: 86%; } .blog-page .blog-post-meta .blog-post-author{ color: #D7251F; font-style: italic; font-weight: 600; margin-bottom: .5rem; } .blog-page .blog-post-meta .blog-post-descripton p{ color: #231f20; font-style: italic; font-weight: 400; font-size: 1em; line-height: 130%; } .blog-page .blog-post-author-social { display: flex; align-items: center; height: 22px; margin-bottom: 2em; } .blog-page .blog-post-author-social .post-social-ico { margin-right: 2em; opacity: .65; } .blog-page .blog-post-author-social .post-social-ico:hover { opacity: 1; } .blog-page .blog-post-author-social .post-social-ico:last-child { margin-right: 0; } .blog-page .blog-post-author-social .post-social-ico img { height: auto; } .blog-page .blog-post-featured-img { margin-bottom: 2em; } .blog-page .blog-post-featured-img img { margin: 0; } .blog-page .blog-section ul, .blog-page .post-content ul { padding: 0; margin: 0; padding-left: 3em; margin: 0.5em 0 1.5em; } .blog-page .blog-section ul>li>ul, .blog-page .post-content ul>li>ul { margin: 0; padding-left: 1em; } .blog-page .blog-section li, .blog-page .post-content li{ list-style: none; position: relative; font-size: 1.1111em; padding-left: .7em; margin: 0 0 0.5em; line-height: 155%; } .blog-page .blog-section ul>li>ul>li, .blog-page .post-content { font-size: inherit; } .blog-page .blog-section li::after, .blog-page .post-content li::after{ position: absolute; content: ''; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background-color: #E32726; } ul li { font-size: 1.1111em; line-height: 155%; } ul li p { font-size: 1.1111em; line-height: 155%; margin: 0; } .blog-page .blog-section .blog-list-read { text-align: center; max-width: 170px; margin: 0 auto; padding: 0 .4em; } .blog-page .blog-section .blog-list-read a { color: #e32726; } .blog-page .blog-section .blog-list-read a:hover { } .blog-page .blog-section .blog-list-read a:hover { color: #E32726; } .blog-page.singlePost .blog-section .blog-list-read a:hover { color: #000; } .blog-page .section.post-resources { padding: 100px 0; } .section.post-resources .row.one h2 { font-size: 3.55em; font-weight: 900; margin-bottom: 1em; } /*** Blog page ***/ .page .resources-posts .col.two .post-image { object-fit: cover; max-width: 100%; height: 301px !important; width: 100%; } #blogpage .resources-posts .col.two .hs-featured-image-link { max-width: 91.6%; margin-left: auto; position: relative; } #blogpage .resources-posts .col.two .hs-featured-image-link { display: flex; position: relative; } #blogpage .resources-posts .col.two .client-stories .hs-featured-image-link:after { background: linear-gradient(203deg,rgba(35,31,32,1) 0%,rgba(227,39,38,1) 100%); opacity: .6; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100% } #blogpage .resources-posts .col.two .client-stories .hs-featured-image-link h2{ position: absolute; height: 100%; width: 100%; margin: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; font-size: 2.333em; line-height: 1.15; font-weight: 700; z-index: 1; } #blogpage .resources-posts .col.two .client-stories .hs-featured-image-link h2 span { font-weight: 900; } .search-body #blogpage .resources-posts p.overlay-title { position: absolute; height: 100%; width: 100%; margin: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1; top: 0; left: 0; max-height: 143px; } .search-body #blogpage .resources-posts p.overlay-title h2:after { background: linear-gradient(203deg,rgba(35,31,32,1) 0%,rgba(227,39,38,1) 100%); opacity: .6; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:-1; } .search-body #blogpage .resources-posts p.overlay-title h2 { font-size: .888em; line-height: 1.15; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index:3; height: 100%; width: 100%; margin: 0; } .search-body #blogpage .resources-posts p.overlay-title h2 span { font-weight: 900; } #blogpage .resources-posts .post-content { padding: 2em 2.77em 2.22em; width: 91.6%; min-height: 428px; } #blogpage .resources-posts .post-meta { display: flex; justify-content: space-between; align-items: center; font-size: .888em; color: #7B7979; font-style: normal; } #blogpage.resources-page .banner_subscribe .subscribe_form form label.hs-error-msg { margin-top: 30px; } #blogpage.resources-page .banner_subscribe .subscribe_form form label.hs-error-msg { max-width: 195px; } #blogpage.resources-page .banner_subscribe .subscribe_form form input.hs-button:hover { cursor: pointer; } #blogpage .resources-posts>.hs_cos_wrapper { display: flex; flex-direction: column; } #blogpage .resources-posts .post-tags { font-size: .888em; color: #7b7979; text-transform: capitalize; font-style: normal; transition: .3s all; align-self: flex-end; margin-bottom: 0; position: relative; padding-left: 8px; display: inline-block; } #blogpage .resources-posts .col.two { flex-wrap: wrap; } #blogpage .resources-posts .col.two:before { display: none; } #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(even) { width: 49.1%; margin-right: 1.8%; } #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(odd) { width: 49.1%; margin-right: 0; margin-top: 6%; } #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(1) { width: 49.1%; margin-right: 1.8%; margin-top: 0; } #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(2) { width: 49.1%; margin-right: 0; margin-top: 6%; } /* #blogpage .resources-posts .post-item.cat-research:hover .post-button img { right: -12em; } */ #blogpage .resources-posts .col.two.post-popular .post-item:nth-child(odd) { width: 49.1%; margin-right: 1.8%; } #blogpage .resources-posts .col.two.post-popular .post-item:nth-child(even) { width: 49.1%; margin-right: 0; margin-top: 6%; } #blogpage .resources-posts .post-item { margin-bottom: 7.35%; } #blogpage .resources-posts .col.two .post-item:hover .post-content{ box-shadow: 0 3px 30px rgba(35,31,32,.15); } /* #blogpage .resources-posts .post-item:hover .post-button:before { z-index: -1; height: 36px; bottom: -9px; border-radius: 18px; left: 70%; } */ #blogpage .resources-posts .post-item:hover { } /* #blogpage .resources-posts .post-item:hover .post-button img { right: -8em; } #blogpage .resources-posts .post-item:hover .post-button { margin-right: 2.8em; } */ .search-body #blogpage .resources-posts .post-item:hover .post-button { /* margin-right: 5.8em; */ } /* .search-body #blogpage .resources-posts .post-item:hover .post-button img { right: -9em; } */ #blogpage .resources-posts .col.two .post-item:hover .hs-featured-image-link{ margin-right: 2%; } .res-topic-navigation { display: flex; margin: 0; } .dot-before { max-width: 67%; text-align: right; margin-left: auto; } .res-topic-navigation li { display: block; line-height: 1em; } #blogpage .resources-posts .post-button { color: #231F20; margin-top: auto; display: block; } #blogpage .resources-posts .post-button:before { width: 156%; bottom: -3px; } #blogpage .res-topic-navigation li a, #blogpage .res-topic-navigation .hs-search-field__input { align-self: flex-end; font-family: 'Catamaran',sans-serif; margin-right: 1.32em; font-size: 1.1em; font-weight: 800; line-height:1.1; position: relative; z-index: 1; color: #231F20; } #blogpage .res-topic-navigation li .active { color: #e32726; } #blogpage .res-topic-navigation li .active::before { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: .3em; background-color: #f9d4d4; width: 115%; height: 9px; z-index: -1; } /* 2022 */ #blogpage .res-navigation-wrap { width: 100%; } #blogpage .res-navigation-wrap ul { list-style: none; } #blogpage .res-navigation-wrap .res-topic-navigation { padding: 0 0 11px; } #blogpage .res-navigation-wrap .res-topic-navigation li a { } #blogpage .res-navigation-wrap .res-navigation-filters { display: flex; flex-flow: row wrap; margin-bottom: 2em; border-bottom: 1px solid #D3D2D2; } #blogpage .res-navigation-wrap .res-navigation-filters li { padding-right: 3.5%; padding-left: 1%; } #blogpage .res-navigation-wrap .res-navigation-filters .filter-search{ padding: 0 .5%; } #blogpage .res-navigation-wrap .res-navigation-filters li:last-child { padding-right: 0; } #blogpage .res-navigation-wrap .res-navigation-panels { padding: 0 0 0 1%; } #blogpage .res-navigation-wrap .res-navigation-panels .navigation-panel:not(.nav-active){ display: none; } #blogpage .res-navigation-wrap .res-navigation-panels .navigation-panel li a.btn-tab-line { font-size: .76em !important; text-transform: uppercase; margin-right: 2.3em !important; } @media (max-width: 1370px){ #blogpage .res-navigation-wrap .res-navigation-panels .navigation-panel li a.btn-tab-line { font-size: .66em !important; } } #blogpage .res-navigation-wrap .res-navigation-panels .navigation-panel li:last-child{ margin-right: 0 !important; } #blogpage .control_blog { display: flex; align-items: center; margin-bottom: 2em; width: 100%; } #res-body .search-block{ width: 130px; height: 100%; min-width: 110px; /* height: 48px; */ display: flex; } #res-body .search-block .hs-search-field { height: 100%; width: 100%; } #res-body .search-block .hs-search-field .hs-search-field__bar { display: flex; align-items: center; height: 100%; } #res-body .search-block .hs-search-field form { display: flex; } #res-body .search-block .hs-search-field form .hs-search-field__input { background: url('/hubfs/search.svg'); background-size: 18px; background-repeat: no-repeat; background-position: 0 center; padding: 0 0 0 26px; margin-bottom: 0; border: 0; } #res-body .search-block form .hs-search-field__input:focus{ width: 100%; outline: unset; background: url('/hubfs/ETU-2022/search-red.svg'); background-size: 18px; background-repeat: no-repeat; background-position: 0 center; } #res-body .search-block .hs-search-field form .hs-search-field__input::placeholder { color: #242021; } @media(max-width:1370px) { #res-body .search-block .hs-search-field form .hs-search-field__input { margin-top: 4%; } } #res-body .search-block form .hs-search-field__input:focus::placeholder{ color: #e32726 !important; } #res-body .search-block .hs-search-field form .hs-search-field__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ /* color: #a7a5a6; font-family: 'Karla',sans-serif !important; font-weight: 400; */ } #res-body .search-block .hs-search-field form .hs-search-field__input::-ms-input-placeholder { /* Microsoft Edge */ /* color: #a7a5a6; font-family: 'Karla',sans-serif !important; font-weight: 400; */ } #res-body .search-block.focused * { width: 100%; } #res-body .search-block.focused .close-search { width: 20px; margin-left: auto; display: flex; align-items: center; justify-content: center; } #res-body .search-block.focused .close-search img { height: 1.1em; width: 1.1em; } #blogpage .control_blog { position: relative; } #res-body .search-block.focused{ width: 100%; /* position: absolute; */ z-index: 9; max-width: 100%; } #blogpage .section.blog-body { position: relative; z-index: 0; padding-bottom: 7.111em; } #blogpage { overflow: hidden; } .blog-page .main-footer { background: #F4F3F3; } #blogpage.content-part .row { max-width: 1210px; margin: auto; } #blogpage .resources-posts .col.two { max-width: 100%; } #blogpage .section.blog-body:before { position: absolute; content: ''; left: 41%; transform: translateX(-50%); top: -15em; background: url(/hubfs/Path%202846.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 320em; height: 320em; z-index: -2; } #blog-top h1 { font-size: 4em; font-weight: 900; margin-bottom: 1.05em; margin-top: .2em; } #blog-top p{ font-size: 1.111em; line-height: 1.5; } #blogpage.content-part .row.one { display: flex; } #blogpage.content-part .row.one > .row-fluid-wrapper:nth-child(1) { width: 48%; } #blogpage.content-part .row.one > .row-fluid-wrapper:nth-child(2) { width: 52%; } #blogpage.content-part .row.one .col.two { padding-top: 8em; padding-left: 1.7em; } .banner_subscribe .col.one{ background: #E9E8E8; margin-bottom: 4em; } .banner_subscribe .col.one .row-fluid { display: flex; align-items: center; } .banner_subscribe-text { max-width: 311px; width: 29% !important; margin-right: 1.6%; padding: 23px 0 23px 46px; } .banner_subscribe .subscribe_form form fieldset{ padding: 23px 0; max-width: 100%; width: 100%; margin-right: 9px; } .banner_subscribe .col.one .row-fluid h3{ font-size: 1.333em; margin: 0; line-height: 1.44; font-weight: 900; } .banner_subscribe .subscribe_form { width: 72.6%; margin: 0; } .banner_subscribe .subscribe_form form { display: flex; align-items: center; position: relative; } .banner_subscribe .subscribe_form form label { font-size: 14px; line-height: 1; margin-bottom: 8px; display: block; } .banner_subscribe .subscribe_form form label .hs-form-required { display:none; } .banner_subscribe .subscribe_form form .input { margin-right: 18px !important; } .banner_subscribe .subscribe_form form .input input { height: 48px !important; width: 100% !important; border: 0 !important; border-radius: 0 !important; } .banner_subscribe .subscribe_form form input.hs-button { background-color: transparent !important; width: 100%; display: flex; align-items: center; font-family: 'Catamaran',sans-serif !important; font-weight: 800 !important; font-size: 1em !important; color: #fff; padding: 1.86em !important; padding-left: 6em !important; position: relative; z-index: 3; border-radius: 0 !important; background-image: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/book-a-meet-ico.svg) !important; background-size: 36px; background-repeat: no-repeat !important; background-position: 29% center !important; height: 100%; margin: 0; position: relative; transition: .7s all; } .banner_subscribe .subscribe_form form .actions::after { position: absolute; content: ''; font-size: 1rem; width: 11.1111em; height: 11.1111em; left: -13%; top: 50%; background-color: #E32726; z-index: -1; top: 50%; transform: translateY(-50%); border-radius: 0 50% 50% 0; transition: .5s all; } .banner_subscribe .subscribe_form form .hs_submit.hs-submit { height: 100%; width: 41.56%; } .banner_subscribe .subscribe_form form .actions { position: relative; overflow: hidden; z-index: 1; background-color: #c61110 !important; } .banner_subscribe .subscribe_form form .actions:hover:after { width: 20em; height: 20em; transition: .7s all; } .banner_subscribe .subscribe_form form .actions:hover input { padding-left: 6.3em !important; padding-right: 1.56em !important; transition: .7s all; } .banner_subscribe .subscribe_form form .hs_error_rollup { position: absolute; bottom: 0; display: none; } .banner_subscribe .subscribe_form form .no-list.hs-error-msgs.inputs-list { position: absolute; margin: 0; padding: 0; } .banner_subscribe .subscribe_form form label.hs-error-msg { color: red; } .banner_subscribe .subscribe_form .submitted-message { text-align: center; } #blogpage .blog-pagination { display: flex; align-items: center; justify-content: center; margin-top: 0; } .blog-page .blog-section .blog-pagination a { width: 29px; height: 39px; font-size: 1.333em; color: #e32726; padding: 0 .5em; font-family: 'Catamaran',sans-serif !important; font-weight: 900; } .blog-page .blog-section .blog-pagination a.active { background: #fff; } .blog-page:before, .search-body:before { position: absolute; content: ''; left: 0; top: 0; background: url(/hubfs/ETU%20theme/resouces-sm-circles.png); background-size: auto; background-repeat: repeat; background-position: center; width: 100%; height: 100%; z-index: -1; } #blogpage .section.blog-body:after { position: absolute; content: ''; left: 0; top: -3%; background: url(/hubfs/ETU%20theme/resouces-sm-circles.png); background-size: auto; background-repeat: repeat; background-position: center; width: 100%; height: 103%; z-index: -1; } #blogpage .row-fluid a { color: #e32726; } #blogpage .row-fluid a:hover { text-decoration: underline; } #blogpage .hs-search-field__suggestions { display: none; } .search-body .post-item { display: flex; width: 100%; } .search-body .post-item .hs-search-results__featured-image { min-width: 258px; margin-right: 35px; width: 258px; position: relative; } .search-body .post-item .hs-search-results__featured-image img { max-width: 100%; width: 100%; max-height: 143px; height: 100%; object-fit: cover; } .search-body #blog-top h1 { margin-bottom: 0.15em; margin-top: 1.2em; } .search-top { margin-bottom: 8.2em; } #blog-top.search-top p #term { font-weight: 700; } .search-body .resources-posts .hs-search-highlight { color:#E32726; text-decoration: underline; font-weight: 800; } .blog-page .main-footer, .search-body .main-footer, .blog-page.case-study-body.singlePost .main-footer{ background: #F4F3F3; } .blog-page.singlePost .main-footer { background: #fff; } .search-body #blogpage .resources-posts .post-content { height: auto; padding: 0; min-height: auto; width: 100%; padding-top: 3px; } .search-body #blogpage .resources-posts .post-button-container { margin-right: 4em; } .search-body .section .post-button { /* padding: .7em; padding-left: 0.5em; */ } .search-body .section .resources-posts .post-button img { /* margin-right: 1.5em; */ top: 3px; } .search-body .dot-before { margin-left: 0; margin-right: 3em; } .search-body #blogpage .resources-posts .post-tags { font-style: italic; } .search-body #blogpage .resources-posts .post-meta { margin-bottom: .8em; justify-content: flex-start; } .page #blogpage .resources-posts .post-title { font-size: 1.555em; margin-bottom: .9em; } .search-body #blogpage .resources-posts .post-item { margin-bottom: 6%; } .search-body #blogpage .resources-posts .post-title { margin-bottom: .5em; } .search-body #blogpage .resources-posts p { line-height: 155%; font-size: .8888em; } .page #blogpage .resources-posts .post-title a { color: #e32726; } .page #blogpage .resources-posts .post-title a:hover { color: #e32726; } .search-body #blogpage .resources-posts .post-item:hover .post-title a { color: #e32726; } .search-body #blogpage.content-part .row.one>.row-fluid-wrapper { width: 100%; } .search-body #blogpage .section.blog-body:before { left: 38%; transform: translateX(-50%); top: -5em; } .floatstop { clear: both; } .blog-section.post-research.download-page { padding-top: 120px; } .research-post-img-text.span12.widget-span.widget-type-cell.row.one { width: 100vw !important; max-width: 100vw !important; right: 50% !important; margin-right: -50vw !important; margin-left: -50vw !important; left: 50% !important; position: relative; padding: 0 5px; margin-bottom: 2.888em !important; } @media(min-width:768px) { #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(3) { width: 100%; display: flex; position: relative; margin-top: 1em; margin-bottom: 9.35%; min-height: 300px; } .etu-forms form > div:nth-child(2n+1) { margin-right: 4%; } .etu-forms form > div { margin-bottom: 0.6em; width: 48%; } .etu-forms form { display: flex; flex-wrap: wrap; } .etu-forms form label { display: inline-block!important; font-size: 0.777em!important; margin: 0.5em 0px!important; } .etu-forms .hs_submit { text-align: center; width: 100%; } .etu-forms input { height: 48px !important; border-style: none none solid !important; background-color:transparent !important; border-image: initial !important; border-bottom: 2px solid rgb(112, 112, 112) !important; border-radius: 0px !important; } .etu-forms .hs_message, .etu-forms .legal-consent-container { margin-right: 0 !important; width: 100%; } .etu-forms .legal-consent-container label:not(.hs-error-msg) { font-family: Karla; color: #33475b; font-size: 12px!important; } .etu-forms input:focus { border-bottom: 2px solid #e32726!important; outline: none!important; } .etu-forms form ul { margin: 0!important; padding: 0!important; } .etu-forms form li { list-style: none } .etu-forms .hs-button { background-color: #e32726 !important; border: none !important; border-radius: 35px !important; cursor: pointer; font-family: Catamaran, sans-serif !important; font-size: .888em !important; font-weight: 800 !important; height: auto !important; line-height: 120%; min-width: auto; padding: .7em 1.4em !important; transition: all .3s; } .etu-forms .hs-button:hover{background-color: #000 !important;} .etu-forms .legal-consent-container .hs-form-booleancheckbox-display input { float: left; width:auto!important; } #wrap-job-form select.hs-input { height: 48px !important; border:1px solid #eaeaea!important; border-image: initial !important; border-radius: 0px !important; width: 100%; padding: 0px 20px 0px 20px !important; } #wrap-job-form form div:nth-child(1){width:100%!important} #wrap-job-form form div:nth-child(2){width:100%!important} #wrap-job-form form div:nth-child(3){width:100%!important} #wrap-job-form form div:nth-child(4){width:100%!important} #wrap-job-form form > div:nth-child(odd) { margin-right: 4%; } #wrap-job-form form > div:nth-child(even) { margin-right: 0%; } #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(3) .post-content { width: 68%; position: absolute; right: 0; max-width: 800px; margin-top: 0; min-height: 346px; top: 50%; transform: translateY(-50%); } #blogpage .resources-posts .col.two .post-item:nth-child(3):hover .hs-featured-image-link { margin-right: 0; } #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(3) .hs-featured-image-link { max-width: 100%; } #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(3) .post-image { max-width: 100%; margin: auto 0; } #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(3) .hs-featured-image-wrapper{ max-width: 544px; margin: auto 0; width: 46%; width: 32%; } } @media(max-width:1340px) { #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(3) .post-content { min-height: 315px; padding: 1.5em; } #blogpage .resources-posts .col.two .client-stories .hs-featured-image-link h2 { font-size: 1.53em; } } @media(max-width:980px) { #blogpage .resources-posts .col.two.post-listing-main .post-item:nth-child(3) .post-content { min-height: 215px; } } @media(max-width:1370px) { #blogpage .res-topic-navigation li a, #blogpage .res-topic-navigation .hs-search-field__input { font-size: .788em; } #blogpage .res-topic-navigation li .active::before { width: 127%; } #blogpage.resources-page .banner_subscribe .subscribe_form form label.hs-error-msg { max-width: 78%; } } @media(max-width:1200px) { .res-topic-navigation { flex-wrap: wrap; } .res-topic-navigation li { display: block; line-height: 1.3em; } .banner_subscribe .col.one .row-fluid h3 { font-size: 1.05em; } .banner_subscribe .subscribe_form form fieldset { padding: 17px 0; } .banner_subscribe-text { padding: 17px 0 17px 46px; } .banner_subscribe .subscribe_form form .actions::after { left: -18%; } #blogpage .resources-posts .col.two .post-content { padding: 2em 1.77em 1.77em; min-height: 328px; } #blogpage .section.blog-body { padding-bottom: 4.111em; } .page .resources-posts .col.two .post-image { height: 250px !important; } #blogpage.resources-page .banner_subscribe .subscribe_form form label.hs-error-msg { max-width: 58%; } } @media(max-width:980px) { #blogpage.resources-page .banner_subscribe .subscribe_form form .no-list.hs-error-msgs.inputs-list { position: relative; margin: 0 0 10px; padding: 0; } #blogpage.resources-page .banner_subscribe .subscribe_form form label.hs-error-msg { margin-top: 0; margin-bottom: 10px; max-width: 100%; } #fullpage .research-post-img-text.span12.widget-span.widget-type-cell.row.one { width: 100% !important; max-width: 100% !important; right: unset !important; margin-right: unset !important; margin-left: unset !important; left: unset !important; position: relative; padding: 0 5px; margin-bottom: 0.888em !important; flex-wrap: wrap; } .blog-page .blog-section h1 { font-size: 2em; } #fullpage .download-page .research-paper .row.one>.row-fluid-wrapper:first-child { width: 100%; } #fullpage .download-page .research-paper .row.one .col.two { background-color: #f4f3f3; margin-top: -4em; right: -6.2%; position: relative; margin-bottom: 2em; } #fullpage .download-page .research-paper .row.one>.row-fluid-wrapper:last-child { width: 100%; margin-left: 0; } .section.post-resources .row.one h2 { font-size: 2.55em; } .blog-page .blog-section ul { padding-left: 1.8em; } .banner_subscribe .subscribe_form form .actions::after { left: -41%; } .blog-page .blog-section p, .blog-page .blog-section li { font-size: 1em; line-height: 135%; } .page .resources-posts .col.two .post-image { height: 200px !important; } .page .resources-posts .post-title, .page .resources-posts .col.two .post-title { font-size: 1.355em !important; margin-bottom: .7em !important; } #blogpage .res-topic-navigation li a { font-size: .688em; } .banner_subscribe .subscribe_form form .input input { height: 38px !important; } .banner_subscribe-text { padding: 17px 0 17px 19px; } #blogpage.content-part .row.one .col.two { padding-top: 4em; } #blog-top h1 { font-size: 3em; margin-bottom: 2.05em; } #blogpage .control_blog { margin-bottom: 3.11em; } #res-body .search-block .hs-search-field form .hs-search-field__input { margin-top: 5%; } #blogpage .resources-posts .col.two .post-content { padding: 2em 1.77em 1.77em; min-height: auto; } #blogpage .resources-posts .col.two .post-content { margin-top: -3em; } .banner_subscribe .subscribe_form form .hs-form-field { width: 32.333% !important; margin-right: 1.5%; } .banner_subscribe .subscribe_form form .hs-form-field:last-child { margin-right: 0%; } .banner_subscribe .subscribe_form form { flex-wrap: wrap; } .banner_subscribe .subscribe_form form fieldset { padding: 0 17px; margin: 0; } .banner_subscribe .subscribe_form form .input { margin-right: 0px !important; margin-bottom: 15px; } .banner_subscribe .subscribe_form form .hs_submit.hs-submit { height: 100%; width: 100%; } .banner_subscribe .subscribe_form form .actions::after { left: 0em; width: 50%; height: 12.1111em; } .banner_subscribe .subscribe_form form input.hs-button { text-align: center; display: flex; align-items: center; justify-content: center; padding-left: 3em !important; background-image: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/book-a-meet-ico.svg) !important; background-size: 28px; background-repeat: no-repeat !important; background-position: 41% center !important; padding: 0.86em !important; } .banner_subscribe .col.one .row-fluid { flex-wrap: wrap; } .banner_subscribe-text { width: 100% !important; padding: 17px; margin: 0; text-align: center; max-width: 100% !important; } .banner_subscribe .subscribe_form { width: 100%; margin: 0; } } @media(max-width:780px) { #fullpage .download-page .research-paper .row.one .col.two { right: -6.45%; } } .colsnonmobile { width: 50%; float: left; margin-bottom: 0px;} @media(max-width:767px) { .colsnonmobile { width: 100%; float: left; margin-bottom: 30px;} #res-body .search-block .hs-search-field form .hs-search-field__input:focus { max-width: 100%; } #blogpage .resources-posts .col.two .client-stories .hs-featured-image-link:after { top: 0; left: unset; right: 0; width: 90%; } .search-body #blogpage .resources-posts .post-button-container { margin-right: 0; } #blogpage.resources-page .banner_subscribe .subscribe_form form label.hs-error-msg { max-width: 100%; } .banner_subscribe .subscribe_form form .hs-form-field { width: 100% !important; margin-right: 0%; } #blogpage.content-part .row.one { flex-wrap: wrap; } #blogpage.content-part .row.one>.row-fluid-wrapper:nth-child(1), #blogpage.content-part .row.one>.row-fluid-wrapper:nth-child(2) { width: 100%; } #blog-top h1, #fullpage.blog-page .blog-section h1 { font-size: 1.555em; margin-bottom: 1em; } #blog-top h1 > br { display: none; } #blogpage.content-part .row.one .col.two { padding-top: 0; padding-left: 0; } #blog-top p { font-size: 14px; max-width: 400px; } #blogpage.content-part .row.one { margin-bottom: 2em; } #blogpage .control_blog { flex-wrap: wrap; height: auto; } #res-body .search-block { width: 100%; margin-bottom: .5em; } #res-body .search-block.focused{ width: 100%; position: relative; z-index: 9; max-width: 100%; } .banner_subscribe .col.one { margin-bottom: 1.1em; } .res-topic-navigation { flex-wrap: wrap; padding: 0; align-items: center; justify-content: center; } #blogpage .res-topic-navigation li a { font-size: 14px; line-height: 1.6; } #blogpage .resources-posts .col.two .post-item { width: 100% !important; margin-right: 0 !important; margin-top: 0 !important; } #blogpage .resources-posts .col.two .post-content { padding: 1.77em; min-height: auto; } .page .resources-posts .post-content-wrap::after { width: 8.555em; height: 8.555em; } .search-top { margin-bottom: 2.2em; } .search-body #blogpage .section.blog-body:before { top: -3em; } .search-body #blogpage .resources-posts .post-item { margin-bottom: 2em; flex-wrap: wrap; max-width: 500px; margin-left: auto; margin-right: auto; } .page #blogpage .resources-posts .post-title, .page .resources-posts .col.two .post-title { font-size: 1.155em !important; } #blogpage .resources-posts .col.two .client-stories .hs-featured-image-link h2 { font-size: 1.155em !important; } .search-body .post-item .hs-search-results__featured-image { margin: auto; width: 100%; } .section .resources-posts .post-item .post-button { line-height: 1.6; } .section .resources-posts .post-button img { /* top: 2px !important; width: 8px; */ } .search-body .post-item .hs-search-results__featured-image img, .search-body #blogpage .resources-posts p.overlay-title { max-height: 200px; } #blogpage .section.blog-body { padding-bottom: 2.111em; } .page .resources-posts .col.two>.row-fluid-wrapper { width: 100%; margin-right: 0; } .page .resources-posts .col.two { display: flex; padding-left: 0; flex-wrap: wrap; float: none; } #fullpage .download-page .contact-form form>div { width: 100%; margin-bottom: .6em; margin-right: 0 !important; } .section.post-resources .row.one h2 { font-size: 2em; } #fullpage .download-page .research-paper .row.one .module.text { width: 100%; max-width: 900px; padding: 1em 1em; overflow: hidden; } .blog-page .blog-section h1 { font-size: 1.555em; } #fullpage .download-page .research-paper .row.one .module.text .page-tag { font-size: 13px; } .blog-page .section.post-resources { padding: 50px 0; } .page .resources-posts .col.two .post-content { background-color: #fff; width: 96%; margin-top: -2em; position: relative; z-index: 10; padding: 0.8em 0.9em 0.8em 0; } .page .resources-posts .col.two .module.one .post-button { margin-top: 2em; } #blogpage .res-navigation-wrap .res-navigation-filters .filter-search{ width: 100%; margin: 0 auto !important; } #res-body .search-block .hs-search-field form .hs-search-field__input { margin: 16px auto 0 !important; } } @media(max-width:500px) { #fullpage .download-page .research-paper .row.one .col.two { margin-top: -3em; right: -6.9%; } .banner_subscribe .subscribe_form form input.hs-button { background-image: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/book-a-meet-ico.svg) !important; background-size: 28px; background-repeat: no-repeat !important; background-position: 33% center !important; } .search-body #blogpage .section.blog-body:before { top: -3em; left: 41%; width: 2288px; height: 2258px; background-size: contain; } .blog-page .blog-post-content h2 { font-size: 2.5em !important; } .blog-page .blog-section p, .blog-page .blog-section li { font-size: 14px; line-height: 135%; } .blog-page .blog-section li:after { /* top: 12px; */ } .banner_subscribe .subscribe_form form input.hs-button { padding: 0em !important; } .banner_subscribe .subscribe_form form .actions { height: 50px; } .banner_subscribe .subscribe_form form fieldset { padding: 0 11px; } .banner_subscribe .subscribe_form form .input input { height: 32px !important; } .banner_subscribe .subscribe_form form .input { margin-right: 0px !important; margin-bottom: 13px; } .banner_subscribe-text { width: 100% !important; padding: 13px; } .banner_subscribe .col.one .row-fluid h3 { font-size: 1em; line-height: 1.2; } .banner_subscribe .subscribe_form form label { font-size: 13px; line-height: 1; margin-bottom: 6px; } } .blog-list-copy .resources-hide { display: none; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ body { position: relative; overflow-x: hidden; border: 5px solid #E32726; } .page .content-part .section, .page .content-part-special .section { font-size: 1rem; position: relative; z-index: 1; } .page .content-part .row { float: none; width: 90%; margin: 0 auto; } .page .content-part .section, .page .content-part-special .section { z-index: 66; } @media (min-width: 768px) { .page .content-part .row { width: 86%; } } div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom { width: 300px; background: #E9E8E8; border-radius: 20px; position: fixed; padding: 25px 30px; z-index: 9999; border: none !important; bottom: 1.6em !important; left: 2.8em; border: none !important; box-shadow: none !important; top: initial !important; } div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-cookie-confirmation-inner { font-size: 12px; line-height: 180%; display: inline-block; padding: 0 !important; background-color: transparent !important; } div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-cookie-confirmation-inner p { margin: 0 !important; font-family: 'Karla',sans-serif !important; color: #4F4C4D; font-size: 12px !important; font-weight: 700 !important; } div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-cookie-confirmation-inner a { margin: 0 !important; font-family: 'Karla',sans-serif !important; color: #4F4C4D; font-weight: 700 !important; transition: .5s all; } div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-cookie-confirmation-inner a:hover { color: #E32726 !important; transition: .5s all; font-weight: 700 !important; } div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area { border: none; background: none; right: 1.3em; top: 1em; cursor: pointer; outline: none; transition: .2s all; margin: 0 !important; } div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area #hs-eu-cookie-confirmation-button-group { flex: 1 0 auto; padding-top: 14px; display: flex; flex-direction: row-reverse; justify-content: flex-start; } .page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording { margin-bottom: 0; } .page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording { margin-bottom: 0; } .page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area #hs-eu-confirmation-button { margin: 0 !important; margin-right: 10px !important; padding: 0 !important; background-color: transparent !important; border: none !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.1 !important; color: #e32726; text-align: right !important; flex: 0 1 auto; text-transform: uppercase; } .page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { border: none !important; color: #e32726 !important; font-family: inherit; font-size: 12px !important; font-weight: 700 !important; line-height: 1.1 !important; text-align: right; text-shadow: none !important; margin: 0 !important; margin-right: 35px !important; padding: 0 !important; flex: 0 1 auto; text-transform: uppercase; } .page div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { border: none !important; padding: 0 !important; } div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area #hs-eu-confirmation-button:hover, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button:hover { color: #4F4C4D !important; } /* ------------------ */ /* ETU Header style */ /* ------------------ */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ /* ----------------- */ /* Start coding here */ /* ----------------- */ .main-header .desktop-header, .header-container.container-fluid .widget-type-global_group, .header-container.container-fluid .widget-type-custom_widget, .header-container .widget-type-global_group{ min-height: 0 !important; } .main-header { position:fixed; top: 0; left: 0; border-top: 5px solid #E32726; border-left: 5px solid #E32726; border-right: 5px solid #E32726; z-index: 9989!important; width: 100%!important; /* max-width: calc(100% - 10px); */ } .main-header>div { transition: all .2s ease-in-out; background: rgba(255,255,255, 0); } .main-header.fixed-header>div { background: rgba(255,255,255, 1); } @media (max-width: 980px) .main-header { /* position: absolute; width: 100%; width: 100%!important; */ } @media (min-width: 981px) { .main-header { /* position: absolute; */ z-index: 199999; font-size: 0.88rem; } @media (max-width: 1440px){ .main-header { font-size: .80rem !important; } } @media (max-width: 1280px){ .main-header { font-size: .72rem !important; } } @media (max-width: 1024px){ .main-header { font-size: .68rem !important; } } @media (max-width: 980px){ .main-header { font-size: .66rem !important; } } .main-header .h-row { width: 97.9%; margin: 0 auto !important; float: none; padding: 0; } .main-header .h-row { display: flex; align-items: center; } .main-header .h-row >.row-fluid-wrapper:first-child { width: 20%; margin-right: 5%; } .main-header .h-row>.row-fluid-wrapper:last-child { width: 75%; padding-top: 0; } /* @media (min-width: 1601px) { body:not(.page.home) .main-header .h-row>.row-fluid-wrapper:last-child > .row-fluid { padding-right: 200px; } } @media (max-width: 1900px) and (min-width: 1600px) { body:not(.page.home) .main-header .h-row>.row-fluid-wrapper:last-child > .row-fluid { padding-right: calc(1px + (200 - 1) * ((100vw - 1600px) / (1900 - 1600))); } } */ .main-header .h-row .h-col.two { display: flex; justify-content: flex-end; align-items: center; column-gap:2.5%; } .main-header .h-row .h-col.two > .row-fluid-wrapper { z-index: 9; } .main-header .h-row.one > .row-fluid-wrapper{ z-index: 9; } .main-header .h-row.one > .row-fluid-wrapper:first-child{ z-index: 10; } @media (max-width: 980px){ .main-header .h-row { flex-direction: column; } .main-header .h-row>.row-fluid-wrapper { width: 100% !important; margin: 0 0 2em !important; margin-bottom: 2em; } .main-header .h-row>.row-fluid-wrapper:last-child { padding: 0; margin-bottom: 0 !important; } .main-header .h-row .h-col.one, .main-header .h-row .h-col.two { display: flex; justify-content: center; } } .main-header .h-col .widget-type-logo img{ max-width: 74px; margin-left: 9%; /* margin-top: 3%; */ } .main-header .h-col .book-a-meeting .hs_cos_wrapper { max-width: 200px; } .main-header .h-col .book-a-meeting { } body.page.home .main-header .h-col .book-a-meeting{ display: block; z-index: 100; } .main-header .h-col .book-a-meeting a{ background: #231F20; padding: 1.2em 1.85em; color: #fff; font-weight: 700; display: flex; align-items: center; white-space: nowrap; font-size: .885em; margin-bottom: .4em; text-transform: uppercase; letter-spacing: 0.01em; transition: all .3s ease-in-out; } .main-header .h-col .book-a-meeting a img{ transform: rotate(-90deg); margin-left: 1.05em; margin-right: 1.05em; transition: all .2s ease-in-out; transition: margin-left .3s ease-in; } .main-header .h-col .book-a-meeting a:hover{ opacity: .8; } .main-header .h-col .book-a-meeting a:hover img { transform: rotate(90deg); /* margin-left: .8em; margin-right: 1.3em; */ } .main-header .hs-menu-wrapper>ul { display: flex; padding: 0; margin: 0; transition: .3s all; } .main-header .hs-menu-wrapper ul>li { list-style: none; text-transform: uppercase; font-weight: 800; font-family: 'Catamaran', sans-serif; margin: 0 ; padding: 0 2.2em; position:relative; font-size: 1.015em; } .main-header .hs-menu-wrapper ul>li>a { color: #231F20; position: relative; white-space: nowrap; z-index: 100; display: inline-block; } .main-header .hs-menu-wrapper>ul>li>a { padding-top: 25px; padding-bottom: 25px; } .main-header .hs-menu-wrapper>ul>li.hs-item-has-children { background-color: transparent; } .main-header .hs-menu-wrapper>ul>li:hover { background-color: #FFF; } .main-header .hs-menu-wrapper>ul>li.hs-item-has-children:hover { background-color: #F4F3F3 !important; } .main-header .hs-menu-wrapper ul>li.hs-item-has-children a{ padding-right: 16px; margin-left: -2px; } .main-header .hs-menu-wrapper ul>li.hs-item-has-children a:before { position: absolute; content: ''; background: center / contain no-repeat url('https://www.etu.co/hubfs/ETU%20theme/home-book-a-meet.svg'); width: 10.5px; height: 7px; position: absolute; right: 0; top: calc(50% - .25em); transform: translateY(-50%); transition: all .2s ease-in-out; } .main-header .hs-menu-wrapper ul>li>a::before { } .main-header .hs-menu-wrapper ul>li.active-branch>a::before { opacity: 1; } .main-header .hs-menu-wrapper ul>li>a:hover { text-decoration: none; color: #E32726; } .main-header .hs-menu-wrapper ul>li>a:hover::before { opacity: 1; /* width: 8.5px; */ /* top: 60%; */ } .main-header .header-menu { min-height: 0; } /*first submenu*/ .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper { position: fixed; top: -100%; left: 50%; right: unset; transform: translateX(-50%); max-height: 1px; /* opacity: 0; */ pointer-events:none; width: calc(100vw - 16px); /* width: 100%; */ overflow: hidden; transition: all .3s ease-in; display: flex !important; justify-content: end; flex-flow: row nowrap; padding: 0 10.8% 0; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a{ color: #E32726; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:before{ /* width: 8.5px; */ /* top: 51%; */ transform: translateY(-50%) rotateZ(180deg); } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { pointer-events:auto; padding: 60px 9% 2%; margin-top:72px; z-index: 99; top: 1%; opacity: 1 !important; max-height: 1080px; box-shadow: 0px 6px 14px 0px rgba(33,33,33, .1); background: #F4F3F3; clip-path: polygon(6px 0px, calc(100% - 6px) 0%, calc(100% - 6px) 105%, 6px 105%); } .main-header .slide-up-menu .hs-menu-wrapper > ul li.list-bg{ position: absolute; top: 66px; left: 3%; font-size: 8.17rem; line-height: .8; z-index: 0; color: #EDECEC; max-width: min-content; margin: 0 !important; padding: 0 !important; opacity: 0; transition: all .5s ease-in-out; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > ul li.list-bg { opacity: 1; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li { display: flex; flex-flow: row nowrap; margin: 0 0 0 3.5%; padding: 0; justify-content: flex-end; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0{ column-gap: 4%; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0 > li { /* width: 36%; */ margin-left: 0; width: max-content; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a { flex: 0 1 auto; height: min-content; /* font-size: 2.21em; */ font-size: clamp(21px, 36 / 1800 * 100vw, 36px); padding-right: 0.6em; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a:after { content: inherrit !important; display: block; color: #000; position: static; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a:before { content: none; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper { display: flex !important; flex-direction: column; opacity: 1 !important; margin: 0; padding: 2px 0 0; } /*menu 3 stage*/ .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li { margin-bottom: 1.7em; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li a { letter-spacing: -.01em; padding-right: 28px; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li a:before { background: center / contain no-repeat url(https://www.etu.co/hubfs/ETU-2022/grey-right-arrow.svg); height: 10px; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li a:hover:before { /* top: 50%; */ right: -4px; /* transform: translateY(-50%) rotateY(-180deg); */ } /*all sublinks*/ .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper li > a { text-transform: none; } /* sub-menu-button js */ .main-header .hs-menu-children-wrapper .hs-menu-item.sub-menu-button:last-child{ margin-top: auto!important; margin-bottom:auto !important; } .main-header .hs-menu-children-wrapper .hs-menu-item.sub-menu-button > a { background-color: #F44336; color: #FFFFFF; padding: 1em 3em .925em 1.3em!important; border-radius: 30px; text-decoration: none; display: inline-block; transition: all 0.2s ease-in-out; position: relative; } .main-header .hs-menu-children-wrapper .hs-menu-item.sub-menu-button > a:hover { background-color: #000000; padding: 1em 3em .925em 1.3em!important; } .main-header .hs-menu-children-wrapper .hs-menu-item.sub-menu-button > a::before { content:none; } .main-header .hs-menu-children-wrapper .hs-menu-item.sub-menu-button > a::after { background: url(https://info.empowertheuser.com/hubfs/ETU%20theme/cta-right-arrow.svg) 100% no-repeat; background-size: contain; content: ""; font-size: inherit; height: 1em; position: absolute; right: .8em; top: 50%; transform: translateY(-50%); transition: all .3s; width: .638em; } .main-header .hs-menu-children-wrapper .hs-menu-item.sub-menu-button > a:hover::after { opacity: 0; } } @media (max-width: 1280px){ .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { margin-top:65px; } } @media (max-width: 1440px){ .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper { padding-left: 5.6% !important; padding-right: 5.6% !important; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > a { font-size: 1.75em; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0{ /* justify-content: space-between; */ } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0 > li { width: max-content; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li { margin-left: .5em; margin-right: .5em; } .main-header .slide-up-menu .hs-menu-wrapper>ul>li.hs-item-has-children>ul.hs-menu-children-wrapper>li>ul.hs-menu-children-wrapper>li{ padding: 0 .5em; } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li > ul.hs-menu-children-wrapper > li a { padding-right: 18px; } } @media (max-width: 1024px){ .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0 > li { /* flex-direction: column; */ } .main-header .slide-up-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper.slide-up-menu-item-0 > li > a { margin-bottom: 1em; } } @media (max-width: 980px){ .main-header { /* position: absolute; width: 100%; z-index: 9989; width: 100% !important; */ } .main-header .desktop-header { display: none; } .main-header .mobile-header { display: flex !important; align-items: center; width: 95%; float: none; margin: 0 auto !important; padding: 20px 0; } .main-header .mobile-header .h-col.one img { width: 100% !important; height: auto; max-width: 80px; } .main-header .mobile-header>.row-fluid-wrapper { width: 18%; margin-right: 9%; } .main-header .mobile-header>.row-fluid-wrapper:last-child { width: 73%; margin-right: 0; position: fixed; right: 5%; } .main-header .mobile-header .h-col.two { display: flex; justify-content: flex-end; padding-top: .3em; } .main-header .mobile-header .book-a-meet-mobile { background-color: #231F20; transition: .3s all; min-height: auto; margin-right: 1.5em; width: auto !important; } .main-header .mobile-header .book-a-meet-mobile:hover { background-color: #E32726; transition: .5s all; } .main-header .mobile-header .book-a-meet-mobile a { display: inline-block; padding: 1.3em 1.5em; color: #fff; text-transform: uppercase; font-family: 'Catamaran',sans-serif; font-size: .5em; font-weight: 800; line-height: 100%; } .page #side-menu-wrapper { min-height: 0 !important; } } @media (max-width: 768px){ .main-header .mobile-header { padding: 10px 0; width: 90%; } /* .main-header .mobile-header .h-col.one img.fadeOut-logo { display: none; } .main-header { position: fixed; } */ } /* dropdown menu */ /* Override max width on menu links */ .header-menu .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } @media (min-width: 981px) { .main-header .h-col .contact-nav .hs_cos_wrapper { max-width: 200px; } .main-header .h-col .contact-nav { } body.page.home .main-header .h-col .contact-nav { display: block; z-index: 100; } .main-header .h-col .contact-nav a{ background: #231F20; padding: 1.2em 1.85em; color: #fff; font-weight: 700; display: flex; align-items: center; white-space: nowrap; font-size: .885em; margin-bottom: .4em; text-transform: uppercase; letter-spacing: 0.01em; transition: all .3s ease-in-out; } .main-header .h-col .contact-nav a img { transform: rotate(-90deg); margin-left: 1.05em; margin-right: 1.05em; transition: all .2s ease-in-out; transition: margin-left .3s ease-in; } .main-header .h-col .contact-nav a:hover { opacity: .8; } .main-header .h-col .contact-nav a:hover img { transform: rotate(90deg); /* margin-left: .8em; margin-right: 1.3em; */ } } /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .sitemap-footer{ text-align: start; } @media (min-width: 768px){ .main-footer { font-size: 1rem; } @media (max-width: 1440px){ .main-footer { font-size: .90rem !important; } } @media (max-width: 1280px){ .main-footer { font-size: .85rem !important; } } @media (max-width: 1024px){ .main-footer { font-size: .78rem !important; } } @media (max-width: 980px){ .main-footer { font-size: .73rem !important; } } .main-footer .inner-section .f-row { float: none; margin: 0 auto; width: 85%; max-width: 1205px; } .main-footer .inner-section.one { width: calc(100% - 10px); overflow: hidden; /* background-color: #e9e8e8; */ margin-bottom: -5.7%; z-index: 10; position: relative; /* max-width: 1557px; */ } @media (max-width: 1440px){ .main-footer .inner-section.one { font-size: .85rem !important; } } @media (max-width: 1280px){ .main-footer .inner-section.one { font-size: .75rem !important; } } @media (max-width: 1024px){ .main-footer .inner-section.one { font-size: .7rem !important; } } @media (max-width: 980px){ .main-footer .inner-section.one { font-size: .6rem !important; } } .main-footer .inner-section.one .f-row { /* margin-right: 0; */ } @media (max-width: 1280px){ .main-footer .inner-section.one .f-row { width: 100%; } } @media (max-width: 980px){ .main-footer .inner-section.one .f-row { margin-right: auto; } } .main-footer .inner-section.one .f-row.one{ background: #e9e8e8; position: relative; } .main-footer .inner-section.one .f-row.one:before{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; display: block; width: calc(100% + 50vw); height: 100%; background: inherit; z-index: -1; } .main-footer .inner-section.one .f-row.one .f-col.one { display: flex; } .main-footer .inner-section.one .footer-book-a-meeting { display: flex; justify-content: space-between; } .main-footer .inner-section.one .f-row.one .f-col.one > .row-fluid-wrapper { width: 100%; } .main-footer .inner-section.one .telephone-module { display: flex; align-items: center; font-family: 'Catamaran',sans-serif; font-weight: 900; font-size: 1.77em; width: 70.5%; padding: 2em 1em 1.95em 1.33em; } @media (max-width: 1440px){ .main-footer .inner-section.one .telephone-module { padding: 1.9em 1em 1.9em 1.6em !important; } } @media (max-width: 1280px){ .main-footer .inner-section.one .telephone-module { padding: 1.7em 1em 1.7em 1.6em !important; } } @media (max-width: 1024px){ .main-footer .inner-section.one .telephone-module { padding: 1.5em 1em 1.5em 1.6em !important; } } @media (max-width: 980px){ .main-footer .inner-section.one .telephone-module { padding: 1em 1em 1em 1.6em !important; } } .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting, .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button { background-color: #C61110; width: 29.5%; display: flex; align-items: center; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 1em; color: #fff; padding: 2em; padding-left: 3.5em; position: relative; z-index: 1; overflow: hidden; } .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting { background-color: #C61110; width: 29.5%; display: flex; align-items: center; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 1em; color: #fff; position: relative; z-index: 1; overflow: hidden; } .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button { width: 100%; height: calc(100% - 4em); } .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting span { display: block; width: 100%; height: 100%; } @media (max-width: 980px){ .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting, .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button { font-size: 1.2em; padding-left: 2.25em; } } .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting::after, .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button::after { position: absolute; content: ''; font-size: inherit; width: 16.322em; height: 15.722em; left: -4em; top: 50%; background-color: #E32726; z-index: -1; top: 50%; transform: translateY(-50%); border-radius: 0 50% 50% 0; transition: .5s all; } @media (max-width: 980px){ .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting::after, .main-footer .inner-section.one .footer-book-a-meeting .custom-.book-a-meeting::after { width: 11.722em; height: 11.722em; left: 0; } } .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting img, .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button img { margin-right: .4em; transition: .3s all; } @media (max-width: 1440px){ .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting img { transform: scale(1) !important; } } @media (max-width: 1280px){ .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting img { transform: scale(.9) !important; } } @media (max-width: 1024px){ .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting img { transform: scale(.8) !important; } } @media (max-width: 980px){ .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting img { transform: scale(.75) !important; } } @media (max-width: 1440px){ .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button img { transform: scale(1) !important; } } @media (max-width: 1280px){ .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button img { transform: scale(.9) !important; } } @media (max-width: 1024px){ .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button img { transform: scale(.8) !important; } } @media (max-width: 980px){ .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button img { transform: scale(.75) !important; } } .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting:hover img, .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button:hover img{ margin-right: 1em; transition: .5s all; opacity: .8; } .main-footer .inner-section.one .footer-book-a-meeting .book-a-meeting:hover::after , .main-footer .inner-section.one .footer-book-a-meeting .custom-book-a-meeting .cta_button:hover::after { width: 30em; height: 30em; transition: .7s all; } .main-footer .inner-section.one .telephone-module img { margin-right: .9em; } @media (max-width: 1440px){ .main-footer .inner-section.one .telephone-module img { transform: scale(1) !important; } } @media (max-width: 1280px){ .main-footer .inner-section.one .telephone-module img { transform: scale(.9) !important; } } @media (max-width: 1024px){ .main-footer .inner-section.one .telephone-module img { transform: scale(.8) !important; } } @media (max-width: 980px){ .main-footer .inner-section.one .telephone-module img { transform: scale(.75) !important; } } @media (max-width: 1440px){ .main-footer .etu-img img { transform: scale(1) !important; } } @media (max-width: 1280px){ .main-footer .etu-img img { transform: scale(.9) !important; } } @media (max-width: 1024px){ .main-footer .etu-img img { transform: scale(.8) !important; } } @media (max-width: 980px){ .main-footer .etu-img img { transform: scale(.75) !important; } } .main-footer .inner-section.one .telephone-module .content { line-height: 145%; max-width: 596px; } .main-footer .inner-section.two { padding: 220px 0 100px; background: top center / cover no-repeat url('https://www.etu.co/hubfs/ETU-2022/small-circles-footer.jpg'); } @media (max-width: 1440px){ .main-footer .inner-section.two { padding: 184px 0 100px !important; } } @media (max-width: 1280px){ .main-footer .inner-section.two { padding: 148px 0 80px !important; } } @media (max-width: 1024px){ .main-footer .inner-section.two { padding: 129px 0 70px !important; } } @media (max-width: 980px){ .main-footer .inner-section.two { padding: 129px 0 70px !important; } } .main-footer .inner-section.two .f-row.one { margin: 0 auto 3.25em; } .main-footer .inner-section.two .f-row.one .f-col.one { width: 60%; } .main-footer .inner-section.two .f-row.one .f-col.two { margin: 0; width: 40%; display: flex; flex-direction: column; align-items: flex-end; } .main-footer .inner-section.two .f-row.one .f-col.two .module.one { margin-top: -15px; margin-bottom: 4.6em; } .main-footer .inner-section.two .f-row.one .module.one a { color: #E32726; font-family: 'Catamaran',sans-serif; font-weight: 700; font-size: 2em; letter-spacing: 0.02em; transition: .3s all; } .main-footer .inner-section.two .f-row.one .module.one a:hover { color: #fff; transition: .5s all; } .main-footer .inner-section.two .f-row.one .module.two { margin: 5.56% 0; } .main-footer .inner-section.two .f-row.one .module.two a { color: #fff; font-size: 1.77em; font-weight: 700; font-family: 'Catamaran',sans-serif; transition: .3s all; } .main-footer .inner-section.two .f-row.one .module.two a:hover { color: #E32726; transition: .5s all; } .main-footer .inner-section.two .f-row.one .module.two span { display: flex; } .main-footer .inner-section.two .f-row.one .module.two a:first-child { margin-right: 11%; } .main-footer .inner-section.two .f-row.one .module.two .red { display: block; color: #E32726; font-size: 0.505em; font-weight: 500; margin-bottom: .4em; } .main-footer .inner-section.two .f-row.two { display: flex; margin: 0 auto 3%; } .main-footer .inner-section.two .f-row.two > .row-fluid-wrapper { /* width: 25%; */ } .main-footer .inner-section.two .f-row.two > .row-fluid-wrapper:nth-of-type(1) { width: 24%; margin-right: 1.5% } .main-footer .inner-section.two .f-row.two > .row-fluid-wrapper:nth-of-type(2) { width: 24%; margin-right: 1.5% } .main-footer .inner-section.two .f-row.two > .row-fluid-wrapper:nth-of-type(3) { width: 24%; margin-right: 1.5% } .main-footer .inner-section.two .f-row.two > .row-fluid-wrapper:nth-of-type(4) { width: 23.5%; } .main-footer .inner-section.two .f-row.two h3 { color: #fff; font-size: 1.04em; margin-bottom: .5em; } .main-footer .inner-section.two .f-row.two ul { padding: 0; margin: 0; } .main-footer .inner-section.two .f-row.two li { list-style: none; color: #7B7979; margin: 1.2em 0; font-size: 1em; } .main-footer .inner-section.two .f-row.two li a { color: inherit; transition: .3s all; } .main-footer .inner-section.two .f-row.two ul[role='menu'] li a > span { background-color:#E32726; color: #fff; border-radius: 4px; padding: .18em .3em; margin-left: .6em; } @media (max-width: 1440px){ .main-footer .inner-section.two .f-row.two li { font-size: .95rem !important; } } @media (max-width: 1280px){ .main-footer .inner-section.two .f-row.two li { font-size: .9rem !important; } } @media (max-width: 1024px){ .main-footer .inner-section.two .f-row.two li { font-size: .85rem !important; } } @media (max-width: 980px){ .main-footer .inner-section.two .f-row.two li { font-size: 0.8rem !important; } } .main-footer .inner-section.two .f-row.two li a:hover { color: #fff; transition: .5s all; } .main-footer .inner-section.two .f-row.three .f-col.two { text-align: right; } /* .main-footer .inner-section.two .f-row .white ul { margin-top: 0; } .main-footer .inner-section.two .f-row .white li { color: #fff; font-size: 1.04em; margin-top: 2.9em; margin-bottom: 2.62em; line-height: 1.24; font-family: "Catamaran", sans-serif; font-weight: 700; transition: all .25s ease-in-out; } .main-footer .inner-section.two .f-row .white li:hover { opacity: .65; } .main-footer .inner-section.two .f-row .white ul li:first-child { margin-top: 0; } .main-footer .inner-section.two .f-row .white ul li:last-child { margin-bottom: 0.5em; } */ .main-footer .inner-section.two .head-link ul { margin: 0 0 3.2em !important; } .main-footer .inner-section.two .head-link ul li:first-child { margin-top: 0; color: #fff; font-size: 1.04em; margin-bottom: 1.62em; line-height: 1.1; font-family: "Catamaran", sans-serif; font-weight: 700; transition: all .25s ease-in-out; } .main-footer .inner-section.two .head-link ul>li:first-child>a:hover { color: #727272; } .main-footer .inner-section.two .head-link ul li:first-child a[href="javascript:;"] { color: inherit; cursor: initial; } .main-footer .inner-section.two .f-row.three .module { color: #7B7979; font-size: 0.777em; } .main-footer .inner-section.two .f-row.three .module a { text-decoration: underline; color: inherit; transition: .3s all; } @media (max-width: 1440px){ .main-footer .inner-section.two .f-row.three .module { font-size: .73rem !important; } } @media (max-width: 1280px){ .main-footer .inner-section.two .f-row.three .module { font-size: .70rem !important; } } @media (max-width: 1024px){ .main-footer .inner-section.two .f-row.three .module { font-size: .69rem !important; } } @media (max-width: 980px){ .main-footer .inner-section.two .f-row.three .module { font-size: 0.68rem !important; } } .main-footer .inner-section.two .f-row.three .module a:hover { color: #fff; transition: .5s all; } @media (max-width: 1440px){ .Social-Follow-Me { transform: scale(1) !important; } } @media (max-width: 1280px){ .Social-Follow-Me { transform: scale(.9) !important; } } @media (max-width: 1024px){ .Social-Follow-Me { transform: scale(.8) !important; } } @media (max-width: 980px){ .Social-Follow-Me { transform: scale(.75) !important; } } .main-footer .inner-section.one .f-row.one { } } @media (max-width: 767px){ .main-footer a { color: #fff; font-size: 1rem; } @media (max-width: 767px){ .main-footer { font-size: 1.2rem !important; } } @media (max-width: 480px){ .main-footer { font-size: 1rem !important; } } .main-footer .inner-section.two .f-row { width: 95%; float: none; margin: 0 auto !important; } .main-footer .telephone-module { background-color: #E9E8E8; } .main-footer .inner-section.two .f-row.one > .row-fluid-wrapper >.row-fluid { display: flex; flex-direction: column; margin-bottom: 1.3em; } .main-footer .inner-section.two .f-row.one .f-col { width: 100%; } .main-footer .inner-section.one { z-index: 10; position: relative; } .main-footer .inner-section.one .telephone-module { display: flex; align-items: center; font-family: 'Catamaran',sans-serif; font-weight: 900; font-size: 1em; width: 100%; padding: 2em 1em 3em 1.6em; position: relative; } .main-footer .inner-section.one .telephone-module > img { margin-right: .6em; width: 2.3em !important; margin-top: -1em; } .main-footer .inner-section.one .telephone-module .content { width: 80%; line-height: 145%; } .main-footer .book-a-meeting , .main-footer .custom-book-a-meeting { display: none; } .main-footer .book-a-meeting-mob, .main-footer .custom-book-a-meeting-mob { display: flex !important; position: absolute; bottom: -3.6em; right: 0; background-color: #C61110; align-items: center; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 0.666em; color: #fff; padding: 2.8em 6em; padding-left: 3.4em; z-index: 1; overflow: hidden; } .main-footer .custom-book-a-meeting-mob{ padding: 0 !important; } .main-footer .custom-book-a-meeting-mob .cta_button { display: flex !important; /* bottom: -3.6em; right: 0; */ align-items: center; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 1em; color: #fff; padding: 2.8em 6em; padding-left: 3.4em; z-index: 1; overflow: hidden; } .main-footer .book-a-meeting-mob::after, .main-footer .custom-book-a-meeting-mob .cta_button::after { position: absolute; content: ''; font-size: inherit; width: 15.722em; height: 15.722em; left: -4em; top: 50%; background-color: #E32726; z-index: -1; top: 50%; transform: translateY(-50%); border-radius: 0 50% 50% 0; transition: .5s all; } .main-footer .book-a-meeting-mob img, .main-footer .custom-book-a-meeting-mob .cta_button img{ margin-right: .6em; width: 1.8em !important; } .main-footer .inner-section.two { background-color: #383435; text-align: center; padding: 100px 0 40px; } .main-footer .inner-section.two .f-row.one .module.one { margin-bottom: 2em; } .main-footer .inner-section.two .f-row.one .module.one a { color: #E32726; font-family: 'Catamaran',sans-serif; font-weight: 700; font-size: 1.333em; transition: .3s all; } .main-footer .inner-section.two .f-row.two { display: none; } .main-footer .inner-section.two .f-row.one .module.two { margin-bottom: 2.8em; } .main-footer .inner-section.two .f-row.one .module.two a { color: #fff; font-size: 1.1666em; font-weight: 700; font-family: 'Catamaran',sans-serif; transition: .3s all; } .main-footer .inner-section.two .f-row.one .module.two a:hover { color: #E32726; transition: .5s all; } .main-footer .inner-section.two .f-row.one .module.two a:first-child { margin-bottom: 1em; display: inline-block; } .main-footer .inner-section.two .f-row.one .module.two .red { display: block; color: #E32726; font-size: 0.857em; font-weight: 700; } .main-footer .inner-section.two .f-row.three > .row-fluid-wrapper > .row-fluid { font-size: 0.666em; display: flex; text-align: start; justify-content: space-between; } .main-footer .inner-section.two .f-row.three { color: #7B7979; } .main-footer .inner-section.two .f-row.three a { color: #7B7979; text-decoration: underline; font-size: 1em; } .main-footer .Social-Follow-Me { justify-content: center; transform: scale(.7); transform-origin: center; margin-bottom: 3em; } @media (max-width: 767px){ .main-footer .Social-Follow-Me { transform: scale(.8) !important; } } @media (max-width: 480px){ .main-footer .Social-Follow-Me { transform: scale(.7) !important; } } .main-footer .Etu-light-logo { transform: scale(.8); transform-origin: center; } .main-footer .design-label { display: none; } .main-footer .mobile-copyright { display: block !important; } .main-footer .mobile-design-label { display: block !important; margin-top: 40px; } } /* global sections */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ /* ----------------- */ /* Start coding here */ /* ----------------- */ /* button-link */ .link-btn { font-size: 15px; font-weight: 800; text-transform: uppercase; padding: 0.7em; /* padding-left: 2.3em; */ position: relative; display: inline-block; /* transform: scale3d(0,0,1); */ } .link-btn:hover { color: #231f20; } .cta-wrap { transform: scale3d(0,0,1); } .cta-wrap.cta-animated { transform: scale3d(1,1,1); animation: ctaLoadAnim 1s; animation-play-state: running; } /* play btn */ /* play btn end */ /* Expertise */ .page .expertise { padding-bottom: 120px; } .page .expertise .content-module { text-align: center; /* max-width: 950px; */ } .page .expertise .content-module p { max-width: 950px; margin: 0 auto 50px; line-height: 1.5; } .page .expertise .content-module .panel-label-anim { margin-right: auto; margin-left: auto; justify-content: center; padding-left: 0; } .page .expertise .content-module .expertise-link-wrap .block-wrap { display: flex; flex-wrap: wrap; justify-content: center; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block { width: 32%; margin-right: 2%; background-color: #F4F3F3; padding: 25px 30px 30px 23px; text-align: right; position: relative; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block:before { content: ""; position: absolute; width: 62px; height: 5px; left: 15px; top: 55%; color: #E32726; background-color: #E32726; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block .button-wrap { display: flex; align-items: center; justify-content: flex-end; position: absolute; bottom: 20px; right: 37px; max-width: 160px; margin-left: auto; transition: .3s all; cursor: pointer; /* transform: scale3d(1,1,1); */ } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block .button-wrap .cta-wrap { transform: scale3d(1,1,1); } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block .button-wrap:hover { background-color: #f9d4d4; border-radius: 30px; justify-content: center; padding: 0 15px; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block h3 { font-size: 2em; text-align: left; max-width: 285px; margin-bottom: 2.9em; font-weight: 800; /* transform: scale3d(0,0,1); */ } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block:nth-child(2) h3, .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block:nth-child(3) h3 { max-width: 210px; } /* .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block h3.title-animated { animation: ctaLoadAnim 1s; animation-play-state: running; transform: scale3d(1,1,1); } */ .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block .hs_cos_wrapper_type_icon { margin-top: 2px; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block .hs_cos_wrapper_type_icon svg { width: 12px; fill: #E32726; } @media (min-width: 981px) { .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block:nth-child(3n+3) { margin-right: 0; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block:nth-child(-n+3) { margin-bottom: 23px; } } @media (max-width: 980px) { .page .expertise { padding-bottom: 40px; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block { width: 49%; margin-right: 2%; margin-bottom: 23px; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block:nth-child(2n+2) { margin-right: 0; } } @media (max-width: 767px) { .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block { width: 100%; margin-right: auto !important; margin-left: auto; max-width: 450px; } .page .expertise .content-module .expertise-link-wrap .block-wrap .content-block:last-child { margin-bottom: 0; } } /* Features Slider */ .features-slider .methodology-slider { display: flex; align-items: center; margin-bottom: 1.5em; } .features-slider .slider-wrapper { padding-bottom: 7%; } .features-slider .methodology-slider > div { width: 45.5%; margin-right: 3%; } .features-slider .methodology-slider > div:last-child .bx-controls { display: none; } .features-slider .methodology-slider > div:last-child { width: 51.5%; margin-right: 0; } .features-slider .methodology-slider .slide { position: relative !important; width: auto !important; padding-left: 4.7em; } .features-slider .methodology-slider .slide-num { font-size: 13.888em; font-weight: 900; font-family: 'Catamaran',sans-serif; color: transparent; margin-bottom: -.8em; margin-left: -.2em; } .features-slider .methodology-slider .slide-title { font-size: 36px; font-weight: 700; margin-bottom: .65em; margin-top: 0; } .features-slider .methodology-slider .slide-description { font-size: 20px; line-height: 155%; margin-bottom: 1.8em; max-width: 515px; } .features-slider .methodology-slider .slide-description p { font-size: 1em; } @media (max-width: 980px) { .features-slider .methodology-slider > div.custom-pager { width: 100%; margin-right: 0; max-width: 400px; margin: 25px 0 60px; } .features-slider .methodology-slider .custom-pager svg { margin: 0; height: auto; } .features-slider .methodology-slider > div:last-child { max-width: 100%; width: 100%; padding: 0; } .features-slider .methodology-slider .slide { padding-left: 17%; } .features-slider .methodology-slider .slide .slide-num { display: none; } .features-slider .methodology-slider .slide-description { max-width: 100%; } .features-slider .methodology-slider > div:last-child .bx-viewport { height: auto !important; } } @media (max-width: 767px) { .features-slider .methodology-slider { flex-direction: column; } .features-slider .methodology-slider .slide { padding-left: 0; } .features-slider .methodology-slider > div.custom-pager { text-align: center; } .features-slider .methodology-slider .custom-pager svg { width: 80%; margin-left: auto; margin-right: auto; } } /* Video popup */ .pop-video .featherlight-content #video-popup-wrap { display: block !important; } .pop-video .featherlight-content #video-popup-wrap .widget-type-custom_widget{ width: 980px; max-width: 100%; } /*---value section----*/ .page .value .row { max-width: 1215px; width: 90%; float: none; margin: 0 auto; } @media (max-width: 1439px){ .page .section.value { font-size: .85rem !important; } } @media (max-width: 1280px){ .page .section.value { font-size: .75rem !important; } } @media (max-width: 1280px){ .page .section.value { font-size: .75rem !important; } } .page .value .module.two{ max-width: 1075px; margin-bottom: 2em; } .page .value .col.one{ padding-top: 6.5%; } /* SD added */ .page .value .module.two p { line-height: 150%; } .page .section.value .row .panel-label::after { top: -9%; } .section.value .row .panel-label { padding: 0 8.5em 6em 0; } .page .section.value .content-part-special h2 { margin: 0 0 0.34rem; } .page .section.value .content-part-special p { line-height: 146%; } .page .value .row-group .row.two h2, .page .value .row-group .row.three h2, .page .value .row-group .row.four h2 { font-size: 3.555em; font-weight: 900; } .page .value .row-group .row.two p, .page .value .row-group .row.three p, .page .value .row-group .row.four p { font-size: 1.111em; line-height: 150%; } .page .value .row-group .row.two .blurb { margin: 2.2em 1em 0; } .page .value .row-group .row.three .blurb { margin: 2.8em 0 0; } .page .value .row-group .row.four .blurb { margin: 3.5em 0 0; } .page .value .row-group .row.three .text-module { max-width: 1090px; padding-right: 9%; margin-left: auto; float: none; } .page .value .row-group .row.four .text-module { max-width: 980px; margin-left: auto; float: none; } .page .value .row-group .bl-col { text-align: center; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 1.76em; margin: 0; width: 28%; } .page .value .row-group .row.two { margin-top: 3.5em; padding-bottom: 10.8em; } .page .value .row-group .row.two .bl-col:first-child { margin-right: 6%; } .page .value .row-group .row.two .bl-col:nth-child(2) { margin-right: 5%; } .page .value .row-group .row.two .bl-col p { font-size: .57em; font-family: 'Karla',sans-serif !important; line-height: 145%; font-weight: 400; margin-top: 8px; } .page .value .row-group .red { color: #E32726; display: block; font-weight: 900; font-size: 1.6em; margin-bottom: .1em; position: relative; margin-bottom: -0.4em; line-height: 1.7; } .page .value .row-group .black { color: #231F20; display: block; font-weight: 800; font-size: .7em; margin: .2em 18% 0; position: relative; line-height: 1.2; } .page .value .row-group .red::after { position: absolute; content: ''; width: 2.58em; height: 2.58em; top: 65%; left: 50%; border: 1px solid #D3D2D2; border-radius: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: -1; } .page .value .row-group .text-module.blurb .row-fluid { display: flex; flex-wrap: wrap; } .page .value { background-color: rgba(255, 255, 255, 1.0); background: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/servcies-circle-bg.svg); background-repeat: repeat; background-size: initial; background-position: 49% 5%; position: relative; } @media(max-width:1500px) { .page .value .module.two p { padding-right: 57px; } } @media (max-width: 1280px){ .page .value .module.two p { padding-right: 0; } } @media (max-width: 1024px){ .page .value .row-group .bl-col { font-size: 1.5em; } .page .value .row-group .row.two { margin-top: 2.5em; padding-bottom: 3em; } } @media (max-width: 767px){ .page .section.value { padding: 20px 0 50px; } .page .value .row-group .red { font-size: 28px; line-height: 1.9; } .page .value .row-group .row.two .bl-col p { font-size: 12px; } .page .value .row-group .text-module.blurb .row-fluid { justify-content: center; } .page .value .row-group .bl-col { width: 100%; font-size: 14px; margin-right: 0 !important; margin-bottom: 2em; } .page .value .row-group .bl-col:last-child { margin-bottom: 0px; } .page .value .row-group .bl-col { width: 50%; } .page .section.value .row .panel-label { padding: 0 2.5em 7em 0; } .page .value .row-group .row.two { padding-bottom: 1.5em; } .page .value { padding-top: 5px; } .page .value .row-group .row.two .blurb { margin: 0; } } @media (max-width: 479px){ .page .value .row-group .bl-col { width: 100%; } } /*---value section end----*/ /*---featured section----*/ .page .features-section { margin-top: -2em; } .page .features-section .back-part { padding: 100px 0 60px; } @media (max-width: 1439px){ .page .features-section .back-part { padding: 90px 0 50px !important; } } @media (max-width: 1280px){ .page .features-section .back-part { padding: 80px 0 40px !important; } } @media (max-width: 1280px){ .page .features-section .back-part { padding: 80px 0 40px !important; } } @media (max-width: 980px){ .page .features-section .back-part { padding: 50px 0 25px !important; } } @media (max-width: 767px){ .page .features-section .back-part { padding: 30px 0 15px !important; } } @media (max-width: 479px){ .page .features-section .back-part { padding: !important; } } .page .features-section::after { position: absolute; content: ''; width: 63%; height: 89%; right: 0; bottom: 0; z-index: -1; background-color: #f4f3f3; } .page .features-section .panel-label-anim { margin: 0 auto -7em; padding: 2.3em 0 6em; justify-content: center; z-index: 1; } .page .features-section .row { width: 90%; margin: 0 auto; float: none; max-width: 1330px; } .page .features-section .row h2 { text-align: center; position: relative; z-index: 2; margin-bottom: 1.3em; } @media (max-width: 980px){ .page .features-section .panel-label-anim { margin: 0 auto -5em; padding: 2.3em 0 5em 0; justify-content: center; z-index: 1; } } @media (max-width: 767px){ .page .features-section .panel-label-anim { margin: 0 0 -5em -2.6em; padding: 2.3em 0 5em 2.8em; justify-content: flex-start; z-index: 1; } .page .features-section { /* margin-top: -5em; */ } .page .features-section .row h2 { text-align: left; margin-bottom: .6em; } } .page .features-section .row h3 { font-size: 2em; font-weight: 800; position: relative; padding-bottom: .65em; margin-bottom: .6em; } .page .features-section .row h3::after { position: absolute; content: ''; width: 1.75em; height: .15em; bottom: 0; left: .08em; background-color: #E32726; font-size: inherit; } .page .features-section .row h3::before { position: absolute; content: ''; width: 3.583em; height: 3.583em; left: -.6em; top: -1em; border: 1px solid #7B7979; opacity: .1; border-radius: 50%; font-size: inherit; z-index: -1; } .page .features-section .row.two { display: flex; padding-right: 7%; max-width: 1450px; } .page .features-section .row.two > .row-fluid-wrapper:first-child { width: 51.5%; margin-right: 5%; } .page .features-section .row.two > .row-fluid-wrapper:last-child { width: 43.5%; } .page .features-section .row.two .col.two .module { margin-bottom: 4em; } @media (max-width: 767px){ .page .features-section .row.two { flex-direction: column; } .page .features-section .row.two > .row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .page .features-section .row.two > .row-fluid-wrapper:last-child { width: 100%; } } .page .features-section .row.two .col.one .module.one { padding-left: 6.5em; margin-bottom: 3.4em; } @media (max-width: 767px){ .page .features-section .row.two .col.one{ margin-bottom: 4em; } .page .features-section .row.two .col.one .module.one { padding-left: 0; } } /*---featured section end----*/ /* Our client section */ .page .section.our-clients-section{ overflow: hidden; } @media (max-width: 1439px){ .page .section.our-clients-section { font-size: .85rem !important; } } @media (max-width: 1280px){ .page .section.our-clients-section { font-size: .75rem !important; } } @media (max-width: 1280px){ .page .section.our-clients-section { font-size: .75rem !important; } } .page .section.our-clients-section .panel-label-anim { padding: 2.3em 0 8em 4.2em; } .page .section.our-clients-section .back-part{ padding: calc(40px + 3%) 0 calc(20px + 2%); } .page .section.our-clients-section:after{ content: none; } .page .section.our-clients-section .row { max-width: 1204px; } .page .section.our-clients-section .row.two { margin-bottom: 3.4em; } .page .section.our-clients-section .row.three { text-align: center; margin-bottom: 4.3em; } .page .section.our-clients-section .row.three .hs_cos_wrapper_type_rich_text { max-width: 955px; margin: 0 auto 4em; display: block; } .page .section.our-clients-section .row.three .hs_cos_wrapper_type_rich_text p { font-size: 1em; line-height: 155%; } .page .section.our-clients-section .clients-head-row .widget-type-rich_text{ margin-bottom: 2rem; } .page .section.our-clients-section .clients-head-row h2{ text-align: center; max-width: 978px; margin: 0 auto 3.8rem; } .page .section.our-clients-section .clients-head-row p{ text-align: center; max-width: 866px; margin: 0 auto 1rem; font-size: 1rem; } .page .section.our-clients-section .clients-head-row .circle-anim-wrap{ position: relative; left: 1rem; top: -1rem; display: flex; justify-content: center; } .page .section.our-clients-section .clients-row{ max-width: 1390px; } .page .section.our-clients-section .clients-row .widget-type-linked_image{ display: block; } .page .section.our-clients-section .clients-row .widget-type-linked_image img{ transition: all 1s ease-in; display: block; margin-left: auto; margin-right: auto; max-width: 100%; opacity: 0; transform: scale(.2); } .page .section.our-clients-section.animate__animated .clients-row .row-depth-2.row-number-3 .widget-type-linked_image img{ transition-delay: .5s; } .page .section.our-clients-section.animate__animated .clients-row .widget-type-linked_image img{ opacity: 1; transform: scale(1); } .page .section.our-clients-section .clients-row .col{ padding: 6rem 0; } .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper > .row-fluid { display:flex; flex-flow: row wrap; align-items: center; justify-content: space-between; } .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper > .row-fluid:after, .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper > .row-fluid:before{ content: none; } @media (min-width: 768px){ .page .section.our-clients-section .clients-head-row .circle-anim-wrap .panel-title{ margin-bottom: -22px; } .page .section.our-clients-section .row { width: 86%; } } @media (max-width: 980px) and (min-width: 768px){ .page .section.our-clients-section.animate__animated .clients-row .widget-type-linked_image img{ max-width: 84% !important; } } @media (max-width: 980px){ .page .section.our-clients-section .clients-row .col{ padding: 3rem 0; } } @media (max-width: 767px){ .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper > .row-fluid > .widget-type-custom_widget { width: 47%; margin-left: 0; margin-bottom: 3.5rem; } .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper.row-depth-2.row-number-2 > .row-fluid > .widget-type-custom_widget:last-child, .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper.row-depth-2.row-number-2 > .row-fluid > .widget-type-custom_widget:nth-last-child(2) { margin-bottom: 0; } .page .section.our-clients-section .back-part{ padding-top: 4rem !important; padding-bottom: 3rem !important; } .page .section.our-clients-section .row.three .hs_cos_wrapper_type_rich_text { margin-bottom: 1.5em !important; } .page .section.our-clients-section .row.three { margin-bottom: 3em !important; } } @media (max-width: 400px){ .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper > .row-fluid > .widget-type-custom_widget { width: 100%; } .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper.row-depth-2.row-number-2 > .row-fluid > .widget-type-custom_widget:nth-last-child(2){ margin-bottom: 3.5rem; } .page .section.our-clients-section .clients-row .col > .row-fluid-wrapper.row-depth-2.row-number-2 > .row-fluid > .widget-type-custom_widget:last-child { margin-bottom: 0; } } /* Our client section end */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ @media (min-width: 768px) { .page .resours .row { max-width: 1220px; } .page .resours .row.one { margin-bottom: 2.8em; } .page .resours .row.one.news-row { margin-bottom: 2em; } .page .resours .row.one.news-row .col.two { text-align: right; } .page .resours .row.one.news-row>.row-fluid-wrapper>.row-fluid { display: flex; flex-flow: row wrap; align-items: flex-end; } .page .resours .row.one.news-row .cta-button { margin-bottom: 2.4rem; text-align: left; } @media (max-width: 1205px) { .page .resours .row.one.news-row .cta-button { margin-bottom: 2.4em; } } /* @media (max-width: 1440px){ .page .resours .resources-posts { font-size: 1rem !important; } } @media (max-width: 1280px){ .page .resours .resources-posts { font-size: .92rem !important; } } @media (max-width: 1024px){ .page .resours .resources-posts { font-size: 0.82rem !important; } } @media (max-width: 980px){ .page .resours .resources-posts { font-size: 0.78rem !important; } } */ .page .resources-posts .col.one { margin-bottom: 6%; } .page .resources-posts .col.two { display: flex; padding-left: 3em; float: none; } @media (max-width: 980px){ .page .resources-posts .col.two { padding-left: 0; } } .page .resources-posts .col.two > .row-fluid-wrapper { width: 47%; margin-right: 6%; } .page .resources-posts .col.two > .row-fluid-wrapper:last-child { margin-right: 0; margin-top: 6%; } .page .resources-posts .col.one .post-container { display: flex; } .page .resources-posts .post-image { object-fit: contain; } .page .resources-posts .col.one .post-image { width: 34%; padding: 2.4em 0; object-fit: cover; } .page .resources-posts .row.three .col.two .post-image { width: 100%; } .page .resources-posts .post-content-wrap { position: relative; font-size: 1em; z-index: 1; } .page .resources-posts .post-content-wrap::after { position: absolute; content: ''; width: 11.555em; height: 11.555em; left: -1.5em; top: -2em; border: 2px solid #7B7979; border-radius: 50%; opacity: .1; z-index: -1; font-size: inherit; } .page .resources-posts .col.two .post-content-wrap { margin-bottom: 1.7em; } .page .resources-posts .post-content { display: flex; flex-direction: column; } .page .resources-posts .col.one .post-content { width: 66%; background-color: #F4F3F3; padding: 2em 3em 3em; } .page .resources-posts .col.two .post-content { background-color: #fff; width: 90%; margin-top: -2em; position: relative; z-index: 10; padding: 1.8em 2.9em 1.8em 0; } .page .resources-posts .post-tags { font-size: 0.888em; color: #7B7979; text-transform: capitalize; font-style: italic; transition: .3s all; align-self: flex-end; margin-bottom: 2.2em; position: relative; padding-left: 8px; } .page .resources-posts .col.two .post-tags { margin-bottom: 1em; } .page .resources-posts .post-tags:hover { color: #E32726; transition: .5s all; } .page .resources-posts .post-tags::before { position: absolute; content: ''; width: 4px; height: 4px; background-color: #e32726; left: 0; top: .45em; border-radius: 50%; } .page .resources-posts .post-title { font-weight: 800; margin-bottom: 0; line-height: 130%; } .page .resources-posts .col.one .post-title { font-size: 2em; max-width: 620px; } .page .resources-posts .col.two .post-title { font-size: 1.555em; margin-bottom: .9em; } .page .resources-posts .post-description { line-height: 138%; color: #231F20; } .page .resources-posts .post-description p { line-height: 138%; } .page .resources-posts .col.one .post-description { max-width: 620px; margin-bottom: 1.5em; } .page .resources-posts .post-description strong { display: block; margin-top: .8em; } .page .resources-posts .post-button-container:hover .post-button { padding-top: 0.82em; padding-bottom: 0.55em; } .page .resources-posts .col.two .post-button .rollover-img { top: 50%; transform: translateY(-50%); } .page .resources-posts .col.two .post-button .rollover-img .second-main-part-ico{ display: none; } .page .resources-posts .col.two .module.one .post-button-container { margin-top: 5em; } /* .page .resources-posts .col.two .post-button { padding: .7em .7em .4em; } */ .platform-pillar.page .resours .row.one h2, .platform-2022.page .resours .row.one h2 { margin-bottom: 0.45em; } .platform-pillar.page .resours { padding-bottom: 6.5%; } } @media (min-width:45em){ .etu-forms form > div:nth-child(2n+1) { margin-right: 4%; } .etu-forms form > div { margin-bottom: 0.6em; width: 48%; } .etu-forms form { display: flex; flex-wrap: wrap; } .etu-forms form label { display: inline-block!important; font-size: 0.777em!important; margin: 0.5em 0px!important; } .etu-forms .hs_submit { text-align: center; width: 100%; } .etu-forms input { height: 48px !important; border-style: none none solid !important; background-color:transparent !important; border-image: initial !important; border-bottom: 2px solid rgb(112, 112, 112) !important; border-radius: 0px !important; } .etu-forms .hs_message, .etu-forms .legal-consent-container { margin-right: 0 !important; width: 100%; } .etu-forms .legal-consent-container label:not(.hs-error-msg) { font-family: Karla; color: #33475b; font-size: 12px!important; } .etu-forms input:focus { border-bottom: 2px solid #e32726!important; outline: none!important; } .etu-forms form ul { margin: 0!important; padding: 0!important; } .etu-forms form li { list-style: none } .etu-forms .hs-button { background-color: #e32726 !important; border: none !important; border-radius: 35px !important; cursor: pointer; font-family: Catamaran, sans-serif !important; font-size: .888em !important; font-weight: 800 !important; height: auto !important; line-height: 120%; min-width: auto; padding: .7em 1.4em !important; transition: all .3s; } .etu-forms .hs-button:hover{background-color: #000 !important;} } @media (max-width: 767px) { .page .section .resources-posts { width: 100% !important; padding: 2em 0; } .page .section .resources-posts .post-tags { font-size: 0.555em !important; color: #7B7979; text-transform: capitalize; font-style: italic; transition: .3s all; align-self: flex-end; margin-bottom: 1.7em; position: relative; padding-left: 8px; } .page .resources-posts .post-tags::before { position: absolute; content: ''; width: 4px; height: 4px; background-color: #e32726; left: 0; top: .45em; border-radius: 50%; } .page .section .resources-posts .post-container { margin-bottom: 3.5em; } .page .section .resources-posts .post-content { display: flex; flex-direction: column; } .page .section .resources-posts .post-description, .page .section .resources-posts .post-tags { font-size: 0.777em; line-height: 155%; } .page .section .resources-posts .col.one .post-image { width: 90% !important; margin-right: auto !important; margin-left: 0; } .page .section .resources-posts .col.two .post-image { width: 90% !important; margin-left: auto !important; margin-right: 0; } .page .section .resources-posts .post-title { font-size: 1.111em !important; margin-bottom: .9em; line-height: 1.45; } .page .section .resources-posts .post-button { align-self: center; margin: 0 !important; } .page .section .resources-posts .post-content-wrap { margin-bottom: 1.7em; position: relative; font-size: 1em; z-index: 1; } .page .resources-posts .post-content-wrap::after { position: absolute; content: ''; width: 4.555em !important; height: 4.555em !important; left: -.5em; top: -2em; border: 2px solid #7B7979; border-radius: 50%; opacity: .1; z-index: -1; font-size: inherit; } .page .resources-posts .col.two .post-button .rollover-img { top: 50%; transform: traslateY(-50%); } .page .resources-posts .col.two .post-button .second-main-part-ico{ display: none; } .page .section .resources-posts .col.one .post-content { margin: -2em 0 0 5% !important; margin-top: -2em !important; width: 95%; background-color: #f4f3f3; z-index: 10; position: relative; padding: 1.7em 7% 1.9em .9em; } .page .section .resources-posts .col.two .post-content { margin: 0 5% !important; margin-top: -2em !important; width: 90%; padding: 1.2em 7% 1.2em 0; } .page .resources-posts .post-image { display: block; width: 100% !important; max-width: 100%; height: 250px !important; object-fit: cover; } .page .resours .row.one.news-row .cta-button { margin-bottom: 3em; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ @media (min-width: 768px){ .page .techonology { font-size: 1rem; position: relative; z-index: 1; } @media (max-width: 1440px){ .page .techonology { font-size: .85rem !important; } } @media (max-width: 1280px){ .page .techonology { font-size: .75rem !important; } } @media (max-width: 1024px){ .page .techonology { font-size: .7rem !important; } } @media (max-width: 980px){ .page .techonology { font-size: .65rem !important; } } .page .techonology .back-part { padding: 140px 0; } @media (max-width: 1440px){ .page .techonology .back-part { padding: 120px 0 !important; } } @media (max-width: 1280px){ .page .techonology .back-part { padding: 100px 0 !important; } } @media (max-width: 1024px){ .page .techonology .back-part { padding: 90px 0 !important; } } @media (max-width: 980px){ .page .techonology .back-part { padding: 80px 0 !important; } } .page .techonology::after { position: absolute; content: ''; right: 0; top: 0; width: 60%; height: 44.5%; background-color: #E9E8E8; z-index: -1; opacity: .5; } @media (max-width: 980px){ .page .techonology::after { height: 35%; } } .page .techonology .row { margin: 0 auto; width: 85%; float: none; } .page .techonology .row.one { margin-bottom: 7.5em; display: flex; max-width: 1220px; } .page .techonology .row.one>.row-fluid-wrapper:first-child { width: 50%; } .page .techonology .row.one>.row-fluid-wrapper:last-child { width: 45%; margin-left: 5%; position: relative; padding-left: 7em; display: flex; align-items: flex-end; } .page .techonology .row.one .panel-label-anim { margin-bottom: -6.5em; padding-bottom: 6.5em; } .page .techonology .row.one h2 { margin-bottom: .35em; } .page .techonology .row.one p { margin-left: 4em; } .page .techonology .row.one .col.one { padding-top: .5em; } .page .techonology .color-circles { } .page .techonology .mobile-color-circles { display: none; } .page .techonology .color-circles .dark-circle { position: relative; background-color: #231F20; width: 17.83em; height: 17.83em; border-radius: 50%; right: 0; bottom: 0; } .page .techonology .color-circles .dark-circle { animation: beautyCirclesDark 17s infinite; } @keyframes beautyCirclesDark { 0% { transform: translate(0,0); } 16% { transform: translate(-30px,-90px); animation-delay: 1s; } 32% { transform: translate(-60px,-70px); animation-delay: 1s; } 64% { transform: translate(-30px,10px); animation-delay: 1s; } 80% { transform: translate(50px,-90px); animation-delay: 1s; } 90% { transform: translate(20px,-40px); animation-delay: 1s; } 100% { transform: translate(0,0); } } .page .techonology .color-circles .red-circle { position: absolute; background-color: #E32726; height: 10.22em; width: 10.22em; border-radius: 50%; top: 4em; left: -7em; } .page .techonology .color-circles .red-circle { animation: beautyCirclesRed 17s infinite; } @keyframes beautyCirclesRed { 0% { transform: translate(0,0); } 16% { transform: translate(-30px,-90px); animation-delay: 1s; } 32% { transform: translate(-60px,-70px); animation-delay: 1s; } 64% { transform: translate(-30px,10px); animation-delay: 1s; } 80% { transform: translate(50px,-90px); animation-delay: 1s; } 90% { transform: translate(20px,-40px); animation-delay: 1s; } 100% { transform: translate(0,0); } } .page .techonology .row.two { max-width: 1570px; display: flex; } .page .techonology .row.two > .row-fluid-wrapper { width: 28%; margin-right: 8%; position: relative; } .page .techonology .row.two > .row-fluid-wrapper:last-child { margin-right: 0; } .page .techonology .row.two > .row-fluid-wrapper > .row-fluid { height: 100%; } .page .techonology .row.two .col { padding-bottom: 5.5em; height: 100% } @media (max-width: 980px){ .page .techonology .row.two { max-width: 700px; display: flex; flex-wrap: wrap; } .page .techonology .row.two > .row-fluid-wrapper { width: 47.5%; margin: 0 0 4em; } .page .techonology .row.two > .row-fluid-wrapper:first-child { margin-right: 5%; } .page .techonology .row.two > .row-fluid-wrapper:last-child { width: 100%; } } .page .techonology .row.two .col { max-width: 400px; } .page .techonology .row.two h3 { font-size: 2em; position: relative; font-weight: 800; line-height: 130%; margin-bottom: .2em; } .page .techonology .row.two h3::after { position: absolute; content: ''; width: 3.61em; height: 3.61em; top: -.7em; left: -.6em; border: 1px solid #7B7979; border-radius: 50%; opacity: .1; z-index: -1; } .page .techonology .row.two p { line-height: 160%; font-size: 1.111em; } .page .techonology .row.two .cta-button { position: absolute; bottom: 0; } } @media (max-width: 767px){ .page .techonology .row.one .col.two { display: none; } .page .techonology .row.one { width: 100%; position: relative; z-index: 1; margin-bottom: 4em !important; } .page .techonology .row.one::after { background-color: #E9E8E8; position: absolute; content: ''; right: 0; top: 0; width: 55%; height: 100%; z-index: -1; opacity: .5; } .page .techonology .row.one .col.one { width: 90%; float: none; margin: 0 auto; padding: 1.5em 0; padding-top: 5em; } .page .techonology .row.two .col { margin-bottom: 6.5em; } .page .techonology .row.two .col .module.one { margin-bottom: 1.5em; } .page .techonology .row.two .col.four { margin-bottom: 4.5em; } .page .techonology .mobile-color-circles { display: block; width: 75% !important; max-width: 300px; margin: 0 auto; padding-right: 1em; } .page .techonology h2 br { display: none; } .page .techonology .row.two h3 { font-size: 1.111em; position: relative; font-weight: 800; line-height: 130%; margin-bottom: .2em; } .page .techonology .row.two h3::after { position: absolute; content: ''; width: 3.61em; height: 3.61em; top: -.7em; left: -.6em; border: 1px solid #7B7979; border-radius: 50%; opacity: .1; z-index: -1; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ @media (min-width: 769px) { .page .page-hero-section .row { max-width: 1500px; } .page .page-hero-section .row.one { height: 100%; } .page .page-hero-section .row-fluid-wrapper, .page .page-hero-section .row-fluid, .page .page-hero-section .back-part { height: 100%; } } @media (min-width: 769px) and (max-height: 800px) { .page .page-hero-section { height: 96vh; } } .page .page-hero-section .group-container .row-fluid-wrapper, .page .page-hero-section .group-container .row-fluid { height: auto; } .page .page-hero-section .group-container { display: flex; align-items: center; margin-left: auto; float: none; max-width: 1370px; height: 100%; padding-bottom: 10%; } .page .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 50%; margin-right: 5%; } .page .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 45%; } .demo-landing-page #fullpage .back-side { float: none; margin: 0 auto; width: 90%; max-width: 1212px; } @media (max-width: 1280px) { .page .page-hero-section .row, .page.platform-page .row, #blogpage.content-part .row, .job-offer .section .row, .services-page .content-part-special .row { float: none; width: 85% !important; margin: 0 auto; } } @media (max-width: 767px) { .services-page .analytics .row.one, .page .page-hero-section .row, .page.platform-page .row, #blogpage.content-part .row, .job-offer .section .row, .services-page .content-part-special .row { width: 90% !important; } .page .page-hero-section .group-container { display: flex; flex-direction: column; align-items: center; } .page .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 100%; } .page .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 100%; } } .page .page-hero-section .row.one .col.two { margin-top: 22%; } .page .page-hero-section::after { position: absolute; content: ''; width: 70%; height: 72%; right: 0; top: 0; background-color: #F4F3F3; z-index:-2; } .page .page-hero-section .panel-label { margin: 0 0 -7em -2.2em; } .page .page-hero-section h1 { margin-bottom: .2em; } .page .page-hero-section p { font-size: 1.55em !important; line-height: 140%; } .page .page-hero-section .row.one .col.one .module { max-width: 630px; } .back-part { background-color: rgba(255, 255, 255, 1.0); background: url(https://info.empowertheuser.com/hubfs/ETU%20theme/sims-circles%20new-1.svg); background-repeat: no-repeat; background-size: cover; background-position: top; position: relative; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* ------------------ */ /* ETU homepage style */ /* ------------------ */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ /* ----------------- */ /* Start coding here */ /* ----------------- */ /* Opening panel - first section */ @media (max-width: 1440px){ .class { font-size: 18px !important; } } @media (max-width: 1280px){ .class { font-size: 16px !important; } } @media (max-width: 1024px){ .class { font-size: 14px !important; } } @media (max-width: 980px){ .class { font-size: 14px !important; } } @media (max-width: 767px){ .class { font-size: 18px !important; } } @media (max-width: 480px){ .class { font-size: 16px !important; } } @media (min-width: 768px){ @media (max-width: 1440px){ .cta-button { font-size: .88rem !important; } } @media (max-width: 1280px){ .cta-button { font-size: .82rem !important; } } @media (max-width: 1024px){ .cta-button { font-size: .75rem !important; } } @media (max-width: 980px){ .cta-button { font-size: .7rem !important; } } .home .content-part-special .row { margin: 0 auto; float: none; } .home .content-part-special .col { position: relative; z-index: 1; } .home { } @keyframes bounceCust { 0% { transform: translateY(0px); } 50% { transform: translateY(15px); } 100% { transform: translateY(0px); } } .home .scroll-down img, .pwc-landing .scroll-down img, .why_sims.page .scroll-down img{ -moz-animation: bounceCust 2s infinite; -webkit-animation: bounceCust 2s infinite; animation: bounceCust 2s infinite; } .home .content-part-special h1 { font-size: 4em; font-weight: 900; line-height: 109%; margin-bottom: 2.2vh; position: relative; z-index: 1; } .home .content-part-special h2 { font-size: 3.555em; font-weight: 900; } .home .content-part-special p { font-size: 1.1111rem; line-height: 155%; } @media (max-width: 1440px){ .home .content-part-special p { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .home .content-part-special p { font-size: 1rem !important; } } @media (max-width: 1024px){ .home .content-part-special p { font-size: 0.9rem !important; } } @media (max-width: 980px){ .home .content-part-special p { font-size: 0.85rem !important; } } .home .content-part-special .hero-section { height: 100vh; font-size: 1rem; z-index: 99; } @media (max-width: 1024px){ .home .content-part-special .hero-section { height: auto; } } @media (max-width: 1440px){ .home .content-part-special .hero-section { font-size: .85rem !important; } } @media (max-width: 1280px){ .home .content-part-special .hero-section { font-size: .75rem !important; } } @media (max-width: 1024px){ .home .content-part-special .hero-section { font-size: .7rem !important; } } @media (max-width: 980px){ .home .content-part-special .hero-section { font-size: .65rem !important; } } .home .hero-section .row-fluid-wrapper, .home .hero-section .row-fluid, .home .hero-section .back-part { height: 100%; margin: 0; } @media (max-width: 1024px){ .home .hero-section .row-fluid-wrapper, .home .hero-section .row-fluid, .home .hero-section .back-part { height: auto; } } .home .hero-section .row .row-fluid-wrapper, .home .hero-section .row .row-fluid, .home .hero-section .back-part>.row-fluid-wrapper:last-child { height: auto; } .home .hero-section .back-part { background: none; } .home .hero-section .row.one { display: flex; flex-direction: column; justify-content: center; height: 100%; max-width: 1220px; width: 85%; } @media (max-width: 1024px) { .home .hero-section .row.one { padding: 80px 0; } } .home .hero-section .col.one { padding-top: 1.2em; padding-bottom: 22vh; max-width: 730px; width: 65%; } .home .hero-section video { width: 100% !important; height: 100% !important; } @media (max-width: 1280px){ .home .hero-section .col.one { padding-bottom: 11vh; } } @media (max-width: 1024px){ .home .hero-section .back-part { height: 100%; } .home .hero-section .col.one { padding-bottom: 5em; } } .home .hero-section p { font-size: 1.777em !important; margin-bottom: 6.5vh; line-height: 135%; padding-right: 1em; } @media (max-width: 980px) { .home .hero-section h1 { font-size: 3.7em !important; } .home .hero-section p { font-size: 1.555em !important; } } .hero-section .row.two { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 999; } .home .platform-section { /* background-color: #231F20; */ font-size: 1rem; } .home .platform-section .back-part:before { content: '' !important; position: absolute; display: block; left: 0; top: 0; width: 70%; max-width: 1332px; height: 100%; background-color: #F4F3F3; z-index: -1; } @media (max-width: 1440px){ .home .platform-section { font-size: .85rem !important; } } @media (max-width: 1280px){ .home .platform-section { font-size: .75rem !important; } } @media (max-width: 1024px){ .home .platform-section { font-size: .7rem !important; } } @media (max-width: 980px){ .home .platform-section { font-size: .65rem !important; } } .home .platform-section .panel-label-anim { padding-top: 3.5em; } .home .platform-section .panel-label-anim .graydash circle { stroke: #b7b7b7; } .home .platform-section .row { max-width: 1250px; width: 85%; } .home .platform-section .col { position: relative; } .home .platform-section .row.one h2 { color: #231F20; font-size: 3.555em; margin-bottom: 0 ; } .home .platform-section .row.one p { color: #231F20; margin-bottom: 1.75em; } .home .platform-section .row.one .col.one img{ margin-top: 3rem; } .home .platform-section .row.one>.row-fluid-wrapper:first-child { width: 44.5%; margin-right: 6%; } .home .platform-section .row.one { display: flex; margin-top: 4.8em; margin-bottom: 7em; } .home .platform-section .row.one>.row-fluid-wrapper:last-child { width: 49.5%; /* max-width: 410px; */ } .home .platform-section .row-group { background-color: #fff; clip-path: ellipse(90% 100% at 35% 100%); -webkit-clip-path: ellipse(90% 100% at 35% 100%); padding: 130px 0 110px; } @media (max-width: 1440px){ .home .platform-section .row-group { padding: 130px 0 110px !important; } } @media (max-width: 1280px){ .home .platform-section .row-group { padding: 110px 0 90px !important; } } @media (max-width: 1024px){ .home .platform-section .row-group { padding: 90px 0 70px !important; } } @media (max-width: 980px){ .home .platform-section .row-group { padding: 80px 0 60px !important; } } @media (max-width: 1650px) { .home .platform-section .row-group { clip-path: ellipse(100% 100% at 35% 100%); -webkit-clip-path: ellipse(100% 100% at 35% 100%); } } @media (max-width: 1024px){ .home .platform-section .row-group { clip-path: ellipse(110% 100% at 35% 100%); -webkit-clip-path: ellipse(110% 100% at 35% 100%); } } .home .platform-section .row-group .row { margin-bottom: 6em; } .home .platform-section .row-group .big-section-text { font-size: 11.66em; color: #E9E8E8; text-transform: uppercase; font-family: 'Catamaran',sans-serif; font-weight: 900; margin-bottom: -2.5em; position: relative; left: -.15em; z-index: -1; } .home .platform-section .row-group .big-section-text>div { opacity: .35; } @media (max-width: 1024px){ .home .platform-section .row-group .big-section-text { display: none; } } .home .platform-section .row-group .row.two h2 { margin-bottom: .2em; } .home .platform-section .row-group .row.two .text-module { max-width: 930px; float: none; width: 75%; } .home .platform-section .row-group .row.two .blurb { margin: 2.2em 1em 0; } .home .platform-section .row-group .row.three .blurb { margin: 2.8em 0 0; } .home .platform-section .row-group .row.four .blurb { margin: 3.5em 0 0; } .home .platform-section .row-group .row.three>.row-fluid-wrapper { padding-left: 4em; } .home .platform-section .row-group .row.three .text-module { max-width: 1090px; padding-right: 9%; float: none; margin-left: auto; } .home .platform-section .row-group .row.four>.row-fluid-wrapper { padding-left: 8em; } .home .platform-section .row-group .row.four .text-module { max-width: 980px; margin-left: auto; float: none; } .home .platform-section .row-group .bl-col { text-align: center; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 1.11em; margin: 0; width: auto; } .home .platform-section .row-group .row.two .bl-col:first-child { margin-right: 8em; } .home .platform-section .row-group .row.three .bl-col:first-child { margin-right: 4em; } .home .platform-section .row-group .row.four .bl-col:first-child { margin-right: 6.5em; margin-left: 2.5em; } .home .platform-section .row-group .row.four .bl-col { line-height: 160%; } .home .platform-section .row-group .row.four .red { margin-bottom: .3em; } .home .platform-section .row-group .red { color: #E32726; display: block; font-weight: 900; font-size: 2.5em; margin-bottom: .1em; position: relative; } .home .platform-section .row-group .red::after { position: absolute; content: ''; width: 2.58em; height: 2.58em; top: 65%; left: 50%; border: 1px solid #7B7979; border-radius: 50%; transform: translate(-50%, -50%); opacity: .1; z-index: -1; } .home .platform-section .row-group .row.two .cta-button { margin-left: -1em; margin: 3.7em 0 0; } .home .platform-section .row-group .row.three .cta-button { margin-top: 4.5em; } .home .platform-section .row-group .row.four .cta-button { margin-top: 3em; } .home .innovation-leaders { padding: calc(60px + 5%) 0 40px; } .home .innovation-leaders .row{ max-width: 1220px; width: 85%; } .home .innovation-leaders .row.one{ margin-bottom: 4%; } .home .innovation-leaders .row.two{ max-width: 1265px; } .home .innovation-leaders .row.one h2{ text-align: center; font-size: 2.67em; } .home .innovation-leaders .innovation-leader-images{ opacity: 0; } .home .expertise { padding-bottom: 20px ; font-size: 1rem; } @media (max-width: 1440px){ .home .expertise { font-size: .85rem !important; } } @media (max-width: 1280px){ .home .expertise { font-size: .75rem !important; } } @media (max-width: 1024px){ .home .expertise { font-size: .7rem !important; } } @media (max-width: 980px){ .home .expertise { font-size: .65rem !important; } } .home .expertise .back-part { padding: 25px 0; } @media (max-width: 1024px){ .home .expertise .back-part { padding: 50px 0; } } .home .expertise .row.one { width: 85%; max-width: 1205px; margin: 0 auto; float: none; padding-bottom: 0; display: flex; align-items: center; } .home .expertise2 .row.one { /* max-width: 1480px; */ } @media (max-width: 1440px){ .home .expertise .row.one { padding-bottom: 120px !important; } } @media (max-width: 1280px){ .home .expertise .row.one { padding-bottom: 80px !important; } } @media (max-width: 1024px){ .home .expertise .row.one { padding-bottom: 40px !important; } } @media (max-width: 980px){ .home .expertise .row.one { padding-bottom: 0 !important; } } .home .expertise .row.one>.row-fluid-wrapper:first-child { width: 51%; margin-right: 4.5%; padding-top: 2.4%; } .home .expertise .row.one>.row-fluid-wrapper:last-child { width: 44.5%; } .home .expertise .row.one>.row-fluid-wrapper:last-child>.row-fluid { max-width: 115.5%; width: calc(100% + 4.25vw); padding-bottom: 19%; } @media (max-width: 1440px){ .home .expertise .row.one>.row-fluid-wrapper:last-child>.row-fluid { max-width: 100%; width: 100%; } } .home .expertise .panel-label-anim { margin-bottom: -8.3em; padding-bottom: 7em; } .home .expertise .row.one h2 { margin-bottom: .15em; } .home .expertise .row.one p { margin-bottom: 1.5em; padding-left: .2em; padding-right: 1em; line-height: 1.5; } .home .expertise .row.one p:last-child { margin-bottom: .4em; } .home .expertise .row.one .main-text { margin-bottom: 1em; } .home .expertise .expert-img { opacity: 1; transform: rotate(360deg); } .home .expertise .expert-img .after{ /* position: absolute; height: 100%; width: 100%; z-index: 9999999; */ } .expertise .expert-img-mobile { display: none; } @keyframes circleRotate { 0% { opacity: 0; transform: rotate(360deg); } 100% { opacity: 1; transform: rotate(0deg); } } .home .expertise .expert-img-animated { animation-play-state:running; opacity: 1; transform: rotate(0deg); animation: circleRotate 2s ease-in-out; } .home .section.value{ padding-bottom: 50px; } .home .section.value .cta-button{ margin-left: auto; margin-right: auto; } .home.page .value .col.one { padding-top: 4.5%; } .home.page .value .col.one h2 { margin-bottom: 0.15em; } .home.page .value .col.one h2 ~ p { max-width: 85%; } .home.page .value .panel-label-anim { margin: 0 0 -6.5em -2.6em; padding: 5.3em 0 9em 2.8em; } .home.page .value .row-group .row.two { margin : 1.5em auto 2.4em; max-width: 1197px; padding-bottom: 0; } .home.page .value .row-group .row.three .row-fluid { display: flex; justify-content: center; } .home.page .value .row-group .row.two .blurb { margin: 2.2em 0em 0; } .home.page .value .row-group .bl-col { width: 30%; } .home.page .value .row-group .red::after { top: 55%; } .home.page .value .row-group .row.two .bl-col:nth-child(1) , .home.page .value .row-group .row.two .bl-col:nth-child(2) { margin-right: 5%; } .home.page .value .row-group .red { margin-bottom: 0; } .home.page .value .row-group .row.two .bl-col p { font-size: .75em; margin-top: 2px; padding: 0 .5em; } .home.page .features-section{ margin-top: 0; } @media (max-width: 1440px){ .home.page .features-section { font-size: .85rem !important; } } @media (max-width: 1280px){ .home.page .features-section { font-size: .75rem !important; } } @media (max-width: 1024px){ .home.page .features-section { font-size: .7rem !important; } } @media (max-width: 980px){ .home.page .features-section { font-size: .65rem !important; } } .home.page .features-section .back-part{ padding: 6.5% 0 5%; } .home.page .features-section:after { width: 71%; height: 97%; } .home.page .features-section .row.one { max-width: 999px; } .home.page .features-section .panel-label-anim { margin: 0 auto -6.5em; } .home.page .features-section .row.one h2 { margin-bottom: .8em; } .home.page .features-section .row { width: 85%; } .home.page .features-section .row.two { max-width: 1204px; padding: 0 ; } .home.page .features-section .row.two>.row-fluid-wrapper:first-child{ width: 59.5%; margin-right: 6.5%; } .home.page .features-section .row.two>.row-fluid-wrapper:last-child { width: 34%; } .home.page .features-section .row.two .vidyard-player-container > div { padding-bottom: 56.15% !important; } .home.page .features-section .row h3 { padding: 0; margin-bottom: 0.1em; } .home.page .features-section .row h3::before , .home.page .features-section .row h3::after { content: none; } .home.page .features-section .row.two .col.two .module { margin-bottom: 2.75em; } .home.page .features-section .row.two .cta-button { margin-top: -5px; } /* .home .references .row.one { max-width: 1220px; width: 85%; float: none; margin: 0 auto; margin-bottom: 4em; } .home .references .panel-label-anim { margin: 0 auto -6.5em; padding-bottom: 6.5em; padding-left: 0; justify-content: center; } .home .references .row.one h2 { text-align: center; margin-bottom: .3em; } .home .references .row.one p { text-align: center; max-width: 800px; margin: 0 auto; } */ .home .resours { } @media (max-width: 1440px){ .home .resours { font-size: .85rem !important; } } @media (max-width: 1280px){ .home .resours { font-size: .75rem !important; } } @media (max-width: 1024px){ .home .resours { font-size: .7rem !important; } } @media (max-width: 980px){ .home .resours { font-size: .65rem !important; } } .home .resours .back-part { padding: 64px 0; } @media (max-width: 1440px){ .home .resours .back-part { padding: 50px 0 !important; } } @media (max-width: 1280px){ .home .resours .back-part { padding: 50px 0 !important; } } @media (max-width: 1024px){ .home .resours .back-part { padding: 60px 0 !important; } } @media (max-width: 980px){ .home .resours .back-part { padding: 40px 0 !important; } } .home .resours .row { max-width: 1220px; width: 88%; } .home .resours .panel-label-anim { margin-bottom: -7em; padding-bottom: 7em; } .home .resours .row h2 { margin-bottom: .2em; } .home .resours .row.one { margin-bottom: 1em; } .home .resours .row.two { display: flex; padding-left: 4%; } .home .resours .cta-row { max-width: 1220px; width: 88%; float: none; margin: 0 auto; /* padding-left: 4%; */ margin-bottom: 3em; } .home .resours .row.two .module { margin-bottom: 1.9em; } .home .resours .row.two > .row-fluid-wrapper { width: 29%; margin-right: 6.5%; } .home .resours .row.two > .row-fluid-wrapper:last-child { margin-right: 0; } .home .resours .row.two .red { color: #E32726; font-size: 4.444em; font-weight: 900; margin-bottom: .15em; } @media (max-width: 1440px){ .home .resours .row.two .red { font-size: 4em !important; } } @media (max-width: 1280px){ .home .resours .row.two .red { font-size: 3.2em !important; } } @media (max-width: 1024px){ .home .resours .row.two .red { font-size: 2.8em !important; } } @media (max-width: 980px){ .home .resours .row.two .red { font-size: 2.5em !important; } } .home .resours .row.two p { max-width: 285px; } } @media (max-width: 767px){ @media (max-width: 767px){ .home .content-part-special .section { font-size: 1.2rem !important; } } @media (max-width: 480px){ .home .content-part-special .section { font-size: 1rem !important; } } .home .content-part-special h1, .home .content-part-special h2 { font-size: 1.555em; font-weight: 900; } .home .content-part-special h1 br, .home .content-part-special h2 br { display: none; } .home .content-part-special h2 { margin-bottom: .5em; } .home .content-part-special h3 { font-weight: 800; font-size: 1.111em; } .home .content-part-special p { line-height: 155%; font-size: 0.777em; } .home .panel-label-anim { font-size: 0.388em; } .home .section .row { margin: 0 auto !important; float: none; width: 90%; } .home .panel-label-anim .panel-title { white-space: nowrap } .home .section .cta-button { font-size: 0.722em; } .home .section .red { color: #E32726; } .hero-section .mobile-logo-image { text-align: right; width: 67%; float: none; margin: 0 auto 2.3em !important; } .home .hero-movie video{ object-position: 100% 10%; width: 100% !important; } .home .hero-section .row.one .col.one { padding-top: 10em; } @media (max-width: 480px) { .home .hero-section .row.one .col.one { padding-top: 6em; } } .home .hero-section .back-part { background: none; } .home .hero-section h1 { margin-bottom: .2em; } .home .hero-section .row.one { padding: 30px 0; } .home .hero-section .row.one .col.one .module.one { margin-bottom: 1em; } .home .hero-section .scroll-down .label-field, .pwc-landing .scroll-down .label-field { font-size: 14px; } .home .platform-section { } .home .platform-section .row.one p, .home .platform-section .row.one h2 { color: #231F20; } .home .platform-section .row.one p{ margin-bottom: 1.75em; } .home .platform-section .big-section-text{ display: none; } .home .platform-section .animated-gif { display: none; } .home .platform-section .animated-gif img { max-width: 98%; } .home .platform-section .animated-gif.animate__animated { display: block; } .home .platform-section .back-part { padding: 40px 0; } .home .platform-section .row.one>.row-fluid-wrapper:last-child { padding-top: 0 !important; } .home .platform-section .row-group { padding: 120px 0 0; background-color: #fff; clip-path: ellipse(280% 100% at 70% 100%); -webkit-clip-path: ellipse(280% 100% at 70% 100%); } .home .platform-section .row-group .blurb > .row-fluid-wrapper > .row-fluid { display: flex; } .home .platform-section .row-group .bl-col:first-child { width: 48.5%; margin-right: 4%; } .home .platform-section .row-group .bl-col:last-child { width: 48.5% } .home .platform-section .row-group .bl-col { text-align: center; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: .777em; margin: 0; width: auto; margin-bottom: 2.8em; } .home .platform-section .row-group h2 { margin-bottom: .4em; } .home .platform-section .row-group p { margin-bottom: 2.2em; } .home .platform-section .row-group .red { color: #E32726; display: block; font-weight: 900; font-size: 2em; margin-bottom: .1em; position: relative; white-space: nowrap; } .home .platform-section .row-group .red::after { position: absolute; content: ''; width: 2.58em; height: 2.58em; top: 65%; left: 50%; border: 1px solid #7B7979; border-radius: 50%; transform: translate(-50%, -50%); opacity: .1; z-index: -1; } .home .platform-section .row-group .row { margin-bottom: 6em !important; } .home .innovation-leaders { padding: 40px 0; } .home .innovation-leaders .row.one{ margin-bottom: 40px !important; } .home .expertise { background-color: #F4F3F3; padding-bottom: 15px !important; } .home .expertise .back-part { padding: 70px 0; } .home .expertise .row.one .col.two { margin-bottom: 1em; } .home .expertise .expert-img, .home .expertise .col.one { display: none; } .home .expertise2 .expert-img, .home .expertise2 .col.one { display: block; position: relative; } body.home .expertise2 .circles .red-circle { height: 8.3em; width: 8.3em; top: -4em; left: -2em; } body.home .expertise2 .circles .dark-circle { width: 3.5em; height: 3.5em; right: -2.5em; bottom: 0em; } .home .expertise .expert-img { margin-bottom: 0; } .home .expertise .expert-img-mobile { display: block; width: 75% !important; height: auto; margin: 0 auto; margin-bottom: 2em; max-width: 300px; } .home .expertise h2 { margin-bottom: 1em; } .home .expertise .cta-button.slim { margin-top: 3.5em; } /*outcomes*/ .home .outcomes-section{ } /* .home .references { background-color: #F4F3F3; padding: 4em 0 0; } .home .references .panel-label-anim { margin: 0 auto -6.5em; padding-bottom: 6.5em; padding-left: 0; justify-content: center; } .home .references .row.one h2 { text-align: center; margin-bottom: .5em; } .home .references .row.one p { text-align: center; max-width: 800px; margin: 0 auto; } */ .home .reference-slider-wrapper { display: flex; flex-direction: column; width: 100%; padding: 0 5% 0; margin: 0 auto; position: relative; } .home .reference-slider-wrapper::after { position: absolute; content: ''; width: 100%; height: 80%; bottom: 0; left: 0; background-color: #fff; z-index: -1; } .home .reference-slider-wrapper .text-wrapper { order: 2; } .home .reference-slider-wrapper .movie-wrapper { order: 1; margin-bottom: 2em; } .home .reference-slider-wrapper .movie-wrapper .bx-viewport { opacity: 1; } .home .slider-head .controls-elements { display: flex; flex-direction: column; align-items: center; } .home .slider-navigation, .home .slider-counter { display: flex; } .home .slider-navigation { margin-bottom: 1em; } .home .slider-but-container { text-align: center; margin: 1.8em 0 2.6em; } .home .slider-navigation .prev-item { margin-right: 2em; } .home .slider-navigation .disabled { opacity: .6; cursor: initial; } .home .slider-counter { display: flex; margin-bottom: 1.3em; } .home .slider-counter > div { font-family: 'Catamaran', sans-serif; font-weight: 500; width: 1em; text-align: center; } .home .slider-counter .total-slides, .home .slider-counter span { color: #D3D2D2; font-weight: 500; } .home .slider-counter .current-slide { margin-right: .3em; } .home .slider-counter .total-slides { margin-left: .4em; } .home .resours { padding-top: 30px; } .home .resours .cta-row { max-width: 1220px; width: 88%; float: none; margin: 0 auto; text-align: center; } .home .resours .row.two { width: 84%; } .home .resours .row.two .col.two .module { text-align: left; /* here */ } .home .resours .row.one h2 { margin-bottom: 1em; } .home .resours .row.two h3 { font-size: 1.833em; font-weight: 900; margin-bottom: .2em; } .home .resours .row.two .module { margin-bottom: 2em; } .home .panel-label-anim .anim-circle { top: -2em; width: 12em; height: 12em; } .home.page .value .row-group .row.three .row-fluid { display: flex; justify-content: center; } .home.page .features-section .row h3 { font-size: 1.3em; padding-bottom: 0; } .home.page .features-section .row p { font-size: .9em; } .home.page .features-section:after { width: 100%; } .home.page .features-section .row.two { padding-right: 0; } .home.page .features-section .row.two .col.two .module { margin-bottom: 2em; } .home.page .features-section .row h3::before, .home.page .features-section .row h3::after { content: none; } .home.page .features-section .row.two .col.one { margin-bottom: 2.5em; } } @media (max-width: 480px){ .home .resours .row.two .col.two .module { text-align: right; } } .home .expertise .expert-img video { max-width: 100%; } .home .expertise2 .circles { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; } .home .expertise2 .circles .dark-circle { position: absolute; background-color: #231f20; width: 5.5em; height: 5.5em; border-radius: 50%; right: -2.5em; bottom: -3em; animation: beautyCirclesDark 12s infinite; } .home .expertise2 .circles .red-circle { position: absolute; background-color: #e32726; height: 12.3em; width: 12.3em; border-radius: 50%; top: -6em; left: -6em; animation: beautyCirclesDark 15s infinite; } /*new mockup*/ .home .platform-section.new-upd .row.one { margin: 3rem auto 5rem; max-width: 1260px; } .home .platform-section.new-upd .row.one p { font-size: 1.055rem; } .home .platform-section.new-upd .blurbs-row{ max-width: 1533px !important; width: 84%; } .home .platform-section.new-upd .blurbs-row .text-module.blurb .row-fluid-wrapper > .row-fluid { display: flex; flex-flow: row wrap; flex-wrap: wrap; } .home .platform-section.new-upd .blurbs-row .text-module.blurb .row-fluid-wrapper > .row-fluid:before, .home .platform-section.new-upd .blurbs-row .text-module.blurb .row-fluid-wrapper > .row-fluid:after { content: none; } .home .platform-section.new-upd .blurbs-row .col:first-child{ margin-left: 0; } .home .platform-section.new-upd .text-module.blurb.animate__animated h3, .home .platform-section.new-upd .text-module.blurb.animate__animated p { opacity: 1; } .home .platform-section.new-upd .text-module.blurb .widget-type-rich_text{ margin-bottom: 1.5rem; } .home .platform-section.new-upd .text-module.blurb .widget-type-rich_text p:first-child{ display: inline-block; color: #918F8F; margin-bottom: 6px; line-height: 1; } .home .platform-section.new-upd .text-module.blurb h3{ font-size: 2rem; color: #231f20; font-weight: 800; line-height: 1.3; margin-bottom: 1rem; } .home .platform-section.new-upd .text-module.blurb .widget-type-rich_text p{ max-width: 97%; } .home .platform-section.new-upd .text-module.blurb a.cta_button { padding: .8em 3.2em .75em 1.5em; } .home .platform-section.new-upd .row-group .panel-label-anim .graydash circle{ stroke: #b7b7b7; } .home .platform-section.new-upd ._1JOiS > button { display: none !important; } .home .featherlight-content #video-popup-wrap { display: block !important; } .home .featherlight-content #video-popup-wrap .widget-type-custom_widget{ width: 980px; max-width: 100%; } .home.home-template2021 .expertise { display: none; } .home.home-template2021 .expertise2 { display: block; } .home.home-template2021 .expertise2 .back-part { background-image: url('https://www.etu.co/hubfs/92-layers233.svg'); } /* .home.home-template2021 .section.references{ background-color: #fff; padding-top: 3rem; opacity: 1 !important; transition: none; } */ /* .home.home-template2021 .section.techonology{ opacity: 1 !important; } .home.home-template2021 .section.techonology.animate__animated.animate__fadeIn, .home.home-template2021 .section.references.animate__animated.animate__fadeIn{ animation: none; transition: none; } */ /*---*/ @media (min-width: 768px){ /* .home.home-template2021 .techonology .row.one{ margin-bottom: 6.4em; } .home.home-template2021 .techonology .row.one>.row-fluid-wrapper:last-child{ padding-left: 2em; align-items: center; } .home.home-template2021 .techonology .back-part { padding: 126px 0; } */ .home .platform-section.new-upd .video-what-we-do .vidyard-player-container{ padding-top: 60px; } .home .platform-section.new-upd .video-what-we-do .vidyard-player-container .vidyard-div-iggpNGJrRBvMc8awHSukC5{ padding-bottom: 67% !important; max-width: 120% !important; width: 120% !important; left: 50%; transform: translateX(-50%); } .home .platform-section.new-upd .blurbs-row .col{ width:26%; margin-left: 11%; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 1280px){ .home.home-template2021 .color-circles.without-animate-img img{ max-width: 85%; } .home .platform-section.new-upd .blurbs-row .col{ width:29%; margin-left: 6%; } } .home .platform-section.new-upd .row.one > .row-fluid-wrapper:first-child { width: 45%; margin-right: 6%; display: flex; align-items: center; } .home .platform-section.new-upd .row.one > .row-fluid-wrapper:last-child { width: 49%; max-width: unset; padding-top: 0 !important; } .home .platform-section.new-upd .row-group h2{ margin-bottom: 0.8em; } .home .platform-section.new-upd .row-group .row { margin-bottom: 4.4rem; } } @media (min-width: 981px){ .home .platform-section.new-upd .row-group{ clip-path: ellipse(90% 100% at 35% 100%); -webkit-clip-path: ellipse(70% 99% at 33% 100%); padding-top: 10.2rem; } } @media (max-width: 1500px) and (min-width: 981px){ .home .platform-section.new-upd .text-module.blurb h3{ font-size: 1.5rem; } } @media (max-width: 980px) and (min-width: 768px){ .home .platform-section.new-upd .module.two h2 { font-size: 2.3rem; } .home .platform-section.new-upd .text-module.blurb h3{ font-size: 1.7rem; } } @media (max-width: 980px){ } @media (max-width: 767px){ .home .platform-section.new-upd .row-group .row { margin-bottom: 3.5em !important; } .home .platform-section.new-upd .text-module.blurb .col:not(.col:last-child){ margin-bottom: 3.5em; } .home .platform-section.new-upd .text-module.blurb h3{ font-size: 1.5rem; } } @media (max-width: 400px){ } /***** Panel 2 - Video mute button *****/ .home-template2021 ._1JOiS button { left: 5em !important; } /***** December 2021 - Homepage Updates *****/ .dec21-update #second.platform-section.new-upd .row.one { margin: 7rem auto 9rem; } .dec21-update .resours .row.two { display: none; } .dec21-update .expertise2 .circles .red-circle { width: 5.5em; height: 5.5em; top: -3em; left: -3em; } .dec21-update .expertise2 .circles .dark-circle { width: 12.3em; height: 12.3em; right: -5em; bottom: -5em; } .home.page .features-section .row.two .cta-play-button { background: none !important; text-align: right; margin: 0; padding: 16px 0 0; width: 100%; } .home.page .features-section .row.two .cta-play-button .open-video-pop { display: flex; font-family: "Catamaran", sans-serif; align-items: center; justify-content: center; color: #231F20; font-weight: 900; font-size: .86em; text-transform: uppercase; line-height: 1; padding: 0; } .home.page .features-section .row.two .cta-play-button .open-video-pop img { margin-left: .7em; max-width: 52px; transition: .2s all; } .home.page .features-section .row.two .cta-play-button .open-video-pop:after { content: none; } .home.page .features-section .row.two .cta-play-button .open-video-pop:after { color: #231F20; } .home.page .features-section .row.two .cta-play-button .open-video-pop:hover { opacity: .8; } .home.page .features-section .row.two .cta-play-button .open-video-pop:hover img { /* max-width: 42px; */ } .home.page .featherlight .featherlight-content{ width: auto; max-width: 70%; } /* interactive video */ .page .int-video-wrap { position: relative; background-color: rgba(255,255,255, 0); transition: all .5s ease-in-out; } .page .int-video-wrap .popup-content { position: absolute; top: 0; transform: scale(0); opacity: 0; overflow: hidden; width:100%; height: 1px; transition: all .65s ease-in-out; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 10px #cecece; } .page .interactive-video.vid-ended .int-video-wrap{ background-color: rgba(255,255,255, 1); } .page .interactive-video.vid-ended .int-video-wrap .popup-content { width:100%; height: 100%; transform: scale(1); opacity: 1; padding: 2.8em; background-color: #fff; background: center / cover no-repeat url(https://www.etu.co/hubfs/ETU-2022/small%20circles.svg); } .page .interactive-video.vid-ended .int-video-wrap video { opacity: 0; transition: all .5s ease-in-out; } .page .interactive-video .int-video-wrap .popup-content p , .page .interactive-video .int-video-wrap .popup-content>span { font-weight: 700; font-size: 1.3em; color: #E32726; padding: 0 2.5em; } .page .interactive-video.closed .int-video-wrap .popup-content p { display: none; } .page .interactive-video .int-video-wrap .popup-content>span { opacity: 1; transition: all .5s ease-in-out; } .page .interactive-video:not(.closed) .int-video-wrap .popup-content>span { display: none; opacity: 0; } .page .interactive-video .int-video-wrap .btns-wrap { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; } .page .interactive-video.closed .int-video-wrap .btns-wrap { display: none; } .page .interactive-video .int-video-wrap .btns-wrap .btn { /* background-color: #E32726; color: #fff; */ } .page .int-video-wrap .popup-content .btns-wrap { } @media (max-width: 1024px) { .page .interactive-video.vid-ended .int-video-wrap .popup-content { padding: 1.4em; } .page .interactive-video .int-video-wrap .popup-content p , .page .interactive-video .int-video-wrap .popup-content>span { padding: 0 1.5em; line-height: 1.2; font-size: 1.2em; } } @media (max-width: 480px) { .page .interactive-video .int-video-wrap .popup-content p , .page .interactive-video .int-video-wrap .popup-content>span { padding: 0 .5em; line-height: 1.1; font-size: 1em; } .page .interactive-video .int-video-wrap .btns-wrap .cta-button { margin-top: .2em; } } /* ------------------ */ /* ETU homepage style */ /* ------------------ */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ /* ----------------- */ /* Start coding here */ /* ----------------- */ /* Opening panel - first section */ @media (max-width: 1440px){ .class { font-size: 18px !important; } } @media (max-width: 1280px){ .class { font-size: 16px !important; } } @media (max-width: 1024px){ .class { font-size: 14px !important; } } @media (max-width: 980px){ .class { font-size: 14px !important; } } @media (max-width: 767px){ .class { font-size: 18px !important; } } @media (max-width: 480px){ .class { font-size: 16px !important; } } .home2024 .content-part-special .hero-section { font-size: 1rem; z-index: 99; } @media (max-width: 1024px){ .home2024 .content-part-special .hero-section { height: auto; } } @media (max-width: 1440px){ .home2024 .content-part-special .hero-section { font-size: .85rem !important; } } @media (max-width: 1280px){ .home2024 .content-part-special .hero-section { font-size: .75rem !important; } } @media (max-width: 1024px){ .home2024 .content-part-special .hero-section { font-size: .7rem !important; } } @media (max-width: 980px){ .home2024 .content-part-special .hero-section { font-size: .65rem !important; } } .home2024 .hero-section .row-fluid-wrapper, .home2024 .hero-section .row-fluid, .home2024 .hero-section .back-part { height: 100%; margin: 0; } @media (max-width: 1024px){ .home2024 .hero-section .row-fluid-wrapper, .home2024 .hero-section .row-fluid, .home2024 .hero-section .back-part { height: auto; } } .home2024 .hero-section .row .row-fluid-wrapper, .home2024 .hero-section .row .row-fluid, .home2024 .hero-section .back-part>.row-fluid-wrapper:last-child { height: auto; } .home2024 .hero-section .back-part { background: none; } .home2024 .hero-section .row.one { display: flex; flex-direction: column; justify-content: center; height: 100%; max-width: 1220px; width: 85%; } .home2024 .hero-section .row.one > div > div { display: flex; flex-flow: row wrap; position: relative; } @media (max-width: 1024px) { .home2024 .hero-section .row.one { padding: 80px 0; } } .home2024 .hero-section .col.one { padding-top: 3.2em; padding-bottom: 9em; width: 67%; max-width: unset; position: relative; z-index: 2; } .home2024 .hero-section .col.two { width: 33%; margin: 0; position: relative; z-index: 1; } /* .home2024 .hero-section .video-col>div{ position: absolute; top: 0 ; left: 50%; transform: translateX(-50%); width: 58vw; max-width: 100vw; } */ .home2024 .hero-section .video-col *{ height: 100% !important ; } .home2024 .hero-section video { width: 100% !important; height: 100% !important; } @media (max-width: 1280px){ .home2024 .hero-section .col.one { padding-bottom: 11vh; } } @media (max-width: 1024px){ .home2024 .hero-section .back-part { height: 100%; } .home2024 .hero-section .col.one { padding-bottom: 5em; } } .home2024 .hero-section p { font-size: 1.777em !important; margin-bottom: 5vh; line-height: 135%; padding-right: 2em; max-width: 690px; } @media (max-width: 980px) { .home2024 .hero-section h1 { font-size: 3.7em !important; } .home2024 .hero-section p { font-size: 1.555em !important; } } .home2024 .hero-section .row.two { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 999; } .home2024 .hero-section .mobile-logo-image { text-align: right; width: 67%; float: none; margin: 0 auto 2.3em !important; } .home2024 .hero-movie video { object-position: 60% 10%; width: 100% !important; } @media (max-width: 767px) { .home2024 .hero-movie video { object-position: 50% 10%; } } .home2024 .hero-section .row.one .col.one { padding-bottom: 9em; } @media (max-width: 480px) { .home2024 .hero-section .row.one .col.one { padding-top: 6em; } } .home2024 .hero-section .back-part { background: none; } .home2024 .hero-section h1 { margin-bottom: .4em; max-width: 760px; } .home2024 .hero-section .row.one { padding: 30px 0; } .home2024 .hero-section .row.one .col.one .module.one { margin-bottom: 1em; } .home2024 .hero-section .scroll-down .label-field, .pwc-landing .scroll-down .label-field { font-size: 14px; } /* general */ .home2024 .content-part-special .hero-section{ height: auto; } .home2024 .challange-section .row { } .home2024 .challange-section .module.two{ text-align:center; max-width: unset; } .home2024 .challange-section .row-group .red { line-height: 1.05; } .page .value .row-group .red { font-weight: 700; } .home2024 .challange-section .row-group .row.two{ max-width: 1255px; } .home2024.page .challange-section .row-group .row.three { text-align: center; } .home2024.page .challange-section .row-group .row.three .bottom-text { } .home2024.page .challange-section .row-group .row.three .bottom-text p { font-size: clamp(22px, 32 / 1440 * 100vw, 32px); line-height: 1.35; } .home2024.page .expertise .back-part { overflow: hidden; } .home2024.page .expertise .row.one{ max-width: 1111px; } .home2024.page .expertise .row.one .col.one{ text-align:center; } .home2024.page .expertise .row.one>.row-fluid-wrapper{ width: 100%; margin-right: auto; } .home2024.page .expertise .panel-label-anim { margin-left:auto; margin-right: auto; justify-content: center; padding-left: 0; } .home2024.page .expertise .row.one p:last-child{ max-width: 884px; margin-left: auto; margin-right: auto; } .home2024.page .expertise .row.two .main-text{ margin-bottom: 1em; } .home2024.page .expertise .row.two { position:relative; } .home2024.page .value:not(.challange-section) .module.two, .home2024.page .value:not(.challange-section) .col.one h2~p{ max-width: 1090px; text-align: center; float:none; margin-left: auto; margin-right: auto; } .home2024.page .value:not(.challange-section) .col.one h2 { max-width: 777px; margin-left: auto; margin-right: auto; margin-bottom: .35em; } .home2024.page .value:not(.challange-section) .col.one h2~p{ } .home2024.page .value:not(.challange-section) .panel-label-anim { padding-left: 0; text-align: center; justify-content: center; margin-left:auto; margin-right:auto; } .home2024.page .value:not(.challange-section) .row-group .red{ line-height: 1.5; } .home2024.page .value:not(.challange-section) .row-group .row.two .bl-col p{ line-height: 1.25; } .home2024.page .features-section:after { left: 0; } .home2024.page .features-section .step-item h3 { padding-left:2rem; position:relative; font-size: clamp(22px, 32 / 1440 * 100vw, 32px); } .home2024.page .features-section .step-item h3 span{ color:#E32726; display: inline-block; float: left; margin-left:-2rem } .home2024.page .section.our-clients-section .clients-head-row .widget-type-rich_text{ margin-bottom: 2.5rem; } .home2024.page .section.our-clients-section .clients-head-row h2{ margin-bottom: .3em; } .home2024.page .section.our-clients-section .clients-head-row p{ line-height: 1.55; font-size: 1.115em; } .home2024.page .easy-steps-section{ padding: 4em 0 0; } .home2024.page .easy-steps-section .panel-label-anim { padding-left: 0; margin-left:auto ; margin-right: auto; justify-content:center; } .home2024.page .easy-steps-section .row { max-width: 1065px; text-align:center; } .home2024.page .easy-steps-section .row.one { margin-bottom: 1.5em; } .home2024.page .easy-steps-section .row.one p { max-width: 855px; margin-left:auto; margin-right: auto; } .easy-steps-section .back-part .row.one p > a { color: #E32726; font-weight: 700; } .home2024.page .easy-steps-section .row.two { text-align: left; margin-bottom: 3em; } .home2024.page .easy-steps-section .easy-step { position:relative; } .home2024.page .easy-steps-section .easy-step strong:first-child { font-size: clamp(66px, 120 / 1440 * 100vw, 120px); font-weight:700; font-family: Catamaran, sans-serif; color: #E9E8E8; position:relative; } .home2024.page .easy-steps-section .easy-step:not(:last-child) strong:after{ content: ''; display:block; height: 32px; width: 220%; max-width: 14vw; position: absolute; left: 120%; top: 47%; transform:translateY(-50%); background: url(https://www.etu.co/hubfs/ETU%20theme/easy-arrow.svg) no-repeat left center / contain; } .home2024.page .easy-steps-section .easy-step h4 { font-size: clamp(28px, 50 / 1440 * 100vw, 50px); font-weight:700; color:#E32726; } .featherlight-content .featherlight-close-icon.featherlight-close + .pop-mov{ max-width: 100%; width: 980px; position: static !important; } .home2024.page .platform-section.what-we-do .platform-circle-animation{ position:relative; } /* desktop */ @media (min-width: 1281px){ .home2024.page .challange-section .row-group .row.two .bl-col p { padding: 0 1.7em; } } @media (min-width: 768px){ .home2024 .hero-section .scroll-down .label-field{ font-size: 1em; } .home2024.page .expertise .row { align-items: center; display: flex; float: none; margin: 0 auto; max-width: 1205px; padding-bottom: 0; width: 85%; } .home2024.page .expertise .back-part { padding-bottom: 60px; } .home2024.page .challange-section .row-group .red { max-width: 295px; margin-left: auto; margin-right: auto; margin-bottom: 0.6em; } .home2024.page .challange-section .row-group .red:after{ top: 49%; } .home2024.page .challange-section .row-group .row.two { margin-top: 0; max-width: 1290px; margin: .5em auto 4.2em; } .home2024.page .challange-section .col.one h2{ margin-bottom: 0; } .home2024.page .challange-section { padding-bottom: min(10vw, 60px); padding-top: 60px; margin-top: -60px; } .home2024.page .expertise { padding-bottom: 5em; } .home2024.page .expertise .row.one h2{ margin-bottom: .35em; } .home2024.page .expertise .panel-label-anim { padding-top: 5em; margin-bottom: -6.3em; } .home2024.page .expertise .row.one>.row-fluid-wrapper:last-child>.row-fluid{ padding-bottom: 4em; } .home2024.page .expertise .row.two .col.one { width: 60%; margin: 0; padding-right: 16px; } .home2024.page .expertise .row.two .col.one>div>.row-fluid{ position: relative; float:none; left: 34%; transform: translateX(-50%); width: 50vw; max-width: 150%; } .home2024.page .expertise .row.two{ max-width: 1215px; } .home2024.page .expertise .row.two>div>div{ display: flex; flex-wrap: wrap; } .home2024.page .expertise .row.two .col.two { width: 40%; margin: 0; display: flex; flex-direction: column; justify-content: center; } .home2024.page .expertise .row.two .col.two h2 { font-size: clamp(28px, 51 / 1440 * 100vw, 51px); } .home2024.page .value:not(.challange-section) .module.two { margin-bottom: 2.5em; } .home2024.page .value:not(.challange-section) .row-group .row.two{ margin-bottom: 5em; } .home2024.page .value:not(.challange-section) { padding-bottom: 73px; } .home2024.page .features-section .row.one{ max-width: 1104px; text-align:center; margin-bottom: min(6.6em , 8vw); } .home2024.page .features-section .row.one p{ max-width: 888px; margin-left:auto; margin-right: auto; } .home2024.page .features-section .row.one h2{ margin-bottom: .4em; } .home2024.page .features-section .row h3{ } .home2024.page .easy-steps-section .panel-label-anim{ margin-bottom: -7em; } .home2024.page .easy-steps-section .easy-step{ width: 22%; } .home2024.page .easy-steps-section .easy-step:not(:first-child){ margin-left: 4%; } .home2024.page .easy-steps-section .row.two { max-width:1738px; width: 97%; } .home2024.page .section.our-clients-section .row.two { max-width:100%; width:100vw !important; margin:0 0 1em!important; float:none; position:relative; left: 50%; transform:translateX(-50%); } .home2024.page .section.our-clients-section .panel-label-anim { margin-bottom: -7.5em !important; } .home2024 .hero-section .video-col>div{ position: absolute; top: 0 ; left: 50%; transform: translateX(-50%); width: 58vw; max-width: 100vw; } .home2024.page .platform-section .row.one{ align-items:center; } .home2024.page .platform-section.what-we-do .col.two h2 { margin-bottom: 0.4em; } .home2024.page .platform-section.what-we-do .col.two p { line-height:1.5; } .home2024.page .platform-section.what-we-do .platform-circle-animation svg { position: relative; top: 0; left: 50%; transform: translate(-50%, 0); object-fit: contain; object-position: center; width: 100%; max-width:545px; margin-top: 11%; } .home2024.page .expertise .row.two:after{ content: ''; display:block; position:absolute; top:54%; transform:translate(0,-50%); left: 34% ; width:100vw; max-width:100%; height: 119%; z-index: -1; background-color: #F4F3F3; /* background-color: rgba(250, 250, 250, 0.8); */ } } @media (max-width: 1440px) { .home2024.page .easy-steps-section .easy-step:not(:last-child) strong:after{ left: 100%; width:200%; } .home2024.page .our-clients-section .panel-label-anim { padding-left: 0; justify-content:center; } } @media (max-width: 767px) { .home2024.page .easy-steps-section{ padding: 2em 0; } .home2024.page .easy-steps-section .row { width: 90%; } .home2024.page .easy-steps-section .easy-steps-row>div>div{ display: flex; flex-flow: row wrap; column-gap: 8%; } .home2024.page .easy-steps-section .easy-steps-row>div>div:after, .home2024.page .easy-steps-section .easy-steps-row>div>div:before { content: unset !important; } .home2024.page .easy-steps-section .easy-step{ width: 44%; margin-bottom: 2em; } .home2024.page .easy-steps-section .easy-step:not(:first-child){ margin-left: 0; } .home2024.page .easy-steps-section .row.one, .home2024.page .easy-steps-section .row.two { margin-bottom: 1.75em !important; } .home2024.page .easy-steps-section .easy-step:nth-child(2n) strong:after{ content: unset; } .home2024.page .easy-steps-section .easy-step:not(:last-child) strong:after{ left: 110%; width:300%; max-width:27vw; } .home2024.page .easy-steps-section .easy-step h4 { margin-bottom: .25em !important; } .home2024.page .features-section .row.one{ margin-bottom: 1em !important; } .home2024.page .expertise .row.two .col.two{ text-align:center; margin-top: 1.5em !important; } .home2024 .hero-section .col.one { width: 100%; } .home2024 .hero-section .row.one>div>div{ flex-direction: column-reverse; } .home2024 .hero-section .col.two { width: 100%; max-width:100%; } .home2024 .hero-section .hero-movie{ padding-top: 69%; } .home2024 .hero-section .row.one .col.one { padding-bottom: 3em; } .clients-video-slider-container .slick-list{ overflow: visible; } .home2024.page .expertise .row.one { margin-bottom: 1.25em !important; } .home2024.page .hero-section .row.one .col.one{ padding-top: 1.5em; } .home2024 .hero-section p{ margin-bottom: 2em; } .home2024.page .platform-section.what-we-do .platform-circle-animation{ padding-top:100%; width:100%; display:block; margin:0 auto; transform:scale(.8); } .home2024.page .platform-section.what-we-do .platform-circle-animation svg { position:absolute; top:50%; left:50% ; transform:translate(-50%,-50%); display:block; width:100%; height:100%; margin: 0 auto 1.5em; } .home2024.page .expertise .row.two:after{ height: 100%; top: 50%; } .home2024.page .challange-section .row-group .row.three .bottom-text p{ font-size: 1rem; } .home2024.page .challange-section.row-group .row.two .bl-col p { max-width: 223px; } } @media (max-width: 480px) { .home2024.page .easy-steps-section .easy-step strong:after{ content: unset!important; } .home2024.page .easy-steps-section .easy-step { width: 100%; } .home2024 .challange-section .row .bl-col { margin-bottom: 3.25em; } } /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ @media (max-width: 1440px){ .services-page .content-part-special .section:not(.resours) { font-size: .85rem !important; } } @media (max-width: 1280px){ .services-page .content-part-special .section:not(.resours) { font-size: .75rem !important; } } @media (max-width: 1024px){ .services-page .content-part-special .section:not(.resours) { font-size: .7rem !important; } } @media (max-width: 980px){ .services-page .content-part-special .section:not(.resours) { font-size: .65rem !important; } } @media (max-width: 767px){ .services-page .content-part-special .section:not(.resours) { font-size: .55rem !important; } } @media (max-width: 480px){ .services-page .content-part-special .section:not(.resours) { font-size: .45rem !important; } } @media (max-width: 1440px){ .services-page .cta-button a { font-size: .88rem !important; } } @media (max-width: 1280px){ .services-page .cta-button a { font-size: .82rem !important; } } @media (max-width: 1024px){ .services-page .cta-button a { font-size: .75rem !important; } } @media (max-width: 980px){ .services-page .cta-button a { font-size: .7rem !important; } } @media (max-width: 767px){ .services-page .cta-button a { font-size: .8rem !important; } } @media (max-width: 480px){ .services-page .cta-button a { font-size: .75rem !important; } } .services-page .content-part-special .section:not(.resours) { overflow-x: hidden; } .services-page .content-part-special h1 { font-size: 4em; font-weight: 900; } .services-page .content-part-special h2 { font-size: 3.55em; font-weight: 900; } .services-page .content-part-special p { font-size: 1.11em; } @media (max-width: 1440px){ .services-page .content-part-special p { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .services-page .content-part-special p { font-size: 1rem !important; } } @media (max-width: 1024px){ .services-page .content-part-special p { font-size: 0.9rem !important; } } @media (max-width: 980px){ .services-page .content-part-special p { font-size: 0.85rem !important; } } @media (max-width: 1440px){ .services-page .content-part-special li { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .services-page .content-part-special li { font-size: 1rem !important; } } @media (max-width: 1024px){ .services-page .content-part-special li { font-size: 0.9rem !important; } } @media (max-width: 980px){ .services-page .content-part-special li { font-size: 0.85rem !important; } } .services-page .service-hero::after { position: absolute; content: ''; width: 69%; height: 40em; right: 0; top: 0; background-color: #F4F3F3; z-index:-1; } @media (max-width: 980px){ .services-page .service-hero::after { height: 36em; } } .services-page .panel-label-anim { margin-bottom: -6em; padding-bottom: 6em; white-space: nowrap; } @media (max-width: 980px){ .services-page .panel-label-anim { font-size: .6rem; width: 10em; height: 10em; margin-bottom: -5em; padding-bottom: 5em; } } @media (max-width: 767px){ .services-page .panel-label-anim { font-size: .5rem; } } @media (max-width: 480px){ .services-page .panel-label-anim { font-size: .4rem; } } .services-page .content-part-special .row { width: 90%; float: none; margin: 0 auto; } .services-page .content-part-special .col { position: relative; } .services-page .service-hero .row.one { max-width: 1550px; /* padding: 80px 0; */ padding: 0 0 65px; } @media (max-width: 1440px){ .services-page .service-hero .row.one { padding: 50px 0 !important; } } @media (max-width: 1280px){ .services-page .service-hero .row.one { padding: 50px 0 !important; } } @media (max-width: 1024px){ .services-page .service-hero .row.one { padding: 40px 0 !important; } } @media (max-width: 980px){ .services-page .service-hero .row.one { padding: 30px 0 !important; } } @media (max-width: 767px){ .services-page .service-hero .row.one { padding: 40px 0 !important; } } @media (max-width: 480px){ .services-page .service-hero .row.one { padding: 30px 0 !important; } } .services-page .service-hero .row.one .col.one { padding-bottom: 6em; } .services-page .service-hero .row.one img { margin-top: 2em; } .services-page .service-hero .group-container { display: flex; align-items: center; margin-left: auto; float: none; max-width: 1375px; } .services-page .service-hero .group-container>.row-fluid-wrapper:first-child { width: 50%; margin-right: 3%; } .services-page .service-hero .group-container>.row-fluid-wrapper:last-child { width: 47%; } .services-page .service-hero h1 { margin-bottom: .1em; } .services-page .service-hero p { font-size: 1.55em !important; line-height: 140%; margin-right: 20px; } .services-page .service-hero li { font-size: 1.5em !important; } @media (max-width: 1500px) { .services-page .service-hero h1 { font-size: 3.7em; } } @media (max-width: 980px){ .services-page .service-hero h1 { font-size: 3.5em; } } @media (max-width: 1280px){ .services-page .service-hero p { font-size: 1.555em !important; line-height: 140%; padding-right: 5%; } .services-page .service-hero p { font-size: 1.444em !important; } } @media (max-width: 1024px){ .services-page .service-hero p { font-size: 1.333em !important; } } @media (max-width: 767px){ .services-page .service-hero p { font-size: 0.9rem !important; } } @media (max-width: 480px){ .services-page .service-hero p { font-size: 0.8rem !important; } } .services-page .service-hero .row.one .col.one .module { padding-right: 5%; } @media (max-width: 767px){ .services-page .service-hero h1 { font-size: 3.7em; } .services-page .service-hero p { font-size: .9rem !important; line-height: 140%; } .services-page .service-hero .group-container { flex-direction: column; align-items: flex-start; } .services-page .service-hero .group-container>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0%; max-width: 550px; } .services-page .service-hero .group-container>.row-fluid-wrapper:last-child { text-align: right; max-width: 550px; margin-left: auto; width: 80%; margin-right: auto; } .services-page .service-hero .row.one .col.one .module { padding-right: 0; } .services-page .service-hero .row.one .col.one { padding-bottom: 0; margin-bottom: 4em; } .services-page .service-hero .row.one img { margin-top: 0; } .services-page .service-hero h1 { margin-bottom: .4em; } } @media (max-width: 767px){ .services-page .service-hero::after { height: 90% } } .services-page .advisory { /* padding: 50px 0; */ padding: 10px 0 50px; margin-top: -2.5em; } @media (max-width: 980px){ .services-page .advisory { padding: 30px 0; } } @media (max-width: 767px){ .services-page .advisory { padding: 30px 0; } } .services-page .advisory h2 { margin-bottom: .3em; } .services-page .advisory h3 { font-size: 1.333em; font-weight: 900; margin-bottom: 1.7em; } .services-page .advisory ul { font-size: 1.111em; padding: 0; margin: 0; margin-bottom: 12%; padding-left: .3em; } .services-page .advisory li { list-style: none; position: relative; padding-left: 2em; margin: 1.5em 0; line-height: 150%; } .services-page .advisory li:before { position: absolute; content: ''; left: 0; top: 5px; background: url('/hubfs/2593232/ETU-2022/icon_check.svg') 100% no-repeat; width: 20px; height: 15px; } .services-page .advisory .row { max-width: 1200px; } .services-page .advisory .row.one .col.one { } .services-page .advisory .row.one .col.one p { padding-left: 4em; line-height: 160%; margin-bottom: 1.9em; } .services-page .advisory .row.one .cta-button { font-size: 1.111em; line-height: 160%; margin-left: 4em; } .services-page .advisory .row.one .cta-button a { font-size: 0.8em; line-height: 110%; } .services-page .advisory .row.one .col.two { padding-left: 2.5%; } .services-page .advisory .row.one .col.two .module.one { max-width: 530px; } .services-page .build .back-part { padding: 80px 0; } @media (max-width: 1440px){ .services-page .build .back-part { padding: 80px 0 !important; } } @media (max-width: 1280px){ .services-page .build .back-part { padding: 70px 0 !important; } } @media (max-width: 1024px){ .services-page .build .back-part { padding: 60px 0 !important; } } @media (max-width: 980px){ .services-page .build .back-part { padding: 50px 0 !important; } } @media (max-width: 767px){ .services-page .build .back-part { padding: 40px 0 !important; } } @media (max-width: 480px){ .services-page .build .back-part { padding: 40px 0 !important; } } .services-page .build .panel-label-anim { margin: 0 auto -6.5em; padding-bottom: 6.5em; padding-left: 0; justify-content: center; z-index: 1; } .services-page .build::after { position: absolute; content: ''; width: 85%; height: 100%; left: 0; top: 0; background-color: #F4F3F3; z-index:-1; } .services-page .build .number-label { font-size: 13.333em; font-family: 'Catamaran',sans-serif; font-weight: 900; color: #E9E8E8; line-height: 90%; margin-left: -.1em; } .services-page .build h2 { margin-bottom: .3em; } .services-page .build h3 { font-size: 2em; font-weight: 800; margin-top: -3.5em; margin-bottom: .9em; } .services-page .build p { line-height: 150%; } .services-page .cta-button { float: none; } .services-page .build .row.one { text-align: center; max-width: 810px; } .services-page .build .row.two { max-width: 1680px; margin-bottom: 2.7em; } .services-page .build .group-row { display: flex; max-width: 1640px; margin-left: auto; float: none; } .services-page .build .row.two .group-row>.row-fluid-wrapper { width: 29.666%; margin-right: 5.5%; } .services-page .build .row.two .group-row>.row-fluid-wrapper:last-child { margin-right: 0; } @media (max-width: 767px){ .services-page .build .group-row { flex-direction: column; max-width: 500px; margin: 0 auto; } .services-page .build .row.two .group-row>.row-fluid-wrapper { width: 100%; margin-right: 0; } } .services-page .build .row.three { text-align: center; } .services-page .analytics { padding: 120px 0 0; } @media (max-width: 1550px) { .services-page .analytics { padding: 120px 0; } } @media (max-width: 1440px){ .services-page .analytics { padding: 100px 0 !important; } } @media (max-width: 1280px){ .services-page .analytics { padding: 80px 0 !important; } } @media (max-width: 1024px){ .services-page .analytics { padding: 60px 0 !important; } } @media (max-width: 980px){ .services-page .analytics { padding: 50px 0 !important; } } @media (max-width: 767px){ .services-page .analytics { padding: 50px 0 !important; } } @media (max-width: 480px){ .services-page .analytics { padding: 40px 0 !important; } } .services-page .analytics .panel-label { margin: 0 0 -7em -2.2em; } .services-page .analytics h2 { margin-bottom: .5em; } .services-page .analytics p { line-height: 150%; max-width: 510px; } .services-page .analytics ul { padding: 0; padding-left: 3.2em; margin: 2em 0 3.2em; } .services-page .analytics ul li::before { content: "\2022"; color: #E32726; font-weight: bold; display: inline-block; width: 0.7em; margin-left: -0.7em; } .services-page .analytics li { line-height: 150%; list-style: none; font-size: 1.11em; margin: 1.6em 0; } .services-page .analytics .row.one { display: flex; width: 85% !important; max-width: 1220px; margin-right: auto; } .services-page .analytics .row.one>.row-fluid-wrapper:first-child { width: 63%; margin-right: 2%; } .services-page .analytics .row.one>.row-fluid-wrapper:last-child { width: 58%; } @media (max-width: 767px){ .services-page .analytics .row.one { flex-direction: column; } .services-page .analytics .row.one>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .services-page .analytics .row.one>.row-fluid-wrapper:last-child { width: 100%; } .services-page .analytics .row.one .col.two { max-width: 500px; margin-left: auto; } } @media (min-width: 2200px) { .services-page .analytics .row.one { margin-right: auto; } } .services-page .service-hero::after { z-index: -2; } .services-page .analytics .row.one .module-group { padding-left: 4.4em; } @media (max-width: 1280px){ .services-page .analytics .row.one .module-group { padding-left: 2.2em; } } .services-page .analytics .row.one .col.two .module.one { /* margin-top: 1.5em; */ position: absolute; top: 66%; right: 1%; z-index: -1; margin: 0; display: block; } .services-page .analytics .row.one .col.two .module.one img{ max-width: unset !important; } .services-page .analytics .row.one .col.two .module.one span { display: block; text-align: right; } .services-page .analytics:not(.security) .col.one { padding-bottom: 5.8em; } .services-page .resours .row { max-width: 1220px; } @media (max-width: 1200px) { .services-page .analytics .row.one .col.two .module.one img{ max-width: 1000px !important; } } @media (max-width: 980px) { .services-page .analytics .row.one .col.two .module.one img{ max-width: 700px !important; } } @media (max-width: 767px){ .services-page .analytics .row.one .col.two .module.one img { max-width: 100% !important; } .services-page .analytics .row.one .col.two { max-width: 100%; margin-left: auto; margin-right: auto; } .services-page .analytics .row.one .col.two .module.one { position: relative; top: unset; right: unset; left: 50%; transform: translateX(-50%); z-index: 1; margin: 0; display: block; } } @media (max-width: 1440px){ .services-page .resours .row.one { font-size: .85rem !important; } } @media (max-width: 1280px){ .services-page .resours .row.one { font-size: .75rem !important; } } @media (max-width: 1024px){ .services-page .resours .row.one { font-size: .7rem !important; } } @media (max-width: 980px){ .services-page .resours .row.one { font-size: .65rem !important; } } @media (max-width: 767px){ .services-page .resours .row.one { font-size: .55rem !important; } } @media (max-width: 480px){ .services-page .resours .row.one { font-size: .45rem !important; } } .services-page .resours .resources-posts { margin-bottom: 6%; } @media (min-width: 768px) { .services-2022 .our-clients-section { padding-bottom: 3.4%; } .services-2022 .service-hero .back-part { padding-top: 80px !important; } } /***** SD Update - Video Slider *****/ .services-page .featherlight .featherlight-content { width: auto; max-width: 70%; } /* how-it-works_services */ .how-it-works2024 .service-hero h1 { margin-bottom: .4em; max-width: 760px; } .page .how-it-works-section .row.one{ text-align: center; margin-bottom: 4.2em; max-width: 1070px; } .page .how-it-works-section .panel-label-anim{ padding-top: 3.3em; justify-content: center; margin-left: auto; margin-right: auto; padding-left: 0; } .page .how-it-works-section h2{ margin-bottom: .4em; } .page .how-it-works-section h2~p{ line-height: 1.5; } .page .strategy-table { max-width: 100%!important; width: 100%!important; margin: 0 auto; overflow-x: auto; } .page .strategy-table table { width: 100% !important; border-collapse: collapse!important; table-layout: fixed!important; border: none!important; min-width: 500px!important; } .page .strategy-table td { padding: 1.2em 1.6em !important; text-align: center ; border: 1px solid #E9E8E8 !important; line-height: 1.4; width: 24% !important; } .page .strategy-table tbody tr:first-child td { font-weight: bold!important; border-top: none!important; border-right:none!important; border-left: none!important; font-size: clamp(18px, 24 / 1440 * 100vw, 24px); font-family: Catamaran, sans-serif; text-align: center ; line-height: 1.2; padding: 1.5em !important; } .page .strategy-table tbody tr:first-child td:nth-child(1) { background-color: transparent!important; border: none !important; border-bottom: 1px solid #E9E8E8 !important; } .page .strategy-table tbody tr:first-child td:nth-child(2) { background-color:#504D4D !important; color: white !important; } .page .strategy-table tbody tr:first-child td:nth-child(3) { background-color: #231F20!important; color: white !important; } .page .strategy-table tbody tr:first-child td:nth-child(4) { background-color: #E32726!important; color: white !important; } .page .strategy-table tbody tr td:first-child { text-align: left!important; font-weight: 700 !important; border-left-color: transparent !important; } .page .strategy-table tbody tr td:last-child { border-right: none!important; } .page .strategy-table td { background-color: transparent !important; } .page .strategy-table td strong { font-weight: bold!important; display: block!important; } .page .strategy-table tr:nth-child(odd) td { background-color: #F4F3F3!important; } .page .strategy-table tr td { border-bottom: none!important; border-top: none!important; font-size: 1.115em; text-align:left; } /* ------ */ .page .strategy-table tr:last-child td { border-bottom: none !important; } .how-it-works2024 .service-hero { padding-top: 2.75em; } .how-it-works2024 .content-part-special h1 { line-height: 1.07; margin-bottom: .3em; } .how-it-works2024 .service-hero p { line-height: 1.3; } .how-it-works2024 .service-hero p:last-child { margin-bottom: 1.5em; } .how-it-works2024 .service-hero .scroll-down{ font-family: Catamaran, sans-serif; font-weight: 700; color:#E32726; font-size: 1.1em; } .how-it-works2024 .service-hero .scroll-down img { margin-top: -12px !important; } .how-it-works2024 .how-it-works-section { padding: 6em 0 1em; margin-top: -4em; } .etucreatepage .how-it-works-section { margin-top: inherit!important; } .page .etucreatepage .features-section .panel-label-anim{ margin-bottom: -6em; padding-bottom: 6em; } .how-it-works2024 .how-it-works-section .row.two { max-width: 1220px; margin-bottom: 3.25em; } .how-it-works2024 .how-it-works-section .row.three{ text-align:center; } .how-it-works2024 .services-support-section{ padding:4.7% 0; } .how-it-works2024 .services-support-section .panel-label-anim { justify-content: center; padding-left: 0; margin-left:auto; margin-right: auto; /* margin-bottom: -6.5em; */ } .how-it-works2024 .services-support-section .row.one { max-width: 1080px; text-align:center; margin-bottom: 3.5em; } .how-it-works2024 .services-support-section .row.one p{ line-height: 1.5; max-width: 777px; margin-left: auto; margin-right: auto; } .how-it-works2024 .services-support-section .row.two { max-width: 786px; } .how-it-works2024 .services-support-section .row.two>div>div { display: flex; flex-flow: row wrap; justify-content: space-evenly; column-gap: 4%; } .how-it-works2024 .services-support-section .row.two>div>div:after, .how-it-works2024 .services-support-section .row.two>div>div:before { content: none; } .how-it-works2024 .services-support-section .scroll-item { width:max-content; margin: 0; } .how-it-works2024 .services-support-section .scroll-down { font-weight: 700; font-family: Catamaran, sans-serif; text-transform: uppercase; color:#E32726; } .how-it-works2024 .services-support-section .scroll-down .label-field{ font-size: 1.056em; } .how-it-works2024 .advisory { } .how-it-works2024 .advisory li { font-size:1em; } .how-it-works2024 .analytics p { margin-bottom: 1.4rem; } .how-it-works2024 .analytics ul { margin : 0 0 2.5em; } .how-it-works2024 .analytics ul li { margin: 0 0 1.4em; } /* ------ */ @media (min-width: 768px){ .page .how-it-works-section h2~p{ max-width: 794px; margin-left:auto; margin-right: auto; } .how-it-works2024 .service-hero .group-container>.row-fluid-wrapper:first-child{ margin-right: 3%; width: 71%; } .how-it-works2024 .service-hero .group-container>.row-fluid-wrapper:last-child{ width: 26%; } .how-it-works2024 .service-hero p { max-width: 68%; } .how-it-works2024 .service-hero .group-container{ max-width: 1382px; } .how-it-works2024 .service-hero .hero-animation { left: 29%; max-width: 34vw; position: relative; transform: translateX(-50%); width: 182%; top: -10px; } .how-it-works2024 .service-hero:after { height: 93%; } .how-it-works2024 .how-it-works-section .row.one{ margin-bottom: 3em; } .how-it-works2024 .services-support-section .panel-label-anim { margin-bottom: -6.5em; } .how-it-works2024 .advisory { padding : 2em 0 4.5em; } .how-it-works2024 .advisory .row { max-width: 1220px; } .how-it-works2024 .advisory .row.one .col.two>div { max-width: 110%; width: 110%; } .how-it-works2024 .advisory .row.one .col.two .module.one{ max-width: 575px; } .how-it-works2024 .advisory li { margin: 1.85em 0; } .how-it-works2024 .section.our-clients-section .back-part { padding-top: 1.5em; } } @media (min-width: 1441px){ .how-it-works2024 .advisory .row.one .col.two{ padding-left: 5.5%; } .how-it-works2024 .analytics .row.one .module-group { padding-left: 5em; } } @media (max-width: 980px){ .page .strategy-table tbody tr:first-child td { font-size: 1.15em; } } @media (max-width: 767px){ .page .how-it-works-section{ padding-top: 3em; } .page .strategy-table td { padding: 10px; } .page .strategy-table tr td { font-size: 13px; } .how-it-works2024 .service-hero .scroll-down, .how-it-works2024 .services-support-section .scroll-down .label-field { font-size: .75rem; } .how-it-works2024 .how-it-works-section, .how-it-works2024 .services-support-section{ padding: 3em 0; } } @media (max-width: 560px){ .page .how-it-works-section .row.two{ width:100%!important; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .download-page { } .download-page .main-footer { background-color: #F4F3F3; } .download-page .section { font-size: 1rem; position: relative; } .download-page .section .row { float: none; margin: 0 auto; width: 90%; } .download-page .content-part .panel-label { margin: 0 0 -7em -2.2em; padding: 0 3em 4em 0; } .download-page .content-part h1 { font-size: 3em; line-height: 120%; font-weight: 800; color: #231F20; position: relative; z-index: 1; } .download-page .content-part h1::after { position: absolute; content: ''; left: -1.5em; top: -1.1em; width: 3.8518em; height: 3.8518em; border: 2px solid #7B7979; border-radius: 50%; z-index: -1; opacity: .1; } .download-page .content-part h1 strong { font-weight: 900; letter-spacing: .8px; } .download-page .content-part h2 { font-size: 3.555em; font-weight: 900; } .download-page .section { } .download-page .research-paper { } .download-page .research-paper .row.one { width: 100%; display: flex; } .download-page .research-paper .row.one .module.text { width: 90%; max-width: 900px; padding: 2.7em 3.5em; overflow: hidden; } .download-page .research-paper .row.one .module.text .page-tag { font-size: .888em; color: #7b7979; text-transform: capitalize; font-style: italic; transition: .3s all; align-self: flex-end; margin-bottom: .4em; position: relative; padding-left: 8px; } .download-page .research-paper .row.one .module.text .page-tag::after { position: absolute; content: ''; width: 4px; height: 4px; background-color: #e32726; left: 0; top: .45em; border-radius: 50%; } .download-page .research-paper .row.one>.row-fluid-wrapper:first-child { width: 60%; } .download-page .research-paper .row.one>.row-fluid-wrapper:last-child { width: 70%; margin-left: -20%; } .download-page .research-paper .row.one .col.two { background-color: #F4F3F3; margin-top: 6em; } .download-page .research-paper .row.two { max-width: 930px; margin: 3% auto 5%; } .download-page .research-paper .row.two .module.one p { font-size: 1.111em; line-height: 150%; } .download-page .contact-form { } .download-page .contact-form form { display: flex; flex-wrap: wrap; } .download-page .contact-form form > div { width: 48%; margin-bottom: .6em; } .download-page .contact-form form > div:nth-child(odd) { margin-right: 4%; } .download-page .contact-form label { font-size: .777em; margin: .5em 0; display: inline-block; } .download-page .contact-form input { border-radius: 0 !important; height: 48px !important; border: none !important; border-bottom: 2px solid #707070 !important; } .download-page .contact-form input:focus { outline: none !important; border-bottom: 2px solid #E32726 !important; } .download-page .contact-form textarea { border: none !important; border-radius: 0 !important; width: 100%; height: 80px; } .download-page .contact-form form ul { padding: 0; margin: 0; } .download-page .contact-form form li { list-style: none; } .download-page .contact-form .hs_message { margin-bottom: 1em; } .download-page .contact-form .legal-consent-container { margin-bottom: 0; } .download-page .contact-form .hs_message, .download-page .contact-form .legal-consent-container { width: 100%; margin-right: 0 !important; } .download-page .contact-form .legal-consent-container label { position: relative; margin-bottom: 1em; } .download-page .contact-form .legal-consent-container label>input { width: 34px; height: 34px !important; padding: 0 !important; border: 0 !important; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .download-page .contact-form .legal-consent-container label>span { margin: 0; padding-left: 50px; } .download-page .contact-form .legal-consent-container label>span p { font-size: 1em; display: inline-block; line-height: 150%; } .download-page .contact-form .hs_submit { width: 100%; text-align: center; } .download-page .contact-form .hs-button { cursor: pointer; height: auto !important; font-size: 0.888em !important; font-family: 'Catamaran',sans-serif !important; font-weight: 800 !important; background-color: #E32726 !important; border-radius: 35px !important; padding: .7em 1.4em !important; line-height: 120%; min-width: auto; transition: .3s all; border: none !important; } .download-page .contact-form .hs-button:hover { background-color: #383435 !important; transition: .5s all; } .download-page .resours { background-color: #F4F3F3; padding: 90px 0 0; } .download-page .resours h2 { text-align: center; } .download-page .resours .row.one { max-width: 1220px; margin-bottom: 2em; } .download-page .resours .row.two { max-width: 1370px; } .download-page .resours .post-container { margin-bottom: 3em; } .download-page .resours .col.one .post-content { background-color: #fff; } .download-page .resours .post-title { margin-bottom: .5em; } .download-page .resours .post-container:nth-child(odd) { padding-right: 11%; } .download-page .resours .post-container:nth-child(even) { padding-left: 11%; } .download-page .resours .post-container:nth-child(even) .post-image { order: 2; } .download-page .resours .post-container:nth-child(even) .post-content { order: 1; } /***** Checkbox Style *****/ .contact-form .hs-form-booleancheckbox input[type="checkbox"]:after{ content: ''; display:block; width:35px; height:35px; background-image: url('https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/unchecked-wh.svg'); background-size: auto; background-repeat: no-repeat; position:absolute; top:0px; } .contact-form .hs-form-booleancheckbox input[type="checkbox"]:before{ content: ''; display:block; width:35px; height:35px; background-image: url('https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/checked-wh.svg'); background-size: auto; background-repeat: no-repeat; position:absolute; top:0px; } .contact-form .hs-form-booleancheckbox input[type="checkbox"]:checked::after{ display:none; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .demo-landing-page.blog-page .main-footer { background: transparent; } .blog-page.demo-landing-page #fullpage::after { display: none; } .demo-landing-page .content-part h1::after { display: none; } .demo-landing-page .content-part h1 { font-size: 4em; line-height: 120%; font-weight: 900; color: #231f20; position: relative; z-index: 1; } .demo-landing-page .back-side .row.two .module.one p { margin-bottom: 1.5em; } .demo-landing-page .content-part .section { padding-bottom: 3em; } /* .demo-landing-page .hs-form-field:nth-child(even) { margin-top: 1em; } */ .demo-landing-page .hs-form-field:nth-child(5) { margin-bottom: 2em; } .demo-landing-page .contact-form .hs-button { /* padding: 1em 2.6em .925em 2.6em !important; */ margin: 2em 0; } .demo-landing-page .hs_error_rollup .hs-main-font-element { display: none; } @media (min-width: 768px) and (max-width: 1440px) { .demo-landing-page .content-part .section { font-size: .85rem !important; } } @media (max-width: 981px) { .demo-landing-page .content-part h1 { font-size: 2em; } .demo-landing-page .content-part .section { padding-bottom: 2em; } } @media (max-width: 768px) { .demo-landing-page .contact-form form>div { width: 100%; margin-bottom: .6em; margin-right: 0 !important; } .demo-landing-page .content-part h1 { font-size: 1.555em; margin: 0; } .demo-landing-page #fullpage .research-post-img-text.span12.widget-span.widget-type-cell.row.one { margin-bottom: 0.888em !important; } } @media (max-width: 480px) { } /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ /* ----------------- */ /* Start coding here */ /* ----------------- */ /* Opening panel - first section */ @media (max-width: 1440px){ .class { font-size: 18px !important; } } @media (max-width: 1280px){ .class { font-size: 16px !important; } } @media (max-width: 1024px){ .class { font-size: 14px !important; } } @media (max-width: 980px){ .class { font-size: 14px !important; } } @media (max-width: 767px){ .class { font-size: 18px !important; } } @media (max-width: 480px){ .class { font-size: 16px !important; } } .contact-us { } .contact-us .section { font-size: 1rem; position: relative; } @media (max-width: 1440px){ .contact-us .section:not(.resours) { font-size: .85rem !important; } } @media (max-width: 1280px){ .contact-us .section:not(.resours) { font-size: .75rem !important; } } @media (max-width: 1024px){ .contact-us .section:not(.resours) { font-size: .7rem !important; } } @media (max-width: 980px){ .contact-us .section:not(.resours) { font-size: .65rem !important; } } @media (max-width: 767px){ .contact-us .section:not(.resours) { font-size: .55rem !important; } } @media (max-width: 480px){ .contact-us .section:not(.resours) { font-size: .45rem !important; } } @media (max-width: 1440px){ .job-offer .content-part p { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .job-offer .content-part p { font-size: 1rem !important; } } @media (max-width: 1024px){ .job-offer .content-part p { font-size: 0.9rem !important; } } @media (max-width: 980px){ .job-offer .content-part p { font-size: 0.85rem !important; } } @media (max-width: 1440px){ .job-offer .content-part li { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .job-offer .content-part li { font-size: 1rem !important; } } @media (max-width: 1024px){ .job-offer .content-part li { font-size: 0.9rem !important; } } @media (max-width: 980px){ .job-offer .content-part li { font-size: 0.85rem !important; } } .contact-us .section .row { float: none; margin: 0 auto; width: 90%; } @media (max-width: 980px){ .contact-us .panel-label-anim { font-size: .6rem; } } @media (max-width: 767px){ .contact-us .panel-label-anim { font-size: .5rem; } } @media (max-width: 480px){ .contact-us .panel-label-anim { font-size: .4rem; } } .contact-us .content-part h1 { font-size: 4em; font-weight: 400; line-height: 110%; } .contact-us .content-part h1 strong { font-weight: 900; } .contact-us .content-part h2 { font-size: 3.555em; font-weight: 900; } .contact-us .contact-form::after { position: absolute; content: ''; right: 0; top: 0; height: 100%; width: 70%; background-color: #F4F3F3; z-index: -2; } .contact-us .contact-form { padding-bottom: 100px; } .contact-us .contact-form .row { max-width: 1220px; } .contact-us .panel-label-anim { margin: 0 0 -7em -2.6em; padding: 2.3em 0 7em 2.8em; } .contact-us .color-circles { padding-left: 10em; padding-top: 7em; /* display:none; */ } @media (max-width: 980px){ .contact-us .color-circles { left: -5em !important; position: relative !important; } } .contact-us .mobile-color-circles { display: none; } .contact-us .color-circles .dark-circle { position: relative; background-color: #231F20; width: 17.83em; height: 17.83em; border-radius: 50%; right: 0; bottom: 0; } .contact-us .color-circles .dark-circle { animation: beautyCirclesDark 17s infinite; /* animation-play-state: paused; */ } @keyframes beautyCirclesDark { 0% { transform: translate(0,0); } 16% { transform: translate(-10px,-30px); animation-delay: 1s; } 32% { transform: translate(-40px,-10px); animation-delay: 1s; } 64% { transform: translate(-10px,-10px); animation-delay: 1s; } 80% { transform: translate(30px,-30px); animation-delay: 1s; } 90% { transform: translate(0,0); animation-delay: 1s; } 100% { transform: translate(0,0); } } .contact-us .color-circles .red-circle { position: absolute; background-color: #E32726; height: 10.22em; width: 10.22em; border-radius: 50%; top: 1em; left: -7em; } .contact-us .color-circles .red-circle { animation: beautyCirclesRed 17s infinite; /* animation-play-state: paused; */ } @keyframes beautyCirclesRed { 0% { transform: translate(0,0); } 16% { transform: translate(-20px,-50px); animation-delay: 1s; } 32% { transform: translate(-40px,-30px); animation-delay: 1s; } 64% { transform: translate(-20px,10px); animation-delay: 1s; } 80% { transform: translate(30px,-50px); animation-delay: 1s; } 90% { transform: translate(0px,-10px); animation-delay: 1s; } 100% { transform: translate(0,0); } } .contact-us .first-form-style form { display: flex; flex-wrap: wrap; } .contact-us .first-form-style form > div { width: 48%; margin-right: 0; } .contact-us .first-form-style form > div:nth-child(odd) { margin-right: 4%; } @media (max-width: 767px){ .contact-us .first-form-style form > div { width: 100%; margin-right: 0; } .contact-us .first-form-style form > div:nth-child(odd) { margin-right: 0; } } .contact-us .first-form-style form .hs_message { width: 100%; } .contact-us .first-form-style form .legal-consent-container { width: 100%; } .contact-us .first-form-style form .hs_submit { width: 100% } .contact-us .contact-form .contact-info { display: flex; flex-direction: column; margin-top: .9em; } .contact-us .contact-form .contact-info .contact-info-cont.two { margin: 1.7em 0 2.3em; } .contact-us .contact-form .contact-info .contant-caption { display: block; font-size: 1.333em; font-family: 'Catamaran',sans-serif; font-weight: 700; } .contact-us .contact-form .contact-info a { font-size: 3em; color: #E32726; font-family: 'Catamaran',sans-serif; font-weight: 900; } .contact-us .contact-form .contact-info a:hover { color: #000; } .contact-us .contact-form .row.one { display: flex; align-items: center; margin-bottom: 7em; } .contact-us .contact-form .row.one>.row-fluid-wrapper:first-child { width: 62%; margin-right: 5%; } .contact-us .contact-form .row.one>.row-fluid-wrapper:last-child { width: 38%; } .contact-us .contact-form .row.two { display: flex; } .contact-us .contact-form .row.two>.row-fluid-wrapper { width: 50% } .contact-us .contact-form .row.two>.row-fluid-wrapper:first-child { width: 47.5%; margin-right: 5%; } .contact-us .contact-form .row.two>.row-fluid-wrapper:last-child { width: 47.5%; } @media (max-width: 1024px){ .contact-us .contact-form .contact-info a { font-size: 2.5em; } .contact-us .contact-form .row.two>.row-fluid-wrapper:first-child { width: 34.5%; } .contact-us .contact-form .row.two>.row-fluid-wrapper:last-child { width: 57.5%; } .contact-us .contact-form { padding-bottom: 50px; } .contact-us .where-we-are .destination .red { color: #e32726; font-size: 1.328em; } } @media (max-width: 980px){ .contact-us .contact-form .contact-info a { font-size: 2em; } .contact-us .contact-form .row.two>.row-fluid-wrapper:first-child { width: 31.5%; } .contact-us .contact-form .row.two>.row-fluid-wrapper:last-child { width: 61.5%; } } @media (max-width: 767px){ .contact-us .contact-form h1 { text-align: center; margin-bottom: 2em; } .contact-us .contact-form .panel-label-anim { margin: 3em auto -7em; padding-left: 0; justify-content: center; padding-top: 3em; } .contact-us .contact-form .contact-info { text-align: center; } .contact-us .contact-form .dark-circle { margin: 0 auto; } .contact-us .contact-form { background-color: #F4F3F3; } .contact-us .contact-form::after { display: none; } .contact-us .contact-form .color-circles { padding: 0; padding-top: 2em; left: 0 !important; } .contact-us .contact-form .row.one { margin-bottom: 4em; flex-direction: column; } .contact-us .contact-form .row.one>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .contact-us .contact-form .row.one>.row-fluid-wrapper:last-child { width: 100%; } .contact-us .contact-form .row.two { display: flex; flex-direction: column; } .contact-us .contact-form .row.two>.row-fluid-wrapper { width: 100%; } .contact-us .contact-form .row.two>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .contact-us .contact-form .row.two>.row-fluid-wrapper:last-child { width: 100%; } } .contact-us .where-we-are { padding: 115px 0 80px; } @media (max-width: 1440px){ .contact-us .where-we-are { padding: 105px 0 70px !important; } } @media (max-width: 1280px){ .contact-us .where-we-are { padding: 95px 0 60px !important; } } @media (max-width: 1024px){ .contact-us .where-we-are { padding: 50px 0 50px !important; } } @media (max-width: 980px){ .contact-us .where-we-are { padding: 75px 0 40px !important; } } @media (max-width: 767px){ .contact-us .where-we-are { padding: 50px 0 !important; } } @media (max-width: 480px){ .contact-us .where-we-are { padding: 30px 0 !important; } } .contact-us .where-we-are .location { display: flex; } .contact-us .where-we-are .location-img { margin-right: 1.3em; position: relative; } .contact-us .where-we-are .destination { position: absolute; left: 5.4em; top: .5em; font-size: 1.5555em; font-family: 'Catamaran',sans-serif; white-space: nowrap; } .contact-us .where-we-are .destination .red { color: #E32726; font-size: 1.928em; font-weight: 900; margin-bottom: 0; line-height: 110%; white-space: nowrap; } .contact-us .where-we-are .location-text { font-size: 1.111em; margin-top: 6.5em; } .contact-us .where-we-are .location-img img { width: 100% !important; height: auto; } .contact-us .where-we-are .location-text strong { font-family: 'Catamaran',sans-serif; font-weight: 800; margin-bottom: 1em; display: inline-block; } .contact-us .where-we-are .location-text * { font-size: inherit; line-height: 150%; } .contact-us .where-we-are .location-text .post-button-container { margin-top: 1.4em; padding: 0 .5em 0 1em; display: inline-block; } .contact-us .where-we-are .location-text .post-button { font-size: .7em; } .contact-us .where-we-are .post-button .rollover-img { top: 47%; transform: translateY(-53%); } .contact-us .where-we-are .post-button-container::before { bottom: .6em; } .contact-us .where-we-are .row { max-width: 1220px; } .contact-us .where-we-are .row.one { margin-bottom: 1.5em; } .contact-us .where-we-are .row.two { display: flex; } .contact-us .where-we-are .row.two>.row-fluid-wrapper:first-child { width: 45.5%; margin-right: 5%; } .contact-us .where-we-are .row.two>.row-fluid-wrapper:last-child { width: 49.5%; } @media (max-width: 767px){ .contact-us .where-we-are h2 { text-align: center; } .contact-us .where-we-are .post-button { white-space: nowrap; } .contact-us .where-we-are .panel-label-anim { margin: 3em auto -7em; padding-left: 0; justify-content: center; padding-top: 3em; } .contact-us .where-we-are .row.two { display: flex; flex-direction: column; max-width: 300px; } .contact-us .where-we-are .row.two>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; margin-bottom: 4em; } .contact-us .where-we-are .row.two>.row-fluid-wrapper:last-child { width: 100%; } .contact-us .where-we-are .location-img { width: 50%; } .contact-us .where-we-are .location-text { width: 50%; } } .contact-us .resours { } .contact-us .resours .row.one { max-width: 1220px; margin-bottom: 2em; } @media (max-width: 1440px){ .contact-us .resours .row.one { font-size: .85rem !important; } } @media (max-width: 1280px){ .contact-us .resours .row.one { font-size: .75rem !important; } } @media (max-width: 1024px){ .contact-us .resours .row.one { font-size: .7rem !important; } } @media (max-width: 980px){ .contact-us .resours .row.one { font-size: .65rem !important; } } @media (max-width: 767px){ .contact-us .resours .row.one { font-size: .55rem !important; } } @media (max-width: 480px){ .contact-us .resours .row.one { font-size: .45rem !important; } } .contact-us .resours .row.two { max-width: 1370px; } .contact-us .resours .post-container { margin-bottom: 3em; } .contact-us .resours .post-container p { line-height: 150%; font-size: 16px; } .contact-us .resours .post-title { margin-bottom: .5em; } .contact-us .resours .post-container:nth-child(odd) { padding-right: 11%; } .contact-us .resours .post-container:nth-child(even) { padding-left: 11%; } @media (max-width: 980px){ .contact-us .resours .post-container:nth-child(odd) { padding-right: 0; } .contact-us .resours .post-container:nth-child(even) { padding-left: 0; } } @media (max-width: 767px){ .contact-us .resours .post-button .main-ico { width: 100%; top: 42% !important; transform: translateY(-58%); transition: .2s all; z-index: 1; } .contact-us .resours .post-button .second-main-part-ico { width: 100%; top: initial !important; } } .contact-us .resours .post-container:nth-child(even) .post-image { order: 2; } .contact-us .resours .post-container:nth-child(even) .post-content { order: 1; } /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ div:target{display:block!important} div:target .stickybutton-sticky-wrapper{display:none} @media (min-width: 980px) { } .job-offer { } #wrap-job-form{display:none} .hs-inline-edit #wrap-job-form{display:block!important} .job-offer .content-part { } @media (max-width: 1440px){ .job-offer .content-part .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .job-offer .content-part .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .job-offer .content-part .section { font-size: .7rem !important; } } @media (max-width: 980px){ .job-offer .content-part .section { font-size: .65rem !important; } } @media (max-width: 767px){ .job-offer .content-part .section { font-size: .55rem !important; } } @media (max-width: 480px){ .job-offer .content-part .section { font-size: .45rem !important; } } @media (max-width: 1440px){ .job-offer .content-part p { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .job-offer .content-part p { font-size: 1rem !important; } } @media (max-width: 1024px){ .job-offer .content-part p { font-size: 0.9rem !important; } } @media (max-width: 980px){ .job-offer .content-part p { font-size: 0.85rem !important; } } @media (max-width: 1440px){ .job-offer .content-part li { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .job-offer .content-part li { font-size: 1rem !important; } } @media (max-width: 1024px){ .job-offer .content-part li { font-size: 0.9rem !important; } } @media (max-width: 980px){ .job-offer .content-part li { font-size: 0.85rem !important; } } .job-offer .section { font-size: 1rem; } .job-offer .section .row { width: 90%; margin: 0 auto; float: none; max-width: 1220px; } .job-offer .content-part .section { overflow-x: hidden; } .job-offer .content-part h1 { font-size: 4em; font-weight: 900; position: relative; z-index: 1; } .job-offer .content-part h2 { font-size: 3em; font-weight: 900; margin: .9em 0 .3em; } .job-offer .content-part p { font-size: 22px !important; line-height: 155%; margin-bottom: 1.4em; } .job-offer .content-part p:last-child { margin-bottom: 0; } .job-offer .content-part ul { padding: 0 0 0 .4em; margin: -.6em 0 1em; } .job-offer .content-part li { font-size: 22px; line-height: 150%; position: relative; list-style: none; padding-left: .7em; margin-bottom: 0.5em; } .job-offer .content-part li::before { position: absolute; content: ''; left: 0; top: 12px; background-color: #E32726; border-radius: 50%; width: 5px; height: 5px; } .job-offer .content-part li ul li p { font-size: 22px; line-height: 150%; } .job-offer .location { position: relative; font-size: 22px; padding-left: 1.3em; font-family: 'Catamaran',sans-serif; } .job-offer .location::after { position: absolute; content: ''; background: url('https://info.empowertheuser.com/hubfs/ETU%20theme/location-ico.svg') 100% no-repeat; font-size: inherit; width: 0.861em; height: 1.138em; left: 0; background-size: contain; top: -.1em; } .job-offer .vacancy { padding-bottom: 70px; } .noformlink { display: inline-flex; align-items: center; background-color: #231F20; color: #fff; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 0.666em; padding: 1.4em 1em 1.35em 2em; border-radius: 30px; transition: .3s all; } .noformlink:hover { background-color: #fff; transition: .5s all; color: #231F20; } .job-offer .vacancy .scroll-down { display: inline-flex; align-items: center; background-color: #231F20; color: #fff; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 0.666em; padding: 1.4em 1em 1.35em 2em; border-radius: 30px; transition: .3s all; } .job-offer .vacancy .scroll-down:hover { background-color: #fff; transition: .5s all; color: #231F20; } .job-offer .vacancy #stickybutton { min-width: 190px; } .job-offer .vacancy .scroll-down .label-field { margin-bottom: 0; margin-right: 1.2em; } .job-offer .vacancy .scroll-down img { transform: rotate(-90deg); } .job-offer .vacancy .location { font-size: 1.333em; } .job-offer .vacancy .location strong { font-weight: 900; } .job-offer .vacancy .module.about-the-role { background-color: #F4F3F3; padding: 2.6em 1.9em; } .job-offer .vacancy .module.experience { margin-bottom: 3em; } .job-offer .vacancy .module.experience h2 { margin-right: -2%; } .job-offer .vacancy .module.experience ul { column-count: 2; column-gap: 2em; margin: 2em 0 0; } @media (max-width: 767px){ .job-offer .vacancy .module.experience ul { column-count: 1; column-gap: 0; } } .job-offer .vacancy .module.experience li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .job-offer .vacancy .module.experience li:nth-child(even) { margin-right: 0; } .job-offer .vacancy .module.apply { background-color: #F4F3F3; padding: 0 3em; } .job-offer .vacancy .module.apply ul, .job-offer .vacancy .module.apply ul li { margin: 0; padding: 0; } .job-offer .vacancy .module.apply ul li::before { display: none; } .job-offer .vacancy .module.apply .first-form-style { margin-bottom: 3em; } .job-offer .vacancy .row { margin-bottom: 2.5em; } .job-offer .vacancy .row.two { display: flex; margin-bottom: 0; } .job-offer .vacancy .row.two > .row-fluid-wrapper:first-child { width: 74%; margin-right: 2%; } .job-offer .vacancy .row.two > .row-fluid-wrapper:last-child { width: 24%; } .job-offer .vacancy .row.two.rowform > .row-fluid-wrapper { width: 74%; margin-right: 2%; } @media (max-width: 767px){ .job-offer .vacancy .row.two > .row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .job-offer .vacancy .row.two > .row-fluid-wrapper:last-child { display: none; } .job-offer .vacancy .row.two.rowform > .row-fluid-wrapper { width: 100%; margin-right: 0; display: block; } } .job-offer .vacancy .row.two .col.two { background-color: #E32726; padding: 1.8em 2em; } .job-offer .vacancy .row.two .col.two h3 { color: #fff; font-size: 1.3333em; font-weight: 900; line-height: 130%; } .job-offer .reference { background-color: #F4F3F3; padding: 90px 0; } @media (max-width: 1440px){ .job-offer .reference { padding: 90px 0 !important; } } @media (max-width: 1280px){ .job-offer .reference { padding: 70px 0 !important; } } @media (max-width: 1024px){ .job-offer .reference { padding: 70px 0 !important; } } @media (max-width: 980px){ .job-offer .reference { padding: 60px 0 !important; } } @media (max-width: 767px){ .job-offer .reference { padding: 50px 0 !important; } } @media (max-width: 480px){ .job-offer .reference { padding: 30px 0 !important; } } .job-offer .reference .row { max-width: 1100px; } .job-offer .reference .custquot { background-color: #F4F3F3; font-size: 1.7771em; font-family: 'Catamaran',sans-serif; font-weight: 500; line-height: 140%; padding: 2em; } .job-offer .reference .developer { font-size: 1.777em; padding: 0 2em; display: flex; align-items: center; } .job-offer .reference .developer .dev-photo{ margin-right: 1em; } @media (max-width: 980px) { .job-offer .reference .developer .dev-photo img { width: 80px !important; } } .job-offer .reference .developer h3 { font-size: 22px; font-weight: 900; margin-bottom: .15em; } .job-offer .reference .developer p { font-size: 18px; color: #E32726; } @media (max-width: 980px) { .job-offer .reference .developer h3 { font-size: 18px; } .job-offer .reference .developer p { font-size: 14px; } } .job-offer .job-offers { padding: 100px 0; } .job-offer .job-offers h2 { text-align: center; font-size: 3.555em; margin: 0; margin-bottom: .5em; } .job-offer .job-offers h3 { font-size: 1.666em; font-weight: 900; margin-bottom: 0; line-height: 136%; padding-bottom: 5.5em; } .job-offer .job-offers .row.two .module { position: relative; height: 100%; } .job-offer .job-offers .location { position: absolute; bottom: 4em; left: 0; } .job-offer .job-offers .readmorejob { position: absolute; bottom: 0em; right: 1em; font-family: 'Catamaran',sans-serif; font-size: 14px; } .job-offer .job-offers .readmorejob img{ position: relative; top: 3px; left: 7px; } .job-offer .job-offers .readmorejob { position: absolute; text-transform:uppercase; font-weight:700; bottom: 1em; right: 4em; opacity:1; transition: 400ms all; } .job-offer .job-offers .module.one a:hover{ color:#231f20; } .job-offer .job-offers .module.one:hover .readmorejob { right: 2em; opacity:1; transition: 400ms all; } .job-offer .job-offers .row.two { display: flex; margin-bottom: 1.5em; width: 100%; } .job-offer .job-offers .row.two > span { display: flex; width: 100%; flex-wrap: wrap; } .job-offer .job-offers .row.two > .row-fluid-wrapper, .job-offer .job-offers .row.two > span > .row-fluid-wrapper { width: 32%; margin-right: 2%; } .job-offer .job-offers .row.two > .row-fluid-wrapper:last-child, .job-offer .job-offers .row.two > span >.row-fluid-wrapper:last-child { margin-right: 0; } .job-offer .job-offers .row.two > .row-fluid-wrapper > .row-fluid, .job-offer .job-offers .row.two > span > .row-fluid-wrapper > .row-fluid { height: 100% } .job-offer .job-offers .row.two .col { padding: 2.7em 2em 2em; } .job-offer .job-offers .row.two .col > .row-fluid-wrapper, .job-offer .job-offers .row.two .col > .row-fluid-wrapper > .row-fluid { height: 100%; } .job-offer .job-offers .row.three { text-align: center; } .job-offer .job-offers .row.two .col { background-color: #F4F3F3; height: 100% } body .section .social-buttons { display: flex; align-items: center; } body .section .social-buttons a { opacity: .65; transition: .5s all; margin-right: 2em; } body .section .social-buttons a:last-child { margin-right: 0; } body .section .social-buttons a:hover { opacity: 1; transition: .3s all; } @media (max-width: 500px) { .job-offer .job-offers .location { position: relative !important; bottom: initial !important; left: initial !important; margin-bottom: 3em; } .job-offer .job-offers h3 { font-size: 18px !important; padding-bottom: 2em; } .job-offer .job-offers { padding: 50px 0; } .job-offer .job-offers .readmorejob { right: 1em; bottom: 0em;} } /* .job-form .input > input[type=file]::-webkit-file-upload-button { visibility: hidden; } .job-form .input > input[type=file] { width: 33%; padding: 0 !important; } .job-form .input > input[type=file]:focus { outline: none; } .job-form .input > input[type=file]::before { content: 'SELECT FILES'; display: inline-block; background-color: white; border: none; padding: 16px 20px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 700; font-size: 14px; } .job-form .input > input[type=file]:hover::before { border-color: black; } .job-form .input > input[type=file]:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } */ /* #wrap-job-form .hs-form-booleancheckbox input[type="checkbox"]{ margin-right: 30px; position:relative; height:32px; width:32px; } */ .job-offer .apply .hs-richtext.hs-main-font-element { margin-bottom: .6em; } .job-offer .apply .hs_select_files .input { background-color: #fff; width: 168px; height: 48px; position: relative; font-size: 16px; } @media (max-width: 767px) { .job-offer .apply .hs_select_files .input { background-color: #fff; width: 122.5‬px; height: 35px; position: relative; font-size: 14px; } } .job-offer .apply input[type="file"] { width: 100%; height: 100% !important; left: 0; top :0; opacity: 0; overflow: hidden; position: absolute; outline: none; z-index: 2; cursor: pointer !important; } .job-offer .apply .hs_select_files { width: 100%; margin-right: 0; } .job-offer .apply .hs_select_files .input::after { position: absolute; content: 'select files'; width: 100%; height: 100%; background-color: #fff; color: #000; z-index: 1; font-family: 'Catamaran',sans-serif; text-transform: uppercase; font-weight: 800; font-size: inherit; display: flex; align-items: center; justify-content: center; cursor: pointer; } .job-offer .apply .hs_select_files input[type="file"]:hover .input::after { background-color: #000 !important; color: #fff !important; } .job-offer .apply .hs_select_files .hs-field-desc { background-color: #fff; font-size: 17px; font-family: 'Catamaran',sans-serif; font-weight: 400; padding: .5em 1em; margin-bottom: .5em; } .job-offer .apply .hs_select_files .hs-field-desc .file-name { line-height: 2em; } #wrap-job-form .hs-form-booleancheckbox input[type="checkbox"]:after{ content: ''; display:block; width:35px; height:35px; background-image: url('https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/unchecked-wh.svg'); background-size: auto; background-repeat: no-repeat; position:absolute; top:0px; } @media (max-width: 767px){ #wrap-job-form::after{ display: none; } } #wrap-job-form .hs-form-booleancheckbox input[type="checkbox"]:before{ content: ''; display:block; width:35px; height:35px; background-image: url('https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/checked-wh.svg'); background-size: auto; background-repeat: no-repeat; position:absolute; top:0px; } #wrap-job-form .hs-form-booleancheckbox input[type="checkbox"]:checked::after{ display:none; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* ------------------ */ /* ETU homepage style */ /* ------------------ */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ /* ----------------- */ /* Start coding here */ /* ----------------- */ /* New style */ .platform-2022 .content-part-special .section.features { overflow: visible !important; } .platform-2022.page .techonology::after { content: none; } .platform-2022 .value .text-module.section_head h3 { text-align: center; font-size: 1.78em; font-weight: 900; } @media (max-width: 767px) { .platform-2022.page .value .row-group .row.two .blurb { margin-top: 15px; } } .platform-2022 .seamless-integration .content-module .cta-button { margin-left: 4.8em; } .platform-2022 .seamless-integration .back-part { padding: 175px 0 40px !important; } .platform-2022 .seamless-integration .back-part .content-module h2 { margin-bottom: 0.15em; } .platform-2022 .seamless-integration .back-part .content-module p { line-height: 1.5; } .platform-2022 .seamless-integration .color-circles { padding-left: 10em; padding-top: 7em; /* display:none; */ } @media (max-width: 980px){ .platform-2022 .seamless-integration .color-circles { left: -5em !important; position: relative !important; } } .platform-2022 .seamless-integration .mobile-color-circles { display: none; } .platform-2022 .seamless-integration .color-circles .dark-circle { position: relative; background-color: #231F20; width: 17.83em; height: 17.83em; border-radius: 50%; right: 0; bottom: 0; } .platform-2022 .seamless-integration .color-circles .dark-circle { animation: beautyCirclesDark 17s infinite; /* animation-play-state: paused; */ } @keyframes beautyCirclesDark { 0% { transform: translate(0,0); } 16% { transform: translate(-10px,-30px); animation-delay: 1s; } 32% { transform: translate(-40px,-10px); animation-delay: 1s; } 64% { transform: translate(-10px,-10px); animation-delay: 1s; } 80% { transform: translate(30px,-30px); animation-delay: 1s; } 90% { transform: translate(0,0); animation-delay: 1s; } 100% { transform: translate(0,0); } } .platform-2022 .seamless-integration .color-circles .red-circle { position: absolute; background-color: #E32726; height: 10.22em; width: 10.22em; border-radius: 50%; top: 1em; left: -7em; } .platform-2022 .seamless-integration .color-circles .red-circle { animation: beautyCirclesRed 17s infinite; /* animation-play-state: paused; */ } @keyframes beautyCirclesRed { 0% { transform: translate(0,0); } 16% { transform: translate(-20px,-50px); animation-delay: 1s; } 32% { transform: translate(-40px,-30px); animation-delay: 1s; } 64% { transform: translate(-20px,10px); animation-delay: 1s; } 80% { transform: translate(30px,-50px); animation-delay: 1s; } 90% { transform: translate(0px,-10px); animation-delay: 1s; } 100% { transform: translate(0,0); } } .platform-2022 .platform .back-part { padding-top: 110px !important; overflow: visible !important; } .platform-2022 .build.features .back-part { padding: 70px 0 40px; } /* @media (min-width: 768px) { } */ @media (min-width: 768px) { .platform-page.platform-2022 .platform .back-part .group-container { padding-bottom: 4.5%; } .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:first-child { width: 57%; margin-right: 3%; } .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child { width: 40%; position: relative; top: 0; right: 0; } .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child img { position: relative; top: 78px; max-width: 123% !important; left: 20px; } } @media (max-width: 1680px) { .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child img { max-width: 120% !important; } } @media (max-width: 1600px) { .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child img { max-width: 115% !important; } } @media (max-width: 1500px) { .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child img { max-width: 108% !important; } } @media (max-width: 1440px) { .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child img { max-width: 100% !important; } } @media (max-width: 980px) { /* .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child { width: 100%; z-index: 0; right: 0; margin-top: 30px; text-align: center; } */ /* .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child .hs_cos_wrapper_type_linked_image { text-align: center; } */ .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child img { max-width: 450px !important; width: 100%; top: 0; left: 0; } .platform-2022 .seamless-integration .back-part { padding: 45px 0 40px !important; } .platform-2022 .seamless-integration .back-part .content-module p { margin-left: 0; } .platform-2022 .seamless-integration .content-module .cta-button { margin-left: 0; } } @media (max-width: 980px) and (min-width: 768px) { .platform-page.platform-2022 .platform .back-part .group-container h1 { font-size: 3.7em; } } @media (max-width: 767px) { .platform-2022 .platform .back-part { padding-top: 85px !important; } .platform-page.platform-2022 .platform .back-part .group-container>.row-fluid-wrapper:last-child img { width: 75%; } .platform-page.platform-2022 .platform .back-part .group-container > .row-fluid-wrapper:last-child { width: 100%; z-index: 0; right: 0; margin-top: 30px; text-align: center; } } /* Opening panel - first section */ p:last-child { margin-bottom: 0; } #click-to-unmute button { display: none !important; } .platform { background: #F4F3F3; } .platform-page { overflow-x: hidden; } .page.platform-page .row { max-width: 1215px; } .platform-page .row.one .col.one .module { max-width: 1050px; } .services-page .content-part-special .section.platform, .services.platform .back-part { overflow: visible; } /* .services-page.platform-page .services .group-container>.row-fluid-wrapper:first-child { width: 75%; margin-right: 0; z-index: 1; } .services-page.platform-page .services .group-container>.row-fluid-wrapper:last-child { width: auto; position: absolute; top: 16%; right: -15%; z-index: 0; } */ .services-page.platform-page .services .panel-label { margin: 0 0 -6em -2.2em; } .services-page.platform-page .services .group-container { position: relative; } .services-page.platform-page .services p { /* max-width: 590px; */ font-size: 1.55em; line-height: 135%; margin-left: 0.1em; font-weight: 300; } .services-page.platform-page .services .row.one .col.two { margin-top:0; } .services-page.platform-page .services h1 { line-height: 109%; margin-bottom: 0.2em; } .services-page.platform-page .group-container { padding-bottom: 8.5%; padding-top: 0; height: auto; display: flex; align-items: center; margin-left: auto; float: none; max-width: 1370px; } .platform-page .analytics.security { padding: 190px 0 0; } .platform-page .analytics.security.dataanalytics { padding: 175px 0 143px; } .platform-page .analytics.dataanalytics .row.one>.row-fluid-wrapper:first-child { width: 63%; margin-right: 0; } .platform-page .analytics .row.one>.row-fluid-wrapper:first-child { margin-right: 1%; } .platform-page .analytics.security .row.one .module-group { padding-top: .8em; padding-top: 7.8em; padding-left: 0; /* padding-left: 4.8em; */ } .platform-page .analytics.security.dataanalytics p { max-width: 515px; margin-bottom: 2.5em; } .section.dataanalytics .cta-button a { padding: 1em 4em .925em 1.3em; } .platform-page .analytics.security .row.one { width: 90%; } .platform-page .analytics.security .row.one .col.two .module.one { margin-top: 9.5em; display: flex; align-items: center; margin-left: 9.5em; } .platform-page .analytics.dataanalytics .row.one .col.two .module.one { /* width: auto; */ position: absolute; top: -22%; right: -44%; z-index: -1; margin: 0; display: block; } .platform-page .analytics.dataanalytics h2 { margin-left: 0.1em; margin-bottom: 0.1em; } .platform-page .analytics.security { padding-bottom: 100px; } .platform-page .section .cta-button a { min-width: 6.7em; } .platform-page .analytics.security p { margin-bottom: 2em; } .design-slider .text-wrapper img { display: none; } .platform-page .what-we-do .row-group .row.two h2 { margin-bottom: .2em; } .platform-page .what-we-do .row-group .row.two .text-module { max-width: 930px; float: none; } .platform-page .build.features::after { position: absolute; content: ''; width: 88%; height: 100%; right: 0; left: unset; top: 0; background-color: #f4f3f3; z-index: -2; } .platform-page .build.simulations::after { position: absolute; content: ''; width: 70%; height: 100%; right: 0; left: unset; top: 0; z-index: -2; } .platform-page .build.simulations { padding-top: 20px; padding-bottom: 65px; } .platform-page .build.simulations .row.one { text-align: center; max-width: 950px; margin-bottom: 2.7em; } .platform-page .build.simulations .row.two { max-width: 1210px; margin-bottom: 0; } .platform-page .build.simulations .play-video-big { width: 95%; } .platform-page .build.simulations .play-video-big h6 { display: flex; align-items: center; font-weight: 800; text-transform: uppercase; margin-top: 1em; margin-bottom: 0; } .platform-page .build.simulations .hs-responsive-embed.hs-responsive-embed-undefined, .sims .content-part-special .section .hs-responsive-embed.hs-responsive-embed-undefined{ position: relative; } .platform-page .build.simulations .hs-responsive-embed.hs-responsive-embed-undefined > a, .sims .content-part-special .section .hs-responsive-embed.hs-responsive-embed-undefined > a{ position: absolute; height: 100%; width: 100%; z-index: 9999999; } .services-page.platform-page .analytics.dataanalytics .group-container>.row-fluid-wrapper:last-child { width: auto; position: absolute; top: 14%; right: -67%; z-index: 0; } .platform-page .build.simulations .play-video-big h6 img{ margin-left: 0.5em; } .platform-page .build.simulations #text-module { padding-top: 43px; } .platform-page .build.simulations #text-module .cta-button { margin-top: 3.4em; } .platform-page .build.features h2 { margin-bottom: 0.5em; } .platform-page .build.features::before { position: absolute; content: ''; width: 38.5%; height: 69%; right: unset; left: 0; bottom: -6%; background-color: #383435; z-index: -1; } .services.platform .back-part { background: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/servcies-circle-bg.svg); background-repeat: no-repeat; background-size: initial; background-position: 67% 103%; overflow: hidden; } .services-page .content-part-special .section.features { overflow: hidden; } #simulations.build .back-part { background: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/servcies-circle-bg.svg); background-size: initial; background-position: 42% 89%; } .analytics.security { background: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/servcies-circle-bg.svg); background-size: initial; background-position: -60% 106%; } .platform-page .value { background-color: rgba(255, 255, 255, 1.0); background: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/servcies-circle-bg.svg); background-repeat: repeat; background-size: initial; background-position: 49% 5%; position: relative; } .build.features .back-part { background-size: initial; background-position: 49% -8%; background: url(https://2593232.fs1.hubspotusercontent-na1.net/hubfs/2593232/ETU%20theme/servcies-circle-bg.svg); } .features .back-part > .row-fluid-wrapper:first-child { margin-bottom: 3em; } .platform-page .features .panel-label-anim { margin: 0 auto -6.5em; padding-bottom: 6.5em; padding-left: 0; justify-content: center; } .services-page .features .design-slider { /* max-width: 1250px; */ max-width: 1515px; margin: auto; float: none; margin: 0 auto; width: 90%; } .platform-2022 .features-slider .methodology-slider .slide-title { font-weight: 800; } @media(min-width: 1500px) { .services-page .features .design-slider .slider-head { position: relative; right: -5.5%; padding-left: 8em; } } .design-slider .controls-elements { display: flex; align-items: flex-start; } .design-slider .controls-elements .slider-navigation { display: flex; } .design-slider .controls-elements .slider-navigation div { margin-right: 34px; } .design-slider .reference-slider-wrapper { display: flex; flex-wrap: wrap; margin-top: 65px; } .design-slider .slider-counter { color: #7B7979; display: flex; align-items: center; font-family: 'Catamaran',sans-serif !important; } .design-slider .slider-counter .current-slide { color: #fff; } .design-slider .slider-counter div, .design-slider .slider-counter span { margin-right: .8em; display: block; } .design-slider .slider-title { display: flex; justify-content: space-between; margin-left: auto; } .design-slider .text-title { display: flex; margin-left: auto; width: 81%; } .design-slider .slider-title .slide-title { padding: 35px 39px 92px 42px; background: #fff; color: #231F20; font-family: 'Catamaran',sans-serif; max-width: 270px; width: 24% !important; line-height: 135%; font-weight: 700; display: flex !important; position: relative !important; z-index: 1 !important; } .design-slider .slider-title .slide-title.slider-item.bx-clone { display: none !important; } .design-slider .slider-title .slide-title span { font-family: 'Catamaran',sans-serif; font-size: 2em; margin-right: 10px; display: block; line-height: 75%; font-weight: 800; } .design-slider .slider-title .slide-title.active-slide { background: #E32726; color: #fff; } .design-slider .reference-slider-wrapper::after { display: none; } .design-slider .reference-slider-wrapper .movie-wrapper { width: 53%; } .design-slider .reference-slider-wrapper .text-wrapper { width: 47%; padding: 50px 0 0 70px; } .design-slider .feedback-author { font-family: 'Catamaran',sans-serif !important; font-size: 2em; font-weight: 800; max-width: 400px; margin-bottom: 1em; } .design-slider .feedback-text p{ margin-bottom: 1.7em; max-width: 492px; font-weight: 200; } .design-slider .reference-slider-wrapper .reference-slider-movie img { max-width: 100%; object-fit: contain; } @media(max-width:1500px) { .platform-page .value .module.two p { padding-right: 57px; } } @media(max-width:1400px) { .platform-page .analytics.dataanalytics .row.one .col.two .module.one { top: -14%; right: -53%; } .platform-page .analytics.security.dataanalytics { padding: 105px 0 100px; } /* .services-page.platform-page .services .group-container>.row-fluid-wrapper:last-child { right: -49%; z-index: -1; max-width: 100%; } */ .design-slider .slider-title .slide-title { padding: 25px 25px 50px 25px; } .platform-page .analytics.security { padding-bottom: 100px; padding-top: 100px; } .platform-page .analytics.security .row.one .col.two .module.one { margin-left: 4.5em; } } @media (max-width: 1280px){ .services-page.platform-page .build .back-part { padding: 0 !important; } .platform-page .analytics.security.dataanalytics { padding: 50px 0 50px; } .platform-page.services-page .resours .resources-posts { margin-bottom: 3%; } } @media (max-width: 1024px){ .platform-page.services-page .content-part-special h1 { /* font-size: 54px; */ } .platform-page.services-page .content-part-special h2 { /* font-size: 46px; */ } .services-page.platform-page .build { padding: 50px 0; } .features .back-part>.row-fluid-wrapper:first-child { margin-bottom: 4.5em; } .platform-page .build.features::before { bottom: -4%; height: 78%; } .design-slider .feedback-author { font-size: 26px; } .services-page .content-part-special p { font-size: 18px; } .design-slider .feedback-text-special p { margin-bottom: 23.4px; } .platform-page .analytics.security { padding-bottom: 50px; padding-top: 50px; } .platform-page .analytics.security .row.one .module-group { padding-top: .4em; padding-left: 1.8em; } /* .services-page.platform-page .services .group-container>.row-fluid-wrapper:last-child { right: -61%; } */ } @media (max-width: 980px){ .services-page.platform-page .services .group-container { position: relative; flex-wrap: wrap; } .services-page.platform-page .services .group-container>.row-fluid-wrapper:first-child { width: 100%; } /* .services-page.platform-page .services .group-container>.row-fluid-wrapper:last-child { right: 17%; z-index: -1; max-width: 100%; position: relative; margin-top: 15px; top: unset; } .services-page.platform-page .services .group-container>.row-fluid-wrapper:last-child img{ max-width: 200% !important; } */ .design-slider .slider-title .slide-title { padding: 15px; } .design-slider .reference-slider-wrapper { margin-top: 35px; } .design-slider .reference-slider-wrapper .movie-wrapper { width: 40%; display: flex; align-items: center; } .design-slider .reference-slider-wrapper .text-wrapper { width: 60%; padding: 30px; } .platform-page .build.features::before { bottom: 3%; height: 64%; } .platform-page .analytics.security .row.one .col.two .module.one { margin-left: 0; } .services-page .analytics .row.one>.row-fluid-wrapper:last-child { width: 30%; } .services-page .analytics .row.one>.row-fluid-wrapper:first-child { width: 61%; margin-right: 4%; } .platform-page .analytics.security .row.one { width: 90%; margin: auto; } .platform-page .build.simulations .play-video-big h6 { font-size: .7rem; } .platform-page .build.simulations .play-video-big h6 img { margin-left: .5em; width: 3em; } .platform-page .resources-posts .col.two>.row-fluid-wrapper { width: 100%; margin-right: 0; } .platform-page .resources-posts .col.two { flex-wrap: wrap; margin-left: 0; } .platform-page .resources-posts .col.two .post-content { padding: 0.8em 0 0.8em 0; margin: auto; } .platform-page .resources-posts .col.two .module.one .post-button { margin-top: 0%; } .platform-page .resources-posts .post-image { margin: auto; position: relative; display: flex; } .platform-page .resources-posts .col.one .post-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .platform-page .resources-posts .col.one .post-image { width: 100%; object-fit: cover; /* min-width: 544px; */ max-height: 301px; margin-bottom: -2.4em; } .platform-page .resources-posts .col.one .post-content { width: 100%; padding: 2em 2em 2em; } .design-slider .slider-title .slide-title { font-size: 14px; min-width: 209px !important; height: 93px; padding: 24px; margin-right: 12px; } .design-slider .slider-title .slide-title span { font-size: 1.4em; } .services-page.platform-page .services p { font-size: 1.25em; margin-top: 1em; } .design-slider .slider-counter div, .design-slider .slider-counter span { font-size: 18px; } .design-slider .controls-elements .slider-navigation div img{ object-fit: contain; } .page .resources-posts .col.one .post-title { font-size: 1.4em;} /* .platform-page .page .content-part-special .section { font-size: .8rem; } */ .design-slider .text-title { width: 70.2%; } .services-page .analytics .row.one>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .services-page .analytics .row.one>.row-fluid-wrapper:last-child { width: 100%; } .platform-page .analytics.security .row.one { flex-wrap: wrap; } .design-slider .slider-title { overflow-x: scroll; -webkit-overflow-scrolling: touch; } } @media (max-width: 767px){ .design-slider .controls-elements .slider-navigation { display: flex; width: 100%; } .design-slider .text-wrapper img { display: block; } .platform-page .build.simulations { text-align: center; } .platform-page .build.simulations h2{ text-align: center; } .design-slider .slider-counter { width: 100%; margin-top: 18px;} .platform-page .row.one .col.one .module { max-width: 1050px; text-align: left; } .design-slider .feedback-author { font-size: 24px; } .platform-page .panel-label-anim { width: 12.15em; height: 12.15em; font-size: 7px; margin: 0 0 -4em -2.6em; padding: 3.3em 0 7em 2.8em; } .platform-page .features .panel-label-anim { margin: 0 0 -6.5em;} .section_head h3 { text-align: center; font-size: 20px; font-weight: 900; max-width: 300px; margin-left: auto; margin-right: auto; line-height: 130%; } .platform-page.services-page .content-part-special h1 { font-size: 28px; line-height: 125% !important; } .services-page.platform-page .services p { font-size: 14px; margin-top: 10px; line-height: 160%; } .services-page.platform-page .content-part-special h2 { font-size: 28px; line-height: 125% !important; margin-bottom: .45em; } .services-page .content-part-special p { font-size: 14px; line-height: 160% !important; } .design-slider .reference-slider-wrapper { margin-top: 35px; flex-direction: column-reverse; } .design-slider .reference-slider-wrapper .movie-wrapper { width: 100%; } .design-slider .reference-slider-wrapper .movie-wrapper { display: none; } .design-slider .reference-slider-wrapper .text-wrapper { width: 100%; padding: 10px 0; } .design-slider .controls-elements { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .design-slider .text-title { width: 100%; margin-top: 1em; } .platform-page .build.features::before { display: none; } .design-slider .slider-counter .current-slide { color: #7b7979; } .section .cta-button a::after { font-size: .7rem; right: 1em; } .platform-page .build.features { padding-bottom: 10px; } .platform-page .analytics.security { padding-bottom: 40px; padding-top: 40px; } .platform-page .analytics.security .row.one .col.two .module.one { margin: 30px auto 0; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; top: unset; left: unset; right: unset; width: 100%; } .platform-page .build.simulations .play-video-big { width: 100%; } .platform-page .build.simulations .play-video-big h6 { justify-content: center; } .platform-page .analytics.dataanalytics .row.one>.row-fluid-wrapper:first-child { width: 100%; } .platform-page .section .row .panel-label { padding: 0 0em 4em 1.6em; font-size: .56em; } .platform-page .section .row .panel-label::after { left: 5%; } .platform-page .build.features::after { width: 100%; } .platform-page .row.one .col.one .module { margin-top: -12px; } /* .services-page.platform-page .services .group-container>.row-fluid-wrapper:last-child { margin-top: -18px; } */ .platform-page .build.features { padding-top: 50px; } .platform-page .build.features h2 { margin-bottom: .4em; } .features .back-part>.row-fluid-wrapper:first-child { margin-bottom: 2.8em; } .design-slider .slider-counter { margin-left: 13px; } .design-slider .text-wrapper img { display: block; max-width: 130%; width: 130%; left: -29%; position: relative; } .design-slider .reference-slider-wrapper .text-wrapper .bx-viewport { overflow: visible !important; } .design-slider .text-wrapper .feedback-text { margin-top: 27px; } .platform-page .analytics.security .row.one .module-group { padding-top: .4em; padding-left: 0em; } .platform-page .build.simulations { padding-top: 53px; } .services-page .build .panel-label-anim { margin: 0 auto -2em; padding: 5em 0 5em 0em; } .platform-page .build.simulations::after { position: absolute; content: ''; width: 91%; } .platform-page .build.simulations #text-module .cta-button { margin-top: 1.6em; } .platform-page .resours .panel-label-anim{ margin: 0 0 -4em -1.3em; padding: 4.3em 0 6em 1.8em; } .platform-page .resources-posts .col.one .post-image { min-width: unset; margin-bottom: 0; max-height: 194px; } .page.platform-page .section .resources-posts { padding: 1.3em 0; } .page.platform-page .section .resources-posts .col.one .post-content { margin-top: -3.5em !important; } .platform-page .resources-posts .col.one .post-container { justify-content: flex-end; } .platform-page.page .section .resources-posts .col.one .post-content { padding: 1.4em 7% 1.9em 1.4em; width: 90%; } .platform-page .section .resources-posts .post-button .second-main-part-ico { display: none; } .page.platform-page .section .resources-posts .post-container { margin-bottom: 1.5em; } .platform-page .resources-posts .col.one .post-image { } } .platform-circle-animation svg { position: absolute; object-fit: contain; left: -141px; top: -366px; width: 188%; } @media (max-width: 1680px) { .platform-circle-animation svg { width: 169%; top: -320px; } } @media (max-width: 1440px) { .platform-circle-animation svg { width: 150%; /* left: -30px; */ } } @media (max-width: 1366px) { .platform-circle-animation svg { /* width: 100%; left: 0; top: 0; */ } } @media (max-width: 1280px){ .platform-circle-animation svg { top: -250px; width: 140%; left: -80px; } } @media (max-width: 1024px) { .platform-circle-animation svg { top: -180px; left: -50px; } } @media (max-width: 980px) { .platform-circle-animation svg { left: -40px; } } @media (max-width: 767px) { .platform-circle-animation svg { position: relative; width: 100%; top: 0; left: 0; margin: -5% 0; } } /* _platform_may2024 */ .platform-2024 .services.platform { background: none; } .platform-2024 .services.platform .back-part{ position: relative; } .platform-2024 .services.platform .back-part:before{ background: #F4F3F3; content: ''; position: absolute; width: 100%; max-width: 69%; height: 100%; right: 0; top: 0;z-index: -1; } .platform-2024 .services.platform .platform-circle-animation svg { left: 69%; transform: translate(-50%, -50%); object-fit: contain; position: absolute; top: 55%; width: 112%; } .platform-2024 .services.platform .back-part .group-container{ flex-wrap: wrap; align-items: initial; } .animated-circles-mod { max-width: 498px; width: 100%; } .animated-circles-mod .static-circles{ display: flex; flex-flow: column wrap; } .animated-circles-mod .circle { display: flex; position: relative; align-items: center; justify-content:center; background: #504D4D; border-radius: 50%; width: 291px; height: 291px; max-width: 22vw; max-height: 22vw; padding: 10%; transition: all .4s ease-in-out; } .animated-circles-mod .circle:before, .animated-circles-mod .circle:after { position: absolute; content: ''; width: 126px; height: 126px; max-width: 15vw; max-height: 15vw; border-radius: 50%; transition: all .6s ease-in-out; background-color: #E32726; z-index: -1; } .animated-circles-mod .circle:after { width: 100%; height: 100%; max-width: 100%; max-height: 100%; background: inherit; top: 0; left:0; } .animated-circles-mod .static-circ1:before { right: -23%; top: -6%; transition-delay: .4s; } .animated-circles-mod .static-circ2:before { width: 78px; height: 78px; max-width: 9vw; max-height: 9vw; left: -24%; bottom: 4%; transition-delay: 1.2s; } .animated-circles-mod .circle img{ width: auto!important; } .animated-circles-mod .static-circ1 { z-index: 5; margin-right: auto; margin-bottom: -31%; width: 286px; height: 286px; } .animated-circles-mod .static-circ2 { background:#383435; z-index: 4; margin-left: auto; margin-bottom: -10%; transition-delay: .8s; max-width: 20vw; max-height: 20vw; } .platform-2024.page .value .row-group .red small{ font-size:.35em; margin-right: -.6em; } .platform-2024.page .value .row-group .red { line-height: 1.5; padding-top: 5px; margin-bottom:0; } .platform-2024 .seamless-integration .back-part:after{ content: ''; display:block; width:59vw; max-width:60%; height: 88%; background: #f4f4f4; position:absolute; right: 0; top:50%; z-index: -1; transform: translateY(-50%); } .platform-2024 .seamless-integration .back-part .row.one:after{ content: unset!important; } .platform-2024 .seamless-integration .animated-circles-mod .circle { transform: scale(.3); opacity: .1; } .platform-2024 .seamless-integration.animate__animated .animated-circles-mod .circle { transform: scale(1); opacity: 1; } .platform-2024 .seamless-integration .animated-circles-mod .static-circ1:before { transform:scale(.1); opacity:.1; } .platform-2024 .seamless-integration.animate__animated .animated-circles-mod .static-circ1:before { transform:scale(1); opacity: 1; } .platform-2024 .seamless-integration .animated-circles-mod .static-circ2:before { transform:scale(.1); opacity:.1; } .platform-2024 .seamless-integration.animate__animated .animated-circles-mod .static-circ2:before { transform:scale(1); opacity: 1; } .platform-2024.page .measure-skill.develop.personalize .back-part:after{ content:unset !important; } .platform-2024 .design-slider .feedback-author{ margin-bottom: .8em; } .platform-2024 .design-slider .feedback-author br{ display:none; } .platform-2024 .design-slider .feedback-text p { max-width: 580px; } .platform-2024 .section.build .row.one .module.two p { margin-bottom: 1.7rem; } .platform-2024 .how-it-works-section .row.two { max-width: 1220px; margin-bottom: 3.25em; } .platform-2024 .how-it-works-section .row.three { text-align: center; } .platform-2024 .features .design-slider .cta-button span{ display:block; } .platform-2024 .features .design-slider .slider-but-container { padding-bottom: 1em; } @media (min-width: 768px){ .platform-2024 .services.platform .back-part .group-container { padding-bottom: 6%; } .platform-2024.page .value .col.one{ padding-top: 5%; } .platform-2024.page .value .row.one .col.one .module { max-width: 1098px; margin-bottom: 2.5em; } .platform-2024.page .value .row-group .row.two { margin-top: 4.35em; padding-bottom: 4.5em; } .platform-2024 .build.features .back-part { padding-top: 55px; } .platform-2024 .seamless-integration .back-part .content-module h2 { margin-bottom: 0.35em; } .platform-2024 .techonology .row.one { align-items:center; } .platform-2024 .techonology .row.one>.row-fluid-wrapper:last-child{ padding-left: 4.6%; } .platform-2024 .animated-circles-mod{ padding: .4em 0 0; max-width: 498px; width: 139%; } .platform-2024 .seamless-integration .back-part .content-module h2+p{ margin-bottom: 2em; } .platform-2024 .services.platform .back-part .group-container>.row-fluid-wrapper:last-child div{ height: 100%; } .platform-2024 .features .back-part>.row-fluid-wrapper:first-child{ margin-bottom: 6em; } .platform-2024.platform-page .build.features:before{ bottom:unset; height: 72%; top: 33%; } .platform-2024 .design-slider .text-title { width: 83%; } .platform-2024 .design-slider .slider-title{ justify-content: inherit; column-gap: 1.75%; } .platform-2024 .design-slider .slider-title .slide-title{ padding: 27px 39px 47px 31px; font-size: 1.335em; width: 25.5% !important; max-width: 290px; line-height: 105%; } .platform-2024 .design-slider .slider-title .slide-title span{ font-size: 1.665em; margin-right: 13%; } .platform-2024 .design-slider .reference-slider-wrapper .text-wrapper{ width: 54%; padding: 18px 0 0 70px; } .platform-2024 .design-slider .reference-slider-wrapper .movie-wrapper { width: 46%; } .platform-2024.page .section.measure-skill.develop.personalize .back-part{ overflow: hidden; padding: 8% 0 7%; } .platform-2024.page .section.measure-skill.develop.personalize .row.one>.row-fluid-wrapper:first-of-type{ width: 50%; margin-right: 3.5%; } .platform-2024.page .section.measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(2){ width: 46.5%; } .platform-2024.page .section.measure-skill.develop.personalize .column-media { max-width: 50vw; width: 169%; position: relative; left: 68%; transform: translateX(-50%); } .platform-2024.page .value .row-group .text-module.blurb .row-fluid{ column-gap: 2%; justify-content:space-between; } .platform-2024.page .value .row-group .text-module.blurb .row-fluid:after, .platform-2024.page .value .row-group .text-module.blurb .row-fluid:before{ content: unset; } .platform-2024.page .value .row-group .bl-col{ margin-right:0!important; max-width: 300px; } .platform-2024.page .value .row-group .row.two .blurb{ margin: 2.2em auto 0; float: none; max-width: 1115px; } } @media (min-width: 1500px){ .platform-2024 .features .design-slider .slider-head{ padding-left: 9.4em; } .platform-2024 .features .design-slider .text-title { width: 84.5%; } .platform-2024 .build.features .back-part{ padding-bottom:12px; } } @media (max-width: 1440px) { .platform-2024 .services.platform .platform-circle-animation svg { width: 95%; left: 55%; } } @media (max-width: 1280px){ .platform-2024 .animated-circles-mod{ left:50%; transform: translateX(-50%); width: 115%; position: relative; } } @media (max-width: 767px){ .platform-2024 .techonology .row.one .col.two{ display:block; margin : 2.5em auto; } .platform-2024 .animated-circles-mod .circle{ min-width: 12rem; min-height: 12rem; } .platform-2024 .animated-circles-mod .static-circ2{ min-width: 10rem; min-height: 10rem; } .platform-2024 .animated-circles-mod .static-circ2:before{ min-height: 50px ; min-width: 50px; } .platform-2024 .animated-circles-mod{ max-width: 365px; } .platform-2024 .animated-circles-mod .static-circ1:before{ max-height: 24vw; max-width: 24vw; } .platform-2024 .animated-circles-mod .static-circ2:before{ max-height: 20vw; max-width: 20vw; } .platform-2024 .techonology .row.one .col.one { width: 100%; } .platform-2024 .techonology .animated-circles--text-mod { display:none; } .platform-2024 .section.measure-skill.develop .panel-label-anim, .platform-2024 .how-it-works-section .panel-label-anim, .platform-2024.page .expertise .content-module .panel-label-anim{ padding-bottom: 3.5em; } .platform-2024.page .section.measure-skill .back-part { padding-bottom: 0; } .platform-2024.page .design-slider .slider-title .slide-title br { display: none; } .platform-2024.page .build .panel-label-anim { margin: 0 0 -2em; } .platform-2024.page .section.value { padding-bottom: 20px; } .platform-2024.page .value .row-group .row.two { margin-top: 4em; } .platform-2024.page .value .row-group .row.two .blurb { margin-top: 30px; } .platform-2024.page .value .row-group .bl-col { margin-bottom: 3em !important; } .platform-2024 .services.platform .back-part .group-container{ flex-direction: column-reverse; } .platform-2024 .services.platform .back-part .group-container>.row-fluid-wrapper:last-child { margin-top: 0; } .platform-2024 .services.platform .platform-circle-animation svg { margin: 0!important; position:static; transform: unset; width: 100%; max-width: 420px; } .platform-2024 .techonology.seamless-integration .row.one .col.one{ padding-top: 0; } .platform-2024 .seamless-integration .back-part:after{ height: calc(100% - 25px); top:0; transform:unset; width:100%; max-width:100%; } } @media (max-width: 480px) { .platform-2024 .services.platform .platform-circle-animation svg { max-width: 75%; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .blog-page.hs-content-id-29943979834 .body-container-wrapper > .body-container > .row-fluid-wrapper > .row-fluid > #fullpage .post-content > .row-fluid-wrapper > .row-fluid > .row { float: none; margin: 0 auto; width: 100%; max-width: 100%; } .blog-page.hs-content-id-29943979834 .section.post-resources { display: none; } .case-study #fullpage.content-part { background-repeat: repeat; } .case-study .section { } .case-study #fullpage .section .row { max-width: 1280px; } .case-study #fullpage.content-part .panel-label { margin: 0 0 -7em -2.2em; } .case-study #fullpage.content-part .section-label { font-size: 1.777em; color: #7B7979; text-transform: uppercase; font-weight: 700; font-family: 'Catamaran',sans-serif; margin-bottom: .5em; } .case-study #fullpage.content-part h1 { font-size: 3.555em; font-weight: 900; } .case-study #fullpage.content-part h2 { font-size: 3em; font-weight: 900; } .case-study #fullpage.content-part p { font-size: 1.111em; line-height: 155%; margin-bottom: 1.4em; } .case-study #fullpage.content-part img { max-width: 100%; } .case-study #fullpage.content-part p strong { font-weight: 700; } .case-study #fullpage.content-part p:last-child { margin-bottom: 0; } .case-study #fullpage.content-part ul { padding: 0; margin: 0 0 1em; } .case-study #fullpage.content-part li { font-size: 1.111em; line-height: 150%; position: relative; list-style: none; margin: 0 0 0.5em; } .case-study #fullpage.content-part .case-study-section li { padding-left: 0; } .case-study #fullpage.content-part .case-study-section li::after { width: 0; height: 0; background-color: transparent; } /* .case-study #fullpage.content-part li::before { position: absolute; content: ''; left: 0; top: 15px; background-color: #E32726; border-radius: 50%; width: 5px; height: 5px; } */ .case-study #fullpage.content-part .red { color: #E32726; } .case-study #fullpage .case-study-section { position: relative; z-index: 1; padding-bottom: 40px; padding-top: 0px !important; } .case-study #fullpage .case-study-section::after { position: absolute; content: ''; left: 0; bottom: 0%; width: 81%; height: 94%; z-index: -2; background-color: #F4F3F3; } .case-study #fullpage .case-study-section h2 { margin-bottom: 1em; } .case-study #fullpage .case-study-section h3 { font-size: 1.333em; font-weight: 900; margin-bottom: .6em; } .case-study #fullpage .case-study-section h3.last { margin-top: 2em; } .case-study #fullpage .case-study-section p { padding-right: 1em; } .case-study #fullpage .case-study-section .social { margin-bottom: 1.4em; } .case-study #fullpage .case-study-section .row { display: flex; } .case-study #fullpage .case-study-section .row.one { margin: 2.5% auto 6.5%; } .case-study #fullpage .case-study-section .row >.row-fluid-wrapper:first-child { width: 48.5%; margin-right: 2%; } .case-study #fullpage .case-study-section .row >.row-fluid-wrapper:last-child { width: 51.5%; } .case-study #fullpage .case-study-section .row.two >.row-fluid-wrapper:first-child { width: 42%; margin-right: 8%; } .case-study #fullpage .case-study-section .row.two >.row-fluid-wrapper:last-child { width: 52%; } .case-study #fullpage .case-study-section .row.two .col.two p { margin-bottom: 2em; } .case-study #fullpage .case-study-section .row.two .col.two .red { font-weight: 700; } .case-study #fullpage .case-study-section .row.two .col.two .module.one { margin-top: 3em; padding-right: 20%; } .case-study #fullpage .challenges { padding: 90px 0; } .case-study #fullpage .challenges .row.two{ display: flex; flex-wrap: wrap; max-width: 1060px; } .case-study #fullpage .challenges h2 { margin-bottom: .8em; } .case-study #fullpage .challenges .row.one { max-width: 1220px; } .case-study #fullpage .challenges .row.two { display: flex; max-width: 1060px; } .case-study #fullpage .challenges .row.two >.row-fluid-wrapper:first-child { width: 48%; margin-right: 4%; } .case-study #fullpage .challenges .row.two >.row-fluid-wrapper:last-child { width: 48%; } .case-study .solution { } .case-study #fullpage .solution { position: relative; z-index: 1; padding-top: 60px; } .case-study #fullpage .solution::after { position: absolute; content: ''; left: 0; top: 0; width: 69%; height: 27%; z-index: -1; background-color: #F4F3F3; } .case-study #fullpage .solution h2 { margin-bottom: .3em; } .case-study #fullpage .solution h3 { /* font-size: 1.777em; */ margin-bottom: .6em; } .case-study #fullpage .solution h3{ font-size: 1.333em; font-weight: 900; } .case-study #fullpage .solution .row { margin-bottom: 4.5em; max-width: 1220px; } .case-study #fullpage .solution .row.one .col.one { max-width: 820px; } .case-study #fullpage .solution .row.one { margin-bottom: 3.5em; } .case-study #fullpage .solution .row.two { display: flex; max-width: 1060px; margin-bottom: 0; } .case-study #fullpage .solution .row.two >.row-fluid-wrapper:first-child { width: 48%; margin-right: 4%; } .case-study #fullpage .solution .row.two >.row-fluid-wrapper:last-child { width: 48%; } .case-study #fullpage .solution .row.three p.no-sol-col { margin-top: -3em; } .case-study #fullpage .solution .row.three p { margin-bottom: 1em; } .case-study #fullpage .solution .row.three ul { padding-left: 2.8em; margin: 0 0 2em; } .case-study #fullpage .solution .row.three img { margin: 2.5em 0; } .case-study #fullpage .solution .row.three .gray-box { background-color: #F4F3F3; font-size: 1.777em; font-weight: 900; font-family: 'Catamaran',sans-serif; padding: 2.3em 1.7em; line-height: 140%; margin-top: 3em; } .case-study .result { } .case-study #fullpage .result .row { max-width: 1220px; } .case-study #fullpage .result .blurbs { max-width: 820px; margin: 3% auto 1%; } .case-study #fullpage .result .blurbs h3 { font-size: 1.7777em; text-align: center; font-family: 'Catamaran',sans-serif; font-weight: 900; line-height: 130%; margin-bottom: 0; } .case-study #fullpage .result .blurbs p { font-size: 1em; } .case-study #fullpage .result .blurbs .red { display: block; font-size: 1.56em; } .case-study #fullpage .result .blurb { text-align: center; } .case-study #fullpage .result .blurbs .col { display: flex; } .case-study #fullpage .result .blurbs .col>.row-fluid-wrapper { width: 45%; margin-right: 10%; } .case-study #fullpage .result .blurbs .col>.row-fluid-wrapper:last-child { margin-right: 0; } .case-study #fullpage .result .blurbs .col.one { margin-bottom: 12%; } .case-study #fullpage .result .row.three { margin-bottom: 3em; } .case-study #fullpage .result .row.three h3 { font-size: 1.333em; font-weight: 900; margin-bottom: .6em; margin-top: 2.3em; } .case-study #fullpage .result .row.three ul { padding-left: 0; margin: 1em 0; } .case-study #fullpage .result .row.three li { margin-bottom: 1.6em; } .case-study #fullpage .next-case-study { background-color: #F4F3F3; padding: 20px 0 140px; } .case-study #fullpage .main-footer { background-color: #F4F3F3; } .case-study #fullpage .next-case-study .row { display: flex; align-items: center; max-width: 1000px; } .case-study #fullpage .next-case-study .panel-label { padding: 0 1em 4em 0; } .case-study #fullpage .next-case-study h2 { font-size: 3.555em; margin-bottom: .5em; } .case-study #fullpage .next-case-study .module.image { padding-top: 2em; text-align: right; } .case-study #fullpage .next-case-study .row >.row-fluid-wrapper:first-child { width: 78%; margin-right: 5%; } .case-study #fullpage .next-case-study .row >.row-fluid-wrapper:last-child { width: 17%; } @media(max-width: 1200px) { .case-study #fullpage.content-part h2 { font-size: 2em; } .case-study #fullpage .case-study-section h3 { font-size: 1.333em; } .case-study #fullpage .case-study-section .row.two .col.two p { margin-bottom: 1.3em; } .case-study #fullpage.content-part .section-label { font-size: 1.333em; } .case-study #fullpage .solution .row.three .gray-box { background-color: #f4f3f3; font-size: 1.333em; } .case-study #fullpage .result .blurbs .red { display: block; font-size: 1.26em; } .case-study #fullpage .result .blurbs h3 { font-size: 1.333em; } .case-study #fullpage .result .row.three h3 { font-size: 1.333em; } .case-study #fullpage .next-case-study h2 { font-size: 3.111em;} } @media(max-width:980px) { .case-study #fullpage .challenges .row.two>.row-fluid-wrapper:first-child, .case-study #fullpage .solution .row.two>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; margin-bottom: 1.4em; } .case-study #fullpage .challenges .row.two>.row-fluid-wrapper:last-child, .case-study #fullpage .solution .row.two>.row-fluid-wrapper:last-child { width: 100%; } .case-study #fullpage .next-case-study h2 { font-size: 2.611em; } .case-study #fullpage .solution .row.two { flex-wrap: wrap; } } @media(max-width: 768px) { .case-study #fullpage .result .blurbs .col>.row-fluid-wrapper { width: 100%; margin-right: 0; } .case-study #fullpage .result .blurbs .col>.row-fluid-wrapper { margin-bottom: 2em; } .case-study #fullpage .result .blurbs .col { margin-bottom: 0em; flex-wrap: wrap; } .case-study #fullpage.content-part h1, .case-study #fullpage.content-part h2 { font-size: 1.555em; } .case-study #fullpage .case-study-section .row { display: flex; flex-wrap: wrap; } .case-study #fullpage .case-study-section .row>.row-fluid-wrapper:first-child, .case-study #fullpage .case-study-section .row.two>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; margin-bottom: 2em; } .case-study #fullpage .case-study-section .row>.row-fluid-wrapper:last-child, .case-study #fullpage .case-study-section .row.two>.row-fluid-wrapper:last-child { width: 100%; } .case-study #fullpage.content-part .section-label { font-size: 1em; } .case-study #fullpage .solution h3 { font-size: 1.333em; } .case-study #fullpage.content-part p, .case-study #fullpage.content-part li { font-size: 14px; } .case-study #fullpage .next-case-study { background-color: #f4f3f3; padding: 20px 0 40px; } .case-study #fullpage .next-case-study h2 { font-size: 1.333em; } .case-study #fullpage .next-case-study .panel-label { padding: 0px 0em 3em 17px } .case-study #fullpage .result .row.three h3 { font-size: 1.11em; margin-top: 1.3em; } .case-study #fullpage .result .blurbs p { font-size: 14px; } .case-study #fullpage .solution .row.three ul { padding-left: 1.8em; margin: 0em 0 2em; } .case-study #fullpage .solution .row.three .gray-box { background-color: #f4f3f3; font-size: 1.111em; } .case-study #fullpage .solution .row, .case-study #fullpage .solution .row.three p { margin-bottom: 1em; } .case-study #fullpage .case-study-section .row.two .col.two .module.one { margin-top: 1em; } } /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ .challenges { } @media (max-width: 1440px){ .challenges .content-part-special .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .challenges .content-part-special .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .challenges .content-part-special .section { font-size: .7rem !important; } } @media (max-width: 980px){ .challenges .content-part-special .section { font-size: .65rem !important; } } @media (max-width: 768px){ .challenges .content-part-special .section { font-size: .60rem !important; } } @media (max-width: 480px){ .challenges .content-part-special .section { font-size: .50rem !important; } } @media (max-width: 1440px){ .challenges .content-part-special p { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .challenges .content-part-special p { font-size: 1rem !important; } } @media (max-width: 1024px){ .challenges .content-part-special p { font-size: 0.9rem !important; } } @media (max-width: 980px){ .challenges .content-part-special p { font-size: 0.9rem !important; } } @media (max-width: 1440px){ .cta-button { font-size: .88rem !important; } } @media (max-width: 1280px){ .cta-button { font-size: .82rem !important; } } @media (max-width: 1024px){ .cta-button { font-size: .75rem !important; } } @media (max-width: 980px){ .cta-button { font-size: .7rem !important; } } .challenges .content-part-special .row { float: none; width: 85%; margin: 0 auto; } @media (max-width: 768px){ .challenges .content-part-special .row { width: 90%; } } .challenges .page-hero-section::after { height: 78%; } .challenges .page-hero-section .row .panel-title { white-space: nowrap; } .challenges .page-hero-section .row .panel-label-anim { margin: 0 0 -7em -2.6em; padding: 2.3em 0 6em 2.8em; } .challenges .page-hero-section .row.one .col.one .module { max-width: 100%; } .challenges .content-part-special h1 { font-size: 4em; font-weight: 900; line-height: 110%; } @media (max-width: 1550px) { .challenges .content-part-special h1 { font-size: 3.6em; } } @media (max-width: 1440px){ .challenges .content-part-special h1 { font-size: 3.6em !important; } } @media (max-width: 1280px){ .challenges .content-part-special h1 { font-size: 3.5em !important; } } @media (max-width: 1024px){ .challenges .content-part-special h1 { font-size: 3.4em !important; } } @media (max-width: 980px){ .challenges .content-part-special h1 { font-size: 3em !important; } } @media (max-width: 767px) { .challenges .content-part-special h1 { font-size: 28px !important; } } .challenges .content-part-special h2 { font-size: 3.555em; font-weight: 900; margin-bottom: .5em; } .challenges .content-part-special h3 { font-size: 1.77em; } .challenges .content-part-special p { font-size: 1.111em; line-height: 150%; } .challenges .page-hero-section p { font-size: 1.555em; padding-right: 10%; line-height: 140%; } @media (max-width: 1440px){ .challenges .page-hero-section p { font-size: 1.444em !important; } } @media (max-width: 1280px){ .challenges .page-hero-section p { font-size: 1.333em !important; } } @media (max-width: 1024px){ .challenges .page-hero-section p { font-size: 1.333em !important; } } @media (max-width: 980px){ .challenges .page-hero-section p { font-size: 1.2222em !important; } } .challenges .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 48.5%; margin-right: 4%; } .challenges .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 48.5%; } @media (max-width: 768px){ .challenges .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .challenges .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 100%; } } .challenges .challenges-section .row { max-width: 1220px; } .challenges .challenges-section .blurbs { padding-left: 4.4em; } .challenges .challenges-section .blurbs .module.text { margin-bottom: 4em; } .challenges .challenges-section .blurbs .group-module { display: flex; margin-bottom: 4.5em; } .challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper { width: 25%; margin-right: 12.5%; } .challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper:last-child { margin-right: 0; } .challenges .challenges-section .blurb-box h3 { font-family: 'Karla', sans-serif; font-size: 20px; font-weight: 700; line-height: 160%; margin-bottom: .9em; } .challenges .challenges-section .blurb-box .red { display: block; font-family: 'Catamaran',sans-serif; font-size: 4em; font-weight: 900; line-height: 100%; margin-bottom: .2em; color: #E32726 } .challenges .challenges-section .blurb-box .title-cap { font-size: .8888em; line-height: 170%; } .challenges .solution { } .challenges .solution .row { } .challenges .solution .row.one { position: relative; width: 100%; padding: 3em 0 0; } .challenges .solution .row.one .group-module { position: relative; max-width: 1220px; width: 90%; float: none; margin: 0 auto; display: flex; } .challenges .solution .panel-label-anim { z-index: 1; } .challenges .solution .row.one .group-module>.row-fluid-wrapper { width: 49%; margin-right: 2%; } .challenges .solution .row.one .group-module>.row-fluid-wrapper:last-child { margin-right: 0; } .challenges .solution .row.one .col.two .module.one { padding-top: 6.8em; } .challenges .solution .row.one .col.two p { margin-bottom: 1.5em; } .challenges .solution .row.one::after { position: absolute; content: ''; width: 62%; height: 100%; left: 0; top: 0; background-color: #F4F3F3; z-index:-1; } .challenges .solution .row .cta-button { margin-top: .5em; } .challenges .solution .row .cta-button a { padding-right: 5.5em; } .challenges .solution .row.two { max-width: 1220px; /* 1580px */ padding: 190px 0 120px; } .challenges .solution .row.two .col { display: flex; } .challenges .solution .row.two .col { } .challenges .solution .row.two .col>.row-fluid-wrapper { width: 46%; /* 28% */ margin-right: 8%; } .challenges .solution .row.two .col>.row-fluid-wrapper:last-child { margin-right: 0; } .challenges .solution .row.two > .row-fluid-wrapper > .row-fluid { height: 100% } .challenges .solution .row.two .col > .row-fluid-wrapper, .challenges .solution .row.two .col > .row-fluid-wrapper > .row-fluid { height: 100%; } .challenges .solution .row.two h3 { font-size: 2em; position: relative; font-weight: 800; padding-bottom: .7em; margin-bottom: .5em; } .challenges .solution .row.two p { /* max-width: 430px; */ line-height: 155%; } .challenges .solution .row.two .col.one .module { margin-bottom: 4.5em; } .challenges .solution .row.two h3::after { position: absolute; content: ''; width: 15%; height: 5px; background-color: #E32726; left: 0; bottom: 0; } .challenges .solution .row.two h3::before { position: absolute; content: ''; width: 3.61em; height: 3.61em; top: -.8em; left: -.6em; border: 1px solid #7b7979; border-radius: 50%; opacity: .1; } .challenges .testimonial .back-part { margin-bottom: 140px; } .challenges .testimonial .row .panel-label-anim { padding-bottom: 8em; text-align: center; margin: 0 0 -8em 0; padding: 2.3em 0 8em 0; } .challenges .testimonial .row .panel-title { margin: 0 auto; } .challenges .testimonial h2 { text-align: center; margin-bottom: .7em; } .challenges .testimonial blockquote { text-align: center; font-size: 1.777em; font-weight: 500; font-family: 'Catamaran',sans-serif; padding: 1.5em 2em; line-height: 135%; } .challenges .testimonial .row { max-width: 1100px; } .challenges .testimonial .col { display: flex; align-items: center; flex-direction: column; } .challenges .resours h2 { margin-bottom: .7em; } .challenges .resours .resources-posts { margin-bottom: 3em; } @media (max-width: 1024px){ .challenges .challenges-section .blurb-box .red { font-size: 40px; } .challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper { width: 25%; margin-right: 8.5%; } .challenges .content-part-special h2 { font-size: 2.77em; } .challenges .solution .row.one .col.two p { margin-bottom: 1.11em; } .challenges .solution .row.two { max-width: 1220px; padding: 100px 0 100px; } .challenges .content-part h2 { font-size: 2.555em; } } @media (max-width: 980px){ .challenges .content-part h1 { font-size: 35px; line-height: 125% !important; } .challenges .content-part h2 { font-size: 28px !important; line-height: 125% !important; margin-bottom: .45em; } .challenges .content-part p { font-size: 16px; line-height: 160% !important; } .challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper { width: 28%; margin-right: 6.5%; } } @media (max-width: 768px){ .challenges .content-part h1 { font-size: 28px; line-height: 125% !important; } .challenges .content-part h2 { font-size: 28px; line-height: 125% !important; margin-bottom: .45em; } .challenges .content-part p { font-size: 14px; line-height: 160% !important; } .challenges .testimonial blockquote { text-align: center; font-size: 16px; padding: 0.5em 2em; } .challenges .solution .row.two h3 { font-size: 26px; } .challenges .content-part-special p { font-size: 14px!important; } .page.challenges .techonology .row.two h3 { font-size: 18px; } .page.challenges .techonology .row.two .col { margin-bottom: 2.5em; } .challenges .solution .row.one .group-module { position: relative; flex-wrap: wrap; } .challenges .solution .row.one .group-module>.row-fluid-wrapper { width: 100%; margin-right: 0; } .challenges .solution .row.one .col.two .module.one { padding-top: 2.8em; } .page.challenges .page-hero-section .row.one .col.two { margin-top: 30px; } .challenges .testimonial .back-part { margin-bottom: 80px; } .challenges .content-part-special h2 { font-size: 28px; } .challenges .panel-label-anim { font-size: 7px; } .page.challenges .resources-posts .col.two .post-title, .page .resources-posts .col.one .post-title { font-size: 20px !important } .challenges .challenges-section .blurb-box h3 { font-size: 16px; line-height: 1.2; margin-bottom: .3em; } .challenges .challenges-section .blurb-box .red { font-size: 2.3em; } .challenges .content-part-special h2 br { display: none; } } @media (max-width: 480px){ .challenges .challenges-section .blurb-box h3 { font-size: 14px; line-height: 1.2; } .challenges .solution .row.two { padding: 50px 0; } .challenges .testimonial .back-part { margin-bottom: 50px; } .challenges .challenges-section .blurbs { padding-left: 0; } .challenges .solution .row.two .col>.row-fluid-wrapper { width: 100%; margin-right: 0; } .challenges .solution .row.two .col { display: flex; flex-wrap: wrap; } .challenges .solution .row.two .col .module { margin-bottom: 3em !important; } .challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper { width: 100%; margin-right: 0; margin-bottom: 2em; } .challenges .challenges-section .blurbs .group-module { display: flex; flex-wrap: wrap; margin-bottom: 3.5em; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ @media (max-width: 1439px){ .methodology .content-part .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .methodology .content-part .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .methodology .content-part .section { font-size: .7rem !important; } } @media (max-width: 980px){ .methodology .content-part .section { font-size: .65rem !important; } } @media (max-width: 767px){ .methodology .content-part .section { font-size: .777em !important; } } @media (max-width: 479px){ .methodology .content-part .section { font-size: .777em !important; } } @media (max-width: 1439px){ .methodology .content-part p { font-size: 1.111em !important; } } @media (max-width: 1280px){ .methodology .content-part p { font-size: 1rem !important; } } @media (max-width: 1024px){ .methodology .content-part p { font-size: 18px !important; } } @media (max-width: 980px){ .methodology .content-part p { font-size: 16px !important; } } @media (max-width: 767px){ .methodology .content-part p { font-size: 14px !important; } } @media (max-width: 479px){ .methodology .content-part p { font-size: 14px !important; } } @media (max-width: 1439px){ .cta-button { font-size: .88rem !important; } } @media (max-width: 1280px){ .cta-button { font-size: .82rem !important; } } @media (max-width: 1024px){ .cta-button { font-size: .75rem !important; } } @media (max-width: 980px){ .cta-button { font-size: .7rem !important; } } .methodology { } .methodology .content-part { } .methodology .section .row .panel-label { display: block; padding: 0; padding-left: 2.2em; padding-top: 6em; margin: 0 0 -7em -2.2em; } .methodology .content-part h1 { font-size: 4em; font-weight: 900; line-height: 110%; } .methodology .content-part h2 { font-size: 3.555em; font-weight: 900; } .methodology .content-part h3 { font-size: 1.77em; } .methodology .content-part p { font-size: 1.111em; } .methodology .page-hero-section::after { height: 65%; } .methodology .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 48%; margin-right: 5%; } .methodology .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 47%; } .methodology .page-hero-section p { font-size: 1.555em; max-width: 600px; line-height: 140%; } .methodology .model { } .methodology .model::after { position: absolute; content: ''; width: 87%; height: calc(100% - 5em); left: 0; top: 5em; background-color: #f4f3f3; z-index: -1; } .methodology .model .row .panel-label { text-align: center; display: flex; margin: 0 auto -7%; padding: 0; padding-bottom: 4em; } .methodology .model .panel-label-anim { margin: 0 auto -6.5em; padding-bottom: 6.5em; padding-left: 0; justify-content: center; } .methodology .model .row .panel-label::after { left: 0; } .methodology .model .row { max-width: 1220px; } .methodology .model .row.one { text-align: center; margin-bottom: 5em; } .methodology .model .row.one h2 { margin-bottom: .8em; } .methodology .model .row.one p { max-width: 1010px; margin: 0 auto; line-height: 150%; } .methodology .methodology-slider { display: flex; align-items: center; margin-bottom: 1.5em; } .methodology .slider-wrapper { padding-bottom: 7%; } .methodology .methodology-slider > div { width: 45.5%; margin-right: 3%; } .methodology .methodology-slider .custom-pager { background-repeat: no-repeat; background-position: 6px center; background-size: auto; background: url(https://www.etu.co/hubfs/logo-meth-1.svg); } .methodology .methodology-slider > div:last-child { width: 51.5%; margin-right: 0; } .methodology .methodology-slider .slide { position: relative !important; width: auto !important; padding-left: 3em; } .methodology .methodology-slider .slide-num { font-size: 13.888em; font-weight: 900; font-family: 'Catamaran',sans-serif; color: #E9E8E8; margin-bottom: -.8em; margin-left: -.2em; } .methodology .methodology-slider .slide-title { font-size: 3.555em; font-weight: 900; margin-bottom: .3em; } .methodology .methodology-slider .slide-description { font-size: 1.111em; line-height: 155%; margin-bottom: 4em; } .methodology .outcomes { padding-top: 50px; } .methodology .outcomes .row { max-width: 1220px; } .methodology .outcomes .row.one p { line-height: 155%; padding-left: 4em; max-width: 1100px; margin-bottom: 3em; } .methodology .outcomes .row.one img { width: 105% !important; max-width: 105%; height: auto; margin-left: -2.5%; } .methodology .outcomes .blurbs { display: flex; max-width: 1100px; margin-top: 1em; margin-bottom: 3.2em; } .methodology .outcomes .blurbs>.row-fluid-wrapper { width: 28%; margin-right: 8%; } .methodology .outcomes .blurbs>.row-fluid-wrapper:last-child { margin-right: 0; } .methodology .outcomes .blurbs h3 { text-align: center; font-size: 1.111em; font-weight: 800; max-width: 1160px; position: relative; line-height: 170%; z-index: 1; } .methodology .outcomes .blurbs h3::before { position: absolute; content: ''; width: 6.5em; height: 6.5em; top: -2em; left: 50%; transform: translateX(-50%); border: 1px solid #231F20; border-radius: 50%; opacity: .1; z-index: -1; } .methodology .outcomes .blurbs .red { display: block; text-align: center; font-size: 2.5em; font-weight: 900; margin-bottom: .2em; } .methodology .outcomes .row.three { text-align: center; } .methodology .science { padding: 80px 0 120px; } .methodology .science h2 { margin-bottom: .7em; } .methodology .science .row { max-width: 1540px; } .methodology .science .row.one { display: flex; padding-left: 1%; } .methodology .science .row.one .col.one { padding-left: 2%; } .methodology .science .row.one>.row-fluid-wrapper:first-child { width: 46%; margin-right: 3%; } .methodology .science .row.one>.row-fluid-wrapper:last-child { width: 51%; } .methodology .science .blurbs { display: flex; flex-wrap: wrap; padding-top: 7em; } .methodology .science .blurbs>.row-fluid-wrapper { width: 47%; margin-bottom: 12%; } .methodology .science .blurbs>.row-fluid-wrapper:nth-child(odd){ margin-right: 6%; } .methodology .science .blurbs>.row-fluid-wrapper:last-child { margin-bottom: 0; } .methodology .science .blurbs>.row-fluid-wrapper:nth-last-child(2) { margin-bottom: 0; } .methodology .science .blurbs h3 { font-size: 2em; font-weight: 800; position: relative; padding-bottom: .9em; margin-bottom: .5em; } .methodology .science .blurbs h3::after { position: absolute; content: ''; width: 15%; height: 5px; background-color: #E32726; left: 0; bottom: 0; } .methodology .science .blurbs h3::before { position: absolute; content: ''; width: 3.61em; height: 3.61em; top: -.8em; left: -.6em; border: 1px solid #7b7979; border-radius: 50%; opacity: .1; } .methodology .science .blurbs p { line-height: 155%; } .methodology .resours h2 { margin-bottom: .7em; } .methodology .resours .resources-posts { margin-bottom: 3em; } @media (max-width: 1280px){ .methodology .methodology-slider>div.custom-pager { transform: scale(0.7); margin-left: -7%; margin-right: 5%; } .methodology .methodology-slider .slide-title { font-size: 2.5em; } } @media (max-width: 980px){ .methodology .science .row.one { display: flex; flex-wrap: wrap; padding-left: 0; } .methodology .science .row.one>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; 3%: ; } .methodology .science .row.one>.row-fluid-wrapper:last-child { width: 100%; } .methodology .methodology-slider>div.custom-pager { transform: scale(0.6); margin-left: -10%; margin-right: 6%; width: 50.5%; } .methodology .content-part h1 { font-size: 3em; line-height: 125% !important; } .methodology .science { padding: 70px 0 80px; } .methodology .content-part h2 { font-size: 2.555em; line-height: 125% !important; margin-bottom: .45em; } .methodology .content-part p { line-height: 160% !important; } .methodology .methodology-slider .slide-title { font-size: 2em; } } @media (max-width: 767px){ .methodology .methodology-slider .slide-description { font-size: 14px; line-height: 160% ; } .page.methodology .resources-posts .col.two .post-title { font-size: 20px !important; } .methodology .science .blurbs h3 { font-size: 1.33em; } .page.methodology .section .resources-posts .post-tags { font-size: 10px !important; } .methodology .content-part h1 { line-height: 125% !important; } .methodology .science { padding: 50px 0; } .methodology .content-part h2, .methodology .content-part h1 { font-size: 28px; line-height: 125% !important; margin-bottom: .45em; } .methodology .content-part p { font-size: 14px; line-height: 160% !important; } .methodology .methodology-slider { margin-top: -20%; flex-wrap: wrap; } .methodology .methodology-slider>div.custom-pager { transform: scale(0.6); margin-left: 0; margin-right: 0; margin-bottom: -21%; width: auto; left: 50%; position: relative; transform: translateX(-50%) scale(0.6); } .methodology .methodology-slider>div:last-child { margin-right: 0; margin-bottom: -6em; } .methodology .methodology-slider .slide { padding-left: 1em; } .methodology .panel-label-anim { letter-spacing: 2px; z-index: 9; } .methodology .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .methodology .methodology-slider>div:last-child { width: 100%;} .methodology .methodology-slider .slide-description { margin-bottom: 3em; } } @media (max-width: 479px){ .methodology .methodology-slider .slide-num { font-size: 8.888em; } .methodology .methodology-slider>div.custom-pager { margin-bottom: -9em; width: auto; position: relative; transform: translateX(-50%) scale(0.5); } .methodology .methodology-slider { margin-top: -10em; } .methodology .methodology-slider .slide-title { font-size: 28px; } .methodology .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 100%; } .page .page-hero-section .row.one .col.two { margin-top: 3em; } .methodology .science .blurbs>.row-fluid-wrapper { width: 100%; margin-bottom: 2em !important; margin-right: 0 !important; } .methodology .science .blurbs { padding-top: 4em; } .methodology .outcomes .row.one p { line-height: 155%; padding-left: 0; } .methodology .resours .resources-posts { margin-bottom: 0; } } /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ .sims .content-part-special .section { overflow-x: hidden; overflow-y: hidden; /* SD added */ } @media (max-width: 1440px){ .sims .content-part-special .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .sims .content-part-special .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .sims .content-part-special .section { font-size: .7rem !important; } } @media (max-width: 980px){ .sims .content-part-special .section { font-size: .65rem !important; } } @media (max-width: 767px){ .sims .content-part-special .section { font-size: .55rem !important; } } @media (max-width: 480px){ .sims .content-part-special .section { font-size: .45rem !important; } } .sims .content-part-special .row { margin: 0 auto; float: none; } .sims .content-part-special .back-part { } .sims .content-part-special h1 { font-size: 4em; font-weight: 900; } .sims .content-part-special h2 { font-size: 3.555em; font-weight: 900; } .sims .content-part-special p { font-size: 1.111em; line-height: 155%; } .sims .content-part-special .cta-button { white-space:nowrap; } @media (max-width: 1440px){ .sims .content-part-special p { font-size: 1.111rem !important; } } @media (max-width: 1280px){ .sims .content-part-special p { font-size: 1rem !important; } } @media (max-width: 1024px){ .sims .content-part-special p { font-size: 0.9rem !important; } } @media (max-width: 980px){ .sims .content-part-special p { font-size: 0.85rem !important; } } .sims .simulation { } .sims .simulation::after { position: absolute; content: ''; width: 78%; height: 90%; font-size: inherit; left: 0; top: 0; background-color: #F4F3F3; z-index: -1; } @media (max-width: 980px){ .sims .simulation::after { width: 65%; height: 85%; left: initial; right: 0; } } .sims .simulation .row.one { display: flex; align-items: center; } .sims .simulation .row.one .col.two { --animate-duration: 2000ms; text-align: right; } @media (max-width: 980px){ .sims .simulation .row.one { flex-direction: column; margin: 40px 0; } } .sims .simulation .row.one .panel-label-anim { z-index: 1; margin: 0 0 -7em -2.6em; padding: 2.3em 0 6.5em 2.8em; } @media (max-width: 980px){ .sims .panel-label-anim, .sims .simulation .row.one .panel-label-anim { font-size: .6rem; width: 10em; height: 10em; margin-bottom: -5em; padding-bottom: 5em; } } @media (max-width: 767px){ .sims .panel-label-anim, .sims .simulation .row.one .panel-label-anim{ font-size: .5rem; } } @media (max-width: 480px){ .sims .panel-label-anim, .sims .simulation .row.one .panel-label-anim{ font-size: .4rem; } } .sims .simulation .row.one h1 { z-index: 2; position: relative; margin-bottom: .2em; } @media (max-width: 1280px){ .sims .simulation .row.one h1 { font-size: 3.8em; } } .sims .simulation .row.one p { font-size: 1.555em !important; line-height: 140%; padding-right: 5%; } @media (max-width: 1280px){ .sims .simulation .row.one p { font-size: 1.444em !important; } } @media (max-width: 1024px){ .sims .simulation .row.one p { font-size: 1.333em !important; } } .sims .simulation .row.one .col.one { margin-left: auto; float: none; margin-right: -10%; padding-left: 5%; max-width: 650px; padding-bottom: 7em; } @media (max-width: 980px){ .sims .simulation .row.one p { font-size: 1.555em !important; } .sims .simulation .row.one .col.one > .row-fluid-wrapper { max-width: 650px; width: 90%; } .sims .simulation .row.one .col.one { margin: 0; padding: 0; max-width: 100%; width: 90%; margin: 0 auto; } } @media (max-width: 767px){ .sims .simulation .row.one p { font-size: 0.9rem !important; } } @media (max-width: 480px){ .sims .simulation .row.one p { font-size: 0.8rem !important; } } @media (max-width: 980px){ .sims .simulation .row.one .col.two { max-width: 750px; margin-left: auto; float: none; margin-top: -5em; width: 85%; } } @media (max-width: 767px){ .sims .simulation .row.one .col.two { margin-top: -2em; } } .sims .simulation .row.one { } .sims .simulation .row.one > .row-fluid-wrapper:first-child { width: 45%; } .sims .simulation .row.one > .row-fluid-wrapper:last-child { width: 55%; } @media (max-width: 980px){ .sims .simulation .row.one > .row-fluid-wrapper:first-child { width: 100%; } .sims .simulation .row.one > .row-fluid-wrapper:last-child { width: 100%; } } .sims .features-section { margin-top: -2em; } .sims .features-section .back-part { padding: 100px 0 60px; } @media (max-width: 1440px){ .sims .features-section .back-part { padding: 90px 0 50px !important; } } @media (max-width: 1280px){ .sims .features-section .back-part { padding: 80px 0 40px !important; } } @media (max-width: 1024px){ .sims .features-section .back-part { padding: 70px 0 35px !important; } } @media (max-width: 980px){ .sims .features-section .back-part { padding: 70px 0 35px !important; } } @media (max-width: 767px){ .sims .features-section .back-part { padding: 50px 0 25px !important; } } @media (max-width: 480px){ .sims .features-section .back-part { padding: 30px 0 15px !important; } } .sims .features-section::after { position: absolute; content: ''; width: 63%; height: 89%; right: 0; bottom: 0; z-index: -1; background-color: #f4f3f3; } .sims .features-section .panel-label-anim { margin: 0 auto -7em; padding: 2.3em 0 6em; justify-content: center; z-index: 1; } .sims .features-section .row { width: 90%; margin: 0 auto; float: none; max-width: 1330px; } .sims .features-section .row h2 { text-align: center; position: relative; z-index: 2; margin-bottom: 1.3em; } @media (max-width: 980px){ .sims .features-section .panel-label-anim { margin: 0 auto -5em; padding: 2.3em 0 5em 0; justify-content: center; z-index: 1; } } @media (max-width: 767px){ .sims .features-section .panel-label-anim { margin: 0 0 -5em -2.6em; padding: 2.3em 0 5em 2.8em; justify-content: flex-start; z-index: 1; } .sims .features-section { margin-top: -5em; } .sims .features-section .row h2 { text-align: left; margin-bottom: .6em; } } .sims .features-section .row h3 { font-size: 2em; font-weight: 800; position: relative; padding-bottom: .65em; margin-bottom: .6em; } .sims .features-section .row h3::after { position: absolute; content: ''; width: 1.75em; height: .15em; bottom: 0; left: .08em; background-color: #E32726; font-size: inherit; } .sims .features-section .row h3::before { position: absolute; content: ''; width: 3.583em; height: 3.583em; left: -.6em; top: -1em; border: 1px solid #7B7979; opacity: .1; border-radius: 50%; font-size: inherit; z-index: -1; } .sims .features-section .row.two { display: flex; padding-right: 7%; max-width: 1450px; } .sims .features-section .row.two > .row-fluid-wrapper:first-child { width: 51.5%; margin-right: 5%; } .sims .features-section .row.two > .row-fluid-wrapper:last-child { width: 43.5%; } @media (max-width: 767px){ .sims .features-section .row.two { flex-direction: column; } .sims .features-section .row.two > .row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .sims .features-section .row.two > .row-fluid-wrapper:last-child { width: 100%; } } .sims .features-section .row.two .col.one .module.one { padding-left: 6.5em; margin-bottom: 3.4em; } @media (max-width: 767px){ .sims .features-section .row.two .col.one{ margin-bottom: 4em; } .sims .features-section .row.two .col.one .module.one { padding-left: 0; } } .sims .features-section .row.two .col.two .module { margin-bottom: 4em; } .sims .benefits { } .sims .benefits .back-part { padding: 100px 0; } @media (max-width: 1440px){ .sims .benefits .back-part { padding: 90px 0 !important; } } @media (max-width: 1280px){ .sims .benefits .back-part { padding: 80px 0 !important; } } @media (max-width: 1024px){ .sims .benefits .back-part { padding: 70px 0 !important; } } @media (max-width: 980px){ .sims .benefits .back-part { padding: 70px 0 !important; } } @media (max-width: 767px){ .sims .benefits .back-part { padding: 50px 0 !important; } } @media (max-width: 480px){ .sims .benefits .back-part { padding: 30px 0 !important; } } .sims .benefits .panel-label-anim { padding-bottom: 6em; } .sims .benefits .row { width: 90%; max-width: 1250px; } .sims .benefits .row h2 { margin-bottom: 1.6em; } @media (max-width: 767px){ .sims .benefits .row h2 { margin-bottom: 0.6em; } } .sims .benefits .row h3 { font-size: 3.555em; font-weight: 900; margin-bottom: .3em; } .sims .benefits .row p { margin-bottom: 1.8em; } .sims .benefits .row.two .col { margin-bottom: 5.5em; } @media (max-width: 767px){ .sims .benefits .row.two h3 { font-size: 2.8em } } .sims .benefits .row.two .col .module { max-width: 865px; } .sims .benefits .row.two .col.two { padding-left: 7.6em; } .sims .benefits .row.two .col.three { padding-left: 17em; margin-bottom: 0; } @media (max-width: 767px){ .sims .benefits .row.two .col.two { padding-left: 0; } .sims .benefits .row.two .col.three { padding-left: 0; } } .sims .performance { background-color: #F4F3F3; } .sims .performance .panel-label-anim { margin-bottom: -5em; padding-bottom: 5em; } .sims .performance .back-part { padding: 60px 0 150px; } @media (max-width: 1440px){ .sims .performance .back-part { padding: 60px 0 140px !important; } } @media (max-width: 1280px){ .sims .performance .back-part { padding: 60px 0 120px !important; } } @media (max-width: 1024px){ .sims .performance .back-part { padding: 60px 0 100px !important; } } @media (max-width: 980px){ .sims .performance .back-part { padding: 60px 0 80px !important; } } @media (max-width: 767px){ .sims .performance .back-part { padding: 60px 0 70px !important; } } @media (max-width: 480px){ .sims .performance .back-part { padding: 50px 0 50px !important; } } .sims .performance .row { width: 90%; max-width: 1250px; } .sims .performance .col { position: relative; } .sims .performance .row .red { color: #E32726; } .sims .performance .row.one .col.two .module { margin-bottom: 3.2em; } .sims .performance .row.one h3 { font-size: 2em; font-weight: 800; margin-bottom: .2em; } .sims .performance .row.one .col.two p { margin-left: 1.4em; padding-right: 3%; } @media (max-width: 767px){ .sims .performance .row.one .col.two p { margin-left: 0; padding-right: 0; } } .sims .performance .row.one { display: flex; margin-bottom: 6em; } @media (max-width: 767px){ .sims .performance .row.one { margin-bottom: 3em; } } .sims .performance .row.one > .row-fluid-wrapper:first-child { width: 31%; margin-right: 5%; } .sims .performance .row.one > .row-fluid-wrapper:last-child { width: 64%; } @media (max-width: 767px){ .sims .performance .row.one { display: flex; flex-direction: column; } .sims .performance .row.one > .row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .sims .performance .row.one > .row-fluid-wrapper:last-child { width: 100%; padding-top: 0 !important; } } .sims .performance .row.two h2 { text-align: center; font-size: 3em; margin-bottom: 2.3em; } @media (max-width: 767px){ .sims .performance .row.two h2 { margin-bottom: 1.5em; } } .sims .performance .row.three { display: flex; margin-bottom: 3.6em; } .sims .performance .row.three h3 { font-size: 1.777em; font-weight: 900; margin-bottom: 0; position: relative; } .sims .performance .row.three h3::after { width: 4em; height: 4em; position: absolute; content: ''; left: 50%; top: -.8em; transform: translateX(-50%); border: 1px solid #D3D2D2; border-radius: 50%; z-index: -1; } .sims .performance .row.three h3 span { display: block; font-size: 1.56em; margin-bottom: -.1em; } .sims .performance .row.three p { font-size: 1em; line-height: 140%; } .sims .performance .row.three>.row-fluid-wrapper { width: 31.333%; margin-right: 3%; text-align: center; } .sims .performance .row.three>.row-fluid-wrapper:last-child { margin-right: 0; } .sims .performance .row.four { text-align: center; } @media (max-width: 767px){ .sims .performance .row.three { margin-bottom: 0; flex-direction: column; } .sims .performance .row.three>.row-fluid-wrapper{ width: 100%; text-align: center; margin-right: 0; margin-bottom: 4em; } } .sims .options { } .sims .options .back-part { padding: 100px 0; } @media (max-width: 1440px){ .sims .options .back-part { padding: 90px 0 !important; } } @media (max-width: 1280px){ .sims .options .back-part { padding: 80px 0 !important; } } @media (max-width: 1024px){ .sims .options .back-part { padding: 70px 0 !important; } } @media (max-width: 980px){ .sims .options .back-part { padding: 60px 0 !important; } } @media (max-width: 767px){ .sims .options .back-part { padding: 50px 0 !important; } } @media (max-width: 480px){ .sims .options .back-part { padding: 40px 0 !important; } } .sims .options .panel-label-anim { justify-content: center; margin: 0 auto -7em; padding: 2.3em 0 7em 0; white-space: nowrap; } @media (max-width: 980px){ .sims .options .panel-label-anim { margin: 0 auto -5em; padding: 2.3em 0 5em 0; } } .sims .options .row { width: 90%; max-width: 1220px; } .sims .options .row.one { text-align: center; margin-bottom: 10em; } .sims .options .row.one p { max-width: 850px; margin: 0 auto; } .sims .options .row.two { max-width: 100%; width: 100%; position: relative; } .sims .options .row.two::after { position: absolute; content: ''; width: 77%; height: 100%; background-color: #F4F3F3; right: 0; bottom: 0; z-index: -1; } @media (max-width: 1650px) { .sims .options .row.two::after { width: 85%; } } @media (max-width: 767px){ .sims .options .row.two::after { width: 77%; } } .sims .options .row.two .col { float: none; max-width: 1220px; margin: 0 auto; width: 85%; } .sims .options .sims-slider { } .sims .options .sims-slider .cust-pager { display: flex; margin-top: -5em; } .sims .options .sims-slider .cust-pager .pager-link { background-color: #E9E8E8; font-family: 'Catamaran',sans-serif; font-size: 1.333em; font-weight: 900; padding: 3em 1.9em; width: 32%; margin-right: 2%; } @media (max-width: 767px){ .sims .options .sims-slider .cust-pager { flex-direction: column; } .sims .options .sims-slider .cust-pager .pager-link { width: 100%; margin-bottom: 1em; margin-right: 0; } } .sims .options .sims-slider .cust-pager .pager-link:last-child { margin-right: 0; } .sims .options .sims-slider .cust-pager .pager-link.active { background-color: #E32726; color: #fff; } .sims .options .sims-slider h2 { font-size: 2em; font-weight: 800; margin-bottom: .5em; } .sims .options .sims-slider p { margin-bottom: 1.5em; } .sims .options .sims-slider h3 { font-size: 1.333em; font-weight: 900; margin-bottom: .2em; } .sims .options .sims-slider .slider-main-container { display: flex; position: relative; padding: 6em; padding-left: 12.5em; } .sims .options .sims-slider .slider-head { width: 25%; margin-right: 5%; } .sims .options .sims-slider .sim-slider { width: 75%; } @media (max-width: 767px){ .sims .options .sims-slider .slider-main-container { display: flex; flex-direction: column; align-items: center; position: relative; padding: 4em; } .sims .options .sims-slider .slider-head { width: 100%; margin-right: 0; } .sims .options .sims-slider .sim-slider { width: 100%; } } @media (max-width: 480px){ .sims .options .sims-slider .slider-main-container { padding: 4em 0; } } .sims .options .sims-slider .controls-elements { display: flex; } @media (max-width: 767px){ .sims .options .sims-slider .controls-elements { justify-content: center; margin-bottom: 3em; } } .sims .options .sims-slider .slider-navigation { display: flex; align-items: center; margin-right: 2em; } .sims .options .sims-slider .slider-navigation .prev-item { margin-right: 2em; } .sims .options .sims-slider .slider-counter { display: flex; align-items: center; font-family: 'Catamaran',sans-serif; color: #D3D2D2; } .sims .options .sims-slider .slider-counter .current-slide { margin-right: .6em; color: #383435; } .sims .options .sims-slider .slider-counter .total-slides { margin-left: .6em; } .sims .options .sims-slider .slide-text { margin-bottom: 3em; padding-right: 3%; } .sims .analytics { margin-top: -2em; } .sims .analytics .row.one { display: flex; align-items: center; width: 100%; } .sims .analytics .row.one .col.two { --animate-duration: 2000ms; } @media (max-width: 980px){ .sims .analytics .row.one { flex-direction: column; margin: 40px 0; } } .sims .analytics .row.one .panel-label-anim { z-index: 1; margin: 0 0 -7em -2.6em; padding: 2.3em 0 6.5em 2.8em; white-space: nowrap; } @media (max-width: 980px){ .sims .analytics .panel-label-anim, .sims .analytics .row.one .panel-label-anim { font-size: .6rem; width: 10em; height: 10em; margin-bottom: -5em; padding-bottom: 5em; } } @media (max-width: 767px){ .sims .analytics .panel-label-anim, .sims .analytics .row.one .panel-label-anim{ font-size: .5rem; } } @media (max-width: 480px){ .sims .analytics .panel-label-anim, .sims .analytics .row.one .panel-label-anim{ font-size: .4rem; } } .sims .analytics .row.one h2 { z-index: 2; position: relative; margin-bottom: .4em; } .sims .analytics .row.one p { margin-bottom: 2.5em; } .sims .analytics .row.one .module-group { padding-left: 4em; padding-right: 5%; max-width: 600px; } .sims .analytics .row.one .col.one { margin-left: auto; float: none; margin-right: -5%; padding-left: 5%; max-width: 750px; padding-bottom: 9em; } @media (max-width: 767px){ .sims .analytics .row.one .module-group { padding-left: 0; padding-right: 0; } } .sims .analytics .row.one .col.two { text-align: right; } @media (min-width: 2300px) { .sims .analytics .row.one .col.one { margin-right: 5%; } } @media (min-width: 2560px) { .sims .analytics .row.one .col.one { margin-right: 15%; } } @media (max-width: 980px){ .sims .analytics .row.one .col.one > .row-fluid-wrapper { max-width: 650px; width: 90%; } .sims .analytics .row.one .col.one { margin: 0; padding: 0; max-width: 100%; width: 90%; margin: 0 auto; } } @media (max-width: 980px){ .sims .analytics .row.one .col.two { max-width: 750px; margin-left: auto; float: none; margin-top: -5em; width: 85%; } } @media (max-width: 767px){ .sims .analytics .row.one .col.two { margin-top: -2em; } } .sims .analytics .row.one { } .sims .analytics .row.one > .row-fluid-wrapper:first-child { width: 50%; } .sims .analytics .row.one > .row-fluid-wrapper:last-child { width: 50%; } @media (max-width: 980px){ .sims .analytics .row.one > .row-fluid-wrapper:first-child { width: 100%; } .sims .analytics .row.one > .row-fluid-wrapper:last-child { width: 100%; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ #memdes-1 .prev-memb svg path{ fill: #e32726; } #memdes-5 .prev-memb svg path{ fill: #e32726; } #fullpage.who-we-are .page-hero-section { height: auto; padding-bottom: 11.8em; } .who-we-are .page-hero-section::after { display: none; } #fullpage.who-we-are .page-hero-section .video-back { position: absolute; top: 0; z-index: -1; left: 0; height: 100%; width: 100%; overflow: hidden; } #fullpage.who-we-are .page-hero-section .video-back * { height: 111%; width: 100%; position: relative; top: -2%; } .who-we-are .page-hero-section .group-container { padding-top: 4.3em; padding-bottom: 0; align-items: unset; } .who-we-are .page-hero-section .group-container>.row-fluid-wrapper:last-child * { display: block; height: 100%; } .who-we-are .page-hero-section .group-container>.row-fluid-wrapper:last-child h3 { display: none; } .who-we-are .page-hero-section .row.one .col.two { margin-top: 0; } .who-we-are .page-hero-section .row.one .col.one .panel-label-anim { z-index: 1; } .whoweare-page h1 { font-size: 4em; font-weight: 900; line-height: 108%; } .whoweare-page .content-part h2 { font-size: 3.55em; font-weight: 900; text-align: left; } .whoweare-page .content-part p { font-size: 1.11em; line-height: 150%; } #mission { position: relative; padding-top: 1.2em; } #mission.section .row .panel-label { padding: 0 5.5em 6em 2em; } #mission::after { position: absolute; content: ''; width: 71%; height: 108%; left: 0; top: 0; background-color: #f4f3f3; z-index: -2; } #mission .feedback-author h5 { font-size: 1.555em; margin-bottom: 0px; margin-top: 26px; } .whoweare-page #mission .module.two h2 { margin-bottom: 1em; } .whoweare-page #mission .module.two p { line-height: 134%; font-size: 1.777em; position: relative; padding: 1.25em 0 1em 1.65em; font-family: 'Catamaran',sans-serif; font-weight: 500; } #mission .feedback-author p{ font-size: 1em; color: #E32726; } #mission .module.two { width: 59.811966%; } #mission .feedback-author { margin-left: 5.064103%; margin-top: 10.5em; } .whoweare-page #mission .module.two p:before { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; bottom: 0; right: 0; font-size: 1rem; background: url(/hubfs/qoute2.svg) 100% no-repeat; background-size: contain; z-index: -1; } .whoweare-page #mission .module.two p:after { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; top: 0; left: 11px; font-size: 1rem; background: url(/hubfs/qoute1.svg) 100% no-repeat; background-size: contain; z-index: -1; } .whoweare-page .history { margin-top: 4.5em; } .whoweare-page .value.section:after{ content: ''; position: absolute; display: block; right: 0; top: 20px; width: 83%; height: 120%; background-color: #F4F3F3; z-index: -2; } .whoweare-page .section.value .row-group .row.two { margin-top: 0 ; } .whoweare-page.platform-page .value .row-group .bl-col { font-size: 1.333em; margin-top: 8px; } .whoweare-page.platform-page .value .row-group .bl-col3 { margin-top: 25px !important; } .whoweare-page .value .row-group .bl-col3 .red { line-height: 1.2; } .whoweare-page .value .row-group .row.two .bl-col p { font-size: .6588em; } .whoweare-page.platform-page .value .row-group .row.two { padding-bottom: 0em; } .whoweare-page .value .row-group .bl-col3 .red::after { top: 14%; } .whoweare-page.platform-page .value .row-group .row.two .bl-col:nth-child(2) { margin-right: 6%; } .whoweare-page.platform-page .value .row-group .red { font-size: 2em; margin-bottom: 0; } .whoweare-page .history .module.two p{ padding-left: 4em; max-width: 930px; } .whoweare-page .story-slider .row.one { text-align: center; margin-top: 2.5%; } .whoweare-page .story-slider .row.one .col.one, .whoweare-page .awards .row.one .col.one { display: flex; align-items: center; flex-direction: column; } .whoweare-page .story-slider .row.one .col.one .module.two, .whoweare-page .awards .row.one .col.one .module.two { margin-bottom: 9%; } .whoweare-page .story-slider .row.one .col.one .panel-label-anim, .whoweare-page .awards .row.one .col.one .panel-label-anim { padding-left: 1em; padding-right: 1em; display: flex; justify-content: center; } .whoweare-page .story-slider .row.one h2, .whoweare-page .awards .row.one h2 { text-align: center; margin-bottom: .3em; } .whoweare-page .story-slider .row.one p, .whoweare-page .awards .row.one p { text-align: center; } .whoweare-page .story-slider .row.two { max-width: 1250px; } .whoweare-page .awards .back-part{ padding: 0 0 10.5%; } .story-slider { margin-top: -2em; } .who_we_are{ padding-bottom: 10em; position: relative; } .slider-who_we_are .cust-pager, .slider-who_we_are .cust-pager{ left: -45.6em; } .slider-who_we_are .cust-pager, .slider-who_we_are .cust-pager[data-slider-number="slide-0"] { background: #231F20; width: 822px; height: 822px; border-radius: 50%; position: absolute; transform: translateX(50%) rotate(68deg); padding-left: 24%; transition: all .35s ease; } .who_we_are:after { position: absolute; content: ''; width: 5.885em; height: 10.051em; top: 36%; left: 2%; background: url(/hubfs/logo-mini-grey.svg) 100% no-repeat; background-size: contain; z-index: 1; } @media(min-width:2000px) { .who_we_are:after { top: 34%; } } .slider-who_we_are .cust-pager[data-slider-number="slide-1"] { transform: translateX(50%) rotate(43deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(18deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(-7deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-4"] { transform: translateX(50%) rotate(-32deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-5"] { transform: translateX(50%) rotate(-57deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-6"] { transform: translateX(50%) rotate(-82deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-7"] { transform: translateX(50%) rotate(-107deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-8"] { transform: translateX(50%) rotate(-132deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-9"] { transform: translateX(50%) rotate(-157deg); } .slider-who_we_are .year-title { width: 90%; margin-left: auto; max-width: 1240px !important; margin: auto; padding-left: 12%; } .slider-who_we_are { max-width: 100%; } .sslider-who_we_are .reference-slider-wrapper { display: flex; max-width: 100%; } .slider-who_we_are .bx-default-pager { height: 100%; display: block; } .slider-who_we_are .cust-pager .pager-link:nth-of-type(n+0){ display:block; position:absolute; -moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50% 100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; } .slider-who_we_are .cust-pager .pager-link { font-family: 'Catamaran',sans-serif !important; font-size:2.333em; font-style:normal; line-height:0.65; white-space:pre; overflow:visible; padding:0px; } .slider-who_we_are .cust-pager .pager-link { color: #7B7979; font-weight: 900; } .slider-who_we_are .cust-pager .pager-link.active { color: #fff; } .slider-who_we_are .cust-pager .pager-link:first-child{ -moz-transform: rotate(-1.19rad); -webkit-transform: rotate(-1.19rad); -o-transform: rotate(-1.19rad); -ms-transform: rotate(-1.19rad); transform: rotate(-1.19rad); width: 98px; height: 67px; left: 11.9em; top: 1em; top: 1.8em; } .slider-who_we_are .cust-pager .pager-link:nth-child(2){ -moz-transform: rotate(-.75rad); -webkit-transform: rotate(-.75rad); -o-transform: rotate(-.75rad); -ms-transform: rotate(-.75rad); transform: rotate(-.75rad); width: 98px; height: 67px; left: 14.3em; top: 1em; top: 3.7em; } .slider-who_we_are .cust-pager .pager-link:nth-child(3){ -moz-transform: rotate(-.31rad); -webkit-transform: rotate(-.31rad); -o-transform: rotate(-.31rad); -ms-transform: rotate(-.31rad); transform: rotate(-.31rad); width: 98px; height: 67px; left: 15.65em; top: 1em; top: 6.6em; } .slider-who_we_are .cust-pager .pager-link:nth-child(4){ -moz-transform: rotate(.12rad); -webkit-transform: rotate(.12rad); -o-transform: rotate(.12rad); -ms-transform: rotate(.12rad); transform: rotate(.12rad); width: 98px; height: 67px; left: 15.7em; top: 1em; top: 9.75em; } .slider-who_we_are .cust-pager .pager-link:nth-child(5){ -moz-transform: rotate(.55rad); -webkit-transform: rotate(.55rad); -o-transform: rotate(.55rad); -ms-transform: rotate(.55rad); transform: rotate(.55rad); width: 98px; height: 67px; left: 14.4em; top: 1em; top: 12.5em; } .slider-who_we_are .cust-pager .pager-link:nth-child(6){ -moz-transform: rotate(1rad); -webkit-transform: rotate(1rad); -o-transform: rotate(1rad); -ms-transform: rotate(1rad); transform: rotate(1rad); width: 98px; height: 67px; left: 12em; top: 1em; top: 14.65em; } .slider-who_we_are .cust-pager .pager-link:nth-child(7){ -moz-transform: rotate(1.42rad); -webkit-transform: rotate(1.42rad); -o-transform: rotate(1.42rad); -ms-transform: rotate(1.42rad); transform: rotate(1.42rad); width: 98px; height: 67px; left: 9em; top: 1em; top: 15.4em; } .slider-who_we_are .cust-pager .pager-link:nth-child(8){ -moz-transform: rotate(1.88rad); -webkit-transform: rotate(1.88rad); -o-transform: rotate(1.88rad); -ms-transform: rotate(1.88rad); transform: rotate(1.88rad); width: 98px; height: 67px; left: 5.9em; top: 1em; top: 14.9em; } .slider-who_we_are .cust-pager .pager-link:nth-child(9){ -moz-transform: rotate(2.3rad); -webkit-transform: rotate(2.3rad); -o-transform: rotate(2.3rad); -ms-transform: rotate(2.3rad); transform: rotate(2.3rad); width: 98px; height: 67px; left: 3.4em; top: 1em; top: 13.15em; } .slider-who_we_are .slide-year { font-size: 13.333em; color: #F4F3F3; font-weight: 900; position: relative; top: 0.78em; z-index: -1; left: 0; font-family: 'Catamaran',sans-serif !important; } .whoweare-page .content-part .slider-who_we_are .slide-title { font-size: 3em; margin-bottom: .4em; font-family: 'Catamaran',sans-serif !important; font-weight: 900; padding-left: 1.8em; margin-top: 20px; } .whoweare-page .content-part .slider-who_we_are p{ line-height: 150%; padding-left: 5em; } .hs-content-id-39176931510.whoweare-page .content-part .slider-who_we_are p{ max-width: 800px; } .slider-who_we_are .slide-description { padding-left: 5.5em; margin-top: 15px; } .who-we-are .analytics.leadership-team { padding: 0; padding-bottom: 9em; padding-top: 3.5em; } .section.leadership-team .row .panel-label { padding-bottom: 6em; } .section.leadership-team .module.two h2{ margin-top: .4em; max-width: 640px; margin-bottom: .53em; } .who-we-are .analytics.leadership-team p { margin-bottom: 4em; line-height: 150%; padding-left: 4em; max-width: 895px; } .leadership-team-content h3 { font-size: 2.888em; color: #E32726; font-weight: 900; } .who-we-are .analytics.leadership-team:after { position: absolute; content: ''; width: 85%; height: 102%; left: 0; top: -1.4%; background-color: #f4f3f3; z-index: -2; } .who-we-are .analytics.leadership-team{ z-index: 1; } .team-row { padding-top: 1em; } .leadership-team .row2 { max-width: 1520px; float: none; width: 90%; margin: 0 auto !important; } .team-row .team-member { float:left; margin-right: 1.3em; margin-bottom: 1.3em; position: relative; z-index: 1; transition: all 1s ease-in; } .team-row .team-member .team-photo { position: relative; transition: all 1s ease-in; } .team-photo > a { display: flex; position: relative; z-index: 1; } .team-photo > a:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(180deg, rgba(32,28,29,0.08) 8%, rgba(35,31,32,0.9) 90%); z-index: 0; } .team-photo > .textmember{ position: absolute; bottom: 0; padding: 0 1.5em 1.6em; display: flex; flex-direction: column; width: 100%; z-index: 3; } .team-photo > .textmember .member-name{ font-size: 1.333em; font-family: 'Catamaran',sans-serif !important; color: #fff; font-weight: 900; } .textmember .member-position{ font-size: 0.888em; color: #E32726; margin-bottom: 2em; font-weight: 700; display: block; } .team-row .team-member:hover { transition: all 1s ease-in; } .team-row .team-member:hover .team-photo{ top: -20px; transition: all 1s ease-in; } .team-row .team-member:hover .member-socials a .hover { display: block; } .team-row .team-member:hover .main { display: none; } .member-socials { display: flex; } .member-socials a{ display: flex; margin-right: 1em; /* width: 18.73px; height: 18.73px; */ } .member-socials a .hover { display: none; } .team-row .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module { margin-right: -1.3em; } .leadership-team-content{ padding-left: 8.3em; } .leadership-team-content2 { padding-top: 6em; } .leadership-team-content2 h3 { margin-bottom: .7em; } .whoweare-page .job-offer .job-offers h2 { margin-top: 0.2em; } .whoweare-page .job-offer .job-offers p { padding-left: 4em; max-width: 900px; line-height: 150%; margin-bottom: 5em; } .whoweare-page .featherlight .featherlight-content { width: 1240px; max-width: 90%; padding: 10.888em 6.522em 6.64em; z-index: 1; overflow-y: hidden; } .whoweare-page .featherlight .featherlight-close-icon { line-height: 1em; width: 1em; cursor: pointer; text-align: center; background: #fff; background: transparent; color: #E32726; top: 1.92em; right: 2.45em; } .whoweare-page .featherlight .member-descr-box { display: flex; justify-content: space-between; } .whoweare-page .featherlight .team-photo{ width: 35.7%; } .whoweare-page .featherlight .team-photo>a:after{ display: none; } .team-photo>a:focus { outline: unset; } .whoweare-page .featherlight .team-photo img{ width: 100%; object-fit: cover; } .whoweare-page .featherlight .member-description-wrapper { width: 57.8%; } .whoweare-page .featherlight .member-description-wrapper .member-name { font-size: 1.777em; font-family: 'Catamaran',sans-serif !important; color: #231F20; font-weight: 900; } .whoweare-page .featherlight .member-description-wrapper .member-position { font-size: 1em; margin-bottom: 1.6em; } .whoweare-page .featherlight .textmember { margin-bottom: 2.455em; } .whoweare-page .featherlight .member-socials a { height: 1.444em; } .whoweare-page .featherlight .member-description p{ font-size: 1.111em; line-height: 138%; } .whoweare-page .featherlight .featherlight-content:after { position: absolute; content: ''; z-index: -1; width: 25.223em; height: 42.34em; top: 0; right: 0; background: url(/hubfs/logo-big.svg) 100% no-repeat; background-size: auto; } .job-offer .job-offers .row.two { display: flex; flex-wrap: wrap; } .job-offer .job-offers .row.two>.row-fluid-wrapper, .job-offer .job-offers .row.two>span>.row-fluid-wrapper { width: 31%; margin-right: 2%; margin-bottom: 1.5em; } .whoweare-page .section-our-clients .back-part { padding: 7% 0; } .whoweare-page .section-our-clients .row.center-title { max-width: 964px; margin-bottom: 5%; } .whoweare-page .section-our-clients .row.last-row { text-align: center; } .whoweare-page .section-our-clients .logo-module{ margin-bottom: 2%; } .whoweare-page .benefits-section.certification { padding: 3.5% 0 0; } .whoweare-page .benefits-section.certification .back-part { padding: 2.5% 0 6%; } .whoweare-page .benefits-section.certification .back-part:after { display: block; position: absolute; top: 0; right: 0; width: 60.5%; height: 100%; background: #F4F3F3; content: ''; z-index: -2; } .whoweare-page .resours { padding: 5% 0; } /* 768r */ @media(max-width:1700px){ .slider-who_we_are .cust-pager, .slider-who_we_are .cust-pager[data-slider-number="slide-0"] { transform: translateX(50%) rotate(68deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-1"] { transform: translateX(50%) rotate(43deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(18deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(-7deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-4"] { transform: translateX(50%) rotate(-32deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-5"] { transform: translateX(50%) rotate(-57deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-6"] { transform: translateX(50%) rotate(-82deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-7"] { transform: translateX(50%) rotate(-107deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-8"] { transform: translateX(50%) rotate(-132deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-9"] { transform: translateX(50%) rotate(-157deg) scale(0.8); } .slider-who_we_are .year-title { padding-left: 16em; } .who_we_are:after { width: 4.885em; height: 8.051em; top: 32%; } } @media(max-width:1205px) { .slider-who_we_are .slide-year { font-size: 10.333em; margin-top: .2em; } .slider-who_we_are .cust-pager{ left: -48.6em; } .slider-who_we_are .cust-pager, .slider-who_we_are .cust-pager[data-slider-number="slide-0"] { transform: translateX(50%) rotate(68deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-1"] { transform: translateX(50%) rotate(43deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(18deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(-7deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-4"] { transform: translateX(50%) rotate(-32deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-5"] { transform: translateX(50%) rotate(-57deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-6"] { transform: translateX(50%) rotate(-82deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-7"] { transform: translateX(50%) rotate(-107deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-8"] { transform: translateX(50%) rotate(-132deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-9"] { transform: translateX(50%) rotate(-157deg) scale(0.7); } .who_we_are:after { position: absolute; content: ''; width: 4.885em; height: 7.051em; top: 29%; left: 1%; } .job-offer .job-offers .row.two .col { padding: 1.7em 1em; } .job-offer .job-offers h3 { font-size: 1.333em; } .job-offer .location { position: relative; font-size: 1em; } .leadership-team-content h3 { font-size: 2.333em; } .whoweare-page .content-part h2 { font-size: 3em; } .whoweare-page.platform-page .value .row-group .red { font-size: 1.444em; } .whoweare-page.platform-page .value .row-group .bl-col { font-size: 1.111em; } .whoweare-page .value .row-group .row.two .bl-col p { margin: 0; } .whoweare-page #mission .module.two p { line-height: 134%; font-size: 1.222em; } .whoweare-page .history { padding-top: 3em; } .whoweare-page h1 { font-size: 3em; } #fullpage.who-we-are .page-hero-section { height: auto; padding-bottom: 7.8em; } .who-we-are .analytics.leadership-team { padding: 0; padding-bottom: 4em; } .whoweare-page .featherlight .featherlight-content { overflow-y: auto; } .slider-who_we_are .year-title { padding-left: 13em; } @media (min-width: 768px){ .slider-who_we_are .year-title { padding-right: 1em; } } } @media(max-width:1015px) { .team-row .team-member { width: 30.333%; margin-right: 2%; } .team-row .team-member .team-photo > a > img{ max-width: 100%; object-fit: cover; height: 100%; } .whoweare-page .featherlight .featherlight-content { padding: 7.888em 2.522em 2.64em; z-index: 1; } .who_we_are:after { top: 27%; } } @media(max-width: 980px) { .slider-who_we_are .year-title { padding-right: 3%; } .whoweare-page h1 { font-size: 2.7em; } .leadership-team-content h3 { font-size: 1.5em; } .whoweare-page .content-part h2 { font-size: 2.333em; } .whoweare-page .content-part .slider-who_we_are .slide-title { font-size: 2.33em; padding-left: 0.8em; } .whoweare-page .content-part .slider-who_we_are p { line-height: 134%; padding-left: 2em; } .whoweare-page .job-offer .job-offers p { padding-left: 2em; line-height: 134%; } .whoweare-page #mission .module.two p { line-height: 134%; font-size: 1em; } #mission .feedback-author h5 { font-size: 1.222em; margin-bottom: 0px; margin-top: 17px; } .whoweare-page .history .module.two p { padding-left: 2em; } .who-we-are .analytics.leadership-team p { padding-left: 2em; margin-bottom: 2em; } .whoweare-page .content-part p { font-size: 1em; } .slider-who_we_are .slide-year { font-size: 9.333em; } .slider-who_we_are .slide-description { padding-left: 0; } .who_we_are { padding-bottom: 5em; } .leadership-team-content { padding-left: 2.3em; } .team-photo>.textmember { padding: 0 0.5em 0.6em; } .team-photo>.textmember .member-name { font-size: 1em; } .textmember .member-position { font-size: 14px; margin-bottom: 1em; } .leadership-team-content2 { padding-top: 1em; } .member-socials a { display: flex; margin-right: 10px; } .who-we-are .analytics.leadership-team { padding: 0; padding-bottom: 1em; } .whoweare-page .job-offer .job-offers { padding: 3em 0; } .job-offer .job-offers h3 { font-size: 18px; } .who_we_are:after { position: absolute; content: ''; width: 3.885em; top: 40%; } .whoweare-page .job-offer .job-offers p { margin-bottom: 2em; } .slider-who_we_are .cust-pager{ left: -50em; } } @media(max-width: 840px) { .who_we_are:after { top: 36%; } .job-offer .job-offers .row.two>.row-fluid-wrapper, .job-offer .job-offers .row.two>span>.row-fluid-wrapper { width: 48%; margin-right: 2%; margin-bottom: 2%; } .job-offer .job-offers .row.two { display: flex; margin-bottom: 0; flex-wrap: wrap; } } @media(max-width: 780px) { .who_we_are:after { top: 30%; } } @media(max-width: 767px) { .slider-who_we_are .year-title { padding-right: 0; } .job-offer .job-offers .row.two { display: flex; margin-bottom: 1.5em;} .whoweare-page .featherlight .member-description-wrapper .member-name { font-size: 1.22em; } .whoweare-page .featherlight .member-description p { font-size: 16px; } .whoweare-page .featherlight .member-descr-box { flex-direction: column; } .whoweare-page .featherlight .member-description-wrapper { width: 100%; } .whoweare-page .featherlight .featherlight-content { padding: 4.888em 1.5em 1.5em; z-index: 1; } .whoweare-page .featherlight .textmember { margin-bottom: 1em; } .whoweare-page .featherlight .member-description-wrapper .member-position { font-size: 14px; margin-bottom: 1em; } .whoweare-page .featherlight .team-photo { width: auto; margin: 0 auto 2em; } .whoweare-page #mission .module.two p { line-height: 134%; font-size: 16px; } .leadership-team-content { padding-left: 1.3em; } .who_we_are { padding-bottom: 2em; } .who-we-are .page-hero-section .group-container { align-items: unset; flex-wrap: wrap; } .whoweare-page.platform-page .value .module.two { margin-bottom: 1em; } .whoweare-page #mission .module.two p:before { width: 2.8655em; height: 3.1611em; } .whoweare-page #mission .module.two p:after { width: 2.8655em; height: 2.1611em; } .who-we-are .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .who-we-are .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 100%; height: 200px; } #fullpage.who-we-are .page-hero-section { height: auto; padding-bottom: 2.8em; } #fullpage.who-we-are .page-hero-section .video-back * { height: 124%; width: 120%; left: -23.5%; position: relative; top: 3%; } #fullpage.who-we-are .page-hero-section { padding-top: 0 !important; padding-bottom: 0; } .whoweare-page h1, .whoweare-page .content-part h2 { font-size: 2em; } #mission .module.two { width: 100%; } #mission .feedback-author { /* margin-left: 0; margin-top: 0; margin-bottom: 1.5em; text-align: center; */ margin-top: -40px; } #mission .feedback-author img { display: none; } .platform-page.whoweare-page .value .col.one .row-fluid-wrapper:nth-child(2) .row-fluid { /* display: flex; flex-wrap: wrap; flex-direction: column-reverse; */ } .whoweare-page.platform-page .value .row-group .bl-col { margin: 0 0 1em !important; font-size: 1em; width: 100%; } .whoweare-page.platform-page .value .row-group .row.two .bl-col:nth-child(2) { margin: 0 0 1.2em !important; } .whoweare-page .content-part p { font-size: 14px; } .whoweare-page.platform-page .value .row-group .row.two { margin-top: 0; padding-bottom: 2em; } .story-slider { margin-top: 0; overflow: hidden; } .slider-who_we_are .year-title { padding-left: 0; } .slider-who_we_are .cust-pager, .slider-who_we_are .cust-pager[data-slider-number="slide-0"] { transform: translateX(50%) rotate(159deg) scale(0.55); right: 50%; left: unset; top: -24em; z-index: 999; } .slider-who_we_are .cust-pager[data-slider-number="slide-1"] { transform: translateX(50%) rotate(134deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(109deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(84deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-4"] { transform: translateX(50%) rotate(59deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-5"] { transform: translateX(50%) rotate(34deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-6"] { transform: translateX(50%) rotate(9deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-7"] { transform: translateX(50%) rotate(-16deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-8"] { transform: translateX(50%) rotate(-41deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-9"] { transform: translateX(50%) rotate(-66deg) scale(0.55); } .who_we_are:after { position: absolute; content: ''; height: 4.051em; top: 0; left: 50%; transform: translateX(-50%); z-index: 999; } .slider-who_we_are .slide-year { font-size: 8.333em; margin-top: .5em; } .whoweare-page .content-part .slider-who_we_are .slide-title { font-size: 2em; } .who-we-are .analytics.leadership-team:after { width: 100%; top: 0; height: 100%; } .job-offer .job-offers .row.two>.row-fluid-wrapper, .job-offer .job-offers .row.two>span>.row-fluid-wrapper{ width: 100%; max-width: 400px; margin-right: auto !important; margin-left: auto; } .job-offer .job-offers .row.two { flex-wrap: wrap; } .job-offer .job-offers .row.two>.row-fluid-wrapper, .job-offer .job-offers .row.two>span>.row-fluid-wrapper { margin-bottom: 1em; } .job-offer .job-offers .row.two>.row-fluid-wrapper:last-child, .job-offer .job-offers .row.two>span>.row-fluid-wrapper:last-child { margin-bottom: 0; } .team-row .team-member { width: 95%; margin-right: 0; } .team-row .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module { margin-right: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .team-row .team-member .team-photo>a>img { height: 300px; } } @media(max-width: 500px) { .team-row .team-member { width: auto; margin-right: 0; } .team-row .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module { margin-right: 0; display: flex; flex-direction: column; align-items: center; } .team-row .team-member .team-photo>a>img { height: 300px; } .job-offer .job-offers h3 { font-size: 18px; } .job-offer .job-offers .location { position: absolute; bottom: 3em; left: 0; font-size: 14px; } .who_we_are:after { display: none; } .whoweare-page .content-part .slider-who_we_are .slide-title { font-size: 1.333em; } .slider-who_we_are .slide-year { font-size: 6.333em; margin-top: 0; } .whoweare-page h1, .whoweare-page .content-part h2 { font-size: 1.555em; } #fullpage.who-we-are .page-hero-section .video-back * { height: 118%; width: 128%; left: -28%; } .slider-who_we_are .cust-pager, .slider-who_we_are .cust-pager[data-slider-number="slide-0"] { transform: translateX(50%) rotate(159deg) scale(0.3); right: 50%; left: unset; top: -25em; z-index: 999; } .slider-who_we_are .cust-pager[data-slider-number="slide-1"] { transform: translateX(50%) rotate(134deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(109deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(84deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-4"] { transform: translateX(50%) rotate(59deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-5"] { transform: translateX(50%) rotate(34deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-6"] { transform: translateX(50%) rotate(9deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-7"] { transform: translateX(50%) rotate(-16deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-8"] { transform: translateX(50%) rotate(-41deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-9"] { transform: translateX(50%) rotate(-66deg) scale(0.3); } .slider-who_we_are .cust-pager .pager-link { width: 154px; height: 91px; line-height: 1.6; text-align: center; } .leadership-team-content h3 { font-size: 1.333em; } } @media(max-width: 375px) { #fullpage.who-we-are .page-hero-section .video-back * { height: 118%; width: 122%; left: -28%; } } @media(max-width: 360px) { #fullpage.who-we-are .page-hero-section .video-back * { height: 118%; width: 128%; left: -34%; } } .job-offers-oct2020 { background: linear-gradient(90deg, transparent 25%, #F4F3F3 25%); } .job-offer .job-offers.job-offers-oct2020 .row.two .col{ background: #231F20; color: #fff; } .job-offer .job-offers.job-offers-oct2020 .row.two .col a h3, .job-offer .job-offers.job-offers-oct2020 .row.two .col a{ color: #fff; } .job-offer .job-offers.job-offers-oct2020 .row.two .col .readmorejob{ display:none; } /* .whoweare-page-oct .main-footer{ background: #f4f3f3; } */ .whoweare-oct-20 .main-footer .row-number-1{ background: #f4f3f3; } /* Who we are Dec 2020 */ #fullpage.who-we-are .page-hero-section { padding-bottom: 4.8em; } .page #fifth.culture .row.two>.row-fluid-wrapper { width: 100%; } .page #fifth.culture .row.two .col { max-width: 100%; padding-bottom: 16px; } .culture-slider { display: flex; } .culture-slider .cust-pager2 { width: 100%; display: flex; flex-direction: column; } .culture-slider .cust-pager2 .pager-link { height: 100px; display: flex; align-items: center; padding: 30px; font-family: 'Catamaran',sans-serif; font-weight: 900; font-size: 1.333rem; background: #E9E8E8; border-bottom: 1px solid #fff; } .culture-slider .cust-pager2 .pager-link.active { background: #E32726; color: #fff; } .culture-slider .cust-pager2 .pager-link:last-child { border-bottom:0; } .culture-slider .controls-elements { display: flex; } .culture-slider .slider-navigation { display: flex; align-items: center; margin-right: 2em; } .culture-slider .slider-head { margin: 0 0 1.4rem; } .culture-slider .slider-navigation .prev-item { margin-right: 2em; } .culture-slider .slider-counter { display: flex; align-items: center; font-family: 'Catamaran',sans-serif; color: #d3d2d2; } .culture-slider .slider-counter .current-slide { margin-right: .6em; color: #383435; } .culture-slider .slider-counter .total-slides { margin-left: .6em; } .culture-slider .slide-text h2 { color: #E32726; font-size: 2.8em; } .culture-slider .slider-main-container { width: 100%; } .culture-slider { flex-wrap: wrap; } @media (min-width: 768px) { .culture-slider .cust-pager2 { width: 388px; } .culture-slider { flex-wrap: no-wrap; } .page #fifth.culture { font-size: 18px !important; } .page #fifth.culture .row.two p { line-height: 155%; } .page #fifth.culture::after { top: unset; bottom: 0; width: 77%; height: 42%; } .page #fifth.culture .row.one { margin-bottom: 3.5em; } .page #fifth.culture .row.two { display: flex; max-width: 1220px; } .culture-slider .slider-main-container { width: calc(100% - 388px); padding-left: 5.5rem; padding-top: 5rem; padding-right: 4rem; display: flex; flex-direction: column; justify-content: flex-end; } .page #fifth.culture .color-circles .red-circle { width: 14.5em; height: 14.5em; top: 12em; left: -4em; } .page #fifth.culture .color-circles .dark-circle { width: 21.5em; height: 21.5em; } .page #fifth.culture .row.one>.row-fluid-wrapper:last-child { margin-left: 0%; width: 34%; right: -2em; } .page #fifth.culture .row.one>.row-fluid-wrapper:first-child { width: 66%; } .page #fifth.culture .row.one .panel-label-anim { margin-bottom: -6.5em; padding-bottom: 6.5em; margin-left: auto; margin-right: 9em; } .whoweare-page .section.value h2 { margin-bottom: 0.46em; } .whoweare-page .section.value .panel-label-anim { margin: 0px 0 -7.2em -2.6em; padding: 2.3em 0 7em 2.8em; } .whoweare-page .story-slider .back-part { padding: 0 0 3em; } .whoweare-page .section-our-clients h2 { text-align: center; } .whoweare-page .section-our-clients .panel-label-anim { display: flex; justify-content: center; padding-left: .5em; padding-right: .5em; margin-left: auto; margin-right: auto; } .whoweare-page .section-our-clients .row.center-title h2 { padding: .1em 0; } .whoweare-page .section-our-clients .row.center-title p { text-align: center; font-size: 1em; } .whoweare-page.page .benefits-section.certification .row { display: flex; align-items: center; } .whoweare-page.page .benefits-section.certification .row>.row-fluid-wrapper:first-child{ width: 57%; margin-right: 4%; } .whoweare-page.page .benefits-section.certification .row>.row-fluid-wrapper:last-child{ width: 39%; } .whoweare-page.page .benefits-section.certification .row .column-media { width: 100%; margin: 0; } .whoweare-page .awards .back-part{ padding: 2em 0 ; } } /* 768e */ @media (min-width: 768px) and (max-width:1280px) { .page #fifth.culture .color-circles .red-circle { width: 10.5em; height: 10.5em; } .page #fifth.culture .color-circles .dark-circle { width: 16.5em; height: 16.5em; } .culture-slider .slider-main-container { width: 70%; padding-left: 3.5rem; padding-top: 2rem; padding-right: 3rem; } .culture-slider .cust-pager2 { width: 30%; } .culture-slider .cust-pager2 .pager-link { height: 3.5em; padding: 1em; font-size: 1rem; } .page #fifth.culture::after { height: 46%; } } @media (max-width: 980px) { .page #fifth.culture .row.two>.row-fluid-wrapper:first-child { margin-bottom: 0; } .culture-slider .slide-text h2 { font-size: 2.333em; } .culture-slider .cust-pager2 .pager-link { font-size: 14px; padding: 10px; } .culture-slider .slider-main-container { padding-left: 1.5rem; padding-top: 2rem; padding-right: 1rem; } } @media (max-width: 767px){ #fullpage.who-we-are .page-hero-section { padding-bottom: 2.4em; } .page #fifth.culture .row.two .col { margin-bottom: 0; } .culture-slider .slide-text h2 { font-size: 1.5em; } .culture-slider .cust-pager2 .pager-link { font-size: .8rem; padding: 1em; height: 50px; } .culture-slider .slider-main-container { padding-left: 0; padding-top: 2rem; padding-right: 0; } .page #fifth.culture .row.one .col.one { padding-top: 4em; } .culture-slider .slider-counter { font-size: .8rem; } .page #fifth.culture .row.one::after { display: none; } .page #fifth.culture .row.one { margin-bottom: 2em !important; } .whoweare-page .value.section:after { height: 100%; top: 0; width: 100%; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .whoweare-2024 .history { margin-top: 3em; } .whoweare-2024 #mission .module.two { width: 45%; } @media (min-width: 768px) { .whoweare-2024 .section.value h2 { margin-bottom: 1em; } } .whoweare-2024 #mission .module.two p { line-height: 135%; font-size: 1.7em; padding: 1.25em 0 1em 1.65em; } .whoweare-2024 #mission .module.two p:after { background: url(https://www.etu.co/hubfs/ETU%20theme/etu-left-qoute.svg) 100% no-repeat; } .whoweare-2024 #mission .module.two p:before { background: url(https://www.etu.co/hubfs/ETU%20theme/etu-right-qoute.svg) 100% no-repeat; } .whoweare-2024 #mission .feedback-author { margin-top: 0; } .whoweare-2024 .value.section:after { background-color: transparent; } .whoweare-2024 .section.awards .awards-logo-wrap .awards-logo-item { align-items: center; margin: 0 0 5em; } .whoweare-2024 .section.awards .awards-logo-wrap .awards-logo-item >img { max-width: 200px; max-height: 120px; } .whoweare-2024 .section.leadership-team .module.two h2 { max-width: 820px; margin-bottom: .5em; } .whoweare-2024 .benefits-section .row .col .content-module p { margin-left: 80px; } .whoweare-2024 #certification.benefits-section .cta-button { margin-left: 80px; } @media (max-width: 1280px) { .page.whoweare-2024 .section.value { font-size: 1em !important; } .whoweare-2024 #certification.benefits-section .cta-button { margin-left: 0; } } @media (max-width: 1023px) { .whoweare-2024 #certification.benefits-section .cta-button { margin-left: 0; } } @media (min-width: 1025px) and (max-width: 1280px) { .whoweare-2024 #mission .module.two p { font-size: 1.4em; } } @media (min-width: 769px) and (max-width: 1024px) { .whoweare-2024 #mission .module.two p { font-size: 1.1em; } } @media (max-width: 768px) { .whoweare-2024 #mission .module.two { width: 100%; } .whoweare-2024 #mission .module.two p { font-size: 1em; } .whoweare-2024 #mission::after { height: 102%; } .whoweare-2024 .history { margin-top: 1em; } .whoweare-2024.platform-page .value .row-group .bl-col, .whoweare-2024.platform-page .value .row-group .row.two .bl-col:nth-child(2) { margin-bottom: 3em !important; } .whoweare-2024 .section.value { padding-bottom: 0; } .whoweare-2024 .section.awards .awards-logo-wrap .awards-logo-item { margin-bottom: 3em; } .whoweare-2024 .section.awards .awards-logo-wrap .awards-logo-item > img { max-height: 100px; } .whoweare-2024 .nav-memeber { top: 4%; left: 5%; } .whoweare-2024 .featherlight .featherlight-close-icon { top: 5%; right: 7%; } .innovation-leader-images .innovation-leader-images__item img { padding: 5%; } } /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ body .section { --animate-duration: 500ms; opacity: 0; } html:not(.hs-inline-edit) .home .content-part-special .section h2 { --animate-duration: 2000ms; --animate-delay: 2s; opacity: 0; } html:not(.hs-inline-edit) .home .content-part-special .section h3 { --animate-duration: 2000ms; --animate-delay: 3.5s; opacity: 0; } html:not(.hs-inline-edit) .home .content-part-special .section p { --animate-duration: 2000ms; --animate-delay: 7s; opacity: 0; } html:not(.hs-inline-edit) .home .content-part-special .section .blurb { --animate-duration: 2000ms; --animate-delay: 6s; opacity: 0; } html:not(.hs-inline-edit) .home .panel-label-anim .panel-title { --animate-duration: 2000ms; } html:not(.hs-inline-edit) .home .hero-section .row.one .col.one .module.one { --animate-duration: 2000ms; --animate-delay: 2s; } html:not(.hs-inline-edit) .home .hero-section .row.one .col.one .module.one p { animation: none; opacity: 1; } html:not(.hs-inline-edit) .main-footer .inner-section { --animate-duration: 800ms; opacity: 0; } html:not(.hs-inline-edit) .main-footer .inner-section .telephone-module { opacity: 0; animation-delay: 0.7s; --animate-duration: 800ms; } html:not(.hs-inline-edit) .main-footer .inner-section .book-a-meeting { opacity: 0; animation-delay: 0.5s; --animate-duration: 800ms; } html:not(.hs-inline-edit) .home .content-part-special .section .big-section-text { --animate-duration: 2000ms; --animate-delay: 3s; opacity: 0; } html:not(.hs-inline-edit) .home .content-part-special .section .ref-slider { --animate-duration: 3000ms; --animate-delay: 2s; } /* .home .resources-posts .col.one .post-content { --animate-duration: 1500ms; animation-delay: .5s; opacity: 0; } */ /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .home .hero-section { overflow: hidden; } .hero-circle-animation { opacity: 0; position: absolute; width: 175px; height: 175px; background-color: #231F20; right: 20%; top: 20%; border-radius: 50%; animation: logoextension 3s ease-in; animation-play-state: paused; } @keyframes logoextension { 0% { transform: scale(0); } 100% { transform: scale(20); } } .hero-circle-animation.startmove { transform: scale(40); opacity: 1; animation-play-state: running; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .default-page #fullpage .section { font-size: 1rem; } .default-page #fullpage .row { float: none; margin: 0 auto; width: 90%; max-width: 1220px; } .default-page #fullpage { position: relative; z-index: 1; } .default-page #fullpage::after { position: absolute; content: ''; background-color: #f4f3f3; width: 65.5%; height: 30em; left: 0; top: 8.5em; z-index: -1; } .default-page .module.one.text { max-width: 1000px; margin: 0 auto 5.5%; float: none; } .default-page .page-content h1 { font-size: 3em; font-weight: 900; margin-bottom: 1.6em; } .default-page .page-content h2 { font-size: 3em; font-weight: 900; margin: .6em 0 .4em; } .default-page .page-content h3 { font-size: 2em; font-weight: 800; color: #E32726; margin: .5em 0; } .default-page .page-content h4 { font-size: 1.7777em; font-weight: 600; margin: 1.2em 0; } .default-page .page-content h5 { font-size: 1.7777em; text-transform: uppercase; color: #7B7979; margin: 1.3em 0 .8em; } .default-page .page-content h6 { font-size: 1.555em; font-weight: 800; margin: 1em 0; } .default-page .page-content p, .default-page .page-content li { font-size: 1.1111em; line-height: 155%; } .default-page .page-content a { color: #E32726; } .default-page .page-content a:hover { color: #000; } .default-page .page-content img { width: 100% !important; max-width: 100%; height: auto; margin: 0 0 1em; } .default-page img { margin: 0; } .default-page .page-content ul { padding: 0; margin: 0; padding-left: 3em; margin: 3em 0; } .default-page .page-content ul>li>ul { margin: 0; padding-left: 1em; } .default-page .page-content li { list-style: none; position: relative; font-size: 1.1111em; padding-left: .7em; margin: 1.5em 0; line-height: 155%; } .default-page .page-content ul>li>ul>li { font-size: inherit; } .default-page .page-content li::after { position: absolute; content: ''; left: 0; top: 14px; width: 6px; height: 6px; border-radius: 50%; background-color: #E32726; } .default-page .hs-cta-wrapper { text-align: center !important; } .default-page .cta_button { font-size: 0.8em !important; font-family: 'Catamaran',sans-serif !important; font-weight: 800 !important; background-color: #E32726 !important; color: #fff !important; border-radius: 35px !important; padding: .7em 1.4em !important; line-height: 120%; min-width: auto; transition: .3s all; border: none !important; } .default-page .cta_button:hover { background-color: #231f20 !important; } @media (max-width: 767px) { .default-page .page-content h2 { font-size: 24px; } .default-page .page-content h3 { font-size: 1.2em; } .default-page .page-content h4 { font-size: 1.11em; } .default-page .page-content h5 { font-size: 1.11em; } .default-page .page-content h6 { font-size: 1.11em; margin: .5em 0; } .default-page .page-content h1 { font-size: 28px; line-height: 125% !important; margin-bottom: 1em; } .default-page .page-content p, .default-page .page-content li { line-height: 155%; font-size: .777em; } .default-page .page-content ul { padding: 0; margin: 0; padding-left: .3em; } } /***** 404 Styles *****/ .default-page.error-404-page #fullpage { padding-top: 3em; } .default-page.error-404-page #fullpage::after { background-color: transparent; } /***** Password Page Styles *****/ .default-page.system-password-page .password-box .bad-password { margin: 20px 0 0 !important; color: #e32726 !important; } .default-page.system-password-page .password-box input[type=password] { height: 48px !important; padding: 0 20px; border: 2px solid #231f20; border-radius: 4px; margin-top: 20px !important; } .default-page.system-password-page .password-box input::placeholder { color: #a7a5a6; font-family: 'Karla',sans-serif !important; font-weight: 400; } .default-page.system-password-page .password-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a7a5a6; font-family: 'Karla',sans-serif !important; font-weight: 400; } .default-page.system-password-page .password-box input::-ms-input-placeholder { /* Microsoft Edge */ color: #a7a5a6; font-family: 'Karla',sans-serif !important; font-weight: 400; } .default-page.system-password-page .password-box input[type=submit] { cursor: pointer; height: auto !important; font-size: 16px !important; font-family: 'Catamaran',sans-serif !important; font-weight: 800 !important; background-color: #e32726 !important; border-radius: 35px !important; padding: .7em 1.4em !important; line-height: 120%; min-width: auto; transition: .3s all; display: block; margin-top: 30px !important; } .default-page.system-password-page .password-box input[type=submit]:hover { background-color: #231f20 !important; } .default-page.system-password-page .password-box input[type=submit]:focus, .contact-us input[type=submit]:focus { outline: none !important; } .Social-Follow-Me .icon:nth-child(2) svg {max-height:23px; width:auto; } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ .pwc-landing #mission .row.one { position: relative; max-width: 1220px; width: 90%; float: none; margin: 0 auto; } .pwc-landing.challenges .page-hero-section .row .panel-title { white-space: normal; } .page.pwc-landing .page-hero-section::after { height: 95%; left: 0; right: unset; width: 76%; } .pwc-landing #testimonials-staff .row { position: relative; max-width: 1220px; width: 90%; float: none; margin: 0 auto; } .pwc-landing .controls-elements { width: 100%; background-color: #fff; display: flex; padding: 0; } .pwc-landing .slider-navigation { display: flex; margin-right: 1.5em; } .pwc-landing .slider-counter { display: flex; } .pwc-landing .prev-item { margin-right: 2em; } .pwc-landing .slider-navigation>div { transition: .3s all; } .pwc-landing .slider-counter>div { font-family: 'Catamaran',sans-serif; font-weight: 500; width: 1em; text-align: center; } .pwc-landing .slider-counter .total-slides, .slider-counter span { color: #d3d2d2; font-weight: 500; } .pwc-landing .slider-counter .total-slides { margin-left: .4em; } .pwc-landing .slider-counter .current-slide { margin-right: .3em; } .pwc-landing .reference-slider-text .feedback-text { border: 0; margin: 0; padding: 0; font-size: 1.55em; position: relative; max-width: 700px; line-height: 130%; padding: 3em 0 2em; margin-bottom: 0; z-index: 1; } .pwc-landing .reference-slider-text .feedback-text:before { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; bottom: 0; right: 0; font-size: 1rem; background: url(https://www.etu.co/hubfs/ETU%20theme/reviews-ico.svg) 100% no-repeat; transform: rotate(180deg); background-size: contain; } .pwc-landing .reference-slider-text .feedback-text:after { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; top: 1.3em; left: -1.7em; font-size: 1rem; background: url(https://www.etu.co/hubfs/ETU%20theme/reviews-ico.svg) 100% no-repeat; background-size: contain; z-index: -1; } .pwc-landing .reference-slider-wrapper .bx-viewport { overflow: visible !important; } .pwc-landing .reference-slider-text .feedback-author { font-family: 'Catamaran',sans-serif; font-weight: 900; max-width: 440px; margin-bottom: .3em; font-size: 1.2rem; padding-top: 1.5em; } .pwc-landing .reference-slider-text .job-position { font-size: 1em; color: #e32726; max-width: 440px; } #testimonials-staff { padding-top: 6.5em; padding-bottom: 9em; } .pwc-landing #testimonials-staff .row.one { text-align: center; } .pwc-landing #testimonials-staff .row.two{ padding-top: 3em; padding-left: 2.6em; } .pwc-landing #testimonials-staff .row.two .row-fluid .widget-span:first-child { padding-top: 7em; } .pwc-landing #testimonials-staff .row.two .row-fluid .widget-span:last-child{ padding-left: 4em; } #testimonials-staff .panel-label-anim { margin-left: auto; margin-right: auto; padding-right: 2.8em; text-align: center; justify-content: center; } #testimonials-staff .img-author{ float: left; margin-right: 24px; } #testimonials-staff .img-author img { object-fit: contain; border-radius: 50%; width: auto; } .pwc-landing #mission::after { width: 75%; height: 45%; } .pwc-landing #mission .module.two { max-width: 600px; } .pwc-landing #mission .module.two.three { padding-top: 2.5em ; max-width: 100%; width: 100%; margin-bottom: 7em; } .pwc-landing #mission blockquote { border: 0; margin: 0; padding: 0; font-size: 1.77em; position: relative; max-width: 700px; line-height: 130%; padding: 1em 2em 2em 1.8em; margin-bottom: 0; z-index: 1; } .pwc-landing #mission blockquote:before { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; bottom: 2em; right: 4em; font-size: 1rem; background: url(https://www.etu.co/hubfs/ETU%20theme/reviews-ico.svg) 100% no-repeat; transform: rotate(180deg); background-size: contain; } .pwc-landing #mission blockquote:after { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; top: 0.3em; left: 0.3em; font-size: 1rem; background: url(https://www.etu.co/hubfs/ETU%20theme/reviews-ico.svg) 100% no-repeat; background-size: contain; z-index: -1; } .pwc-landing #mission .author-info { padding-top: 2.4em; margin-left: 2%; width: 20%; } .pwc-landing #mission .author-info h5 { font-size: 1.555em; font-weight: 800; margin-bottom: 0; } .pwc-landing #mission .author-info p { font-size: 1em; line-height: 150%; color: #E32726; max-width: 228px; margin-bottom: 2em; } .pwc-landing #mission .author-info div p a{ color: #383435; font-family: 'Catamaran',sans-serif; font-size: 1.333em; font-weight: 700; line-height: 1; display: block; margin-top: 7px; } .pwc-landing #mission .mod_text { width: 49%; } .pwc-landing #mission a.member-linkedin .hover { display: none; } .pwc-landing #mission a.member-linkedin:hover .hover { display: block; } .pwc-landing #mission a.member-linkedin:hover .main { display: none; } .pwc-landing #mission .feedback-author { margin-left: 5.7%; margin-top: 0; } .pwc-landing #mission .col.two h3{ text-align: center; margin-bottom: 1em; } .pwc-landing .team_cont .widget-type-rich_text{ height: 100%; padding: 65px 56px 70px 80px; background: #F4F3F3; position: relative; } .pwc-landing .team_cont .widget-type-rich_text h4 { font-size: 1.555em; font-weight: 800; margin-bottom: 0; } .pwc-landing .team_cont .widget-type-rich_text p { font-size: 1em; line-height: 150%; color: #E32726; max-width: 100%; margin-bottom: 2em; font-weight: 700; } .pwc-landing .member-socials { position: absolute; bottom: 68px; } .pwc-landing .team_cont .row-fluid { display: flex; flex-wrap: wrap; } .pwc-landing .team_cont .row-fluid:after, .pwc-landing .team_cont .row-fluid:before { display: none; } .challenges.pwc-landing .solution .row.one .group-module>.row-fluid-wrapper { width: 100%; margin-right: 2%; } .challenges.pwc-landing .solution { background: #F4F3F3; } .challenges.pwc-landing .solution .row.one .group-module>.row-fluid-wrapper h2{ max-width: 700px; } .challenges.pwc-landing .solution .row.two .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module{ display: flex; flex-wrap: wrap; justify-content: space-between; } .challenges.pwc-landing .solution .row.two .post-container{ width: 49%; display: flex; flex-direction: row-reverse; position: relative; align-items: flex-start; margin-top: 1.5em; justify-content: flex-end; margin-bottom: 2em; } .challenges.pwc-landing .solution .row.two .post-content { background-color: #fff; width: 69%; margin-top: 0; position: relative; z-index: 10; padding: 1.8em 1.9em 1.8em 3em; display: flex; flex-direction: column; margin-top: 1.5em; } .challenges.pwc-landing .solution .row.two .post-tags { font-size: .888em; color: #7b7979; text-transform: capitalize; font-style: italic; transition: .3s all; align-self: flex-end; margin-bottom: 2.2em; position: relative; padding-left: 8px; margin-bottom: 1em; } .challenges.pwc-landing .solution .row.two { max-width: 1330px; padding-top: 4em; } .challenges.pwc-landing .solution .row.two .post-tags::before { position: absolute; content: ''; width: 4px; height: 4px; background-color: #e32726; left: 0; top: .45em; border-radius: 50%; } .challenges.pwc-landing .solution .row.two .post-container > img{ width: 300px; padding: 0; object-fit: cover; height: 322px !important; position: absolute; top: 0; right: 0; } .challenges.pwc-landing .solution .row.two .post-content-wrap { margin-bottom: 1.7em; } .challenges .solution .row.two h3.post-title::after { display: none; } #fourth.transforming-pwc { padding-top: 6em; padding-bottom: 7.5em; } #fourth.transforming-pwc .module.two h2{ max-width: 1000px; margin-bottom: 0.2em; } .pwc-landing.challenges .challenges-section .blurbs { position: relative; } .pwc-landing.challenges .challenges-section .blurbs .img_panel2 { position: absolute; top: -14em; right: 0; max-width: 443px; } #fourth.transforming-pwc .blurbs .module.text { max-width: 980px; margin-bottom: 5.8em; } #fourth.transforming-pwc .blurbs .module.text p a { color: #E32726; text-decoration: underline; } #fourth.transforming-pwc .blurbs .module.text p a:hover { text-decoration: none; } .pwc-landing.challenges .challenges-section .blurb-box h3::after { width: 4em; height: 4em; position: absolute; content: ''; left: 50%; top: -.8em; transform: translateX(-50%); border: 1px solid #d3d2d2; border-radius: 50%; z-index: -1; } .pwc-landing.challenges .challenges-section .blurb-box .red { display: block; font-family: 'Catamaran',sans-serif; font-size: 1.5em; margin-bottom: 0.2em; } .pwc-landing.challenges .challenges-section .blurb-box h3 { font-size: 1.777em; font-weight: 900; font-family: 'Catamaran',sans-serif; text-align: center; margin-bottom: 0; line-height: 1; position: relative; } .pwc-landing.challenges .challenges-section .blurb-box .title-cap { font-size: 18px; text-align: center; margin-bottom: 0; } .pwc-landing.challenges .resours .row.one p { padding-left: 6em; } .pwc-landing .resours .row.one { margin-bottom: 4em; } .page.pwc-landing .resources-posts .col.two >.row-fluid-wrapper:last-child { margin-right: 0; margin-top: 0; width: 100%; } .page.pwc-landing .resources-posts .col.two >.row-fluid-wrapper .module.one.two > div{ display: flex; flex-wrap: wrap; float: none; } .pwc-landing .resours { padding-bottom: 5em; } .pwc-landing .resours .module.one.two .post-container{ width: 47%; margin-right: 6%; } .pwc-landing .resours .module.one.two .post-container:last-child { margin-right: 0; margin-top: 6%; } .pwc-landing .resours .module.one.two .post-container .post-content { background-color: #F4F3F3; width: 100%; margin-left: -3em; padding-left: 3em; } .page.pwc-landing .techonology::after { right: unset; top: 0; left: 0; width: 72%; height: 91.5%; } .page.pwc-landing .techonology .back-part { padding: 3em 0; } #upskilling .images-support { display: flex; justify-content: space-between; max-width: 680px; margin: 4em auto 2.2em; align-items: center; } #upskilling .images-support img{ object-fit: contain; } #upskilling .module.two p { max-width: 889px; margin-left: auto; margin-right: auto; text-align: center; } #upskilling .module.two { margin-bottom: 3em; } .pwc-landing .side-strip-form { width: 52%; } .pwc-landing .side-strip-nav { width: 47%; } .pwc-landing .main-footer .inner-section.two { padding: 5em 0 3em; } .pwc-landing .side-strip { background-color: #E32726; } .pwc-landing .side-strip>div img { transform: rotate(180deg); } .pwc-landing .side-strip-form:after { right: unset; left: -18px; } .page.pwc-landing .post-button .rollover-img .second-main-part-ico { display: none; } .page.pwc-landing .techonology .widget-type-linked_image img { max-width: 100% !important; position: relative; margin-top: 2em; } .pwc-landing.challenges .challenges-section .row.four { text-align: center; } .module_scroll { margin-top: 4em; } @media (min-width: 980px) { .page.pwc-landing .page-hero-section { min-height: 850px; } .challenges.pwc-landing .solution .row.one .group-module>.row-fluid-wrapper p{ padding-left: 5.5em; max-width: 1010px; } .pwc-landing .solution .row.one { padding: 7em 0 0; } .pwc-landing.challenges .challenges-section .blurbs { padding-left: 3.8em; } .pwc-landing.challenges .challenges-section .blurbs .module.text { margin-left: 1.9em; margin-bottom: 6.8em; } .pwc-landing.challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper { width: 28%; margin-right: 6.5%; } .pwc-landing.challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper:last-child { margin-right: 0; } } @media (min-width: 1441px) { .page.pwc-landing .page-hero-section { min-height: 1000px; } } @media (min-width: 1024px) and (max-width: 1200px) { .page.pwc-landing .page-hero-section { min-height: 750px; } } @media (min-width: 768px) and (max-width: 1023px) { .page.pwc-landing .page-hero-section { min-height: auto; } } @media (min-width: 768px) { .pwc-landing #mission { padding-top: 3.2em; padding-bottom: 9em; } .page.pwc-landing .techonology .row.one>.row-fluid-wrapper:last-child { width: 100%; margin-left: 0; position: relative; padding-left: 0; } .challenges.pwc-landing .solution .row.two .post-title { font-size: 1.555em; font-weight: 800; margin-bottom: 0; line-height: 130%; padding-bottom: 0em; } .challenges.pwc-landing .solution .row.two .post-description { line-height: 145%; color: #231f20; } .page.pwc-landing .techonology .row.one h2 { margin-bottom: 0.65em; } .page.pwc-landing .techonology .row.one .cta-button{ margin-left: 5em; margin-top: 2em; } .page.pwc-landing .techonology .widget-type-linked_image img { max-width: 111% !important; position: relative; margin-top: 2em; } #upskilling { padding-top: 3.5em; } @media (max-width: 1439px) { #progress-bar .progress-bar-cont li { font-size: 14px; } } @media (max-width: 1320px) { #progress-bar .progress-bar-cont li { font-size: 13px; } } .challenges.pwc-landing .content-part-special .section { padding-right: 33px; } } a @media (max-width: 1139px) and (min-width: 768px) { .page.pwc-landing .resources-posts .post-content-wrap { font-size: 1.2em; } .pwc-landing #mission .author-info { margin-left: 0%; margin-right: 1%; } .page.pwc-landing .resources-posts .col.one .post-tags { position: absolute; top: 2em; } .page.pwc-landing .resources-posts .col.one .post-content { align-items: center; justify-content: center; position: relative; padding: 3em; } } @media (max-width: 1440px) { .page.pwc-landing .page-hero-section p { font-size: 1.305em !important; } } @media (max-width: 1200px) { .pwc-landing.challenges .challenges-section .blurbs .img_panel2 { max-width: 343px; } .pwc-landing #mission .author-info div p a { font-size: 1.2em; } .page.pwc-landing .techonology .back-part { padding: 3em 0 !important; } .pwc-landing .team_cont .widget-type-rich_text { padding: 3em; padding-bottom: 4em; } .pwc-landing .member-socials { bottom: 2.5em; } .pwc-landing #mission { padding-top: 3.2em; padding-bottom: 4em; } .pwc-landing .solution .row.one { padding: 4em 0 0; } .pwc-landing #mission .module.two.three { margin-bottom: 4em; } #testimonials-staff { padding-top: 4.5em; padding-bottom: 4em; } .challenges.pwc-landing .testimonial .back-part { margin-bottom: 6em; } } @media (max-width: 980px){ .challenges.pwc-landing .solution .row.two { padding-bottom: 5em; } #fourth.transforming-pwc { padding-top: 5em; padding-bottom: 5.5em; } .challenges.pwc-landing .solution .row.two .post-content { background-color: #fff; width: 90%; margin-top: 3.5em; } .pwc-landing #progress-bar .progress-bar-cont { width: 100%; } .pwc-landing .main-header .mobile-header .book-a-meet-mobile1 a { display: inline-block; padding: 1.3em 1.5em; color: #fff; text-transform: uppercase; font-family: 'Catamaran',sans-serif; font-size: .5em; font-weight: 800; line-height: 100%; } .pwc-landing .main-header .mobile-header .book-a-meet-mobile1 { background-color: #231f20; transition: .3s all; min-height: auto; margin-right: 1.5em; width: auto !important; } } @media (max-width: 767px){ .page.pwc-landing .section .resources-posts .post-tags { font-size: .888em !important; } .page.pwc-landing .solution .row.two h3 { font-size: 20px; padding-bottom: 0; } .pwc-landing #testimonials-staff .row.two .row-fluid .widget-span:first-child { padding-top: 4em; text-align: center; max-width: 370px; margin: auto; margin-bottom: 2em; } .pwc-landing #mission .module.two { max-width: 600px; width: 100%; } .pwc-landing #mission .author-info { padding-top: 1.4em; margin-left: 3.4em; width: 100%; } .pwc-landing .team_cont .row-fluid { flex-direction: column; } .pwc-landing .team_cont .widget-type-rich_text { padding-bottom: 3em; max-width: 300px; margin: 1em auto 1em; } .pwc-landing .member-socials { position: absolute; bottom: 2.5em; } .challenges.pwc-landing .solution .row.two .post-container { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 5em; } .challenges.pwc-landing .solution .row.two .post-content { background-color: #fff; width: 90%; margin-top: 8.5em; } #upskilling .images-support img { width: 24%; } .page.pwc-landing .techonology .back-part { padding: 0 0 3em 0 !important; } .challenges.pwc-landing .resours .resources-posts { margin-bottom: 0; } .pwc-landing .resours .module.one.two .post-container { width: 100%; margin-right: 0; } .pwc-landing .resours .module.one .post-container .post-content { margin-left: 0em !important; width: 95%; padding: 2em; } .pwc-landing .resours .module.one.two .post-container .post-content { width: 95%; } .page.pwc-landing .section .resources-posts .col.one .post-image { width: 90% !important; margin-right: 0 !important; margin-left: auto; margin-left: a; } .pwc-landing.challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper { margin-bottom: 4em; } .pwc-landing.challenges #fourth.transforming-pwc .blurbs .group-module>.row-fluid-wrapper { margin-bottom: 4em; } .pwc-landing.challenges .challenges-section .blurbs .group-module { margin-bottom: 0; } .pwc-landing.challenges .resours .row.one p { padding-left: 2em; } .pwc-landing.challenges .panel-label-anim { margin-bottom: -6em; } .pwc-landing #testimonials-staff .row.two { padding-left: 0; } .pwc-landing #testimonials-staff .row.two .row-fluid .widget-span:last-child { padding-left: 3em; } .challenges.pwc-landing .solution .row.two { padding-bottom: 5em; } .pwc-landing .main-footer .design-label { display: block; } } @media (max-width: 500px){ .pwc-landing #testimonials-staff .row.two .row-fluid .widget-span:first-child { padding-top: 1em; max-width: 183px; margin-bottom: 2em; } .pwc-landing .reference-slider-text .feedback-text:after, .pwc-landing .reference-slider-text .feedback-text:before { width: 2.8655em; height: 2.1611em; } } /* @import url('http://example.com/example_style.css'); */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ .why_sims.page .content-part-special .section { overflow-x: hidden; overflow-y: hidden; /* SD added */ } @media (max-width: 1440px){ .why_sims .content-part-special .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .why_sims .content-part-special .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .why_sims .content-part-special .section { font-size: .7rem !important; } } @media (max-width: 980px){ .why_sims .content-part-special .section { font-size: .65rem !important; } } @media (max-width: 767px){ .why_sims .content-part-special .section { font-size: .55rem !important; } } @media (max-width: 480px){ .why_sims .content-part-special .section { font-size: .45rem !important; } } @keyframes beautyCirclesDark { 0% { transform: translate(0,0); } 16% { transform: translate(-10px,-30px); animation-delay: 1s; } 32% { transform: translate(-40px,-10px); animation-delay: 1s; } 64% { transform: translate(-10px,-10px); animation-delay: 1s; } 80% { transform: translate(30px,-30px); animation-delay: 1s; } 90% { transform: translate(0,0); animation-delay: 1s; } 100% { transform: translate(0,0); } } @keyframes beautyCirclesRed { 0% { transform: translate(0,0); } 16% { transform: translate(-20px,-50px); animation-delay: 1s; } 32% { transform: translate(-40px,-30px); animation-delay: 1s; } 64% { transform: translate(-20px,10px); animation-delay: 1s; } 80% { transform: translate(30px,-50px); animation-delay: 1s; } 90% { transform: translate(0px,-10px); animation-delay: 1s; } 100% { transform: translate(0,0); } } .why_sims.page .section.simulation { overflow: hidden; } .why_sims.page .section.simulation .back-part { background: none; } .why_sims.page .section.simulation .row.one { display: flex; flex-flow: row wrap; max-width: 1216px; width: 86%; margin-top: 6vh; margin-left: auto; margin-right: auto; flex-wrap: wrap; } .why_sims.page .simulation:after { width: 74.5%; height: 100%; } .why_sims.page .section.simulation .row.one .col.one .module.three { margin-bottom: 3vh; } .why_sims.page .section.simulation .row.one h1 { line-height: 1.09; } .why_sims.page .section.simulation .row.one h1~p { line-height: 1.36; } .why_sims.page .section.simulation .row.one h1~p:last-of-type { margin-bottom: calc(.75em + 2%); } .why_sims.page .simulation .scroll-down { margin-bottom: 2%; } .why_sims.page .simulation .scroll-down span { font-weight: 900; color: #E32726; font-family: "Catamaran", sans-serif; font-size: 1.08em; margin-bottom: .3em; } .why_sims.page .simulation .row.one>.row-fluid-wrapper { width: 100%; margin-right: 0; } .why_sims.page .simulation .row.one>.row-fluid-wrapper:nth-child(2) { z-index: 0; } .why_sims.page .section.simulation .row.one .col.two { animation: unset; } .why_sims.page .section.simulation .row.one .col{ width: 100%; max-width: 100%; margin: 0 0 1em; padding: 0; } .why_sims.page .color-circles { padding-left: 7em; padding-top: 1em; /* display:none; */ } @media (max-width: 980px){ .why_sims.page .color-circles { left: -5em !important; position: relative !important; } } .why_sims.page .mobile-color-circles { display: none; } .why_sims.page .color-circles .dark-circle { position: relative; background-color: #231F20; width: 17.83em; height: 17.83em; border-radius: 50%; right: 0; bottom: 0; } .why_sims.page .color-circles .dark-circle { animation: beautyCirclesDark 17s infinite; /* animation-play-state: paused; */ } .why_sims.page .color-circles .red-circle { position: absolute; background-color: #E32726; height: 10.22em; width: 10.22em; border-radius: 50%; top: 1em; left: -7em; } .why_sims.page .color-circles .red-circle { animation: beautyCirclesRed 17s infinite; /* animation-play-state: paused; */ } /* section measure-skill */ .why_sims.page .section.measure-skill { } .why_sims.page .section.measure-skill .back-part { padding: 7.5% 0; background: none; } .why_sims.page .section.measure-skill .row { width: 86%; max-width: 1217px; margin: 0 auto; } .why_sims.page .section.measure-skill .row.one { display: flex; flex-flow: row wrap; justify-content: center; } .why_sims.page .section.measure-skill.develop .row.one > .row-fluid-wrapper { width: 100%; margin-right: 0; } .why_sims.page .section.measure-skill h2 { margin-bottom: 0.35em; } .why_sims.page .section.measure-skill p { line-height: 1.5; } .why_sims.page .section.measure-skill h2~p:last-child{ margin-bottom: 1.6em; } .why_sims.page .section.measure-skill.develop .back-part { padding: 2.1% 0 ; } .why_sims.page .section.measure-skill.develop h2~p{ } .why_sims.page .measure-skill.develop.personalize { } /* features-section */ .why_sims.page .features-section { } .why_sims.page .features-section:after { width: 64.5%; height: 89.5%; } .why_sims.page .features-section .row.one { max-width: 980px; margin-bottom: 6.5%; } .why_sims.page .features-section .row.one h2{ margin-bottom: .45em; } .why_sims.page .features-section .row.two { max-width: 1220px; padding: 0; } .why_sims.page .features-section .row.two .col.one { text-align: right; } .why_sims.page .features-section .row.two .col.one .module { margin-bottom: 2em; } .why_sims.page .features-section .row.two .col.two .module { margin-bottom: 2.8em; } .why_sims.page .features-section .row.two h3:after, .why_sims.page .features-section .row.two h3:before{ content: none; } .why_sims.page .features-section .row.two h3{ padding: 0; } .why_sims.page .section.options { } .why_sims.page .section.options:after{ content: ''; display: block; position: absolute; left: 50%; top: 4%; transform: translate(-50%, 0); width: 78.5%; height: 65%; background: #F4F3F3; z-index: -2; } .why_sims.page .section.options .back-part { } .why_sims.page .section.options .row.one { max-width: 1122px; margin-bottom: 3em; } .why_sims.page .section.options .row.one p { max-width: 950px; } .why_sims.page .section.options .row.two { max-width: 1060px; text-align: center; } .why_sims.page .section.options .row.two:after{ content: none; } .why_sims.page .section.options .row.two .col{ max-width: 100%; width: 100%; } .why_sims.page .section.options .row.two .module.one { margin-bottom: 2.8em; } @media (min-width: 768px){ .why_sims.page .section.simulation .row.one p { max-width: 72%; padding: 0; } .why_sims.page .simulation .row.one>.row-fluid-wrapper:nth-child(1) { width: 72%; margin-right: 3%; } .why_sims.page .simulation .row.one>.row-fluid-wrapper:nth-child(2) { width: 25%; } .why_sims.page .features-section .back-part{ padding: 11.5% 0 5%; } .why_sims.page .features-section .row.one h2~p{ line-height: 1.45; padding: 0 3%; } .why_sims.page .features-section .row{ width: 86%; } .why_sims.page .features-section .row.one{ text-align: center; } .why_sims.page .features-section .row.two>.row-fluid-wrapper:first-child{ width: 52.5%; margin-right: 6.5%; } .why_sims.page .features-section .row.two>.row-fluid-wrapper:nth-child (2){ width: 41%; padding-top: 1.3%; } .why_sims.page .features-section .row.two h3{ font-size: 1.5em; margin-bottom: 0.3em; font-weight: 900; } .why_sims.page .features-section .row.two h3~p{ font-size: 1.35em; line-height: 1.35; } .why_sims.page .section.measure-skill .panel-label-anim { margin: -3em 0 -8em -2.6em; padding: 4.3em 0 8em 2.8em; } .why_sims.page .section.measure-skill.develop .panel-label-anim { margin: -3em 0 -6.5em -2.6em; } .why_sims.page .section.measure-skill .row.one > .row-fluid-wrapper:nth-of-type(1) { width: 47%; margin-right: 3.5%; } .why_sims.page .section.measure-skill .row.one > .row-fluid-wrapper:nth-of-type(2) { width: 49.5%; } .why_sims.page .section.measure-skill.develop .row.one > .row-fluid-wrapper:nth-of-type(2) { width: 43%; margin-right: 0; padding-top: 2%; } .why_sims.page .section.measure-skill.develop .row.one > .row-fluid-wrapper:nth-of-type(1) { width: 53.5%; margin-right: 0; margin-right: 3.5%; } .why_sims.page .section.measure-skill.develop .row.one > .row-fluid-wrapper { display: flex; align-items: center; } .why_sims.page .section.measure-skill.develop h2~p:last-child{ margin-bottom: 2.6em; } .why_sims.page .section.measure-skill.develop .row.one .col.two>.row-fluid-wrapper { width: 35vw; max-width: 126% } .why_sims.page .section.measure-skill.develop h2~p{ max-width: 82%; } .why_sims.page .measure-skill.develop.personalize .back-part { padding: 8.3% 0 5.5%; } .why_sims.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(1) { width: 47.5%; margin-right: 3.5%; } .why_sims.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(2) { width: 49%; } .why_sims.page .measure-skill.develop.personalize h2~p:last-child { max-width: 89%; } .why_sims.page .measure-skill.develop.personalize .row.one .col.two>.row-fluid-wrapper { max-width: 100%; width: 100%; } .why_sims.page .section.options .back-part { padding: 5% 0 7.5%; } .why_sims.page .section.options .row { width: 82%; } .why_sims.page .section.options .row.two .vidyard-player-container > div { padding-bottom: 57.25% !important; } } @media (max-width: 1440px){ .why_sims.page .section.options:after{ width: 91%; } } @media (max-width: 980px){ .why_sims.page .simulation .scroll-down span { font-size: 15px; } } @media (max-width: 767px){ .why_sims.page .simulation .row.one>.row-fluid-wrapper:nth-child(2) { width: 50%; position: absolute; right: 0; left: unset; opacity: .55; } .why_sims.page .section.measure-skill .back-part { padding: 35px 0 !important; } .why_sims.page .section.measure-skill .row.one .col { margin-bottom: 35px !important; } .why_sims.page .section.measure-skill.develop .row.one { flex-direction: column-reverse; } } @media (max-width: 480px){ } /* Most usefull colors */ /* Control points variables */ .why-sims2024{ } .why-sims2024 .simulation { position:relative; z-index: 99; } .why-sims2024 .simulation .row.two { max-width: 1216px; width: 86%; } .why-sims2024 .simulation .scroll-buttons-row>div>div{ display: flex; flex-flow: row wrap; justify-content: space-between; column-gap: 3%; } .why-sims2024 .simulation .scroll-buttons-row>div>div:before, .why-sims2024 .simulation .scroll-buttons-row>div>div:after{ content: unset; } .why-sims2024 .simulation .row.two .scroll-down{ max-width: max-content; text-align:center; width: auto; } .why-sims2024 .simulation .scroll-item{ margin:0 ; text-transform: uppercase; max-width: max-content; width: auto; } .why-sims2024 .simulation:after { content:unset !important; } .why-sims2024 .simulation .laptop-wrap { width: 184%; max-width: 42vw; position:relative; left:78.5%; transform: translateX(-50%); text-align:center; margin-bottom: 3em; } .why-sims2024 .simulation .laptop-wrap:after, .why-sims2024 .simulation .laptop-wrap:before{ content: ''; display:block; position: absolute; background: #E32726; border-radius: 50%; width:184px; max-width: 12vw; height: 184px; max-height: 12vw; top: -2.7em; left: 0.3em; z-index: -1; transition: .6s .4s ease-in-out; opacity: .4; transform:scale(.3); } .why-sims2024 .simulation .laptop-wrap:after{ top: unset; left: unset; right: 1.8em; bottom: -4em; background-color:#383435; width: 321px; height: 321px; transition-delay: .8s; } .why-sims2024 .simulation.animate__animated .laptop-wrap:after, .why-sims2024 .simulation.animate__animated .laptop-wrap:before{ opacity: 1; transform:scale(1); max-width: 18vw; max-height: 18vw; } .why-sims2024 .features-section { margin-top: 0; } .why-sims2024.page .section.measure-skill .back-part{ } .why-sims2024.page .section.measure-skill .back-part:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .1; background: rgba(0, 0, 0, 0.5); background: url(https://www.etu.co/hubfs/ETU%20theme/measure-bgg.svg) no-repeat top center / cover; z-index: -1; } .why-sims2024.page .value .cta-row{ text-align: center; } .why-sims2024.page .value:not(.challange-section) .row-group .row.two{ margin-bottom: 3.75em !important; padding-bottom: 0!important; } /* .why-sims2024 .simulation .img-or-mov-mod .movie-container{ padding: 6.5% 0 4%; } .why-sims2024 .simulation .img-or-mov-mod .video-mask~.movie-wrap{ max-width: 78%; padding-top: 46%; } */ @media (min-width: 768px){ .why-sims2024.page .section.simulation .row.one { margin-bottom: 3em !important; } .why-sims2024.page .simulation .row.one>.row-fluid-wrapper:first-child { margin-right: 3.5%; width: 61%; } .why-sims2024.page .simulation .row.one>.row-fluid-wrapper:nth-child(2){ width: 35.5%; } .why-sims2024.page .section.simulation .row.one p{ max-width: 87%; } .why-sims2024.page .features-section .row.one{ max-width: 1040px; margin-bottom: 2.85em; } .why-sims2024.page .features-section .row.one h2~p{ max-width: 100%; padding:0; } .why-sims2024.page .features-section .row.two h3~p{ font-size: 1.115em; line-height: 1.5; } .why-sims2024.page .features-section .row.two .col.two .module { margin-bottom: 2.4em; } .why-sims2024.page .features-section:after{ right: unset; left:0; width: 60.5%; } .why-sims2024.page .features-section .row.two .col.one .module{ margin-bottom: .75em; } .why-sims2024.page .features-section .row.two .col.one .module .hs-video-wrapper{ padding-bottom: 62.25%!important; } .why-sims2024.page .features-section .back-part { padding: 11.5% 0 2.5%; } .why-sims2024.page .section.measure-skill:not(.develop) .row{ max-width: 1280px; } .why-sims2024.page .section.measure-skill .back-part { padding: 8.5% 0 3%; } .why-sims2024.page .section.measure-skill .panel-label-anim { margin: -3em 0 -7em -2.6em; } .why-sims2024.page .section.measure-skill .col.two.column-media{ margin-top: -1em; } .why-sims2024.page .value:not(.challange-section){ padding-bottom: 5.25%; } .why-sims2024.page .value:not(.challange-section) .col.one h2 { max-width: 865px; } .why-sims2024.page .value:not(.challange-section) .panel-label-anim { padding-top: 5em; margin-bottom: -6.5em; } .why-sims2024.page .value:not(.challange-section) .col.one h2~p{ max-width: 792px; } .why-sims2024.page .value:not(.challange-section) .row-group .row.two { margin-top: 0.9em; } .why-sims2024.page .value:not(.challange-section) .row-group .red:after{ top: 48%; } .why-sims2024.page .value:not(.challange-section) .row-group .red{ margin-bottom: 0.15em; } .why-sims2024.page .value:not(.challange-section) .row-group .row.two .bl-col p{ font-size: .76em; } .why-sims2024.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:first-of-type { width: 44.5%; } .why-sims2024.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(2) { width: 52%; } .why-sims2024.page .measure-skill.develop.personalize .column-media { max-width: 50vw; width: 152%; } .why-sims2024.page .section.measure-skill h2 { margin-bottom: 0.45em; } .why-sims2024.page .measure-skill.develop.personalize h2~p:last-child { max-width: 85%; } .why-sims2024.page .measure-skill.develop.personalize .back-part { padding: 8.3% 0 8.5%; } .why-sims2024.page .measure-skill.develop.personalize .back-part:after{ content: ''; display: block; width: 50%; height: 100%; position: absolute; right: 0; top: 29px; max-width: 38.5vw; background: #F4F3F3; z-index: -1; } .why-sims2024.page .easy-steps-section { padding:6% 0 7.25%; } } @media (max-width: 1700px){ .why-sims2024 .simulation .laptop-wrap{ left: 60.5%; } } @media (max-width: 1440px){ .why-sims2024 .simulation .laptop-wrap { left: 50.5%; } .why-sims2024 .simulation.animate__animated .laptop-wrap:after{ max-height: 14vw; max-width: 14vw; bottom: -1em; right: 1em; } .why-sims2024 .simulation.animate__animated .laptop-wrap:before{ max-height: 11vw; max-width: 11vw; left: 0; top: -2em; } @media(min-width: 768px){ .why-sims2024.page .simulation .row.one>.row-fluid-wrapper:first-child { margin-right: 6.5%; width: 58%; } } } @media (max-width: 767px){ .why-sims2024 .simulation .row.two { width: 90%; margin-bottom: 4.5em; } .why-sims2024 .simulation .row.two .scroll-down{ } .why-sims2024 .simulation .scroll-buttons-row>div>div { column-gap: 16%; justify-content: center; row-gap:1.55em } .why-sims2024 .simulation .back-part .row.one>.row-fluid-wrapper:nth-child(2){ opacity: 1; position: static; width: 100%; } .why-sims2024 .simulation .laptop-wrap{ max-width: 100vw; } .why-sims2024 .simulation.animate__animated .laptop-wrap:after{ max-height: 24vw; max-width: 24vw; } .why-sims2024 .simulation.animate__animated .laptop-wrap:before{ max-height: 18vw; max-width: 18vw; left: 1em; } .why-sims2024 .features-section .row.one { margin-bottom: 3em; } .why-sims2024 .section.measure-skill .row.one .col.one{ margin-bottom: 0 !important; } } /* @import url('http://example.com/example_style.css'); */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ .sample_a_sim.page .content-part-special .section { overflow-x: hidden; overflow-y: hidden; /* SD added */ } @media (max-width: 1440px){ .sample_a_sim .content-part-special .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .sample_a_sim .content-part-special .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .sample_a_sim .content-part-special .section { font-size: .7rem !important; } } @media (max-width: 980px){ .sample_a_sim .content-part-special .section { font-size: .65rem !important; } } @media (max-width: 767px){ .sample_a_sim .content-part-special .section { font-size: .55rem !important; } } @media (max-width: 480px){ .sample_a_sim .content-part-special .section { font-size: .45rem !important; } } @keyframes beautyCirclesDark { 0% { transform: translate(0,0); } 16% { transform: translate(-10px,-30px); animation-delay: 1s; } 32% { transform: translate(-40px,-10px); animation-delay: 1s; } 64% { transform: translate(-10px,-10px); animation-delay: 1s; } 80% { transform: translate(30px,-30px); animation-delay: 1s; } 90% { transform: translate(0,0); animation-delay: 1s; } 100% { transform: translate(0,0); } } @keyframes beautyCirclesRed { 0% { transform: translate(0,0); } 16% { transform: translate(-20px,-50px); animation-delay: 1s; } 32% { transform: translate(-40px,-30px); animation-delay: 1s; } 64% { transform: translate(-20px,10px); animation-delay: 1s; } 80% { transform: translate(30px,-50px); animation-delay: 1s; } 90% { transform: translate(0px,-10px); animation-delay: 1s; } 100% { transform: translate(0,0); } } .sample_a_sim.page .section.simulation { overflow: hidden; } .sample_a_sim.page .section.simulation .back-part { background: none; } .sample_a_sim.page .section.simulation .row.one { display: flex; flex-flow: row wrap; max-width: 1216px; width: 86%; margin-top: 6vh; margin-left: auto; margin-right: auto; flex-wrap: wrap; } .sample_a_sim.page .simulation:after { width: 100%; height: 100%; } .sample_a_sim.page .section.simulation .row.one .col.one .module.three { margin-bottom: 3vh; } .sample_a_sim.page .section.simulation .row.one h1 { line-height: 1.09; } .sample_a_sim.page .section.simulation .row.one h1~p { line-height: 1.36; } .sample_a_sim.page .section.simulation .row.one h1~p:last-of-type { margin-bottom: calc(.75em + 2%); } .sample_a_sim.page .simulation .scroll-down { margin-bottom: 2%; } .sample_a_sim.page .simulation .scroll-down span { font-weight: 900; /* color: #E32726; */ font-family: "Catamaran", sans-serif; font-size: 1.08em; margin-bottom: .3em; } .sample_a_sim.page .simulation .row.one>.row-fluid-wrapper { width: 100%; margin-right: 0; } .sample_a_sim.page .simulation .row.one>.row-fluid-wrapper:nth-child(2) { z-index: 0; } .sample_a_sim.page .section.simulation .row.one .col.two { animation: unset; } .sample_a_sim.page .section.simulation .row.one .col{ width: 100%; max-width: 100%; margin: 0 0 1em; padding: 0; } .sample_a_sim.page .color-circles { padding-left: 7em; padding-top: 1em; /* display:none; */ } @media (max-width: 980px){ .sample_a_sim.page .color-circles { left: -5em !important; position: relative !important; } } .sample_a_sim.page .mobile-color-circles { display: none; } .sample_a_sim.page .color-circles .dark-circle { position: relative; background-color: #231F20; width: 17.83em; height: 17.83em; border-radius: 50%; right: 6em; bottom: 2em; } .sample_a_sim.page .color-circles .dark-circle { animation: beautyCirclesDark 17s infinite; /* animation-play-state: paused; */ } .sample_a_sim.page .color-circles .red-circle { position: absolute; background-color: #E32726; height: 15.22em; width: 15.22em; border-radius: 50%; top: 6em; right: -4em; } .sample_a_sim.page .color-circles .grey-circle-1 { position: absolute; background-color: #c2c0c1; height: 3em; width: 3em; border-radius: 50%; bottom: 0; left: -.8em; } .sample_a_sim.page .color-circles .grey-circle-2 { position: absolute; background-color: #c2c0c1; height: 3em; width: 3em; border-radius: 50%; bottom: -4.2em; right: -4.4em; } .sample_a_sim.page .color-circles .grey-circle-3 { position: absolute; background-color: #c2c0c1; height: 1.5em; width: 1.5em; border-radius: 50%; bottom: -1.2em; left: -2.2em; } .sample_a_sim.page .color-circles .grey-circle-4 { position: absolute; background-color: #c2c0c1; height: 1.5em; width: 1.5em; border-radius: 50%; bottom: -5.4em; right: -5.6em; } .sample_a_sim.page .color-circles .red-circle { animation: beautyCirclesRed 17s infinite; /* animation-play-state: paused; */ } /* section measure-skill */ .sample_a_sim.page .section.measure-skill { } .sample_a_sim.page .section.measure-skill .back-part { padding: 7.5% 0; background: none; } .sample_a_sim.page .section.measure-skill .row { width: 86%; max-width: 1217px; margin: 0 auto; } .sample_a_sim.page .section.measure-skill .row.one { display: flex; flex-flow: row wrap; justify-content: center; } .sample_a_sim.page .section.measure-skill.develop .row.one > .row-fluid-wrapper { width: 100%; margin-right: 0; } .sample_a_sim.page .section.measure-skill h2 { margin-bottom: 0.35em; } .sample_a_sim.page .section.measure-skill p { line-height: 1.5; } .sample_a_sim.page .section.measure-skill h2~p:last-child{ margin-bottom: 1.6em; } .sample_a_sim.page .section.measure-skill.develop .back-part { padding: 2.1% 0 ; } .sample_a_sim.page .section.measure-skill.develop h2~p{ } .sample_a_sim.page .measure-skill.develop.personalize { } /* features-section */ .sample_a_sim.page .features-section { } .sample_a_sim.page .features-section:after { width: 64.5%; height: 89.5%; } .sample_a_sim.page .features-section .row.one { max-width: 980px; margin-bottom: 6.5%; } .sample_a_sim.page .features-section .row.one h2{ margin-bottom: .45em; } .sample_a_sim.page .features-section .row.two { max-width: 1220px; padding: 0; } .sample_a_sim.page .features-section .row.two .col.one { text-align: right; } .sample_a_sim.page .features-section .row.two .col.one .module { margin-bottom: 2em; } .sample_a_sim.page .features-section .row.two .col.two .module { margin-bottom: 2.8em; } .sample_a_sim.page .features-section .row.two h3:after, .sample_a_sim.page .features-section .row.two h3:before{ content: none; } .sample_a_sim.page .features-section .row.two h3{ padding: 0; } .sample_a_sim.page .section.options { } .sample_a_sim.page .section.options:after{ content: ''; display: block; position: absolute; left: 50%; top: 4%; transform: translate(-50%, 0); width: 78.5%; height: 65%; background: #F4F3F3; z-index: -2; } .sample_a_sim.page .section.options .back-part { } .sample_a_sim.page .section.options .row.one { max-width: 1122px; margin-bottom: 3em; } .sample_a_sim.page .section.options .row.one p { max-width: 950px; } .sample_a_sim.page .section.options .row.two { max-width: 1060px; text-align: center; } .sample_a_sim.page .section.options .row.two:after{ content: none; } .sample_a_sim.page .section.options .row.two .col{ max-width: 100%; width: 100%; } .sample_a_sim.page .section.options .row.two .module.one { margin-bottom: 2.8em; } @media (min-width: 768px){ .sample_a_sim.page .section.simulation .row.one p { max-width: 72%; padding: 0; } .sample_a_sim.page .simulation .row.one>.row-fluid-wrapper:nth-child(1) { width: 72%; margin-right: 3%; } .sample_a_sim.page .simulation .row.one>.row-fluid-wrapper:nth-child(2) { width: 25%; } .sample_a_sim.page .features-section .back-part{ padding: 11.5% 0 5%; } .sample_a_sim.page .features-section .row.one h2~p{ line-height: 1.45; padding: 0 3%; } .sample_a_sim.page .features-section .row{ width: 86%; } .sample_a_sim.page .features-section .row.one{ text-align: center; } .sample_a_sim.page .features-section .row.two>.row-fluid-wrapper:first-child{ width: 52.5%; margin-right: 6.5%; } .sample_a_sim.page .features-section .row.two>.row-fluid-wrapper:nth-child (2){ width: 41%; padding-top: 1.3%; } .sample_a_sim.page .features-section .row.two h3{ font-size: 1.5em; margin-bottom: 0.3em; font-weight: 900; } .sample_a_sim.page .features-section .row.two h3~p{ font-size: 1.35em; line-height: 1.35; } .sample_a_sim.page .section.measure-skill .panel-label-anim { margin: -3em 0 -8em -2.6em; padding: 4.3em 0 8em 2.8em; } .sample_a_sim.page .section.measure-skill.develop .panel-label-anim { margin: -3em 0 -6.5em -2.6em; } .sample_a_sim.page .section.measure-skill .row.one > .row-fluid-wrapper:nth-of-type(1) { width: 47%; margin-right: 3.5%; } .sample_a_sim.page .section.measure-skill .row.one > .row-fluid-wrapper:nth-of-type(2) { width: 49.5%; } .sample_a_sim.page .section.measure-skill.develop .row.one > .row-fluid-wrapper:nth-of-type(2) { width: 43%; margin-right: 0; padding-top: 2%; } .sample_a_sim.page .section.measure-skill.develop .row.one > .row-fluid-wrapper:nth-of-type(1) { width: 53.5%; margin-right: 0; margin-right: 3.5%; } .sample_a_sim.page .section.measure-skill.develop .row.one > .row-fluid-wrapper { display: flex; align-items: center; } .sample_a_sim.page .section.measure-skill.develop h2~p:last-child{ margin-bottom: 2.6em; } .sample_a_sim.page .section.measure-skill.develop .row.one .col.two>.row-fluid-wrapper { width: 35vw; max-width: 126% } .sample_a_sim.page .section.measure-skill.develop h2~p{ max-width: 82%; } .sample_a_sim.page .measure-skill.develop.personalize .back-part { padding: 8.3% 0 5.5%; } .sample_a_sim.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(1) { width: 47.5%; margin-right: 3.5%; } .sample_a_sim.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(2) { width: 49%; } .sample_a_sim.page .measure-skill.develop.personalize h2~p:last-child { max-width: 89%; } .sample_a_sim.page .measure-skill.develop.personalize .row.one .col.two>.row-fluid-wrapper { max-width: 100%; width: 100%; } .sample_a_sim.page .section.options .back-part { padding: 5% 0 7.5%; } .sample_a_sim.page .section.options .row { width: 82%; } .sample_a_sim.page .section.options .row.two .vidyard-player-container > div { padding-bottom: 57.25% !important; } } @media (max-width: 1440px){ .sample_a_sim.page .section.options:after{ width: 91%; } } @media (max-width: 980px){ .sample_a_sim.page .simulation .scroll-down span { font-size: 15px; } } @media (max-width: 767px){ .sample_a_sim.page .simulation .row.one>.row-fluid-wrapper:nth-child(2) { width: 50%; position: absolute; right: 0; left: unset; opacity: .55; } .sample_a_sim.page .section.measure-skill .back-part { padding: 35px 0 !important; } .sample_a_sim.page .section.measure-skill .row.one .col { margin-bottom: 35px !important; } .sample_a_sim.page .section.measure-skill.develop .row.one { flex-direction: column-reverse; } } @media (max-width: 480px){ } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ @media (max-width: 1439px){ .platform-pillar .content-part .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .platform-pillar .content-part .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .platform-pillar .content-part .section { font-size: .7rem !important; } } @media (max-width: 980px){ .platform-pillar .content-part .section { font-size: .65rem !important; } } @media (max-width: 767px){ .platform-pillar .content-part .section { font-size: .777em !important; } } @media (max-width: 479px){ .platform-pillar .content-part .section { font-size: .777em !important; } } @media (max-width: 1439px){ .platform-pillar .content-part p { font-size: 1.111em !important; } } @media (max-width: 1280px){ .platform-pillar .content-part p { font-size: 1rem !important; } } @media (max-width: 1024px){ .platform-pillar .content-part p { font-size: 18px !important; } } @media (max-width: 980px){ .platform-pillar .content-part p { font-size: 16px !important; } } @media (max-width: 767px){ .platform-pillar .content-part p { font-size: 14px !important; } } @media (max-width: 479px){ .platform-pillar .content-part p { font-size: 14px !important; } } @media (max-width: 1439px){ .cta-button { font-size: .88rem !important; } } @media (max-width: 1280px){ .cta-button { font-size: .82rem !important; } } @media (max-width: 1024px){ .cta-button { font-size: .75rem !important; } } @media (max-width: 980px){ .cta-button { font-size: .7rem !important; } } .platform-pillar { } .platform-pillar .content-part { } .platform-pillar.page .content-part .row.content-module { max-width: 1220px; } .platform-pillar.page .page-hero-section::after { content: none; } .platform-pillar .section .row .panel-label { display: block; padding: 0; padding-left: 2.2em; padding-top: 6em; margin: 0 0 -7em -2.2em; } .platform-pillar .section .row { max-width: 1220px; } .platform-pillar .content-part h1 { font-size: 4em; font-weight: 900; line-height: 110%; } .platform-pillar .content-part h2 { font-size: 3.555em; font-weight: 900; margin-bottom: 0.3em; } .platform-pillar .content-part h3 { font-size: 1.77em; } .platform-pillar .content-part p { font-size: 1.111em; } @media (max-width: 767px) { .platform-pillar .content-part h1 { font-size: 30px; line-height: 125%; } .platform-pillar .content-part h2 { font-size: 28px; line-height: 125%; } } /* Hero section */ .platform-pillar .page-hero-section { height: 100% !important; } .platform-pillar .page-hero-section { padding-top: 60px !important; } .platform-pillar .page-hero-section .group-container { padding-bottom: 5.5%; } .platform-pillar.page .page-hero-section .row.one .col.two { margin-top: 2%; } /* .platform-pillar .page-hero-section .group-container .col.two .animation-hero { max-width: 112% !important; position: relative; left: 38px; top: -17px; } @media (max-width: 1680px) { .platform-pillar .page-hero-section .group-container .col.two .animation-hero { max-width: 105% !important; } } @media (max-width: 1440px) { .platform-pillar .page-hero-section .group-container .col.two .animation-hero { max-width: 100% !important; left: 0; top: 0; } } */ @media (max-width: 980px) and (min-width: 768px) { .platform-pillar .page-hero-section { padding-top: 50px !important; } } @media (max-width: 767px) { .platform-pillar .page-hero-section .group-container { flex-direction: column; } .platform-pillar .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .platform-pillar .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 100%; } .platform-pillar .page-hero-section .row.one .col.two { margin-top: 50px; text-align: center; } .platform-pillar .page-hero-section .group-container .col.two img { max-width: 450px !important; width: 100%; } .platform-pillar .page-hero-section .group-container { padding-bottom: 5%; padding-top: 35px; } .platform-pillar .page-hero-section { padding-top: 65px !important; } } /* Benefits section */ /*.platform-pillar .benefits-section { padding: 5% 0 3%; } .platform-pillar .benefits-section .row { display: flex; flex-direction: row; flex-wrap: wrap; } .platform-pillar .benefits-section .row .col .row-fluid-wrapper { width: 100%; } .platform-pillar .benefits-section .row .column-media { width: 128%; margin-top: 102px; } .platform-pillar .benefits-section .row .column-media img { width: 100% !important; } .platform-pillar .benefits-section .row .col .content-module p { line-height: 1.5; margin-left: 65px; margin-bottom: 2.1em; } .platform-pillar .benefits-section .row .col .content-module .cta-button { margin-left: 65px; } @media (min-width: 768px) { .platform-pillar .benefits-section .row > .row-fluid-wrapper:first-child { width: 46%; margin-right: 4%; } .platform-pillar .benefits-section .row > .row-fluid-wrapper:last-child { width: 50%; } } @media (max-width: 1700px) { .platform-pillar .benefits-section .row .column-media { width: 115%; } } @media (max-width: 1550px) { .platform-pillar .benefits-section .row .column-media { width: 105%; } } @media (max-width: 1440px) { .platform-pillar .benefits-section .row .column-media { width: 100%; } } @media (max-width: 980px) { .platform-pillar .benefits-section .row .col .content-module p, .platform-pillar .benefits-section .row .col .content-module .cta-button { margin-left: 0; } } @media (max-width: 767px) { .platform-pillar .benefits-section .row .column-media { margin-top: 50px; } .platform-pillar .benefits-section .row { justify-content: center; } .platform-pillar .benefits-section .row .column-media img { max-width: 500px; } } */ /* Features slider */ .platform-pillar .features-slider { } .platform-pillar .features-slider .back-part { padding: 30px 0 5.5%; } @media (max-width: 1439px){ .platform-pillar .features-slider .back-part { padding: 90px 0 !important; } } @media (max-width: 1280px){ .platform-pillar .features-slider .back-part { padding: 80px 0 !important; } } @media (max-width: 1024px){ .platform-pillar .features-slider .back-part { padding: 50px 0 !important; } } @media (max-width: 980px){ .platform-pillar .features-slider .back-part { padding: 40px 0 !important; } } @media (max-width: 767px){ .platform-pillar .features-slider .back-part { padding: 40px 0 !important; } } @media (max-width: 479px){ .platform-pillar .features-slider .back-part { padding: 30px 0 !important; } } .platform-pillar .features-slider .panel-label-anim { justify-content: center; margin: 0 auto -7em; padding: 2.3em 0 7em 0; white-space: nowrap; } @media (max-width: 980px){ .platform-pillar .features-slider .panel-label-anim { margin: 0 auto -5em; padding: 2.3em 0 5em 0; } } .platform-pillar .features-slider .row { width: 90%; max-width: 1220px; } @media (min-width: 768px) { .platform-pillar .features-slider .row { width: 87%; } } .platform-pillar .features-slider .row.one { text-align: center; margin-bottom: 9em; } .platform-pillar .features-slider .row.one p { max-width: 850px; margin: 0 auto; line-height: 1.5; } .platform-pillar .features-slider .row.two { max-width: 100%; width: 100%; position: relative; } .platform-pillar .features-slider .row.two::after { position: absolute; content: ''; width: 77%; height: 100%; background-color: #F4F3F3; right: 0; bottom: 0; z-index: -1; } @media (max-width: 1650px) { .platform-pillar .features-slider .row.two::after { width: 85%; } } @media (max-width: 767px){ .platform-pillar .features-slider .row.two::after { width: 77%; } } .platform-pillar .features-slider .row.two .col { float: none; max-width: 1220px; margin: 0 auto; width: 90%; } @media (min-width: 768px) { .platform-pillar .features-slider .row.two .col { width: 87%; } } .platform-pillar .features-slider .sims-slider { } .platform-pillar .features-slider .sims-slider .cust-pager { display: flex; margin-top: -5em; } .platform-pillar .features-slider .sims-slider .cust-pager .pager-link { background-color: #E9E8E8; font-family: 'Catamaran',sans-serif; font-size: 1.333em; font-weight: 900; padding: 3em 1.9em; width: 32%; margin-right: 2%; } @media (max-width: 767px){ .platform-pillar .features-slider .sims-slider .cust-pager { flex-direction: column; } .platform-pillar .features-slider .sims-slider .cust-pager .pager-link { width: 100%; margin-bottom: 1em; margin-right: 0; } } .platform-pillar .features-slider .sims-slider .cust-pager .pager-link:last-child { margin-right: 0; } .platform-pillar .features-slider .sims-slider .cust-pager .pager-link.active { background-color: #E32726; color: #fff; } .platform-pillar .features-slider .sims-slider h2 { font-size: 2em; font-weight: 800; margin-bottom: .5em; } .platform-pillar .features-slider .sims-slider p { margin-bottom: 1.5em; line-height: 1.5; } .platform-pillar .features-slider .sims-slider h3 { font-size: 2em; font-weight: 900; margin-bottom: .4em; } .platform-pillar .features-slider .sims-slider .slider-head { margin-top: 72px; margin-bottom: 31px; } .platform-pillar .features-slider .sims-slider .sim-slider { width: 100%; } .platform-pillar .features-slider .sims-slider .sim-slider .bx-viewport { height: max-content !important; min-height: 530px; } .platform-pillar .features-slider .sims-slider .sim-slider .slider-item { opacity: 0; } .platform-pillar .features-slider .sims-slider .sim-slider .slider-item.active-slide { display: flex !important; flex-wrap: wrap; opacity: 1; } .platform-pillar .features-slider .sims-slider .sim-slider .slider-item .column-left { width: 47%; margin-right: 3%; } .platform-pillar .features-slider .sims-slider .sim-slider .slider-item .column-left img { width: 100%; } .platform-pillar .features-slider .sims-slider .sim-slider .slider-item .column-right { width: 50%; } @media (max-width: 767px){ .platform-pillar .features-slider .sims-slider .slider-main-container { display: flex; flex-direction: column; align-items: center; position: relative; /* padding: 4em; */ } .platform-pillar .features-slider .sims-slider .slider-head { width: 100%; margin-right: 0; } .platform-pillar .features-slider .sims-slider .sim-slider { width: 100%; } } /* @media (max-width: 479px){ .platform-pillar .features-slider .sims-slider .slider-main-container { padding: 4em 0; } } */ .platform-pillar .features-slider .sims-slider .controls-elements { display: flex; justify-content: center; } @media (max-width: 767px){ .platform-pillar .features-slider .sims-slider .controls-elements { /* justify-content: center; */ margin-bottom: 3em; } } .platform-pillar .features-slider .sims-slider .slider-navigation { display: flex; align-items: center; margin-right: 2em; } .platform-pillar .features-slider .sims-slider .slider-navigation .prev-item { margin-right: 2em; } .platform-pillar .features-slider .sims-slider .slider-counter { display: flex; align-items: center; font-family: 'Catamaran',sans-serif; color: #D3D2D2; } .platform-pillar .features-slider .sims-slider .slider-counter .current-slide { margin-right: .6em; color: #383435; } .platform-pillar .features-slider .sims-slider .slider-counter .total-slides { margin-left: .6em; } .platform-pillar .features-slider .sims-slider .slide-text { margin-bottom: 3em; padding-right: 3%; } @media (max-width: 767px) { .platform-pillar .features-slider .sims-slider .cust-pager { flex-wrap: wrap; justify-content: center; } .platform-pillar .features-slider .sims-slider .cust-pager .pager-link { width: 49%; } .platform-pillar .features-slider .sims-slider .cust-pager .pager-link:nth-child(2) { margin-right: 0; } .platform-pillar .features-slider .sims-slider .cust-pager .pager-link:nth-child(-n+2) { margin-bottom: 20px; } .platform-pillar .features-slider .sims-slider .sim-slider .slider-item.active-slide { flex-direction: column; } .platform-pillar .features-slider .sims-slider .sim-slider .slider-item .column-left { width: 100%; margin-right: 0; max-width: 500px; margin: 0 auto 50px; } .platform-pillar .features-slider .sims-slider .sim-slider .slider-item .column-right { width: 100%; } .platform-pillar .features-slider .sims-slider .sim-slider .bx-viewport { min-height: 650px; } .platform-pillar .features-slider .sims-slider .cust-pager .pager-link { width: 100%; } .platform-pillar .features-slider .sims-slider .slider-head { margin-top: 45px; margin-bottom: 5px; } } /* Highlight section */ .platform-pillar .highlight-section { padding: 5% 0 9.3%; } .platform-pillar .highlight-section .row { display: flex; } .platform-pillar .highlight-section .row .column-right .row-fluid-wrapper { width: 100% !important; } .platform-pillar .highlight-section .row .column-left h2 { margin-bottom: 0.1em; } .platform-pillar .highlight-section .row .column-left p { line-height: 1.5; margin-bottom: 1.9em; } @media (min-width: 981px) { .platform-pillar .highlight-section .row .column-right .media-mudule { margin-top: 105px; } } @media (max-width: 980px) { .platform-pillar .highlight-section .row .column-right .media-mudule { margin-top: 50px; } } @media (min-width: 768px) { /* .platform-pillar .highlight-section .row .column-right .media-mudule { margin-top: 105px; } */ .platform-pillar .highlight-section .row .column-left { max-width: 530px; } .platform-pillar .highlight-section .row > .row-fluid-wrapper:first-child { width: 46%; margin-right: 5%; } .platform-pillar .highlight-section .row .row-fluid-wrapper:last-child { width: 49%; } } @media (max-width: 767px) { .platform-pillar .highlight-section .row { flex-direction: column; align-items: center; } .platform-pillar .highlight-section .row .column-left { margin-bottom: 50px; } .platform-pillar .highlight-section .row .row-fluid-wrapper:last-child { width: 100%; max-width: 500px; } } /* Expertise section */ @media (min-width: 768px) { .platform-pillar.page .expertise { padding-bottom: 12.7%; } } .pillar-animation svg { object-fit: contain; position: relative; left: -17.5%; top: 13px; width: 149%; } @media (max-width: 1680px) { .pillar-animation svg { width: 130%; left: -50px; } } @media (max-width: 1440px) { .pillar-animation svg { width: 115%; left: -30px; } } @media (max-width: 1366px) { .pillar-animation svg { width: 100%; left: 0; top: 0; } } @media (max-width: 767px) { .pillar-animation svg { margin: -5% 0 ; } } /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ @media (max-width: 1439px){ .expertise .content-part .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .expertise .content-part .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .expertise .content-part .section { font-size: .7rem !important; } } @media (max-width: 980px){ .expertise .content-part .section { font-size: .65rem !important; } } @media (max-width: 767px){ .expertise .content-part .section { font-size: .777em !important; } } @media (max-width: 479px){ .expertise .content-part .section { font-size: .777em !important; } } @media (max-width: 1439px){ .expertise .content-part p { font-size: 1.111em !important; } } @media (max-width: 1280px){ .expertise .content-part p { font-size: 1rem !important; } } @media (max-width: 1024px){ .expertise .content-part p { font-size: 18px !important; } } @media (max-width: 980px){ .expertise .content-part p { font-size: 16px !important; } } @media (max-width: 767px){ .expertise .content-part p { font-size: 14px !important; } } @media (max-width: 479px){ .expertise .content-part p { font-size: 14px !important; } } @media (max-width: 1439px){ .cta-button { font-size: .88rem !important; } } @media (max-width: 1280px){ .cta-button { font-size: .82rem !important; } } @media (max-width: 1024px){ .cta-button { font-size: .75rem !important; } } @media (max-width: 980px){ .cta-button { font-size: .7rem !important; } } html { scroll-behavior: smooth; } .expertise { } .expertise .content-part { } .expertiser.page .content-part .row.content-module { max-width: 1220px; } .expertise.page .page-hero-section::after { content: none; } .expertise .section .row .panel-label { display: block; padding: 0; padding-left: 2.2em; padding-top: 6em; margin: 0 0 -7em -2.2em; } .expertise .section .row { max-width: 1220px; } .expertise .content-part h1 { font-size: 4em; font-weight: 900; line-height: 109%; } .expertise .content-part h2 { font-size: 3.555em; font-weight: 900; margin-bottom: 0.3em; } .expertise .content-part h3 { font-size: 1.77em; } .expertise .content-part p { font-size: 1.111em; } @media (max-width: 767px) { .expertise .content-part h1 { font-size: 30px; line-height: 125%; } .expertise .content-part h2 { font-size: 28px; line-height: 125%; } } /* Hero section */ .expertise .page-hero-section { height: 100% !important; } .expertise .page-hero-section { /* padding-top: 9.9% !important; */ } .expertise .page-hero-section .back-part{ padding-top: 20px; } .expertise .page-hero-section .group-container { padding-bottom: 9.7%; } .expertise .page-hero-section .row.one .col.one .module { max-width: 100%; } .expertise .page-hero-section h1 { margin-bottom: 0.45em; } /* .expertise .page-hero-section .row.one .col.two { margin-top: 0; } */ .expertise .page-hero-section .group-container .col.two .list-hero { max-width: 490px; margin-left: auto; } .expertise .page-hero-section .group-container .col.two .list-hero ul { list-style-type: none; padding: 0; } .expertise .page-hero-section .group-container .col.two .list-hero ul a { display: flex; width: 100%; justify-content: space-between; padding: 28px 32px; background-color: #E9E8E8; align-items: center; } .expertise .page-hero-section .group-container .col.two .list-hero ul a:hover { background-color: #E32726; } .expertise .page-hero-section .group-container .col.two .list-hero ul a:hover .hs_cos_wrapper_type_inline_text { color: #ffffff; } .expertise .page-hero-section .group-container .col.two .list-hero ul a:hover svg { fill: #231F20; } .expertise .page-hero-section .group-container .col.two .list-hero ul li:not(:last-child) a { margin-bottom: 5px; } .expertise .page-hero-section .group-container .col.two .list-hero ul a .hs_cos_wrapper_type_inline_text { color: #231f20; font-family: 'Catamaran', sans-serif; font-weight: 700; font-size: 1.2em; } .expertise .page-hero-section .group-container .col.two .list-hero svg { width: 12px; fill: #707070; position: relative; top: 5px; } @media (max-width: 980px) and (min-width: 768px) { .expertise .page-hero-section { padding-top: 15px !important; } } @media (min-width: 768px) { .expertise .page-hero-section .group-container > .row-fluid-wrapper:first-child { width: 53%; margin-right: 5%; } .expertise .page-hero-section .group-container > .row-fluid-wrapper:last-child { width: 42%; } } @media (max-width: 767px) { .expertise .page-hero-section .group-container { flex-direction: column; } .expertise .page-hero-section .group-container > .row-fluid-wrapper:first-child { width: 100%; margin-right: 0; } .expertise .page-hero-section .group-container > .row-fluid-wrapper:last-child { width: 100%; } .expertise .page-hero-section .row.one .col.two { margin-top: 50px; text-align: center; } .expertise .page-hero-section .group-container { padding-bottom: 5%; } .expertise .page-hero-section { padding-top: 65px !important; } } @media (max-width: 767px) { .expertise .page-hero-section .group-container .col.two .list-hero { margin-right: auto; } } /* Benefits section */ .page .benefits-section { padding: 5% 0 3%; } .page .benefits-section .row { display: flex; flex-direction: row; flex-wrap: wrap; } .page .benefits-section .row .col .row-fluid-wrapper { width: 100%; } .page .benefits-section .row .column-media { width: 128%; margin-top: 102px; } .page .benefits-section .row .column-media img { width: 100% !important; } .page .benefits-section .row .col .content-module p { line-height: 1.5; margin-left: 83px; margin-bottom: 2.2em; } .page .benefits-section .row .col .content-module .cta-button, .page .benefits-section .row .col .content-btn { margin-left: 80px; } /* right content */ .page .section-right-content.benefits-section { padding-top: 2%; } .page .section-right-content.benefits-section .row .column-media { left: -28%; position: relative; margin-top: 113px; } @media (min-width: 768px) { .page .benefits-section .row > .row-fluid-wrapper:first-child { width: 46%; margin-right: 4%; } .page .benefits-section .row > .row-fluid-wrapper:last-child { width: 50%; } .page .section-right-content.benefits-section .row > .row-fluid-wrapper:first-child { width: 49%; margin-right: 4%; } .page .section-right-content.benefits-section .row > .row-fluid-wrapper:last-child { width: 47%; } } @media (max-width: 1700px) { .page .benefits-section .row .column-media { width: 115%; } .page .section-right-content.benefits-section .row .column-media { left: -15%; } } @media (max-width: 1550px) { .page .benefits-section .row .column-media { width: 105%; } .page .section-right-content.benefits-section .row .column-media { left: -5%; } } @media (max-width: 1440px) { .page .benefits-section .row .column-media { width: 100%; } .page .section-right-content.benefits-section .row .column-media { left: 0; } } @media (max-width: 980px) { .page .benefits-section .row .col .content-module p, .page .benefits-section .row .col .content-module .cta-button, .page .benefits-section .row .col .content-btn { margin-left: 0; } } @media (max-width: 767px) { .page .benefits-section .row .column-media, .page .section-right-content.benefits-section .row .column-media { margin-top: 50px; } .page .benefits-section .row { justify-content: center; } .page .section-right-content.benefits-section .row { /* flex-direction: column-reverse; */ /* align-items: center; */ } .page .section-right-content.benefits-section .row>div:first-child { order:1; flex: 1 0 auto; } .page .benefits-section .row .column-media img { max-width: 500px; } } /* Section slider */ .expertise .expertise-slider .center-title { text-align: center; margin-bottom: 3.9em; } .expertise .expertise-slider .center-title p { line-height: 1.5; max-width: 850px; margin: 0 auto; } .expertise .expertise-slider .center-title h2 { margin-bottom: 0.67em; } .expertise .expertise-slider .back-part { padding: 3.5% 0 2.5%; } @media (max-width: 1439px){ .expertise .expertise-slider .back-part { padding: 90px 0 !important; } } @media (max-width: 1280px){ .expertise .expertise-slider .back-part { padding: 80px 0 !important; } } @media (max-width: 1024px){ .expertise .expertise-slider .back-part { padding: 50px 0 !important; } } @media (max-width: 980px){ .expertise .expertise-slider .back-part { padding: 40px 0 !important; } } @media (max-width: 767px){ .expertise .expertise-slider .back-part { padding: 40px 0 !important; } } @media (max-width: 479px){ .expertise .expertise-slider .back-part { padding: 30px 0 !important; } } .expertise .expertise-slider .panel-label-anim { justify-content: center; margin: 0 auto -7em; padding: 2.3em 0 7em 0; white-space: nowrap; } @media (max-width: 980px){ .expertise .expertise-slider .panel-label-anim { margin: 0 auto -5em; padding: 2.3em 0 5em 0; } } .expertise .expertise-slider .row { width: 90%; max-width: 1220px; } @media (min-width: 768px) { .expertise .expertise-slider .row { width: 87%; } } .expertise .expertise-slider .row.one { text-align: center; margin-bottom: 9em; } .expertise .expertise-slider .row.one p { max-width: 850px; margin: 0 auto; line-height: 1.5; } .expertise .expertise-slider .row.two { max-width: 100%; width: 100%; position: relative; } .expertise .expertise-slider .row.two::after { position: absolute; content: ''; width: 77%; height: 100%; background-color: #F4F3F3; right: 0; bottom: 0; z-index: -1; } @media (max-width: 1650px) { .expertise .expertise-slider .row.two::after { width: 85%; } } @media (max-width: 767px){ .expertise .expertise-slider .row.two::after { width: 77%; } } .expertise .expertise-slider .row.two .col { float: none; max-width: 1220px; margin: 0 auto; width: 90%; } @media (min-width: 768px) { .expertise .expertise-slider .row.two .col { width: 87%; } } .expertise .expertise-slider .sims-slider { } .expertise .expertise-slider .sims-slider .cust-pager { display: flex; margin-bottom: 5.5em; /* margin-top: -5em; */ } .expertise .expertise-slider .sims-slider .cust-pager .pager-link { background-color: #E9E8E8; font-family: 'Catamaran',sans-serif; font-size: 1.333em; font-weight: 900; padding: 1.7em 1.5em; width: 23.5%; margin-right: 2%; display: flex; align-items: center; } @media (max-width: 767px){ .expertise .expertise-slider .sims-slider .cust-pager { flex-direction: column; } .expertise .expertise-slider .sims-slider .cust-pager .pager-link { width: 100%; margin-bottom: 1em; margin-right: 0; } } .expertise .expertise-slider .sims-slider .cust-pager .pager-link:last-child { margin-right: 0; } .expertise .expertise-slider .sims-slider .cust-pager .pager-link.active { background-color: #E32726; color: #fff; } .expertise .expertise-slider .sims-slider .content-wrap h2 { font-size: 3.55em; font-weight: 900; margin-bottom: .45em; } .expertise .expertise-slider .sims-slider .content-wrap p { margin-bottom: 1.5em; line-height: 1.5; margin-left: 70px; } .expertise .expertise-slider .sims-slider h3 { font-size: 2em; font-weight: 900; margin-bottom: .4em; } .expertise .expertise-slider .sims-slider .content-wrap .cta-button { margin-left: 70px; } .expertise .expertise-slider .sims-slider .media-wrap .content-media { width: 125%; } .expertise .expertise-slider .sims-slider .sim-slider { width: 100%; } .expertise .expertise-slider .sims-slider .sim-slider .bx-viewport { height: max-content !important; min-height: 530px; overflow: visible !important; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item { opacity: 0; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item img { width: 100% !important; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item.active-slide { display: flex !important; flex-wrap: wrap; opacity: 1; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item .column-left { width: 47%; margin-right: 3%; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item .column-left img { width: 100%; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item .column-right { width: 50%; } @media (max-width: 767px){ .expertise .expertise-slider .sims-slider .slider-main-container { display: flex; flex-direction: column; align-items: center; position: relative; /* padding: 4em; */ } .expertise .expertise-slider .sims-slider .slider-head { width: 100%; margin-right: 0; } .expertise .expertise-slider .sims-slider .sim-slider { width: 100%; } } /* @media (max-width: 479px){ .expertise .expertise-slider .sims-slider .slider-main-container { padding: 4em 0; } } */ .expertise .expertise-slider .sims-slider .controls-elements { display: flex; justify-content: center; } @media (max-width: 767px){ .expertise .expertise-slider .sims-slider .controls-elements { /* justify-content: center; */ margin-bottom: 3em; } } .expertise .expertise-slider .sims-slider .slider-navigation { display: flex; align-items: center; margin-right: 2em; } .expertise .expertise-slider .sims-slider .slider-navigation .prev-item { margin-right: 2em; } .expertise .expertise-slider .sims-slider .slider-counter { display: flex; align-items: center; font-family: 'Catamaran',sans-serif; color: #D3D2D2; } .expertise .expertise-slider .sims-slider .slider-counter .current-slide { margin-right: .6em; color: #383435; } .expertise .expertise-slider .sims-slider .slider-counter .total-slides { margin-left: .6em; } .expertise .expertise-slider .sims-slider .slide-text { margin-bottom: 3em; padding-right: 3%; } @media (max-width: 1700px) { .expertise .expertise-slider .sims-slider .media-wrap .content-media { width: 115%; } } @media (max-width: 1550px) { .expertise .expertise-slider .sims-slider .media-wrap .content-media { width: 105%; } } @media (max-width: 1440px) { .expertise .expertise-slider .sims-slider .media-wrap .content-media { width: 100%; } } @media (max-width: 980px) { .expertise .expertise-slider .sims-slider .content-wrap .cta-button, .expertise .expertise-slider .sims-slider .content-wrap p { margin-left: 0; } } @media (max-width: 767px) { .expertise .expertise-slider .sims-slider .content-wrap h2 { font-size: 28px; } .expertise .expertise-slider .sims-slider .cust-pager { flex-wrap: wrap; justify-content: center; margin-bottom: 2em; } .expertise .expertise-slider .sims-slider .cust-pager .pager-link { width: 49%; } .expertise .expertise-slider .sims-slider .cust-pager .pager-link:nth-child(2) { margin-right: 0; } .expertise .expertise-slider .sims-slider .cust-pager .pager-link:nth-child(-n+2) { margin-bottom: 20px; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item.active-slide { flex-direction: column; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item .column-left { width: 100%; margin-right: 0; max-width: 500px; margin: 0 auto 50px; } .expertise .expertise-slider .sims-slider .sim-slider .slider-item .column-right { width: 100%; } .expertise .expertise-slider .sims-slider .sim-slider .bx-viewport { min-height: 650px; } .expertise .expertise-slider .sims-slider .cust-pager .pager-link { width: 100%; } .expertise .expertise-slider .sims-slider .slider-head { margin-top: 45px; margin-bottom: 5px; } } /* section our clients */ .expertise .section-our-clients { padding: 2.6% 0 9%; } .expertise .section-our-clients { padding: 6rem 0 4rem !important; } .expertise .section-our-clients .center-title { text-align: center; margin-bottom: 5em; } .expertise .section-our-clients .center-title .label-expertise-clients { text-align: center; } .expertise .section-our-clients .center-title .label-expertise-clients .panel-label-anim { margin-left: auto; margin-right: auto; justify-content: center; padding-left: 0; } .expertise .section-our-clients .center-title h2 { max-width: 960px; margin-left: auto; margin-right: auto; } .expertise .section-our-clients .center-title p { max-width: 1120px; margin-left: auto; margin-right: auto; line-height: 1.5; } .expertise .section-our-clients .last-row .row-fluid-wrapper:last-child { text-align: center; } .expertise .section-our-clients .last-row .logo-module { margin-bottom: 2em; } .expertise2024.page .measure-skill.develop.personalize .back-part{ } .challenges .challenges-section .blurb-box .red { font-weight: 800; } @media (min-width: 768px){ .expertise2024.page .measure-skill.develop.personalize .back-part{ padding: 5% 0 ; } .expertise2024.page .section.measure-skill .row.one { flex-direction: row-reverse; } .expertise2024.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:first-of-type{ width: 42%; margin-right: 0; } .expertise2024.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(2){ width: 55%; margin-right: 3%; padding-top: 0; } .expertise2024.page .section.measure-skill .col.two.column-media { position: relative; left: 36.5%; transform: translateX(-50%); } .expertise2024.page .section.measure-skill h2 { font-size: 3em; } .expertise2024.page .measure-skill.develop.personalize .back-part:after{ max-width: 59.3vw; width: 61%; height: 90%; top: 36px; } .expertise2024.page .benefits-section .row .col .content-module p { margin-left: 16%; } .expertise2024.page .benefits-section h2 { margin-bottom: .4em; } .expertise2024.page .benefits-section .row .column-media { margin-top: 4.2em; } .expertise2024.page .section-right-content.benefits-section{ padding-top: 5%; } .expertise2024.page .benefits-section .panel-label-anim { letter-spacing: 0.16em; padding-top: 4.5em; margin-bottom: -6em; } .expertise2024.page .expertise-slider .back-part{ padding: 8% 0 2.5%; } .expertise2024.page .expertise-slider .sims-slider .cust-pager { justify-content: center; } .expertise2024.page .expertise-slider .center-title h2{ margin-bottom: 0.4em; } .expertise2024.page .expertise-slider .center-title { margin-bottom: 3em; } .expertise2024.page .expertise-slider .row { max-width: 1375px; } .expertise2024.page .expertise-slider .slider-head { opacity:1!important; } .expertise2024.page .expertise-slider .slider-head .controls-elements { justify-content: flex-start; padding: 0 0 2em; } .expertise2024.page .expertise-slider .sims-slider .media-wrap .content-media{ margin-top:-3em; } } @media (max-width: 767px){ .expertise2024.page .expertise-slider .slider-head { margin-top: 10px; } .expertise2024.page .expertise-slider .slider-head .slider-navigation{ margin-left: 2em; } } /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ @media (max-width: 1439px){ .expertise-area .content-part .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .expertise-area .content-part .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .expertise-area .content-part .section { font-size: .7rem !important; } } @media (max-width: 980px){ .expertise-area .content-part .section { font-size: .65rem !important; } } @media (max-width: 767px){ .expertise-area .content-part .section { font-size: .777em !important; } } @media (max-width: 479px){ .expertise-area .content-part .section { font-size: .777em !important; } } @media (max-width: 1439px){ .expertise-area .content-part p { font-size: 1.111em !important; } } @media (max-width: 1280px){ .expertise-area .content-part p { font-size: 1rem !important; } } @media (max-width: 1024px){ .expertise-area .content-part p { font-size: 18px !important; } } @media (max-width: 980px){ .expertise-area .content-part p { font-size: 16px !important; } } @media (max-width: 767px){ .expertise-area .content-part p { font-size: 14px !important; } } @media (max-width: 479px){ .expertise-area .content-part p { font-size: 14px !important; } } @media (max-width: 1439px){ .cta-button { font-size: .88rem !important; } } @media (max-width: 1280px){ .cta-button { font-size: .82rem !important; } } @media (max-width: 1024px){ .cta-button { font-size: .75rem !important; } } @media (max-width: 980px){ .cta-button { font-size: .7rem !important; } } .expertise-area.page .page-hero-section .row { /* max-width: 1342px; */ } .expertise-area.page .page-hero-section .back-part { padding: 3.8% 0 0; } @media (max-width: 980px) and (min-width: 768px){ .expertise .page-hero-section { padding-top: 45px !important; } } .expertise-area.page .page-hero-section .col.two { margin-top: 0 !important; } .expertise-area.page .page-hero-section h1 { margin-bottom: 0.2em; } .expertise-area.page .page-hero-section p { padding-right: 0; line-height: 1.35; } .expertise-area.page .page-hero-section .module.list { background: #F4F3F3; padding: 5em 0; } .expertise-area.page .page-hero-section .module.list ul, .expertise-area.page .page-hero-section .module.list ol { list-style: none; max-width: 400px; width: 85%; display: block; margin: 0 auto; padding-left: 3em; } .expertise-area.page .page-hero-section .module.list li { font-size: 1.333em; font-weight: 800; font-family: "Catamaran", sans-serif; line-height: 1.2; margin-bottom: 0.9em; text-align: left; } .expertise-area.page .page-hero-section .module.list li:last-child { margin-bottom: 0; } .expertise-area.page .page-hero-section .module.list li:before { content: '\2022'; display: inline-block; margin-left: -0.85em; margin-top: 3px; float: left; color: #E32726; font-size: inherit; transform: scale(1.6); line-height: .9; } .expertise-area.page .benefits-section { padding: 4% 0; } .expertise-area.page .benefits-section .col .content-module h2 { margin-bottom: .2em; } .expertise-area.page .benefits-section .col .content-module p { margin-left: 0; font-size: 1.18em; line-height: 1.4; } .expertise-area.page .benefits-section .row .column-media { width: 100%; margin-top: 0; } .expertise-area.page .benefits-section .row .col .content-btn { margin: 2.5em 0 0; } .expertise-area.page .solution { } .expertise-area.page .solution .row.two { padding: 3.2% 0; } .expertise-area.page .challenges-section { } .expertise-area.page .challenges-section .back-part { padding: 9% 0; } .expertise-area.page .challenges-section .row.one { margin-bottom: 5.5em; } .expertise-area.page .challenges-section .row.three { max-width: 1066px; } .expertise-area.page .challenges-section .row.one h2{ margin-bottom: .5em; } .expertise-area.page .challenges-section .row.one p{ line-height: 1.5; } .expertise-area.page .challenges-section .blurb-box h3{ line-height: 1.5; } .expertise-area.page .challenges-section .blurb-box .red{ line-height: 1; } .expertise-area.page .challenges-section .blurb-box .red span{ font-size: 0.75em; } .expertise-area.page .challenges-section .blurbs .group-module { margin-bottom: 1.5em; } .expertise-area.page .testimonial .row{ max-width: 1220px; } .expertise-area.page .testimonial .row.one .col { display: block; } .expertise-area.page .testimonial .back-part{ margin: 0; padding: 0 0 6%; } .expertise-area.page .testimonial .row.one { text-align: left; margin-bottom: 3.7em; } .expertise-area.page .testimonial .row.one h2 { text-align: left; max-width: 805px; margin-bottom: 0.5em; } .expertise-area.page .testimonial .row.one h2~p { line-height: 1.47; } .expertise-area.page .testimonial .row.two { text-align: center; } .expertise-area.page .testimonial .row.two .module.one{ margin-bottom: 3em; } .expertise-area.page .testimonial blockquote{ margin-bottom: 1.3em; line-height: 1.3; } .expertise-area.page .testimonial strong{ font-weight:800; font-size: 1.5em; line-height: 1; font-size: 1.44em; font-family: 'Catamaran', sans-serif; } .expertise-area.page .testimonial .position{ text-align: center; font-size: 1em; line-height: 1.1; margin-top: -1.5%; } .expertise-area.page .section.options { } .expertise-area.page .section.options .row.one { } .expertise-area.page .section.options .row.one h2{ margin-bottom: .55em; } .expertise-area.page .section.options .row.one p{ line-height: 1.47; } @media (min-width: 769px){ .expertise-area.page .page-hero-section p { padding-right: 5%; } .expertise-area.page .page-hero-section .row .panel-label-anim { margin: 0 0 -6.5em -2.6em; } .expertise-area.page .page-hero-section .group-container>.row-fluid-wrapper:first-child { margin-right: 4.5%; } .expertise-area.page .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 42.5%; } .expertise-area.page .page-hero-section .group-container>.row-fluid-wrapper:last-child >.row-fluid { width: 112%; } .expertise-area.page .page-hero-section .module.list { position: relative; top: 19vh; } .expertise-area.page .benefits-section .row .column-media { width: 100%; margin-top: 13vh; } .expertise-area.page .benefits-section .row { display: flex; /* align-items: center; */ } .expertise-area.page .benefits-section h2~p{ max-width: 92%; } .expertise-area.page .solution .row.two .col>.row-fluid-wrapper:nth-child(1) { width: 46%; margin-right: 4.5%; } .expertise-area.page .solution .row.two .col>.row-fluid-wrapper:nth-child(2){ width: 49.5%; } .expertise-area.page .solution .row.two h3 { max-width: 80%; } .expertise-area.page .solution .row.two h3::after{ width: 12%; } .expertise-area.page .solution .row.two .col.one .module { margin-bottom: 19%; } .expertise-area.page .challenges-section .row.one p{ margin-left: 6.5%; } .expertise-area.page .testimonial .row.one h2~p { padding-left: 8.5%; } .expertise-area.page .testimonial .panel-label-anim { margin: -0.8em 0px -7.5em -4em; } .expertise-area.page .testimonial blockquote { padding: 1.5em 2.3em .8em; } .expertise-area.page .testimonial .row{ width: 86%; } } @media (max-width: 1439px){ .expertise-area.page .page-hero-section h1 { padding-right: 0.75em; } .expertise-area.page .challenges-section .blurb-box h3{ font-size: 1.2em; } } @media (max-width: 980px){ .expertise-area.page .challenges-section .blurbs .group-module>.row-fluid-wrapper:not(.row-fluid-wrapper:last-child){ margin-right: 8.5%; } @media (max-width: 560px){ .expertise-area.page .challenges-section .blurbs .group-module{ display: flex; flex-direction: column; } .expertise-area.page .challenges-section .blurbs .group-module>.row-fluid-wrapper{ margin-right: 0; width: 100%; } } } @media (max-width: 767px){ .expertise-area.page .page-hero-section .col.one { margin-bottom: 2em; } .expertise-area.page .page-hero-section .module.list ul, .expertise-area.page .page-hero-section .module.list ol { padding-left: 1.25em; /* max-width: 222px; */ } .expertise-area.page .page-hero-section .module.list { padding: 2.8em 0; } .expertise-area.page .challenges-section .blurbs { padding: 0; } } .expertise-area2024{} .expertise-area2024.page .simulation.animate__animated .laptop-wrap:after, .expertise-area2024.page .simulation.animate__animated .laptop-wrap:before{ content:unset!important; } .expertise-area2024.page .section.simulation .row.one{ } .expertise-area2024.page .simulation .row.two { margin-top: 2.2em; } .expertise .content-part h2 { font-size: 3.4em; } .expertise-area2024.page .page-hero-section h2 { margin-bottom: .5em; } .expertise-area2024.page .page-hero-section p { font-size: 1.115em !important; line-height: 1.5; /* padding-right: 7%; */ } .expertise-area2024.page .page-hero-section .module.list{ padding: 5.5em 3em; top:0; left:0; } .expertise-area2024.page .page-hero-section .group-container>.row-fluid-wrapper:last-child>.row-fluid{ width: 100%; } @media(min-width:1501px){ .expertise-area2024.page .page-hero-section .module.list{ top:1em; left:9%; } .expertise-area2024.page .page-hero-section .group-container>.row-fluid-wrapper:last-child>.row-fluid{ width: 112%; } } .expertise-area2024.page .page-hero-section .group-container{ align-items: unset; padding-bottom:0; } .expertise-area2024.page .section.benefits-section { padding: 6% 0; } .expertise-area2024.page .section.benefits-section .row.one { text-align:center; margin-bottom:3em; } .expertise-area2024.page .section.benefits-section .row.one>div { width: 100%; max-width:100%; } .expertise-area2024.page .section.benefits-section .row.two { } .expertise-area2024.page .section.benefits-section .row.two>div { width: 100%; max-width:100%; margin-left: 0; margin-right: 0; } .expertise-area2024.page .section.benefits-section .panel-label-anim { margin-left: auto; margin-right: auto; justify-content:center; /* margin-bottom: -7.5em; */ padding-left: 0; } .expertise-area2024.page .section.benefits-section .col .content-module h2{ margin-bottom: .5em; max-width: 1000px; margin-left: auto; margin-right:auto; } .expertise-area2024.page .benefits-section .col .content-module p { max-width: 1040px; margin: 0 auto 1em; } .expertise-area2024.page .benefits-section .solution-text-items>span{ display:flex; flex-flow: row wrap; column-gap:4%; row-gap:2em; } .expertise-area2024.page .benefits-section .solution-text-items>span>.hs_cos_wrapper{ width: 22%; margin: 0; } .expertise-area2024.page .benefits-section .solution-text-items>span h3{ font-size:2em; margin-bottom: .7em; line-height:1.05; font-weight: 800; } .expertise-area2024.page .benefits-section .solution-text-items>span h3:before{ content: ''; display: block; position:relative; width:130px; max-width:10vw; height:130px; max-height:10vw; background: url(https://www.etu.co/hubfs/ETU%20theme/list-check-1.svg) no-repeat center / contain; margin-bottom: 0.5em; } .expertise-area2024.page .benefits-section .solution-text-items>span p{ font-size: 1.115em; margin-bottom: 0.1em; line-height:1.5; max-width: 331px; } .expertise-area2024.page .section.measure-skill .col.two.column-media { position: relative; z-index: 111; } .expertise-area2024.page .testimonial .row.one .cta-button{ margin-top: 2.5em; } .expertise-area2024.page .challenges-section .blurb-box h3 { line-height: 1.05; } .expertise-area2024.page .resours .back-part { padding: 3.5em 0 ; } .expertise-area2024.page .resours .row.one{ text-align:center; max-width: 1120px; margin-bottom: 4em; } .expertise-area2024.page .resours .panel-label-anim { margin-left:auto; margin-right:auto; justify-content: center; padding-left: 0; } .expertise .section-our-clients { padding: 10rem 0; } @media (min-width: 768px){ .expertise-area2024.page .simulation .row.one .panel-label-anim { margin-bottom: -5.5em; } .expertise-area2024.page .section.simulation .row.one h1{ margin-bottom: 0.4em; } .expertise-area2024.page .section.simulation .row.one h1~p{ max-width: 94%; line-height: 1.3; } .expertise-area2024.page .section.simulation .row.one{ } .expertise-area2024.page .section.simulation .row.one .col.two{ margin-bottom:0; } .expertise-area2024.page .section.simulation .laptop-wrap{ margin-bottom: -3em; } .expertise-area2024.page .page-hero-section .back-part { padding:7% 0 0; } .expertise-area2024.page .page-hero-section p { padding-right: 7%; } .expertise-area2024.page .section.benefits-section .row.two { max-width: 1670px; width: 90%; } .expertise-area2024.page .section.measure-skill h2 { font-size: 3em; margin-bottom: 1em; } .expertise-area2024.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:first-of-type { width: 54.5%; } .expertise-area2024.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(2) { width: 42%; } .expertise-area2024.page .section.measure-skill .col.two.column-media{ position:relative; left:45%; transform:translateX(-50%); } .expertise-area2024.page .section.measure-skill .row { max-width: 1420px; } .expertise-area2024.page .measure-skill.develop.personalize .back-part { padding: 2.8em 0 4em; } .expertise-area2024.page .measure-skill.develop.personalize .row.one>.row-fluid-wrapper:nth-of-type(2) { padding-top: 0; } .expertise-area2024.page .measure-skill.develop.personalize .back-part:after { width: 60%; max-width: 60.5vw; top: 0; } .expertise-area2024.page .challenges-section .back-part{ padding: 6% 0 5%; } .expertise-area2024.page .challenges-section .row.one p{ max-width: 1010px; margin-left: min(7vw, 107px); } .expertise-area2024.page.challenges .challenges-section .blurbs{ padding: 0!important; } .expertise-area2024.page .simulation .row.two>div { max-width: 55%; } .expertise-area2024.page.challenges .challenges-section .blurbs>div{ /* padding-left: min(7vw, 107px); */ max-width: 1045px; margin-left: min(7vw, 107px); } .expertise-area2024.page .challenges-section .row.one { margin-bottom: 5em; } .expertise-area2024.page.challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper{ width: 27%; margin-right: 9.5%; } .expertise-area2024.page.challenges .challenges-section .blurbs .group-module>.row-fluid-wrapper:last-child { margin-right: 0; } .expertise-area2024.page .testimonial .row.one h2 { max-width: 855px; } .expertise-area2024.page .testimonial .row.one h2~p{ max-width: 1115px; padding-left: min(7vw, 105px); } .expertise-area2024.page .testimonial .row.one .cta-button{ margin-left: min(7vw, 105px); /* margin-top: 2.5em; */ } .expertise-area2024.page .testimonial .row.one { margin-bottom: 5.4em; } .expertise-area2024.page .testimonial .back-part { padding-bottom:1em; } .expertise-area2024.page .easy-steps-section { padding:3em 0 ; } .expertise-area2024.page .easy-steps-section .row.two{ margin-bottom: 2.2em; } } } @media (min-width: 981px){ .expertise-area2024.page .section.benefits-section .panel-label-anim{ margin-bottom: -7.5em; } } /* --- */ @media (max-width: 2180px){ .expertise-area2024.page .section.simulation .row.one{ margin-bottom:1em !important; } } @media (max-width: 980px){ .expertise-area2024.page .page-hero-section .module.list ol, .expertise-area2024.page .page-hero-section .module.list ul{ width: 100%; } .expertise-area2024.page .page-hero-section .module.list { padding: 3.5em 2em; } } @media (max-width: 767px){ .expertise-area2024.page .benefits-section .solution-text-items>span>.hs_cos_wrapper{ width:48%; } .expertise-area2024.page .simulation .row.two{ margin-bottom:0; } .expertise-area2024.page .simulation .laptop-wrap{ margin-bottom:0; } .expertise-area2024.page .section.measure-skill.develop .row.one{ row-gap: 1.5em; } .expertise-area2024.page .section.measure-skill .row.one .col.one{ text-align: center; } .expertise-area2024.page .section.measure-skill .col.two.column-media{ margin-bottom: 0 !important; } .expertise-area2024.page .challenges-section .back-part { padding: 3em 0; } .expertise-area2024.page .challenges-section .row.one{ margin-bottom: 3em; } .expertise-area2024.page .easy-steps-section { padding: 2em 0; } .expertise-area2024.page .resours .row.one{ margin-bottom: 1em; } .expertise-area2024.page .resours .resources-posts { padding-bottom: 0; } .expertise-area2024.page.challenges .page-hero-section .row .panel-label-anim, .expertise-area2024.page.challenges .testimonial .row .panel-label-anim{ margin-bottom: -5em; padding-bottom: 4em; } } @media (max-width: 480px){ .expertise-area2024.page .benefits-section .solution-text-items>span>.hs_cos_wrapper{ width:100%; } .expertise-area2024.page .benefits-section .solution-text-items>span h3:before{ max-height: 15vw; max-width: 15vw; } } /* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ @media (max-width: 1439px){ .careers-page .content-part .section { font-size: .85rem !important; } } @media (max-width: 1280px){ .careers-page .content-part .section { font-size: .75rem !important; } } @media (max-width: 1024px){ .careers-page .content-part .section { font-size: .7rem !important; } } @media (max-width: 980px){ .careers-page .content-part .section { font-size: .65rem !important; } } @media (max-width: 767px){ .careers-page .content-part .section { font-size: .777em !important; } } @media (max-width: 479px){ .careers-page .content-part .section { font-size: .777em !important; } } @media (max-width: 1439px){ .careers-page .content-part p { font-size: 1.111em !important; } } @media (max-width: 1280px){ .careers-page .content-part p { font-size: 1rem !important; } } @media (max-width: 1024px){ .careers-page .content-part p { font-size: 18px !important; } } @media (max-width: 980px){ .careers-page .content-part p { font-size: 16px !important; } } @media (max-width: 767px){ .careers-page .content-part p { font-size: 14px !important; } } @media (max-width: 479px){ .careers-page .content-part p { font-size: 14px !important; } } @media (max-width: 1439px){ .cta-button { font-size: .88rem !important; } } @media (max-width: 1280px){ .cta-button { font-size: .82rem !important; } } @media (max-width: 1024px){ .cta-button { font-size: .75rem !important; } } @media (max-width: 980px){ .cta-button { font-size: .7rem !important; } } .careers-page h1 { font-size: 4em; font-weight: 900; line-height: 108%; } .careers-page .content-part h2 { font-size: 3.55em; font-weight: 900; text-align: left; } .careers-page .content-part p { font-size: 1.11em; line-height: 150%; } @media (max-width: 767px) { .careers-page .content-part h2 { font-size: 28px; line-height: 125%; } .noformlink{font-size:18px} } /* Hero section */ .careers-page .careers-hero { padding-top: 4.5% !important; padding-bottom: 3%; height: 100%; } .careers-page.page .page-hero-section::after { height: 86%; } .careers-page .content-part .careers-hero h1 { max-width: 600px; margin-bottom: 0.1em; } .careers-page .content-part .careers-hero p { line-height: 135%; } .careers-page.page .page-hero-section .group-container { padding-bottom: 0; } .careers-page.page .page-hero-section .row.one .col.one .module { max-width: 100%; } .careers-page .careers-hero .col.two img { width: 126% !important; position: relative; left: 6%; top: 50px; } .careers-page.page .back-part .scroll-down .hs_cos_wrapper_type_module { max-width: 1220px !important; margin: -0.8% auto 0; width: 88%; } .careers-page.page .back-part .scroll-down .hs_cos_wrapper_type_module .scroll-down { color: #E32726; } @media (max-width: 1680px) { .careers-page .careers-hero .col.two img { width: 115% !important; left: 3%; } } @media (max-width: 1440px) { .careers-page .careers-hero .col.two img { width: 105% !important; left: 0; top: 25px; } } @media (max-width: 1366px) { .careers-page .careers-hero .col.two img { width: 100% !important; left: 0; top: 0; } } @media (min-width: 768px) { .careers-page.page .page-hero-section .group-container > .row-fluid-wrapper:first-child { width: 53%; } .careers-page.page .page-hero-section .group-container > .row-fluid-wrapper:last-child { width: 42% } } @media (max-width: 767px) { .careers-page.page .back-part .scroll-down .hs_cos_wrapper_type_module { margin: 0 auto; } .careers-page .content-part .careers-hero h1 { font-size: 30px; line-height: 125%; } .careers-page .careers-hero { padding-top: 75px !important; } } /* WHY WORK WITH US */ .careers-page .why-work .panel-label-anim { margin-left: auto; margin-right: auto; padding-left: 0; justify-content: center; } .careers-page.page .why-work.value .col.one { padding-top: 7.6%; } .careers-page.platform-page .row.one .col.one .module { max-width: 100%; } .careers-page .why-work .row.one .col.one .module h2 { text-align: center; margin-bottom: 0.7em; } .careers-page .why-work .row.one .col.one .module p { text-align: center; max-width: 1190px; margin-left: auto; margin-right: auto; } .careers-page.page .why-work.value .row-group .row.two { margin-top: 0; padding-bottom: 2em; } .careers-page.page .why-work.value .row-group .row.two .blurb { margin-top: 1.9em; } .careers-page.page .why-work.value .row-group .bl-col { font-size: 1.2em; } .careers-page.page .why-work.value .row-group .red { font-size: 2.6em; margin-bottom: -0.05em; } @media (max-width: 767px) { .careers-page .why-work .row.one .col.one .module p { text-align: left; padding-right: 0; } } /* Culture section */ .careers-page .culture-slider .slide-text h2 { font-size: 2.8em; } @media (min-width: 768px) { .careers-page.page #fifth.culture .row.one { margin-bottom: 2.3em } .careers-page .culture-slider .slider-main-container { padding-top: 8rem; } .careers-page.page #fifth.culture::after { height: 41%; bottom: 30px; } } /* Employee Testimonials */ .employee-testimonials { padding: 8% 0 1.6%; background: url(https://info.empowertheuser.com/hubfs/ETU%20theme/tech-section-bg.svg); background-repeat: no-repeat; background-size: cover; background-position: top; position: relative; } /* Job offers */ .job-offer .job-offers-2022.job-offers { padding: 100px 0 6.6%; background: url(https://info.empowertheuser.com/hubfs/ETU%20theme/tech-section-bg.svg) !important; background-repeat: no-repeat !important; background-size: cover; background-position: top; position: relative; } .job-offers-2022 .back-side .row.one { margin-bottom: 3.5em; } .job-offers-2022 .back-side .row.one .col.one .module p { margin-left: 6.7%; max-width: 820px; } .job-offers-2022 .back-side .row.one .col.one .module p a { color: #E32726; font-weight: 700; } @media (max-width: 767px) { .job-offer .job-offers-2022.job-offers { padding: 50px 0 6.6%; } } /* GREAT WORKPLACE */ .great-workplace { padding-bottom: 12%; z-index: 1 !important; } .great-workplace .row .title-content-module { text-align: center; } .great-workplace .row .title-content-module .panel-label-anim { margin-left: auto; margin-right: auto; padding-left: 0; justify-content: center; } .great-workplace .row .title-content-module h2 { text-align: center; } .great-workplace .row .title-content-module p { max-width: 1144px; margin: 0 auto; margin-bottom: 2.2em; } .great-workplace .img-content { left: -20.7%; cursor: pointer; } .careers2024 .section{ overflow-x: hidden; } .careers2024.page .page-hero-section.careers-hero{ } .careers2024 .content-part .careers-hero .row.one .col.one p{ max-width: 658px; line-height: 130%; } .careers2024 .content-part .careers-hero .row.one .col.one p:last-of-type { margin-top: 1.4em; } .careers2024 .content-part .careers-hero .scroll-down .scroll-down { margin-top: 2rem; } @media (max-width: 767px) { .careers2024 .content-part .page-hero-section .row.one .col.two { margin-top: 2.5rem; } .careers2024 .content-part .careers-hero .scroll-down .scroll-down { margin-top: 0; } } .careers2024 .content-part .newrecentjobs a:hover > h3 { color: #E32726 !important; } .careers2024.page .value { overflow:hidden; } .careers2024.page .value .row.three{ margin: 4.4em auto 0; max-width: 100%; width: 100%!important; position: relative; pointer-events: none; } .careers2024.page .value .row.three:before{ content:''; position:absolute; height: 100%; width:5px; top: 0; right: -5px; background: #E32726; z-index: 111; } .careers2024.page .value .row.three>div{ /* max-width: 150%; width: 150%; */ position: relative; z-index: 1; } .careers2024.page .value .careers-simple-image-slider{ pointer-events: auto; } .careers2024.page .value .careers-simple-image-slider .slick-list { /* overflow: visible!important; */ } .careers2024.page .value .careers-simple-image-slider .slick-slide{ margin-right: 18px !important; border:none!important; outline: none!important; box-shadow: none !important; cursor: grab; } .careers2024.page .value .careers-simple-image-slider img { /* width: auto!important; */ max-height:410px; object-fit:cover; } .careers2024 .job-offer .job-offers .row.two>.row-fluid-wrapper { width: 100%; max-width: 100%; margin-left:0; margin-right:0!important; margin-bottom: 1em; } .careers2024 .job-offer .job-offers .row.two .module{ display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; column-gap:5%; } .careers2024 .job-offer .job-offers h3 { padding-bottom:0; line-height: 1.1; width: 55%; transition: 0.3s all ease-in; } .careers2024 .job-offer .job-offers .location { position:relative; left:0; top:0; font-size: 1.115em; max-width:335px; width: 50%; } @media (min-width: 768px) { .careers2024.page .page-hero-section { padding-bottom:0; } .careers2024.page .page-hero-section .back-part { padding: 2em 0 0; } .careers2024.page .page-hero-section .group-container>.row-fluid-wrapper:first-child { width: 58%; } .careers2024.page .page-hero-section .group-container>.row-fluid-wrapper:last-child { width: 37%; } .careers2024.page .page-hero-section.careers-hero h1 { max-width: 680px; margin-bottom: 0.4em; } .careers2024.page .page-hero-section .panel-label-anim{ margin-bottom: -7em; } .careers2024.page .page-hero-section.careers-hero .col.two img { left: 0; top: 35px; width: 143%!important; max-width: 35vw!important; } .careers2024.page .page-hero-section .row.one .col.two { margin-top: 2%; } .careers2024.page .page-hero-section:after { height: 94%; width: 69%; } .careers2024.page .why-work.value .col.one { padding-top: 2.6%; } .careers2024.page .why-work .row.one .col.one .module h2{ margin-bottom: 0.45em; } .careers2024.page .why-work .row.one .col.one .module p { max-width: 1005px; } .careers2024.page .why-work.value .row-group .row.two .blurb{ max-width: 1114px; margin: 2em auto 0; float: none; } .careers2024.page .why-work.value .row-group .bl-col { font-size: 1.11em; line-height: 1.3; } .careers2024.page .why-work.value .row-group .red { font-size: 4em; line-height: 1.5; } .careers2024.page .value .row-group .row.two .bl-col:nth-child(1), .careers2024.page .value .row-group .row.two .bl-col:nth-child(2) { margin-right: 8%; } .careers2024.page .value .row-group .red:after{ height: 1.95em; width: 1.95em; top: 55%; } .careers2024.page .techonology .back-part{ padding: 6em 0 ; } .careers2024.page .techonology .row.one p { margin-left: 13%; max-width: 595px; } .careers2024.page .techonology .row.one h2{ margin-bottom: .45em; } .careers2024.page #fifth.culture .row.one { margin-bottom: 3.5em; } .careers2024 .job-offer .job-offers-2022.job-offers { padding:4em 0 ; } .careers2024 .job-offers-2022 .back-side .row.one .col.one .module p { margin-left: min(5.4vw, 105px); } .careers2024 .job-offer .job-offers .row.two{ padding-left: min(5.4vw, 105px); } .careers2024 .job-offer .job-offers .row.two .col{ padding: 3.5% 14% 5.5% 8%; } .careers2024 .job-offer .job-offers .location{ padding-left: 1.4em; } .careers2024 .job-offer .location:after { top: -0.2em; } .careers2024 .job-offer .job-offers h3 { font-size: 1.778em; transition: 0.3s all ease-in; } .careers2024 .great-workplace { padding-top: 1em; } } /* ---- */ @media (max-width: 980px){ .careers2024.page .value .careers-simple-image-slider img { } .careers2024.page .value .careers-simple-image-slider img { height: 66vw !important; max-width: 75vw!important; } } @media (max-width: 767px){ .careers2024 .job-offer .job-offers .row.two .module{ flex-wrap:wrap; } .careers2024 .job-offer .job-offers h3 { margin-bottom:1em; } .careers2024 .job-offer .job-offers .row.two .col{ padding:2em; } .careers2024 .job-offer .job-offers h3, .careers2024 .job-offer .job-offers .location{ width:100%; max-width: 100%; } }