/* @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('/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('/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; } /* .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 (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;} #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%; } } @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 */ /*****************************************/ 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; } div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom { width: 300px; background: #E9E8E8; border-radius: 20px; position: fixed; padding: 15px 20px; 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; } .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: 20px !important; padding: 0 !important; background-color: transparent !important; border: none !important; font-size: 12px !important; font-weight: 700 !important; color: #e32726; width: 50%; height: 18px; text-align: right !important; } .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; font-weight: 700 !important; line-height: inherit; text-align: right; text-shadow: none !important; padding: 0 !important; } .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 { opacity: .8; transition: .3s all; } /* ------------------ */ /* ETU Header style */ /* ------------------ */ /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ /* ----------------- */ /* Start coding here */ /* ----------------- */ @media (min-width: 981px) { .main-header { position: absolute; width: 100%; z-index: 9999; 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: 95%; margin: 0 auto !important; float: none; padding: 25px 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: 2%; } .main-header .h-row .h-col.two { display: flex; justify-content: flex-end; } @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 .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 1.4em; position:relative; } .main-header .hs-menu-wrapper ul>li>a { color: #231F20; position: relative; white-space: nowrap; } .main-header .hs-menu-wrapper ul>li>a::before { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: -3px; height: 10px; width: 120%; background: #E32726; opacity: 0; z-index: -1; } .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; } .main-header .hs-menu-wrapper ul>li>a:hover::before { opacity: 1; } } @media (max-width: 980px){ .main-header { position: absolute; width: 100%; z-index: 9999; 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 */ .header-menu .hs-item-has-children{ } .header-menu .hs-menu-children-wrapper { padding-left: 0; top: 33px; position: absolute; display: none; left: -20px; } .header-menu .hs-menu-children-wrapper>li { background:#E32726; display: block!important; } .header-menu .hs-menu-children-wrapper>li>a { background:#E32726; padding: 10px 20px; color:#fff!important; display: block!important; } .header-menu .hs-menu-children-wrapper>li>a:before { display:none; } .header-menu .hs-menu-wrapper > ul ul li a:hover{ color:#383435!important; } /* 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; } /* 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; } } /* 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; } /* @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: 5%; } .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: 145%; color: #231F20; } .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 .col.one .post-button { } .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-left: .7em; */ } } @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; } } /* @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 { -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: 110%; margin-bottom: 2.7vh; 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-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: 7vh; line-height: 135%; } @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; } .hero-section .book-a-meeting { color: #fff; background: #231F20; width: auto; position: absolute; right: 1.1em; bottom: 1.4em; } .hero-section .book-a-meeting { min-height: auto; } .hero-section .book-a-meeting a { color: #fff; font-family: 'Catamaran', sans-serif; text-transform: uppercase; font-weight: 800; font-size: .777em; padding: 1.5em 5em 1.5em 2.35em; display: inline-block; } .hero-section .book-a-meeting a img { position: absolute; transform: rotate(180deg); right: 1.7em; margin-top: 1px; } .home .what-we-do { background-color: #231F20; font-size: 1rem; } @media (max-width: 1440px){ .home .what-we-do { font-size: .85rem !important; } } @media (max-width: 1280px){ .home .what-we-do { font-size: .75rem !important; } } @media (max-width: 1024px){ .home .what-we-do { font-size: .7rem !important; } } @media (max-width: 980px){ .home .what-we-do { font-size: .65rem !important; } } .home .what-we-do .panel-label-anim { padding-top: 3.5em; } .home .what-we-do .panel-label-anim .graydash circle { stroke: #fff; } .home .what-we-do .row { max-width: 1220px; width: 85%; } .home .what-we-do .col { position: relative; } .home .what-we-do .row.one h2 { color: #fff; font-size: 3.555em; } .home .what-we-do .row.one p { color: #fff; } .home .what-we-do .row.one>.row-fluid-wrapper:first-child { width: 55%; margin-right: 5%; } .home .what-we-do .row.one { display: flex; margin-top: 3.5em; } .home .what-we-do .row.one>.row-fluid-wrapper:last-child { width: 40%; max-width: 410px; } .home .what-we-do .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 .what-we-do .row-group { padding: 130px 0 110px !important; } } @media (max-width: 1280px){ .home .what-we-do .row-group { padding: 110px 0 90px !important; } } @media (max-width: 1024px){ .home .what-we-do .row-group { padding: 90px 0 70px !important; } } @media (max-width: 980px){ .home .what-we-do .row-group { padding: 80px 0 60px !important; } } @media (max-width: 1650px) { .home .what-we-do .row-group { clip-path: ellipse(100% 100% at 35% 100%); -webkit-clip-path: ellipse(100% 100% at 35% 100%); } } @media (max-width: 1024px){ .home .what-we-do .row-group { clip-path: ellipse(110% 100% at 35% 100%); -webkit-clip-path: ellipse(110% 100% at 35% 100%); } } .home .what-we-do .row-group .row { margin-bottom: 6em; } .home .what-we-do .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 .what-we-do .row-group .big-section-text>div { opacity: .35; } @media (max-width: 1024px){ .home .what-we-do .row-group .big-section-text { display: none; } } .home .what-we-do .row-group .row.two h2 { margin-bottom: .2em; } .home .what-we-do .row-group .row.two .text-module { max-width: 930px; float: none; width: 75%; } .home .what-we-do .row-group .row.two .blurb { margin: 2.2em 1em 0; } .home .what-we-do .row-group .row.three .blurb { margin: 2.8em 0 0; } .home .what-we-do .row-group .row.four .blurb { margin: 3.5em 0 0; } .home .what-we-do .row-group .row.three>.row-fluid-wrapper { padding-left: 4em; } .home .what-we-do .row-group .row.three .text-module { max-width: 1090px; padding-right: 9%; float: none; margin-left: auto; } .home .what-we-do .row-group .row.four>.row-fluid-wrapper { padding-left: 8em; } .home .what-we-do .row-group .row.four .text-module { max-width: 980px; margin-left: auto; float: none; } .home .what-we-do .row-group .bl-col { text-align: center; font-family: 'Catamaran',sans-serif; font-weight: 800; font-size: 1.11em; margin: 0; width: auto; } .home .what-we-do .row-group .row.two .bl-col:first-child { margin-right: 8em; } .home .what-we-do .row-group .row.three .bl-col:first-child { margin-right: 4em; } .home .what-we-do .row-group .row.four .bl-col:first-child { margin-right: 6.5em; margin-left: 2.5em; } .home .what-we-do .row-group .row.four .bl-col { line-height: 160%; } .home .what-we-do .row-group .row.four .red { margin-bottom: .3em; } .home .what-we-do .row-group .red { color: #E32726; display: block; font-weight: 900; font-size: 2.5em; margin-bottom: .1em; position: relative; } .home .what-we-do .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 .what-we-do .row-group .row.two .cta-button { margin-left: -1em; margin: 3.7em 0 0; } .home .what-we-do .row-group .row.three .cta-button { margin-top: 4.5em; } .home .what-we-do .row-group .row.four .cta-button { margin-top: 3em; } .home .expertise { background-color: #F4F3F3; 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 { background-color: #F4F3F3; } .home .expertise .back-part { padding: 70px 0; } @media (max-width: 1024px){ .home .expertise .back-part { padding: 50px 0; } } .home .expertise .row.one { width: 85%; max-width: 1220px; margin: 0 auto; float: none; padding-bottom: 130px; 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: 44%; margin-right: 6%; padding-top: 4%; } .home .expertise .row.one>.row-fluid-wrapper:last-child { width: 50%; } .home .expertise .panel-label-anim { margin-bottom: -7em; padding-bottom: 7em; } .home .expertise .row.one p { margin-bottom: 2em; } .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 .references { background-color: #F4F3F3; font-size: 1rem; padding-top: 100px; } @media (max-width: 1440px){ .home .references { font-size: .85rem !important; } } @media (max-width: 1280px){ .home .references { font-size: .75rem !important; } } @media (max-width: 1024px){ .home .references { font-size: .7rem !important; } } @media (max-width: 980px){ .home .references { font-size: .65rem !important; } } @media (max-width: 1440px){ .home .references { padding-top: 100px !important; } } @media (max-width: 1280px){ .home .references { padding-top: 80px !important; } } @media (max-width: 1024px){ .home .references { padding-top: 70px !important; } } @media (max-width: 980px){ .home .references { padding-top: 60px !important; } } .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 .references .slider-head { display: flex; align-items: center; } .home .references .slider-but-container { width: 35%; display: flex; padding: 2.5em 4em 0 5%; } .home .references .cta-button { margin-left: auto; white-space: nowrap; } .home .references .controls-elements { width: 65%; background-color: #fff; display: flex; padding: 3.5em 9.5em 1em; } .home .references .slider-navigation { display: flex; margin-right: 1.5em; } .home .references .slider-navigation > div { transition: .3s all; } .home .references .slider-navigation > div:hover { opacity: .7; transition: .5s all; } .home .references .slider-navigation .prev-item { margin-right: 2em; } @media (max-width: 1440px){ .home .references .slider-navigation img { transform: scale(1) !important; } } @media (max-width: 1280px){ .home .references .slider-navigation img { transform: scale(.9) !important; } } @media (max-width: 1024px){ .home .references .slider-navigation img { transform: scale(.8) !important; } } @media (max-width: 980px){ .home .references .slider-navigation img { transform: scale(.75) !important; } } .home .references .slider-counter { display: flex; } .home .references .slider-counter > div { font-family: 'Catamaran',sans-serif; font-weight: 500; width: 1em; text-align: center; } .home .references .slider-counter .total-slides, .home .references .slider-counter span { color: #D3D2D2; font-weight: 500; } .home .references .slider-counter .current-slide { margin-right: .3em; } .home .references .slider-counter .total-slides { margin-left: .4em; } .home .references .reference-slider-wrapper { display: flex; } .home .references .reference-slider-wrapper .controls-elements { } .home .references .movie-wrapper { width: 35%; } .home .references .text-wrapper { width: 65%; background-color: #fff; } .home .references .movie-wrapper .bx-viewport { height: auto !important; margin-right: -45%; width: auto !important; } .home .references .text-wrapper .bx-viewport { padding-right: 5%; } .home .reference-slider-wrapper { position: relative; z-index: 1; } .home .reference-slider-wrapper::after { position: absolute; content: ''; width: 100%; height: 50%; background-color: #fff; bottom: 0; left: 0; z-index: -1; } .home .references .movie-wrapper { order: 1; margin-top: 2.5em; } .home .references .reference-slider-text .slider-item { width: auto !important; } .home .references .text-wrapper { order: 2; } .home .references .reference-slider-movie { margin-left: 30%; } .home .references .reference-slider-movie video { transform: scale(1.03); cursor: pointer; } .home .references .reference-slider-movie .slider-item { opacity: .5; transition: .3s all; } .home .references .reference-slider-movie .slider-item.active-slide { opacity: 1; transition: .5s all; } .home .references .reference-slider-text { padding: 0 4em; } .home .references .reference-slider-text .feedback-text { border: none; margin: 0; padding: 0; font-size: 1.55em; position: relative; max-width: 440px; line-height: 130%; padding: 2em 0; margin-bottom: .6em; z-index: 1; } .home .references .reference-slider-text .feedback-text> div { height: 200px; display: flex; align-items: center; } .home .references .reference-slider-text .feedback-text::after { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; top: 0; left: 0; font-size: 1rem; background: url('/hubfs/ETU%20theme/reviews-ico.svg') 100% no-repeat; background-size: contain; z-index: -1; } .home .references .reference-slider-text .feedback-text::before { position: absolute; content: ''; width: 3.8655em; height: 3.1611em; bottom: 0; right: 0; font-size: 1rem; background: url('/hubfs/ETU%20theme/reviews-ico.svg') 100% no-repeat; transform: rotate(180deg); background-size: contain; } @media (max-width: 1440px){ .home .references .reference-slider-text .feedback-text::before { font-size: .85rem !important; } } @media (max-width: 1280px){ .home .references .reference-slider-text .feedback-text::before { font-size: .75rem !important; } } @media (max-width: 1024px){ .home .references .reference-slider-text .feedback-text::before { font-size: .7rem !important; } } @media (max-width: 980px){ .home .references .reference-slider-text .feedback-text::before { font-size: .65rem !important; } } @media (max-width: 1440px){ .home .references .reference-slider-text .feedback-text::after { font-size: .85rem !important; } } @media (max-width: 1280px){ .home .references .reference-slider-text .feedback-text::after { font-size: .75rem !important; } } @media (max-width: 1024px){ .home .references .reference-slider-text .feedback-text::after { font-size: .7rem !important; } } @media (max-width: 980px){ .home .references .reference-slider-text .feedback-text::after { font-size: .65rem !important; } } .home .references .reference-slider-text .feedback-author { font-family: 'Catamaran',sans-serif; font-weight: 900; max-width: 440px; margin-bottom: .3em; } .home .references .reference-slider-text .job-position { font-size: 0.777em; color: #E32726; max-width: 440px; } .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: 120px 0; } @media (max-width: 1440px){ .home .resours .back-part { padding: 100px 0 !important; } } @media (max-width: 1280px){ .home .resours .back-part { padding: 80px 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: .8em; } .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: 2.8em; } .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 .hero-section .book-a-meeting { display: none; } .home .what-we-do { background-color: #231F20; } .home .what-we-do .row.one p, .home .what-we-do .row.one h2 { color: #fff; } .home .what-we-do .big-section-text{ display: none; } .home .what-we-do .back-part { padding: 80px 0 40px; } .home .what-we-do .row.one>.row-fluid-wrapper:last-child { padding-top: 0 !important; } .home .what-we-do .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 .what-we-do .row-group .blurb > .row-fluid-wrapper > .row-fluid { display: flex; } .home .what-we-do .row-group .bl-col:first-child { width: 48.5%; margin-right: 4%; } .home .what-we-do .row-group .bl-col:last-child { width: 48.5% } .home .what-we-do .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 .what-we-do .row-group h2 { margin-bottom: .4em; } .home .what-we-do .row-group p { margin-bottom: 2.2em; } .home .what-we-do .row-group .red { color: #E32726; display: block; font-weight: 900; font-size: 2em; margin-bottom: .1em; position: relative; white-space: nowrap; } .home .what-we-do .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 .what-we-do .row-group .row { margin-bottom: 6em !important; } .home .expertise { background-color: #F4F3F3; } .home .expertise .back-part { padding: 70px 0; } .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 .expertise2 .expert-img { margin-bottom: 2em; } .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; } .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 .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-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 .references .reference-slider-text .feedback-text { border: none; margin: 0; padding: 0; font-size: 1.111em; position: relative; line-height: 140%; padding: 2em 0 3em; font-family: 'Catamaran',sans-serif; z-index: 1; padding-right: 5%; padding-left: 10px; } .home .references .reference-slider-text .feedback-text::after { position: absolute; content: ''; width: 3em; height: 3em; top: 0; left: 0; font-size: inherit; background: url('/hubfs/ETU%20theme/reviews-ico.svg') 100% no-repeat; background-size: contain; z-index: -1; } .home .references .reference-slider-text .feedback-text::before { position: absolute; content: ''; width: 3em; height: 3em; bottom: 0; right: 0; font-size: inherit; background: url('/hubfs/ETU%20theme/reviews-ico.svg') 100% no-repeat; transform: rotate(180deg); background-size: contain; z-index: -1; } .home .references .reference-slider-text .feedback-author { font-family: 'Catamaran',sans-serif; font-weight: 900; margin-bottom: .3em; font-size: .777em; padding-left: 10px; } .home .references .reference-slider-text .job-position { font-size: 0.555em; color: #E32726; padding-left: 10px; } .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; } } @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 .what-we-do.new-upd .row.one { margin: 3rem auto 5rem; max-width: 1260px; } .home .what-we-do.new-upd .row.one p { font-size: 1.055rem; } .home .what-we-do.new-upd .blurbs-row{ max-width: 1533px !important; width: 84%; } .home .what-we-do.new-upd .blurbs-row .text-module.blurb .row-fluid-wrapper > .row-fluid { display: flex; flex-flow: row wrap; flex-wrap: wrap; } .home .what-we-do.new-upd .blurbs-row .text-module.blurb .row-fluid-wrapper > .row-fluid:before, .home .what-we-do.new-upd .blurbs-row .text-module.blurb .row-fluid-wrapper > .row-fluid:after { content: none; } .home .what-we-do.new-upd .blurbs-row .col:first-child{ margin-left: 0; } .home .what-we-do.new-upd .text-module.blurb.animate__animated h3, .home .what-we-do.new-upd .text-module.blurb.animate__animated p { opacity: 1; } .home .what-we-do.new-upd .text-module.blurb .widget-type-rich_text{ margin-bottom: 1.5rem; } .home .what-we-do.new-upd .text-module.blurb .widget-type-rich_text p:first-child{ display: inline-block; color: #918F8F; margin-bottom: 6px; line-height: 1; } .home .what-we-do.new-upd .text-module.blurb h3{ font-size: 2rem; color: #231f20; font-weight: 800; line-height: 1.3; margin-bottom: 1rem; } .home .what-we-do.new-upd .text-module.blurb .widget-type-rich_text p{ letter-spacing: -0.016em; max-width: 97%; } .home .what-we-do.new-upd .text-module.blurb a.cta_button { padding: .8em 3.2em .75em 1.5em; } .home .what-we-do.new-upd .row-group .panel-label-anim .graydash circle{ stroke: #393536; } .home .what-we-do.new-upd ._1JOiS > button { display: none !important; } .home .section.our-clients-section{ background-color: #F4F3F3; } .home .section.our-clients-section .panel-label-anim { padding: 2.3em 0 8em 4.2em; } .home .section.our-clients-section .back-part{ padding-bottom: 0 !important; } .home .section.our-clients-section:after{ content: none; } .home .section.our-clients-section .clients-head-row .widget-type-rich_text{ margin-bottom: 2rem; } .home .section.our-clients-section .clients-head-row h2{ text-align: center; max-width: 1155px; margin: 0 auto 1.3rem; } .home .section.our-clients-section .clients-head-row p{ text-align: center; max-width: 866px; margin: 0 auto 1rem; font-size: 1rem; } .home .section.our-clients-section .clients-head-row .circle-anim-wrap{ position: relative; left: 1rem; top: -1rem; display: flex; justify-content: center; } .home .section.our-clients-section .clients-row{ max-width: 1390px; } .home .section.our-clients-section .clients-row .widget-type-linked_image{ display: block; } .home .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); } .home .section.our-clients-section.animate__animated .clients-row .row-depth-2.row-number-3 .widget-type-linked_image img{ transition-delay: .5s; } .home .section.our-clients-section.animate__animated .clients-row .widget-type-linked_image img{ opacity: 1; transform: scale(1); } .home .section.our-clients-section .clients-row .col{ padding: 6rem 0; } .home .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; } .home .section.our-clients-section .clients-row .col > .row-fluid-wrapper > .row-fluid:after, .home .section.our-clients-section .clients-row .col > .row-fluid-wrapper > .row-fluid:before{ content: none; } .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, .home.home-template2021 .section.techonology .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 .what-we-do.new-upd .video-what-we-do .vidyard-player-container{ padding-top: 60px; } .home .section.our-clients-section .clients-head-row .circle-anim-wrap .panel-title{ margin-bottom: -22px; } .home .what-we-do.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 .what-we-do.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 .what-we-do.new-upd .blurbs-row .col{ width:29%; margin-left: 6%; } } .home .what-we-do.new-upd .row.one > .row-fluid-wrapper:first-child { width: 50%; margin-right: 9%; display: flex; align-items: center; } .home .what-we-do.new-upd .row.one > .row-fluid-wrapper:last-child { width: 44%; max-width: unset; padding-top: 0 !important; } .home .what-we-do.new-upd .row-group h2{ margin-bottom: 0.8em; } .home .what-we-do.new-upd .row-group .row { margin-bottom: 4.4rem; } } @media (min-width: 981px){ .home .what-we-do.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 .what-we-do.new-upd .text-module.blurb h3{ font-size: 1.5rem; } } @media (max-width: 980px) and (min-width: 768px){ .home .what-we-do.new-upd .module.two h2 { font-size: 2.3rem; } .home .what-we-do.new-upd .text-module.blurb h3{ font-size: 1.7rem; } .home .section.our-clients-section.animate__animated .clients-row .widget-type-linked_image img{ max-width: 85% !important; } } @media (max-width: 980px){ .home .section.our-clients-section .clients-row .col{ padding: 3rem 0; } } @media (max-width: 767px){ .home .what-we-do.new-upd .row-group .row { margin-bottom: 3.5em !important; } .home .what-we-do.new-upd .text-module.blurb .col:not(.col:last-child){ margin-bottom: 3.5rem; } .home .what-we-do.new-upd .text-module.blurb h3{ font-size: 1.5rem; } .home .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; } .home .section.our-clients-section .clients-row .col > .row-fluid-wrapper.row-depth-2.row-number-2 > .row-fluid > .widget-type-custom_widget:last-child, .home .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; } .home .section.our-clients-section .back-part{ padding-top: 4rem !important; padding-bottom: 3rem !important; } } @media (max-width: 400px){ .home .section.our-clients-section .clients-row .col > .row-fluid-wrapper > .row-fluid > .widget-type-custom_widget { width: 100%; } .home .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; } .home .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; } } /***** Panel 2 - Video mute button *****/ .home-template2021 ._1JOiS button { left: 5em !important; } /***** December 2021 - Homepage Updates *****/ .dec21-update #second.what-we-do.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; } /* @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; } @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: space-between; 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; } .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 .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; } #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{ align-self: flex-end; font-family: 'Catamaran',sans-serif; margin-right: 1.8em; /* font-size: .888em; */ font-size: .7em; font-weight: 800; text-transform: uppercase; position: relative; z-index: 1; } #blogpage .res-topic-navigation li .active::before { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0; background-color: #f9d4d4; width: 135%; height: 10px; z-index: -1; } #blogpage .control_blog { display: flex; align-items: center; margin-bottom: 6.11em; } #res-body .search-block{ width: 112px; min-width: 112px; height: 48px; background: #fff; display: flex; } #res-body .search-block .hs-search-field { height: 100%; width: 100%; display: flex; } #res-body .search-block .hs-search-field form { /* width: 112px; */ height: 48px; background: #fff; 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: 15px center; padding: 0 0 0 46px; font-size: 14px; color: #A7A5A6; font-family: 'Karla',sans-serif !important; border: 0; } #res-body .search-block form .hs-search-field__input:focus{ width: 100%; outline: unset; } #res-body .search-block .hs-search-field form .hs-search-field__input::placeholder { 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 { /* 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: 47px; 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; height: 48px; } #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: 5.1em; } .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-width: !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 .legal-consent-container .hs-form-booleancheckbox-display input { float: left; width:auto!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;} #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 { line-height: 1.2; } #blogpage .res-topic-navigation li a { font-size: .66em; } #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 { background: url(/hubfs/search.svg); background-size: 17px; background-repeat: no-repeat; background-position: 15px center; } #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;} #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: 1em; } #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; } } @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-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; } } /* 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: 110px 0; } @media (max-width: 1440px){ .services-page .service-hero .row.one { padding: 110px 0 !important; } } @media (max-width: 1280px){ .services-page .service-hero .row.one { padding: 80px 0 !important; } } @media (max-width: 1024px){ .services-page .service-hero .row.one { padding: 50px 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%; } @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%; } .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; 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/ETU%20theme/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: 6.5em; } .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: 8%; } /* @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 */ .job-offer { } .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; } .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 */ /* ----------------- */ /* 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: 14%; right: -67%; 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.1em; } .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 .value .module.two{ max-width: 1075px; margin-bottom: 2em; } .platform-page .value .col.one{ padding-top: 4%; } /* SD added */ .platform-page .value .module.two p { line-height: 150%; } .platform-page .section.value .row .panel-label::after { top: -9%; } .section.value .row .panel-label { padding: 0 8.5em 6em 0; } .platform-page .section.value .content-part-special h2 { margin: 0 0 0.34rem; } .platform-page .build.features { padding-bottom: 58px; } .platform-page .section.value .content-part-special p { line-height: 146%; } .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; } .platform-page .value .row-group .row.two h2, .platform-page .value .row-group .row.three h2, .platform-page .value .row-group .row.four h2 { font-size: 3.555em; font-weight: 900; } .platform-page .value .row-group .row.two p, .platform-page .value .row-group .row.three p, .platform-page .value .row-group .row.four p { font-size: 1.111em; line-height: 150%; } .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 .value .row-group .row.two .blurb { margin: 2.2em 1em 0; } .platform-page .value .row-group .row.three .blurb { margin: 2.8em 0 0; } .platform-page .value .row-group .row.four .blurb { margin: 3.5em 0 0; } .platform-page .value .row-group .row.three .text-module { max-width: 1090px; padding-right: 9%; margin-left: auto; float: none; } .platform-page .value .row-group .row.four .text-module { max-width: 980px; margin-left: auto; float: none; } .platform-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%; } .platform-page .value .row-group .row.two { margin-top: 3.5em; padding-bottom: 5em; } .section_head h3 { text-align: center; font-size: 1.76em; font-weight: 900; } .platform-page .value .row-group .row.two .bl-col:first-child { margin-right: 6%; } .platform-page .value .row-group .row.two .bl-col:nth-child(2) { margin-right: 5%; } .platform-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; } .platform-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; } .platform-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; } .platform-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; } .platform-page .value .row-group .text-module.blurb .row-fluid { display: flex; flex-wrap: wrap; } .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: 74%; 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: 8.5em; } .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%; } @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 .value .module.two p { padding-right: 0; } .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; */ } .platform-page .value .row-group .bl-col { font-size: 1.5em; } .platform-page .value .row-group .row.two { margin-top: 2.5em; padding-bottom: 3em; } .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 { height: 73%; } .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: auto; object-fit: cover; min-width: 544px; max-height: 301px; } .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 .value .row-group .red { font-size: 28px; line-height: 1.9; } .platform-page .value .row-group .row.two .bl-col p { font-size: 12px; } .platform-page .value .row-group .bl-col { width: 100%; font-size: 14px; margin-right: 0 !important; margin-bottom: 2em; } .platform-page .value .row-group .bl-col:last-child { margin-bottom: 0px; } .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: 40px; } .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%; } .value .row-group .bl-col { 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%; } .section.value .row .panel-label { padding: 0 2.5em 7em 0; } .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 .value { padding-top: 5px; } .platform-page .value .row-group .row.two .blurb { margin: 0; } .platform-page .build.features { padding-top: 78px; } .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 { 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; } } /* @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: 5.555em; 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 { padding-top: 4em; } .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; } .story-slider { margin-top: -4em; } .who_we_are{ padding-bottom: 10em; position: relative; } .slider-who_we_are .cust-pager, .slider-who_we_are .cust-pager[data-slider-number="slide-0"] { background: #231F20; width: 826px; height: 821px; border-radius: 50%; position: absolute; left: -45.6em; 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(45deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(28deg); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(0deg); } .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.8em; top: 1em; top: 1.6em; } .slider-who_we_are .cust-pager .pager-link:nth-child(2){ -moz-transform: rotate(-.78rad); -webkit-transform: rotate(-.78rad); -o-transform: rotate(-.78rad); -ms-transform: rotate(-.78rad); transform: rotate(-.78rad); width: 98px; height: 67px; left: 14.4em; top: 1em; top: 3.5em; } .slider-who_we_are .cust-pager .pager-link:nth-child(3){ -moz-transform: rotate(-.48rad); -webkit-transform: rotate(-.48rad); -o-transform: rotate(-.48rad); -ms-transform: rotate(-.48rad); transform: rotate(-.48rad); width: 98px; height: 67px; left: 15.8em; top: 1em; top: 6.0em; } .slider-who_we_are .cust-pager .pager-link:nth-child(4){ -moz-transform: rotate(0rad); -webkit-transform: rotate(0rad); -o-transform: rotate(0rad); -ms-transform: rotate(0rad); transform: rotate(0rad); width: 98px; height: 67px; left: 15.9em; top: 1em; top: 9.1em; } .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; } @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(45deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(28deg) scale(0.8); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(0) 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, .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(45deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(28deg) scale(0.7); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(0) 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; } } @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; } } @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(135deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(118deg) scale(0.55); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(90deg) 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: 91%; } .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(135deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-2"] { transform: translateX(50%) rotate(118deg) scale(0.3); } .slider-who_we_are .cust-pager[data-slider-number="slide-3"] { transform: translateX(50%) rotate(90deg) 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; } } @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; } } /* Most usefull colors */ /* Control points variables */ /* Desktop Macros */ /* Laptos Macros */ /* Tablet Macros */ /* Phone Macros */ /* Responsive Macros */ body .section { --animate-duration: 500ms; opacity: 0; } .home .content-part-special .section h2 { --animate-duration: 2000ms; --animate-delay: 2s; opacity: 0; } .home .content-part-special .section h3 { --animate-duration: 2000ms; --animate-delay: 3.5s; opacity: 0; } .home .content-part-special .section p { --animate-duration: 2000ms; --animate-delay: 7s; opacity: 0; } .home .content-part-special .section .blurb { --animate-duration: 2000ms; --animate-delay: 6s; opacity: 0; } .home .panel-label-anim .panel-title { --animate-duration: 2000ms; } .home .hero-section .row.one .col.one .module.one { --animate-duration: 2000ms; --animate-delay: 2s; } .home .hero-section .row.one .col.one .module.one p { animation: none; opacity: 1; } .main-footer .inner-section { --animate-duration: 800ms; opacity: 0; } .main-footer .inner-section .telephone-module { opacity: 0; animation-delay: 0.7s; --animate-duration: 800ms; } .main-footer .inner-section .book-a-meeting { opacity: 0; animation-delay: 0.5s; --animate-duration: 800ms; } .home .content-part-special .section .big-section-text { --animate-duration: 2000ms; --animate-delay: 3s; opacity: 0; } .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; } */ .home .resours h2 { } /* @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: 9px; width: 5px; height: 5px; 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; } /* @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; } }