@charset "UTF-8"; /* Theme Name: Flexer Author: Asema 10 Description: Flexer - Multipurpose Premium WordPress Theme Author URI: http://asema10.fi License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.0.0 */ /* ------------------------------------ Eric Meyer's Reset CSS v2.0 ------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* ------------------------------------ HELPERS ------------------------------------- */ .flexer-reset-btn, .mfp-close { border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; } /* PATHS */ /* Globals */ /* SVG ICONS - Brand */ /* Custom SVG Icons */ /* SVG ICONS - Phosphor */ /* SVG ICONS - Iconly */ /* SVG ICONS - Social */ /* Colors */ /* Clearfix, @include clearfix(); */ /* Display Flex, @include display-flex(); */ /* Flex wrap, @include flex-wrap(); */ /* Mask, @include mask( images/svg/icons/home.svg ); */ /* Mask Size, @include mask-size( cover ); */ /* Opacity, @include opacity(0); */ /* Aspect Ratio USAGE:
.size-16-9 { @include aspect-ratio(16, 9); } */ /* Box sizing, @include box-sizing(border-box); */ /* Blur, @include blur( 5px ); */ /* Gradient, @include gradient( 145deg, $flexer-dark, $flexer-extra-dark ); */ /* Gradient, @include gradient-halfway( 145deg, $flexer-dark, $flexer-extra-dark ); */ /* Gradient, @include gradientDiagonal( left, top, red, yellow ); */ /* Transition, @include transition(all, 0.2s, ease-in-out); */ /* Transition with Cubic-bezier, @include transitionCubicBezier( all, 0.750s, 0.215, 0.61, 0.355, 1 ); */ /* Transform NONE, @include transform-none(); */ /* Translate 3D, @include translate3D( -400px, 0, 0 ); */ /* Calc, @include calc( width, '100% - 2px'); */ /* Calc, @include calcImportant( width, '100% - 2px'); */ /* Border radius, @include border-radius(10px); */ /* Border radius special, @include border-radius-special( 10px, 0, 10px, 0 ); */ /* Background-size, @include background-size(cover); */ /* Scale, @include scale(1.1, 1.1); */ /* Rotate, @include rotate( 45deg, 50%, 50%); */ /* Translate(X), @include translateX(-50%); */ /* Translate(Y), @include translateY(-50%); */ /* Translate(Z), @include translateZ(0); */ /* Box Shadow, @include box-shadow(); */ /* Box Shadow Custom, @include box-shadow-custom( 0, 0, 20px, 0, rgba( 0, 0, 0, 0.2 ) ); */ /* Box shadow (inset), @include box-shadow-inset-brand(); */ /* Box shadow (inset), @include box-shadow-inset-brand-secondary(); */ /* Box shadow (inset), @include box-shadow-inset-error(); */ /* User select, @include user-select(none); */ /* ------------------------------------------------------- CLEARING ------------------------------------------------------- */ /* Clear section-wrapper */ .flexer-section-wrapper:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns */ .flexer-clearfix:before, .flexer-clearfix:after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .flexer-clearfix:after { clear: both; } /* Clear columns
*/ .flexer-clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* ------------------------------------ KEYFRAMES ------------------------------------- */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @keyframes pulse { 0% { -webkit-transform: scale(1.11, 1.11); -moz-transform: scale(1.11, 1.11); -ms-transform: scale(1.11, 1.11); -o-transform: scale(1.11, 1.11); transform: scale(1.11, 1.11); } 20% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } /* ------------------------------------ Icons ------------------------------------- */ /* USAGE: :before { @extend .flexer-icon; @include mask( $icon-path-XXX ); // AINOA PAKOLLINEN MÄÄRITYS, yliaja muut jos tarpeen background-color: $flexer-dark; // VALINNAINEN, aseta iconin väri, oletuksena $color-dark } */ .flexer-icon, #Header-nav ul > li.cta-item a i.icon:before, #Header-nav ul > li.cta-item a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header-nav ul > li.cta-item a i.icon:before, #Header-nav ul > li.cta-item a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header-nav ul > li.cta-item a i.icon:before, #Header-nav ul > li.cta-item a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header-nav ul > li.cta-item a i.icon:before, #Header #Header-tools #Nav-toggle span.icon:before, #Header #Header-tools #Nav-closer span.icon:before, #Header.results .share-wrapper a.link-wrapper span.icon:before, #Header.funnel a.funnel-action-btn span.icon:before, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header.funnel a.funnel-action-btn span.icon:before, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header.funnel a.funnel-action-btn span.icon:before, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header.funnel a.funnel-action-btn span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps .step-content .perks ul li:before, body.page-template-template-profiles-single #profile-container #back-to-results i:before, .mfp-arrow-right:before, .mfp-arrow-left:before, .mfp-close:before, .range-selector + .range-selector-wrapper .validator-hint.valid #checkmark:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-youtube-video.modal span.icon:before, .flexer-youtube-video.modal body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-youtube-video.modal span.icon:before, .flexer-youtube-video.modal body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-youtube-video.modal span.icon:before, .flexer-youtube-video.modal body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-youtube-video.modal span.icon:before, .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-custom-svg-icon i.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-custom-svg-icon i.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-custom-svg-icon i.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-custom-svg-icon i.icon:before, .flexer-svg-icon span.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.icon:before, .flexer-intro-block div.links a i.icon:before, .flexer-intro-block div.links a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-intro-block div.links a i.icon:before, .flexer-intro-block div.links a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-intro-block div.links a i.icon:before, .flexer-intro-block div.links a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-intro-block div.links a i.icon:before, button span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon:before, button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results button span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management #profile-review-form .step.results #confirm-pin span.icon:before, button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results button span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management .edit-profile-review-form .step.results #confirm-pin span.icon:before, button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results button span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management #profile-contact-form .step.results #confirm-pin span.icon:before, form div.item span.state-icon:before, .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon:before, .rg-section:not(.footer) .rg-col ul li:before, .flexer-magnific-popup ul li:before, .flexer-staff-popup-content ul li:before, .flexer-tabs ul li:before, div.cpt-content ul li:before, div.template-simple-content ul li:before, .fileuploader-theme-avatar .fileuploader-menu-open i:before { content: " "; position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 36px; height: 36px; -webkit-mask-size: cover; mask-size: cover; background-color: #0E1619; } /* ------------------------------------------------------- PLUGINS ------------------------------------------------------- */ /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: rgba(255, 255, 255, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.4; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: -100px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 100px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: 0; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 20px; height: 20px; margin: 0 8px; background: #333; border-radius: 999px; opacity: 1; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .flickity-prev-next-button { top: 180px; background-color: #E5BB7A; width: 60px; height: 60px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flickity-prev-next-button:hover { background-color: #E5BB7A; -webkit-box-shadow: 0 0 30px 0 rgba(229, 187, 122, 0.5); -moz-box-shadow: 0 0 30px 0 rgba(229, 187, 122, 0.5); box-shadow: 0 0 30px 0 rgba(229, 187, 122, 0.5); } .flickity-prev-next-button.previous { top: unset; bottom: -80px; left: 50%; -webkit-transform: translate3d(-68px, 0, 0); -moz-transform: translate3d(-68px, 0, 0); -ms-transform: translate3d(-68px, 0, 0); -o-transform: translate3d(-68px, 0, 0); transform: translate3d(-68px, 0, 0); } .flickity-prev-next-button.next { top: unset; bottom: -80px; right: 50%; -webkit-transform: translate3d(68px, 0, 0); -moz-transform: translate3d(68px, 0, 0); -ms-transform: translate3d(68px, 0, 0); -o-transform: translate3d(68px, 0, 0); transform: translate3d(68px, 0, 0); } .flickity-prev-next-button .flickity-button-icon { left: 32%; top: 32%; width: 36%; height: 36%; } .flickity-prev-next-button .flickity-button-icon path { color: #F6F4F2; } .avatar-wrapper { background: transparent; } .fileuploader-theme-avatar { position: relative; width: 150px !important; height: 150px; padding: 0 !important; margin: 0 !important; background: transparent !important; } .fileuploader-theme-avatar .fileuploader-wrapper { position: relative; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08); overflow: hidden; } .fileuploader-theme-avatar .fileuploader-wrapper, .fileuploader-theme-avatar .fileuploader-items .fileuploader-item .fileuploader-item-image { background: #f9f9fc; } .fileuploader-theme-avatar .fileuploader-items { height: 100%; } .fileuploader-theme-avatar .fileuploader-items .fileuploader-item { height: 100%; padding: 0; margin: 0; } .fileuploader-theme-avatar .fileuploader-items .fileuploader-item.is-image-waiting .fileuploader-item-image img { display: none; } .fileuploader-theme-avatar .fileuploader-droparea { position: absolute; display: flex; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background: rgba(43, 56, 71, 0.6); border-radius: 50%; cursor: pointer; transition: all 0.3s ease; z-index: -1; opacity: 0; transform: scale(1.3); } .fileuploader-theme-avatar .fileuploader-droparea .fileuploader-icon-main { font-size: 32px; color: #fff; } .fileuploader-theme-avatar .fileuploader-dragging .fileuploader-droparea { opacity: 1; transform: scale(1); z-index: 1; } .fileuploader-theme-avatar .progressbar3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .fileuploader-theme-avatar .progressbar3 span { position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: #1f344a; z-index: 1; } .fileuploader-theme-avatar .progressbar3 [data-action] { cursor: pointer; } .fileuploader-theme-avatar .progressbar3 svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .fileuploader-theme-avatar .progressbar3 svg circle { stroke: #5b7bfe; stroke-width: 4px; fill: transparent; transition: 0.3s stroke-dashoffset, 0.3s transform; transform: rotate(-90deg); transform-origin: 50% 50%; } .fileuploader-theme-avatar .progressbar3.is-reset svg circle { transition: none; } .fileuploader-theme-avatar .progressbar3 svg .progress-dash { stroke: #dae2fd; } .fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 svg { transform: scale(0.5); } .fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 span { font-size: 16px; color: #fff; } .fileuploader-theme-avatar .fileuploader-item.upload-complete .progressbar3 svg .progress-dash { stroke-width: 0; transform: scale(1.3); } .fileuploader-theme-avatar .fileuploader-item.upload-successful .progressbar3 svg circle { stroke: #43D084; fill: #43D084; } .fileuploader-theme-avatar .fileuploader-item.upload-successful .progressbar3 svg .progress-dash { fill: rgba(67, 208, 132, 0.6); } .fileuploader-theme-avatar .fileuploader-item.upload-failed .progressbar3 svg circle { stroke: #FE7676; fill: #FE7676; } .fileuploader-theme-avatar .fileuploader-item.upload-failed .progressbar3 svg .progress-dash { fill: rgba(254, 118, 118, 0.6); } .fileuploader-theme-avatar .fileuploader-menu { position: absolute; top: 0px; right: 0px; background-color: #E5BB7A; width: 50px; height: 50px; border-radius: 25px; z-index: 1; } .fileuploader-theme-avatar .fileuploader-menu-open { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: all; } .fileuploader-theme-avatar .fileuploader-menu-open i { width: 18px; height: 18px; } .fileuploader-theme-avatar .fileuploader-menu-open i:before { background-color: #F6F4F2; -webkit-mask: url(../Flexer/images/phosphor/icons-pencil.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-pencil.svg) no-repeat 50% 50%; width: 30px; height: 30px; } .flexer-section-wrapper .fileuploader-theme-avatar .fileuploader-menu ul { display: none; position: absolute; top: 100%; left: 0; background: unset !important; background: #F6F4F2 !important; color: #0E1619; font-size: 14px; line-height: 18px; font-weight: 500; list-style: none; margin: 0; padding: 0; margin-top: 10px; box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; } .fileuploader-theme-avatar .fileuploader-menu.is-shown ul { display: block; } .fileuploader-theme-avatar .fileuploader-menu ul li { margin: 0; padding: 0; } .fileuploader-theme-avatar .fileuploader-menu ul li a { display: block; padding: 10px 12px; min-width: 120px; color: inherit; cursor: pointer; text-decoration: none; } .fileuploader-theme-avatar .fileuploader-menu ul li a i { margin-right: 6px; } .fileuploader-theme-avatar .fileuploader-menu ul li a:hover { background: rgba(0, 0, 0, 0.03); } .fileuploader-theme-avatar .fileuploader-menu ul li a:active { background: rgba(0, 0, 0, 0.05); } .fileuploader-theme-avatar:hover .fileuploader-menu { transform: translateY(0); opacity: 1; } .fileuploader-popup-preview.is-for-avatar .fileuploader-cropper .fileuploader-cropper-area .area-image, .fileuploader-popup-preview.is-for-avatar .fileuploader-cropper .fileuploader-cropper-area .area-move:after { border-radius: 50%; } /* ------------------------------------------------------- TYPOGRAPHY ------------------------------------------------------- */ body { font-size: 19px; line-height: 28px; font-weight: 400; font-family: "neue-haas-grotesk-text", sans-serif; color: #182328; font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (max-width: 479px) { body { font-size: 19px; } } p { margin-bottom: 1.5em; } h1, h2, h3, h4, h5, h6 { font-family: "larken", sans-serif; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* For WYSIWYG autop */ } h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { margin-bottom: 0; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: inherit; } h1, h2, h3, h4, h5 { font-weight: 700; } h1 { font-size: 50px; line-height: 56px; letter-spacing: 0; margin-top: 0; margin-bottom: 22px; } h2 { font-size: 38px; line-height: 40px; letter-spacing: 0; margin-top: 0; margin-bottom: 26px; } h3 { font-size: 1.7em; line-height: 1.1; margin-bottom: 0.9em; } h4 { font-weight: 700; font-size: 24px; line-height: 30px; margin-bottom: 26px; } h5 { font-weight: 500; font-size: 17px; line-height: 26px; margin-bottom: 22px; } h6 { font-size: 19px; line-height: 28px; font-weight: 400; margin-bottom: 0; font-style: italic; opacity: 0.7; } h2.subheading, h3.subheading { font-weight: 400; margin-bottom: 0; font-style: normal; } h2.subheading { font-size: 26px; line-height: 36px; } h2.subheading.btns-activated { margin-bottom: 60px; } h3.subheading { font-size: 24px; line-height: 30px; opacity: 1; margin-bottom: 34px; } /* Heading sizes inside a column modules */ .rg-section .rg-col.rg-span_9_of_12 h2, .rg-section .rg-col.rg-span_8_of_12 h2, .rg-section .rg-col.rg-span_7_of_12 h2, .rg-section .rg-col.rg-span_6_of_12 h2, .rg-section .rg-col.rg-span_5_of_12 h2, .rg-section .rg-col.rg-span_4_of_12 h2, .rg-section .rg-col.rg-span_3_of_12 h2, .rg-section .rg-col.rg-span_2_of_12 h2, .rg-section .rg-col.rg-span_1_of_12 h2 { font-size: 28px; line-height: 32px; letter-spacing: 0; } /* Mobile styles for headins */ @media only screen and (max-width: 767px) { h1 { font-size: 34px; line-height: 36px; letter-spacing: 0; margin-bottom: 16px; } h2 { font-size: 34px; line-height: 34px; letter-spacing: 0; margin-bottom: 28px; } h2.subheading { font-size: 20px; line-height: 28px; } h2.subheading.btns-activated { margin-bottom: 40px; } } /* Links */ a { color: #E5BB7A; text-decoration: none !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } /* Hover state only for desktop users */ @media only screen and (min-width: 1240px) { a:hover { color: #E5BB7A; } } a:focus { outline: none; } /* Bold & Italic */ b, strong { font-weight: 700; } em, italic { font-style: italic; } /* Magnific popups */ h3.popup-heading { font-weight: 700; font-size: 1.9em; line-height: 1.4; margin-bottom: 1.26em; } p.form-description { font-size: 1.14em; margin-bottom: 36px; opacity: 0.76; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=76)"; filter: alpha(opacity=76); } /* Global typography elements --------------------------------------------------------------- */ span.flexer-cap { padding: 0 8px; } /* Page Builder Modules --------------------------------------------------------------- */ .rg-section:not(.footer) .rg-col ul, .rg-section:not(.footer) .rg-col li, .flexer-magnific-popup ul, .flexer-magnific-popup li, .flexer-staff-popup-content ul, .flexer-staff-popup-content li, .flexer-tabs ul, .flexer-tabs li, div.cpt-content ul, div.cpt-content li, div.template-simple-content ul, div.template-simple-content li { background: none; list-style: none; margin: 0; padding: 0; } .rg-section:not(.footer) .rg-col ul, .flexer-magnific-popup ul, .flexer-staff-popup-content ul, .flexer-tabs ul, div.cpt-content ul, div.template-simple-content ul { position: relative; margin-bottom: 0; margin-left: 24px; } .rg-section:not(.footer) .rg-col ul li, .flexer-magnific-popup ul li, .flexer-staff-popup-content ul li, .flexer-tabs ul li, div.cpt-content ul li, div.template-simple-content ul li { position: relative; margin-bottom: 0.9em; color: #182328; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .rg-section:not(.footer) .rg-col ul li:before, .flexer-magnific-popup ul li:before, .flexer-staff-popup-content ul li:before, .flexer-tabs ul li:before, div.cpt-content ul li:before, div.template-simple-content ul li:before { -webkit-mask: url(../Flexer/images/iconly/iconly-check.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-check.svg) no-repeat 50% 50%; width: 18px; height: 18px; left: -20px; top: 12.5px; background-color: #E5BB7A; } .rg-section:not(.footer) .rg-col ul li:last-child, .flexer-magnific-popup ul li:last-child, .flexer-staff-popup-content ul li:last-child, .flexer-tabs ul li:last-child, div.cpt-content ul li:last-child, div.template-simple-content ul li:last-child { margin-bottom: 0; } .rg-section:not(.footer) .rg-col ul ul, .flexer-magnific-popup ul ul, .flexer-staff-popup-content ul ul, .flexer-tabs ul ul, div.cpt-content ul ul, div.template-simple-content ul ul { margin-top: 1.2em; margin-bottom: 1.4em; } .rg-section:not(.footer) .rg-col form ul, .rg-section:not(.footer) .rg-col form li, .flexer-magnific-popup form ul, .flexer-magnific-popup form li, .flexer-staff-popup-content form ul, .flexer-staff-popup-content form li, .flexer-tabs form ul, .flexer-tabs form li, div.cpt-content form ul, div.cpt-content form li, div.template-simple-content form ul, div.template-simple-content form li { background: none; list-style: none; margin: 0; padding: 0; } .rg-section:not(.footer) .rg-col form ul:before, .rg-section:not(.footer) .rg-col form li:before, .flexer-magnific-popup form ul:before, .flexer-magnific-popup form li:before, .flexer-staff-popup-content form ul:before, .flexer-staff-popup-content form li:before, .flexer-tabs form ul:before, .flexer-tabs form li:before, div.cpt-content form ul:before, div.cpt-content form li:before, div.template-simple-content form ul:before, div.template-simple-content form li:before { display: none; } /* Search Results ---------------------------------------------------------------- */ body.search #Search-results li { margin-bottom: 2.4em !important; padding-bottom: 1.06em !important; border-bottom: 3px solid #eee; } body.search #Search-results li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none; } body.search #Search-results li h4 { margin-bottom: 0.5em; } body.search #Search-results li h4 a { font-size: 1.4em; line-height: 1; font-family: "larken", sans-serif; } body.search #Search-results li p.metas { font-weight: 500; } /* WYSIWYG editor's Custom styles -------------------------------------------------------------- */ span.flexer-content-styles-background { display: block; margin-bottom: 0px; margin-left: 0; padding: 0; font-size: 1.24em; background: transparent; font-weight: 700; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* Extras & Hacks ------------------------------------------------------------- */ span.flexer-mobile-linebreak { display: none; } /* Add linebreak only for smartphones. */ span.flexer-mobile-linebreak:after { content: "\a"; white-space: pre; } .flexer-caption-text { margin-top: 1.06em; margin-bottom: 0; font-size: 0.8em; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } /* For image and video captions */ * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); } /* Disable mobile browser click/touch/tap feedback box */ /* ------------------------------------------------------- BUTTONS ------------------------------------------------------- */ .flexer-btn, body.page-template-template-profile-management .profile-achievements .name span { position: relative; display: inline-block; height: 60px; border: 1px solid #E5BB7A; margin: 0; padding: 0 32px; color: #E5BB7A; background-color: transparent; font-size: 17px; font-weight: 500; line-height: 56px; letter-spacing: 0; text-align: center; text-decoration: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } @media only screen and (max-width: 479px) { .flexer-btn, body.page-template-template-profile-management .profile-achievements .name span { display: block !important; } .flexer-btn.with-icon, body.page-template-template-profile-management .profile-achievements .name span.with-icon { padding: 0 !important; } .flexer-btn.with-icon span.icon, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon:before { display: none !important; } } .flexer-btn.full-wide, body.page-template-template-profile-management .profile-achievements .name span.full-wide { display: block; } .flexer-btn.with-icon, body.page-template-template-profile-management .profile-achievements .name span.with-icon { padding-right: 56px; } .flexer-btn.with-icon span.icon, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon:before { position: absolute; display: block; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); right: 28px; width: 18px; height: 18px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon:before { width: 18px; height: 18px; background-color: #E5BB7A; } .flexer-btn.with-icon span.icon.icon-arrow-left:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon-arrow-left.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon-arrow-left.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon-arrow-left.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon-arrow-left.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon-arrow-left.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon-arrow-left.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon.icon-arrow-left:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon-arrow-left.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-arrow-left.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon-arrow-left.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-arrow-left.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon-arrow-left.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon-arrow-left.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-arrow-left.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-arrow-left.svg) no-repeat 50% 50%; } .flexer-btn.with-icon span.icon.icon-arrow-right:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon-arrow-right.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon-arrow-right.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon-arrow-right.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon-arrow-right.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon-arrow-right.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon-arrow-right.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon.icon-arrow-right:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon-arrow-right.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-arrow-right.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon-arrow-right.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-arrow-right.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon-arrow-right.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon-arrow-right.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; } .flexer-btn.with-icon span.icon.icon-paper-plane:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon-paper-plane.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon-paper-plane.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon-paper-plane.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon-paper-plane.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon-paper-plane.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon-paper-plane.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon.icon-paper-plane:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon-paper-plane.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-paper-plane.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon-paper-plane.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-paper-plane.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon-paper-plane.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon-paper-plane.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-paper-plane.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-paper-plane.svg) no-repeat 50% 50%; } .flexer-btn.with-icon span.icon.icon-download:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon-download.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon-download.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon-download.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon-download.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon-download.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon-download.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon.icon-download:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon-download.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-download.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon-download.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-download.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon-download.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon-download.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-download.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-download.svg) no-repeat 50% 50%; } .flexer-btn.with-icon span.icon.icon-phone:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon-phone.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon span.icon-phone.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon-phone.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon span.icon-phone.icon:before, .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon-phone.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon span.icon-phone.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon.icon-phone:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon-phone.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-phone.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon-phone.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon-phone.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon-phone.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon-phone.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-phone.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-phone.svg) no-repeat 50% 50%; } .flexer-btn.with-icon:hover, body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover { background-color: #e2b269; } .flexer-btn.with-icon:hover span.icon:before, .flexer-btn.with-icon:hover body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.with-icon:hover span.icon:before, .flexer-btn.with-icon:hover body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.with-icon:hover span.icon:before, .flexer-btn.with-icon:hover body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.with-icon:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon:hover span.icon:before { background-color: #0E1619; } .flexer-btn.secondary-btn, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn { border-color: #E5BB7A; background-color: transparent; color: #E5BB7A; margin-left: 12px; } .flexer-btn.secondary-btn span.icon:before, .flexer-btn.secondary-btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.secondary-btn span.icon:before, .flexer-btn.secondary-btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.secondary-btn span.icon:before, .flexer-btn.secondary-btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.secondary-btn span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.secondary-btn span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.secondary-btn span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.secondary-btn span.icon:before { background-color: #F6F4F2; } .flexer-btn.secondary-btn:hover, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn:hover { color: #E5BB7A !important; } .flexer-btn.secondary-btn:hover span.icon:before, .flexer-btn.secondary-btn:hover body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.secondary-btn:hover span.icon:before, .flexer-btn.secondary-btn:hover body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.secondary-btn:hover span.icon:before, .flexer-btn.secondary-btn:hover body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.secondary-btn:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn:hover #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.secondary-btn:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn:hover .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.secondary-btn:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn:hover #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.secondary-btn:hover span.icon:before { background-color: #E5BB7A; } @media only screen and (max-width: 767px) { .flexer-btn.secondary-btn, body.page-template-template-profile-management .profile-achievements .name span.secondary-btn { margin-left: 0; } } .flexer-btn.small, body.page-template-template-profile-management .profile-achievements .name span { padding: 14px 28px 18px 28px; line-height: 1; height: auto; } .flexer-btn.large, body.page-template-template-profile-management .profile-achievements .name span.large { height: 78px; padding: 0 42px; line-height: 74px; font-size: 18px; } .flexer-btn.large.with-icon, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon { padding-right: 80px; } .flexer-btn.large.with-icon span.icon, .flexer-btn.large.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.large.with-icon span.icon:before, .flexer-btn.large.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.large.with-icon span.icon:before, .flexer-btn.large.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.large.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon span.icon, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.large.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.large.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.large.with-icon span.icon:before { right: 44px; width: 26px; height: 26px; } .flexer-btn.large.with-icon span.icon:before, .flexer-btn.large.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.large.with-icon span.icon:before, .flexer-btn.large.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.large.with-icon span.icon:before, .flexer-btn.large.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.large.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.large.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.large.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.large.with-icon #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.large.with-icon span.icon:before { width: 26px; height: 26px; } .flexer-btn:hover, body.page-template-template-profile-management .profile-achievements .name span:hover { color: #F6F4F2; border-color: #e2b269; background-color: #e2b269; } .flexer-btn.filled, body.page-template-template-profile-management .profile-achievements .name span.filled { border-color: #E5BB7A; background-color: #E5BB7A; color: #0E1619; } .flexer-btn.filled:hover, body.page-template-template-profile-management .profile-achievements .name span.filled:hover { border-color: #e2b269; background-color: #e2b269; color: #0E1619; } .flexer-btn.filled.with-icon span.icon:before, .flexer-btn.filled.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.filled.with-icon span.icon:before, .flexer-btn.filled.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.filled.with-icon span.icon:before, .flexer-btn.filled.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.filled.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.filled.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.filled.with-icon #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.filled.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.filled.with-icon .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.filled.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name span.filled.with-icon #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.filled.with-icon span.icon:before { background-color: #0E1619; } .flexer-btn.filled.with-icon span.icon:before:hover, .flexer-btn.filled.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before:hover, body.page-template-template-profile-management #profile-review-form .step.results .flexer-btn.filled.with-icon span.icon:before:hover, .flexer-btn.filled.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before:hover, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-btn.filled.with-icon span.icon:before:hover, .flexer-btn.filled.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before:hover, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-btn.filled.with-icon span.icon:before:hover, body.page-template-template-profile-management .profile-achievements .name span.filled.with-icon span.icon:before:hover, body.page-template-template-profile-management .profile-achievements .name span.filled.with-icon #profile-review-form .step.results span.icon:before:hover, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.filled.with-icon span.icon:before:hover, body.page-template-template-profile-management .profile-achievements .name span.filled.with-icon .edit-profile-review-form .step.results span.icon:before:hover, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.filled.with-icon span.icon:before:hover, body.page-template-template-profile-management .profile-achievements .name span.filled.with-icon #profile-contact-form .step.results span.icon:before:hover, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.filled.with-icon span.icon:before:hover { background-color: #0E1619; } .flexer-btn.warning, body.page-template-template-profile-management .profile-achievements .name span { border-color: #D63D0F; color: #D63D0F; } .flexer-btn.warning:hover, body.page-template-template-profile-management .profile-achievements .name span:hover { color: #F6F4F2; border-color: #D63D0F; background-color: #D63D0F; } /* ------------------------------------------------------- SECTIONS ------------------------------------------------------- */ #Site { overflow-x: hidden; } .flexer-section-wrapper { position: relative; width: 100%; max-width: 1920px; } .flexer-section-wrapper.boxed-width { max-width: 1920px; margin: 0 auto; } #Header.flexer-section-wrapper { max-width: 100%; } /* Section paddings ---------------------------------------------------------------- */ .flexer-section-wrapper.paddings-normal { padding-top: 80px; padding-bottom: 84px; } .flexer-section-wrapper.paddings-normal-top { padding-top: 80px; padding-bottom: 0; } .flexer-section-wrapper.paddings-normal-bottom { padding-top: 0; padding-bottom: 84px; } .flexer-section-wrapper.paddings-small { padding-top: 22px; padding-bottom: 40px; } .flexer-section-wrapper.paddings-small-top { padding-top: 22px; padding-bottom: 0; } .flexer-section-wrapper.paddings-small-bottom { padding-top: 0; padding-bottom: 40px; } .flexer-section-wrapper.paddings-medium { padding-top: 100px; padding-bottom: 126px; } .flexer-section-wrapper.paddings-medium-top { padding-top: 100px; padding-bottom: 0; } .flexer-section-wrapper.paddings-medium-bottom { padding-top: 0; padding-bottom: 126px; } .flexer-section-wrapper.paddings-large { padding-top: 146px; padding-bottom: 150px; } .flexer-section-wrapper.paddings-large-top { padding-top: 146px; padding-bottom: 0; } .flexer-section-wrapper.paddings-large-bottom { padding-top: 0; padding-bottom: 150px; } .flexer-section-wrapper.paddings-frontpage { padding-top: 130px; padding-bottom: 155px; } .flexer-section-wrapper.paddings-subpage { padding-top: 70px; padding-bottom: 90px; } .flexer-section-wrapper.paddings-none { padding-top: 0; padding-bottom: 0; } @media only screen and (min-width: 960px) and (max-width: 1239px) { .flexer-section-wrapper.paddings-medium { padding-top: 100px; padding-bottom: 126px; } .flexer-section-wrapper.paddings-medium-top { padding-top: 100px; padding-bottom: 0; } .flexer-section-wrapper.paddings-medium-bottom { padding-top: 0; padding-bottom: 126px; } .flexer-section-wrapper.paddings-large { padding-top: 126px; padding-bottom: 134px; } .flexer-section-wrapper.paddings-large-top { padding-top: 126px; padding-bottom: 0; } .flexer-section-wrapper.paddings-large-bottom { padding-top: 0; padding-bottom: 134px; } .flexer-section-wrapper.paddings-subpage { padding-top: 130px; padding-bottom: 100px; } .flexer-section-wrapper.paddings-frontpage { padding-top: 88px; padding-bottom: 124px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .flexer-section-wrapper.paddings-normal { padding-top: 50px; padding-bottom: 70px; } .flexer-section-wrapper.paddings-normal-top { padding-top: 50px; padding-bottom: 0; } .flexer-section-wrapper.paddings-normal-bottom { padding-top: 0; padding-bottom: 70px; } .flexer-section-wrapper.paddings-medium { padding-top: 70px; padding-bottom: 100px; } .flexer-section-wrapper.paddings-medium-top { padding-top: 70px; padding-bottom: 0; } .flexer-section-wrapper.paddings-medium-bottom { padding-top: 0; padding-bottom: 100px; } .flexer-section-wrapper.paddings-large { padding-top: 126px; padding-bottom: 134px; } .flexer-section-wrapper.paddings-large-top { padding-top: 126px; padding-bottom: 0; } .flexer-section-wrapper.paddings-large-bottom { padding-top: 0; padding-bottom: 134px; } .flexer-section-wrapper.paddings-subpage { padding-top: 130px; padding-bottom: 100px; } .flexer-section-wrapper.paddings-frontpage { padding-top: 88px; padding-bottom: 124px; } } @media only screen and (max-width: 767px) { .flexer-section-wrapper.paddings-frontpage { padding-top: 0; padding-bottom: 0; } .flexer-section-wrapper.paddings-subpage { padding-top: 26px; padding-bottom: 46px; } .flexer-section-wrapper.paddings-normal { padding-top: 50px; padding-bottom: 70px; } .flexer-section-wrapper.paddings-normal-top { padding-top: 50px; padding-bottom: 0; } .flexer-section-wrapper.paddings-normal-bottom { padding-top: 0; padding-bottom: 70px; } .flexer-section-wrapper.paddings-medium { padding-top: 70px; padding-bottom: 90px; } .flexer-section-wrapper.paddings-medium-top { padding-top: 70px; padding-bottom: 0; } .flexer-section-wrapper.paddings-medium-bottom { padding-top: 0; padding-bottom: 90px; } } /* Section background image & gradient ---------------------------------------------------------------- */ .flexer-section-wrapper .section-background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; z-index: 2; } /* Section mask for faking background images's opacity ---------------------------------------------------------------- */ .flexer-section-wrapper .flexer-section-mask { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: white; z-index: 3; } .flexer-section-wrapper .flexer-section-mask.none { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .flexer-section-wrapper .flexer-section-mask.extra-low { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .flexer-section-wrapper .flexer-section-mask.low { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .flexer-section-wrapper .flexer-section-mask.medium { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .flexer-section-wrapper .flexer-section-mask.high { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .flexer-section-wrapper .flexer-section-mask.extra-high { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } /* Background-image position ( js set scalings ) ---------------------------------------------------------------- */ .flexer-section-wrapper { background-repeat: no-repeat; } .flexer-section-wrapper.center-center { background-position: center center; background-size: cover; } .flexer-section-wrapper.center-center-no-scaling { background-position: center center; } .flexer-section-wrapper.center-top { background-position: center top; background-size: cover; } .flexer-section-wrapper.center-top-no-scaling { background-position: center top; } .flexer-section-wrapper.center-bottom { background-position: center bottom; background-size: cover; } .flexer-section-wrapper.center-bottom-no-scaling { background-position: center bottom; } .flexer-section-wrapper.left-bottom-no-scaling { background-position: left bottom; } .flexer-section-wrapper.right-bottom-no-scaling { background-position: right bottom; } /* ------------------------------------------------------- CONTENT WRAPPER ------------------------------------------------------- */ .flexer-content-wrapper { position: relative; transform: translateZ(0); max-width: 100%; width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 4; } .flexer-content-wrapper.full { width: 100%; padding-left: 3.2%; padding-right: 3.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .flexer-content-wrapper.full.no-horizontal-margins { max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; } .flexer-content-wrapper.h-center { text-align: center; } .flexer-content-wrapper.v-center { position: relative; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 1921px) { .flexer-content-wrapper.left-to-full { width: -moz-calc(1240px + ( ( 100% - 1240px ) / 2 )); width: -webkit-calc(1240px + ( ( 100% - 1240px ) / 2 )); width: calc(1240px + ( ( 100% - 1240px ) / 2 )); margin-left: -moz-calc(( 100% - 1240px ) / 2); margin-left: -webkit-calc(( 100% - 1240px ) / 2); margin-left: calc(( 100% - 1240px ) / 2); margin-right: 0; padding-right: 0; } } @media only screen and (min-width: 1361px) and (max-width: 1920px) { .flexer-content-wrapper.left-to-full { width: -moz-calc(1240px + ( ( 100% - 1240px ) / 2 )); width: -webkit-calc(1240px + ( ( 100% - 1240px ) / 2 )); width: calc(1240px + ( ( 100% - 1240px ) / 2 )); margin-left: -moz-calc(( 100% - 1240px ) / 2); margin-left: -webkit-calc(( 100% - 1240px ) / 2); margin-left: calc(( 100% - 1240px ) / 2); margin-right: 0; padding-right: 0; } } @media only screen and (min-width: 961px) and (max-width: 1360px) { .flexer-content-wrapper.left-to-full { width: 1240px; margin: 0 auto; padding-right: 0; } } @media only screen and (max-width: 960px) { .flexer-content-wrapper.left-to-full { width: 1240px; margin: 0 auto; } } @media only screen and (max-width: 1239px) { .flexer-content-wrapper.no-horizontal-margins { max-width: 100%; padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { .flexer-content-wrapper { padding-left: 24px; padding-right: 24px; } .flexer-content-wrapper.no-horizontal-margins { max-width: 100%; padding-left: 0; padding-right: 0; } } .flexer-content-wrapper.single-positions-footer { padding-top: 50px; } @media only screen and (max-width: 767px) { .flexer-content-wrapper.single-positions-footer { padding-top: 0; bottom: 20px; } } body.single .flexer-content-wrapper, body.page-template-template-simple .flexer-content-wrapper { padding-left: 32px; } @media only screen and (min-width: 767px) and (max-width: 1239px) { body.single-positions-cpt .flexer-content-wrapper { padding-left: 40px; padding-right: 30px; } } /* ------------------------------------------------------- RESPONSIVE GRID ------------------------------------------------------- */ .rg-section:not(.footer) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; align-items: top; padding: 0; margin: 0; *zoom: 1; } .rg-section:not(.footer):before, .rg-section:not(.footer):after { content: " "; display: table; } .rg-section:not(.footer):after { clear: both; } @media only screen and (max-width: 959px) { .rg-section:not(.footer) { flex-direction: column; } } @media only screen and (max-width: 1239px) { .rg-section:not(.footer).mobile-reverse-order { flex-direction: column-reverse; } .rg-section:not(.footer).mobile-reverse-order .rg-col { margin: 0 0 40px 0 !important; } .rg-section:not(.footer).mobile-reverse-order .rg-col:first-child { margin-bottom: 0 !important; } } @media only screen and (max-width: 1239px) { .rg-section:not(.footer).mobile-full-width-columns .rg-col { margin: 60px 0 0 0; } .rg-section:not(.footer).mobile-full-width-columns .rg-col:first-child { margin: 0; } .rg-section:not(.footer).mobile-full-width-columns .rg-col.placeholder { margin: 0; } .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_12_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_11_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_10_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_9_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_8_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_7_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_6_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_5_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_4_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_3_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_2_of_12, .rg-section:not(.footer).mobile-full-width-columns .rg-col.rg-span_1_of_12 { width: 100%; } } .rg-section:not(.footer).align-vertically { align-items: center; } .rg-section:not(.footer).hide-group { display: none !important; } .rg-section:not(.footer) .rg-col { display: block; float: left; margin: 0 0 0 3.6%; min-height: 1px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rg-section:not(.footer) .rg-col:first-child { margin-left: 0; } .rg-section:not(.footer) .rg-col.bg-color { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 46px 46px 56px 46px; } @media only screen and (min-width: 1240px) { .rg-section:not(.footer) .rg-col.narrow { padding: 0 10%; } } @media only screen and (min-width: 1240px) { .rg-section:not(.footer) .rg-col.narrow-right { padding: 0 15% 0 10%; } } @media only screen and (min-width: 1240px) { .rg-section:not(.footer) .rg-col.narrow-left { padding: 0 10% 0 15%; } } @media only screen and (min-width: 1240px) { .rg-section:not(.footer) .rg-col.semi-narrow { padding: 0 5%; } } @media only screen and (min-width: 1240px) { .rg-section:not(.footer) .rg-col.extra-narrow { padding: 0 20%; } } .rg-section:not(.footer) .rg-col.rg-span_12_of_12 { width: 100%; } .rg-section:not(.footer) .rg-col.rg-span_11_of_12 { width: 91.36%; } .rg-section:not(.footer) .rg-col.rg-span_10_of_12 { width: 82.73%; } .rg-section:not(.footer) .rg-col.rg-span_9_of_12 { width: 74.1%; } .rg-section:not(.footer) .rg-col.rg-span_8_of_12 { width: 65.46%; } .rg-section:not(.footer) .rg-col.rg-span_7_of_12 { width: 56.83%; } .rg-section:not(.footer) .rg-col.rg-span_6_of_12 { width: 48.2%; } .rg-section:not(.footer) .rg-col.rg-span_5_of_12 { width: 39.56%; } .rg-section:not(.footer) .rg-col.rg-span_4_of_12 { width: 30.93%; } .rg-section:not(.footer) .rg-col.rg-span_3_of_12 { width: 22.3%; } .rg-section:not(.footer) .rg-col.rg-span_2_of_12 { width: 13.66%; } .rg-section:not(.footer) .rg-col.rg-span_1_of_12 { width: 5.033%; } @media only screen and (min-width: 768px) and (max-width: 959px) { .rg-section:not(.footer) .rg-col { margin-top: 40px; } .rg-section:not(.footer) .rg-col:nth-child(2n+1) { margin-left: 0; } .rg-section:not(.footer) .rg-col.placeholder { margin: 0; } .rg-section:not(.footer) .rg-col.rg-span_6_of_12, .rg-section:not(.footer) .rg-col.rg-span_5_of_12, .rg-section:not(.footer) .rg-col.rg-span_4_of_12, .rg-section:not(.footer) .rg-col.rg-span_3_of_12, .rg-section:not(.footer) .rg-col.rg-span_2_of_12, .rg-section:not(.footer) .rg-col.rg-span_1_of_12 { width: 100%; } } @media only screen and (max-width: 959px) { .rg-section:not(.footer) .rg-col { margin: 40px 0 0 0; } .rg-section:not(.footer) .rg-col:first-child { margin: 0; } .rg-section:not(.footer) .rg-col.placeholder { margin: 0; } .rg-section:not(.footer) .rg-col.rg-span_12_of_12, .rg-section:not(.footer) .rg-col.rg-span_11_of_12, .rg-section:not(.footer) .rg-col.rg-span_10_of_12, .rg-section:not(.footer) .rg-col.rg-span_9_of_12, .rg-section:not(.footer) .rg-col.rg-span_8_of_12, .rg-section:not(.footer) .rg-col.rg-span_7_of_12, .rg-section:not(.footer) .rg-col.rg-span_6_of_12, .rg-section:not(.footer) .rg-col.rg-span_5_of_12, .rg-section:not(.footer) .rg-col.rg-span_4_of_12, .rg-section:not(.footer) .rg-col.rg-span_3_of_12, .rg-section:not(.footer) .rg-col.rg-span_2_of_12, .rg-section:not(.footer) .rg-col.rg-span_1_of_12 { width: 100%; } } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col { margin: 0; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_12_of_12 { width: 100%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_11_of_12 { width: 91.666%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_10_of_12 { width: 75%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_9_of_12 { width: 74.35%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_8_of_12 { width: 66.666%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_7_of_12 { width: 58.333%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_6_of_12 { width: 50%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_5_of_12 { width: 41.666%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_4_of_12 { width: 33.333%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_3_of_12 { width: 25%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_2_of_12 { width: 16.666%; } .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_1_of_12 { width: 8.333%; } @media only screen and (min-width: 768px) and (max-width: 959px) { .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_6_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_5_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_4_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_3_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_2_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_1_of_12 { width: 100%; } } @media only screen and (max-width: 959px) { .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_12_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_11_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_10_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_9_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_8_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_7_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_6_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_5_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_4_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_3_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_2_of_12, .flexer-content-wrapper.no-horizontal-margins .rg-section:not(.footer) .rg-col.rg-span_1_of_12 { width: 100%; } } /* ------------------------------------------------------- LISTS ------------------------------------------------------- */ .flexer-section-wrapper ul:not(.rg-col ul), .flexer-section-wrapper li:not(.rg-col li) { background: none !important; list-style: none !important; } /* ------------------------------------------------------- FORMS ------------------------------------------------------- */ input, textarea, button, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin { -webkit-appearance: none; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; } input[type=submit]:focus, button:focus, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin:focus { outline: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #959595; } ::-moz-placeholder { /* Firefox 19+ */ color: #959595; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #959595; } :-moz-placeholder { /* Firefox 18- */ color: #959595; } ::-moz-placeholder { opacity: 1; } /* LOMAKKEIDEN PERUSTYYLIT ----------------------------------------------------- */ form { position: relative; } form div.item { position: relative; max-width: 100%; } form div.item span.state-icon { position: absolute; display: none; top: 25px; right: 20px; width: 26px; height: 26px; border-radius: 13px; z-index: 100; } form div.item span.state-icon:before { background-color: #0E1619; width: 18px; height: 18px; } form div.item.success span.state-icon { display: none; background-color: #7DB426; } form div.item.success span.state-icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-check.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-check.svg) no-repeat 50% 50%; } form div.item.invalidated span.state-icon { display: none; background-color: #D63D0F; } form div.item.invalidated span.state-icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-close.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-close.svg) no-repeat 50% 50%; } form div.item input.invalidated { border-color: #D63D0F; } button, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin, select { border: none; color: #0E1619; background: #F6F4F2; border: 1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: "neue-haas-grotesk-text", sans-serif; width: 100%; } input[type=text], input[type=email], input[type=tel], textarea, select { position: relative; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 18px; line-height: normal; margin-bottom: 16px; padding: 26px 76px 26px 20px; border: 1px solid #ccc; border-radius: 8px; background-color: #0E1619; color: #F6F4F2; width: 100%; box-sizing: border-box; } input[type=text].error, input[type=email].error, input[type=tel].error, textarea.error, select.error { color: #D63D0F; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus { outline: none; -webkit-box-shadow: 0px 0px 27px -10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 27px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 27px -10px rgba(0, 0, 0, 0.3); border: 1px solid #F6F4F2; color: #F6F4F2; } /* Submit */ button, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin { display: block; width: 100%; cursor: pointer; border: 2px solid #E5BB7A; margin-top: 0; margin-bottom: 0; margin-right: 0; padding: 26px 20px; color: #0E1619; background-color: #E5BB7A; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: 0px; font-family: "neue-haas-grotesk-text", sans-serif; text-align: center; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; clear: both; opacity: 1; } button:disabled, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin:disabled { opacity: 0.4; } button:hover, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin:hover { color: #0E1619; background-color: #F6F4F2; border-color: #F6F4F2; } button span.icon, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon, button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results button span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management #profile-review-form .step.results #confirm-pin span.icon:before, button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results button span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management .edit-profile-review-form .step.results #confirm-pin span.icon:before, button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results button span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management #profile-contact-form .step.results #confirm-pin span.icon:before { position: relative; display: inline-block; vertical-align: text-bottom; width: 26px; height: 22px; margin-left: 10px; } button span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin span.icon:before, button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results button span.icon:before, button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results button span.icon:before, button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results button span.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; background-color: #0E1619; width: 26px; height: 26px; } /* SELECT 2 -------------------------------------------------- */ .select2-container { display: block; position: relative; width: 100% !important; margin-bottom: 16px !important; } .select2-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .select2-container span.select2-selection { width: 100%; height: 77px; border: 1px solid #ccc; border-radius: 8px; box-shadow: none; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 18px; font-weight: 400; background-color: #0E1619; } .select2-container span.select2-selection span.select2-selection__rendered { line-height: 73px; padding: 0 20px; color: #F6F4F2; } .select2-container span.select2-selection span.select2-selection__rendered span.select2-selection__clear { line-height: 73px; font-size: 22px; font-weight: normal; margin-right: 0; } .select2-container span.select2-selection span.select2-selection__arrow { position: absolute; top: 24px; right: 20px; width: 26px; height: 26px; } .select2-container span.select2-dropdown { border: none; box-shadow: none; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 18px; color: #0E1619; background: #F6F4F2; border-radius: 0 !important; } .select2-container span.select2-results .select2-results__option { padding: 14px; box-sizing: border-box; } .select2-container span.select2-results .select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container span.select2-results .select2-results__option.select2-results__option[aria-selected=true] { background: #E5BB7A; color: #0E1619; } .select2-container span.select2-search { display: none !important; } /* ------------------------------------------------------------------ FLEXER BUILDER / ROOT & COLUMN MODULES ------------------------------------------------------------------- */ /* Divider -------------- */ .flexer-divider { width: 100%; clear: both; } .flexer-divider.default { height: 60px; } .flexer-divider.low { height: 40px; } .flexer-divider.high { height: 80px; } .flexer-divider.extra-high { height: 90px; } .flexer-divider.with-image { height: 110px; display: flex; justify-content: center; margin-bottom: 38px; } .flexer-divider.with-image img { height: 134px; } @media only screen and (max-width: 1239px) { .flexer-divider.mobile-hide { display: none !important; } } /* ------------------------------------------------------------------ FLEXER BUILDER / ROOT & COLUMN MODULES ------------------------------------------------------------------- */ .flexer-testimonials .item { width: 720px; max-width: 90%; margin: 20px; padding: 40px 80px 56px 80px; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; } .flexer-testimonials .item .img-row { margin-bottom: 26px; } .flexer-testimonials .item .img-row .img-wrapper { width: 100px; height: 100px; margin: 0 auto; border-radius: 1000px; overflow: hidden; } .flexer-testimonials .item .img-row .img-wrapper img { display: block; width: 100%; height: 100%; } .flexer-testimonials .item .testimonial { margin-bottom: 20px; font-family: "larken", sans-serif; font-size: 26px; line-height: 34px; text-align: center; } .flexer-testimonials .item .stars img { display: block; width: 180px; height: auto; margin: 0 auto 12px auto; } .flexer-testimonials .item .speaker { font-size: 17px; line-height: 28px; text-align: center; opacity: 0.8; } @media only screen and (max-width: 767px) { .flexer-testimonials .item { padding: 40px 30px 56px 30px; } .flexer-testimonials .item .testimonial { font-size: 20px; line-height: 28px; } .flexer-testimonials .item .speaker { font-size: 14px; line-height: 24px; } } /* ----------------------------------------------------------- INTRO BLOCK ------------------------------------------------------------ */ .flexer-intro-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .flexer-intro-block div.text-content { width: 480px; margin-right: 40px; } .flexer-intro-block div.links { width: -moz-calc(100% - 520px); width: -webkit-calc(100% - 520px); width: calc(100% - 520px); } .flexer-intro-block div.links a { position: relative; display: block; background-color: #E5BB7A; border-radius: 16px; margin-bottom: 10px; padding: 16px 78px 16px 22px; color: #F6F4F2; font-weight: 700; line-height: 22px; box-sizing: border-box; } .flexer-intro-block div.links a:hover { background-color: #E5BB7A; } .flexer-intro-block div.links a i.icon, .flexer-intro-block div.links a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-intro-block div.links a i.icon:before, .flexer-intro-block div.links a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-intro-block div.links a i.icon:before, .flexer-intro-block div.links a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-intro-block div.links a i.icon:before { position: absolute; display: block; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); right: 26px; width: 30px; height: 30px; } .flexer-intro-block div.links a i.icon:before, .flexer-intro-block div.links a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-intro-block div.links a i.icon:before, .flexer-intro-block div.links a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-intro-block div.links a i.icon:before, .flexer-intro-block div.links a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-intro-block div.links a i.icon:before { width: 30px; height: 30px; background-color: #F6F4F2; -webkit-mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; } @media only screen and (max-width: 959px) { .flexer-intro-block div.text-content { margin-right: 0; } .flexer-intro-block div.text-content, .flexer-intro-block div.links { width: 100%; } .flexer-intro-block div.links { margin-top: 16px; } } /* ------------------------------------------------------- STAFF GRID ------------------------------------------------------- */ .flexer-staff-grid .grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: -44px; } .flexer-staff-grid .grid .item { position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: -moz-calc(( 100% - 120px ) / 4); width: -webkit-calc(( 100% - 120px ) / 4); width: calc(( 100% - 120px ) / 4); margin-right: 40px; margin-bottom: 0; padding: 44px 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; } .flexer-staff-grid .grid .item .image-wrapper { position: relative; min-width: 160px; max-width: 160px; height: 160px; margin-bottom: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flexer-staff-grid .grid .item .image-wrapper img { width: 100%; height: auto; border-radius: 100%; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.06); } .flexer-staff-grid .grid .item .image-wrapper:hover { -webkit-transform: scale(1.02, 1.02); -moz-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); -o-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } .flexer-staff-grid .grid .item p { width: 100%; font-style: normal; margin-bottom: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flexer-staff-grid .grid .item p.name { font-size: 24px; line-height: 26px; font-weight: 700; } .flexer-staff-grid .grid .item p.name a { color: #182328 !important; } .flexer-staff-grid .grid .item p.title { font-size: 18px; line-height: 22px; font-weight: 400; margin-top: 12px; margin-bottom: 17px; color: #8D8D8D; } .flexer-staff-grid .grid .item div.phone a { font-size: 21px; line-height: 22px; font-weight: 700; } .flexer-staff-grid .grid .item div.phone a:hover { color: #182328; } @media only screen and (min-width: 960px) { .flexer-staff-grid .grid .item:nth-child(4n) { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .flexer-staff-grid .grid .item { width: -moz-calc(( 100% - 80px ) / 3); width: -webkit-calc(( 100% - 80px ) / 3); width: calc(( 100% - 80px ) / 3); } .flexer-staff-grid .grid .item:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 767px) { .flexer-staff-grid .grid .item { width: -moz-calc(( 100% - 40px ) / 2); width: -webkit-calc(( 100% - 40px ) / 2); width: calc(( 100% - 40px ) / 2); padding: 44px 0 0 0; } .flexer-staff-grid .grid .item:nth-child(2n) { margin-right: 0; } .flexer-staff-grid .grid .item .image-wrapper { min-width: 130px; max-width: 130px; height: 130px; } .flexer-staff-grid .grid .item .image-wrapper:hover { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .flexer-staff-grid .grid .item p.name { font-size: 20px; line-height: 22px; } .flexer-staff-grid .grid .item p.title { font-size: 17px; line-height: 22px; } .flexer-staff-grid .grid .item div.phone a { font-size: 19px; } } /* ------------------------------------------------------- STAFF POPUP/MODAL ------------------------------------------------------- */ .flexer-staff-popup-content { position: relative; max-width: 440px; width: 90%; margin: 20px auto; background-color: #F6F4F2; color: #0E1619; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .flexer-staff-popup-content img { display: block; width: 100%; height: auto; } .flexer-staff-popup-content .content { padding: 40px 36px 40px 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-bottom: 10px solid #E5BB7A; } .flexer-staff-popup-content .content h3 { font-size: 34px; line-height: 43px; font-weight: 700; margin-bottom: 6px; } .flexer-staff-popup-content .content h4 { font-size: 20px; line-height: 26px; margin-bottom: 32px; font-weight: 400; color: #8D8D8D; } .flexer-staff-popup-content .content h5 { font-size: 24px; line-height: 26px; margin-top: 36px; margin-bottom: 26px; font-weight: 700; color: #0E1619; } .flexer-staff-popup-content .content .description { font-size: 18px; line-height: 26px; margin-bottom: 48px; } .flexer-staff-popup-content .content a.phone, .flexer-staff-popup-content .content .email { display: block; color: #0E1619; font-weight: 700; } .flexer-staff-popup-content .content a.phone { font-size: 26px; line-height: 22px; margin-bottom: 10px; color: #E5BB7A; } .flexer-staff-popup-content .content a.phone:hover { color: #182328; } .flexer-staff-popup-content .content .email { font-size: 18px; line-height: 22px; font-weight: 400; } /* Persons module -------------------------------------------------------------------*/ .flexer-module-persons-wrapper { width: 100%; display: flex; flex-direction: row; } .flexer-module-persons-wrapper .image-wrapper { width: 100px; height: 120px; margin-right: 14px; } .flexer-module-persons-wrapper .image-wrapper img { width: 100px; height: auto; border-radius: 50%; } .flexer-module-persons-wrapper .text-content { display: flex; flex-direction: column; justify-content: center; } .flexer-module-persons-wrapper .text-content .name { margin-bottom: 0px !important; font-weight: bold; } .flexer-module-persons-wrapper .text-content .title { margin-bottom: 0px !important; } /* ---------------------------------------------------------------------------------------------------------------- FLEXER BUILDER / COLUMN MODULES ----------------------------------------------------------------------------------------------------------------- */ .flexer-headings-and-content.narrow, .flexer-image.narrow, .flexer-youtube-video.narrow, .flexer-code.narrow, .flexer-accordion-menu.narrow { width: 76%; margin-left: 12%; } @media only screen and (min-width: 768px) and (max-width: 959px) { .flexer-headings-and-content.narrow, .flexer-image.narrow, .flexer-youtube-video.narrow, .flexer-code.narrow, .flexer-accordion-menu.narrow { width: 84%; margin-left: 8%; } } @media only screen and (max-width: 767px) { .flexer-headings-and-content.narrow, .flexer-image.narrow, .flexer-youtube-video.narrow, .flexer-code.narrow, .flexer-accordion-menu.narrow { width: 100%; margin-left: 0; } } /* Headings & Content ----------------------------------------------------------------------------------------------------------------- */ .flexer-headings-and-content.float-content-center h2, .flexer-headings-and-content.float-content-center h3, .flexer-headings-and-content.float-content-center h4, .flexer-headings-and-content.float-content-center h5, .flexer-headings-and-content.float-content-center h6, .flexer-headings-and-content.float-content-center p { text-align: center; } .flexer-headings-and-content.float-content-right h2, .flexer-headings-and-content.float-content-right h3, .flexer-headings-and-content.float-content-right h4, .flexer-headings-and-content.float-content-right h5, .flexer-headings-and-content.float-content-right h6, .flexer-headings-and-content.float-content-right p { text-align: right; } .flexer-headings-and-content p:last-child { margin-bottom: 0; } .flexer-headings-and-content .content.notification-bar { position: relative; padding-left: 30px; } .flexer-headings-and-content .content.notification-bar:before { content: ""; position: absolute; display: block; top: -4px; left: 0; width: 6px; height: -moz-calc(100% + 8px); height: -webkit-calc(100% + 8px); height: calc(100% + 8px); background-color: #E5BB7A; } /* Image ----------------------------------------------------------------------------------------------------------------- */ .flexer-image.circle { border-radius: 50%; overflow: hidden; } .flexer-image img { max-width: 100%; height: auto; vertical-align: bottom; } /* Contacts ----------------------------------------------------------------------------------------------------------------- */ .flexer-contacts .item { *zoom: 1; } .flexer-contacts .item:before, .flexer-contacts .item:after { content: " "; display: table; } .flexer-contacts .item:after { clear: both; } .flexer-contacts .item.secondary { margin-top: 26px; } .flexer-contacts .item .img-wrapper { float: left; width: 120px; height: 120px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px; overflow: hidden; -webkit-box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.07); -moz-box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.07); box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.07); } .flexer-contacts .item .img-wrapper img { display: block; width: 100%; height: auto; } .flexer-contacts .item .info-wrapper { float: left; width: auto; padding-left: 20px; box-sizing: border-box; } .flexer-contacts .item .info-wrapper .cta { margin-top: 8px; font-weight: 700; } @media only screen and (max-width: 479px) { .flexer-contacts .item { *zoom: 1; max-width: 100%; } .flexer-contacts .item:before, .flexer-contacts .item:after { content: " "; display: table; } .flexer-contacts .item:after { clear: both; } .flexer-contacts .item .img-wrapper { width: 88px; height: 88px; -webkit-border-radius: 44px; -moz-border-radius: 44px; -ms-border-radius: 44px; border-radius: 44px; } .flexer-contacts .item .info-wrapper { width: -moz-calc(100% - 88px); width: -webkit-calc(100% - 88px); width: calc(100% - 88px); padding-left: 16px; } .flexer-contacts .item .info-wrapper .cta { margin-top: 0; } .flexer-contacts .item .info-wrapper .cta, .flexer-contacts .item .info-wrapper .name-title, .flexer-contacts .item .info-wrapper .phone, .flexer-contacts .item .info-wrapper .email { font-size: 14.6px; } } /* SVG-icon ----------------------------------------------------------------------------------------------------------------- */ .flexer-svg-icon.align-left { text-align: left; } .flexer-svg-icon.align-center { text-align: center; } .flexer-svg-icon.align-left { text-align: right; } .flexer-svg-icon span.icon, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.icon:before { position: relative; display: inline-block; position: relative; /* Select only direct children */ } .flexer-svg-icon span.icon:after { display: block; content: ""; width: 100%; padding-top: calc( 1 / 1 * 100% ); } .flexer-svg-icon span.icon > div, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before > div, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.icon:before > div, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before > div, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.icon:before > div, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before > div, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.icon:before > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .flexer-svg-icon span.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.icon:before { width: 100%; height: 100%; background-color: #E5BB7A; } .flexer-svg-icon span.icon.iconly-arrow-right:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-arrow-right.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-right.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-arrow-right.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-right.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-arrow-right.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-arrow-right.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-right.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-right.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-arrow-left:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-arrow-left.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-left.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-arrow-left.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-left.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-arrow-left.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-arrow-left.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-left.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-left.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-arrow-up-simple:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-arrow-up-simple.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-up-simple.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-arrow-up-simple.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-up-simple.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-arrow-up-simple.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-arrow-up-simple.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-up-simple.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-up-simple.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-arrow-right-simple:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-arrow-right-simple.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-right-simple.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-arrow-right-simple.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-right-simple.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-arrow-right-simple.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-arrow-right-simple.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-right-simple.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-right-simple.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-arrow-down-simple:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-arrow-down-simple.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-down-simple.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-arrow-down-simple.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-down-simple.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-arrow-down-simple.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-arrow-down-simple.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-down-simple.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-down-simple.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-arrow-left-simple:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-arrow-left-simple.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-left-simple.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-arrow-left-simple.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-arrow-left-simple.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-arrow-left-simple.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-arrow-left-simple.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-left-simple.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-left-simple.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-call:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-call.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-call.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-call.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-call.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-call.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-call.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-call.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-call.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-email:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-email.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-email.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-email.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-email.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-email.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-email.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-email.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-email.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-chat:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-chat.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-chat.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-chat.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-chat.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-chat.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-chat.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-chat.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-chat.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-check:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-check.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-check.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-check.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-check.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-check.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-check.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-check.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-check.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-home:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-home.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-home.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-home.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-home.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-home.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-home.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-home.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-home.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-location:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-location.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-location.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-location.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-location.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-location.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-location.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-location.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-location.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-paper-plane:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-paper-plane.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-paper-plane.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-paper-plane.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-paper-plane.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-paper-plane.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-paper-plane.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-paper-plane.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-paper-plane.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-search:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-search.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-search.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-search.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-search.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-search.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-search.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-search.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-search.svg) no-repeat 50% 50%; } .flexer-svg-icon span.icon.iconly-trash:before, .flexer-svg-icon body.page-template-template-profile-management #profile-review-form .step.results span.iconly-trash.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-svg-icon span.iconly-trash.icon:before, .flexer-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.iconly-trash.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-svg-icon span.iconly-trash.icon:before, .flexer-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results span.iconly-trash.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-svg-icon span.iconly-trash.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-trash.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-trash.svg) no-repeat 50% 50%; } /* Custom SVG icon ----------------------------------------------------------------------------------------------------------------- */ .flexer-custom-svg-icon { text-align: center; } .flexer-custom-svg-icon i.icon, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-custom-svg-icon i.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-custom-svg-icon i.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-custom-svg-icon i.icon:before { position: relative; display: inline-block; } .flexer-custom-svg-icon i.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-custom-svg-icon i.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-custom-svg-icon i.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-custom-svg-icon i.icon:before { width: 100%; height: 100%; background-color: #E5BB7A; } .flexer-custom-svg-icon i.icon.brand_icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-review-form .step.results i.brand_icon.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-custom-svg-icon i.brand_icon.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results i.brand_icon.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-custom-svg-icon i.brand_icon.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results i.brand_icon.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-custom-svg-icon i.brand_icon.icon:before { -webkit-mask: url(../Flexer/images/custom-svgs/brand-icon.svg) no-repeat 50% 50%; mask: url(../Flexer/images/custom-svgs/brand-icon.svg) no-repeat 50% 50%; } .flexer-custom-svg-icon i.icon.numbers_1:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-review-form .step.results i.numbers_1.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-custom-svg-icon i.numbers_1.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results i.numbers_1.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-custom-svg-icon i.numbers_1.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results i.numbers_1.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-custom-svg-icon i.numbers_1.icon:before { -webkit-mask: url(../Flexer/images/custom-svgs/numbers-1.svg) no-repeat 50% 50%; mask: url(../Flexer/images/custom-svgs/numbers-1.svg) no-repeat 50% 50%; } .flexer-custom-svg-icon i.icon.numbers_2:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-review-form .step.results i.numbers_2.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-custom-svg-icon i.numbers_2.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results i.numbers_2.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-custom-svg-icon i.numbers_2.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results i.numbers_2.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-custom-svg-icon i.numbers_2.icon:before { -webkit-mask: url(../Flexer/images/custom-svgs/numbers-2.svg) no-repeat 50% 50%; mask: url(../Flexer/images/custom-svgs/numbers-2.svg) no-repeat 50% 50%; } .flexer-custom-svg-icon i.icon.numbers_3:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-review-form .step.results i.numbers_3.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-custom-svg-icon i.numbers_3.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management .edit-profile-review-form .step.results i.numbers_3.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-custom-svg-icon i.numbers_3.icon:before, .flexer-custom-svg-icon body.page-template-template-profile-management #profile-contact-form .step.results i.numbers_3.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-custom-svg-icon i.numbers_3.icon:before { -webkit-mask: url(../Flexer/images/custom-svgs/numbers-3.svg) no-repeat 50% 50%; mask: url(../Flexer/images/custom-svgs/numbers-3.svg) no-repeat 50% 50%; } /* Lounge Links ----------------------------------------------------------------------------------------------------------------- */ .flexer-lounge-links { margin-top: -20px; *zoom: 1; } .flexer-lounge-links:before, .flexer-lounge-links:after { content: " "; display: table; } .flexer-lounge-links:after { clear: both; } @media only screen and (max-width: 1239px) { .flexer-lounge-links { padding-bottom: 100px; } } .flexer-lounge-links .link { float: left; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; } .flexer-lounge-links .link .image-wrapper { position: relative; border-radius: 1000px; overflow: hidden; z-index: 10; } .flexer-lounge-links .link .image-wrapper a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; } .flexer-lounge-links .link .image-wrapper .gradient { position: absolute; bottom: -4px; left: -4px; width: -moz-calc(100% + 8px); width: -webkit-calc(100% + 8px); width: calc(100% + 8px); height: 36%; background: -webkit-linear-gradient(0deg, #F6F4F2 10%, transparent 100%); background: -o-linear-gradient(0deg, #F6F4F2 10%, transparent 100%); background: linear-gradient(0deg, #F6F4F2 10%, transparent 100%); z-index: 10; } .flexer-lounge-links .link .image-wrapper img { display: block; width: 100%; height: auto; } .flexer-lounge-links .link .headings-wrapper { position: relative; z-index: 20; top: -26px; z-index: 20; } .flexer-lounge-links .link .headings-wrapper .heading { font-size: 34px; line-height: 46px; font-weight: 700; font-style: italic; text-align: center; } .flexer-lounge-links .link .headings-wrapper .subheading { text-align: center; margin-top: 14px; } .flexer-lounge-links .link .read-more-wrapper { text-align: center; } .flexer-lounge-links .link .read-more-wrapper a { position: relative; font-size: 17px; line-height: 26px; font-weight: 700; padding: 14px 48px 14px 22px; } .flexer-lounge-links .link .read-more-wrapper a i.icon, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before { position: absolute; display: inline-block; top: 11px; width: 26px; height: 26px; margin-left: 2px; } .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before, .flexer-lounge-links .link .read-more-wrapper a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-lounge-links .link .read-more-wrapper a i.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; width: 26px; height: 26px; background-color: #E5BB7A; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flexer-lounge-links .link .read-more-wrapper a:hover i.icon:before, .flexer-lounge-links .link .read-more-wrapper a:hover body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-lounge-links .link .read-more-wrapper a:hover i.icon:before, .flexer-lounge-links .link .read-more-wrapper a:hover body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-lounge-links .link .read-more-wrapper a:hover i.icon:before, .flexer-lounge-links .link .read-more-wrapper a:hover body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-lounge-links .link .read-more-wrapper a:hover i.icon:before { background-color: #0E1619; } @media only screen and (min-width: 1240px) { .flexer-lounge-links.size-two .link { width: -moz-calc(100% / 2); width: -webkit-calc(100% / 2); width: calc(100% / 2); } .flexer-lounge-links.size-three .link { width: -moz-calc(100% / 3); width: -webkit-calc(100% / 3); width: calc(100% / 3); } .flexer-lounge-links.size-four .link { width: -moz-calc(100% / 4); width: -webkit-calc(100% / 4); width: calc(100% / 4); } } @media only screen and (max-width: 1239px) { .flexer-lounge-links .link .headings-wrappe .heading { font-size: 28px; line-height: 32px; } .flexer-lounge-links .link .headings-wrappe .subheading { font-size: 14px; line-height: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1239px) { .flexer-lounge-links.size-two .link, .flexer-lounge-links.size-three .link, .flexer-lounge-links.size-four .link { width: -moz-calc(100% / 2); width: -webkit-calc(100% / 2); width: calc(100% / 2); } } @media only screen and (max-width: 767px) { .flexer-lounge-links.size-two .link, .flexer-lounge-links.size-three .link, .flexer-lounge-links.size-four .link { width: 100%; margin-right: 0; } } /* Youtube Video ----------------------------------------------------------------------------------------------------------------- */ .flexer-youtube-video { position: relative; overflow: hidden; } .flexer-youtube-video.normal { padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .flexer-youtube-video.normal iframe, .flexer-youtube-video.normal object, .flexer-youtube-video.normal embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flexer-youtube-video.modal { -webkit-box-shadow: 0 0 40px 0 rgba(14, 22, 25, 0.22); -moz-box-shadow: 0 0 40px 0 rgba(14, 22, 25, 0.22); box-shadow: 0 0 40px 0 rgba(14, 22, 25, 0.22); } .flexer-youtube-video.modal a.link-area { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 40; } .flexer-youtube-video.modal span.icon, .flexer-youtube-video.modal body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-youtube-video.modal span.icon:before, .flexer-youtube-video.modal body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-youtube-video.modal span.icon:before, .flexer-youtube-video.modal body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-youtube-video.modal span.icon:before { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 60px; height: 60px; z-index: 30; } .flexer-youtube-video.modal span.icon:before, .flexer-youtube-video.modal body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-youtube-video.modal span.icon:before, .flexer-youtube-video.modal body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-youtube-video.modal span.icon:before, .flexer-youtube-video.modal body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-youtube-video.modal span.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-play.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-play.svg) no-repeat 50% 50%; width: 56px; height: 56px; background-color: #E5BB7A; -webkit-transition: all 0.14s ease-in-out; -moz-transition: all 0.14s ease-in-out; -ms-transition: all 0.14s ease-in-out; -o-transition: all 0.14s ease-in-out; transition: all 0.14s ease-in-out; position: absolute; top: 0; left: 0; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .flexer-youtube-video.modal:not(:hover) span.icon:before, .flexer-youtube-video.modal:not(:hover) body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-youtube-video.modal:not(:hover) span.icon:before, .flexer-youtube-video.modal:not(:hover) body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-youtube-video.modal:not(:hover) span.icon:before, .flexer-youtube-video.modal:not(:hover) body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-youtube-video.modal:not(:hover) span.icon:before { top: 2px; left: 2px; animation: pulse; animation-duration: 1.5s; animation-direction: alternate; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .flexer-youtube-video.modal .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 20; } .flexer-youtube-video.modal .mask.dark { background-color: #0a0a0a; } .flexer-youtube-video.modal .mask.light { background-color: #F6F4F2; } .flexer-youtube-video.modal .cover-image { position: relative; width: 100%; position: relative; /* Select only direct children */ background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 10; } .flexer-youtube-video.modal .cover-image:after { display: block; content: ""; width: 100%; padding-top: calc( 9 / 16 * 100% ); } .flexer-youtube-video.modal .cover-image > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .flexer-youtube-video.modal:hover span.icon:before, .flexer-youtube-video.modal:hover body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-youtube-video.modal:hover span.icon:before, .flexer-youtube-video.modal:hover body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-youtube-video.modal:hover span.icon:before, .flexer-youtube-video.modal:hover body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-youtube-video.modal:hover span.icon:before { width: 60px; height: 60px; background-color: #FF2581; } .flexer-youtube-video.modal:hover .mask { opacity: 0.5; } .flexer-youtube-video.modal.blinked:not(:hover) span.icon:before, .flexer-youtube-video.modal.blinked:not(:hover) body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-youtube-video.modal.blinked:not(:hover) span.icon:before, .flexer-youtube-video.modal.blinked:not(:hover) body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-youtube-video.modal.blinked:not(:hover) span.icon:before, .flexer-youtube-video.modal.blinked:not(:hover) body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-youtube-video.modal.blinked:not(:hover) span.icon:before { width: 57px; height: 57px; background-color: #FF2581; } .flexer-youtube-video.modal.blinked:not(:hover) .mask { opacity: 0.1; } /* Accordion menu ----------------------------------------------------------------------------------------------------------------- */ .flexer-accordion-menu .item-dropdown, .flexer-accordion-menu .item-magnific { margin-bottom: 6px; } .flexer-accordion-menu .item-dropdown .heading, .flexer-accordion-menu .item-magnific .heading { position: relative; background-color: #182328; padding: 20px 0 18px 0; cursor: pointer; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.12s ease-in-out; -moz-transition: all 0.12s ease-in-out; -ms-transition: all 0.12s ease-in-out; -o-transition: all 0.12s ease-in-out; transition: all 0.12s ease-in-out; } .flexer-accordion-menu .item-dropdown .heading h4, .flexer-accordion-menu .item-magnific .heading h4 { font-size: 20px; line-height: 28px; margin: 0; padding-left: 26px; padding-right: 82px; color: #F6F4F2; font-weight: 700; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flexer-accordion-menu .item-dropdown .heading h4 span.icon, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 span.icon, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before { position: absolute; display: inline-block; top: 50%; -webkit-transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); -o-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); right: 30px; width: 30px; height: 30px; } .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown .heading h4 body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-accordion-menu .item-dropdown .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before, .flexer-accordion-menu .item-magnific .heading h4 body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-accordion-menu .item-magnific .heading h4 span.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-caret-down.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-caret-down.svg) no-repeat 50% 50%; background-color: #F6F4F2; width: 30px; height: 30px; } @media only screen and (min-width: 1240px) { .flexer-accordion-menu .item-dropdown .heading:hover, .flexer-accordion-menu .item-magnific .heading:hover { -webkit-box-shadow: 0 0 20px 0 rgba(24, 35, 40, 0.3); -moz-box-shadow: 0 0 20px 0 rgba(24, 35, 40, 0.3); box-shadow: 0 0 20px 0 rgba(24, 35, 40, 0.3); } } .flexer-accordion-menu .item-dropdown .content { display: none; background-color: transparent; padding: 40px 32px 50px 32px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 15.6px; line-height: 28px; opacity: 0.8; } .flexer-accordion-menu .item-dropdown .content ul { margin-bottom: 30px; } .flexer-accordion-menu .item-dropdown .content ul:last-child { margin-bottom: 0; } .flexer-accordion-menu .item-dropdown .content ul li { opacity: 0.7; font-style: italic; } .flexer-accordion-menu .item-dropdown .content ul li:before { display: none; } .flexer-accordion-menu .item-dropdown .content h4 { font-size: 20px; line-height: 26px; font-weight: 700; font-style: italic; margin-top: 34px; } .flexer-accordion-menu .item-dropdown .content p:last-child { margin-bottom: 0; } .flexer-accordion-menu .item-dropdown.active .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown.active .heading h4 body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-accordion-menu .item-dropdown.active .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown.active .heading h4 body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-accordion-menu .item-dropdown.active .heading h4 span.icon:before, .flexer-accordion-menu .item-dropdown.active .heading h4 body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-accordion-menu .item-dropdown.active .heading h4 span.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-caret-up.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-caret-up.svg) no-repeat 50% 50%; } .flexer-accordion-menu .item-dropdown.active .heading { background-color: #0E1619; } .flexer-accordion-menu .item-dropdown.active .content { display: block; } /* Smooth Anchor Link ----------------------------------------------------------------------------------------------------------------- */ .flexer-smooth-scroll-anchor { position: relative; z-index: 20; width: 100%; height: 1px; opacity: 0; } /* Placeholder ----------------------------------------------------------------------------------------------------------------- */ .flexer-placeholder { height: 1px; } @media only screen and (max-width: 767px) { .flexer-placeholder { display: none; } } /* Google maps ---------------------- */ .flexer-google-map { width: 100%; height: 380px; border: none !important; margin: 0; background: gray; } .flexer-google-map img { max-width: inherit !important; } /* ------------------------------------------------------- CONTACT FORM ------------------------------------------------------- */ .flexer-contact-form-wrapper .heading { font-size: 40px; font-weight: 700; font-style: italic; margin-bottom: 14px; text-align: center; } .flexer-contact-form-wrapper .subheading { font-size: 22px; font-weight: 400; margin-bottom: 70px; text-align: center; color: #626262; } @media only screen and (max-width: 767px) { .flexer-contact-form-wrapper .heading { font-size: 28px; line-height: 32px; } .flexer-contact-form-wrapper .subheading { font-size: 15.6px; margin-bottom: 46px; } } .flexer-contact-form-wrapper form#Flexer-contact-form, .flexer-contact-form-wrapper form#Flexer-recruit-form { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; font-family: "neue-haas-grotesk-text", sans-serif; } .flexer-contact-form-wrapper form#Flexer-contact-form.with-steps[data-step="1"] .step.first, .flexer-contact-form-wrapper form#Flexer-recruit-form.with-steps[data-step="1"] .step.first { display: flex; } .flexer-contact-form-wrapper form#Flexer-contact-form.with-steps[data-step="2"] .step.secondary, .flexer-contact-form-wrapper form#Flexer-recruit-form.with-steps[data-step="2"] .step.secondary { display: flex; } .flexer-contact-form-wrapper form#Flexer-contact-form.with-steps[data-step="3"] .step.third, .flexer-contact-form-wrapper form#Flexer-recruit-form.with-steps[data-step="3"] .step.third { display: flex; } .flexer-contact-form-wrapper form#Flexer-contact-form.with-steps[data-step="4"] .step.fourth, .flexer-contact-form-wrapper form#Flexer-recruit-form.with-steps[data-step="4"] .step.fourth { display: flex; } .flexer-contact-form-wrapper form#Flexer-contact-form .step, .flexer-contact-form-wrapper form#Flexer-recruit-form .step { display: none; flex-wrap: wrap; } .flexer-contact-form-wrapper form#Flexer-contact-form.ajax-load, .flexer-contact-form-wrapper form#Flexer-recruit-form.ajax-load { pointer-events: none; opacity: 0.4; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item { position: relative; width: -moz-calc((100% - 26px) / 2); width: -webkit-calc((100% - 26px) / 2); width: calc((100% - 26px) / 2); display: flex; flex-direction: column; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .flexer-contact-form-wrapper form#Flexer-contact-form div.item, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item { width: 100% !important; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item:nth-of-type(2n+1), .flexer-contact-form-wrapper form#Flexer-recruit-form div.item:nth-of-type(2n+1) { margin-right: 0 !important; } } .flexer-contact-form-wrapper form#Flexer-contact-form div.item:nth-of-type(2n+1), .flexer-contact-form-wrapper form#Flexer-recruit-form div.item:nth-of-type(2n+1) { margin-right: 26px; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item label, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item label { font-size: 15.6px; font-weight: 700; margin-bottom: 12px; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item label span.required, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item label span.required { color: #D63D0F; font-weight: 400; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item input, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item input { height: 56px; border-radius: 12px; border: 1px solid #A4A4B0; outline: none; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 15.6px; padding-left: 20px; padding-bottom: 4px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item input:focus-visible, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item input:focus-visible { border: 1px solid #A4A4B0; box-shadow: 0px 3px 20px #24332D33; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item input.validated, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item input.validated { border: 1px solid #6DAC3B; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item input.invalidated, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item input.invalidated { border: 1px solid #D63D0F; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item input.hidden, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item input.hidden { display: none; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item input[type=file], .flexer-contact-form-wrapper form#Flexer-recruit-form div.item input[type=file] { border-radius: unset; border: unset; padding-left: 0; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before { position: absolute; width: 56px; height: 56px; top: 37px; right: 0px; pointer-events: none; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon:before { width: 24px; height: 24px; background-color: #8D8D8D; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon.upload, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.upload.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.upload.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.upload.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon.upload, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.upload.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.upload.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.upload.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.upload.icon:before { top: 42px; right: 26px; } @media only screen and (max-width: 767px) { .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon.upload, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.upload.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.upload.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.upload.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon.upload, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-review-form .step.results span.upload.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management .edit-profile-review-form .step.results span.upload.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.upload.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item body.page-template-template-profile-management #profile-contact-form .step.results span.upload.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.upload.icon:before { top: 45px; right: 0; } } .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon.calendar:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon.calendar:before { -webkit-mask: url(../Flexer/images/phosphor/icons-calendar.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-calendar.svg) no-repeat 50% 50%; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item span.icon.upload:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item span.icon.upload:before { -webkit-mask: url(../Flexer/images/phosphor/icons-upload.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-upload.svg) no-repeat 50% 50%; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.full-width, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.full-width { width: 100%; margin-right: 0; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.full-width textarea, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.full-width textarea { height: 168px; border-radius: 12px; border: 1px solid #A4A4B0; outline: none; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 15.6px; padding-left: 20px; padding-top: 15px; resize: none; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item textarea.info, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item textarea.info { background: #F7F7F7; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item textarea.info:focus-visible, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item textarea.info:focus-visible { border: 1px solid #A4A4B0; box-shadow: 0px 3px 20px #24332D33; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container .heading, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container .heading { width: 100%; font-size: 18px; text-align: left; font-style: normal; margin-bottom: 14px; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container label, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container label { width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px); width: calc(100% - 26px); height: 56px; border-radius: 12px; border: 1px solid #A4A4B0; outline: none; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 15.6px; padding-left: 20px; padding-bottom: 4px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container.validated .notification, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container.validated .notification { color: #7DB426; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container.invalidated .notification, .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container.invalidated .heading, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container.invalidated .notification, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container.invalidated .heading { color: #D63D0F; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container.invalidated label, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container.invalidated label { border: 1px solid #D63D0F; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container.invalidated span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container.invalidated span.icon:before { background: #D63D0F; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container .notification, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container .notification { position: absolute; top: 58px; left: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container .notification span, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container .notification span { color: #D63D0F; } @media only screen and (max-width: 767px) { .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container .notification, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container .notification { top: 61px; } } @media only screen and (max-width: 420px) { .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container .notification, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container .notification { font-size: 14px; top: 63px; } } @media only screen and (max-width: 767px) { .flexer-contact-form-wrapper form#Flexer-contact-form div.item.file-container label, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.file-container label { width: 100%; } } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container { flex-direction: row; flex-wrap: wrap; } @media only screen and (max-width: 969px) { .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container { width: 100% !important; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container:nth-of-type(2n+1), .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container:nth-of-type(2n+1) { margin-right: 0 !important; } } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container .heading, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container .heading { width: 100%; font-size: 18px; text-align: left; font-style: normal; margin-bottom: 16px; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container label, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container label { display: block; position: relative; padding-left: 40px; margin-right: 24px; margin-bottom: 24px; cursor: pointer; font-size: 16px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container label input, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container .checkmark, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #F6F4F2; border-radius: 4px; border: 1px solid #A4A4B0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container label:hover input ~ .checkmark, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container label:hover input ~ .checkmark { box-shadow: 0px 1px 7px #24332D33; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container label input:checked ~ .checkmark, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container label input:checked ~ .checkmark { background-color: #F6F4F2; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container .checkmark:after, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container .checkmark:after { content: ""; position: absolute; display: none; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container label input:checked ~ .checkmark:after, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container label input:checked ~ .checkmark:after { display: block; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item.checkbox-container label .checkmark:after, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item.checkbox-container label .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid black; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .flexer-contact-form-wrapper form#Flexer-contact-form button.submit, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin { width: 100%; height: 62px; background: #E5BB7A; border-radius: 6px; color: #F6F4F2; border: none; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 15.6px; font-weight: 700; padding-bottom: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; letter-spacing: -0.31px; margin-top: 25px; opacity: 1; cursor: pointer; } .flexer-contact-form-wrapper form#Flexer-contact-form button.submit.hidden, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit.hidden#confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit.hidden#confirm-pin, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit.hidden, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit.hidden#confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit.hidden#confirm-pin { display: none; } @media only screen and (min-width: 1240px) { .flexer-contact-form-wrapper form#Flexer-contact-form button.submit:hover, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin:hover, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin:hover, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit:hover, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin:hover, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin:hover { opacity: 0.8; } } @media only screen and (max-width: 380px) { .flexer-contact-form-wrapper form#Flexer-contact-form button.submit, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin { font-size: 16px; } .flexer-contact-form-wrapper form#Flexer-contact-form button.submit span.icon, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin span.icon, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin span.icon, .flexer-contact-form-wrapper form#Flexer-contact-form button.submit body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form button.submit span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form button.submit body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form button.submit span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form button.submit body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form button.submit span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit span.icon, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin span.icon, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin span.icon, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin span.icon:before, html.funnel .flexer-section-wrapper.funnel.steps body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin span.icon:before { display: none; } } .flexer-contact-form-wrapper form#Flexer-contact-form button.submit:disabled, .flexer-contact-form-wrapper form#Flexer-contact-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin:disabled, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-contact-form .submit#confirm-pin:disabled, .flexer-contact-form-wrapper form#Flexer-recruit-form button.submit:disabled, .flexer-contact-form-wrapper form#Flexer-recruit-form html.funnel .flexer-section-wrapper.funnel.steps .submit#confirm-pin:disabled, html.funnel .flexer-section-wrapper.funnel.steps .flexer-contact-form-wrapper form#Flexer-recruit-form .submit#confirm-pin:disabled { opacity: 0.4; pointer-events: none; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper { display: flex; justify-content: center; width: 100%; margin-top: 34px; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button { position: relative; border-radius: 100px; background: #E5BB7A; color: #F6F4F2; padding: 14px 60px 16px 60px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 20px; font-weight: 700; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button.submit, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button.submit { width: unset; height: unset; margin-top: unset; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button.contact, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button.contact { padding: 18px 60px 20px 60px; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before { position: relative; top: 1px; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before { width: 30px; height: 30px; background-color: #F6F4F2; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon.arrow-right, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.arrow-right.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.arrow-right.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.arrow-right.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.arrow-right.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.arrow-right.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.arrow-right.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon.paperplane, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.paperplane.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.paperplane.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.paperplane.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.paperplane.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.paperplane.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.paperplane.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon.arrow-right, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.arrow-right.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.arrow-right.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.arrow-right.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.arrow-right.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.arrow-right.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.arrow-right.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon.paperplane, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.paperplane.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.paperplane.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.paperplane.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.paperplane.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.paperplane.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.paperplane.icon:before { margin-left: 22px; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon.arrow-left, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.arrow-left.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.arrow-left.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.arrow-left.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.arrow-left.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.arrow-left.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.arrow-left.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon.arrow-left, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.arrow-left.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.arrow-left.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.arrow-left.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.arrow-left.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.arrow-left.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.arrow-left.icon:before { margin-right: 22px; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon.arrow-right:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon.arrow-right:before { -webkit-mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-arrow-right.svg) no-repeat 50% 50%; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon.arrow-left:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon.arrow-left:before { -webkit-mask: url(../Flexer/images/phosphor/icons-arrow-left.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-arrow-left.svg) no-repeat 50% 50%; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon.paperplane:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon.paperplane:before { -webkit-mask: url(../Flexer/images/phosphor/icons-paper-plane.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-paper-plane.svg) no-repeat 50% 50%; } @media only screen and (min-width: 1240px) { .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button:hover, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button:hover { opacity: 0.8; } } @media only screen and (max-width: 767px) { .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button { width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px); width: calc(100% - 26px); padding: unset; text-align: center; height: 62px; line-height: 62px; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button.submit, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button.submit { width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px); width: calc(100% - 26px); padding: unset; text-align: center; height: 62px; line-height: 62px; } } @media only screen and (max-width: 500px) { .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:not(.submit), .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.icon:not(.submit):before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:not(.submit):before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:not(.submit):before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:not(.submit):before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:not(.submit):before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:not(.submit):before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:not(.submit), .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.icon:not(.submit):before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:not(.submit):before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:not(.submit):before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:not(.submit):before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:not(.submit):before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:not(.submit):before { display: none; } } @media only screen and (max-width: 380px) { .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button { font-size: 16px !important; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button span.icon:before { display: none; } } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button.previous, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button.previous { margin-right: 14px; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button.hidden, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button.hidden { display: none; } .flexer-contact-form-wrapper form#Flexer-contact-form .buttons-wrapper .steps-button.disabled, .flexer-contact-form-wrapper form#Flexer-recruit-form .buttons-wrapper .steps-button.disabled { opacity: 0.4; pointer-events: none; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item .select2-container, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item .select2-container { width: 100% !important; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item .select2-selection, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item .select2-selection { height: 56px; border-radius: 12px !important; border: 1px solid #A4A4B0; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 16px; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item .select2-selection.validated, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item .select2-selection.validated { border: 1px solid #6DAC3B; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item .select2-selection.invalidated, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item .select2-selection.invalidated { border: 1px solid #D63D0F; } .flexer-contact-form-wrapper form#Flexer-contact-form div.item .select2-selection span.select2-selection__rendered, .flexer-contact-form-wrapper form#Flexer-recruit-form div.item .select2-selection span.select2-selection__rendered { background: #f3f3f3; border-radius: 12px; line-height: 54px !important; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper { position: relative; display: flex; flex-direction: row; justify-content: space-between; background: #F6F4F2; color: #0E1619; -webkit-box-shadow: 3px 10px 30px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 3px 10px 30px 0 rgba(0, 0, 0, 0.16); box-shadow: 3px 10px 30px 0 rgba(0, 0, 0, 0.16); border-radius: 34px; width: 568px; height: 68px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); align-items: center; padding: 0 34px; margin-top: 38px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 52px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.heading { position: relative; font-size: 17px; font-weight: 700; margin-bottom: unset; font-style: normal; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper[data-step="2"] div.btn-wrapper div.divider, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper[data-step="2"] div.btn-wrapper div.btn, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper[data-step="3"] div.btn-wrapper div.divider, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper[data-step="3"] div.btn-wrapper div.btn, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper[data-step="4"] div.btn-wrapper div.divider, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper[data-step="4"] div.btn-wrapper div.btn { display: block; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper { display: flex; flex-direction: row; position: absolute; top: 50%; right: 78px; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn { position: relative; display: none; font-size: 14px; font-weight: 500; color: #FF3E74; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before { display: inline-block; position: relative; top: -5px; margin-right: 16px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-left.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-left.svg) no-repeat 50% 50%; background-color: #FF3E74; height: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.text { line-height: 26px; } @media only screen and (min-width: 1240px) { .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn:hover { color: #FF3E74; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn:hover span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn:hover body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn:hover span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn:hover body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn:hover span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn:hover body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn:hover span.icon:before { background-color: #FF3E74; } } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.divider { content: ""; position: relative; display: none; top: 5px; width: 1px; height: 17px; background-color: #B7B7B7; margin: 0 20px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.content { position: relative; font-size: 14px; font-weight: 500; line-height: 26px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.heading { font-size: 14px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper { right: 73px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.divider { margin: 0 10px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn { font-size: 12px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before { top: 1px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.content { font-size: 12px; } } @media only screen and (min-width: 439px) and (max-width: 479px) { .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper { right: 62px; top: 35px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.divider { margin: 0 10px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn { font-size: 12px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before { top: 1px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.content { font-size: 12px; } } @media only screen and (max-width: 438px) { .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.heading { font-size: 14px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper { right: 60px !important; top: 51%; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.divider { display: none !important; margin: 0 10px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn { font-size: 12px; right: 11px; top: 1px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before, .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn span.icon:before { top: 3px; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.btn > span.text { display: none; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div.btn-wrapper div.content { font-size: 12px; text-align: right; right: 11px; } } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader { position: relative; height: 34px; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); right: -8px; } @media only screen and (max-width: 480px) { .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader { right: -17px; top: 1px; } } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader.loaded div.ring svg.line { stroke-dashoffset: 0 !important; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring { position: absolute; top: 100%; right: 0; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring svg.background { -ms-transform: rotate(-90deg); -ms-transform-origin: 0 0; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 0 0; transform: rotate(-90deg); transform-origin: 0 0; stroke-dasharray: 88; stroke-dashoffset: 0; position: absolute; right: 0; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring svg.background circle { stroke: #E5BB7A; stroke-width: 3.5; fill: transparent; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring svg.line { -ms-transform: rotate(-90deg); -ms-transform-origin: 0 0; -webkit-transform: rotate(-90deg); -webkit-transform-origin: 0 0; transform: rotate(-90deg); transform-origin: 0 0; stroke-dasharray: 88; stroke-dashoffset: 60; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -ms-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring svg.line[data-step="1"] { stroke-dashoffset: 66 !important; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring svg.line[data-step="2"] { stroke-dashoffset: 44 !important; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring svg.line[data-step="3"] { stroke-dashoffset: 22 !important; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring svg.line[data-step="4"] { stroke-dashoffset: 0 !important; } .flexer-contact-form-wrapper div.flexer-form-steps-wrapper div#Flexer-form-loader div.ring svg.line circle { stroke: #30451E; stroke-width: 3.5; fill: transparent; } @media only screen and (max-width: 767px) { .flexer-contact-form-wrapper div.flexer-form-steps-wrapper { width: 90%; } } @media only screen and (max-width: 420px) { .flexer-contact-form-wrapper div.flexer-form-steps-wrapper { width: 85%; } } @media only screen and (max-width: 1239px) { .flexer-contact-form-wrapper div.flexer-form-steps-wrapper { margin-top: 30px; } } .flexer-contact-form-wrapper .gdpr-notification { font-size: 15.6px; font-style: italic; text-align: center; margin-top: 78px; } div.successful-email-notification { display: block; position: fixed; bottom: 26px; right: -3000px; z-index: 9999; background: #fff; color: black; padding: 20px 30px 22px 30px; border-radius: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); border-left: 12px solid #F6F4F2; font-size: 15px; } div.successful-email-notification.success { right: 26px; border-left: 12px solid #E5BB7A; } div.successful-email-notification.error { right: 26px; border-left: 12px solid #D63D0F; } /*ul.select2-results__options { border-radius: 12px !important; margin-top: 10px !important; border: 0.5px solid #D6D6D6; } .select2-dropdown { background: transparent !important; } li.select2-results__option { background: #f7f7f7 !important; border-bottom: 0.5px solid #D6D6D6 !important; &:last-of-type { border-bottom: unset !important; } &:after { content: ""; display: inline-block; width: 18px; height: 18px; position: absolute; border: 1px solid #6DAC3B; border-radius: 100%; right: 15px; margin-top: 3px; } } li.select2-results__option--selected { background: #f7f7f7 !important; color: #6DAC3B !important; &:after { content: ""; display: inline-block; width: 10px; height: 10px; position: absolute; border: 6.5px solid #6DAC3B; border-radius: 100%; right: 14px; margin-top: 3px; box-shadow: 0px 0px 6px #6CAC3B66; } } li.select2-results__option--highlighted:not(.select2-results__option--selected) { background: #f7f7f7 !important; color: #6DAC3B !important; &:after { content: ""; display: inline-block; width: 18px; height: 18px; position: absolute; border: 1px solid #6DAC3B; border-radius: 100%; right: 15px; margin-top: 3px; } &:before { content: ""; display: inline-block; width: 6px; height: 6px; position: absolute; background: #6DAC3B; border-radius: 100%; right: 22px; margin-top: 10px; } } span.select2-container--open { .select2-selection { box-shadow: 0px 0px 20px #24332D33; } } @media only screen and (max-width: 479px) { .select2-results__option { font-size: 12px !important; } } */ /* ------------------------------------------------------------ RANGE SLIDER ------------------------------------------------------------- */ .range-selector { margin-top: 0; } input[type=number].range-selector { display: none; visibility: hidden; width: 0; height: 0; } .range-selector { margin-top: 24px; } .range-selector + .range-selector-wrapper { position: relative; width: 100%; height: auto; } @media only screen and (max-width: 1239px) { .range-selector + .range-selector-wrapper { margin-top: 30px; } } .range-selector + .range-selector-wrapper.touchmove .range-track .range-handle, .range-selector + .range-selector-wrapper.mousemove .range-track .range-handle { -webkit-box-shadow: 0 0 20px 0 rgba(229, 187, 122, 0.3); -moz-box-shadow: 0 0 20px 0 rgba(229, 187, 122, 0.3); box-shadow: 0 0 20px 0 rgba(229, 187, 122, 0.3); } .range-selector + .range-selector-wrapper .range-track { width: 100%; height: 1px; padding: 0 2px; background: transparent; box-sizing: border-box; } .range-selector + .range-selector-wrapper .range-track:after { content: ""; position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; height: 100%; cursor: pointer; border-bottom: 4px solid #A4A4B0; } .range-selector + .range-selector-wrapper .range-track .range-handle { position: absolute; height: 31px; width: 31px; left: 0; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background: #E5BB7A; border-radius: 25px; cursor: pointer; touch-action: none; user-select: none; -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 41, 0.15); -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 41, 0.15); box-shadow: 4px 4px 10px 0 rgba(0, 0, 41, 0.15); z-index: 9; } .range-selector + .range-selector-wrapper .range-track .range-handle:after { content: ""; position: absolute; width: 100%; left: -100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 20px; height: 100%; cursor: pointer; } .range-selector + .range-selector-wrapper .range-track .range-handle .value-placeholder { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -30px; font-weight: bold; } .range-selector + .range-selector-wrapper .range-track .range-handle.validated { display: none; } .range-selector + .range-selector-wrapper .validator-hint { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform-origin: 0 0; background: #F6F4F2; border: 2px solid #A4A4B0; opacity: 1; overflow: hidden; /*#checkmark { display:none; position: absolute; top: 50%; left: 50%; width: 22px; height:22px; background: transparent; border-radius:11px; -ms-transform: rotate(45deg) translate3d(-70%, 0%, 0); -webkit-transform: rotate(45deg) translate3d(-70%, 0%, 0); transform: rotate(45deg) translate3d(-70%, 0%, 0); &:before{ content:""; position: absolute; width:3px; height:12px; background-color:#fff; left:50%; top:3px; } &:after{ content:""; position: absolute; width:7px; height:3px; background-color:#fff; left:7px; top:14px; } }*/ } .range-selector + .range-selector-wrapper .validator-hint #checkmark { display: none; background: #E5BB7A; box-shadow: 4px 4px 10px #00000029; width: 100%; height: 100%; } .range-selector + .range-selector-wrapper .validator-hint.valid { background: #fff !important; scale: 1.05 !important; opacity: 1 !important; border: none !important; z-index: 999; -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 41, 0.15); -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 41, 0.15); box-shadow: 4px 4px 10px 0 rgba(0, 0, 41, 0.15); } .range-selector + .range-selector-wrapper .validator-hint.valid #checkmark { display: block; } .range-selector + .range-selector-wrapper .validator-hint.valid #checkmark:before { -webkit-mask: url(../Flexer/images/iconly/iconly-check.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-check.svg) no-repeat 50% 50%; background-color: #F6F4F2; height: 15px; } /* ------------------------------------------------------- MAGNIFIC POPUPS ------------------------------------------------------- */ .mfp-close { position: absolute; display: block; font-size: 0 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; top: 0; right: 0; width: 56px; height: 56px; background-color: #E5BB7A; border-radius: 0; } .mfp-close:before { -webkit-mask: url(../Flexer/images/iconly/iconly-close.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-close.svg) no-repeat 50% 50%; width: 20px; height: 20px; background-color: #F6F4F2; } .mfp-close:hover { background-color: #E5BB7A; } .mfp-preloader { display: none !important; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-hide { display: none !important; } .mfp-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #0e0e0e; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); z-index: 1042; } .mfp-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; outline: none !important; -webkit-backface-visibility: hidden; z-index: 1043; } .mfp-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mfp-content { display: inline-block; position: relative; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } /* Popup content holder */ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-loading .mfp-figure, .mfp-s-error .mfp-content { display: none; } /* Hide content when it was not loaded */ .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } /* Remove vertical centering when popup has .mfp-align-top -class */ .mfp-align-top .mfp-container:before { display: none; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-image-holder .mfp-content { max-width: 100%; } @media only screen and (min-width: 1240px) { .mfp-figure { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } } .mfp-counter { display: none; } @media only screen and (max-width: 1239px) { img.mfp-img { max-width: 94%; } } .mfp-arrow-left { position: absolute; top: 43%; left: 0; border: none; width: 50px; height: 50px; background: #F6F4F2; -webkit-transform: translate3d(-50%, 50%, 0); -moz-transform: translate3d(-50%, 50%, 0); -ms-transform: translate3d(-50%, 50%, 0); -o-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mfp-arrow-left:before { visibility: visible; -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-left-simple.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-left-simple.svg) no-repeat 50% 50%; background-color: #0E1619; width: 17px; height: 16px; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .mfp-arrow-left:hover { cursor: pointer; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); } @media only screen and (max-width: 1239px) { .mfp-arrow-left { display: none; } } .mfp-arrow-right { position: absolute; top: 43%; right: 0; border: none; width: 50px; height: 50px; background: #F6F4F2; -webkit-transform: translate3d(50%, 50%, 0); -moz-transform: translate3d(50%, 50%, 0); -ms-transform: translate3d(50%, 50%, 0); -o-transform: translate3d(50%, 50%, 0); transform: translate3d(50%, 50%, 0); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mfp-arrow-right:before { visibility: visible; -webkit-mask: url(../Flexer/images/iconly/iconly-arrow-right-simple.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-arrow-right-simple.svg) no-repeat 50% 50%; background-color: #0E1619; width: 18px; height: 16px; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .mfp-arrow-right:hover { cursor: pointer; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); } @media only screen and (max-width: 1239px) { .mfp-arrow-right { display: none; } } /* ------------------------------------ MASTER ------------------------------------- */ html { background: #F6F4F2; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); min-height: 101%; overflow-x: hidden; } html.wf-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } html.side-nav-active { overflow: hidden; } html.funnel { background: #0E1619; color: #F6F4F2; } html.results { background: #F6F4F2; color: #0E1619; } body { max-width: 1920px; margin: 0 auto; overflow-x: hidden; } body:not(.ok) { height: 100vh; overflow: hidden; } body.single-positions-cpt { overflow: hidden; } div#Flexer-preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #F6F4F2; z-index: 9999; } div#Flexer-preloader.funnel { background-color: #0E1619; } div#Flexer-preloader.results { background-color: #F6F4F2; } /* CONTENT & SITE -------------------------------------- */ #Content { max-width: 1920px; margin: 0 auto; } #Content-mask { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(14, 22, 25, 0); z-index: -1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #Content-mask.side-nav-active, #Content-mask.side-mini-cart-active, #Content-mask.mini-cart-active, #Content-mask.search-active { display: block; background-color: rgba(246, 244, 242, 0); z-index: 9999 !important; } #Site { position: relative; top: 0; left: 0; width: 100%; max-width: 1920px; margin: 0 auto; background: transparent; -webkit-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-overflow-scrolling: touch; -webkit-transform-style: preserve-3d; overflow: visible; z-index: 10; } #Site.single-ctp, #Site.template-simple { margin-top: 100px; } #Site.side-nav-active { -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } /* ------------------------------------------------------- TEMPLATES ------------------------------------------------------- */ body.page-template-template-simple h1 { margin-bottom: 56px; } /* ------------------------------------- Profile Management --------------------------------------*/ .page-template-template-profile-management #Site { overflow: hidden; } .page-template-template-profile-management .select2-container { margin-bottom: 0 !important; } .page-template-template-profile-management .select2-search.select2-search--dropdown { box-sizing: border-box; max-width: 100%; display: block !important; margin-bottom: 5px; } .page-template-template-profile-management .autosave-indicator { position: fixed; bottom: -60px; left: 0; height: 60px; width: 100%; background-color: #7DB426; color: #fff; opacity: 0; text-align: center; z-index: 99; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .page-template-template-profile-management .autosave-indicator .saving, .page-template-template-profile-management .autosave-indicator .saved, .page-template-template-profile-management .autosave-indicator .error-message { line-height: 60px; } .page-template-template-profile-management .autosave-indicator .saving { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .page-template-template-profile-management .autosave-indicator .saving .text { margin-right: 15px; } .page-template-template-profile-management .autosave-indicator .saved, .page-template-template-profile-management .autosave-indicator .error-message { display: none; } .page-template-template-profile-management .autosave-indicator.active { opacity: 1; bottom: 0; } .page-template-template-profile-management .autosave-indicator.done .saving { display: none; } .page-template-template-profile-management .autosave-indicator.done .saved { display: block; } .page-template-template-profile-management .autosave-indicator.error { background-color: #D63D0F; } .page-template-template-profile-management .autosave-indicator.error .saving { display: none; } .page-template-template-profile-management .autosave-indicator.error .saved { display: none; } .page-template-template-profile-management .autosave-indicator.error .error-message { display: block; } .page-template-template-profile-management .item.invalid label { color: red; } #Content.profile-management { /*#activate-profile-presentation.presentation { h2 { text-align: center; padding: 0 150px; margin-bottom: 60px; } .cols { @include display-flex(); @include flex-wrap(); align-items: center; padding: 0 100px 30px; > div { width: 50%; @include box-sizing(border-box); } .perks { ul li { position: relative; padding-left: 30px; margin-bottom: 10px; &:before { content: $ionicon-var-checkmark-circled; position: relative; left: 0; display: inline-block; width: 22px; height: 22px; margin-right: 5px; font-family: $ionicons-font-family; font-size: 20px; line-height: 22px; color: $flexer-green; } } } .flexer-btn { width: auto; flex: 1; margin-top: 70px; background-color: #019901; border: 3px solid #019901; border-color: #019901; &:hover { border-color: #015c01; background-color: #015c01; } } @media only screen and (max-width: 776px) { .flexer-btn { width: auto; flex: 1; margin-top: 30px; background-color: #019901; border: 3px solid #019901; border-color: #019901; } } } }*/ /*#activate-profile { h2 { text-align: center; margin-bottom: 100px; } .items { width: 100%; @include display-flex(); @include flex-wrap(); justify-content: center; @media only screen and (min-width: 776px) { .item-1 { margin-right: 16px; } .item-2 { margin-left: 16px; } } .item { @include calc(width, '(100% - 60px) / 3'); padding: 40px; @include box-sizing(border-box); @include box-shadow( 0, 0, 20px, 0, rgba( 0, 0, 0, 0.2 ) ); @include border-radius(8px); .heading { @extend h3; padding-bottom: 14px; border-bottom: 2px solid #eee; } .subheading { @extend h4; color: $flexer-brand; font-size: 18px; } .image { width: 100%; margin-bottom: 10px; img { width: 100%; height: auto; } } .perks { ul li { position: relative; padding-left: 30px; margin-bottom: 10px; &:before { content: $ionicon-var-checkmark-circled; position: relative; left: 0; display: inline-block; width: 22px; height: 22px; margin-right: 5px; font-family: $ionicons-font-family; font-size: 20px; color: $flexer-green; } } } .flexer-btn { margin-top: 15px; width: 100%; } a.show-conditions { display: inherit; text-decoration: none; text-align: center; margin-top: 30px; font-size: 0.85em; } } .profile-example-image { .image-container { display: block; position: relative; width: 100%; height: auto; background: #F7F7F7; padding-top: 66px; .company-logo { position: absolute; width: 19% !important; border-radius: 100%; top: 52px;right: 51px; z-index: 999; } .profile-image-rounded { width: 50%; position: relative; border-radius: 100%; top: 0; left: 50%; transform: translateX(-50%); } .text-content { color: black; font-weight: bold; position: relative; bottom: 10px; font-size: 14px; padding: 30px; } .profile-name-and-company { color: black; font-weight: bold; position: relative; bottom: 22px; font-size: 13px; left: 30px; } } } } }*/ } #Content.profile-management .flexer-section-wrapper { padding: 160px 30px 60px; } #Content.profile-management .flexer-section-wrapper.paddings-large-bottom { padding: 120px 30px 160px; } #Content.profile-management .flexer-section-wrapper:not(.top):not(#Footer):not(.activate-profile) { background-color: #F7F7F7; border-top: 2px solid #eee; border-bottom: 2px solid #eee; padding: 100px 30px 60px; } #Content.profile-management .flexer-section-wrapper:not(.top):not(#Footer):not(.activate-profile) .add-edit-profile-image, #Content.profile-management .flexer-section-wrapper:not(.top):not(#Footer):not(.activate-profile) .add-edit-profile-logo { margin-bottom: 50px; } #Content.profile-management .flexer-section-wrapper:not(.top):not(#Footer):not(.activate-profile) .add-edit-profile-image .image-wrap img, #Content.profile-management .flexer-section-wrapper:not(.top):not(#Footer):not(.activate-profile) .add-edit-profile-logo .image-wrap img { background-color: #F6F4F2; } #Content.profile-management .flexer-section-wrapper.premium { margin-top: 70px; } #Content.profile-management .profile-example-image-top .image-container { display: block; position: relative; width: 100%; height: auto; background: #F7F7F7; padding-top: 66px; } #Content.profile-management .profile-example-image-top .image-container .company-logo { position: absolute; width: 19% !important; border-radius: 100%; top: 52px; right: 90px; z-index: 999; } #Content.profile-management .profile-example-image-top .image-container .profile-image-rounded { width: 50%; position: relative; border-radius: 100%; top: 0; left: 50%; transform: translateX(-50%); } #Content.profile-management .profile-example-image-top .image-container .text-content { color: black; font-weight: bold; position: relative; bottom: 10px; font-size: 14px; padding: 30px; } #Content.profile-management .profile-example-image-top .image-container .profile-name-and-company { color: black; font-weight: bold; position: relative; bottom: 22px; font-size: 13px; left: 30px; } #Content.profile-management .profile-example-image-top .image-container.mobile { display: none; } @media only screen and (max-width: 767px) { #Content.profile-management .profile-example-image-top .image-container { display: none; padding-top: 18px; } #Content.profile-management .profile-example-image-top .image-container .company-logo { top: 13px; right: 62px; } #Content.profile-management .profile-example-image-top .image-container .profile-image-rounded { width: 43%; } #Content.profile-management .profile-example-image-top .image-container.mobile { display: block; } } #Content.profile-management .profile-example-image { display: none; } #Content.profile-management #Sticky-activate-profile { z-index: 9; display: none; position: fixed; top: 0; left: 50%; width: 100%; padding: 10px 0; background-color: #F6F4F2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } #Content.profile-management #Sticky-activate-profile.active { display: block; } #Content.profile-management #Sticky-activate-profile .button-wrap { padding: 0 100px; } #Content.profile-management #Sticky-activate-profile .button-wrap .flexer-btn, #Content.profile-management #Sticky-activate-profile .button-wrap body.page-template-template-profile-management .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name #Content.profile-management #Sticky-activate-profile .button-wrap span { width: 100%; } #Content.profile-management #send-review-request { position: relative; } #Content.profile-management #send-review-request .nh-loader { display: none; } #Content.profile-management #send-review-request.loading .text { opacity: 0; } #Content.profile-management #send-review-request.loading .nh-loader { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } @media only screen and (max-width: 776px) { #Content.profile-management { padding-top: 0; } #Content.profile-management .flexer-section-wrapper { padding: 120px 30px 60px; } #Content.profile-management .flexer-section-wrapper:not(.top):not(#Footer):not(.activate-profile) { padding: 60px 30px; } #Content.profile-management .flexer-section-wrapper.paddings-large-bottom { padding: 60px 30px 100px; } #Content.profile-management .flexer-section-wrapper .flexer-content-wrapper { padding: 0; } #Content.profile-management #activate-profile-presentation.presentation { padding: 0 40px; } #Content.profile-management #activate-profile-presentation.presentation h2 { padding: 0; } #Content.profile-management #activate-profile-presentation.presentation .cols { padding: 0; } #Content.profile-management #activate-profile h2 { text-align: center; margin-bottom: 50px; } #Content.profile-management #activate-profile .items .item { width: 100%; } #Content.profile-management #activate-profile .items .item:not(:first-child) { margin-top: 30px; } #Content.profile-management #Sticky-activate-profile .button-wrap { padding: 0; } } @media only screen and (max-width: 479px) { #Content.profile-management .flexer-section-wrapper { padding: 70px 10px 60px; } #Content.profile-management .flexer-section-wrapper:not(.top):not(#Footer):not(.activate-profile) { padding: 60px 10px; } #Content.profile-management .flexer-section-wrapper.paddings-large-bottom { padding: 60px 10px 100px; } #Content.profile-management .flexer-section-wrapper .flexer-content-wrapper { padding: 0; } #Content.profile-management #activate-profile-presentation.presentation { padding: 0 10px; } #Content.profile-management #activate-profile-presentation.presentation h2 { margin-bottom: 21px; } #Content.profile-management #activate-profile-presentation.presentation .cols > div { width: 100%; } #Content.profile-management #activate-profile-presentation.presentation .cols .profile-example-image { display: block; } #Content.profile-management #activate-profile-presentation.presentation .cols .profile-example-image img { width: 100%; height: auto; margin-bottom: 25px; margin-left: unset; } } body.page-template-template-profiles-single #profile-container #back-to-results { display: flex; align-items: center; gap: 8px; } body.page-template-template-profiles-single #profile-container #back-to-results i { display: block; position: relative; width: 18px; height: 18px; } body.page-template-template-profiles-single #profile-container #back-to-results i:before { width: 18px; height: 18px; background-color: #E5BB7A; -webkit-mask: url(../Flexer/images/phosphor/icons-arrow-left.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-arrow-left.svg) no-repeat 50% 50%; } body.page-template-template-profiles-single #profile-container #back-to-results span { display: block; } @media only screen and (max-width: 767px) { body.page-template-template-profiles-single #profile-container #back-to-results { margin-top: -30px; margin-bottom: 30px; } } body.page-template-template-profiles-single #profile-container .image-wrapper { width: 120px; height: 120px; border-radius: 8px; overflow: hidden; margin: 0 auto; } body.page-template-template-profiles-single #profile-container .image-wrapper img { width: 100%; height: auto; } body.page-template-template-profiles-single #profile-container .image-wrapper .no-image { width: 100%; height: 100%; background-color: #eee; } body.page-template-template-profiles-single #profile-container .buttons { -webkit-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin: 20px 0 32px 0; padding: 0 20px; box-sizing: border-box; } body.page-template-template-profiles-single #profile-container .buttons > a, body.page-template-template-profiles-single #profile-container .buttons > div { padding: 14px 24px; box-sizing: border-box; color: #0E1619; font-size: 15px; font-weight: 500; text-align: center; border-radius: 3px; } body.page-template-template-profiles-single #profile-container .buttons > a.request-contact, body.page-template-template-profiles-single #profile-container .buttons > div.request-contact { position: relative; background-color: #E5BB7A; cursor: pointer; } @media only screen and (max-width: 1239px) { body.page-template-template-profiles-single #profile-container .buttons > a.request-contact, body.page-template-template-profiles-single #profile-container .buttons > div.request-contact { width: 100%; } } body.page-template-template-profiles-single #profile-container .buttons > a.request-contact:hover, body.page-template-template-profiles-single #profile-container .buttons > div.request-contact:hover { background-color: #deaa58; } body.page-template-template-profiles-single #profile-container .buttons > a.request-contact .loader, body.page-template-template-profiles-single #profile-container .buttons > div.request-contact .loader { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } body.page-template-template-profiles-single #profile-container .buttons > a.request-contact.loader-active, body.page-template-template-profiles-single #profile-container .buttons > div.request-contact.loader-active { color: transparent; } body.page-template-template-profiles-single #profile-container .buttons > a.request-contact.loader-active .loader, body.page-template-template-profiles-single #profile-container .buttons > div.request-contact.loader-active .loader { display: block; } body.page-template-template-profiles-single #profile-container .buttons > a.request-contact.sent, body.page-template-template-profiles-single #profile-container .buttons > div.request-contact.sent { pointer-events: none; background-color: #7DB426; color: #fff; } body.page-template-template-profiles-single #profile-container h1 { text-align: center; font-weight: 500; margin-top: 32px; } body.page-template-template-profiles-single #profile-container h2 { text-align: center; font-size: 36px; font-weight: normal; margin-top: 48px; margin-bottom: 32px; } body.page-template-template-profiles-single #profile-container .office-and-score { display: flex; align-items: center; justify-content: center; gap: 32px; } body.page-template-template-profiles-single #profile-container .office-and-score .office .name { font-weight: 500; } @media only screen and (max-width: 479px) { body.page-template-template-profiles-single #profile-container .office-and-score { flex-direction: column; align-items: center; gap: 16px; } } body.page-template-template-profiles-single #profile-container .description { text-align: center; font-family: "neue-haas-grotesk-text", sans-serif; color: #485762; font-size: 20px; line-height: 30px; margin-top: 26px; } body.page-template-template-profiles-single #profile-container .profile-details { display: flex; gap: 62px; width: 100%; } body.page-template-template-profiles-single #profile-container .profile-details > div { background-color: #fff; border-radius: 10px; flex: 1; } body.page-template-template-profiles-single #profile-container .profile-details > div > div:not(:last-child) { border-bottom: 1px solid #D9D9D9; } body.page-template-template-profiles-single #profile-container .profile-details > div > div .inner { padding: 30px; display: flex; align-items: flex-start; } body.page-template-template-profiles-single #profile-container .profile-details > div > div .inner .label { width: 40%; font-size: 18px; line-height: 27px; color: #485762; } body.page-template-template-profiles-single #profile-container .profile-details > div > div .inner .values { list-style: unset !important; } body.page-template-template-profiles-single #profile-container .profile-details > div > div .inner .values .value { flex: 1; font-size: 18px; line-height: 27px; color: #19262B; font-weight: 500; list-style: circle !important; } @media only screen and (max-width: 1239px) { body.page-template-template-profiles-single #profile-container .profile-details { flex-direction: column; align-items: center; gap: 0; } body.page-template-template-profiles-single #profile-container .profile-details > div { width: 600px; max-width: 100%; } body.page-template-template-profiles-single #profile-container .profile-details > div:first-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #D9D9D9; } body.page-template-template-profiles-single #profile-container .profile-details > div:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } } @media only screen and (max-width: 767px) { body.page-template-template-profiles-single #profile-container .profile-details > div > div .inner { flex-direction: column; gap: 8px; } } body.page-template-template-profiles-single #profile-container .reviews { display: flex; gap: 62px; width: 100%; flex-wrap: wrap; } body.page-template-template-profiles-single #profile-container .reviews .review { display: flex; flex-direction: column; align-items: center; justify-content: center; width: -moz-calc(( 100% - 62px ) / 2); width: -webkit-calc(( 100% - 62px ) / 2); width: calc(( 100% - 62px ) / 2); padding: 30px; border-radius: 10px; background-color: #fff; box-sizing: border-box; } body.page-template-template-profiles-single #profile-container .reviews .review p { font-size: 21px; line-height: 32px; color: #485762; text-align: center; } @media only screen and (max-width: 1239px) { body.page-template-template-profiles-single #profile-container .reviews { flex-direction: column; gap: 30px; align-items: center; } body.page-template-template-profiles-single #profile-container .reviews .review { width: 600px; max-width: 100%; } body.page-template-template-profiles-single #profile-container .reviews .review .score { flex-direction: column; gap: 8px; } } @media only screen and (max-width: 479px) { body.page-template-template-profiles-single #profile-container .reviews .review p { font-size: 17px; } } body.page-template-template-profiles-single #profile-container .score { display: flex; align-items: center; gap: 16px; } body.page-template-template-profiles-single #profile-container .score .stars { width: 130px; min-width: 130px; height: 26px; background-size: 130px 26px; background-repeat: no-repeat; } body.page-template-template-profiles-single #profile-container .score .stars.stars-0-10 { background-image: url(images/stars/stars-0-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-1-10 { background-image: url(images/stars/stars-1-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-2-10 { background-image: url(images/stars/stars-2-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-3-10 { background-image: url(images/stars/stars-3-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-4-10 { background-image: url(images/stars/stars-4-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-5-10 { background-image: url(images/stars/stars-5-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-6-10 { background-image: url(images/stars/stars-6-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-7-10 { background-image: url(images/stars/stars-7-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-8-10 { background-image: url(images/stars/stars-8-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-9-10 { background-image: url(images/stars/stars-9-10.png); } body.page-template-template-profiles-single #profile-container .score .stars.stars-10-10 { background-image: url(images/stars/stars-10-10.png); } body.page-template-template-profiles-single #profile-container .score .average { font-size: 15.6px; line-height: 26px; margin-right: 8px; margin-left: 12px; font-weight: 500; } body.page-template-template-profiles-single #profile-container .score .count { font-size: 15.6px; line-height: 26px; } body.page-template-template-profiles-single #profile-container .score .name-city { font-weight: 500; } body.page-template-template-profiles-single #profile-container .score .date { color: grey; } body.page-template-template-profile-management .cols { display: flex; gap: 20px; flex-wrap: wrap; box-sizing: border-box; margin-bottom: 30px; align-items: center; } body.page-template-template-profile-management .cols.reverse { flex-direction: row-reverse; } body.page-template-template-profile-management .cols .item { flex: 1; min-width: 30%; } body.page-template-template-profile-management .cols .item.col-1-1 { min-width: 100%; } body.page-template-template-profile-management .cols .item textarea { min-height: 180px; } body.page-template-template-profile-management .reviews .review-wrap { width: 100%; padding: 30px; margin-bottom: 30px; color: #3d454e; background: #f7f7f7; border: 1px solid #cccccc; border-radius: 6px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 16px; } body.page-template-template-profile-management .reviews .review-wrap p.content { word-wrap: break-word; } body.page-template-template-profile-management .reviews .review-wrap .group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } body.page-template-template-profile-management .reviews .review-wrap .group .name-and-city { font-size: 16px; color: #7c8896; font-weight: 500; } body.page-template-template-profile-management .reviews .review-wrap .group .rating { width: 80px; margin: 0 10px 0 30px; display: flex; justify-content: center; } body.page-template-template-profile-management .reviews .review-wrap .group .rating img { width: 100%; height: auto; } body.page-template-template-profile-management .reviews .review-wrap .group .buttons { margin-left: auto; } body.page-template-template-profile-management .reviews .review-wrap .group .date { color: #7c8896; font-size: 15px; } body.page-template-template-profile-management .reviews .review-wrap .message { margin: 15px 0; text-align: center; } body.page-template-template-profile-management .reviews .btn-wrap { text-align: right; } body.page-template-template-profile-management .profile-achievements .name { display: flex; align-items: center; width: 100%; padding: 10px 20px; margin-bottom: 10px; color: #3d454e; background: #f7f7f7; border: 1px solid #cccccc; border-radius: 6px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 22px; font-weight: 500; } body.page-template-template-profile-management .profile-achievements .name span { display: block; margin-left: auto; } body.page-template-template-profile-management .profile-achievements > div:last-of-type { margin-bottom: 30px; } body.page-template-template-profile-management .premium-details > .flexer-btn, body.page-template-template-profile-management .profile-achievements .name .premium-details > span { margin-bottom: 12px; } body.page-template-template-profile-management input { margin-bottom: 0; } body.page-template-template-profile-management label { display: block; margin-bottom: 6px; } body.page-template-template-profile-management .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice { background-color: #fff !important; } body.page-template-template-profile-management .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline input { margin: 0 !important; padding: 26px 76px 26px 20px; } body.page-template-template-profile-management .mfp-content { max-width: 100%; width: 600px; } body.page-template-template-profile-management #profile-review-form, body.page-template-template-profile-management .edit-profile-review-form, body.page-template-template-profile-management #profile-contact-form { background-color: #fff; border-radius: 6px; } body.page-template-template-profile-management #profile-review-form .step, body.page-template-template-profile-management .edit-profile-review-form .step, body.page-template-template-profile-management #profile-contact-form .step { display: none; } body.page-template-template-profile-management #profile-review-form .step.active, body.page-template-template-profile-management .edit-profile-review-form .step.active, body.page-template-template-profile-management #profile-contact-form .step.active { display: block; } body.page-template-template-profile-management #profile-review-form .step.results .icon, body.page-template-template-profile-management #profile-review-form .step.results .icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .icon, body.page-template-template-profile-management .edit-profile-review-form .step.results .icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .icon, body.page-template-template-profile-management #profile-contact-form .step.results .icon:before { display: block; margin: 10px auto 20px; width: 80px; height: 80px; border: 5px solid #E5BB7A; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; } body.page-template-template-profile-management #profile-review-form .step.results .icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .icon:before { color: #E5BB7A; } body.page-template-template-profile-management #profile-review-form .step.results h4, body.page-template-template-profile-management .edit-profile-review-form .step.results h4, body.page-template-template-profile-management #profile-contact-form .step.results h4 { text-align: center; } body.page-template-template-profile-management #profile-review-form .step.results .message, body.page-template-template-profile-management .edit-profile-review-form .step.results .message, body.page-template-template-profile-management #profile-contact-form .step.results .message { margin-bottom: 30px; font-size: 16px; text-align: center; } body.page-template-template-profile-management #profile-review-form .step.results .field, body.page-template-template-profile-management .edit-profile-review-form .step.results .field, body.page-template-template-profile-management #profile-contact-form .step.results .field { margin-bottom: 30px; } body.page-template-template-profile-management #profile-review-form .step.results .field .flexer-btn, body.page-template-template-profile-management #profile-review-form .step.results .field .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name #profile-review-form .step.results .field span, body.page-template-template-profile-management .edit-profile-review-form .step.results .field .flexer-btn, body.page-template-template-profile-management .edit-profile-review-form .step.results .field .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name .edit-profile-review-form .step.results .field span, body.page-template-template-profile-management #profile-contact-form .step.results .field .flexer-btn, body.page-template-template-profile-management #profile-contact-form .step.results .field .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name #profile-contact-form .step.results .field span { width: 100%; background-color: #E5BB7A; border-color: #E5BB7A; } body.page-template-template-profile-management #profile-review-form .step.results .field.another-review .flexer-btn, body.page-template-template-profile-management #profile-review-form .step.results .field.another-review .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name #profile-review-form .step.results .field.another-review span, body.page-template-template-profile-management .edit-profile-review-form .step.results .field.another-review .flexer-btn, body.page-template-template-profile-management .edit-profile-review-form .step.results .field.another-review .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name .edit-profile-review-form .step.results .field.another-review span, body.page-template-template-profile-management #profile-contact-form .step.results .field.another-review .flexer-btn, body.page-template-template-profile-management #profile-contact-form .step.results .field.another-review .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name #profile-contact-form .step.results .field.another-review span { background-color: #7DB426; border-color: #7DB426; } body.page-template-template-profile-management #profile-review-form .step.results .field .text, body.page-template-template-profile-management .edit-profile-review-form .step.results .field .text, body.page-template-template-profile-management #profile-contact-form .step.results .field .text { font-size: 15px; color: #0E1619; font-weight: 500; text-align: center; margin-bottom: 15px; } body.page-template-template-profile-management #profile-review-form:not(#profile-contact-form), body.page-template-template-profile-management .edit-profile-review-form:not(#profile-contact-form), body.page-template-template-profile-management #profile-contact-form:not(#profile-contact-form) { padding: 50px 40px 60px; } body.page-template-template-profile-management #profile-review-form label, body.page-template-template-profile-management .edit-profile-review-form label, body.page-template-template-profile-management #profile-contact-form label { font-size: 16px; font-weight: 600; } body.page-template-template-profile-management #profile-review-form label span.invalid-message, body.page-template-template-profile-management .edit-profile-review-form label span.invalid-message, body.page-template-template-profile-management #profile-contact-form label span.invalid-message { display: none; } body.page-template-template-profile-management #profile-review-form p, body.page-template-template-profile-management .edit-profile-review-form p, body.page-template-template-profile-management #profile-contact-form p { font-size: 14px; color: #7c8896; margin-bottom: 12px; } body.page-template-template-profile-management #profile-review-form input[type=text], body.page-template-template-profile-management .edit-profile-review-form input[type=text], body.page-template-template-profile-management #profile-contact-form input[type=text] { width: 100%; min-height: 40px; padding: 0 12px; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 0.82em; line-height: 40px; color: #3d454e; background: #f7f7f7; border: 1px solid #cccccc; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body.page-template-template-profile-management #profile-review-form input[type=text]:focus, body.page-template-template-profile-management .edit-profile-review-form input[type=text]:focus, body.page-template-template-profile-management #profile-contact-form input[type=text]:focus { border-color: #adadad; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06); } body.page-template-template-profile-management #profile-review-form textarea, body.page-template-template-profile-management .edit-profile-review-form textarea, body.page-template-template-profile-management #profile-contact-form textarea { width: 100%; height: 180px; padding: 16px 12px; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 0.82em; line-height: 1.36; color: #3d454e; background: #f7f7f7; border: 1px solid #cccccc; border-radius: 6px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } body.page-template-template-profile-management #profile-review-form textarea:focus, body.page-template-template-profile-management .edit-profile-review-form textarea:focus, body.page-template-template-profile-management #profile-contact-form textarea:focus { border-color: #adadad; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06); } body.page-template-template-profile-management #profile-review-form .fields, body.page-template-template-profile-management .edit-profile-review-form .fields, body.page-template-template-profile-management #profile-contact-form .fields { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } body.page-template-template-profile-management #profile-review-form .fields .item, body.page-template-template-profile-management .edit-profile-review-form .fields .item, body.page-template-template-profile-management #profile-contact-form .fields .item { width: 100%; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body.page-template-template-profile-management #profile-review-form .fields .item.invalid label span.invalid-message, body.page-template-template-profile-management .edit-profile-review-form .fields .item.invalid label span.invalid-message, body.page-template-template-profile-management #profile-contact-form .fields .item.invalid label span.invalid-message { display: inline-block; color: #D63D0F; } body.page-template-template-profile-management #profile-review-form .fields .item.invalid label span.invalid-message:after, body.page-template-template-profile-management .edit-profile-review-form .fields .item.invalid label span.invalid-message:after, body.page-template-template-profile-management #profile-contact-form .fields .item.invalid label span.invalid-message:after { content: "*Ole hyvä ja täytä kenttä"; margin-left: 5px; font-size: 14px; } body.page-template-template-profile-management #profile-review-form .fields .item.rating .stars, body.page-template-template-profile-management .edit-profile-review-form .fields .item.rating .stars, body.page-template-template-profile-management #profile-contact-form .fields .item.rating .stars { position: relative; width: 200px; cursor: pointer; } body.page-template-template-profile-management #profile-review-form .fields .item.rating .stars .image-wrap, body.page-template-template-profile-management .edit-profile-review-form .fields .item.rating .stars .image-wrap, body.page-template-template-profile-management #profile-contact-form .fields .item.rating .stars .image-wrap { display: none; } body.page-template-template-profile-management #profile-review-form .fields .item.rating .stars .image-wrap.default, body.page-template-template-profile-management .edit-profile-review-form .fields .item.rating .stars .image-wrap.default, body.page-template-template-profile-management #profile-contact-form .fields .item.rating .stars .image-wrap.default { opacity: 0.3; } body.page-template-template-profile-management #profile-review-form .fields .item.rating .stars .image-wrap.active, body.page-template-template-profile-management .edit-profile-review-form .fields .item.rating .stars .image-wrap.active, body.page-template-template-profile-management #profile-contact-form .fields .item.rating .stars .image-wrap.active { display: block; } body.page-template-template-profile-management #profile-review-form .fields .item.rating .stars .hovers, body.page-template-template-profile-management .edit-profile-review-form .fields .item.rating .stars .hovers, body.page-template-template-profile-management #profile-contact-form .fields .item.rating .stars .hovers { position: absolute; width: 100%; top: 0; left: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body.page-template-template-profile-management #profile-review-form .fields .item.rating .stars .hovers .hover, body.page-template-template-profile-management .edit-profile-review-form .fields .item.rating .stars .hovers .hover, body.page-template-template-profile-management #profile-contact-form .fields .item.rating .stars .hovers .hover { height: 100%; width: 10%; } body.page-template-template-profile-management #profile-review-form .fields .item.name, body.page-template-template-profile-management #profile-review-form .fields .item.city, body.page-template-template-profile-management #profile-review-form .fields .item.col-1-2, body.page-template-template-profile-management .edit-profile-review-form .fields .item.name, body.page-template-template-profile-management .edit-profile-review-form .fields .item.city, body.page-template-template-profile-management .edit-profile-review-form .fields .item.col-1-2, body.page-template-template-profile-management #profile-contact-form .fields .item.name, body.page-template-template-profile-management #profile-contact-form .fields .item.city, body.page-template-template-profile-management #profile-contact-form .fields .item.col-1-2 { width: 100%; } @media only screen and (max-width: 767px) { body.page-template-template-profile-management #profile-review-form .fields .item.name, body.page-template-template-profile-management #profile-review-form .fields .item.city, body.page-template-template-profile-management #profile-review-form .fields .item.col-1-2, body.page-template-template-profile-management .edit-profile-review-form .fields .item.name, body.page-template-template-profile-management .edit-profile-review-form .fields .item.city, body.page-template-template-profile-management .edit-profile-review-form .fields .item.col-1-2, body.page-template-template-profile-management #profile-contact-form .fields .item.name, body.page-template-template-profile-management #profile-contact-form .fields .item.city, body.page-template-template-profile-management #profile-contact-form .fields .item.col-1-2 { width: 100%; } body.page-template-template-profile-management #profile-review-form .fields .item.city, body.page-template-template-profile-management #profile-review-form .fields .item.col-1-2:nth-child(even), body.page-template-template-profile-management .edit-profile-review-form .fields .item.city, body.page-template-template-profile-management .edit-profile-review-form .fields .item.col-1-2:nth-child(even), body.page-template-template-profile-management #profile-contact-form .fields .item.city, body.page-template-template-profile-management #profile-contact-form .fields .item.col-1-2:nth-child(even) { margin-left: 0; } } body.page-template-template-profile-management #profile-review-form .nh-loader-mask, body.page-template-template-profile-management #profile-review-form .nh-loader, body.page-template-template-profile-management .edit-profile-review-form .nh-loader-mask, body.page-template-template-profile-management .edit-profile-review-form .nh-loader, body.page-template-template-profile-management #profile-contact-form .nh-loader-mask, body.page-template-template-profile-management #profile-contact-form .nh-loader { display: none; } body.page-template-template-profile-management #profile-review-form.loading .nh-loader-mask, body.page-template-template-profile-management .edit-profile-review-form.loading .nh-loader-mask, body.page-template-template-profile-management #profile-contact-form.loading .nh-loader-mask { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(246, 244, 242, 0.7); } body.page-template-template-profile-management #profile-review-form.loading .nh-loader, body.page-template-template-profile-management .edit-profile-review-form.loading .nh-loader, body.page-template-template-profile-management #profile-contact-form.loading .nh-loader { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } body.page-template-template-profile-management .datepickers-container { z-index: 999999; } /* ------------------------------------------------------- SINGLE CPT ------------------------------------------------------- */ body.single-landarit-cpt header { position: relative; margin: 0 auto; width: 1240px; max-width: 100%; height: 80px; display: flex; align-items: center; padding-left: 32px; padding-right: 20px; box-sizing: border-box; } body.single-landarit-cpt header > a { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } body.single-landarit-cpt h1 { margin-top: 50px; max-width: 80%; } body.single-landarit-cpt .banner-image { background-position: center center; background-repeat: no-repeat; background-size: cover; } body.single-landarit-cpt .content { margin-top: 60px; display: flex; gap: 10px; align-items: flex-start; } body.single-landarit-cpt .content .cta { min-width: 400px; padding: 32px 24px 40px; box-sizing: border-box; background: #fff; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); border-radius: 8px; } @media only screen and (max-width: 959px) { body.single-landarit-cpt .banner-image { height: 300px; } body.single-landarit-cpt h1 { max-width: 100%; } body.single-landarit-cpt .content { flex-direction: column; } body.single-landarit-cpt .content .cta { max-width: 100%; min-width: unset; } } @media only screen and (max-width: 767px) { body.single-landarit-cpt header { flex-direction: column-reverse; height: 100px; gap: 5px; } body.single-landarit-cpt header > a { position: relative; top: unset; left: unset; transform: unset; } } /* ------------------------------------------------------- FUNNELS ------------------------------------------------------- */ html.funnel .flexer-section-wrapper.funnel.steps { margin-top: 140px; margin-bottom: 180px; } @media only screen and (max-width: 767px) { html.funnel .flexer-section-wrapper.funnel.steps { margin-top: 0; } } html.funnel .flexer-section-wrapper.funnel.steps .step-heading { text-align: center; font-family: "larken", sans-serif; color: #F6F4F2; font-size: 58px; line-height: 64px; } @media only screen and (max-width: 767px) { html.funnel .flexer-section-wrapper.funnel.steps .step-heading { font-size: 42px; line-height: 46px; } } html.funnel .flexer-section-wrapper.funnel.steps #funnel-profile-search { display: flex; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; padding-left: 0; padding-right: 0; } html.funnel .flexer-section-wrapper.funnel.steps .step { opacity: 0; width: 100%; min-width: 100%; max-width: 100%; flex: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; transition-delay: 0s; padding: 0 20px; box-sizing: border-box; } html.funnel .flexer-section-wrapper.funnel.steps .step.active { opacity: 1; transition-delay: 0.3s; } html.funnel .flexer-section-wrapper.funnel.steps .step-content { margin-top: 52px; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper label.radio-label, html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper label.radio-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper input[type=radio], html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper input[type=radio] { position: absolute; opacity: 0; height: 0; width: 0; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper span.heading, html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper span.heading { pointer-events: none; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: -30px; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper .skip { display: flex; align-items: center; justify-content: center; color: #ece7e3; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper .skip .skip-step { cursor: pointer; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper .item { position: relative; display: block; width: 620px; height: 100px; border-radius: 8px; margin: 30px auto 0 auto; background-color: #E5BB7A; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper .item span.heading { position: absolute; display: block; width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: calc(100% - 60px); left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #0E1619; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .toggle-wrapper .item:hover { background-color: #e1b065; cursor: pointer; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: -30px; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item { position: relative; display: block; position: relative; /* Select only direct children */ margin-top: 30px; margin-right: 30px; border-radius: 8px; background-color: #E5BB7A; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item:after { display: block; content: ""; width: 100%; padding-top: calc( 1 / 1 * 100% ); } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item span.heading { position: absolute; display: block; width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: calc(100% - 60px); left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #0E1619; z-index: 20; } @media only screen and (min-width: 960px) { html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item { width: -moz-calc((100% - 90px) / 4); width: -webkit-calc((100% - 90px) / 4); width: calc((100% - 90px) / 4); } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item:nth-child(4n) { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 959px) { html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item { width: -moz-calc((100% - 60px) / 3); width: -webkit-calc((100% - 60px) / 3); width: calc((100% - 60px) / 3); } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 480px) and (max-width: 767px) { html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item { width: -moz-calc((100% - 30px) / 2); width: -webkit-calc((100% - 30px) / 2); width: calc((100% - 30px) / 2); } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 479px) { html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item { width: 100%; margin-right: 0; position: relative; /* Select only direct children */ } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item:after { display: block; content: ""; width: 100%; padding-top: calc( 9 / 35 * 100% ); } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item:hover { cursor: pointer; background-color: #e1b065; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .grid-wrapper .item:hover span.mask { background-color: rgba(14, 22, 25, 0.2); } html.funnel .flexer-section-wrapper.funnel.steps .step-content .next-step { margin-top: 46px; text-align: center; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .next-step a { color: #B6C5D0; font-size: 16px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .next-step a:hover { color: #F6F4F2; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .form-wrapper { max-width: 620px; width: 100%; margin: 0 auto; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .instructions-wrapper { max-width: 620px; width: 100%; margin: 0 auto; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .instructions-wrapper .item { text-align: center; margin-bottom: 12px; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .instructions-wrapper .item span.heading { color: #B6C5D0; font-size: 24px; font-weight: 500; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .instructions-wrapper .item.button-wrapper { margin-top: 66px; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .instructions-wrapper .item p { color: #b6c5d0; margin-top: 15px; } @media only screen and (max-width: 479px) { html.funnel .flexer-section-wrapper.funnel.steps .step-content .instructions-wrapper .item span.heading { font-size: 18px; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .instructions-wrapper .item p { font-size: 15.6px; } } html.funnel .flexer-section-wrapper.funnel.steps .step-content .perks { margin-top: 50px; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .perks h2 { text-align: center; color: #F6F4F2; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .perks ul li { color: #F6F4F2; display: flex; align-items: flex-start; gap: 8px; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .perks ul li:before { -webkit-mask: url(../Flexer/images/phosphor/icons-check.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-check.svg) no-repeat 50% 50%; background-color: #F6F4F2; position: relative; line-height: 28px; height: 28px; width: 22px; transform: none; top: unset; left: unset; } html.funnel .flexer-section-wrapper.funnel.steps .step-content .perks .terms-of-use { color: #F6F4F2; margin-top: 30px; font-size: 15.6px; } /* ------------------------------------------------------- FUNNELS ------------------------------------------------------- */ html.results .flexer-section-wrapper.results.content { margin-top: 140px; margin-bottom: 180px; } @media only screen and (max-width: 767px) { html.results .flexer-section-wrapper.results.content { margin-top: 50px; margin-bottom: 150px; } } html.results .flexer-section-wrapper.results.content .heading-wrapper, html.results .flexer-section-wrapper.results.content .subheading-wrapper { max-width: 960px; width: 100%; margin-right: auto; margin-left: auto; } html.results .flexer-section-wrapper.results.content .heading-wrapper { text-align: center; font-family: "larken", sans-serif; color: #0E1619; font-size: 58px; line-height: 64px; color: #485762; } html.results .flexer-section-wrapper.results.content .heading-wrapper span { color: #19262B; } @media only screen and (max-width: 767px) { html.results .flexer-section-wrapper.results.content .heading-wrapper { font-size: 42px; line-height: 46px; } } html.results .flexer-section-wrapper.results.content .subheading-wrapper { text-align: center; font-family: "neue-haas-grotesk-text", sans-serif; color: #485762; font-size: 20px; line-height: 30px; margin-top: 26px; } @media only screen and (max-width: 767px) { html.results .flexer-section-wrapper.results.content .subheading-wrapper { font-size: 17px; line-height: 25px; } } html.results .flexer-section-wrapper.results.content .results-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 40px 30px; margin-top: 52px; } @media only screen and (min-width: 768px) and (max-width: 959px) { html.results .flexer-section-wrapper.results.content .results-wrapper { gap: 20px; } } html.results .flexer-section-wrapper.results.content .results-wrapper .item { display: flex; flex-direction: column; position: relative; min-height: 100px; border-radius: 10px; background-color: #F6F4F2; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05); background-color: #fff; } @media only screen and (min-width: 960px) { html.results .flexer-section-wrapper.results.content .results-wrapper .item { width: -moz-calc((100% - 60px) / 3); width: -webkit-calc((100% - 60px) / 3); width: calc((100% - 60px) / 3); } } @media only screen and (min-width: 768px) and (max-width: 959px) { html.results .flexer-section-wrapper.results.content .results-wrapper .item { width: -moz-calc((100% - 20px) / 2); width: -webkit-calc((100% - 20px) / 2); width: calc((100% - 20px) / 2); } } @media only screen and (max-width: 767px) { html.results .flexer-section-wrapper.results.content .results-wrapper .item { width: 100%; margin-right: 0; } } html.results .flexer-section-wrapper.results.content .results-wrapper .item .image { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -22px; width: 106px; height: 106px; border-radius: 20px; background-color: #666; overflow: hidden; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .image img { width: 100%; height: 100%; object-fit: cover; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .name { font-family: "larken", sans-serif; font-size: 34px; line-height: 38px; text-align: center; margin-top: 110px; margin-bottom: 4px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .company { text-align: center; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .company .inner { display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .company .inner .company-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; display: none; justify-content: center; align-items: center; width: 38px; height: 38px; border-radius: 10px; -webkit-box-shadow: 0 3px 7px 0 rgba(25, 38, 43, 0.1); -moz-box-shadow: 0 3px 7px 0 rgba(25, 38, 43, 0.1); box-shadow: 0 3px 7px 0 rgba(25, 38, 43, 0.1); overflow: hidden; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .company .inner .company-icon img { width: 100%; height: 100%; object-fit: cover; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .company .inner .company-name { height: 38px; font-size: 18px; line-height: 38px; font-weight: 500; margin-left: 12px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .company .inner .logo-wrapper { height: 38px; width: 38px; background-color: #fff; -webkit-box-shadow: 0 3px 7px 0 rgba(25, 38, 43, 0.1); -moz-box-shadow: 0 3px 7px 0 rgba(25, 38, 43, 0.1); box-shadow: 0 3px 7px 0 rgba(25, 38, 43, 0.1); border-radius: 10px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .company .inner .logo-wrapper img { height: 100%; width: auto; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews { text-align: center; margin-top: 16px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner { display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: 26px; gap: 8px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars { width: 130px; height: 26px; min-width: 130px; background-size: 130px 26px; background-repeat: no-repeat; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-0-10 { background-image: url(images/stars/stars-0-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-1-10 { background-image: url(images/stars/stars-1-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-2-10 { background-image: url(images/stars/stars-2-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-3-10 { background-image: url(images/stars/stars-3-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-4-10 { background-image: url(images/stars/stars-4-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-5-10 { background-image: url(images/stars/stars-5-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-6-10 { background-image: url(images/stars/stars-6-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-7-10 { background-image: url(images/stars/stars-7-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-8-10 { background-image: url(images/stars/stars-8-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-9-10 { background-image: url(images/stars/stars-9-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .stars.stars-10-10 { background-image: url(images/stars/stars-10-10.png); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .average { font-size: 15.6px; line-height: 26px; margin-right: 8px; margin-left: 12px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .reviews .inner .count { font-size: 15.6px; line-height: 26px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .short-description { font-size: 15.6px; line-height: 22px; color: #485762; margin-top: 18px; padding: 0 20px; box-sizing: border-box; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 4; -webkit-box-orient: vertical; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 6px; margin-bottom: 26px; padding: 0 20px; box-sizing: border-box; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute { position: relative; width: -moz-calc((100% - 16px) / 2); width: -webkit-calc((100% - 16px) / 2); width: calc((100% - 16px) / 2); height: 24px; margin-top: 14px; margin-right: 16px; padding-left: 28px; font-size: 14px; line-height: 16px; box-sizing: border-box; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute:nth-child(2n) { margin-right: 0; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before { position: absolute; display: block; top: -2px; left: 0; width: 20px; height: 20px; border-radius: 10px; background-color: #7DB426; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before, html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results html.results .flexer-section-wrapper.results.content .results-wrapper .item .attributes .attribute span.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-check.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-check.svg) no-repeat 50% 50%; background-color: #F6F4F2; width: 14px; height: 14px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons { -webkit-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto 0 32px 0; padding: 0 20px; box-sizing: border-box; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div { padding: 14px 0; box-sizing: border-box; color: #0E1619; font-size: 15px; font-weight: 500; text-align: center; border-radius: 3px; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.more-info, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.more-info { flex-grow: 1; background-color: #ECEAE8; margin-right: 8px; } @media only screen and (max-width: 1239px) { html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.more-info, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.more-info { width: 100%; margin-right: 0; margin-bottom: 10px; } } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.more-info:hover, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.more-info:hover { background-color: #dad6d2; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.request-contact, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.request-contact { position: relative; flex-grow: 2; background-color: #E5BB7A; cursor: pointer; } @media only screen and (max-width: 1239px) { html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.request-contact, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.request-contact { width: 100%; } } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.request-contact:hover, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.request-contact:hover { background-color: #deaa58; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.request-contact .loader, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.request-contact .loader { display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.request-contact.loader-active, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.request-contact.loader-active { color: transparent; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.request-contact.loader-active .loader, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.request-contact.loader-active .loader { display: block; } html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > a.request-contact.sent, html.results .flexer-section-wrapper.results.content .results-wrapper .item .buttons > div.request-contact.sent { pointer-events: none; background-color: #7DB426; color: #fff; } /* ------------------------------------ PRELOADERS ------------------------------------- */ #Flexer-preloader div.spinner-wrapper { position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin-top: -32px; margin-left: -32px; } #Flexer-preloader div.spinner-wrapper .spinner { position: relative; display: inline-block; width: 64px; height: 64px; } #Flexer-preloader div.spinner-wrapper .spinner div { position: absolute; display: block; width: 51px; height: 51px; margin: 6px; border: 6px solid #E5BB7A; -webkit-border-radius: 999px; -moz-border-radius: 999px; -ms-border-radius: 999px; border-radius: 999px; -webkit-animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #E5BB7A transparent transparent transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #Flexer-preloader div.spinner-wrapper .spinner div:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } #Flexer-preloader div.spinner-wrapper .spinner div:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } #Flexer-preloader div.spinner-wrapper .spinner div:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } /* ------------------------------------ HEADER ------------------------------------- */ #Header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; padding: 0; background-color: rgba(14, 22, 25, 0.88); overflow: visible !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 20; -webkit-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform-style: preserve-3d; } #Header.side-nav-active { -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); left: 0; } #Header.side-nav-active.not-top { background-color: rgba(246, 244, 242, 0); } #Header .flexer-content-wrapper { z-index: 10; margin: 0 auto; } #Header img.header-logo { position: absolute; display: inline-block; vertical-align: top; top: 27px; left: 20px; width: auto; height: 42px; -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } #Header.funnel { position: relative; } #Header.funnel .flexer-content-wrapper { width: 100%; } #Header.funnel img.header-logo { top: 32px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #Header.funnel a.funnel-action-btn { position: absolute; display: block; left: 26px; top: 27px; width: 56px; height: 56px; border-radius: 30px; background-color: rgba(243, 242, 242, 0.1); } #Header.funnel a.funnel-action-btn span.icon, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header.funnel a.funnel-action-btn span.icon:before, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header.funnel a.funnel-action-btn span.icon:before, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header.funnel a.funnel-action-btn span.icon:before { position: absolute; display: block; top: 15px; left: 15px; width: 26px; height: 26px; } #Header.funnel a.funnel-action-btn span.icon:before, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header.funnel a.funnel-action-btn span.icon:before, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header.funnel a.funnel-action-btn span.icon:before, #Header.funnel a.funnel-action-btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header.funnel a.funnel-action-btn span.icon:before { background-color: #F6F4F2; width: 26px; height: 26px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #Header.funnel a.funnel-action-btn.hide { display: none; } #Header.funnel a.funnel-action-btn.close span.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-close.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-close.svg) no-repeat 50% 50%; } #Header.funnel a.funnel-action-btn.prev span.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-caret-left.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-caret-left.svg) no-repeat 50% 50%; } #Header.funnel a.funnel-action-btn:hover span.icon:before { background-color: #E5BB7A; } #Header.results { position: relative; background-color: rgba(246, 244, 242, 0.88); } #Header.results .flexer-content-wrapper { width: 100%; } #Header.results img.header-logo { top: 32px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 959px) { #Header.results img.header-logo { left: 26px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } #Header.results .share-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: absolute; right: 26px; top: 27px; height: 56px; } #Header.results .share-wrapper .text { position: relative; font-size: 15.6px; line-height: 56px; margin-right: 8px; } @media only screen and (max-width: 959px) { #Header.results .share-wrapper .text { display: none; } } #Header.results .share-wrapper a.link-wrapper { position: relative; width: 56px; height: 56px; border-radius: 28px; background-color: rgba(25, 38, 43, 0.1); margin-left: 6px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #Header.results .share-wrapper a.link-wrapper:hover { background-color: rgba(25, 38, 43, 0.16); } #Header.results .share-wrapper a.link-wrapper span.icon, #Header.results .share-wrapper a.link-wrapper body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header.results .share-wrapper a.link-wrapper span.icon:before, #Header.results .share-wrapper a.link-wrapper body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header.results .share-wrapper a.link-wrapper span.icon:before, #Header.results .share-wrapper a.link-wrapper body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header.results .share-wrapper a.link-wrapper span.icon:before { position: absolute; display: block; top: 15px; left: 15px; width: 26px; height: 26px; } #Header.results .share-wrapper a.link-wrapper span.icon:before { background-color: #0E1619; width: 26opx; height: 26px; } #Header.results .share-wrapper a.link-wrapper.link span.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-link.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-link.svg) no-repeat 50% 50%; } #Header.results .share-wrapper a.link-wrapper.email span.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-envelope.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-envelope.svg) no-repeat 50% 50%; } #Header.not-top #Header-shadow { opacity: 0.4; } #Header .header-cta-wrapper { float: right; margin-top: 20px; } #Header .header-cta-wrapper .text { display: inline-block; font-size: 18px; font-weight: 400; line-height: 60px; color: #B6C5D0; margin-right: 32px; } #Header .header-cta-wrapper .text a { color: #F6F4F2; } #Header .header-cta-wrapper .text a:hover { color: #B6C5D0; } #Header .header-cta-wrapper .btn { display: inline-block; } #Header #Header-tools { position: absolute; display: none; top: 0; right: 0; height: 80px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } #Header #Header-tools #Nav-toggle, #Header #Header-tools #Nav-closer { position: relative; float: left; width: 80px; height: 80px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Header #Header-tools #Nav-toggle span.icon, #Header #Header-tools #Nav-toggle body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header #Header-tools #Nav-toggle span.icon:before, #Header #Header-tools #Nav-toggle body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header #Header-tools #Nav-toggle span.icon:before, #Header #Header-tools #Nav-toggle body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header #Header-tools #Nav-toggle span.icon:before, #Header #Header-tools #Nav-closer span.icon, #Header #Header-tools #Nav-closer body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header #Header-tools #Nav-closer span.icon:before, #Header #Header-tools #Nav-closer body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header #Header-tools #Nav-closer span.icon:before, #Header #Header-tools #Nav-closer body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header #Header-tools #Nav-closer span.icon:before { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 34px; height: 34px; } #Header #Header-tools #Nav-toggle span.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-hamburger.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-hamburger.svg) no-repeat 50% 50%; background-color: #E5BB7A; width: 32px; height: 32px; } #Header #Header-tools #Nav-closer span.icon:before { -webkit-mask: url(../Flexer/images/iconly/iconly-close.svg) no-repeat 50% 50%; mask: url(../Flexer/images/iconly/iconly-close.svg) no-repeat 50% 50%; background-color: #F6F4F2; width: 28px; height: 28px; } #Header #Header-tools #Nav-toggle { display: inline-block; } #Header #Header-tools #Nav-closer { display: none; background-color: #E5BB7A; } @media only screen and (min-width: 1240px) { #Header #Header-tools { /* Show :hover state only on desktop devices */ } #Header #Header-tools #Nav-toggle:hover, #Header #Header-tools #Search-toggle:hover { color: #E5BB7A; } } #Header.side-nav-active #Nav-toggle { display: none !important; } #Header.side-nav-active #Nav-closer { display: inline-block !important; } #Header #Header-mask { position: absolute; display: block; top: 0; left: 0; height: 100px; background-color: #F6F4F2; z-index: -1; } @media only screen and (min-width: 1240px) { #Header #Header-mask { height: 100px; } } #Header #Header-mask.side-nav-active { width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: calc(100% - 0px); background-color: rgba(246, 244, 242, 0); z-index: 9999; } /* ------------------------------------ HEROS ------------------------------------- */ #Hero { position: relative; margin: 0 auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform-style: preserve-3d; z-index: 9; } #Hero.side-nav-active { -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } #Hero .bg-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(136deg, #19262B 0%, #0E1619 100%); background: -o-linear-gradient(136deg, #19262B 0%, #0E1619 100%); background: linear-gradient(136deg, #19262B 0%, #0E1619 100%); z-index: 3; } #Hero .bg-image-wrapper { position: absolute; top: 0; left: 52%; width: 48%; height: 100%; background-size: cover; background-position: top left; background-repeat: no-repeat; z-index: 4; } #Hero .testimonial { position: absolute; bottom: 48px; left: 50px; width: 100%; max-width: 400px; color: #F6F4F2; font-size: 16px; line-height: 24px; z-index: 10; } #Hero .testimonial img.stars { position: absolute; display: block; width: 200px; height: auto; margin-top: -48px; margin-left: -4px; z-index: 12; } #Hero .flexer-content-wrapper.home { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #Hero .flexer-content-wrapper.home .text-wrapper { position: relative; width: 50%; padding-top: 220px; padding-bottom: 130px; color: #F6F4F2; z-index: 2; } #Hero .flexer-content-wrapper.home .text-wrapper h1 { font-size: 59px; line-height: 62px; } #Hero .flexer-content-wrapper.home .text-wrapper h2 { font-family: "neue-haas-grotesk-text", sans-serif; font-size: 22px; font-weight: 400; line-height: 32px; color: #B6C5D0; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; gap: 10px; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location .input-wrap { position: relative; flex: 1; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location .input-wrap input { width: 100%; margin-bottom: 0; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location .input-wrap .loader { display: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location .input-wrap .loader.active { display: block; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location button, #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location #confirm-pin { width: 200px; } #Hero .flexer-content-wrapper.home .text-wrapper a.flexer-btn { margin-top: 16px; } #Hero .flexer-content-wrapper.home .text-wrapper .list-wrapper { margin-top: 26px; font-size: 18px; line-height: 38px; } #Hero .flexer-content-wrapper.home .text-wrapper img.avainlippu { position: absolute; display: block; bottom: 56px; right: 16px; width: 64px; height: auto; } #Hero #Hero-mask { position: absolute; display: block; top: 0; left: 0; height: 100%; background-color: #F6F4F2; z-index: -1; /* height - #Site's negative top margin */ } #Hero #Hero-mask.side-nav-active { width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: calc(100% - 0px); background-color: rgba(246, 244, 242, 0); z-index: 9999; } @media only screen and (max-width: 1239px) { #Hero .flexer-content-wrapper.home { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #Hero .flexer-content-wrapper.home .text-wrapper h1 { font-size: 38px; line-height: 38px; } #Hero .flexer-content-wrapper.home .text-wrapper h2 { font-size: 17px; line-height: 27px; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location { margin-top: 26px; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location input { width: 94%; margin-right: 0; margin-bottom: 10px; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location .input-wrap input { width: 94%; margin-bottom: 0; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location button, #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location #confirm-pin { width: 94%; } } @media only screen and (min-width: 768px) and (max-width: 959px) { #Hero .bg-image-wrapper { height: 520px; background-size: cover; background-position: center left; } } @media only screen and (max-width: 959px) { #Hero .bg-image-wrapper { position: relative; top: unset; left: unset; width: 100%; } #Hero .flexer-content-wrapper.home { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #Hero .flexer-content-wrapper.home .text-wrapper { position: relative; width: 100%; padding-top: 140px; padding-bottom: 60px; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location { margin-top: 26px; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location input { width: 94%; margin-right: 0; margin-bottom: 10px; } #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location button, #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location html.funnel .flexer-section-wrapper.funnel.steps #confirm-pin, html.funnel .flexer-section-wrapper.funnel.steps #Hero .flexer-content-wrapper.home .text-wrapper div.funnel-start-select-location #confirm-pin { width: 94%; } #Hero .flexer-content-wrapper.home .text-wrapper img.avainlippu { position: absolute; display: block; bottom: 26px; right: 8px; width: 50px; } } @media only screen and (max-width: 767px) { #Hero .bg-image-wrapper { height: 330px; background-size: cover; background-position: bottom left; } #Hero .testimonial { bottom: 36px; left: 30px; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } #Hero .testimonial img.stars { width: 160px; margin-top: -38px; } } body.error404 #Hero { margin: 0 auto; } body.error404 #Hero .flexer-content-wrapper { padding: 0 20px; text-align: center; } /* ------------------------------------ NAVIGATIONS ------------------------------------- */ /* Desktop navigation -------------------------------------------- */ #Header-nav { float: left; margin: 20px 0 0 260px; min-width: 100px; height: 60px; background-color: transparent; -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 500; } #Header-nav:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #Header-nav ul { float: right; list-style: none; /* Open next level on hover, for level 2 & 3 li elements. */ } #Header-nav ul > li { position: relative; display: block; float: left; list-style: none; } #Header-nav ul > li > a { display: block; float: left; height: 60px; padding: 0 18px; color: #F6F4F2; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 18px; font-weight: 500; line-height: 60px; } #Header-nav ul > li.cta-item { margin-left: 34px; -webkit-transition: margin-left 0.2s ease-in-out; -moz-transition: margin-left 0.2s ease-in-out; -ms-transition: margin-left 0.2s ease-in-out; -o-transition: margin-left 0.2s ease-in-out; transition: margin-left 0.2s ease-in-out; } @media only screen and (min-width: 1240px) and (max-width: 1359px) { #Header-nav ul > li.cta-item { margin-left: 30px; } } #Header-nav ul > li.cta-item a { height: 60px; padding: 0 36px 0 64px; color: #F6F4F2; font-weight: 500 !important; line-height: 60px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; background-color: #E5BB7A; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #Header-nav ul > li.cta-item a i.icon, #Header-nav ul > li.cta-item a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header-nav ul > li.cta-item a i.icon:before, #Header-nav ul > li.cta-item a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header-nav ul > li.cta-item a i.icon:before, #Header-nav ul > li.cta-item a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header-nav ul > li.cta-item a i.icon:before { position: absolute; display: block; top: 50%; left: 26px; transform: translate3d(0, -50%, 0); width: 32px; height: 32px; } #Header-nav ul > li.cta-item a i.icon:before, #Header-nav ul > li.cta-item a body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results #Header-nav ul > li.cta-item a i.icon:before, #Header-nav ul > li.cta-item a body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results #Header-nav ul > li.cta-item a i.icon:before, #Header-nav ul > li.cta-item a body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results #Header-nav ul > li.cta-item a i.icon:before { -webkit-mask: url(../Flexer/images/phosphor/icons-calendar.svg) no-repeat 50% 50%; mask: url(../Flexer/images/phosphor/icons-calendar.svg) no-repeat 50% 50%; background-color: #F6F4F2; width: 32px; height: 32px; } #Header-nav ul > li.cta-item a:hover { color: #F6F4F2; background-color: #E5BB7A; -webkit-box-shadow: 0 0 30px 0 rgba(14, 22, 25, 0.2); -moz-box-shadow: 0 0 30px 0 rgba(14, 22, 25, 0.2); box-shadow: 0 0 30px 0 rgba(14, 22, 25, 0.2); opacity: 1 !important; } #Header-nav ul > li.cta-item.current-menu-item > a { position: relative; color: #F6F4F2; background-color: #0E1619; opacity: 1 !important; } #Header-nav ul > li > a:hover, #Header-nav ul > li.current-menu-item > a, #Header-nav ul > li.activeSection > a, #Header-nav ul > li.current-menu-parent > a { color: #E5BB7A; } #Header-nav ul > li:last-child > ul { left: auto; right: 0; } #Header-nav ul > li:last-child > ul > li > ul { left: auto; right: 100%; } #Header-nav ul li:hover > ul { display: block; z-index: -1; } #Header-nav ul ul { position: absolute; display: none; top: 100%; left: 0; padding: 0; border-bottom: 0.5px solid #EAEAEA; border-radius: 12px; overflow: hidden; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08); z-index: 200; } #Header-nav ul ul li { position: relative; border-bottom: 0.5px solid #EAEAEA; } #Header-nav ul ul li:last-child { border-bottom: none; } #Header-nav ul ul li a { display: block; padding: 16px 26px; width: 380px; height: unset; color: #0E1619; font-size: 19px; line-height: 22px; font-weight: 400; background-color: #F6F4F2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #Header-nav ul ul li a:hover { background-color: #EAEAEA; color: #0E1619; } #Header-nav ul ul li.current-menu-item a { background-color: #EAEAEA; color: #E5BB7A; } #Header-nav ul ul li.current-menu-item a:hover { background-color: #EAEAEA !important; color: #E5BB7A !important; } #Header-nav ul ul ul { top: 0; left: 100%; background-color: #B6C5D0; } #Header-nav ul ul ul li a:hover, #Header-nav ul ul ul li.current-menu-item a { background-color: #dfdfdf; } /* Side navigation -------------------------------------------- */ #Side-nav { position: fixed; display: block; width: 300px; height: 100%; top: 0; left: 100%; background-color: #F6F4F2; overflow: auto; -webkit-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.75s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 499; /* WRAPPER for side nav content -------------------------------------- */ } #Side-nav.active { -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.5); -webkit-transform-style: preserve-3d; } #Side-nav div.inner-wrap { position: relative; top: 0; left: 0; /* TOP AREA ---------------------- */ /* MOBILE MAIN NAVIGATION --------------------------------- */ /* MOBILE SUB NAVIGATION -------------------------- */ /* SIDE BOTTOM --------------------- */ } #Side-nav div.inner-wrap div.side-top { position: static; display: block; height: 62px; } #Side-nav div.inner-wrap div.side-top div.side-logo { display: block; height: 40px; margin: 26px 32px 0 32px; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #Side-nav div.inner-wrap div.side-top div.side-logo img { display: block; height: 40px; width: auto; } #Side-nav div.inner-wrap #Mobile-main-nav { position: static; overflow: hidden; margin-top: 8px; } #Side-nav div.inner-wrap #Mobile-main-nav:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu { /* For all levels */ list-style: none; width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: calc(100% - 0px); padding: 0 12px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* 1. level */ } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li { position: relative; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li a { position: relative; display: block; padding: 18px 20px; font: 700 20px/1.2 "larken", sans-serif; color: #0E1619; border-bottom: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li:first-child a { border-top: none; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li:last-child a { border-bottom: none; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li span.count { display: none; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li > span.trigger { position: absolute; display: block; top: 0; right: 0; width: 58px; border-left: 1px solid rgba(229, 187, 122, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li > span.trigger span.line-x, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li > span.trigger span.line-y { position: absolute; display: block; top: 50%; right: 50%; background: #f2debe; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li > span.trigger span.line-x { margin: -1px -6px auto auto; width: 12px; height: 2px; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li > span.trigger span.line-y { margin: -6px -1px auto auto; width: 2px; height: 12px; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li > span.trigger:hover span.line-x, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li > span.trigger:hover span.line-y { background: #f2debe; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li > span.trigger.active span.line-x { display: none; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li.active > span.trigger span.line-x, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li.active > span.trigger span.line-y { background: #f2debe; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li.active > span.trigger:hover span.line-x, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li.active > span.trigger:hover span.line-y { background: #f2debe; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu li.active > span.trigger span.line-y { display: none; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li { display: block; list-style: none; background-color: #F6F4F2; /* 2. level */ } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > a { position: relative; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > a span.main { padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > a span.sub { padding-left: 0; margin-top: -4px; font-size: 19px; opacity: 1; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li.current-menu-item > a, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li.current-page-parent > a, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li.current-menu-ancestor > a { color: #E5BB7A; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul { position: absolute; top: 100%; right: -2000px; /* We need height value for jQuery. So we can't use "display:none" with 2 level items. */ } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul.active { position: relative; right: 0; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul li a { padding-left: 26px; padding-right: 74px; font-family: "neue-haas-grotesk-text", sans-serif; font-size: 17px; line-height: 1.46; background: rgba(14, 22, 25, 0.03); border-bottom: 1px solid rgba(14, 22, 25, 0.1); } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li { background-color: #F6F4F2; /* 3. level */ } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li:first-child a { border-top: none; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li:last-child a { border-bottom: 1px solid rgba(14, 22, 25, 0.1); } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li a { font-weight: 400; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li.current-menu-item > a, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li.current-page-parent > a, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li.current-cat > a, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li.current-cat-parent > a { color: #E5BB7A; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li > ul { display: none; position: relative; top: 100%; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li > ul.active { display: block; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li > ul > li:first-child a { border-top: none; } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li > ul > li a { padding-left: 26px; padding-right: 18px; background: rgba(14, 22, 25, 0.06); } #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li > ul > li.current-menu-item > a, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li > ul > li.current-page-parent > a, #Side-nav div.inner-wrap #Mobile-main-nav ul.menu > li > ul > li > ul > li.current-cat > a { color: #E5BB7A; } @media only screen and (max-width: 1239px) { #Side-nav div.inner-wrap #Mobile-main-nav #Side-nav { display: block; } } #Side-nav div.inner-wrap #Mobile-sub-nav { display: none; position: static; margin-top: 50px; margin-bottom: 60px; padding: 0 30px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* WPML */ } #Side-nav div.inner-wrap #Mobile-sub-nav .cap { padding: 0 11px; font: 400 18px/40px "neue-haas-grotesk-text", sans-serif; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } #Side-nav div.inner-wrap #Mobile-sub-nav .cap:first-child, #Side-nav div.inner-wrap #Mobile-sub-nav .cap:last-child { display: none; } #Side-nav div.inner-wrap #Mobile-sub-nav a.languages { color: #E5BB7A; padding-right: 0; font: 400 18px/40px "neue-haas-grotesk-text", sans-serif; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Side-nav div.inner-wrap #Mobile-sub-nav a.languages:last-child { padding-right: 0; } #Side-nav div.inner-wrap #Mobile-sub-nav a.languages.active, #Side-nav div.inner-wrap #Mobile-sub-nav a.languages:hover { color: #0E1619; font-weight: 400; } #Side-nav div.inner-wrap #Mobile-sub-nav ul.menu { display: inline-block; list-style: none; } #Side-nav div.inner-wrap #Mobile-sub-nav ul.menu li { position: relative; display: inline-block; list-style: none; } #Side-nav div.inner-wrap #Mobile-sub-nav ul.menu li.current-menu-item a { color: #E5BB7A; } #Side-nav div.inner-wrap #Mobile-sub-nav ul.menu li:after { content: "/"; display: inline; padding: 0 14px; font: 400 18px/40px "neue-haas-grotesk-text", sans-serif; color: #182328; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } #Side-nav div.inner-wrap #Mobile-sub-nav ul.menu li:last-child:after { display: none; } #Side-nav div.inner-wrap #Mobile-sub-nav ul.menu li a { display: inline-block; font: 400 18px/40px "neue-haas-grotesk-text", sans-serif; color: #182328; background-color: transparent; } #Side-nav div.inner-wrap #Mobile-sub-nav ul.menu li a:first-child { padding-left: 0; } #Side-nav div.inner-wrap #Side-bottom { display: block; position: static; margin-top: 36px; margin-bottom: 100px; padding: 0 20px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* SIDE CONTACTS ----------------------- */ /* SOME icons ---------------------- */ /* BANNERS -------------------------- */ } #Side-nav div.inner-wrap #Side-bottom:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #Side-nav div.inner-wrap #Side-bottom #Side-contacts span.cta-text { display: block; font-size: 16px; line-height: 1; margin-bottom: 8px; } #Side-nav div.inner-wrap #Side-bottom #Side-contacts a.phone { display: block; font-size: 28px; line-height: 1; font-weight: 700; color: #E5BB7A; } #Side-nav div.inner-wrap #Side-bottom #Side-contacts span.email { display: block; margin-top: 8px; font-size: 15px; line-height: 1; font-weight: 400; color: #0E1619; opacity: 0.7; } #Side-nav div.inner-wrap #Side-bottom #Side-some-icons { display: block; position: static; margin-top: 50px; margin-bottom: 100px; margin-left: -4px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #Side-nav div.inner-wrap #Side-bottom #Side-some-icons:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #Side-nav div.inner-wrap #Side-bottom #Side-some-icons li { display: inline-block; list-style: none; margin-right: 14px; margin-top: 12px; } #Side-nav div.inner-wrap #Side-bottom #Side-some-icons li a { display: block; color: #E5BB7A; font-size: 32px; line-height: 32px; } #Side-nav div.inner-wrap #Side-bottom #Side-banners { position: static; width: -moz-calc(100% - 44px); width: -webkit-calc(100% - 44px); width: calc(100% - 44px); margin: 30px auto 78px auto; } #Side-nav div.inner-wrap #Side-bottom #Side-banners img { display: block; width: 100%; height: auto; margin: 0 auto 0 auto; } #Side-nav div.inner-wrap #Side-bottom #Side-banners img { display: block; width: 110px; height: auto; margin: 36px auto 0 auto; } /* ------------------------------------ FOOTER ------------------------------------- */ #Call-to-action { position: relative; z-index: 12; background-color: #E5BB7A; max-width: 1360px; margin: 0 auto -190px auto; color: #182328; } @media only screen and (max-width: 767px) { #Call-to-action { margin-bottom: 0; } } #Call-to-action .buttons-wrapper { margin-top: 38px; text-align: center; } #Call-to-action .buttons-wrapper .flexer-btn, #Call-to-action .buttons-wrapper body.page-template-template-profile-management .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name #Call-to-action .buttons-wrapper span { margin-bottom: 0; } #Footer { position: relative; max-width: 1920px; margin: 0 auto; padding-top: 80px; padding-bottom: 80px; background-color: #182328; z-index: 10; *zoom: 1; } #Footer:before, #Footer:after { content: " "; display: table; } #Footer:after { clear: both; } #Footer .left { width: auto; float: left; } #Footer .left img { margin-bottom: 42px; } #Footer .left .email, #Footer .left .phone, #Footer .left .address, #Footer .left .city-postcode { font-size: 17px; color: #F6F4F2; } #Footer .left .phone a { font-size: 17px; color: #F6F4F2; } #Footer .left .email { margin-bottom: 20px; } @media only screen and (max-width: 767px) { #Footer .left { width: 100%; text-align: center; } #Footer .left img { margin: 0 auto 42px auto; } #Footer .left .email { text-align: center; } #Footer .left .phone a { text-align: center; } } #Footer .right { width: auto; float: right; } #Footer .right .cols { display: flex; align-items: flex-start; gap: 20px; } #Footer .right .cols > div { display: flex; flex-direction: column; gap: 10px; min-width: 200px; } #Footer .right .cols .heading { font-size: 22spx; color: #F6F4F2; padding-bottom: 10px; text-transform: uppercase; } #Footer .right .cols a { display: block; font-size: 17px; color: #F6F4F2; } #Footer .right .cols a:hover { color: #E5BB7A; } @media only screen and (max-width: 767px) { #Footer .right { display: none; } } #Copyright { position: relative; max-width: 1920px; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; background-color: #182328; border-top: 1px solid #424B4F; z-index: 10; } #Copyright .content { *zoom: 1; max-width: 100%; width: 1240px; margin: 0 auto; padding: 0 26px; box-sizing: border-box; } #Copyright .content:before, #Copyright .content:after { content: " "; display: table; } #Copyright .content:after { clear: both; } #Copyright .content .left, #Copyright .content .right { float: left; width: 50%; color: #67747C; font-size: 14px; line-height: 20px; } #Copyright .content .right { text-align: right; } #Copyright .content .right a { margin-left: 30px; color: #67747C; } @media only screen and (max-width: 767px) { #Copyright .content .left, #Copyright .content .right { width: 100%; text-align: center; } #Copyright .content .right { margin-top: 16px; } #Copyright .content .right a { margin-right: 10px; margin-left: 10px; } } /* ------------------------------------------------------- CUSTOM ------------------------------------------------------- */ body.home #Home-intro { position: relative; background-color: #F6F4F2; } body.home #Home-intro:before { visibility: visible; content: " "; position: absolute; display: block; top: 0; left: 0; width: 60%; height: 100%; background-color: #182328; } @media only screen and (max-width: 959px) { body.home #Home-intro:before { width: 100%; } } /* ------------------------------------------------------- SHORTCODES ------------------------------------------------------- */ div.flexer-popup-form-query.cta { text-align: center; } .flexer-magnific-popup.popup-type-form-query div.step { display: none; } .flexer-magnific-popup.popup-type-form-query div.step.active { display: block; } .flexer-magnific-popup.popup-type-form-query div.step div.progress-wrapper, .flexer-magnific-popup.popup-type-form-query div.step div.heading, .flexer-magnific-popup.popup-type-form-query div.step div.subheading, .flexer-magnific-popup.popup-type-form-query div.step div.radios, .flexer-magnific-popup.popup-type-form-query div.step div.previous-step { text-align: center; } .flexer-magnific-popup.popup-type-form-query div.step div.progress-wrapper div.progress { margin-bottom: 10px; font-size: 21px; font-weight: 400; opacity: 0.6; } .flexer-magnific-popup.popup-type-form-query div.step div.heading { font-size: 30px; line-height: 1.16; font-weight: 700; } .flexer-magnific-popup.popup-type-form-query div.step div.subheading { margin-top: 8px; font-size: 24px; line-height: 1.32; opacity: 0.8; } .flexer-magnific-popup.popup-type-form-query div.step div.radios { margin-top: 24px; } .flexer-magnific-popup.popup-type-form-query div.step div.radios label { display: block; padding: 8px; margin: 0; color: #E5BB7A; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flexer-magnific-popup.popup-type-form-query div.step div.radios label span { display: block; width: 100%; text-align: center; font-size: 17px; font-weight: 500; line-height: 1.3; padding: 18px 22px; background: #F6F4F2; border: 2px solid #E5BB7A; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .flexer-magnific-popup.popup-type-form-query div.step div.radios label input { position: absolute; top: -80px; opacity: 0; } .flexer-magnific-popup.popup-type-form-query div.step div.radios label input:hover + span { border-color: #FF3E74; background-color: #FF3E74; color: #F6F4F2; } .flexer-magnific-popup.popup-type-form-query div.step div.previous-step { margin-top: 14px; font-size: 15px; color: #E5BB7A; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .flexer-magnific-popup.popup-type-form-query div.step div.previous-step:hover { color: #0E1619; } .flexer-magnific-popup.popup-type-form-query div.step #popup-query-form { margin-top: 38px; } .flexer-magnific-popup.popup-type-form-query div.step #popup-query-form div.form-message { margin-bottom: 16px; font-size: 14px; color: #D63D0F; } @media only screen and (max-width: 767px) { .flexer-magnific-popup.popup-type-form-query div.step #popup-query-form div.form-message { text-align: center; } } /* ------------------------------------------------------- ALL DESKTOPS ... 1240px -> ------------------------------------------------------- */ @media only screen and (min-width: 1240px) { /* RESPONSIVE VISIBILITY */ .hide-below-desktop-large { display: none; } .hide-on-desktop-large { display: block; } .hide-on-desktop { display: none; } .hide-on-tablet { display: block; } .hide-on-mobile { display: block; } .hide-on-desktop-table { display: none; } .hide-on-desktop-mobile { display: none; } .hide-on-tablet-mobile { display: block; } } /* ------------------------------------------------------- LARGE DESKTOPS ... 1680px -> ------------------------------------------------------- */ @media only screen and (min-width: 1680px) { /* RESPONSIVE VISIBILITY */ .hide-below-desktop-large { display: block; } .hide-on-desktop-large { display: none; } .hide-on-desktop { display: none; } .hide-on-tablet { display: block; } .hide-on-mobile { display: block; } .hide-on-desktop-table { display: none; } .hide-on-desktop-mobile { display: none; } .hide-on-tablet-mobile { display: block; } } /* ------------------------------------------------------- SMALL DESKTOPS ... 1240px <-> 1680px ------------------------------------------------------- */ /* ------------------------------------------------------- ALL MOBILE DEVICES ... 0 <-> 1239px ------------------------------------------------------- */ @media only screen and (max-width: 1239px) { #Topbar { display: none; } #Header { top: 0; height: 80px; } #Header #Header-shadow { top: 80px; left: unset; right: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } #Header.side-nav-active #Header-shadow { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #Header.not-top #Header-shadow { opacity: 0.3; } #Header .flexer-content-wrapper { width: 100%; } #Header img.header-logo { top: 17px; } #Header #Header-nav, #Header .header-cta-wrapper { display: none; } #Header #Header-tools { display: block; } #Header #Header-mask { height: 80px; } #Header #Header-mask.side-nav-active { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } } /* ------------------------------------------------------- TABLETS PORTRAIT & LANDSCAPE ... 768px <-> 1239px ------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1239px) { /* RESPONSIVE VISIBILITY */ .hide-below-desktop-large { display: none !important; } .hide-on-desktop-large { display: block !important; } .hide-on-desktop { display: block !important; } .hide-on-tablet { display: none !important; } .hide-on-mobile { display: block !important; } .hide-on-desktop-table { display: none !important; } .hide-on-desktop-mobile { display: block !important; } } /* ------------------------------------------------------- TABLETS LANDSCAPE ... 960px <-> 1239px ------------------------------------------------------- */ /* ------------------------------------------------------- TABLETS PORTRAIT ... 768px <-> 959px ------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 959px) { .hide-on-tablet-mobile { display: none !important; } } /* ------------------------------------------------------- TABLETS PORTRAIT & SMARTPHONES ... 0 <-> 959px ------------------------------------------------------- */ /* ------------------------------------------------------- SMARTPHONES PORTRAIT & LANDSCAPE ... 0 <-> 767px ------------------------------------------------------- */ @media only screen and (max-width: 767px) { /* RESPONSIVE VISIBILITY */ .hide-below-desktop-large { display: none !important; } .hide-on-desktop-large { display: block !important; } .hide-on-desktop { display: block !important; } .hide-on-tablet { display: block !important; } .hide-on-mobile { display: none !important; } .hide-on-desktop-table { display: block !important; } .hide-on-desktop-mobile { display: none !important; } .hide-on-tablet-mobile { display: none !important; } } /* ------------------------------------------------------- SMARTPHONES LANDSCAPE ... 480px <-> 767px ------------------------------------------------------- */ /* ------------------------------------------------------- SMARTPHONES PORTRAIT ... 0px <-> 479px ------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* MASTER */ #Site.side-nav-active { -webkit-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -moz-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -ms-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -o-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); } /* HEADER */ #Header.side-nav-active { -webkit-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -moz-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -ms-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -o-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); } /* HERO */ #Hero.side-nav-active { -webkit-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -moz-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -ms-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); -o-transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); transform: translate3d(calc( ( 100% - 80px ) * -1 ), 0, 0); } /* NAVIGATIONS */ #Side-nav { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } #Side-nav.active { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } /* ------------------------------------------------------- SMARTPHONES EXTRA SMALL ... 0px <-> 380px ------------------------------------------------------- */ /* ------------------------------------------------------- COLOR THEMES ------------------------------------------------------- */ .flexer-section-wrapper.color-theme-light { background-color: transparent; } .flexer-section-wrapper.color-theme-grey { background-color: #F4F4F4; } .flexer-section-wrapper.color-theme-grey h1, .flexer-section-wrapper.color-theme-grey h2 { color: #0E1619; } .flexer-section-wrapper.color-theme-grey h3, .flexer-section-wrapper.color-theme-grey h4, .flexer-section-wrapper.color-theme-grey h5, .flexer-section-wrapper.color-theme-grey h6 { color: #0E1619; } .flexer-section-wrapper.color-theme-grey a:hover { color: #0E1619; } .flexer-section-wrapper.color-theme-grey .flexer-section-mask { background-color: black; } .flexer-section-wrapper.color-theme-dark { background-color: #0E1619; color: #F6F4F2; /* Section mask for faking background images's opacity level */ /* Buttons */ } .flexer-section-wrapper.color-theme-dark h1, .flexer-section-wrapper.color-theme-dark h2, .flexer-section-wrapper.color-theme-dark h3, .flexer-section-wrapper.color-theme-dark h4, .flexer-section-wrapper.color-theme-dark h5, .flexer-section-wrapper.color-theme-dark h6 { color: #F6F4F2; } .flexer-section-wrapper.color-theme-dark a { color: #E5BB7A; } @media only screen and (min-width: 1240px) { .flexer-section-wrapper.color-theme-dark a:hover { color: #F6F4F2; } } .flexer-section-wrapper.color-theme-dark .flexer-section-mask { background-color: black; } .flexer-section-wrapper.color-theme-dark .flexer-btn, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span { border-color: #E5BB7A; background-color: #E5BB7A; color: #0E1619; } .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-review-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.with-icon .edit-profile-review-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.with-icon #profile-contact-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon span.icon:before { background-color: #0E1619; } .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon:hover span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon:hover span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon:hover body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon:hover span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover #profile-review-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.with-icon:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon:hover #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon:hover span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon:hover body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon:hover span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover .edit-profile-review-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.with-icon:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon:hover .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon:hover span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon:hover body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.with-icon:hover span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.with-icon:hover #profile-contact-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.with-icon:hover span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon:hover #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.with-icon:hover span.icon:before { background-color: #0E1619; } .flexer-section-wrapper.color-theme-dark .flexer-btn.secondary-btn, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.secondary-btn, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.secondary-btn { border-color: #F6F4F2; background-color: transparent; color: #F6F4F2; } .flexer-section-wrapper.color-theme-dark .flexer-btn.secondary-btn span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.secondary-btn span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.secondary-btn span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.secondary-btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.secondary-btn span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.secondary-btn #profile-review-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.secondary-btn span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.secondary-btn #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.secondary-btn span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.secondary-btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.secondary-btn span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.secondary-btn .edit-profile-review-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.secondary-btn span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.secondary-btn .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.secondary-btn span.icon:before, .flexer-section-wrapper.color-theme-dark .flexer-btn.secondary-btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-section-wrapper.color-theme-dark .flexer-btn.secondary-btn span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span.secondary-btn #profile-contact-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.secondary-btn span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.secondary-btn #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-dark span.secondary-btn span.icon:before { background-color: #F6F4F2; } .flexer-section-wrapper.color-theme-dark .flexer-btn:hover, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span:hover, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span:hover { border-color: #F6F4F2; background-color: #F6F4F2; color: #0E1619; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.4); } .flexer-section-wrapper.color-theme-dark .flexer-btn:hover.secondary-btn, .flexer-section-wrapper.color-theme-dark body.page-template-template-profile-management .profile-achievements .name span:hover.secondary-btn, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-dark span:hover.secondary-btn { border-color: #F6F4F2; background-color: #F6F4F2; color: #E5BB7A; } .flexer-section-wrapper.color-theme-brand { background-color: #E5BB7A; /* Sections */ /* Buttons */ } .flexer-section-wrapper.color-theme-brand h1, .flexer-section-wrapper.color-theme-brand h2, .flexer-section-wrapper.color-theme-brand h3, .flexer-section-wrapper.color-theme-brand h4, .flexer-section-wrapper.color-theme-brand h5, .flexer-section-wrapper.color-theme-brand h6 { color: #182328; } .flexer-section-wrapper.color-theme-brand a { color: #F6F4F2; } @media only screen and (min-width: 1240px) { .flexer-section-wrapper.color-theme-brand a:hover { color: #F6F4F2; } } .flexer-section-wrapper.color-theme-brand .flexer-section-mask { background-color: #E5BB7A; } .flexer-section-wrapper.color-theme-brand .flexer-btn, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span { border-color: #F6F4F2; background-color: #F6F4F2; color: #E5BB7A; } .flexer-section-wrapper.color-theme-brand .flexer-btn span.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span span.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn body.page-template-template-profile-management #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn span.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span #profile-review-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span #profile-review-form .step.results span.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span span.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn body.page-template-template-profile-management .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn span.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span .edit-profile-review-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span .edit-profile-review-form .step.results span.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span span.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn body.page-template-template-profile-management #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn span.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span #profile-contact-form .step.results span.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span span.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span #profile-contact-form .step.results span.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span span.icon:before { background-color: #E5BB7A; } .flexer-section-wrapper.color-theme-brand .flexer-btn.secondary-btn, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span.secondary-btn, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span.secondary-btn { border-color: #F6F4F2; background-color: transparent; color: #F6F4F2; } .flexer-section-wrapper.color-theme-brand .flexer-btn.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span.secondary-btn i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn.secondary-btn body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span.secondary-btn #profile-review-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span.secondary-btn i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span.secondary-btn #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn.secondary-btn body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span.secondary-btn .edit-profile-review-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span.secondary-btn i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span.secondary-btn .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn.secondary-btn body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span.secondary-btn #profile-contact-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span.secondary-btn i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span.secondary-btn #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span.secondary-btn i.icon:before { background-color: #F6F4F2; } .flexer-section-wrapper.color-theme-brand .flexer-btn:hover, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover { border-color: #F6F4F2; background-color: #F6F4F2; color: #E5BB7A; -webkit-box-shadow: 0 0 20px 0 rgba(14, 22, 25, 0.4); -moz-box-shadow: 0 0 20px 0 rgba(14, 22, 25, 0.4); box-shadow: 0 0 20px 0 rgba(14, 22, 25, 0.4); } .flexer-section-wrapper.color-theme-brand .flexer-btn:hover i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn:hover body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn:hover i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover #profile-review-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span:hover i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn:hover body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn:hover i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover .edit-profile-review-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span:hover i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn:hover body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn:hover i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover #profile-contact-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span:hover i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover i.icon:before { background-color: #E5BB7A; } .flexer-section-wrapper.color-theme-brand .flexer-btn:hover.secondary-btn, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover.secondary-btn, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover.secondary-btn { border-color: #F6F4F2; background-color: #F6F4F2; color: #E5BB7A; } .flexer-section-wrapper.color-theme-brand .flexer-btn:hover.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover.secondary-btn i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn:hover.secondary-btn body.page-template-template-profile-management #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn:hover.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover.secondary-btn #profile-review-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name span:hover.secondary-btn i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover.secondary-btn #profile-review-form .step.results i.icon:before, body.page-template-template-profile-management #profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn:hover.secondary-btn body.page-template-template-profile-management .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn:hover.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover.secondary-btn .edit-profile-review-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name span:hover.secondary-btn i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover.secondary-btn .edit-profile-review-form .step.results i.icon:before, body.page-template-template-profile-management .edit-profile-review-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand .flexer-btn:hover.secondary-btn body.page-template-template-profile-management #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .flexer-section-wrapper.color-theme-brand .flexer-btn:hover.secondary-btn i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management .profile-achievements .name span:hover.secondary-btn #profile-contact-form .step.results i.icon:before, .flexer-section-wrapper.color-theme-brand body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name span:hover.secondary-btn i.icon:before, body.page-template-template-profile-management .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover.secondary-btn #profile-contact-form .step.results i.icon:before, body.page-template-template-profile-management #profile-contact-form .step.results .profile-achievements .name .flexer-section-wrapper.color-theme-brand span:hover.secondary-btn i.icon:before { background-color: #E5BB7A; } /* COLUMNS WITH BG COLOR ----------------------------------------- */ .rg-section .rg-col.light { background: #F6F4F2 !important; color: #0E1619 !important; } .rg-section .rg-col.light h1, .rg-section .rg-col.light h2, .rg-section .rg-col.light h3, .rg-section .rg-col.light h4, .rg-section .rg-col.light h5, .rg-section .rg-col.light h6 { color: #0E1619 !important; } .rg-section .rg-col.light a { color: #E5BB7A !important; } .rg-section .rg-col.light a:hover { color: #0E1619 !important; } .rg-section .rg-col.dark { background: rgba(14, 22, 25, 0.96) !important; color: #F6F4F2 !important; } .rg-section .rg-col.dark h1, .rg-section .rg-col.dark h2, .rg-section .rg-col.dark h3, .rg-section .rg-col.dark h4, .rg-section .rg-col.dark h5, .rg-section .rg-col.dark h6 { color: #F6F4F2 !important; } .rg-section .rg-col.dark a { color: #E5BB7A !important; } .rg-section .rg-col.dark a:hover { color: #F6F4F2 !important; } .rg-section .rg-col.brand-light { background: #E5BB7A !important; color: #F6F4F2 !important; } .rg-section .rg-col.brand-light h1, .rg-section .rg-col.brand-light h2, .rg-section .rg-col.brand-light h3, .rg-section .rg-col.brand-light h4, .rg-section .rg-col.brand-light h5, .rg-section .rg-col.brand-light h6 { color: #F6F4F2 !important; } .rg-section .rg-col.brand-light a { color: #0E1619 !important; } .rg-section .rg-col.brand-light a:hover { color: #F6F4F2 !important; } .rg-section .rg-col.brand-dark { background: #E5BB7A !important; color: #0E1619 !important; } .rg-section .rg-col.brand-dark h1, .rg-section .rg-col.brand-dark h2, .rg-section .rg-col.brand-dark h3, .rg-section .rg-col.brand-dark h4, .rg-section .rg-col.brand-dark h5, .rg-section .rg-col.brand-dark h6 { color: #0E1619 !important; } .rg-section .rg-col.brand-dark a { color: #F6F4F2 !important; } .rg-section .rg-col.brand-dark a:hover { color: #0E1619 !important; }