/* Theme Name: Divi-child Description: ALTI TRADING's Divi-child Author: Youri N. Template: Divi */ /*///////////////// IMPORTANT /////////////////*/ /* THIS WEB SITE CONTAINS SOME ELEMENTS WITH CUSTOM SETTINGS, USED IN DIFFERENT PAGES AND SAVED AS GLOBAL IN THE DIVI LIBRARY -- IF YOU NEED TO MODIFY SETTINGS FOR ONE OF THOSE GLOBAL ELEMENTS, BE SURE TO SWITCH OFF 'GLOBAL' FOR THIS PARTICULAR ELEMENT BEFORE SAVING YOUR CHANGES ( from Divi bulder / right click on the element / disable global ) || OTHERWISE, A LOT OF STYLES ARE SET FROM THE DIVI BUILDER ( ELEMENTS SETTINGS ), SO CHECK THOSE CUSTOM SETTINGS FOR THE ELEMENT YOU WANT TO MODIFY BEFORE ADDING CODE AND MAKING THIS STYLESHEET USELESSLY BIGGER */ /* || SUMMARY || $FONTS SETTINGS $GLOBAL SETTINGS $COMMON SETTINGS $MENU DESKTOP (Main Navigation) $MENU MOBILE (shiftNav Main) $FOOTER $HOME PAGE $FORMATIONS $FORMATIONS - DISCOUNT $COMPARER FORMATIONS $CONTACT $POURQUOI ALTI TRADING $RÉSULTATS $BLOG $BLOG SINGLE POST $DEVENIR PARTENAIRE $WEBINAIRES $PROJETS HUMANITAIRES $COMMENCER GRATUITEMENT $404 $PAGE NAVI $MODAL $TEAM */ /***********************************************/ /***************** $VARAIABLES *****************/ /***********************************************/ :root { /** •• Colors **/ /* • Text */ --text-dark-gray: #333333; --text-strong-gray: #4d5c6d; --text-regular-gray: #666666; --text-mid-gray: #939597; --text-light-gray: #aec0d1; /* • Primary */ --brand-at-primary-green: #5fc48c; --brand-at-primary-blue: #205183; /* • Global */ --global-blue: #007aff; --global-light-blue: #B6D9FF; --global-green: #4cd964; --global-yellow: #ffcc00; --global-orange: #ff9500; --global-red: #ff3b30; /* • Gray shade */ --gray-shade-strong: #8898AA; --gray-shade-mid-light: #D8DEE7; --gray-shade-super-light: #E4E9F0; --gray-shade-x-light: #E9ECF5; --gray-shade-ultra-light: #f5f9fc; /* • Formations */ --fmt-mppeb: #43b5e5; --fmt-dtp: #5ccb77; --fmt-stp: #59e5c1; --fmt-mg: #b9b9ff; --fmt-pt: #fcd669; --fmt-ctp: #6a5eff; --fmt-dvde: #249AC3; --fmt-rbc: #85CDF9; --fmt-arya: #DA0000; /* • Programmes */ --prog-starter: #FF794B; --prog-starter-light: #FFCCBB; --prog-starter-midtone: #FFA778; --prog-starter-darktone: #F2665E; --prog-tr: #98B4E0; --prog-tr-light: #CCDEFA; --prog-tr-midtone: #B6D9FF; --prog-tr-darktone: #6668B9; --prog-ip: #FFD43D; --prog-ip-light: #FFECBC; --prog-ip-midtone: #FBE570; --prog-ip-darktone: #F8BB44; /* • Premium */ --premium-primary: #FFC700; --premium-secondary: #2D2F30; --premium-primary-grad: linear-gradient(to bottom right, #FEDF6A, #FFCC00, #FFA800); --premium-secondary-grad: linear-gradient(90deg, #515354 0%, #2D2F30 75%); /* • Lines / Border */ --title-underline: #e1e4eb; --Xlight-gray: #e9ecf5; /* • Special */ --sp-hightlight-green: #69EBB8; --sp-pastel-green: #ADF1B6; --sp-strong-green: #159470; --sp-bright-purple: #6270FA; --sp-cloudy-blue: #86BBFC; --popovr-dark-trans-bg: rgba(4, 8, 37, 0.8); --popovr-dark-bg: #343850; /* • Lines / Border */ --title-underline: #e1e4eb; --Xlight-gray: #e9ecf5; /** •• Shadows **/ /* • Block */ --block-strong-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025); --block-spread-shadow: 0px 4px 25px rgba(56, 61, 91, 0.1); --block-dry-shadow: 0px 2px 5px rgba(194, 194, 194, 0.5); --block-light-shadow: 0px 2px 5px rgba(189, 187, 227, 0.2); --block-info-shadow: 0 2px 25px rgba(132, 127, 148, 0.2); /* • Button */ --button-hover-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); /* • Menu Top */ --menu-top-height: 76px; /* • Footer */ --footer-height: 68px; /* • Main Container */ --main-container-max-width: 1080px; /* • Comparison Table */ --comp-table-feat-col-desktop: 318px; --comp-table-feat-col-tablet: 280px; } /*--------------- END $VARIABLES --------------*/ /***********************************************/ /*************** $FONTS SETTINGS ***************/ /***********************************************/ /* Webfont: LatoLatin-Black */ @font-face { font-family: 'LatoLatin-Black'; src: url('../../../../uploads/et-fonts/LatoLatin-Black.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-BlackItalic */ @font-face { font-family: 'LatoLatin-BlackItalic'; src: url('../../../../uploads/et-fonts/LatoLatin-BlackItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Bold */ @font-face { font-family: 'LatoLatin-Bold'; src: url('../../../../uploads/et-fonts/LatoLatin-Bold.ttf') format('truetype'); font-style: normal; font-weight: bold; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-BoldItalic */ @font-face { font-family: 'LatoLatin-BoldItalic'; src: url('../../../../uploads/et-fonts/LatoLatin-BoldItalic.ttf') format('truetype'); font-style: italic; font-weight: bold; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Hairline */ @font-face { font-family: 'LatoLatin-Hairline'; src: url('../../../../uploads/et-fonts/LatoLatin-Hairline.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-HairlineItalic */ @font-face { font-family: 'LatoLatin-HairlineItalic'; src: url('../../../../uploads/et-fonts/LatoLatin-HairlineItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Heavy */ @font-face { font-family: 'LatoLatin-Heavy'; src: url('../../../../uploads/et-fonts/LatoLatin-Heavy.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-HeavyItalic */ @font-face { font-family: 'LatoLatin-HeavyItalic'; src: url('../../../../uploads/et-fonts/LatoLatin-HeavyItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Italic */ @font-face { font-family: 'LatoLatin-Italic'; src: url('../../../../uploads/et-fonts/LatoLatin-Italic.ttf') format('truetype'); font-style: italic; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Light */ @font-face { font-family: 'LatoLatin-Light'; src: url('../../../../uploads/et-fonts/LatoLatin-Light.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-LightItalic */ @font-face { font-family: 'LatoLatin-LightItalic'; src: url('../../../../uploads/et-fonts/LatoLatin-LightItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Medium */ @font-face { font-family: 'LatoLatin-Medium'; src: url('../../../../uploads/et-fonts/LatoLatin-Medium.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-MediumItalic */ @font-face { font-family: 'LatoLatin-MediumItalic'; src: url('../../../../uploads/et-fonts/LatoLatin-MediumItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Regular */ @font-face { font-family: 'LatoLatin-Regular'; src: url('../../../../uploads/et-fonts/LatoLatin-Regular.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Semibold */ @font-face { font-family: 'LatoLatin-Semibold'; src: url('../../../../uploads/et-fonts/LatoLatin-Semibold.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-SemiboldItalic */ @font-face { font-family: 'LatoLatin-SemiboldItalic'; src: url('../../../../uploads/et-fonts/LatoLatin-SemiboldItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Thin */ @font-face { font-family: 'LatoLatin-Thin'; src: url('../../../../uploads/et-fonts/LatoLatin-Thin.ttf') format('truetype'); font-style: normal; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-ThinItalic */ @font-face { font-family: 'LatoLatin-ThinItalic'; src: url('../../../../uploads/et-fonts/LatoLatin-ThinItalic.ttf') format('truetype'); font-style: italic; font-weight: normal; font-display: fallback; text-rendering: optimizeLegibility; } html, body, div, h1, h2, h3, h4, h5, h6, p, span, strong, b, blockquote, pre, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { font-style: inherit; font-weight: inherit; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; text-rendering: optimizeLegibility; font-feature-settings: "kern"on, "liga"on, "calt"on, "onum", "pnum"; -moz-font-feature-settings: "kern"on, "liga"on, "calt"on, "onum", "pnum"; -webkit-font-feature-settings: "kern"on, "liga"on, "calt"on, "onum", "pnum"; -ms-font-feature-settings: "kern"on, "liga"on, "calt"on, "onum", "pnum"; -o-font-feature-settings: "kern"on, "liga"on, "calt"on, "onum", "pnum"; } strong { font-family: 'LatoLatin-Bold'; font-style: normal; font-weight: bold; } em { font-family: 'LatoLatin-Italic'; font-style: italic; font-weight: normal; } /* • i-icons */ .fa-alti { background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: inline-block; height: 16px; font-size: 0; line-height: 0; margin: 0; overflow: hidden; padding: 0; width: 16px; /*vertical-align: middle;*/ vertical-align: text-top; } .fa-alti.play_line { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.74 6.99997C12.74 10.1701 10.1701 12.7399 7 12.7399C3.82988 12.7399 1.26 10.1701 1.26 6.99997C1.26 3.82988 3.82988 1.26 7 1.26C10.1701 1.26 12.74 3.82988 12.74 6.99997ZM14 6.99997C14 10.866 10.866 13.9999 7 13.9999C3.13401 13.9999 0 10.866 0 6.99997C0 3.134 3.13401 0 7 0C10.866 0 14 3.134 14 6.99997ZM5.09517 9.32428C5.09517 9.64907 5.45379 9.80471 5.77182 9.62201L9.60167 7.36875C9.88587 7.19958 9.87911 6.80037 9.60167 6.63797L5.77182 4.37795C5.47409 4.20202 5.09517 4.35088 5.09517 4.66891V9.32428Z' fill='%234D5C6D' /%3E%3C/svg%3E"); } .fa-alti.question-mark_line { background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.74 6.99997C12.74 10.1701 10.1701 12.7399 7 12.7399C3.82988 12.7399 1.26 10.1701 1.26 6.99997C1.26 3.82988 3.82988 1.26 7 1.26C10.1701 1.26 12.74 3.82988 12.74 6.99997ZM14 6.99997C14 10.866 10.866 13.9999 7 13.9999C3.13401 13.9999 0 10.866 0 6.99997C0 3.134 3.13401 0 7 0C10.866 0 14 3.134 14 6.99997ZM7.47897 7.82725C7.44547 8.10859 7.17753 8.32294 6.78232 8.32294C6.32011 8.32294 6.05887 8.11528 6.05887 7.70667V7.63968C6.05887 7.08371 6.39379 6.74878 6.8627 6.42055C7.41867 6.03873 7.69332 5.82438 7.69332 5.44256C7.69332 5.04734 7.39188 4.7794 6.92298 4.7794C6.57466 4.7794 6.32011 4.95356 6.10576 5.26169C6.079 5.29029 6.05377 5.31876 6.02911 5.3466C5.87467 5.52089 5.74227 5.67031 5.39571 5.67031C5.0206 5.67031 4.75264 5.43586 4.75264 5.09423C4.75264 4.96696 4.77944 4.84639 4.82633 4.72581C5.05408 4.08275 5.85121 3.58036 6.99666 3.58036C8.23591 3.58036 9.24738 4.25021 9.24738 5.36888C9.24738 6.11911 8.85887 6.50093 8.18231 6.93634C7.7737 7.19759 7.51915 7.41863 7.48566 7.74687C7.47897 7.76696 7.47897 7.80045 7.47897 7.82724V7.82725ZM7.61293 9.65596C7.61293 10.1048 7.24451 10.4196 6.77561 10.4196C6.31341 10.4196 5.9316 10.1048 5.9316 9.65596C5.9316 9.20046 6.30672 8.88563 6.77561 8.88563C7.25121 8.88563 7.61293 9.20046 7.61293 9.65596Z' fill='%234D5C6D' /%3E%3C/svg%3E"); } .fa-alti.plan_line { background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.961781 3.79612C1.49685 3.79612 1.92356 3.36941 1.92356 2.83434C1.92356 2.30604 1.49685 1.87256 0.961781 1.87256C0.433478 1.87256 0 2.30604 0 2.83434C0 3.36941 0.433478 3.79612 0.961781 3.79612ZM4.14513 3.48456H13.3431C13.7087 3.48456 14 3.20008 14 2.83434C14 2.46859 13.7155 2.18412 13.3431 2.18412H4.14513C3.78616 2.18412 3.49492 2.46859 3.49492 2.83434C3.49492 3.20008 3.77939 3.48456 4.14513 3.48456ZM0.961781 7.96157C1.49685 7.96157 1.92356 7.53486 1.92356 6.99979C1.92356 6.47149 1.49685 6.03801 0.961781 6.03801C0.433478 6.03801 0 6.47149 0 6.99979C0 7.53486 0.433478 7.96157 0.961781 7.96157ZM4.14513 7.65001H13.3431C13.7087 7.65001 14 7.36554 14 6.99979C14 6.63405 13.7155 6.34958 13.3431 6.34958H4.14513C3.78616 6.34958 3.49492 6.63405 3.49492 6.99979C3.49492 7.36554 3.77939 7.65001 4.14513 7.65001ZM0.961781 12.127C1.49685 12.127 1.92356 11.7003 1.92356 11.1652C1.92356 10.6369 1.49685 10.2035 0.961781 10.2035C0.433478 10.2035 0 10.6369 0 11.1652C0 11.7003 0.433478 12.127 0.961781 12.127ZM4.14513 11.8155H13.3431C13.7087 11.8155 14 11.531 14 11.1652C14 10.7995 13.7155 10.515 13.3431 10.515H4.14513C3.78616 10.515 3.49492 10.7995 3.49492 11.1652C3.49492 11.531 3.77939 11.8155 4.14513 11.8155Z' fill='%234D5C6D' /%3E%3C/svg%3E"); } .fa-alti.smiley-blink_emoji { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 49 50' preserveAspectRatio='xMinYMin meet' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='100%25' x2='50%25' y2='0%25' id='linearGradient-1'%3E%3Cstop stop-color='%23FFFFFF' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23FFFFFF' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath d='M24.7788,0.88495 C38.2193,0.88495 49.11505,11.7807 49.11505,25.22125 C49.11505,38.6618 38.2193,49.5575 24.7788,49.5575 C11.3382,49.5575 0.4425,38.6618 0.4425,25.22125 C0.4425,11.7807 11.3382,0.88495 24.7788,0.88495 Z' id='path-2'%3E%3C/path%3E%3Cfilter x='-21.1%25' y='-20.2%25' width='141.3%25' height='141.3%25' filterUnits='objectBoundingBox' id='filter-3'%3E%3CfeGaussianBlur stdDeviation='6' in='SourceAlpha' result='shadowBlurInner1'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='-10' in='shadowBlurInner1' result='shadowOffsetInner1'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner1' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.101960784 0 0 0 0 0 0 0 0 1 0' type='matrix' in='shadowInnerInner1' result='shadowMatrixInner1'%3E%3C/feColorMatrix%3E%3CfeMorphology radius='2' operator='erode' in='SourceAlpha' result='shadowSpreadInner2'%3E%3C/feMorphology%3E%3CfeGaussianBlur stdDeviation='1.5' in='shadowSpreadInner2' result='shadowBlurInner2'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='0' in='shadowBlurInner2' result='shadowOffsetInner2'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner2' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner2'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.161986451 0' type='matrix' in='shadowInnerInner2' result='shadowMatrixInner2'%3E%3C/feColorMatrix%3E%3CfeGaussianBlur stdDeviation='3.5' in='SourceAlpha' result='shadowBlurInner3'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='-3' in='shadowBlurInner3' result='shadowOffsetInner3'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner3' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner3'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.650980392 0 0 0 0 0.403921569 0 0 0 0 0.0274509804 0 0 0 0.501638986 0' type='matrix' in='shadowInnerInner3' result='shadowMatrixInner3'%3E%3C/feColorMatrix%3E%3CfeGaussianBlur stdDeviation='1' in='SourceAlpha' result='shadowBlurInner4'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='0' in='shadowBlurInner4' result='shadowOffsetInner4'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner4' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner4'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0.278431373 0 0 0 0 0.0470588235 0 0 0 0 0 0 0 0 0.554714816 0' type='matrix' in='shadowInnerInner4' result='shadowMatrixInner4'%3E%3C/feColorMatrix%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixInner1'%3E%3C/feMergeNode%3E%3CfeMergeNode in='shadowMatrixInner2'%3E%3C/feMergeNode%3E%3CfeMergeNode in='shadowMatrixInner3'%3E%3C/feMergeNode%3E%3CfeMergeNode in='shadowMatrixInner4'%3E%3C/feMergeNode%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient x1='50%25' y1='25.073014%25' x2='50%25' y2='-43.5966706%25' id='linearGradient-4'%3E%3Cstop stop-color='%23FFFFFF' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23FFFFFF' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='32.041389%25' id='linearGradient-5'%3E%3Cstop stop-color='%23FFFFFF' stop-opacity='0.502977491' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23FFFFFF' stop-opacity='0' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath d='M24.7787611,3.09731726 C36.9974584,3.09731726 46.9026513,13.3987659 46.9026513,26.1061996 C46.9026513,38.8136332 37.2186973,41.8361134 25,41.8361134 C12.7813027,41.8361134 2.6548708,38.8136332 2.6548708,26.1061996 C2.6548708,13.3987659 12.5600637,3.09731726 24.7787611,3.09731726 Z' id='path-6'%3E%3C/path%3E%3Cpath d='M24.5575044,38.2597159 C27.7660124,38.2597159 31.3716832,35.8998522 31.3716832,35.8998522 C31.3716832,35.8998522 31.8584319,35.8673009 31.8584319,36.3718345 C31.8584319,38.2956602 27.6968319,42.0354389 24.5575044,42.0354389 C21.4181292,42.0354389 17.2566407,38.2776442 17.2566407,36.3445478 C17.2566407,35.8376646 17.7433894,35.8703513 17.7433894,35.8703513 C17.7433894,35.8703513 21.3490602,38.2415726 24.5575044,38.2415726 L24.5575044,38.2597159 Z' id='path-7'%3E%3C/path%3E%3Cfilter x='-6.6%25' y='-7.4%25' width='110.5%25' height='115.1%25' filterUnits='objectBoundingBox' id='filter-8'%3E%3CfeOffset dx='0' dy='0' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='0.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Cfilter x='-12.9%25' y='-19.9%25' width='123.1%25' height='140.2%25' filterUnits='objectBoundingBox' id='filter-9'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceAlpha' result='shadowBlurInner1'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='1' in='shadowBlurInner1' result='shadowOffsetInner1'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner1' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0' type='matrix' in='shadowInnerInner1' result='shadowMatrixInner1'%3E%3C/feColorMatrix%3E%3CfeGaussianBlur stdDeviation='0.5' in='SourceAlpha' result='shadowBlurInner2'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='0' in='shadowBlurInner2' result='shadowOffsetInner2'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner2' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner2'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.75 0' type='matrix' in='shadowInnerInner2' result='shadowMatrixInner2'%3E%3C/feColorMatrix%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixInner1'%3E%3C/feMergeNode%3E%3CfeMergeNode in='shadowMatrixInner2'%3E%3C/feMergeNode%3E%3C/feMerge%3E%3C/filter%3E%3Cpath d='M8.04530973,21.8276951 C7.76292035,21.9250889 7.5984292,21.8493212 7.52533186,21.6376093 C7.38113938,21.2198947 8.91189159,15.6743912 14.1011062,13.8833323 C15.9568695,13.2428128 17.1307965,13.8687588 17.1204093,14.2638907 C17.1100221,14.6590226 14.6898451,15.4511996 12.1813053,17.4740292 C9.67271018,19.4968996 8.49347345,21.672954 8.04530973,21.8276951 Z' id='path-10'%3E%3C/path%3E%3Cfilter x='-5.6%25' y='-2.8%25' width='113.9%25' height='110.7%25' filterUnits='objectBoundingBox' id='filter-11'%3E%3CfeOffset dx='0' dy='0' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='0.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Cfilter x='-14.7%25' y='-12.6%25' width='132.0%25' height='130.3%25' filterUnits='objectBoundingBox' id='filter-12'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceAlpha' result='shadowBlurInner1'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='1' in='shadowBlurInner1' result='shadowOffsetInner1'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner1' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0' type='matrix' in='shadowInnerInner1' result='shadowMatrixInner1'%3E%3C/feColorMatrix%3E%3CfeGaussianBlur stdDeviation='0.5' in='SourceAlpha' result='shadowBlurInner2'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='0' in='shadowBlurInner2' result='shadowOffsetInner2'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner2' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner2'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.75 0' type='matrix' in='shadowInnerInner2' result='shadowMatrixInner2'%3E%3C/feColorMatrix%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixInner1'%3E%3C/feMergeNode%3E%3CfeMergeNode in='shadowMatrixInner2'%3E%3C/feMergeNode%3E%3C/feMerge%3E%3C/filter%3E%3Cpath d='M42.2099199,23.3179655 C42.5021704,23.2375894 42.5962128,23.0797115 42.5355708,22.8601717 C42.4158779,22.4273115 37.9454858,18.2142903 32.5747084,19.6910239 C30.6540115,20.219146 30.4746779,21.4176389 30.7106757,21.7429221 C30.9466872,22.0682549 32.984169,21.3433088 36.2461097,21.5994469 C39.5079407,21.8555912 41.746127,23.4454708 42.2099199,23.3179655 Z' id='path-13'%3E%3C/path%3E%3Cfilter x='-3.8%25' y='2.9%25' width='108.8%25' height='112.1%25' filterUnits='objectBoundingBox' id='filter-14'%3E%3CfeOffset dx='0' dy='0' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='0.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Cfilter x='-11.1%25' y='-13.2%25' width='123.4%25' height='144.4%25' filterUnits='objectBoundingBox' id='filter-15'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceAlpha' result='shadowBlurInner1'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='1' in='shadowBlurInner1' result='shadowOffsetInner1'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner1' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0' type='matrix' in='shadowInnerInner1' result='shadowMatrixInner1'%3E%3C/feColorMatrix%3E%3CfeGaussianBlur stdDeviation='0.5' in='SourceAlpha' result='shadowBlurInner2'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='0' in='shadowBlurInner2' result='shadowOffsetInner2'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner2' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner2'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.75 0' type='matrix' in='shadowInnerInner2' result='shadowMatrixInner2'%3E%3C/feColorMatrix%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixInner1'%3E%3C/feMergeNode%3E%3CfeMergeNode in='shadowMatrixInner2'%3E%3C/feMergeNode%3E%3C/feMerge%3E%3C/filter%3E%3Cpath d='M17.2566496,22.1239115 C18.7228832,22.1239115 19.9115018,24.1049239 19.9115018,26.5486841 C19.9115018,28.9924137 18.7228832,30.9734566 17.2566496,30.9734566 C15.7904097,30.9734566 14.6017912,28.9924137 14.6017912,26.5486841 C14.6017912,24.1049239 15.7904097,22.1239115 17.2566496,22.1239115 Z' id='path-16'%3E%3C/path%3E%3Cfilter x='-17.1%25' y='-10.4%25' width='134.1%25' height='116.4%25' filterUnits='objectBoundingBox' id='filter-17'%3E%3CfeOffset dx='0' dy='0' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='0.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Cfilter x='-33.2%25' y='-20.2%25' width='166.4%25' height='136.1%25' filterUnits='objectBoundingBox' id='filter-18'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceAlpha' result='shadowBlurInner1'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='1' in='shadowBlurInner1' result='shadowOffsetInner1'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner1' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0' type='matrix' in='shadowInnerInner1' result='shadowMatrixInner1'%3E%3C/feColorMatrix%3E%3CfeGaussianBlur stdDeviation='0.5' in='SourceAlpha' result='shadowBlurInner2'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='0' in='shadowBlurInner2' result='shadowOffsetInner2'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner2' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner2'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.75 0' type='matrix' in='shadowInnerInner2' result='shadowMatrixInner2'%3E%3C/feColorMatrix%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixInner1'%3E%3C/feMergeNode%3E%3CfeMergeNode in='shadowMatrixInner2'%3E%3C/feMergeNode%3E%3C/feMerge%3E%3C/filter%3E%3Cpath d='M33.185823,25.6637345 C33.185823,25.6637345 28.3185473,25.5898867 28.3185473,28.3185965 C28.3185473,28.6458407 28.3527991,29.203554 29.6460035,29.203554 C30.939208,29.203554 31.5815451,28.7610726 33.6283124,28.7610726 C35.6751274,28.7610726 35.472735,29.203554 37.1681319,29.203554 C38.8635885,29.203554 38.4955881,27.8761204 38.4955881,27.8761204 C38.4955881,27.8761204 37.588615,25.6637345 33.185823,25.6637345 Z' id='path-19'%3E%3C/path%3E%3Cfilter x='-5.1%25' y='-11.6%25' width='110.6%25' height='123.2%25' filterUnits='objectBoundingBox' id='filter-20'%3E%3CfeOffset dx='0' dy='0' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='0.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3Cfilter x='-13.5%25' y='-30.4%25' width='127.3%25' height='160.8%25' filterUnits='objectBoundingBox' id='filter-21'%3E%3CfeGaussianBlur stdDeviation='1' in='SourceAlpha' result='shadowBlurInner1'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='1' in='shadowBlurInner1' result='shadowOffsetInner1'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner1' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner1'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0' type='matrix' in='shadowInnerInner1' result='shadowMatrixInner1'%3E%3C/feColorMatrix%3E%3CfeGaussianBlur stdDeviation='0.5' in='SourceAlpha' result='shadowBlurInner2'%3E%3C/feGaussianBlur%3E%3CfeOffset dx='0' dy='0' in='shadowBlurInner2' result='shadowOffsetInner2'%3E%3C/feOffset%3E%3CfeComposite in='shadowOffsetInner2' in2='SourceAlpha' operator='arithmetic' k2='-1' k3='1' result='shadowInnerInner2'%3E%3C/feComposite%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.75 0' type='matrix' in='shadowInnerInner2' result='shadowMatrixInner2'%3E%3C/feColorMatrix%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixInner1'%3E%3C/feMergeNode%3E%3CfeMergeNode in='shadowMatrixInner2'%3E%3C/feMergeNode%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-555.000000, -717.000000)'%3E%3Cg id='Group-3' transform='translate(554.573529, 717.000000)'%3E%3Cg id='base'%3E%3Cuse fill='%23FFC900' fill-rule='evenodd' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='url(%23linearGradient-1)' fill-rule='evenodd' style='mix-blend-mode: overlay;' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-3)' xlink:href='%23path-2'%3E%3C/use%3E%3C/g%3E%3Cg id='gloss'%3E%3Cuse fill='url(%23linearGradient-4)' xlink:href='%23path-6'%3E%3C/use%3E%3Cuse fill='url(%23linearGradient-5)' style='mix-blend-mode: overlay;' xlink:href='%23path-6'%3E%3C/use%3E%3C/g%3E%3Cg id='Combined-shape-397'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-8)' xlink:href='%23path-7'%3E%3C/use%3E%3Cuse fill='%23A66707' fill-rule='evenodd' xlink:href='%23path-7'%3E%3C/use%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-9)' xlink:href='%23path-7'%3E%3C/use%3E%3C/g%3E%3Cg id='brow-left'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-11)' xlink:href='%23path-10'%3E%3C/use%3E%3Cuse fill='%23A66707' fill-rule='evenodd' xlink:href='%23path-10'%3E%3C/use%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-12)' xlink:href='%23path-10'%3E%3C/use%3E%3C/g%3E%3Cg id='brow-right'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-14)' xlink:href='%23path-13'%3E%3C/use%3E%3Cuse fill='%23A66707' fill-rule='evenodd' xlink:href='%23path-13'%3E%3C/use%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-15)' xlink:href='%23path-13'%3E%3C/use%3E%3C/g%3E%3Cg id='left-eye'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-17)' xlink:href='%23path-16'%3E%3C/use%3E%3Cuse fill='%23A66707' fill-rule='evenodd' xlink:href='%23path-16'%3E%3C/use%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-18)' xlink:href='%23path-16'%3E%3C/use%3E%3C/g%3E%3Cg id='right-eye'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-20)' xlink:href='%23path-19'%3E%3C/use%3E%3Cuse fill='%23A66707' fill-rule='evenodd' xlink:href='%23path-19'%3E%3C/use%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-21)' xlink:href='%23path-19'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } /*------------- END FONTS SETTINGS ------------*/ /***********************************************/ /*************** $GLOBAL SETTINGS **************/ /***********************************************/ /*default body background = background-color:#FFFFFF; (Theme Customizer > General Setting > Background)*/ /*default content = max-width: 1040px; (Theme Customizer > General Setting > Layout Settings)*/ /*default body text = font-size: 18px; line-height: 1.8em; font-family: LatoLatin-regular; color: #666666; (Theme Customizer > General Setting > Typography)*/ /*default heading text = font-family: LatoLatin-bold; color: #333333; (Theme Customizer > General Setting > Typography)*/ /*default link = color: #0cb9fe; (Theme Customizer > General Setting > Typography)*/ /*default menu active page link = color:#5fc48c; (Theme Customizer > Header & Navigation > Primary Menu Bar)*/ html, body { width: auto !important; overflow-x: hidden !important; } #page-container { overflow-x: hidden !important; } img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; } /*------------- END GLOBAL SETTINGS -----------*/ /***********************************************/ /*************** $COMMON SETTINGS **************/ /***********************************************/ /* Avoid line break */ .common-nowrap { white-space: nowrap; } .inner_link { color: #5fc48c; transition: color .3s ease; } .inner_link:hover { color: #0cb9fe !important; } /* Buttons Effects */ .common_button { white-space: nowrap; display: inline-block; height: 40px; line-height: 40px; padding: 0 14px; background: var(--brand-at-primary-green); border-radius: 4px; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: .025em; color: #fff; text-decoration: none; transition: all .15s ease; cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent; opacity: 0; -webkit-animation: 1s fadeIn forwards .8s; animation: 1s fadeIn forwards .8s; } .common_button.common_large_button{ font-size: 16px; padding: 0 18px; line-height: 43px; height: 43px; } .common_button.common_small_button{ font-size: 12px; } #et-boc #et_builder_outer_content .button_withShadow, .button_withShadow { box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08); } #et-boc #et_builder_outer_content .button_effect, .button_effect { text-transform: uppercase; text-decoration: none; transition: all .15s ease; } #et-boc #et_builder_outer_content .button_effect:hover, #et-boc #et_builder_outer_content .button_effect:focus, .button_effect:hover, .button_effect:focus { -webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025); box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); } #et-boc #et_builder_outer_content .button_effect:active, .button_effect:active { -webkit-transform: translateY(1px); transform: translateY(1px); box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3); } /** •• Links **/ /* | TEXT DECORATION | && / || | ARROW | ------------------------- ------------------------- | .link_underline_hover | | .link_arrow | | .link_arrow_uppercase | Class example for custom dev : My link */ /* • link : Underline - Hover */ #et-boc #et_builder_outer_content .link_underline_hover:hover, .link_underline_hover:hover { text-decoration: underline !important; } /* • link : Arrow - Right */ #et-boc #et_builder_outer_content .link_arrow:after, .link_arrow:after { content: '\35'; font-family: ETmodules; font-weight: bold; font-style: normal; font-size: inherit; color: inherit; line-height: 1; vertical-align: text-bottom; text-decoration: none; display: inline-block; } /* • link : Uppercase / Arrow - Right */ #et-boc #et_builder_outer_content .link_arrow_uppercase:after, .link_arrow_uppercase:after { content: '\35'; font-family: ETmodules; font-weight: bold; font-style: normal; font-size: inherit; color: inherit; line-height: 1; vertical-align: text-bottom; text-decoration: none; display: inline-block; padding-left: 1px; padding-bottom: 1px; } /* link_grow */ #et-boc #et_builder_outer_content .link_effect, .link_effect { transition: all .15s ease; -webkit-transform-origin: center; transform-origin: center; } #et-boc #et_builder_outer_content .link_effect:hover, .link_effect:hover { -webkit-transform: scale(1.025); transform: scale(1.025); } #et-boc #et_builder_outer_content .link_effect:active, .link_effect:active { -webkit-transform: scale(0.98); transform: scale(0.98); } /***CUSTOM BACKGROUNDS GRID LAYOUT (html elements generated by child theme's alti_trading_mainPages_customBGs.js || alti_trading_bundle.js)--(not visible if Builder active)***/ /*Containers + grid settings*/ /* common-StripeGrid */ .common-StripeGrid { --stripe-height: 48px; --content-columns: 12; --gutter-columns: 4; position: absolute; width: 100%; top: 0; bottom: 0; z-index: -1; pointer-events: none } @media (min-width:670px) { .common-StripeGrid { --stripe-height: 64px } } .common-StripeGrid .backgroundContainer, .common-StripeGrid .stripeContainer { display: flex; flex-direction: column; align-items: center; position: absolute; width: 100%; height: 100%; -webkit-transform: skewY(-12deg); transform: skewY(-12deg) } .common-StripeGrid .backgroundContainer .grid { grid-template-columns: 1fr; min-width: 0 } .common-StripeGrid .backgroundContainer .background { grid-row: 1/-1; grid-column: 1/-1; z-index: -1 } .common-StripeGrid .stripeContainer { overflow: hidden } .common-StripeGrid.anchorBottom .backgroundContainer, .common-StripeGrid.anchorBottom .stripeContainer { justify-content: flex-end; } .common-StripeGrid.anchorBottom .grid { height: 200%; align-content: end; } .common-StripeGrid .grid { --content-column-width: minmax(0, calc(1040px / var(--content-columns))); --gutter-column-width: 1fr; position: absolute; width: 100%; height: 100%; display: grid; grid-template-rows: repeat(auto-fill, var(--stripe-height)); grid-template-columns: [viewport-start] 1fr [left-gutter-start] repeat(var(--gutter-columns), var(--gutter-column-width)) [left-gutter-end content-start] repeat(var(--content-columns), var(--content-column-width)) [content-end right-gutter-start] repeat(var(--gutter-columns), var(--gutter-column-width)) [right-gutter-end] 1fr [viewport-end] } @media (min-width:1040px) { .common-StripeGrid .grid { --gutter-column-width: var(--content-column-width); min-width: calc(1040px / var(--content-columns) * (var(--gutter-columns) * 2 + var(--content-columns))) } } /* largeBlended-StripeGrid */ .largeBlended-StripeGrid { position: absolute; z-index: 1; width: 100%; display: grid; -webkit-transform: skewY(-12deg); transform: skewY(-12deg); top: 0; grid: repeat(5, 200px)/repeat(10, 1fr); -webkit-transform-origin: top left; transform-origin: top left; overflow: hidden; } @media (max-width:980px) { .largeBlended-StripeGrid { grid: repeat(5, 100px)/repeat(10, 1fr)!important; } } /* Common PDV Stripe Colors */ .pdv_starter .stripeContainer span.s1{ background-color: var(--prog-starter); } .pdv_tr .stripeContainer span.s1{ background-color: var(--prog-tr); } .pdv_ip .stripeContainer span.s1{ background-color: var(--prog-ip); } .pdv_starter .stripeContainer span.s2{ background-color: var(--prog-starter-midtone); } .pdv_tr .stripeContainer span.s2{ background-color: var(--prog-tr-midtone); } .pdv_ip .stripeContainer span.s2{ background-color: var(--prog-ip-midtone); } .pdv_starter .stripeContainer span.s3{ background-color: var(--prog-starter-light); } .pdv_tr .stripeContainer span.s3{ background-color: var(--prog-tr-light); } .pdv_ip .stripeContainer span.s3{ background-color: var(--prog-ip-light); } .pdv_starter .stripeContainer span.s4{ background-color: var(--prog-starter-darktone); } .pdv_tr .stripeContainer span.s4{ background-color: var(--prog-tr-darktone); } .pdv_ip .stripeContainer span.s4{ background-color: var(--prog-ip-darktone); } .pdv .stripeContainer span.s5{ background-color: var(--gray-shade-mid-light); } .pdv .stripeContainer span.s6{ background-color: var(--gray-shade-super-light); } .pdv .stripeContainer span.s7{ box-shadow: inset 0 0 0 2px var(--gray-shade-mid-light); } .pdv .stripeContainer span.s8{ box-shadow: inset 0 0 0 2px var(--gray-shade-super-light); } /*** PARTENAIRES LOGOS ***/ .partenaires_logo_container img { max-height: 35px; } @media (max-width:479px) { .partenaires_logo_container { justify-content: center; } .partenaires_logo_container .et_pb_column { width: 30% !important; max-width: unset; } .partenaires_logo_container .et_pb_image { margin: 15px 10px !important; } } /*** DIVI ARROW BUTTONS AFTER HOVER ***/ .et_pb_button.et_hover_enabled:hover:after, .et_pb_button.et_pb_hovered:hover:after { transition: all 300ms ease 0ms !important; } /*** COMMON FLEX ITEM ***/ @media (max-width:980px) { .common_flex_col_reverse_medium { flex-direction: column-reverse !important; } } @media (max-width:669px) { .common_flex_col_reverse_small { flex-direction: column-reverse !important; } } @media (max-width:479) { .common_flex_col_reverse_xsmall { flex-direction: column-reverse !important; } } .common_flex_grow1 { flex-grow: 1; } /*** COMMON FLEX ROW - 2 COLUMNS ***/ .common_flex_row_2col { display: flex; align-items: stretch; justify-content: space-between; } .common_flex_row_2col:after { display: none; } .common_flex_row_2col .et_pb_column { margin-right: 0 !important; float: none; align-items: stretch; display: flex; flex-direction: column; } @media (max-width:669px) { .common_flex_row_2col { flex-direction: column; align-items: center; } } /*** COMMON FLEX ROW - 3 COLUMNS ***/ .common_flex_row_3col { display: flex; align-items: stretch; justify-content: space-between; } .common_flex_row_3col:after { display: none; } .common_flex_row_3col .et_pb_column { margin-right: 0 !important; float: none; align-items: stretch; display: flex; } @media (max-width:980px) { .common_flex_row_3col { flex-direction: column; align-items: center; } .common_flex_row_3col .et_pb_column { justify-content: center; margin-bottom: 0 !important; } } /*** COMMON GRID ROW - 3 COLUMNS (from the builder, place modules in 1 column row) ***/ .common_grid_row_3col .et_pb_column { display: grid; grid-template-columns: 30% 30% 30%; grid-template-rows: auto; grid-column-gap: 5%; grid-row-gap: 50px; } @media all and (max-width:980px) { .common_grid_row_3col .et_pb_column { grid-template-columns: 40% 40%; grid-template-rows: auto; grid-column-gap: 10%; grid-row-gap: 50px; justify-content: center; } } @media all and (max-width:750px) { .common_grid_row_3col .et_pb_column { grid-template-columns: minmax(auto, 320px); grid-template-rows: auto; grid-row-gap: 50px; justify-content: center; } } /*** COMMON QUOTE CARD ***/ .common_quote_card:hover { box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025); } .common_quote_card .et_pb_main_blurb_image { position: relative; } .common_quote_card img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .common_quote_card .et_pb_image_wrap { max-height: unset; display: flex; justify-content: center; align-items: flex-end; } .common_quote_card .et_pb_blurb_container { padding: 20px 30px; position: relative; display: flex; flex-direction: column; flex-grow: 1; } .common_quote_card .et_pb_main_blurb_image { margin-bottom: 0 !important; } .common_quote_card .et_pb_main_blurb_image:after { background-repeat: no-repeat !important; background-position: center; box-shadow: 0 0 0 2px rgba(82, 95, 127, .1); background-color: #FFFFFF; border-radius: 50%; z-index: 99; position: absolute; width: 40px; height: 40px; left: calc(50% - 20px); } .common_quote_card .et_pb_main_blurb_image:before { content: ""; position: absolute; left: 0; top: 100%; height: 150px; width: 101%; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewY(-12deg); transform: skewY(-12deg); background: #fff; } .common_quote_card .et_pb_blurb_description, .common_quote_card .et_pb_module_header { position: relative; } .common_quote_card:hover.common_quote_card .et_pb_main_blurb_image:after { background-position: center; background-size: 20px 20px !important; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: center center; transform-origin: center center; } /*** COMMON MEMBRES TESTIMONIALS VIDEO CARD ***/ .common_member_testimonial_card { margin-bottom: 0 !important; } .common_member_testimonial_card .et_pb_image_wrap { height: 200px; } .common_member_testimonial_card .et_pb_main_blurb_image:after { font-family: ETmodules !important; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\45"; color: #5fc48c; font-size: 40px; transition: .2s; top: calc(200px - 50px); } .common_member_testimonial_card:hover .et_pb_main_blurb_image:after { color: #FFF; background-color: #5fc48b !important; box-shadow: 0 0 0 2px #fff; } .common_member_testimonial_card .et_pb_blurb_container .et_pb_module_header:before { position: absolute; content: open-quote; quotes: "«""»"; left: -15px; top: -1px; font-size: 22px; } .common_member_testimonial_card .et_pb_blurb_container .et_pb_module_header:after { position: relative; content: close-quote; quotes: "«""»"; left: 4px; font-size: 22px; } .common_member_testimonial_card .et_pb_module_header { flex-grow: 1; } /*** COMMON TRADERS QUOTE CARD ***/ .home_page_traders_card { margin: 0 !important; } .home_page_traders_card .et_pb_blurb_container { padding: 20px 30px !important; } .home_page_traders_card .et_pb_blurb_description { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .home_page_traders_card .et_pb_image_wrap { height: 300px; } @media (max-width: 980px) { .home_page_traders_card { width: 100% !important; margin-bottom: 50px !important; } .home_page_traders_card img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .home_page_traders_card .et_pb_blurb_container .et_pb_module_header { padding: 0 0 30px; } .home_page_traders_card .et_pb_main_blurb_image:after { content: ''; background-color: #FFFFFF !important; background: url(../../../images/tradersBlurb/SVG/progress_arrow_icon.svg); background-size: 25px 25px !important; transition: .1s; background-position: center; top: calc(300px - 50px); } .home_page_traders_card:hover.home_page_traders_card .et_pb_main_blurb_image:after { background: url(../../../images/tradersBlurb/SVG/double_quotes_icon.svg); background-position: center; } @media (max-width:980px) { .home_page_traders_card .et_pb_main_blurb_image:after { bottom: 10%; top: unset; } } @media (max-width:624px) { .home_page_traders_card .et_pb_main_blurb_image:after { bottom: calc(9vw - 20px); top: unset; } } .home_page_traders_card:hover.home_page_traders_card .traders_blurb_link { color: #0cb9fe !important; } /***typing effect (plugin)***/ .typed-cursor { display: none !important; } /*------------- END COMMON SETTINGS -----------*/ /***********************************************/ /******* $MENU DESKTOP (Main Navigation) *******/ /***********************************************/ html body.page-formations-et-services header#main-header, html body.page-starter header#main-header, html body.page-traderrentable header#main-header, html body.page-investisseurpro header#main-header { position: relative !important; top: 0 !important; } html body.page-formations-et-services.et_fixed_nav.et_show_nav #page-container, html body.page-starter.et_fixed_nav.et_show_nav #page-container, html body.page-traderrentable.et_fixed_nav.et_show_nav #page-container, html body.page-investisseurpro.et_fixed_nav.et_show_nav #page-container { padding: 0 !important; } html body.page-formations-et-services #shiftnav-toggle-main, html body.page-starter #shiftnav-toggle-main, html body.page-traderrentable #shiftnav-toggle-main, html body.page-investisseurpro #shiftnav-toggle-main { position: absolute; } header#main-header a:hover { cursor: pointer !important; } .et_menu_container { display: flex; height: 66px !important; } .et_menu_container .logo_container { width: 185px; align-self: center; position: relative; height: 100%; } .et_menu_container .logo_container a { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #et-top-navigation { padding: 0 !important; flex-grow: 1; display: flex; align-items: center; } #top-menu-nav { display: flex; float: none !important; flex-grow: 1; } #top-menu { display: flex; flex-grow: 1; } ul#top-menu>li { display: flex; flex-direction: column; justify-content: center; padding: 6px 25px 6px 0; } #top-menu a { transition: all .15s ease !important; } #top-menu .menu-item-has-children>a { padding-right: 20px !important; } #top-menu .Menu_membres { margin-left: auto; } ul#top-menu>li>a { font-weight: normal; padding: 20px 0 !important; } #et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after { right: unset; left: calc(100% - 16px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* .nav li ul { visibility: visible; opacity:1; } */ #top-menu>li .sub-menu { top: 100%; align-self: center; margin-top: 20px !important; border: none; border-radius: 4px; box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025); width: 415px; padding: 0 !important; /*display: none;*/ } #top-menu .Menu_formations>.sub-menu { flex-direction: column; } #top-menu>li .sub-menu:after { content: ''; display: block; width: 100%; height: 20px; position: absolute; top: -20px; } #top-menu>li .sub-menu:before { content: ''; display: block; position: absolute; width: 20px; height: 20px; background: #FFF; top: -10px; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } #top-menu .sub-menu a { width: unset; padding-right: 0px !important; } #top-menu .sub-menu a h3 { font-size: 16px; font-weight: bold; line-height: 22px; letter-spacing: 0.025em !important; } #top-menu .sub-menu a p { font-weight: normal; font-size: 14px; line-height: 21px; color: #6b7c93; } .et_mobile_menu li a:hover, .nav ul li a:hover { opacity: unset; background-color: unset; } #top-menu .sub-menu a * { transition: all .15s ease; } #top-menu .sub-menu a:hover h3, #top-menu .sub-menu a:hover p { color: #205183; } .Menu_formations { padding-left: 35px !important; } /*--SubMenu FORMATIONS Items--*/ .Menu_formations li:first-child { padding-top: 20px !important; } .Menu_formations li:last-child { padding-bottom: 20px !important; border-radius: 0 0 4px 4px; } .Menu_formations .sub-menu li { display: block !important; padding: 0; padding-left: 35px !important; padding-right: 35px !important; } .Menu_formations .sub-menu a h3 { padding: 0 !important; } /*Packs Global*/ .subMenu_formations__packs a { padding-top: 15px !important; padding-bottom: 15px !important; padding-left: 66px !important; } /* .subMenu_formations__packStarter a p, .subMenu_formations__packInvestisseurPro a p, .subMenu_formations__packTraderRentable a p { margin: 5px 0 0; } */ .subMenu_formations__packStarter a h3 { color: var(--prog-starter); } .subMenu_formations__packStarter a:hover h3 { color: var(--prog-starter-darktone)!important; } .subMenu_formations__packTraderRentable a h3 { color: var(--prog-tr); } .subMenu_formations__packTraderRentable a:hover h3 { color: var(--prog-tr-darktone)!important; } .subMenu_formations__packInvestisseurPro a h3 { color: var(--prog-ip); } .subMenu_formations__packInvestisseurPro a:hover h3 { color: var(--prog-ip-darktone)!important; } .subMenu_formations__packInvestisseurPro a { padding-bottom: 30px !important; } .Menu_formations .mainNav_programme_icon { position: absolute; width: 48px; height: 48px; z-index: -1; } .Menu_formations .mainNav_formationsSecondary_icon { position: absolute; width: 22px; height: 22px; z-index: 1; } .Menu_formations .subMenu_formations__packStarter .mainNav_programme_icon { top: 35px; left: 35px; } .Menu_formations .subMenu_formations__packInvestisseurPro .mainNav_programme_icon, .Menu_formations .subMenu_formations__packTraderRentable .mainNav_programme_icon { top: 15px; left: 35px; } .Menu_formations .subMenu_formations__comparerOffres .mainNav_formationsSecondary_icon { top: 35px; left: 50px; } .Menu_formations .subMenu_formations__allFormations .mainNav_formationsSecondary_icon { top: 15px; left: 92px; } .Menu_ressources .mainNav_ressources_icon { position: absolute; width: 18px; height: 18px; z-index: -1; } .Menu_ressources .subMenu_ressources__blog .mainNav_ressources_icon { top: 36px; left: 35px; } .Menu_ressources .subMenu_ressources__projetsHumanitaires .mainNav_ressources_icon { top: 16px; left: 35px; } .Menu_ressources .subMenu_ressources__calendar .mainNav_ressources_icon { top: 16px; left: 35px; } .Menu_ressources .subMenu_ressources__webinaires .mainNav_ressources_icon { top: 36px; left: 15px; } .Menu_ressources .subMenu_ressources__devenirPartenaire .mainNav_ressources_icon { top: 16px; left: 15px; } .Menu_ressources .subMenu_ressources__equipe .mainNav_ressources_icon { top: 15px; left: 35px; } .Menu_membres .mainNav_log_icon { position: absolute; width: 25px; height: 25px; z-index: -1; } .subMenu_formations__packs .mainNav_programme_icon.mainNav_icon svg{ filter: drop-shadow(4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0.33)); transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -webkit-filter: drop-shadow(4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0.33)); transition: all .15s ease !important; -webkit-transition: all .15s ease !important; -moz-transition: all .15s ease !important; -ms-transition: all .15s ease !important; -o-transition: all .15s ease !important; } .subMenu_formations__packs .mainNav_programme_icon.mainNav_icon svg .prg_icon_fill_bg{ opacity:1; transition: none!important; } .subMenu_formations__packs>a:hover~.mainNav_programme_icon.mainNav_icon svg .prg_icon_fill_bg{ opacity:0; } .subMenu_formations__packs > a:hover~.mainNav_programme_icon.mainNav_icon svg{ filter: drop-shadow(4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0)); transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); -webkit-filter: drop-shadow(4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0)); } .mainNav_icon svg path, .mainNav_icon svg rect, .mainNav_icon svg circle, .mainNav_icon svg g { transition: fill-opacity .15s ease, fill .15s ease, stroke .01s ease; } .subMenu_formations__packStarter a:hover~.mainNav_programme_icon svg #menu_starter_icon_bg, .subMenu_formations__packTraderRentable a:hover~.mainNav_programme_icon svg #menu_traderRentable_icon_bg, .subMenu_formations__packInvestisseurPro a:hover~.mainNav_programme_icon svg #menu_investisseurPro_icon_bg, .subMenu_formations__comparerOffres a:hover~.mainNav_formationsSecondary_icon svg #menu_comparerOffres_icon_shape1, .subMenu_formations__comparerOffres a:hover~.mainNav_formationsSecondary_icon svg #menu_comparerOffres_icon_shape2 { fill-opacity: 0; } .subMenu_formations__packStarter a:hover~.mainNav_programme_icon svg #menu_starter_icon_bg_hover, .subMenu_formations__packTraderRentable a:hover~.mainNav_programme_icon svg #menu_traderRentable_icon_bg_hover, .subMenu_formations__packInvestisseurPro a:hover~.mainNav_programme_icon svg #menu_investisseurPro_icon_bg_hover, .subMenu_formations__comparerOffres a:hover~.mainNav_formationsSecondary_icon svg #menu_comparerOffres_icon_shape1_hover, .subMenu_formations__comparerOffres a:hover~.mainNav_formationsSecondary_icon svg #menu_comparerOffres_icon_shape2_hover { fill-opacity: 1; } .subMenu_formations__allFormations a:hover~.mainNav_formationsSecondary_icon svg #menu_allFormations_icon_shape1, .subMenu_formations__allFormations a:hover~.mainNav_formationsSecondary_icon svg #menu_allFormations_icon_shape3, .subMenu_ressources__blog a:hover~.mainNav_ressources_icon svg #menu_blog_icon_shape2, .subMenu_ressources__projetsHumanitaires a:hover~.mainNav_ressources_icon svg #menu_projets_icon_shape2, .subMenu_ressources__projetsHumanitaires a:hover~.mainNav_ressources_icon svg #menu_projets_icon_shape3, .subMenu_ressources__webinaires a:hover~.mainNav_ressources_icon svg #menu_webinaires_icon_shape1, .subMenu_ressources__devenirPartenaire a:hover~.mainNav_ressources_icon svg #menu_partenaire_icon_shape2, .subMenu_ressources__devenirPartenaire a:hover~.mainNav_ressources_icon svg #menu_partenaire_icon_shape3 { fill: #205183; } .subMenu_formations__allFormations a:hover~.mainNav_formationsSecondary_icon svg #menu_allFormations_icon_shape2, .subMenu_ressources__blog a:hover~.mainNav_ressources_icon svg #menu_blog_icon_shape1, .subMenu_ressources__projetsHumanitaires a:hover~.mainNav_ressources_icon svg #menu_projets_icon_shape1, .subMenu_ressources__webinaires a:hover~.mainNav_ressources_icon svg #menu_webinaires_icon_shape2, .subMenu_ressources__devenirPartenaire a:hover~.mainNav_ressources_icon svg #menu_partenaire_icon_shape1 { fill: #86BBFC; } .subMenu_formations__allFormations a:hover~.mainNav_formationsSecondary_icon svg #menu_allFormations_icon_shadow_shape2 { fill: #446184; } .subMenu_formations__allFormations a:hover~.mainNav_formationsSecondary_icon svg #menu_allFormations_icon_shadow_shape1, .subMenu_formations__allFormations a:hover~.mainNav_formationsSecondary_icon svg #menu_allFormations_icon_shadow_shape3 { fill: #0B2036; } .Menu_membres a:hover~.mainNav_log_icon svg #alti_menu_log_member_icon { stroke: #5fc48c; } /*REMOVE AFTER EVENT*/ /* .subMenu_ressources__calendar a:hover ~ .mainNav_ressources_icon svg #menu_calendar_icon_shape1, .subMenu_ressources__calendar a:hover ~ .mainNav_ressources_icon svg #menu_calendar_icon_shape2, .subMenu_ressources__calendar a:hover ~ .mainNav_ressources_icon svg #menu_calendar_icon_shape3 { fill: #86bbfc; } .subMenu_ressources__calendar a:hover ~ .mainNav_ressources_icon svg #menu_calendar_icon_shape4 { fill: #205183; } */ .subMenu_ressources__equipe a:hover~.mainNav_ressources_icon svg #menu_equipe_icon_shape1, .subMenu_ressources__equipe a:hover~.mainNav_ressources_icon svg #menu_equipe_icon_shape2, .subMenu_ressources__equipe a:hover~.mainNav_ressources_icon svg #menu_equipe_icon_shape3, .subMenu_ressources__equipe a:hover~.mainNav_ressources_icon svg #menu_equipe_icon_shape4 { fill: #86bbfc; } .subMenu_ressources__equipe a:hover~.mainNav_ressources_icon svg #menu_equipe_icon_shape5 { fill: #205183; } /*Comparer & Voir tout*/ #top-menu .subMenu_formations__comparerOffres a h3, #top-menu .subMenu_formations__allFormations a h3 { padding-left: 0px !important; color: #6b7c93; padding-bottom: 0 !important; } .Menu_formations .subMenu_formations__comparerOffres { padding-top: 20px !important; } .subMenu_formations__comparerOffres a, .subMenu_formations__allFormations a { padding: 15px 0 0 66px!important; display: inline-block !important; z-index: 2; } .subMenu_formations__comparerOffres { border-top: 2px solid #ffffff; } .subMenu_formations__comparerOffres, .subMenu_formations__allFormations, .subMenu_formations__single { background-color: #f5f9fc; } .Menu_resultats { padding-right: 0 !important; } /*---SubMenu RESSOURCES---*/ .Menu_ressources { padding-left: 25px !important; } .Menu_ressources .sub-menu { display: flex; flex-wrap: wrap; width: 500px !important; } .Menu_ressources .sub-menu li { width: 50%; } .Menu_ressources li a { padding: 0 !important; } .Menu_ressources .subMenu_ressources__blog { padding: 35px 15px 15px 35px !important; } .Menu_ressources .subMenu_ressources__webinaires { padding: 35px 35px 15px 15px !important; } .Menu_ressources .subMenu_ressources__projetsHumanitaires { /* -Calendrier Avant- REMOVE AFTER EVENT padding: 15px 15px 15px 35px !important; */ padding: 15px 15px 15px 35px !important; } /* -Calendrier Avant- REMOVE AFTER EVENT .Menu_ressources .subMenu_ressources__calendar { padding: 15px 15px 35px 35px !important; } */ .Menu_ressources .subMenu_ressources__devenirPartenaire { /* -Calendrier Avant- REMOVE AFTER EVENT padding: 15px 35px 15px 15px !important;*/ padding: 15px 35px 15px 15px !important; } .Menu_ressources .subMenu_ressources__equipe { padding: 15px 15px 35px 35px !important; } .Menu_ressources li p { margin: 5px 0 0; } .Menu_ressources .sub-menu h3 { padding-left: 30px !important; color: #666666; } /*hover a color*/ #top-menu .Menu_formations>a:hover, #top-menu .Menu_pourquoiAlti>a:hover, #top-menu .Menu_resultats>a:hover, #top-menu .Menu_ressources>a:hover, #top-menu .Menu_membres>a:hover { opacity: 1 !important; color: #5fc48c !important; } #top-menu .Menu_membres>a { padding-left: 32px !important; } .Menu_membres a, .Menu_commencer a { font-weight: bold !important; } /*Commencer Gratuitement*/ #top-menu .Menu_commencer a { color: #ffffff !important; background-color: #5fc48c; border-radius: 4px; padding: 12px 20px !important; } @media only screen and (min-width: 981px) { .et-fixed-header #top-menu .Menu_commencer.current-menu-item>a { color: #ffffff !important; } } @media all and (min-width:1200px) { .et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container { padding-top: 66px !important; } } @media all and (max-width:1199px) { #page-container { padding-top: 0 !important } } /*------------- END MENU DESKTOP --------------*/ /***********************************************/ /******** $MENU MOBILE (shiftNav Main) *********/ /***********************************************/ .mobile_Menu_formations__packs a, .mobile_Menu_formations__single a { padding-left: 60px !important; } .mobile_Menu_title__formations a { color: #8898aa !important; } .mobile_Menu_formations__single a:before, .mobile_Menu__membres a:before, .mobile_Menu__commencer a:before { content: ''; background-size: 25px 25px !important; background-repeat: no-repeat !important; width: 25px; height: 25px; position: absolute; left: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mobile_Menu_formations__packs a:before { content: ''; background-size: 25px 25px !important; background-repeat: no-repeat !important; width: 25px; height: 25px; position: absolute; left: 25px; top: 17px; } #menu-mobile-menu a.shiftnav-target { font-size: 14px; } #menu-mobile-menu .mobile_Menu_formations__packs h3 { padding: 0; font-size: 15px; margin-bottom: 5px; } #menu-mobile-menu .mobile_Menu_formations__packs p { font-size: 13px; color: #6a7c93; padding: 0; line-height: 1.5em; } #menu-mobile-menu .mobile_Menu__packStarter a h3 { color: #EC8C55 !important; } #menu-mobile-menu .mobile_Menu__packStarter a:before { background: url(../../../images/pdv/STARTER_icon.svg); } #menu-mobile-menu .mobile_Menu__packPro a h3 { color: #909090 !important; } #menu-mobile-menu .mobile_Menu__packTraderRentable a:before { background: url(../../../images/pdv/TR_icon.svg); } #menu-mobile-menu .mobile_Menu__packPro a h3 { color: #ECC315 !important; } #menu-mobile-menu .mobile_Menu__packPro a:before { background: url(../../../images/pdv/IP_icon.svg); } .mobile_Menu__comparer a, .mobile_Menu__allFormations a { color: #6b7c93 !important; } .mobile_Menu__comparer a:before { background: url(../../../images/menu/subMenu_formations_icons_hover/SVG/alti_subMenu_formations_icon_comparer_hover.svg); } #menu-mobile-menu .mobile_Menu__comparer { margin-top: 15px; } .mobile_Menu__allFormations a:before { background: url(../../../images/menu/subMenu_formations_icons_hover/SVG/menu_allFormations_icon_hover.svg); } .mobile_Menu__thin a { font-weight: 100 !important; color: #6b7c93 !important; background-color: #f5f9fc !important; } .mobile_Menu__pourquoiAlti a { padding-top: 30px !important; } /* -Calendrier Avant- REMOVE AFTER EVENT .mobile_Menu__calendar a { padding-bottom: 30px !important; } */ .mobile_Menu__equipe a { padding-bottom: 30px !important; } .mobile_Menu__membres a:before, .mobile_Menu__commencer a:before { background-size: 15px 15px !important; width: 15px !important; height: 15px !important; } .mobile_Menu__membres a, .mobile_Menu__commencer a { padding-left: 50px !important; } .mobile_Menu__membres a:before { background: url(../../../images/menu/menu_membres_icon/SVG/alti_menu_membres_icon_user.svg); } .mobile_Menu__commencer a:before { background: url(../../../images/menu/menu_commencer_icon/SVG/alti_menu_commencer_icon_play.svg); } /*--------------- END MENU MOBILE -------------*/ /***********************************************/ /******************** $FOOTER ******************/ /***********************************************/ /*** FOOTER TOP ***/ #main-footer { position: relative; /*top: -1px;*/ z-index: 1; } .global-footer_page_links_container a { display: block; padding: 2px 0; transition: all 300ms ease 0ms; } #global-footer_menu_container a:hover { color: #5fc48c; } #global-footer_menu_container a { color: #ffffff; } #global-footer_menu_container p { padding-bottom: 0; } #global-footer_menu_container { display: flex; flex-wrap: nowrap; justify-content: center; } #global-footer_menu_container .et_pb_column { width: unset; display: flex; flex-basis: auto; flex-direction: column; } #global-footer_menu_container .et_pb_column:not(:first-child):not(:last-child) { margin: 0 4% 0 0; } #global-footer_menu_container .et_pb_column:first-child { margin-right: 0; } #global-footer_menu_container .et_pb_column:last-child { margin-right: 0; } #global-footer_rs_stars { margin-bottom: 20px; } #global-footer_rs_stars img { max-width: 180px; } #global-footer_rs_nbr { margin-bottom: 5px; } div#global-footer_rs_container { flex-basis: 30% !important; } @media (max-width: 1120px) { #global-footer_cl_col { margin-right: 0 !important; } } @media all and (max-width:1120px) and (min-width:841px) { /* top-footer top part */ #global-footer_cta { display: grid; grid-template: repeat(2, auto) / 30% 70%; } #global-footer_logo_col, #global-footer_cl_col { margin-bottom: 30px; } #global-footer_main_button_col { grid-column: 2; display: flex; justify-content: flex-end; } #global-footer_menu_container .et_pb_column:first-child { margin-bottom: 0; } } @media all and (max-width:1120px) and (min-width:650px) { /* top-footer bottom part */ #global-footer_menu_container { display: grid; grid-template: repeat(2, auto) /33% 33% 33%; } } @media all and (max-width:1120px) and (min-width:701px) { #global-footer_menu_container .et_pb_column:nth-child(2) { align-items: flex-end; } #global-footer_menu_container .et_pb_column:nth-child(3) { align-items: center; } #global-footer_menu_container .et_pb_column:nth-child(4) { align-items: flex-start; } } @media all and (max-width:1120px) and (min-width:650px) { #global-footer_rs_container { grid-row: 2; grid-column: 1 / span4; align-items: center; margin-top: 30px; margin-right: 0; } #global-footer_rs_stars { margin-left: auto; margin-right: auto; } } @media (max-width:840px) { /* top-footer top part */ #global-footer_cta { display: grid; grid-template: repeat(3, auto) / 100%; padding-top: 0; } #global-footer_logo_col { margin-left: auto; } #global-footer_cl_col { grid-row: 2; } #global-footer_cl_col .et_pb_text_inner { text-align: center; } #global-footer_main_button_col { grid-row: 3; grid-column: 1; justify-content: center; } } @media all and (max-width:700px) and (min-width:650px) { /* top-footer bottom part */ #global-footer_menu_container .global-footer_page_links_container { margin: 0 !important; } #global-footer_menu_container .et_pb_column:nth-child(2) { align-items: flex-start; } #global-footer_menu_container .et_pb_column:nth-child(3) { align-items: flex-start; } #global-footer_menu_container .et_pb_column:nth-child(4) { align-items: flex-end; } } @media (max-width:649px) { /* top-footer bottom part */ #global-footer_menu_container { display: grid; grid-template: repeat(4, auto) /100%; } #global-footer_menu_container .et_pb_column:first-child { grid-row: 4; grid-column: 1; } #global-footer_menu_container .et_pb_column:nth-child(2) { grid-row: 1; grid-column: 1; } #global-footer_menu_container .et_pb_column:nth-child(3) { grid-row: 2; grid-column: 1; } #global-footer_menu_container .et_pb_column:nth-child(4) { grid-row: 3; grid-column: 1; } #global-footer_menu_container .et_pb_column { align-items: center; } #global-footer_menu_container .et_pb_column:not(:first-child) { margin: 0 !important; } #global-footer_menu_container .et_pb_column:first-child { margin-top: 30px; margin-bottom: 0; } #global-footer_menu_container .et_pb_column:last-child .et_pb_text_inner { padding-left: 9%; } } #global-footer_help a { transition: all 300ms ease 0ms; } #global-footer_help a:hover { color: #5fc48c !important; } /*** FOOTER BOTTOM ***/ body.et_divi_theme #footer-bottom { background-color: #2A303D !important; padding: 30px 0 !important; } #footer-bottom a { transition: all 300ms ease 0ms; } #footer-bottom_heading { display: flex; } @media (max-width:980px) { #footer-bottom_heading { display: flex; flex-direction: column; align-items: center; } #footer-info { margin: 0 auto; } #footer-CGV { margin-right: 0 !important; margin-top: 30px; } } #footer-info { margin-right: auto; color: #ffffff !important; padding-bottom: 0 !important; font-size: 14px; float: none; } #footer-CGV { margin-right: 20px; } #footer-legale, #footer-CGV { color: #ffffff; float: none; font-size: 14px; transition: color .3s; } #footer-legale:hover, #footer-CGV:hover { color: #5fc48c; } #footer-disclaimer { margin-top: 30px; text-align: justify; float: left; font-size: 10px; line-height: 15px; color: #d0d0d0; } /*------------------ END FOOTER ---------------*/ /***********************************************/ /***************** $HOME PAGE ******************/ /***********************************************/ /***Header***/ #home_page_header video { height: unset !important; padding: 0; } body.et_mobile_device #home_page_header video { margin: 0px; min-width: 100%; min-height: 100% !important; -o-object-fit: cover; object-fit: cover; } body.et_mobile_device #home_page_header>div { top: 0; left: unset !important; height: 100% !important; width: 100% !important; } /***First Section***/ #home_page_first_section .text_container { margin: 0 !important; } #home_page_first_section .ilst { margin-top: auto; margin-bottom: auto; } #home_page_first_section .ilst_container { align-items: center; } @media (max-width: 669px) { #home_page_first_section .ilst_container { margin-top: 40px; margin-bottom: 0; } #home_page_first_section .ilst_container .ilst { margin: 0 auto !important; max-width: 250px; } } /*Methodology Summary Section*/ #home_page_methodology_summary_section { z-index: 1; } .home_page_methodology_summary img { max-width: 80px; max-height: 80px; } #methodology_summary_container .et_pb_column { display: grid; grid-template-columns: 8% 4% 30% 16% 8% 4% 30%; row-gap: 30px; grid-row-gap: 30px; } @media (max-width:980px) { #methodology_summary_container .et_pb_column { grid-template-columns: 8% 4% 33% 10% 8% 4% 33%; } } #methodology_summary_container .methodology_summary_ilst1 { grid-row: 1; grid-column: 1/span 1; } #methodology_summary_container .methodology_summary_text1 { grid-row: 1; grid-column: 3/span 1; } #methodology_summary_container .methodology_summary_ilst2 { grid-row: 1; grid-column: 5/span 1; } #methodology_summary_container .methodology_summary_text2 { grid-row: 1; grid-column: 7/span 1; } #methodology_summary_container .methodology_summary_ilst3 { grid-row: 2; grid-column: 1/span 1; } #methodology_summary_container .methodology_summary_text3 { grid-row: 2; grid-column: 3/span 1; } #methodology_summary_container .methodology_summary_ilst4 { grid-row: 2; grid-column: 5/span 1; } #methodology_summary_container .methodology_summary_text4 { grid-row: 2; grid-column: 7/span 1; } /*Background & grid settings*/ #home_page_methodology_summary_section .grid { height: 100%; } @media (max-width:790px) { #methodology_summary_container .et_pb_column { grid-template-columns: 15% 10% 75%; } #methodology_summary_container .methodology_summary_ilst1 { grid-row: 1; grid-column: 1/span 1; } #methodology_summary_container .methodology_summary_text1 { grid-row: 1; grid-column: 3/span 1; } #methodology_summary_container .methodology_summary_ilst2 { grid-row: 2; grid-column: 1/span 1; } #methodology_summary_container .methodology_summary_text2 { grid-row: 2; grid-column: 3/span 1; } #methodology_summary_container .methodology_summary_ilst3 { grid-row: 3; grid-column: 1/span 1; } #methodology_summary_container .methodology_summary_text3 { grid-row: 3; grid-column: 3/span 1; } #methodology_summary_container .methodology_summary_ilst4 { grid-row: 4; grid-column: 1/span 1; } #methodology_summary_container .methodology_summary_text4 { grid-row: 4; grid-column: 3/span 1; } } @media (max-width:479px) { #methodology_summary_container .et_pb_column { display: block; } #methodology_summary_container .methodology_summary_ilst1, #methodology_summary_container .methodology_summary_ilst2, #methodology_summary_container .methodology_summary_ilst3, #methodology_summary_container .methodology_summary_ilst4 { max-width: 75px; } #methodology_summary_container .methodology_summary_text1, #methodology_summary_container .methodology_summary_text2, #methodology_summary_container .methodology_summary_text3, #methodology_summary_container .methodology_summary_text4 { text-align: center; } } /*Background & grid settings*/ #home_page_methodology_summary_section .grid { height: 100%; } /*Stripes positions & colors*/ #home_page_methodology_summary_section .stripeContainer span:nth-child(1) { grid-row-start: 3; grid-column: -6/-3; background-color: #f5f9fc; } #home_page_methodology_summary_section .stripeContainer span:nth-child(2) { grid-row-start: 4; grid-column: -5/viewport-end; background-color: #205183; } #home_page_methodology_summary_section .stripeContainer span:nth-child(3) { grid-row-start: 7; grid-column: -5/-3; box-shadow: inset 0 0 0 2px #e6ebf1; } #home_page_methodology_summary_section .stripeContainer span:nth-child(4) { grid-row-start: 1; grid-column: -4/right-gutter; background-color: #fcd669; } #home_page_methodology_summary_section .stripeContainer span:nth-child(5) { grid-row-start: 6; grid-column: viewport-start/5; background-color: #69ebb8; } #home_page_methodology_summary_section .stripeContainer span:nth-child(6) { grid-row-start: 9; grid-column: viewport-start/3; background-color: #f5f9fc; } #home_page_methodology_summary_section .stripeContainer span:nth-child(7) { grid-row-start: 10; grid-column: 3/6; background-color: #6270fa; } #home_page_methodology_summary_section .stripeContainer span:nth-child(8) { grid-row-start: 11; grid-column: 2/4; background-color: #aab7c4; } #home_page_methodology_summary_section .stripeContainer span:nth-child(9) { grid-row-start: 5; grid-column: viewport-start/2; background-color: #0cb9fe; } @media (max-width:669px) { #home_page_results_stars { flex-direction: column; } #home_page_results_stars .et_pb_text { text-align: center; } } /*Methodology Details Section*/ #home_page_methodologyDetails_section { z-index: 2; } #alti_AZ_col1 { position: absolute !important; max-width: unset !important; width: unset !important; margin: 0 !important; top: 0; right: 70%; } #alti_AZ_col1 img { max-width: unset; width: 450px; } #alti_AZ_col2 { padding-left: 40%; width: unset; max-width: 1040px; } @media (max-width:980px) { #alti_AZ_col1 { right: 65vw; } #alti_AZ_col2 { padding-left: 20vw; } } @media (max-width:840px) { #alti_AZ_col1 { right: 80vw; top: unset; bottom: 0; } #alti_AZ_col2 { padding-left: 10vw; } } /*Background & grid settings*/ #home_page_methodologyDetails_section .grid { height: 100%; } /*Stripes positions & colors*/ #home_page_methodologyDetails_section .stripeContainer span:nth-child(1) { grid-row: 2; grid-column: span 5/viewport-end; background-color: #6270fa; } #home_page_methodologyDetails_section .stripeContainer span:nth-child(2) { grid-row: 1; grid-column: span 2/-2; background-color: #86bbfc; } #home_page_methodologyDetails_section .stripeContainer span:nth-child(3) { grid-row: -10; grid-column: viewport-start/span 4; background-color: #5fc48c; } #home_page_methodologyDetails_section .stripeContainer span:nth-child(4) { grid-row: 7; grid-column: 2/span 2; background-color: #fcd669; } #home_page_methodologyDetails_section .stripeContainer span:nth-child(5) { grid-row: 4; grid-column: span 3/-2; background-color: #aab7c4; } #home_page_methodologyDetails_section .stripeContainer span:nth-child(6) { grid-row: -9; grid-column: viewport-start/span 3; border: 2px solid #aab7c4; } #home_page_methodologyDetails_section .stripeContainer span:nth-child(7) { grid-row: -8; grid-column: viewport-start/span 1; background-color: #86bbfc; } #home_page_methodologyDetails_section .stripeContainer span:nth-child(8) { grid-row: 5; grid-column: span 1/viewport-end; border: 2px solid #aab7c4; } /* PROGRESSION SECTION */ .progression_level_card_container .et_pb_column { float: none; margin-right: 0 !important; } @media all and (min-width:981px) and (max-width:1008px) { .progression_level_card_title { height: 64px; } } @media (max-width:980px) { .progression_level_card_container .et_pb_column { margin-bottom: 50px !important; } } .progression_level_card_container img { max-height: 50px !important; } /*Background & grid settings*/ #home_page_approach_section .backgroundContainer .grid { height: 100%; } #home_page_approach_section .background { background-color: #f5f9fc; } #home_page_approach_section .stripeContainer { overflow: visible; } #home_page_approach_section .stripeContainer .grid { height: 200%; } /*Stripes positions & colors*/ #home_page_approach_section .stripeContainer span:nth-child(1) { grid-row: -10; grid-column: span 6/viewport-end; background-color: #fcd669; } #home_page_approach_section .stripeContainer span:nth-child(2) { grid-row: -13; grid-column: -1 / -3; background-color: #69ebb8; } #home_page_approach_section .stripeContainer span:nth-child(3) { grid-row: -12; grid-column: -5/span 2; background-color: #205183; } #home_page_approach_section .stripeContainer span:nth-child(4) { grid-row: -6; grid-column: viewport-start/span 3; background-color: #0cb9fe; } #home_page_approach_section .stripeContainer span:nth-child(5) { grid-row: -5; grid-column: 2/span 3; border: 2px solid #aab7c4; } #home_page_approach_section .stripeContainer span:nth-child(6) { grid-row: -4; grid-column: 5/span 2; background-color: #6270fa; } @media (max-width:980px) { #home_page_community_section img { max-width: 500px; width: 100%; } #home_page_community_section .et_pb_row:nth-child(even) { display: flex; flex-direction: column-reverse; } #home_page_community_section .et_pb_row:nth-child(even) .et_pb_image { margin-top: 30px; } } /*---------------- END HOME PAGE --------------*/ /***********************************************/ /****************** $FORMATIONS ****************/ /***********************************************/ /* SAVE - FORMATION UNIQUES - old /formations-et-services/ Packaging blocks display svg.alti_info_icon { position: absolute; right: 35px; top: 35px; } .get_info_container{ position: absolute; right: 55px; top: 55px; z-index: 999; font-size: 14px; line-height: 1.8em; color: #333333; width: 200px; background-color: #ffffff; padding: 15px; border-radius: 8px; -webkit-box-shadow: 0px 4px 14px 0px rgba(80,106,173,0.25); box-shadow: 0px 4px 14px 0px rgba(80,106,173,0.25); display:none; -webkit-animation: popsFade .2s ease forwards; animation: popsFade .2s ease forwards; } @-webkit-keyframes popsFade { from{ opacity:0; } to{ opacity:1; } } @keyframes popsFade { from{ opacity:0; } to{ opacity:1; } } .get_info_container.info_content_active{ display:block; } .formations_single_showcase_col .formations_single_showcase_img img{ max-width: 150px; } .formations_single_showcase_col, #formations_showcase_club_col { margin-top: 30px; margin-bottom: 30px; } body #page-container #formations_showcase_section .formations_single_showcase_col .formations_single_showcase_button:after { line-height: 1.9em!important; } #formations_featured_icons_section .formations_featured_icons_col .formations_featured_icons span { width: 40px; height: 40px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 479px){ #formations_featured_icons_section .formations_featured_icons_col { width: 47.25%!important; } #formations_featured_icons_section .formations_featured_icons_col:nth-child(odd) { margin-right: 5.5%!important; } } #formations_featured_icons_section .formations_featured_icons_col .formations_featured_icons img{ max-width: 40px!important; max-height: 40px!important; } #formations_showcase_club_col{ display: grid; grid-template-columns: 30% 60%; grid-column-gap: 10%; } #formations_showcase_club_img{ grid-area: 2 / 1 / 5 / 1; max-width: 150px; -ms-flex-item-align: center; align-self: center; } #formations_showcase_club_toptitle{ grid-area: 1 / 1 / 1 / 3; } #formations_showcase_club_title{ grid-area: 2 / 2 / 2 / 2; } #formations_showcase_club_subtitle{ grid-area: 3 / 2 / 3 / 2; } #formations_showcase_club_desc{ grid-area: 4 / 2 / 4 / 2; } #formations_showcase_club_col .text_goldy_gradient{ background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #ffde94), color-stop(0.15, #deb238), color-stop(0.3, #ffd772), color-stop(0.45, #ffde94), color-stop(0.6, #fad46c),color-stop(0.75, #ffde94), color-stop(0.9, #e4bd22), color-stop(1, #ffd772) ); color: transparent; -webkit-background-clip: text; background-clip: text; } @media (max-width:980px) { #formations_featured_icons_section .formations_featured_icons_col { margin-bottom: 0; } #formations_showcase_club_col{ display: grid; grid-template-columns: 100%; } #formations_showcase_club_img{ grid-area: 4 /1; } #formations_showcase_club_toptitle{ grid-area: 1 / 1; } #formations_showcase_club_title{ grid-area: 2 / 1; } #formations_showcase_club_subtitle{ grid-area: 5 /1; } #formations_showcase_club_desc{ grid-area: 3 /1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #formations_members_testimonials_section .et_pb_row .et_pb_column:nth-last-child(-n+2){ margin-bottom:30px; } } */ /*Background & grid settings*/ /* #formations_showcase_section .common-StripeGrid.anchorBottom .grid{ height:100%; } #formations_showcase_section .common-StripeGrid{ z-index: unset; } */ /*Stripes positions & colors*/ /* #formations_showcase_section .stripeContainer span:nth-child(1){ background: #5fc487; grid-column: 3/5; grid-row: 6/7; } #formations_showcase_section .stripeContainer span:nth-child(2){ background-color: #e6ebf1; grid-column: 5/12; grid-row: 9/10; } #formations_showcase_section .stripeContainer span:nth-child(3){ -webkit-box-shadow: inset 0 0 0 2px #e6ebf1; box-shadow: inset 0 0 0 2px #e6ebf1; grid-column: left-gutter-start/6; grid-row: 10/11; } #formations_showcase_section .stripeContainer span:nth-child(4){ background-color: #86bbfc; grid-column: -4 / viewport-end; grid-row: 8/9; } #formations_showcase_section .stripeContainer span:nth-child(5){ background-color: #e6ebf1; grid-column: 1 / 2; grid-row: -19 / -20; } #formations_showcase_section .stripeContainer span:nth-child(6){ background-color: #fcd669; grid-column: 17/-4; grid-row: 9/10; } #formations_showcase_section .stripeContainer span:nth-child(7){ background: #69ebb8; grid-column: 16/19; grid-row: 12/11; } #formations_showcase_section .stripeContainer span:nth-child(8){ -webkit-box-shadow: inset 0 0 0 2px #e6ebf1; box-shadow: inset 0 0 0 2px #e6ebf1; grid-column: -10 / -5; grid-row: 22 / 23; } #formations_showcase_section .stripeContainer span:nth-child(9){ background-color: #215182; grid-column: -4 / -2; grid-row: 20 / 21; } #formations_showcase_section .stripeContainer span:nth-child(10){ background-color: #e6ebf1; grid-column: -9 / -6; grid-row: 24 / 23; } #formations_showcase_section .stripeContainer span:nth-child(11){ background-color: #86bbfc; grid-column: -5 / -7; grid-row: -12 / -13; } #formations_showcase_section .stripeContainer span:nth-child(12){ -webkit-box-shadow: inset 0 0 0 2px #e6ebf1; box-shadow: inset 0 0 0 2px #e6ebf1; grid-column: -12 / -2; grid-row: -13 / -14; } #formations_showcase_section .stripeContainer span:nth-child(13){ -webkit-box-shadow: inset 0 0 0 2px #e6ebf1; box-shadow: inset 0 0 0 2px #e6ebf1; grid-column: -4 / viewport-end; grid-row: -25 / -24; } #formations_showcase_section .stripeContainer span:nth-child(14){ background-color: #e6ebf1; grid-column: -5 / -7; grid-row: -2 / -3; } #formations_showcase_section .stripeContainer span:nth-child(15){ background-color: #205183; grid-column: -3 / -5; grid-row: -3 / -4; } #formations_showcase_section .stripeContainer span:nth-child(16){ background-color: #fcd669; grid-column: -7 / -10; grid-row: -1 / -2; } #formations_showcase_section .stripeContainer span:nth-child(17){ background-color: #fcd669; grid-column: 8/4; grid-row: 18/19; } #formations_showcase_section .stripeContainer span:nth-child(18){ background: #86bbfc; grid-column: 5/3; grid-row: 17/18; } #formations_showcase_section .stripeContainer span:nth-child(19){ background-color: #69ebb8; grid-column: 5/3; grid-row: -10/-11; } #formations_showcase_section .stripeContainer span:nth-child(20){ background-color: #e6ebf1; grid-column: 9/5; grid-row: -11/-12; } #formations_showcase_section .stripeContainer span:nth-child(21){ background-color: #5FC487; grid-column: 5/6; grid-row: -10/-11; } #formations_showcase_section .stripeContainer span:nth-child(22){ background-color: #205183; grid-column: 4/viewport-start; grid-row: -18/-19; } @media (min-width:752px){ #formations_h1_br2{ display:none; } } */ /***********************************************/ /***************** $PROGRAMMES PAGE ***************/ /***********************************************/ /* line-height Reset */ #comp_page_price_tables *, #comp_page_helper, #comp_page_comp_table, #comp_page_faq { line-height: 1; } /* CONTAINERS */ #priceTables_container .priceTables_container { padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2%; -webkit-column-gap: 2%; -moz-column-gap: 2%; column-gap: 2%; ; } #priceTables_container .priceTables_container .price_table { border-radius: 8px; padding: 25px 30px 30px; box-shadow: var(--block-strong-shadow); display: flex; flex-direction: column; justify-content: flex-start; } #priceTables_container .price_table:not(.table_ip) { background: #FFFFFF; } #priceTables_container .price_table.table_ip { background: var(--global-blue); } #priceTables_container .table_header { margin-bottom: 20px; } #priceTables_container .table_feat_container { margin-bottom: 30px; } @media all and (min-width:970px) and (max-width:1030px) { #priceTables_container .priceTables_container .price_table { padding: 25px 20px 30px; } } /* @media all and (min-width:925px) and (max-width:969px) { #priceTables_container .priceTables_container .price_table { padding: 25px 10px 30px; } } */ @media all and (max-width:330px) { #priceTables_container .priceTables_container .price_table { padding: 25px 20px 30px; } } /*Background & grid settings*/ #comp_page_comp_table { overflow-Y: visible; z-index: 2; } #comp_page_comp_table .common-StripeGrid.anchorBottom .grid { height: 100%; } #comp_page_comp_table .common-StripeGrid { z-index: unset; } /*Stripes positions & colors*/ #comp_page_comp_table .stripeContainer span:nth-child(1) { background: var(--sp-hightlight-green); grid-column: 5/7; grid-row: 6/5; } #comp_page_comp_table .stripeContainer span:nth-child(2) { background-color: var(--brand-at-primary-green); grid-column: 17/-4; grid-row: 4/5; } #comp_page_comp_table .stripeContainer span:nth-child(3) { background: var(--gray-shade-mid-light); grid-column: 16/19; grid-row: 5/6; } #comp_page_comp_table .stripeContainer span:nth-child(4) { background-color: var(--sp-pastel-green); grid-column: -5 / viewport-end; grid-row: 6 / 7; } #comp_page_comp_table .stripeContainer span:nth-child(5) { box-shadow: inset 0 0 0 2px var(--gray-shade-super-light); grid-column: 5 / 7; grid-row: 7 / 8; } #comp_page_comp_table .stripeContainer span:nth-child(6) { box-shadow: inset 0 0 0 2px var(--gray-shade-super-light); grid-column: -4 / viewport-end; grid-row: 3 / 4; } #comp_page_comp_table .stripeContainer span:nth-child(7) { box-shadow: inset 0 0 0 2px var(--gray-shade-super-light); grid-column: 4/12; grid-row: -5/-6; } #comp_page_comp_table .stripeContainer span:nth-child(8) { background-color: var(--gray-shade-mid-light); grid-column: 5/ left-gutter-start; grid-row: 7 / 6; } #comp_page_comp_table .stripeContainer span:nth-child(9) { background: var(--sp-hightlight-green); grid-column: 3/5; grid-row: -6/-7; } #comp_page_comp_table .stripeContainer span:nth-child(10) { background-color: var(--sp-strong-green); grid-column: 5/12; grid-row: -6/-7; } #comp_page_comp_table .stripeContainer span:nth-child(11) { background-color: var(--sp-pastel-green); grid-column: viewport-start/6; grid-row: -7/-8; } /* ICON */ #priceTables_container .table_prg_icon { width: 26px; height: 26px; margin-bottom: 18px; } #priceTables_container .table_prg_icon svg { width: 100%; height: auto; } /* TITLE */ #priceTables_container .table_title_container { margin-bottom: 8px; } #priceTables_container .table_title_container .table_prog_title { font-family: 'LatoLatin-Bold'; font-size: 20px; line-height: 24px; color: var(--text-dark-gray); margin-bottom: 2px; } #priceTables_container .table_ip .table_title_container .table_prog_title { color: #FFFFFF; } #priceTables_container .table_title_container .table_prog_catchline { font-family: 'LatoLatin-Medium'; font-size: 14px; line-height: 17px; color: var(--text-strong-gray); } #priceTables_container .table_ip .table_title_container .table_prog_catchline { color: #FFFFFF; } /* BAR */ #priceTables_container .table_bar { height: 4px; width: 100%; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 3.66%; -webkit-column-gap: 3.66%; -moz-column-gap: 3.66%; column-gap: 3.66%; border-radius: 50px; overflow: hidden; } #priceTables_container .table_bar .table_bar_part { height: 100%; width: 100%; } #priceTables_container .table_starter .table_bar .table_bar_part.bar_1, #priceTables_container .table_tr .table_bar .table_bar_part.bar_1, #priceTables_container .table_tr .table_bar .table_bar_part.bar_2 { background: var(--global-blue); } #priceTables_container .table_starter .table_bar .table_bar_part.bar_2, #priceTables_container .table_starter .table_bar .table_bar_part.bar_3, #priceTables_container .table_tr .table_bar .table_bar_part.bar_3 { background: var(--Xlight-gray); } #priceTables_container .table_ip .table_bar .table_bar_part.bar_1, #priceTables_container .table_ip .table_bar .table_bar_part.bar_2, #priceTables_container .table_ip .table_bar .table_bar_part.bar_3 { background: #FFFFFF; } /* PRICE */ #priceTables_container .table_price { display: flex; align-items: flex-start; color: var(--text-dark-gray); } #priceTables_container .table_ip .table_price { color: #FFFFFF; } #priceTables_container .table_price .pre_price { font-family: 'LatoLatin-Medium'; font-size: 14px; line-height: 17px; margin-right: 4px; margin-top: 3px; } #priceTables_container .table_price .price { font-family: 'LatoLatin-Bold'; font-size: 22px; line-height: 26px; } /* FEAT */ #priceTables_container .table_feat_container { display: flex; flex-grow: 1; } #priceTables_container .table_feat_container .table_feat_wrapper:not(:last-child) { margin-bottom: 14px; } #priceTables_container .table_feat_container .table_feat_icon { grid-column: 1 / span 1; } #priceTables_container .table_feat_container .table_feat_title, #priceTables_container .table_feat_container .table_feat_desc { grid-column: 2 / span 1; } #priceTables_container .table_feat_container .table_feat_title { font-family: 'LatoLatin-Bold'; font-size: 14px; line-height: 17px; text-transform: uppercase; color: var(--text-dark-gray); } #priceTables_container .table_ip .table_feat_container .table_feat_title { color: #FFFFFF; } #priceTables_container .table_feat_container .table_feat_desc { font-family: 'LatoLatin-Regular'; font-size: 16px; line-height: 22px; color: var(--text-strong-gray); } #priceTables_container .table_ip .table_feat_container .table_feat_desc { color: #FFFFFF; } /* BUTTONS */ #priceTables_container .priceTables_container .price_table .table_button { display: flex; justify-content: center; align-items: center; width: 100%; padding: 13px 16px !important; margin-bottom: 20px; border-radius: 10px; background: var(--global-blue); color: #FFFFFF !important; } #priceTables_container .priceTables_container .price_table.table_ip .table_button { background: #FFFFFF !important; color: var(--global-blue) !important; } #priceTables_container .priceTables_container .price_table .table_button .table_button_inner { font-family: 'LatoLatin-Bold'; font-size: 12px; line-height: 14px; text-transform: uppercase; } #priceTables_container .priceTables_container .price_table .table_button_anchor { display: flex; align-items: center; justify-content: center; align-self: center; font-family: 'LatoLatin-Bold'; font-size: 12px; line-height: 14px; text-transform: uppercase; color: var(--global-blue) !important; } #priceTables_container .priceTables_container .price_table.table_ip .table_button_anchor { color: #FFFFFF !important; } #priceTables_container .priceTables_container .price_table .table_button_anchor .table_button_arrow { margin-left: 2px; margin-top: 2px; } @media all and (min-width:0px) and (max-width:924px) { #priceTables_container .priceTables_container { grid-template-columns: 1fr; grid-column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; grid-row-gap: 40px; row-gap: 40px; max-width: 550px; margin-left: auto; margin-right: auto; } #priceTables_container .table_header { display: flex; flex-direction: column; } #priceTables_container .table_prg_icon { align-self: center; width: 33px; height: 33px; } #priceTables_container .table_title_container { margin-bottom: 15px; } #priceTables_container .table_bar { max-width: 350px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } #priceTables_container .table_title_container { display: flex; flex-direction: column; align-items: center; align-self: center; } #priceTables_container .table_price { align-self: center; } #priceTables_container .table_feat_container { display: flex; flex-direction: column; align-self: center; } #priceTables_container .table_feat_desc { text-align: center; } #priceTables_container .priceTables_container .price_table .table_button { max-width: 350px; margin-left: auto; margin-right: auto; } } @media all and (max-width:449px) { #priceTables_container .priceTables_container { grid-row-gap: 25px; row-gap: 25px; } } /* PROG HELPER */ #prog_helper_container .prog_helper_container { background: var(--popovr-dark-bg); border-radius: 8px; display: flex; align-items: center; padding: 50px 40px; } #prog_helper_container .action_call_part { display: flex; flex-direction: column; max-width: 525px; margin-right: 50px; } #prog_helper_container .prog_icons_part { display: flex; justify-content: flex-end; align-items: center; flex-grow: 1; } #prog_helper_container .prog_helper_container .action_call_part .prog_helper_title { font-family: 'LatoLatin-Heavy'; font-size: 28px; line-height: 33px; color: #FFFFFF; margin-bottom: 50px !important; padding: 0; } #prog_helper_container .prog_helper_container .action_call_part .table_button { display: flex; justify-content: center; align-items: center; max-width: 180px; padding: 13px 16px !important; border-radius: 10px; background: var(--global-blue); color: #FFFFFF !important; } #prog_helper_container .prog_helper_container .action_call_part .table_button .table_button_inner { font-family: 'LatoLatin-Bold'; font-size: 12px; line-height: 14px; text-transform: uppercase; } #prog_helper_container .prog_icons_part .prog_icon_container:not(:last-child) { margin-right: 25px; } #prog_helper_container .prog_icons_part .prog_helper_icons { display: flex; margin-left: auto; } #prog_helper_container .prog_icons_part .prog_icon_container svg { width: 100%; } @media all and (max-width:850px) { #prog_helper_container .prog_helper_container { flex-direction: column-reverse; } #prog_helper_container .prog_helper_container .action_call_part { margin-right: 0; max-width: unset; align-items: center; } #prog_helper_container .prog_helper_container .action_call_part .prog_helper_title { text-align: center; margin-top: 25px !important; text-align: center !important; } } @media all and (min-width:400px) and (max-width:620px) { #prog_helper_container .prog_helper_container .action_call_part .prog_helper_title { font-size: 24px; } } @media all and (max-width:540px) { #prog_helper_container .prog_helper_container { padding: 30px 20px; } } @media all and (max-width:400px) { #prog_helper_container .prog_helper_container .action_call_part .prog_helper_title { font-size: 22px; line-height: 28px; } #prog_helper_container .prog_helper_container .prog_icon_container { max-width: 60px; } } /* PARTNERS */ #common_partners_row .common_partners_container { display: flex; flex-direction: column; max-width: 900px; margin: 0 auto; padding: 0 10px; } #common_partners_row .common_partners_container .partners_headline { font-family: 'LatoLatin-Medium'; font-size: 20px; line-height: 24px; color: var(--gray-shade-strong); margin-bottom: 25px; text-align: center; } #common_partners_row .common_partners_container .partners_logo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #common_partners_row .common_partners_container .partner_logo { padding: 6px 18px; display: flex; align-items: center; } #common_partners_row .common_partners_container .partner_logo:first-child { padding-left: 0; } #common_partners_row .common_partners_container .partner_logo:last-child { padding-right: 0; } #common_partners_row .common_partners_container .partner_logo.logo_prt img { max-width: 123px; } @media all and (max-width: 714px) { #common_partners_row .common_partners_container .partners_headline { margin-bottom: 25px; font-size: 17px; } } #common_partners_section.pdv_starter, #common_partners_section.pdv_tr, #common_partners_section.pdv_ip { border-top: 1px solid var(--Xlight-gray); border-bottom: 1px solid var(--Xlight-gray); } /* COMPARISON TABLE */ #prog_comparison_table #comp-table_container { max-width: 1040px; background: #FFFFFF; box-shadow: var(--block-strong-shadow); border-radius: 8px; padding: 50px 40px; } #prog_comparison_table #comp-table_title { padding: 0 0 40px 0; } #prog_comparison_table #comp-table_title h2 { font-family: 'LatoLatin-Bold'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 29px; letter-spacing: -0.25px; color: var(--text-dark-gray); margin: 0; padding: 0; } #prog_comparison_table #comp-table_sticky-header, #prog_comparison_table #comp-table_sticky-footer { width: 100%; z-index: 1; display: flex; justify-content: flex-end; } #prog_comparison_table #comp-table_sticky-header .grid { position: relative } #prog_comparison_table #comp-table_sticky-header .grid_container, #prog_comparison_table #comp-table_sticky-footer .grid_container { width: calc(100% - var(--comp-table-feat-col-desktop)); } #prog_comparison_table #comp-table_sticky-header .grid, #prog_comparison_table #comp-table_sticky-footer .grid, #prog_comparison_table #innerContent .feat_status .grid { display: grid; grid-template-columns: 180px 180px 180px; grid-column-gap: calc(calc(100% - calc(180px * 3)) / 2); -webkit-column-gap: calc(calc(100% - calc(180px * 3)) / 2); -moz-column-gap: calc(calc(100% - calc(180px * 3)) / 2); column-gap: calc(calc(100% - calc(180px * 3)) / 2); } #prog_comparison_table .header_nav_prev, #prog_comparison_table .header_nav_next { display: none; position: absolute; z-index: 99; cursor: pointer; top: 50%; -webkit-transform: translateY(-100%); transform: translateY(-100%); width: 34px; height: 34px; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 2px 4px 15px rgba(136, 165, 191, 0.17); background: radial-gradient(315.18% 315.18% at -124.11% -101.79%, #e6ecf2 11.1%, #FFFFFF 85.21%), #E3EDF7; transition: all .2s ease; } #prog_comparison_table .header_nav_prev:active, #prog_comparison_table .header_nav_next:active { background: radial-gradient(315.18% 315.18% at -124.11% -101.79%, #d5e4f5 11.1%, #FFFFFF 85.21%), #E3EDF7; box-shadow: 2px 4px 15px rgba(136, 165, 191, 0.1); -webkit-transform: translateY(-100%) scale(.99); transform: translateY(-100%) scale(.99); } #prog_comparison_table .header_nav_prev { left: 20%; } #prog_comparison_table .header_nav_next { right: 20%; } #prog_comparison_table #comp-table_container #comp-table_sticky-header .sticky_header_item { padding: 10px 0; border-bottom: 1px solid var(--text-dark-gray); justify-content: flex-start; flex-direction: column; } #prog_comparison_table #comp-table_sticky-header .sticky_header_item .item_icon { margin-bottom: 10px; } #prog_comparison_table #comp-table_container .center_item { display: flex; justify-content: center; align-items: center; font-family: LatoLatin-Medium; font-size: 16px; line-height: 19px; letter-spacing: -0.25px; text-align: center; } #prog_comparison_table #comp-table_container #comp-table_sticky-header .item_desc { display: flex; flex-direction: column; align-items: flex-start; } #prog_comparison_table #comp-table_sticky-header .item_title { margin: 0; font-family: 'LatoLatin-Bold'; font-size: 13px; padding: 0; } #prog_comparison_table #comp-table_sticky-header .item_price_line { color: var(--text-strong-gray); font-family: 'LatoLatin-Regular'; font-style: normal; font-weight: 600; font-size: 12px; } #prog_comparison_table #comp-table_sticky-header .item_price { font-family: 'LatoLatin-Medium'; font-size: 14px; } #prog_comparison_table #comp-table_sticky-header .item_icon { width: 50px; height: 50px; } #prog_comparison_table #comp-table_sticky-header .item_icon .prog_icon_withBg { -webkit-filter: drop-shadow(4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0.33)); filter: drop-shadow(4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0.33)); width: 100%; height: auto; } #prog_comparison_table #comp-table_sticky-footer { padding: 10px 0; } #prog_comparison_table #comp-table_sticky-footer .button_item { width: 100%; background: var(--global-blue); border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 11px 14px; font-family: 'LatoLatin-Bold'; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; color: #FFFFFF; box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); text-transform: uppercase; text-decoration: none; transition: all .15s ease; } #prog_comparison_table #comp-table_sticky-footer .button_item:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025); box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); } #prog_comparison_table #comp-table_sticky-footer .button_item:active { -webkit-transform: translateY(1px); transform: translateY(1px); box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3); } #prog_comparison_table #innerContent .innerContent_block { display: flex; } #prog_comparison_table #innerContent .innerContent_block:not(:last-child) { margin-bottom: 50px; } #prog_comparison_table #innerContent .features { display: flex; flex-direction: column; } #prog_comparison_table #innerContent .features.feat_name { width: var(--comp-table-feat-col-desktop); position: relative; } #prog_comparison_table #innerContent .features.feat_status { flex-grow: 1; } #prog_comparison_table #innerContent .feat_row { height: 50px; } #prog_comparison_table #innerContent .features .line { border-bottom: 1px solid var(--gray-shade-mid-light); } #prog_comparison_table #innerContent .feat_name .feat_row { margin-right: 40px; display: flex; align-items: center; position: relative; } #prog_comparison_table #innerContent .feat_name .feat_name_inner { display: flex; align-items: center; width: 100%; transition: color .2s ease; } #prog_comparison_table #innerContent .feat_name .feat_name_inner>span { transition: color .2s ease; } #prog_comparison_table .sticky_header_item .item_title, #prog_comparison_table .innerContent_block .feat_row_title { color: var(--text-dark-gray); } #prog_comparison_table .feat_name .feat_row:not(.feat_row_title) .feat_name_inner>span { padding-right: 10px; color: var(--text-strong-gray); font-family: 'LatoLatin-Medium'; font-size: 14px; line-height: 17px; letter-spacing: -0.4px; } #prog_comparison_table #innerContent .feat_name .feat_row .info_icon { flex-shrink: 0; margin-left: auto; } #prog_comparison_table #innerContent .features.feat_name .feat_row_title { font-family: 'LatoLatin-Medium'; font-style: normal; font-size: 18px; line-height: 21px; height: 40px; align-items: flex-start; border-bottom: 1px solid var(--text-dark-gray); } #prog_comparison_table #innerContent .features.feat_name .feat_row_title, #prog_comparison_table #innerContent .features.feat_status .feat_row_title { height: 40px; border-bottom: 1px solid var(--text-dark-gray); } .feat_status .feat_row_title.feat_row_pusher { display: none; } #prog_comparison_table #innerContent .feat_name .feat_row_title.abs { position: absolute; width: calc(100% - 40px); bottom: 100%; } /* Feature status */ #prog_comparison_table .feat_status .feat_status_starter.feat_enable svg path { fill: var(--prog-starter); } #prog_comparison_table .feat_status .feat_status_starter.feat_enable svg g { opacity: 1; } #prog_comparison_table .feat_status .feat_status_tr.feat_enable svg path { fill: var(--prog-tr); } #prog_comparison_table .feat_status .feat_status_tr.feat_enable svg g { opacity: 1; } #prog_comparison_table .feat_status .feat_status_ip.feat_enable svg path { fill: var(--prog-ip); } #prog_comparison_table .feat_status .feat_status_ip.feat_enable svg g { opacity: 1; } /* info */ #prog_comparison_table .feat_name .feat_name_inner:hover { cursor: pointer; } #prog_comparison_table #innerContent .feat_name .feat_name_inner:hover>span { color: #000000; } #prog_comparison_table .feat_info_container .feat_info_closer:hover { cursor: pointer; } #prog_comparison_table .feat_info_container:hover { cursor: default; } #prog_comparison_table .feat_name .feat_name_inner svg * { transition: fill .2s ease; } #prog_comparison_table .feat_name .feat_name_inner:hover svg path { fill: var(--text-strong-gray); } #prog_comparison_table .feat_name .feat_info_container { position: absolute; min-width: 280px; width: calc(var(--comp-table-feat-col-desktop) + 10px); background: var(--popovr-dark-trans-bg); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); top: -1px; left: -40px; z-index: 9; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); border-radius: 0px 8px 8px 0px; } #prog_comparison_table .feat_name .feat_info_inner { padding: 16px 10px; position: relative; z-index: 2; } #prog_comparison_table #innerContent .feat_name .feat_info_container .feat_info_title { color: #FFFFFF; font-size: 15px; } #prog_comparison_table .feat_info_container .feat_info_closer { position: absolute; top: 0; right: 0; opacity: 0.5; transition: opacity .2s ease; padding: 16px 10px 5px 5px !important; } #prog_comparison_table .feat_info_container .feat_info_closer:hover { float: right; opacity: 1; } #prog_comparison_table .feat_info_container .feat_info_header { display: flex; align-items: flex-start; margin-left: 30px; } #prog_comparison_table .feat_row:not(.feat_simple) .info_sub_header { font-size: 12px; color: #FFF; margin: 2px 0 8px; opacity: .6; } #prog_comparison_table .feat_row:not(.feat_simple) .feat_catchline { padding-right: 6px; border-right: 1px solid #FFF; } #prog_comparison_table .feat_row:not(.feat_simple) .feat_level { padding-left: 6px; } #prog_comparison_table .feat_row.feat_simple .info_sub_header { display: none; } #prog_comparison_table .feat_info_container .feat_info_icon { position: absolute; top: 0; left: 0; width: 30px; height: 44px; border-radius: 0px 0px 6px 0px; padding: 13px 6px; } #prog_comparison_table .feat_row.feat_simple .feat_info_container .feat_info_icon { padding: 16px 0 0 10px; } #prog_comparison_table .feat_info_container .feat_info_title { font-size: 14px; } #prog_comparison_table .feat_info_container .feat_info_desc { margin-left: 30px; font-size: 12px; line-height: 15px; color: #FFFFFF; margin-right: 20px; font-family: 'LatoLatin-Light'; } #prog_comparison_table .feat_row.feat_simple .feat_info_container .feat_info_desc { margin-top: 10px; } /* RESPONSIVE */ @media all and (max-width:1050px) { #prog_comparison_table #comp-table_sticky-header .item_title { font-size: 12px; } #prog_comparison_table #comp-table_container #comp-table_sticky-header .item_desc { display: flex; flex-direction: column; align-items: center; } } @media all and (max-width:1050px) and (min-width:880px) { #prog_comparison_table #comp-table_sticky-header .grid, #prog_comparison_table #comp-table_sticky-footer .grid, #prog_comparison_table #innerContent .feat_status .grid { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } @media all and (max-width:1050px) { #prog_comparison_table #comp-table_sticky-footer .button_item { padding: 11px 20px; } } @media all and (max-width:900px) and (min-width:715px) { #prog_comparison_table #comp-table_sticky-footer .button_item { font-size: 10px; padding: 11px 12px; } } @media all and (max-width:879px) and (min-width:715px) { #prog_comparison_table #innerContent .features.feat_name { width: var(--comp-table-feat-col-tablet); } #prog_comparison_table #innerContent .feat_name .feat_row { margin-right: 10%; } #prog_comparison_table #comp-table_sticky-header .grid_container, #prog_comparison_table #comp-table_sticky-footer .grid_container { width: calc(100% - var(--comp-table-feat-col-tablet)); } #prog_comparison_table #innerContent .feat_name .feat_row_title.abs { width: calc(100% - 10%); } #prog_comparison_table #comp-table_container { padding: 30px 20px; } #prog_comparison_table #innerContent .features.feat_status { max-width: calc(100% - var(--comp-table-feat-col-tablet)); } #prog_comparison_table #comp-table_sticky-header .grid, #prog_comparison_table #comp-table_sticky-footer .grid, #prog_comparison_table #innerContent .feat_status .grid { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 15px; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } #prog_comparison_table .feat_name .feat_info_container { width: calc(var(--comp-table-feat-col-tablet) + 2px); left: -20px } #prog_comparison_table #innerContent .feat_name .feat_info_container .feat_info_title { color: #FFFFFF; font-size: 13px; font-weight: 900; } #prog_comparison_table #innerContent .feat_info_container .feat_info_header_title { width: calc(100% - 25px); } } @media all and (max-width:714px) { #prog_comparison_table #comp-table_container { max-width: 600px; margin: 0 auto; } #prog_comparison_table #innerContent .features.feat_name { min-width: unset; width: 45%; } #prog_comparison_table #innerContent .feat_name .feat_row_title.abs { width: calc(100% - 20px); } #prog_comparison_table #comp-table_container .sticky_header_item { display: none; } #prog_comparison_table #comp-table_container #comp-table_sticky-header_container.starter_active .sticky_header_item.item_starter, #prog_comparison_table #comp-table_container #comp-table_sticky-header_container.tr_active .sticky_header_item.item_tr, #prog_comparison_table #comp-table_container #comp-table_sticky-header_container.ip_active .sticky_header_item.item_ip { display: flex; } #prog_comparison_table #comp-table_sticky-header .grid, #prog_comparison_table #comp-table_sticky-footer .grid, #prog_comparison_table #innerContent .feat_status .grid { grid-template-columns: 1fr; grid-column-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } #prog_comparison_table .header_nav_prev, #prog_comparison_table .header_nav_next { display: flex; } #prog_comparison_table #innerContent .features.feat_name { width: 60%; } #prog_comparison_table #comp-table_sticky-header .grid_container { position: relative } #prog_comparison_table #comp-table_sticky-header .grid_container, #comp-table_sticky-footer .grid_container { width: 100%; } #prog_comparison_table #innerContent .features.feat_name { min-width: 260px; margin-right: 5%; } #prog_comparison_table #innerContent .feat_name .feat_row { margin-right: 0; } #prog_comparison_table #innerContent .feat_name .feat_row_title.abs, #prog_comparison_table #innerContent .feat_name .feat_row { width: 100%; } #prog_comparison_table #comp-table_sticky-header .sticky_header_item .item_icon { margin-bottom: 10px; width: 76px; height: 76px; } #prog_comparison_table #comp-table_container .starter_active+#innerContent .item_tr, #prog_comparison_table #comp-table_container .starter_active+#innerContent .item_ip, #prog_comparison_table #comp-table_container .tr_active+#innerContent .item_starter, #prog_comparison_table #comp-table_container .tr_active+#innerContent .item_ip, #prog_comparison_table #comp-table_container .ip_active+#innerContent .item_starter, #prog_comparison_table #comp-table_container .ip_active+#innerContent .item_tr { display: none; } #prog_comparison_table #comp-table_container .starter_active+#innerContent+#comp-table_sticky-footer_container .item_tr, #prog_comparison_table #comp-table_container .starter_active+#innerContent+#comp-table_sticky-footer_container .item_ip, #prog_comparison_table #comp-table_container .tr_active+#innerContent+#comp-table_sticky-footer_container .item_starter, #prog_comparison_table #comp-table_container .tr_active+#innerContent+#comp-table_sticky-footer_container .item_ip, #prog_comparison_table #comp-table_container .ip_active+#innerContent+#comp-table_sticky-footer_container .item_starter, #prog_comparison_table #comp-table_container .ip_active+#innerContent+#comp-table_sticky-footer_container .item_tr { display: none; } #prog_comparison_table #innerContent .feat_name .feat_row_title.abs { position: unset; bottom: unset; } #prog_comparison_table .feat_status .feat_row_title.feat_row_pusher { display: block; } #prog_comparison_table #comp-table_sticky-header .sticky_header_item .item_title { display: block !important; font-size: 15px; } #prog_comparison_table .innerContent_block { margin-top: 30px; } #prog_comparison_table .feat_name .feat_info_container { width: calc(100% + 50px); } #prog_comparison_table #comp-table_sticky-footer .grid_container { width: 100%; } #prog_comparison_table #innerContent .feat_info_container .feat_info_header_title { width: calc(100% - 25px); } } @media all and (max-width:440px) { #prog_comparison_table #comp-table_container { padding: 30px 20px; } #prog_comparison_table .feat_name .feat_info_container { width: calc(100% + 30px); left: -20px; } #prog_comparison_table #innerContent .feat_name .feat_info_container .feat_info_title { color: #FFFFFF; font-size: 13px; font-weight: 900; } } @media all and (max-width:400px) { #prog_comparison_table .feat_name .feat_info_container { width: calc(100% + 40px); } #prog_comparison_table #innerContent .features.feat_name { min-width: 200px; flex-grow: 1; } #prog_comparison_table .header_nav_next { right: 15%; } #prog_comparison_table .header_nav_prev { left: 15%; } } /* FAQ - Title Part*/ #upgrade_page_faq #upgrade_faq .faq_title { font-family: 'LatoLatin-Bold'; font-size: 32px; color: var(--text-dark-gray); margin-bottom: 40px; padding: 0; } #upgrade_page_faq #upgrade_faq .faq_desc { font-size: 16px; line-height: 21px; } #upgrade_page_faq #upgrade_faq .faq_desc a { display: block; margin-top: 25px; color: var(--global-blue) !important; } /* FAQ - Accordion Part*/ #upgrade_page_faq #upgrade_faq { display: flex; align-items: flex-start; } #upgrade_page_faq #upgrade_faq .faq_title_part { margin-right: 50px; } #upgrade_page_faq #upgrade_faq #common_accordion { flex-shrink: 0; width: 590px; } #common_accordion .prg-acc { background: #FFFFFF; box-shadow: var(--block-strong-shadow); border-radius: 8px; padding: 40px 30px; width: 100%; margin: 0; border-radius: 5px; } #common_accordion .prg-acc_header { padding-bottom: 17px; color: var(--text-strong-gray); font-family: 'LatoLatin-Medium'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; letter-spacing: -0.25px; cursor: pointer; transition: all .3s; border-bottom: 1px solid var(--gray-shade-mid-light); transition: all 0.4s cubic-bezier(.25, .8, .25, 1); } #common_accordion .prg-acc_item:not(:last-child) .prg-acc_header { margin-bottom: 20px; } #common_accordion .prg-acc_body { color: var(--text-strong-gray); display: none; } #common_accordion .prg-acc_body .prg-acc_body__content { padding: 0 25px 30px 0; font-size: 16px; line-height: 22px; } #common_accordion .prg-acc .prg-acc_item:last-child .prg-acc_body .prg-acc_body__content { padding-bottom: 0; padding-top: 20px; } #common_accordion .prg-acc_item.active>.prg-acc_header { color: var(--text-dark-gray); } .prg-acc_header:hover { color: var(--global-blue); cursor: pointer; } /* Common Toggler */ .prg-acc_item>.prg-acc_header .togglerSymb { float: right; width: 18px; height: 18px; position: relative; top: 10px; transition: .3s all; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .togglerSymb { height: 20px; width: 20px; display: block; transition: all 0.4s cubic-bezier(.25, .8, .25, 1); } .togglerSymb .line-wrapper { position: relative; transition: all 0.4s cubic-bezier(.25, .8, .25, 1); } .togglerSymb .horizontal, .togglerSymb .vertical { width: 100%; height: 1px; background-color: var(--text-dark-gray); pointer-events: none; transition: all 0.4s cubic-bezier(.25, .8, .25, 1); } .togglerSymb .vertical { position: relative; bottom: 1px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .prg-acc_header:hover .togglerSymb .horizontal, .prg-acc_header:hover .togglerSymb .vertical { background-color: #000000 !important; } .prg-acc_item.active>.prg-acc_header .togglerSymb .line-wrapper { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .prg-acc_item.active>.prg-acc_header .togglerSymb .vertical { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .prg-acc_item.active>.prg-acc_header .togglerSymb .vertical, .prg-acc_item.active>.prg-acc_header .togglerSymb .horizontal { background-color: var(--gray-shade-strong); } @media all and (max-width:950px) { #upgrade_page_faq #upgrade_faq { flex-direction: column; align-items: center; } #upgrade_page_faq #upgrade_faq .faq_title_part { width: 100%; max-width: 500px; margin-right: 0; margin-bottom: 40px; } #upgrade_page_faq #upgrade_faq .faq_title { margin-bottom: 20px; text-align: center; } #upgrade_page_faq #upgrade_faq .faq_desc { text-align: center; } #upgrade_page_faq #upgrade_faq #common_accordion { width: 100%; } } @media all and (max-width:650px) { #common_accordion .prg-acc { padding: 30px 15px; } #common_accordion .prg-acc_header span:first-child { width: calc(100% - 30px); display: inline-block; } #common_accordion .prg-acc_header { font-size: 16px; } #upgrade_page_faq #upgrade_faq .faq_desc { font-size: 16px; } } /* TRUSTABLES */ #comp_page_trustables #upgrade_trustables .trust_pilot_container { display: flex; justify-content: center; margin-bottom: 40px; } #comp_page_trustables #upgrade_trustables .guaranty_container { display: flex; max-width: 750px; margin-left: auto; margin-right: auto; } #comp_page_trustables #upgrade_trustables .guaranty_icon { margin-right: 30px; width: 64px; flex-shrink: 0; } #comp_page_trustables #upgrade_trustables .guaranty_icon img { width: 100%; } #comp_page_trustables #upgrade_trustables .guaranty_info h4 { font-family: 'LatoLatin-Bold'; font-size: 16px; line-height: 17px; color: var(--text-strong-gray); } #comp_page_trustables #upgrade_trustables .guaranty_info p { font-family: 'LatoLatin-Regular'; font-size: 15px; line-height: 21px; color: var(--text-dark-gray); } /*-------------- END $PROGRAMMES PAGE ------------*/ /***********************************************/ /************ $PDV ***********/ /***********************************************/ .pdv p, .pdv h1, .pdv h2, .pdv h3, .pdv h4, .pdv i, .pdv span { line-height: 1.45; } .pdv h3:not(.h3_special) { font-family: 'LatoLatin-Bold'; font-size: 32px; line-height: 1.3em; padding-bottom: 0; } .pdv h4 { font-family: 'LatoLatin-Bold'; font-size: 26px; line-height: 30px; padding-bottom: 0; } .pdv h5 { font-family: 'LatoLatin-Semibold'; font-size: 20px; padding-bottom: 0; margin-bottom: 16px; line-height: 100%; } .pdv p { line-height: 26px; } /* MINI NAV */ .pdv .mini_nav_container { display: flex; flex-direction: column; margin-bottom: 50px; max-width: 450px; } .pdv .mini_nav_header_container { border-bottom: 1px solid var(--text-light-gray); display: flex; } .pdv .mini_nav_header { font-family: 'LatoLatin-Bold'; font-size: 13px; line-height: 100%; padding: 6px 10px 4px; color: #FFFFFF; background: var(--text-light-gray); border-radius: 10px 10px 0 0; } .pdv .mini_nav_link_container { display: flex; justify-content: space-between; } .pdv .mini_nav_link_container .mini_nav_link { font-size: 15px; line-height: 17px; font-family: 'LatoLatin-Medium'; position: relative; padding: 20px 0 10px; color: var(--text-strong-gray); transition: all .2s ease; } .pdv .mini_nav_link_container a.current_mini_nav_link { color: var(--global-blue); } .pdv .mini_nav_link_container a.current_mini_nav_link:after { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid var(--text-light-gray); position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 4px); transform: translate(-50%, 4px); } .pdv .mini_nav_link_container .mini_nav_link:nth-child(2) { margin-left: 15px; margin-right: 15px; } .pdv .mini_nav_link:not(.current_mini_nav_link).mini_nav_starter:hover { color: var(--prog-starter); } .pdv .mini_nav_link:not(.current_mini_nav_link).mini_nav_tr:hover { color: var(--prog-tr-darktone); } .pdv .mini_nav_link:not(.current_mini_nav_link).mini_nav_ip:hover { color: var(--prog-ip-darktone); } /* CALL TO ACTION */ .pdv #heading-section { display: grid; grid-template-columns: 58% 40%; grid-template-rows: auto; grid-gap: 0 20px; max-width: 1040px; margin: 50px auto; } .pdv .heading-content_container { display: flex; flex-direction: column; justify-content: flex-end; } .pdv .heading-content_container h2 { font-family: 'LatoLatin-Regular', sans-serif; line-height: 150%; font-size: 22px; margin: 20px 0 auto; padding: 0; } .pdv .heading-content_container h1 { font-family: 'LatoLatin-Bold', sans-serif; font-size: 30px; margin: 0; padding: 0; } .pdv .prg-double_btn { font-family: 'LatoLatin-Bold'; font-size: 12px; line-height: 14px; text-transform: uppercase; color: #FFFFFF; border-radius: 10px; padding: 13px 22px; display: inline-block; } .pdv .prg-double_btn.prg_button_1 { background: var(--global-blue); margin-right: 14px; } .pdv_starter .prg-double_btn.prg_button_2 { background: var(--prog-starter); } .pdv_tr .prg-double_btn.prg_button_2 { background: var(--prog-tr); /* remove this when release */ display:none!important; } .pdv_ip .prg-double_btn.prg_button_2 { background: var(--prog-ip); /* remove this when release */ display:none!important; } /* ILLUSTRATION PANNEL */ .pdv .pannel { background: #FAFBFD; border-radius: 8px; position: relative; z-index: 5; overflow: hidden; width: 436px; height: 353px; display: flex; flex-direction: column; box-shadow: 1px 1px 5px 0 rgba(26, 26, 67, .05), 39px 62.5px 125px -25px rgba(50, 50, 93, .5), 23.4px 37.5px 75px -37.5px rgba(0, 0, 0, .6); -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1.3) translateX(50px) translateY(0) perspective(3190px) rotateY(-29deg) rotateX(4deg) rotate(1deg); transform: scale(1.3) translateX(50px) translateY(0) perspective(3190px) rotateY(-29deg) rotateX(4deg) rotate(1deg); } .pdv .pannel .pannel_body { position: relative; display: flex; align-items: center; height: calc(100% - 28%); margin: auto 5%; } /* MENU */ .pdv .pannel .pannel_menu { display: flex; height: 13%; background-color: #fff; align-items: center; padding: 0 4%; } .pdv .pannel .pannel_menu .logo { height: 23px; } .pdv .pannel .pannel_menu .elm { display: flex; align-items: center; margin-left: auto; } .pdv .pannel .pannel_menu .elm span { width: 38px; height: 7px; border-radius: 50px; background: rgba(173, 186, 204, 0.33); } .pdv .pannel .pannel_menu .elm span:nth-child(1) { margin-right: 15px; } /* CARD */ .pdv .pannel .pannel-card_container { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .pdv.pdv_starter .pannel .pannel-card_container { -webkit-animation: 6s ease-in-out prg-pannel_card_starter alternate infinite; animation: 6s ease-in-out prg-pannel_card_starter alternate infinite; } @-webkit-keyframes prg-pannel_card_starter { 0% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 15% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 30% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} 100% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} } @keyframes prg-pannel_card_starter { 0% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 15% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 30% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} 100% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} } .pdv.pdv_tr .pannel .pannel-card_container { -webkit-animation: 8s ease-in-out prg-pannel_card_tr alternate infinite; animation: 8s ease-in-out prg-pannel_card_tr alternate infinite; } @-webkit-keyframes prg-pannel_card_tr { 0% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 20% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 30% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} 100% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} } @keyframes prg-pannel_card_tr { 0% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 20% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 30% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} 100% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} } .pdv.pdv_ip .pannel .pannel-card_container { -webkit-animation: 10s ease-in-out prg-pannel_card_ip alternate infinite; animation: 10s ease-in-out prg-pannel_card_ip alternate infinite; } @-webkit-keyframes prg-pannel_card_ip { 0% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 20% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 27% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} 100% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} } @keyframes prg-pannel_card_ip { 0% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 20% {-webkit-transform: scale(1) translateX(-50%);transform: scale(1) translateX(-50%);left: 50%;} 27% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} 100% {-webkit-transform: scale(.89) translateX(0);transform: scale(.89) translateX(0);left: 0;} } .pdv .pannel .pannel-card_container { -webkit-perspective: 1000px; perspective: 1000px; } .pdv .pannel .pannel-card-flip_container { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .pdv.pdv_starter .pannel .pannel-card-flip_container { -webkit-animation: 12s ease-in-out prg-pannel_flip_starter infinite; animation: 12s ease-in-out prg-pannel_flip_starter infinite; } @-webkit-keyframes prg-pannel_flip_starter { 0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 34% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 40% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 86% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 94% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 100% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} } @keyframes prg-pannel_flip_starter { 0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 34% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 40% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 86% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 94% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 100% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} } .pdv.pdv_tr .pannel .pannel-card-flip_container { -webkit-animation: 16s ease-in-out prg-pannel_flip_tr infinite; animation: 16s ease-in-out prg-pannel_flip_tr infinite; } @-webkit-keyframes prg-pannel_flip_tr { 0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 40% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 45% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 85% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 90% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 100% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} } @keyframes prg-pannel_flip_tr { 0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 40% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 45% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 85% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 90% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 100% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} } .pdv.pdv_ip .pannel .pannel-card-flip_container { -webkit-animation: 20s ease-in-out prg-pannel_flip_ip infinite; animation: 20s ease-in-out prg-pannel_flip_ip infinite; } @-webkit-keyframes prg-pannel_flip_ip { 0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 40% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 43% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 87% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 90% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 100% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} } @keyframes prg-pannel_flip_ip { 0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 40% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 43% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 87% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 90% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 100% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} } .pdv .pannel .pannel-card_container, .pdv .pannel .pannel-card-flip_container, .pdv .pannel .pannel_card { width: 190px; height: 254px; } .pdv .pannel .pannel_card { width: 190px; height: 254px; background: linear-gradient(223.31deg, #EBF2F9 -26.56%, #FFFFFF 69.52%); border-radius: 8px; display: flex; flex-direction: column; align-items: center; } .pdv.pdv_starter .pannel .pannel_card{ -webkit-animation: 6s ease-in-out prg-pannel_card_shadow_starter alternate infinite; animation: 6s ease-in-out prg-pannel_card_shadow_starter alternate infinite; } @-webkit-keyframes prg-pannel_card_shadow_starter { 0% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 15% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 30% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} 100% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} } @keyframes prg-pannel_card_shadow_starter { 0% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 15% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 30% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} 100% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} } .pdv.pdv_tr .pannel .pannel_card{ -webkit-animation: 8s ease-in-out prg-pannel_card_shadow_tr alternate infinite; animation: 8s ease-in-out prg-pannel_card_shadow_tr alternate infinite; } @-webkit-keyframes prg-pannel_card_shadow_tr { 0% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 20% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 30% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} 100% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} } @keyframes prg-pannel_card_shadow_tr { 0% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 20% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 30% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} 100% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} } .pdv.pdv_ip .pannel .pannel_card{ -webkit-animation: 10s ease-in-out prg-pannel_card_shadow_ip alternate infinite; animation: 10s ease-in-out prg-pannel_card_shadow_ip alternate infinite; } @-webkit-keyframes prg-pannel_card_shadow_ip { 0% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 20% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 27% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} 100% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} } @keyframes prg-pannel_card_shadow_ip { 0% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 20% {box-shadow: 0px 1.74402px 21.8002px rgba(212, 215, 231, 0.74);border: 0 solid rgba(185, 198, 211, 0);} 27% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} 100% {box-shadow: 0px 0px 0px rgba(212, 215, 231, 0);border: 1px solid rgba(185, 198, 211, 0.3);} } .pdv .pannel .card-front, .pdv .pannel .card-back { backface-visibility: hidden; -webkit-backface-visibility:hidden; position: absolute; top: 0; left: 0; } .pdv .pannel .card-front { z-index: 2; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .pdv .pannel .card-back { z-index: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } /* CARD FRONT */ .pdv .pannel .card-front .prg_logo { margin-top: 34px; margin-bottom: 40px; width: 75px; height: 75px; position: relative; padding: 15px; border-radius: 22.5px; box-shadow: 5.66805px 5.66805px 19.0098px rgba(143, 164, 206, 0.28), -5.66805px -5.66805px 19.0098px rgba(255, 255, 255, 0.8); overflow: hidden; } .pdv.pdv_starter .pannel .card-front .prg_logo{ padding: 16px; } .pdv .pannel .prg_logo_bg { position: absolute; top: 0; left: 0; background: radial-gradient(100% 100% at 0% 0%, rgba(206, 219, 235, 0.33) 14.18%, rgba(255, 255, 255, 0.33) 100%), #FFFFFF; width: 100%; height: 100%; } .pdv .pannel .card-front .prg_logo_bg { -webkit-filter: blur(0.436004px); filter: blur(0.436004px); } .pdv .pannel .prg_logo img { position: relative; z-index: 2; } .pdv .pannel .card_prg_tag { color: #C0CCE3; font-family: 'LatoLatin-Bold'; font-size: 11px; line-height: 100%; display: flex; align-items: center; text-align: center; text-transform: uppercase; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(90deg) translateX(130%); transform: rotate(90deg) translateX(130%); padding: 5px 8px 4px; background: #ffffff; border-radius: 0 0 6px 6px; position: absolute; top: 0; right: 0; } .pdv.pdv_starter .pannel .card_prg_tag{ -webkit-animation: 6s ease-in-out prg-pannel_tag_shadow_starter alternate infinite; animation: 6s ease-in-out prg-pannel_tag_shadow_starter alternate infinite; } @-webkit-keyframes prg-pannel_tag_shadow_starter { 0% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 15% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 30% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} 100% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} } @keyframes prg-pannel_tag_shadow_starter { 0% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 15% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 30% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} 100% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} } .pdv.pdv_tr .pannel .card_prg_tag{ -webkit-animation: 8s ease-in-out prg-pannel_tag_shadow_tr alternate infinite; animation: 8s ease-in-out prg-pannel_tag_shadow_tr alternate infinite; } @-webkit-keyframes prg-pannel_tag_shadow_tr { 0% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 20% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 30% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} 100% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} } @keyframes prg-pannel_tag_shadow_tr { 0% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 20% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 30% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} 100% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} } .pdv.pdv_ip .pannel .card_prg_tag{ -webkit-animation: 10s ease-in-out prg-pannel_tag_shadow_ip alternate infinite; animation: 10s ease-in-out prg-pannel_tag_shadow_ip alternate infinite; } @-webkit-keyframes prg-pannel_tag_shadow_ip { 0% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 20% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 27% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} 100% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} } @keyframes prg-pannel_tag_shadow_ip { 0% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 20% {box-shadow: 0.482958px 0.482958px 4.36004px rgba(18, 61, 101, 0.15);} 27% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} 100% {box-shadow: 0px 0px 0px rgba(18, 61, 101, 0);} } .pdv .pannel .card_title { font-family: 'LatoLatin-Bold'; font-size: 15px; line-height: 100%; letter-spacing: -0.436004px; text-transform: uppercase; color: #4D5C6D; } .pdv .pannel .card_desc { font-family: 'LatoLatin-Medium'; font-size: 10px; line-height: 12px; color: #4D5C6D; opacity: 0.8; margin-top: 6px; } /* Pannel FORMATION */ .pdv .pannel .formation_logo { width: 22px; } .pdv .pannel .formation_fix { display: flex; margin: auto; } .pdv .pannel .formation_fix .icon { width: 22px; } .pdv .pannel .formation_fix .icon:not(:last-child) { margin-right: 12px; } .pdv.pdv_ip .pannel .formation_fix .icon:not(:last-child) { margin-right: 7px; } .pdv .pannel .formation { display: flex; position: absolute; top: 80%; z-index: 1; } .pdv.pdv_starter .pannel .formation.n1 { top: 30%; -webkit-animation: 12s ease-in-out prg-pannel_formation_n1_starter infinite; animation: 12s ease-in-out prg-pannel_formation_n1_starter infinite; } .pdv.pdv_tr .pannel .formation.n1 { top: 14%; -webkit-animation: 16s ease-in-out prg-pannel_formation_n1_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n1_tr infinite; } .pdv.pdv_ip .pannel .formation.n1 { top: 10%; -webkit-animation: 20s ease-in-out prg-pannel_formation_n1_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n1_ip infinite; } .pdv.pdv_starter .pannel .formation.n2 { top: 60%; -webkit-animation: 12s ease-in-out prg-pannel_formation_n2_starter infinite; animation: 12s ease-in-out prg-pannel_formation_n2_starter infinite; } .pdv.pdv_tr .pannel .formation.n2 { top: 34%; -webkit-animation: 16s ease-in-out prg-pannel_formation_n2_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n2_tr infinite; } .pdv.pdv_ip .pannel .formation.n2 { top: 24%; -webkit-animation: 20s ease-in-out prg-pannel_formation_n2_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n2_ip infinite; } .pdv.pdv_tr .pannel .formation.n3 { top: 54%; -webkit-animation: 16s ease-in-out prg-pannel_formation_n3_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n3_tr infinite; } .pdv.pdv_ip .pannel .formation.n3 { top: 38%; -webkit-animation: 20s ease-in-out prg-pannel_formation_n3_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n3_ip infinite; } .pdv.pdv_tr .pannel .formation.n4 { top: 74%; -webkit-animation: 16s ease-in-out prg-pannel_formation_n4_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n4_tr infinite; } .pdv.pdv_ip .pannel .formation.n4 { top: 52%; -webkit-animation: 20s ease-in-out prg-pannel_formation_n4_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n4_ip infinite; } .pdv.pdv_ip .pannel .formation.n5 { top: 66%; -webkit-animation: 20s ease-in-out prg-pannel_formation_n5_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n5_ip infinite; } .pdv.pdv_ip .pannel .formation.n6 { top: 80%; -webkit-animation: 20s ease-in-out prg-pannel_formation_n6_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n6_ip infinite; } @-webkit-keyframes prg-pannel_formation_n1_starter { 0% {left: 40%; opacity: 0; visibility: hidden;} 19% {left: 40%; opacity: 1; visibility: visible;} 22% {left: 50%; opacity: 1; visibility: visible;} 74% {left: 50%; opacity: 1; visibility: visible;} 76% {left: 51%; opacity: 1; visibility: visible;} 77% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @keyframes prg-pannel_formation_n1_starter { 0% {left: 40%; opacity: 0; visibility: hidden;} 19% {left: 40%; opacity: 1; visibility: visible;} 22% {left: 50%; opacity: 1; visibility: visible;} 74% {left: 50%; opacity: 1; visibility: visible;} 76% {left: 51%; opacity: 1; visibility: visible;} 77% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n1_tr { 0% {left: 40%; opacity: 0; visibility: hidden;} 17% {left: 40%; opacity: 1; visibility: visible;} 19% {left: 50%; opacity: 1; visibility: visible;} 65% {left: 50%; opacity: 1; visibility: visible;} 66% {left: 51%; opacity: 1; visibility: visible;} 67% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @keyframes prg-pannel_formation_n1_tr { 0% {left: 40%; opacity: 0; visibility: hidden;} 17% {left: 40%; opacity: 1; visibility: visible;} 19% {left: 50%; opacity: 1; visibility: visible;} 65% {left: 50%; opacity: 1; visibility: visible;} 66% {left: 51%; opacity: 1; visibility: visible;} 67% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n1_ip { 0% {left: 40%; opacity: 0; visibility: hidden;} 15% {left: 40%; opacity: 1; visibility: visible;} 16% {left: 50%; opacity: 1; visibility: visible;} 64% {left: 50%; opacity: 1; visibility: visible;} 65% {left: 51%; opacity: 1; visibility: visible;} 66% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @keyframes prg-pannel_formation_n1_ip { 0% {left: 40%; opacity: 0; visibility: hidden;} 15% {left: 40%; opacity: 1; visibility: visible;} 16% {left: 50%; opacity: 1; visibility: visible;} 64% {left: 50%; opacity: 1; visibility: visible;} 65% {left: 51%; opacity: 1; visibility: visible;} 66% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n2_starter { 0% {left: 40%; opacity: 0; visibility: hidden;} 25% {left: 40%; opacity: 1; visibility: visible;} 28% {left: 50%; opacity: 1; visibility: visible;} 80% {left: 50%; opacity: 1; visibility: visible;} 82% {left: 51%; opacity: 1; visibility: visible;} 84% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @keyframes prg-pannel_formation_n2_starter { 0% {left: 40%; opacity: 0; visibility: hidden;} 25% {left: 40%; opacity: 1; visibility: visible;} 28% {left: 50%; opacity: 1; visibility: visible;} 80% {left: 50%; opacity: 1; visibility: visible;} 82% {left: 51%; opacity: 1; visibility: visible;} 84% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n2_tr { 0% {left: 40%; opacity: 0; visibility: hidden;} 23% {left: 40%; opacity: 1; visibility: visible;} 25% {left: 50%; opacity: 1; visibility: visible;} 71% {left: 50%; opacity: 1; visibility: visible;} 72% {left: 51%; opacity: 1; visibility: visible;} 73% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @keyframes prg-pannel_formation_n2_tr { 0% {left: 40%; opacity: 0; visibility: hidden;} 23% {left: 40%; opacity: 1; visibility: visible;} 25% {left: 50%; opacity: 1; visibility: visible;} 71% {left: 50%; opacity: 1; visibility: visible;} 72% {left: 51%; opacity: 1; visibility: visible;} 73% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n2_ip { 0% {left: 40%; opacity: 0; visibility: hidden;} 19% {left: 40%; opacity: 1; visibility: visible;} 20% {left: 50%; opacity: 1; visibility: visible;} 68% {left: 50%; opacity: 1; visibility: visible;} 69% {left: 51%; opacity: 1; visibility: visible;} 70% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @keyframes prg-pannel_formation_n2_ip { 0% {left: 40%; opacity: 0; visibility: hidden;} 19% {left: 40%; opacity: 1; visibility: visible;} 20% {left: 50%; opacity: 1; visibility: visible;} 68% {left: 50%; opacity: 1; visibility: visible;} 69% {left: 51%; opacity: 1; visibility: visible;} 70% {left: 40%; opacity: 0; visibility: hidden;} 100% {left: 40%; opacity: 0; visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n3_tr { 0% {left: 40%; opacity: 0; visibility: hidden;} 29% {left: 40%;opacity: 1;visibility: visible;} 31% {left: 50%;opacity: 1;visibility: visible;} 77% {left: 50%;opacity: 1;visibility: visible;} 78% {left: 51%;opacity: 1;visibility: visible;} 79% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n3_tr { 0% {left: 40%; opacity: 0; visibility: hidden;} 29% {left: 40%;opacity: 1;visibility: visible;} 31% {left: 50%;opacity: 1;visibility: visible;} 77% {left: 50%;opacity: 1;visibility: visible;} 78% {left: 51%;opacity: 1;visibility: visible;} 79% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n3_ip { 0% {left: 40%; opacity: 0; visibility: hidden;} 24% {left: 40%;opacity: 1;visibility: visible;} 25% {left: 50%;opacity: 1;visibility: visible;} 72% {left: 50%;opacity: 1;visibility: visible;} 73% {left: 51%;opacity: 1;visibility: visible;} 74% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n3_ip { 0% {left: 40%; opacity: 0; visibility: hidden;} 24% {left: 40%;opacity: 1;visibility: visible;} 25% {left: 50%;opacity: 1;visibility: visible;} 72% {left: 50%;opacity: 1;visibility: visible;} 73% {left: 51%;opacity: 1;visibility: visible;} 74% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n4_tr { 0% {left: 40%;opacity: 0;visibility: hidden;} 35% {left: 40%;opacity: 1;visibility: visible;} 37% {left: 50%;opacity: 1;visibility: visible;} 83% {left: 50%;opacity: 1;visibility: visible;} 84% {left: 51%;opacity: 1;visibility: visible;} 85% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n4_tr { 0% {left: 40%;opacity: 0;visibility: hidden;} 35% {left: 40%;opacity: 1;visibility: visible;} 37% {left: 50%;opacity: 1;visibility: visible;} 83% {left: 50%;opacity: 1;visibility: visible;} 84% {left: 51%;opacity: 1;visibility: visible;} 85% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n4_ip { 0% {left: 40%;opacity: 0;visibility: hidden;} 28% {left: 40%;opacity: 1;visibility: visible;} 29% {left: 50%;opacity: 1;visibility: visible;} 76% {left: 50%;opacity: 1;visibility: visible;} 77% {left: 51%;opacity: 1;visibility: visible;} 78% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n4_ip { 0% {left: 40%;opacity: 0;visibility: hidden;} 28% {left: 40%;opacity: 1;visibility: visible;} 29% {left: 50%;opacity: 1;visibility: visible;} 76% {left: 50%;opacity: 1;visibility: visible;} 77% {left: 51%;opacity: 1;visibility: visible;} 78% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n5_ip { 0% {left: 40%;opacity: 0;visibility: hidden;} 32% {left: 40%;opacity: 1;visibility: visible;} 33% {left: 50%;opacity: 1;visibility: visible;} 80% {left: 50%;opacity: 1;visibility: visible;} 81% {left: 51%;opacity: 1;visibility: visible;} 82% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n5_ip { 0% {left: 40%;opacity: 0;visibility: hidden;} 32% {left: 40%;opacity: 1;visibility: visible;} 33% {left: 50%;opacity: 1;visibility: visible;} 80% {left: 50%;opacity: 1;visibility: visible;} 81% {left: 51%;opacity: 1;visibility: visible;} 82% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n6_ip { 0% {left: 40%;opacity: 0;visibility: hidden;} 36% {left: 40%;opacity: 1;visibility: visible;} 37% {left: 50%;opacity: 1;visibility: visible;} 84% {left: 50%;opacity: 1;visibility: visible;} 85% {left: 51%;opacity: 1;visibility: visible;} 86% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n6_ip { 0% {left: 40%;opacity: 0;visibility: hidden;} 36% {left: 40%;opacity: 1;visibility: visible;} 37% {left: 50%;opacity: 1;visibility: visible;} 84% {left: 50%;opacity: 1;visibility: visible;} 85% {left: 51%;opacity: 1;visibility: visible;} 86% {left: 40%;opacity: 0;visibility: hidden;} 100% {left: 40%;opacity: 0;visibility: hidden;} } .pdv.pdv_starter .pannel .formation.n1 .formation_logo { -webkit-animation: 12s ease-in-out prg-pannel_formation_n1_icon_starter infinite; animation: 12s ease-in-out prg-pannel_formation_n1_icon_starter infinite; } .pdv.pdv_tr .pannel .formation.n1 .formation_logo { -webkit-animation: 16s ease-in-out prg-pannel_formation_n1_icon_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n1_icon_tr infinite; } .pdv.pdv_ip .pannel .formation.n1 .formation_logo { -webkit-animation: 20s ease-in-out prg-pannel_formation_n1_icon_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n1_icon_ip infinite; } .pdv.pdv_starter .pannel .formation.n2 .formation_logo { -webkit-animation: 12s ease-in-out prg-pannel_formation_n2_icon_starter infinite; animation: 12s ease-in-out prg-pannel_formation_n2_icon_starter infinite; } .pdv.pdv_tr .pannel .formation.n2 .formation_logo { -webkit-animation: 16s ease-in-out prg-pannel_formation_n2_icon_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n2_icon_tr infinite; } .pdv.pdv_ip .pannel .formation.n2 .formation_logo { -webkit-animation: 20s ease-in-out prg-pannel_formation_n2_icon_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n2_icon_ip infinite; } .pdv.pdv_tr .pannel .formation.n3 .formation_logo { -webkit-animation: 16s ease-in-out prg-pannel_formation_n3_icon_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n3_icon_tr infinite; } .pdv.pdv_ip .pannel .formation.n3 .formation_logo { -webkit-animation: 20s ease-in-out prg-pannel_formation_n3_icon_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n3_icon_ip infinite; } .pdv.pdv_tr .pannel .formation.n4 .formation_logo { -webkit-animation: 16s ease-in-out prg-pannel_formation_n4_icon_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n4_icon_tr infinite; } .pdv.pdv_ip .pannel .formation.n4 .formation_logo { -webkit-animation: 20s ease-in-out prg-pannel_formation_n4_icon_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n4_icon_ip infinite; } .pdv.pdv_ip .pannel .formation.n5 .formation_logo { -webkit-animation: 20s ease-in-out prg-pannel_formation_n5_icon_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n5_icon_ip infinite; } .pdv.pdv_ip .pannel .formation.n6 .formation_logo { -webkit-animation: 20s ease-in-out prg-pannel_formation_n6_icon_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n6_icon_ip infinite; } @-webkit-keyframes prg-pannel_formation_n1_icon_starter { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 22% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 23% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 24% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n1_icon_starter { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 22% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 23% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 24% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n1_icon_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 18% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 19% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 20% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n1_icon_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 18% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 19% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 20% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n1_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 16% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 17% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 18% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n1_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 16% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 17% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 18% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n2_icon_starter { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 26% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 27% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 29% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n2_icon_starter { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 26% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 27% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 29% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n2_icon_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 24% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 25% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 26% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n2_icon_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 24% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 25% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 26% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n2_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 20% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 21% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 22% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n2_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 20% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 21% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 22% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n3_icon_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 30% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 31% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 32% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n3_icon_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 30% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 31% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 32% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n3_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 24% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 25% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 26% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n3_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 24% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 25% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 26% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n4_icon_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 36% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 37% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 38% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n4_icon_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 36% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 37% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 38% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n4_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 28% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 29% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 30% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n4_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 28% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 29% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 30% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n5_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 32% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 33% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 34% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n5_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 32% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 33% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 34% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @-webkit-keyframes prg-pannel_formation_n6_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 36% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 37% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 38% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } @keyframes prg-pannel_formation_n6_icon_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 36% {opacity: 1;visibility: visible;-webkit-transform: scale(0);transform: scale(0);} 37% {opacity: 1;visibility: visible;-webkit-transform: scale(1.2);transform: scale(1.2);} 38% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;visibility: visible;} } /* ICON FIX */ .pdv.pdv_starter .pannel .icon1_fix { -webkit-animation: 12s ease-in-out prg-pannel_formation_icon1_fix_starter infinite; animation: 12s ease-in-out prg-pannel_formation_icon1_fix_starter infinite; } .pdv.pdv_tr .pannel .icon1_fix { -webkit-animation: 16s ease-in-out prg-pannel_formation_icon1_fix_tr infinite; animation: 16s ease-in-out prg-pannel_formation_icon1_fix_tr infinite; } .pdv.pdv_ip .pannel .icon1_fix { -webkit-animation: 20s ease-in-out prg-pannel_formation_icon1_fix_ip infinite; animation: 20s ease-in-out prg-pannel_formation_icon1_fix_ip infinite; } @-webkit-keyframes prg-pannel_formation_icon1_fix_starter { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 18% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 20% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 21% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 73% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 76% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon1_fix_starter { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 18% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 20% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 21% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 73% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 76% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @-webkit-keyframes prg-pannel_formation_icon1_fix_tr { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 16% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 17% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 18% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 66% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 68% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon1_fix_tr { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 16% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 17% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 18% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 66% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 68% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @-webkit-keyframes prg-pannel_formation_icon1_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 14% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 15% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 16% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 66% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 68% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon1_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 14% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 15% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 16% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 66% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 68% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } .pdv.pdv_starter .pannel .icon2_fix { -webkit-animation: 12s ease-in-out prg-pannel_formation_icon2_fix_starter infinite; animation: 12s ease-in-out prg-pannel_formation_icon2_fix_starter infinite; } .pdv.pdv_tr .pannel .icon2_fix { -webkit-animation: 16s ease-in-out prg-pannel_formation_icon2_fix_tr infinite; animation: 16s ease-in-out prg-pannel_formation_icon2_fix_tr infinite; } .pdv.pdv_ip .pannel .icon2_fix { -webkit-animation: 20s ease-in-out prg-pannel_formation_icon2_fix_ip infinite; animation: 20s ease-in-out prg-pannel_formation_icon2_fix_ip infinite; } @-webkit-keyframes prg-pannel_formation_icon2_fix_starter { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 22% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 24% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 25% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 77% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 80% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon2_fix_starter { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 22% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 24% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 25% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 77% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 80% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @-webkit-keyframes prg-pannel_formation_icon2_fix_tr { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 22% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 23% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 24% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 72% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 74% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon2_fix_tr { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 22% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 23% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 24% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 72% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 74% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @-webkit-keyframes prg-pannel_formation_icon2_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 18% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 19% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 20% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 72% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 74% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon2_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 18% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 19% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 20% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 72% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 74% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } .pdv.pdv_tr .pannel .icon3_fix { -webkit-animation: 16s ease-in-out prg-pannel_formation_icon3_fix_tr infinite; animation: 16s ease-in-out prg-pannel_formation_icon3_fix_tr infinite; } .pdv.pdv_ip .pannel .icon3_fix { -webkit-animation: 20s ease-in-out prg-pannel_formation_icon3_fix_ip infinite; animation: 20s ease-in-out prg-pannel_formation_icon3_fix_ip infinite; } @-webkit-keyframes prg-pannel_formation_icon3_fix_tr { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 28% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 29% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 30% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 78% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 80% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon3_fix_tr { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 28% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 29% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 30% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 78% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 80% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @-webkit-keyframes prg-pannel_formation_icon3_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 22% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 23% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 24% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 78% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 80% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon3_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 22% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 23% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 24% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 78% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 80% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } .pdv.pdv_tr .pannel .icon4_fix { -webkit-animation: 16s ease-in-out prg-pannel_formation_icon4_fix_tr infinite; animation: 16s ease-in-out prg-pannel_formation_icon4_fix_tr infinite; } .pdv.pdv_ip .pannel .icon4_fix { -webkit-animation: 20s ease-in-out prg-pannel_formation_icon4_fix_ip infinite; animation: 20s ease-in-out prg-pannel_formation_icon4_fix_ip infinite; } @-webkit-keyframes prg-pannel_formation_icon4_fix_tr { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 34% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 35% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 36% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 83% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 85% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon4_fix_tr { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 34% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 35% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 36% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 83% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 85% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @-webkit-keyframes prg-pannel_formation_icon4_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 26% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 27% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 28% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 83% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 85% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon4_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 26% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 27% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 28% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 83% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 85% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } .pdv.pdv_ip .pannel .icon5_fix { -webkit-animation: 20s ease-in-out prg-pannel_formation_icon5_fix_ip infinite; animation: 20s ease-in-out prg-pannel_formation_icon5_fix_ip infinite; } @-webkit-keyframes prg-pannel_formation_icon5_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 30% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 31% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 32% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 83% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 85% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon5_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 30% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 31% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 32% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 83% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 85% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } .pdv.pdv_ip .pannel .icon6_fix { -webkit-animation: 20s ease-in-out prg-pannel_formation_icon6_fix_ip infinite; animation: 20s ease-in-out prg-pannel_formation_icon6_fix_ip infinite; } @-webkit-keyframes prg-pannel_formation_icon6_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 34% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 35% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 36% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 83% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 85% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } @keyframes prg-pannel_formation_icon6_fix_ip { 0% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 34% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 35% {-webkit-transform: scale(1.15);transform: scale(1.15);visibility: visible;} 36% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 83% {-webkit-transform: scale(0);transform: scale(0);visibility: hidden;} 85% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} 100% {-webkit-transform: scale(1);transform: scale(1);visibility: visible;} } /* FORMATION TEXT */ .pdv .pannel .formation .formation_text { opacity: 0; visibility: hidden; margin-top: 1px; margin-left: 10px; } .pdv .pannel .formation .formation_title { font-family: 'LatoLatin-Bold'; font-size: 9.22751px; line-height: 100%; text-transform: uppercase; color: #4D5C6D; } .pdv .pannel .formation .formation_desc { font-family: 'LatoLatin-Medium'; font-size: 7.68959px; line-height: 9px; color: #4D5C6D; margin-top: 3px; } .pdv .pannel .formation.premium .formation_text { position: relative; } .pdv .pannel .formation.premium .premium_tag { font-family: 'LatoLatin-Bold'; font-size: 6px; line-height: 6px; color: #FFFFFF; padding: 3px 7px 2px; background: #FFBD00; border-radius: 50px; position: absolute; top: 0; left: 100%; width: 35px; margin-left: 10px; } .pdv.pdv_ip .pannel .formation.premium .premium_tag { padding: 3px 10px 2px; } .pdv.pdv_starter .pannel .formation.n1 .formation_text { -webkit-animation: 12s ease-in-out prg-pannel_formation_n1_text_starter infinite; animation: 12s ease-in-out prg-pannel_formation_n1_text_starter infinite; } .pdv.pdv_tr .pannel .formation.n1 .formation_text { -webkit-animation: 16s ease-in-out prg-pannel_formation_n1_text_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n1_text_tr infinite; } .pdv.pdv_ip .pannel .formation.n1 .formation_text { -webkit-animation: 20s ease-in-out prg-pannel_formation_n1_text_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n1_text_ip infinite; } .pdv.pdv_starter .pannel .formation.n2 .formation_text { -webkit-animation: 12s ease-in-out prg-pannel_formation_n2_text_starter infinite; animation: 12s ease-in-out prg-pannel_formation_n2_text_starter infinite; } .pdv.pdv_tr .pannel .formation.n2 .formation_text { -webkit-animation: 16s ease-in-out prg-pannel_formation_n2_text_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n2_text_tr infinite; } .pdv.pdv_ip .pannel .formation.n2 .formation_text { -webkit-animation: 20s ease-in-out prg-pannel_formation_n2_text_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n2_text_ip infinite; } .pdv.pdv_tr .pannel .formation.n3 .formation_text { -webkit-animation: 16s ease-in-out prg-pannel_formation_n3_text_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n3_text_tr infinite; } .pdv.pdv_ip .pannel .formation.n3 .formation_text { -webkit-animation: 20s ease-in-out prg-pannel_formation_n3_text_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n3_text_ip infinite; } .pdv.pdv_tr .pannel .formation.n4 .formation_text { -webkit-animation: 16s ease-in-out prg-pannel_formation_n4_text_tr infinite; animation: 16s ease-in-out prg-pannel_formation_n4_text_tr infinite; } .pdv.pdv_ip .pannel .formation.n4 .formation_text { -webkit-animation: 20s ease-in-out prg-pannel_formation_n4_text_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n4_text_ip infinite; } .pdv.pdv_ip .pannel .formation.n5 .formation_text { -webkit-animation: 20s ease-in-out prg-pannel_formation_n5_text_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n5_text_ip infinite; } .pdv.pdv_ip .pannel .formation.n6 .formation_text { -webkit-animation: 20s ease-in-out prg-pannel_formation_n6_text_ip infinite; animation: 20s ease-in-out prg-pannel_formation_n6_text_ip infinite; } @-webkit-keyframes prg-pannel_formation_n1_text_starter { 0% {visibility: hidden;opacity: 0;} 23% {visibility: hidden;opacity: 0;} 25% {visibility: visible;opacity: 1;} 76% {visibility: visible;opacity: 1;} 77% {visibility: hidden;opacity: 0;} 100% {visibility: hidden;opacity: 0;} } @keyframes prg-pannel_formation_n1_text_starter { 0% {visibility: hidden;opacity: 0;} 23% {visibility: hidden;opacity: 0;} 25% {visibility: visible;opacity: 1;} 76% {visibility: visible;opacity: 1;} 77% {visibility: hidden;opacity: 0;} 100% {visibility: hidden;opacity: 0;} } @-webkit-keyframes prg-pannel_formation_n1_text_tr { 0% {visibility: hidden;opacity: 0;} 20% {visibility: hidden;opacity: 0;} 22% {visibility: visible;opacity: 1;} 68% {visibility: visible;opacity: 1;} 70% {visibility: hidden;opacity: 0;} 100% {visibility: hidden;opacity: 0;} } @keyframes prg-pannel_formation_n1_text_tr { 0% {visibility: hidden;opacity: 0;} 20% {visibility: hidden;opacity: 0;} 22% {visibility: visible;opacity: 1;} 68% {visibility: visible;opacity: 1;} 70% {visibility: hidden;opacity: 0;} 100% {visibility: hidden;opacity: 0;} } @-webkit-keyframes prg-pannel_formation_n1_text_ip { 0% {visibility: hidden;opacity: 0;} 18.5% {visibility: hidden;opacity: 0;} 20% {visibility: visible;opacity: 1;} 68% {visibility: visible;opacity: 1;} 70% {visibility: hidden;opacity: 0;} 100% {visibility: hidden;opacity: 0;} } @keyframes prg-pannel_formation_n1_text_ip { 0% {visibility: hidden;opacity: 0;} 18.5% {visibility: hidden;opacity: 0;} 20% {visibility: visible;opacity: 1;} 68% {visibility: visible;opacity: 1;} 70% {visibility: hidden;opacity: 0;} 100% {visibility: hidden;opacity: 0;} } @-webkit-keyframes prg-pannel_formation_n2_text_starter { 0% {opacity: 0;visibility: hidden;} 27% {opacity: 0;visibility: hidden;} 29% {opacity: 1;visibility: visible;} 83% {opacity: 1;visibility: visible;} 84% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n2_text_starter { 0% {opacity: 0;visibility: hidden;} 27% {opacity: 0;visibility: hidden;} 29% {opacity: 1;visibility: visible;} 83% {opacity: 1;visibility: visible;} 84% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n2_text_tr { 0% {opacity: 0;visibility: hidden;} 26% {opacity: 0;visibility: hidden;} 28% {opacity: 1;visibility: visible;} 74% {opacity: 1;visibility: visible;} 77% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n2_text_tr { 0% {opacity: 0;visibility: hidden;} 26% {opacity: 0;visibility: hidden;} 28% {opacity: 1;visibility: visible;} 74% {opacity: 1;visibility: visible;} 77% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n2_text_ip { 0% {opacity: 0;visibility: hidden;} 22.5% {opacity: 0;visibility: hidden;} 24% {opacity: 1;visibility: visible;} 74% {opacity: 1;visibility: visible;} 77% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n2_text_ip { 0% {opacity: 0;visibility: hidden;} 22.5% {opacity: 0;visibility: hidden;} 24% {opacity: 1;visibility: visible;} 74% {opacity: 1;visibility: visible;} 77% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n3_text_tr { 0% {opacity: 0;visibility: hidden;} 32% {opacity: 0;visibility: hidden;} 33% {opacity: 1;visibility: visible;} 80% {opacity: 1;visibility: visible;} 83% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n3_text_tr { 0% {opacity: 0;visibility: hidden;} 32% {opacity: 0;visibility: hidden;} 33% {opacity: 1;visibility: visible;} 80% {opacity: 1;visibility: visible;} 83% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n3_text_ip { 0% {opacity: 0;visibility: hidden;} 27.5% {opacity: 0;visibility: hidden;} 29% {opacity: 1;visibility: visible;} 80% {opacity: 1;visibility: visible;} 83% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n3_text_ip { 0% {opacity: 0;visibility: hidden;} 27.5% {opacity: 0;visibility: hidden;} 29% {opacity: 1;visibility: visible;} 80% {opacity: 1;visibility: visible;} 83% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n4_text_tr { 0% {opacity: 0;visibility: hidden;} 38% {opacity: 0;visibility: hidden;} 40% {opacity: 1;visibility: visible;} 86% {opacity: 1;visibility: visible;} 88% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n4_text_tr { 0% {opacity: 0;visibility: hidden;} 38% {opacity: 0;visibility: hidden;} 40% {opacity: 1;visibility: visible;} 86% {opacity: 1;visibility: visible;} 88% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n4_text_ip { 0% {opacity: 0;visibility: hidden;} 31.5% {opacity: 0;visibility: hidden;} 33% {opacity: 1;visibility: visible;} 86% {opacity: 1;visibility: visible;} 88% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n4_text_ip { 0% {opacity: 0;visibility: hidden;} 31.5% {opacity: 0;visibility: hidden;} 33% {opacity: 1;visibility: visible;} 86% {opacity: 1;visibility: visible;} 88% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n5_text_ip { 0% {opacity: 0;visibility: hidden;} 35.5% {opacity: 0;visibility: hidden;} 37% {opacity: 1;visibility: visible;} 86% {opacity: 1;visibility: visible;} 88% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n5_text_ip { 0% {opacity: 0;visibility: hidden;} 35.5% {opacity: 0;visibility: hidden;} 37% {opacity: 1;visibility: visible;} 86% {opacity: 1;visibility: visible;} 88% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @-webkit-keyframes prg-pannel_formation_n6_text_ip { 0% {opacity: 0;visibility: hidden;} 39.5% {opacity: 0;visibility: hidden;} 41% {opacity: 1;visibility: visible;} 86% {opacity: 1;visibility: visible;} 88% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } @keyframes prg-pannel_formation_n6_text_ip { 0% {opacity: 0;visibility: hidden;} 39.5% {opacity: 0;visibility: hidden;} 41% {opacity: 1;visibility: visible;} 86% {opacity: 1;visibility: visible;} 88% {opacity: 0;visibility: hidden;} 100% {opacity: 0;visibility: hidden;} } /* CARD BACK */ .pdv .pannel .card-back { overflow: hidden; border: 1px solid rgba(185, 198, 211, 0.3); } .pdv .pannel .card-back_header { width: 100%; background: #FFFFFF; padding: 10px; display: flex; align-items: center; } .pdv .pannel .card-back .prg_logo { width: 22px; height: 22px; position: relative; padding: 4px; box-shadow: 1.66263px 1.66263px 5.5762px rgba(143, 164, 206, 0.28), -1.66263px -1.66263px 5.5762px rgba(255, 255, 255, 0.8); border-radius: 6.6px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .pdv .pannel .back-prg_name { font-family: 'LatoLatin-Bold'; font-size: 10px; line-height: 100%; text-transform: uppercase; color: #a6b2ca; margin-left: 8px; } .pdv .pannel .card-back_body { display: flex; justify-content: flex-start; align-items: center; padding: 18px; width: 100%; height: 100%; } .pdv .pannel .card-back_check_list { display: flex; flex-direction: column; } .pdv .pannel .list_item_container { display: flex; align-items: center; } .pdv .pannel .list_icon { display: flex; width: 9px; height: 9px; margin-right: 7px; } .pdv .pannel .list-item { font-family: 'LatoLatin-Medium'; font-size: 11px; line-height: 11px; color: #4D5C6D; opacity: 0.8; } .pdv .pannel .card-back_check_list .list_item_container:not(:last-child) { margin-bottom: 18px; } .pdv.pdv_starter .pannel .card-back_check_list .list_icon { -webkit-animation: 12s ease-in-out prg-pannel_check_list_icon_1_starter infinite; animation: 12s ease-in-out prg-pannel_check_list_icon_1_starter infinite; } .pdv.pdv_tr .pannel .card-back_check_list .list_icon { -webkit-animation: 16s ease-in-out prg-pannel_check_list_icon_1_tr infinite; animation: 16s ease-in-out prg-pannel_check_list_icon_1_tr infinite; } .pdv.pdv_ip .pannel .card-back_check_list .list_icon { -webkit-animation: 20s ease-in-out prg-pannel_check_list_icon_1_ip infinite; animation: 20s ease-in-out prg-pannel_check_list_icon_1_ip infinite; } @-webkit-keyframes prg-pannel_check_list_icon_1_starter { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 42% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 43.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1.5);transform: scale(1.5);} 44% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} } @keyframes prg-pannel_check_list_icon_1_starter { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 42% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 43.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1.5);transform: scale(1.5);} 44% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} } @-webkit-keyframes prg-pannel_check_list_icon_1_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 48% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 49.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1.5);transform: scale(1.5);} 50.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} } @keyframes prg-pannel_check_list_icon_1_tr { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 48% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 49.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1.5);transform: scale(1.5);} 50.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} } @-webkit-keyframes prg-pannel_check_list_icon_1_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 45% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 45.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1.5);transform: scale(1.5);} 46.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} } @keyframes prg-pannel_check_list_icon_1_ip { 0% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 45% {opacity: 0;visibility: hidden;-webkit-transform: scale(0);transform: scale(0);} 45.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1.5);transform: scale(1.5);} 46.5% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} 100% {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);} } .pdv.pdv_ip .pannel .premium_coaching_banner{ position: absolute; height: 23px; width: 100%; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; display: flex; justify-content: center; align-items: center; text-align: center; background: var(--premium-secondary-grad); padding-bottom: 1px; animation: 20s ease-in-out prg-pannel_premuim_banner_ip infinite; -webkit-animation: 20s ease-in-out prg-pannel_premuim_banner_ip infinite; } .pdv.pdv_ip .pannel .premium_coaching_banner span{ color: #ffffff; font-size: 10px; line-height: 1; } .pdv.pdv_ip .pannel .premium_coaching_banner:before{ content: ""; display: block; width: 11px; height: 11px; flex-shrink: 0; margin: -1px 5px 0 0; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M7.81375 0.801597C7.87557 0.677947 7.96831 0.579029 8.09196 0.504839C8.21561 0.430649 8.35162 0.393555 8.5 0.393555C8.64838 0.393555 8.78439 0.430649 8.90804 0.504839C9.03169 0.579029 9.12443 0.677947 9.18625 0.801597L11.3934 5.27152L16.3455 5.99486C16.4939 6.01959 16.6207 6.07833 16.7258 6.17106C16.8309 6.2638 16.9081 6.38127 16.9576 6.52346C17.0071 6.66566 17.0132 6.80786 16.9762 6.95005C16.9391 7.09225 16.8711 7.21281 16.7721 7.31173L13.1925 10.7801L14.0457 15.6951C14.0704 15.8435 14.0549 15.9857 13.9993 16.1217C13.9437 16.2577 13.854 16.369 13.7304 16.4556C13.6067 16.5421 13.4738 16.5916 13.3316 16.604C13.1894 16.6163 13.0503 16.5854 12.9143 16.5112L8.5 14.1928L4.08572 16.5112C3.94971 16.5731 3.8106 16.5978 3.66841 16.5854C3.52621 16.5731 3.39638 16.5236 3.27891 16.437C3.16144 16.3505 3.07489 16.2423 3.01925 16.1125C2.96361 15.9826 2.94815 15.8435 2.97288 15.6951L3.80751 10.7801L0.227868 7.31173C0.128948 7.21281 0.0609417 7.09225 0.0238468 6.95005C-0.0132482 6.80786 -0.00706576 6.66566 0.0423942 6.52346C0.0918541 6.38127 0.169134 6.2638 0.274236 6.17106C0.379339 6.07833 0.506078 6.01959 0.654458 5.99486L5.60661 5.27152L7.81375 0.801597Z'/%3E%3C/mask%3E%3Cpath d='M7.81375 0.801597L6.38265 0.0860464L6.37911 0.0932076L7.81375 0.801597ZM8.09196 0.504839L7.26876 -0.86715L8.09196 0.504839ZM9.18625 0.801597L10.6209 0.0931988L10.6173 0.0860553L9.18625 0.801597ZM11.3934 5.27152L9.95875 5.97991L10.3308 6.73328L11.1621 6.85472L11.3934 5.27152ZM16.3455 5.99486L16.6086 4.41663L16.5927 4.41399L16.5768 4.41166L16.3455 5.99486ZM16.7721 7.31173L17.8855 8.46082L17.8946 8.45203L17.9035 8.4431L16.7721 7.31173ZM13.1925 10.7801L12.0791 9.631L11.4713 10.2199L11.6161 11.0537L13.1925 10.7801ZM14.0457 15.6951L15.6239 15.4321L15.6221 15.4215L14.0457 15.6951ZM13.7304 16.4556L12.8128 15.1448L13.7304 16.4556ZM12.9143 16.5112L13.6804 15.1066L13.6694 15.1006L13.6582 15.0947L12.9143 16.5112ZM8.5 14.1928L9.24397 12.7763L8.5 12.3856L7.75603 12.7763L8.5 14.1928ZM4.08572 16.5112L4.74781 17.9678L4.78932 17.9489L4.82969 17.9277L4.08572 16.5112ZM3.27891 16.437L4.22803 15.1489L3.27891 16.437ZM2.97288 15.6951L1.39545 15.4273L1.39465 15.4321L2.97288 15.6951ZM3.80751 10.7801L5.38493 11.048L5.52599 10.2173L4.92088 9.631L3.80751 10.7801ZM0.227868 7.31173L-0.903503 8.4431L-0.894572 8.45203L-0.8855 8.46082L0.227868 7.31173ZM0.654458 5.99486L0.423204 4.41166L0.407287 4.41399L0.391419 4.41663L0.654458 5.99486ZM5.60661 5.27152L5.83786 6.85472L6.66925 6.73328L7.04125 5.97991L5.60661 5.27152ZM9.24483 1.51714C9.16453 1.67773 9.04061 1.80155 8.91515 1.87683L7.26876 -0.86715C6.89601 -0.643494 6.58661 -0.321837 6.38266 0.0860553L9.24483 1.51714ZM8.91515 1.87683C8.78268 1.95631 8.63279 1.99355 8.5 1.99355V-1.20645C8.07045 -1.20645 7.64854 -1.09501 7.26876 -0.86715L8.91515 1.87683ZM8.5 1.99355C8.36721 1.99355 8.21732 1.95631 8.08485 1.87683L9.73124 -0.86715C9.35146 -1.09501 8.92955 -1.20645 8.5 -1.20645V1.99355ZM8.08485 1.87683C7.95939 1.80155 7.83546 1.67773 7.75517 1.51714L10.6173 0.0860553C10.4134 -0.321832 10.104 -0.643491 9.73124 -0.86715L8.08485 1.87683ZM7.75162 1.50999L9.95875 5.97991L12.828 4.56313L10.6209 0.0932076L7.75162 1.50999ZM11.1621 6.85472L16.1143 7.57806L16.5768 4.41166L11.6246 3.68832L11.1621 6.85472ZM16.0825 7.57309C15.958 7.55235 15.8031 7.49077 15.6672 7.3708L17.7844 4.97132C17.4382 4.66588 17.0298 4.48684 16.6086 4.41663L16.0825 7.57309ZM15.6672 7.3708C15.5507 7.26806 15.4804 7.14691 15.4464 7.0491L18.4688 5.99783C18.3359 5.61562 18.111 5.25954 17.7844 4.97132L15.6672 7.3708ZM15.4464 7.0491C15.423 6.98171 15.4049 6.89938 15.4008 6.80625C15.3968 6.71279 15.4076 6.62441 15.428 6.54618L18.5243 7.35393C18.6435 6.8972 18.6197 6.43159 18.4688 5.99783L15.4464 7.0491ZM15.428 6.54618C15.4589 6.42762 15.5282 6.2929 15.6408 6.18036L17.9035 8.4431C18.2139 8.13272 18.4192 7.75689 18.5243 7.35393L15.428 6.54618ZM15.6588 6.16264L12.0791 9.631L14.3059 11.9292L17.8855 8.46082L15.6588 6.16264ZM11.6161 11.0537L12.4692 15.9688L15.6221 15.4215L14.7689 10.5064L11.6161 11.0537ZM12.4674 15.9582C12.4445 15.8208 12.4588 15.6616 12.5184 15.5159L15.4802 16.7275C15.6511 16.3098 15.6963 15.8662 15.6239 15.4321L12.4674 15.9582ZM12.5184 15.5159C12.5475 15.4447 12.5893 15.3718 12.6443 15.3035C12.6992 15.2354 12.7582 15.1831 12.8128 15.1448L14.6479 17.7664C15.0159 17.5088 15.305 17.1557 15.4802 16.7275L12.5184 15.5159ZM12.8128 15.1448C12.9057 15.0798 13.0389 15.0234 13.193 15.01L13.4702 18.198C13.9087 18.1598 14.3077 18.0045 14.6479 17.7664L12.8128 15.1448ZM13.193 15.01C13.3913 14.9927 13.5647 15.0435 13.6804 15.1066L12.1481 17.9159C12.5358 18.1273 12.9875 18.2399 13.4702 18.198L13.193 15.01ZM13.6582 15.0947L9.24397 12.7763L7.75603 15.6093L12.1703 17.9277L13.6582 15.0947ZM7.75603 12.7763L3.34176 15.0947L4.82969 17.9277L9.24397 15.6093L7.75603 12.7763ZM3.42364 15.0546C3.52608 15.0081 3.66192 14.9788 3.80701 14.9914L3.5298 18.1794C3.95929 18.2167 4.37334 18.138 4.74781 17.9678L3.42364 15.0546ZM3.80701 14.9914C3.96477 15.0052 4.11415 15.065 4.22803 15.1489L2.32979 17.7251C2.67861 17.9821 3.08765 18.141 3.5298 18.1794L3.80701 14.9914ZM4.22803 15.1489C4.33193 15.2255 4.42952 15.3413 4.48988 15.4822L1.54862 16.7427C1.72026 17.1432 1.99096 17.4755 2.32979 17.7251L4.22803 15.1489ZM4.48988 15.4822C4.56276 15.6522 4.57328 15.8252 4.55111 15.9582L1.39465 15.4321C1.32302 15.8619 1.36445 16.313 1.54862 16.7427L4.48988 15.4822ZM4.5503 15.963L5.38493 11.048L2.23009 10.5122L1.39546 15.4273L4.5503 15.963ZM4.92088 9.631L1.34124 6.16264L-0.8855 8.46082L2.69414 11.9292L4.92088 9.631ZM1.35924 6.18036C1.47177 6.29289 1.5411 6.42761 1.57203 6.54618L-1.52434 7.35393C-1.41922 7.75689 -1.21388 8.13272 -0.903503 8.4431L1.35924 6.18036ZM1.57203 6.54618C1.59244 6.62442 1.60322 6.7128 1.59915 6.80626C1.5951 6.89939 1.57703 6.98171 1.55359 7.0491L-1.4688 5.99783C-1.61967 6.43158 -1.64349 6.89719 -1.52434 7.35393L1.57203 6.54618ZM1.55359 7.0491C1.51957 7.14691 1.44927 7.26806 1.33283 7.3708L-0.784358 4.97132C-1.111 5.25954 -1.33586 5.61562 -1.4688 5.99783L1.55359 7.0491ZM1.33283 7.3708C1.19687 7.49077 1.04197 7.55235 0.917496 7.57309L0.391419 4.41663C-0.0298185 4.48684 -0.438188 4.66588 -0.784358 4.97132L1.33283 7.3708ZM0.885712 7.57806L5.83786 6.85472L5.37535 3.68832L0.423204 4.41166L0.885712 7.57806ZM7.04125 5.97991L9.24838 1.50999L6.37911 0.0932076L4.17197 4.56313L7.04125 5.97991Z' fill='%23FFC700' mask='url(%23path-1-inside-1)'/%3E%3C/svg%3E%0A"); } @-webkit-keyframes prg-pannel_premuim_banner_ip { 0% {opacity: 0;visibility: hidden;bottom:-23px;} 39.5% {opacity: 0;visibility: hidden;bottom:-23px;} 41% {opacity: 1;visibility: visible;bottom:0;} 86% {opacity: 1;visibility: visible;bottom:0;} 88% {opacity: 0;visibility: hidden;bottom:-23px;} 100% {opacity: 0;visibility: hidden;bottom:-23px;} } @keyframes prg-pannel_premuim_banner_ip { 0% {opacity: 0;visibility: hidden;bottom:-23px;} 39.5% {opacity: 0;visibility: hidden;bottom:-23px;} 41% {opacity: 1;visibility: visible;bottom:0;} 86% {opacity: 1;visibility: visible;bottom:0;} 88% {opacity: 0;visibility: hidden;bottom:-23px;} 100% {opacity: 0;visibility: hidden;bottom:-23px;} } /* BG */ #pdv_header { background-color: transparent; z-index: 1; padding-bottom: 300px; } #pdv_header .backgroundContainer .background { grid-row-end: -4; background-color: var(--gray-shade-ultra-light); } #pdv_header .stripeContainer { overflow: visible; } #pdv_header .stripeContainer span:nth-child(1) { grid-row-start: -4; grid-column: 17/viewport-end; } #pdv_header .stripeContainer span:nth-child(2) { grid-row-start: -3; grid-column: 15/span 4; } #pdv_header .stripeContainer span:nth-child(3) { grid-row-start: -2; grid-column: 18/span 3; } #pdv_header .stripeContainer span:nth-child(4) { grid-row-start: -3; grid-column: 19/right-gutter-end; } #pdv_header .stripeContainer span:nth-child(5) { grid-row-start: -14; grid-column: 3/span 2; } #pdv_header .stripeContainer span:nth-child(6) { grid-row-start: -15; grid-column: 2/span 2; } #pdv_header .stripeContainer span:nth-child(7) { grid-row-start: -4; grid-column: left-gutter-start/span 5; } #pdv_header .stripeContainer span:nth-child(8) { grid-row-start: -5; grid-column: viewport-start/span 3; } #pdv_header .stripeContainer span:nth-child(9) { grid-row-start: -5; grid-column: 4/span 1; } #pdv_header .stripeContainer span:nth-child(10) { grid-row-start: -9; grid-column: -6/-3; } #pdv_header .stripeContainer span:nth-child(11) { grid-row-start: -8; grid-column: -7/-4; } /* RESPONSIVE */ @media all and (max-width:1200px) { .pdv .pannel { -webkit-transform: none; transform: none; } #pdv_header { padding-top: 0; padding-bottom: 200px; } } @media all and (max-width:1000px) { .pdv #heading-section { grid-template-columns: 50% 50%; } } @media all and (max-width:855px) and (min-width: 690px) { .pdv .pannel { -webkit-transform: scale(1.2); transform: scale(1.2); } } @media all and (max-width:855px) { .pdv #heading-section { grid-template-columns: 100%; grid-row-gap: 25px; row-gap: 25px; } .pdv .heading-content_container h2 { margin: 20px 0 30px; } .pdv .heading-content_container h1, .pdv .heading-content_container h2 { text-align: center; } .pdv .pannel { margin: 0 auto; width: 100%; max-width: 600px; } .pdv .buttons_container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .pdv .prg-double_btn { margin-bottom: 15px; padding: 13px 16px; } } @media all and (max-width:689px) { .pdv #pdv_header { padding-bottom: 50px; } } @media all and (max-width:475px) { .pdv .pannel { -webkit-transform: scale(.85); transform: scale(.85); -webkit-transform-origin: top center; transform-origin: top center; left: -13%; width: 125%; max-width: unset; } } @media all and (max-width:455px) { .pdv #heading-section { margin-bottom: 0; } .pdv #heading-section .mini_nav_container { display: none; } .pdv .prg-double_btn { width: 200px; display: flex; justify-content: center; } .pdv .prg-double_btn.prg_button_1 { margin-right: 0; } .pdv .buttons_container { flex-direction: column; } } @media all and (max-width:390px) { .pdv .pannel .pannel_body { margin: auto 10px; } .pdv .heading-pannel_container { display: flex; justify-content: center; } .pdv .pannel { width: 100%; max-width: unset; min-width: 400px; left: 0; -webkit-transform: scale(.80); transform: scale(.80); } } /* PRODUCT NAV */ #pdv_product_nav { margin-top: 64px; } #pdv_product_nav.fixed_nav { margin-top: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; } .admin-bar #pdv_product_nav.fixed_nav { top: 32px; } #pdv_product_nav.fixed_nav + #pdv_common_features_section { margin-top: 80px; padding-top: 125px; } @media (max-width: 1200px) { #pdv_product_nav { margin-top: 0; } } #pdv_product_nav .product_nav_container { height: 61px; } #pdv_product_nav #product_nav { height: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); background: #FFFFFF; } #pdv_product_nav #product_nav { display: flex; justify-content: center; } #pdv_product_nav .product_nav_inner { display: flex; max-width: 1040px; width: 100%; margin: 0 20px; } #product_nav .product_nav_title { display: flex; align-items: center; } #product_nav .product_nav_title img { width: auto; height: 24px; margin-right: 10px; } #product_nav .product_nav_title span { font-size: 18px; line-height: 24px; color: var(--text-strong-gray); font-family: 'LatoLatin-Semibold'; } #product_nav .product_nav_links { display: flex; flex-grow: 1; justify-content: flex-end; margin-left: 20px; } #product_nav .product_nav_links ul { display: flex; align-items: center; list-style-type: none; padding: 0; } #product_nav .product_nav_links li { padding: 0 20px; font-family: 'LatoLatin-Semibold'; font-size: 16px; } #product_nav .product_nav_links li:last-child { padding-right: 0; white-space: nowrap; } #product_nav .product_nav_links li:not(:last-child) a { color: var(--text-regular-gray); } #product_nav .product_nav_links li:last-child a { color: #FFFFFF; padding: 5px 18px 6px; background: var(--global-blue); font-family: 'LatoLatin-Bold'; font-size: 12px; border-radius: 50px; } @media all and (max-width:750px) { #product_nav .product_nav_links li:not(:last-child) { display: none; } } @media all and (max-width:400px) { #product_nav .product_nav_links li:last-child a { padding: 5px 12px 6px; } #product_nav .product_nav_title span { font-size: 14px; } #product_nav .product_nav_title img { margin-right: 4px; } } /* FEATURES SECTION */ #pdv_common_features { display: grid; grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: repeat(3, 1fr); } #pdv_common_features_title h3 { padding: 0; } @media all and (max-width: 669px) { #pdv_common_features { display: flex; flex-direction: column; } .common_feature_col { margin-bottom: 30px; } } #pdv_common_features .common_feature_icon { display: flex; height: 42px; margin-bottom: 20px; align-items: flex-end; } .pdv_starter #pdv_common_features .common_feature_icon .light_part { fill: var(--prog-starter-midtone); } .pdv_starter #pdv_common_features .common_feature_icon .dark_part { fill: var(--prog-starter-darktone); } .pdv_tr #pdv_common_features .common_feature_icon .light_part { fill: var(--prog-tr-midtone); } .pdv_tr #pdv_common_features .common_feature_icon .dark_part { fill: var(--prog-tr-darktone); } .pdv_ip #pdv_common_features .common_feature_icon .light_part { fill: var(--prog-ip-midtone); } .pdv_ip #pdv_common_features .common_feature_icon .dark_part { fill: var(--prog-ip-darktone); } #pdv_common_features .common_feature_title { color: var(--text-dark-gray); } #pdv_common_features .common_feature_body { color: var(--text-strong-gray); } #common_partners_section.pdv { border-top: 1px solid var(--Xlight-gray); border-bottom: 1px solid var(--Xlight-gray); } /* common_learning_plateform */ /*header*/ #common_learning_plateform .clp_header { display: flex; position: relative; } .clp_header .clp_header_content { width: 50%; position: absolute; margin-top: 40px; } .clp_header .clp_header_content h3 { font-family: 'LatoLatin-Bold'; font-size: 40px; line-height: 48px; color: var(--text-dark-gray); padding-bottom: 0; margin-bottom: 50px; } #common_learning_plateform ul { list-style-type: none; padding: 0; } .clp_header .clp_header_content li { font-size: 20px; line-height: 100%; display: flex; align-items: center; color: var(--text-strong-gray); margin-bottom: 10px; } .clp_header .clp_header_content li svg, .clp_list_header svg { margin-right: 10px; } .clp_header .clp_header_image { flex-shrink: 1; width: 475px; margin-left: auto; } .clp_header .clp_header_image img { width: 850px; max-width: unset; position: relative; -webkit-transform: translateX(-20%); transform: translateX(-20%); } /* Background */ #common_learning_plateform .common-StripeGrid{ z-index:1; } #common_learning_plateform .common-StripeGrid .grid{ height:100%; } #common_learning_plateform .backgroundContainer{ -webkit-transform-origin: top left; transform-origin: top left; } #common_learning_plateform .backgroundContainer .background{ background-color: var(--gray-shade-ultra-light); grid-row: 11/-1; } #common_learning_plateform .stripeContainer{ -webkit-transform-origin: bottom left; transform-origin: bottom left; } #common_learning_plateform .stripeContainer span:nth-child(1) { grid-row-start: -2; grid-column: 20/viewport-end; } @media all and (min-width: 1750px){ #common_learning_plateform .backgroundContainer .background{ grid-row: 12/-1; } } @media all and (max-width: 900px){ #common_learning_plateform .backgroundContainer .background{ grid-row: 16/-1; } } @media all and (max-width: 670px){ #common_learning_plateform .backgroundContainer .background{ grid-row: 17/-1; } } /*body*/ .clp_body { position: relative; padding-bottom: 350px; } .clp_body_row { display: flex; } .clp_body_row:not(:last-child) { margin-bottom: 100px; } .clp_body_content .clp_body_row:nth-child(1) .clp_img_column, .clp_body_content .clp_body_row:nth-child(3) .clp_img_column { width: 55%; margin-right: 5%; } .clp_body_content .clp_body_row:nth-child(1) .clp_list_column, .clp_body_content .clp_body_row:nth-child(3) .clp_list_column { width: 40%; } .clp_body_content .clp_body_row:nth-child(2) .clp_img_column { width: 40%; } .clp_body_content .clp_body_row:nth-child(2) .clp_list_column { width: 55%; margin-right: 5%; } .clp_body_content .clp_img_column { display: flex; justify-content: center; } .clp_body_content .clp_body_row:nth-child(1) .clp_img_column { align-items: flex-end; } .clp_body_content .clp_body_row:nth-child(2) .clp_img_column { align-items: center; } .clp_body_content .clp_body_row:nth-child(3) .clp_img_column { align-items: flex-start; } .clp_list_column h4 { color: var(--text-dark-gray); margin-bottom: 40px; } .clp_list_header h5 { color: var(--text-strong-gray); } .clp_lists .clp_list_header { display: flex; } .clp_lists li:not(:last-child) { margin-bottom: 30px } @media all and (max-width:900px) { .clp_header { flex-direction: column; } .clp_header .clp_header_content { position: relative; width: 100%; } .clp_header .clp_header_image { margin-bottom: -80px; } .clp_body { padding-bottom: 200px; } .clp_body_content .clp_body_row:nth-child(1), .clp_body_content .clp_body_row:nth-child(3) { flex-direction: column-reverse; } .clp_body_content .clp_body_row:nth-child(2) { flex-direction: column; } .clp_body_content .clp_body_row .clp_img_column, .clp_body_content .clp_body_row .clp_list_column { width: 100% !important; margin-right: 0; margin-left: 0; } .clp_body_content .clp_body_row .clp_img_column { margin-top: 40px; } .clp_body_content .clp_body_row .clp_img_column img { max-width: 500px; width: 100%; } .clp_body_content .clp_body_row:nth-child(2) .clp_img_column img { max-width: 250px; } .clp_body_content .clp_body_row:first-child .clp_list_column { margin-top: 80px; } } @media all and (max-width:650px) { .clp_header_content { display: flex; flex-direction: column; } .clp_body { padding-bottom: 100px; } #common_learning_plateform ul { display: flex; flex-direction: column; width: unset; margin: 0 auto; } .clp_header .clp_header_image { margin-left: unset; margin-top: 60px; width: unset; } .clp_header .clp_header_image img { -webkit-transform: scale(1.2); transform: scale(1.2); position: relative; width: unset; max-width: 100%; } } /* PROG DETAILS */ .pdv_prog_details .prog_details_header { display: flex; flex-direction: column; align-items: center; margin-bottom: 50px; } .pdv_prog_details .prog_details_header h3 { margin-bottom: 20px; text-align: center; } .pdv_prog_details .prog_details_header .prog_details_title { display: flex; align-items: center; margin-bottom: 20px; justify-content: center; } .pdv_prog_details .prog_details_header .prog_details_title_desc { display: flex; flex-direction: column; color: var(--text-dark-gray); } .pdv_prog_details .prog_details_header .prog_details_title_desc span:first-child { font-size: 26px; line-height: 31px; font-family: 'LatoLatin-Semibold'; } .pdv_prog_details .prog_details_header .prog_details_title_desc span:last-child { font-size: 15px; line-height: 18px; } .pdv_prog_details .prog_details_header p { text-align: center; } .pdv_prog_details .prog_details_header .prog_details_icon { background: linear-gradient(146.29deg, #EBF2F9 -45.25%, #FFFFFF 67.71%); border-radius: 30px; padding: 22px; box-shadow: -4.6875px -4.6875px 14.0625px #FFFFFF, 4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0.33); display: flex; align-items: center; justify-content: center; margin-right: 25px; } .pdv_prog_details .prog_details_header .prog_details_sumup { display: flex; justify-content: space-between; align-items: flex-start; min-width: 550px; } .pdv_prog_details .prog_details_header .details_sumup { display: flex; flex-direction: column; align-items: center; } .pdv_prog_details .prog_details_header .details_sumup span { text-align: center; margin-top: 12px; font-family: 'LatoLatin-Medium'; font-size: 16px; color: var(--text-strong-gray); } /* Background */ #pdv_prog_details .common-StripeGrid{ z-index:1; } #pdv_prog_details .stripeContainer{ -webkit-transform-origin: top left; transform-origin: top left; } #pdv_prog_details .stripeContainer span:nth-child(1) { grid-row-start: 9; grid-column: 5/7; } #pdv_prog_details .stripeContainer span:nth-child(2) { grid-row-start: 10; grid-column: viewport-start/5; } #pdv_prog_details .stripeContainer span:nth-child(3) { grid-row-start: 11; grid-column: 4/8; } #pdv_prog_details .stripeContainer span:nth-child(4) { grid-row-start: 10; grid-column: 17/20; } #pdv_prog_details .stripeContainer span:nth-child(5) { grid-row-start: 10; grid-column: 20/21; } #pdv_prog_details .stripeContainer span:nth-child(6) { grid-row-start: 11; grid-column: 19/viewport-end; } #pdv_prog_details .stripeContainer span:nth-child(7) { grid-row-start: 1; grid-column: 17/20; } #pdv_prog_details .stripeContainer span:nth-child(8) { grid-row-start: 2; grid-column: 19/21; } @media all and (max-width:590px) { .pdv_prog_details .prog_details_header .prog_details_sumup { flex-direction: column; min-width: unset; align-items: flex-start; } .pdv_prog_details .prog_details_header .details_sumup { flex-direction: row; } .pdv_prog_details .prog_details_header .details_sumup svg { height: 28px; } .pdv_prog_details .prog_details_header .details_sumup:not(:nth-child(2)) svg { margin-left: 10px; } .pdv_prog_details .prog_details_header .details_sumup:not(:nth-child(2)) span { margin-left: 30px; } .pdv_prog_details .prog_details_header .details_sumup:nth-child(2) span { margin-left: 20px; } .pdv_prog_details .prog_details_header .details_sumup span { text-align: left; } .pdv_prog_details .prog_details_header .prog_details_title { flex-direction: column; } .pdv_prog_details .prog_details_header .prog_details_icon { margin-right: 0; margin-bottom: 20px; } .pdv_prog_details .prog_details_header .prog_details_title_desc { text-align: center; } } /* PROG ACCORDION */ .prg-acc .lvl3 .fa-alti { height: 14px; width: 14px; } #pdv_prog_details .prg_acc_main { width: 100%; max-width: 800px; margin: 0 auto; } #pdv_prog_details .prg-acc_header, #pdv_prog_details .prg-acc_body { background: white; } #pdv_prog_details .prg_acc_main .prg-acc_item_1:not(:last-child) { margin-bottom: 20px; } #pdv_prog_details .prg_acc_main .prg-acc_item.prg-acc_item_1:first-child { border-radius: 8px 8px 0 0; } #pdv_prog_details .prg_acc_main .prg-acc_item.prg-acc_item_1:last-child { border-radius: 0 0 8px 8px; } #pdv_prog_details.pdv.pdv_starter .prg_acc_main .prg-acc_item_1{ border-radius: 8px; } #pdv_prog_details .prg-acc_item.prg-acc_item_1 { padding: 20px 30px; background: #FFFFFF; box-shadow: var(--block-spread-shadow); } @media all and (max-width:500px) { #pdv_prog_details .prg-acc_item.prg-acc_item_1 { padding: 20px 15px; } } #pdv_prog_details .prg-acc_header.lvl2, #pdv_prog_details .prg-acc_header.lvl3 { padding: 18px 0; font-size: 18px; transition: all .3s; } #pdv_prog_details .prg-acc_header.lvl2 { color: var(--text-strong-gray); } #pdv_prog_details .prg-acc_header.lvl3 { color: var(--text-dark-gray); } #pdv_prog_details .prg-acc_header.lvl3 .header_timer { font-size: 14px; margin-left: 10px; } #pdv_prog_details .prg-acc_header.lvl1 { padding: 0; } #pdv_prog_details .prg_acc_main .prg-acc_header.lvl1 .header_container { display: flex; align-items: flex-start; } #pdv_prog_details .prg-acc_header .header_icon { margin-right: 12px; display: flex; align-items: center; flex-shrink: 0; } #pdv_prog_details .prg-acc_header.lvl3 .header_title { font-size: 16px; } #pdv_prog_details .prg_acc_main .prg-acc_header { display: flex; } #pdv_prog_details .prg_acc_main .prg-acc_header .header_container { margin-right: auto; } #pdv_prog_details .prg_acc_main .prg-acc_header .header_title { margin-right: auto; } #pdv_prog_details .prg_acc_main .prg-acc_header.lvl1 .header_container .header_title h6 { font-size: 18px; line-height: 18px; color: var(--text-dark-gray); font-family: 'LatoLatin-Bold'; padding: 0; } #pdv_prog_details .prg_acc_main .prg-acc_header.lvl1 .header_container .header_title .header_title_desc { font-family: 'LatoLatin-regular'; color: var(--text-strong-gray); font-size: 14px; line-height: 17px; } #pdv_prog_details .prg-acc_header.lvl2 { border-bottom: 1px solid var(--text-light-gray); font-family: 'LatoLatin-Medium'; } #pdv_prog_details .prg-acc_header.lvl2 .header_title { padding-right: 10px; } #pdv_prog_details .prg-acc_body { background: #FFFFFF; display: none; } #pdv_prog_details .prg-acc_body .prg-acc_body__content { padding: 18px 0; font-size: 16px; line-height: 1.45; color: var(--text-dark-gray); } #pdv_prog_details .prg-acc_body .prg-acc_body__content ul{ padding: 0 0 0 1em; } #pdv_prog_details .prg-acc_header.lvl3 { background: #fbfbfc !important; padding: 12px 0 !important; margin: 6px 0; } #pdv_prog_details .prg-acc_item.active:last-child .prg-acc_header { border-radius: none; } #pdv_prog_details .accordion:first-child>.prg-acc_item>.prg-acc_header { border-bottom: 1px solid transparent; } /* Toggler icon */ #pdv_prog_details .prg-acc_item>.prg-acc_header.lvl1:after { content: ""; display: block; width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0879 10.9332L15.024 15.8904L19.9601 10.9332C20.2476 10.6444 20.599 10.5 21.0144 10.5C21.4297 10.5 21.7811 10.6444 22.0687 10.9332C22.3562 11.2219 22.5 11.5749 22.5 11.992C22.5 12.4091 22.3562 12.762 22.0687 13.0508L16.0783 19.0668C15.7907 19.3556 15.4393 19.5 15.024 19.5C14.6086 19.5 14.2572 19.3556 13.9696 19.0668L7.97923 13.0508C7.65974 12.762 7.5 12.4091 7.5 11.992C7.5 11.5749 7.65176 11.2219 7.95527 10.9332C8.25879 10.6444 8.61821 10.5 9.03355 10.5C9.44888 10.5 9.80032 10.6444 10.0879 10.9332Z' fill='%23939597'/%3E%3C/svg%3E"); position: relative; top: -4px; right: -5px; transition: .3s all; -webkit-transform: rotate(0deg); transform: rotate(0deg); } #pdv_prog_details .prg-acc_item.active>.prg-acc_header.lvl1:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #pdv_prog_details .prg-acc_item:not(.active) .prg-acc_header.lvl1:hover h6, #pdv_prog_details .prg-acc_item:not(.active) .prg-acc_header.lvl1:hover .header_title_desc { color: #000000 !important; } #pdv_prog_details .prg-acc_item_1 .prg-acc_header.lvl1:hover:after { -webkit-filter: brightness(0.4); filter: brightness(0.4); } #pdv_prog_details .prg-acc_header.lvl3:hover { cursor: initial; } #pdv_prog_details .prg-acc_item.active>.prg-acc_header>.header_title { color: var(--text-dark-gray); } #pdv_prog_details .prg-acc_item:not(.active) .prg-acc_header.lvl2:hover .header_title { color: var(--global-blue); } /* sumup SECTION */ .feat_sumup { display: flex; flex-direction: column; align-items: center; } .sumup_subtitle { position: relative; width: 100%; text-align: center; margin-bottom: 40px; } .sumup_subtitle span { font-size: 20px; line-height: 24px; font-family: 'LatoLatin-Bold'; padding: 0 30px; background: #FFFFFF; display: inline-block; color: var(--gray-shade-strong); } .sumup_subtitle:before { content: ''; display: block; width: 100%; height: 1px; background-color: var(--gray-shade-super-light); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; } .feat_sumup .sumup_list { display: flex; width: 100%; justify-content: center; margin-bottom: 40px; } .premium_sumup .sumup_list{ display: flex; align-items: center; } .sumup_list ul { padding: 0; list-style-type: none; } .feat_sumup .sumup_list ul, .premium_sumup .sumup_cols { grid-template-columns: repeat(2, 1fr); display: grid; grid-column-gap: 40px; } .sumup_list li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; display: flex; margin-bottom: 10px; color: var(--text-dark-gray); } .sumup_list li:before { content: ""; display: block; width: 17px; height: 17px; flex-shrink: 0; margin: 5px 10px 0 0; background-repeat: no-repeat; } .feat_sumup .sumup_list li:before { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5 8.5C15.5 12.366 12.366 15.5 8.5 15.5C4.63401 15.5 1.5 12.366 1.5 8.5C1.5 4.63401 4.63401 1.5 8.5 1.5C12.366 1.5 15.5 4.63401 15.5 8.5ZM17 8.5C17 13.1944 13.1944 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0C13.1944 0 17 3.80558 17 8.5ZM7.70934 10.0048L5.85299 8.1762C5.71074 8.04241 5.54715 7.97922 5.36223 7.98666C5.1773 7.99409 5.02439 8.06842 4.90347 8.20965C4.78256 8.35089 4.72211 8.51813 4.72211 8.7114C4.72211 8.90466 4.79323 9.06819 4.93548 9.20199L7.30393 11.5212C7.44618 11.6549 7.60976 11.7181 7.79469 11.7107C7.97961 11.7033 8.13608 11.6252 8.26411 11.4766L12.1048 6.81593C12.2329 6.66726 12.2898 6.4963 12.2755 6.30304C12.2613 6.10977 12.1831 5.95367 12.0408 5.83474C11.8986 5.71581 11.7385 5.66006 11.5607 5.6675C11.3829 5.67493 11.23 5.75298 11.102 5.90164L7.70934 10.0048Z' fill='%23007AFF'/%3E%3C/svg%3E"); } .premium_sumup .sumup_list li:before { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath d='M7.81375 0.801597C7.87557 0.677947 7.96831 0.579029 8.09196 0.504839C8.21561 0.430649 8.35162 0.393555 8.5 0.393555C8.64838 0.393555 8.78439 0.430649 8.90804 0.504839C9.03169 0.579029 9.12443 0.677947 9.18625 0.801597L11.3934 5.27152L16.3455 5.99486C16.4939 6.01959 16.6207 6.07833 16.7258 6.17106C16.8309 6.2638 16.9081 6.38127 16.9576 6.52346C17.0071 6.66566 17.0132 6.80786 16.9762 6.95005C16.9391 7.09225 16.8711 7.21281 16.7721 7.31173L13.1925 10.7801L14.0457 15.6951C14.0704 15.8435 14.0549 15.9857 13.9993 16.1217C13.9437 16.2577 13.854 16.369 13.7304 16.4556C13.6067 16.5421 13.4738 16.5916 13.3316 16.604C13.1894 16.6163 13.0503 16.5854 12.9143 16.5112L8.5 14.1928L4.08572 16.5112C3.94971 16.5731 3.8106 16.5978 3.66841 16.5854C3.52621 16.5731 3.39638 16.5236 3.27891 16.437C3.16144 16.3505 3.07489 16.2423 3.01925 16.1125C2.96361 15.9826 2.94815 15.8435 2.97288 15.6951L3.80751 10.7801L0.227868 7.31173C0.128948 7.21281 0.0609417 7.09225 0.0238468 6.95005C-0.0132482 6.80786 -0.00706576 6.66566 0.0423942 6.52346C0.0918541 6.38127 0.169134 6.2638 0.274236 6.17106C0.379339 6.07833 0.506078 6.01959 0.654458 5.99486L5.60661 5.27152L7.81375 0.801597Z'/%3E%3C/mask%3E%3Cpath d='M7.81375 0.801597L6.38265 0.0860464L6.37911 0.0932076L7.81375 0.801597ZM8.09196 0.504839L7.26876 -0.86715L8.09196 0.504839ZM9.18625 0.801597L10.6209 0.0931988L10.6173 0.0860553L9.18625 0.801597ZM11.3934 5.27152L9.95875 5.97991L10.3308 6.73328L11.1621 6.85472L11.3934 5.27152ZM16.3455 5.99486L16.6086 4.41663L16.5927 4.41399L16.5768 4.41166L16.3455 5.99486ZM16.7721 7.31173L17.8855 8.46082L17.8946 8.45203L17.9035 8.4431L16.7721 7.31173ZM13.1925 10.7801L12.0791 9.631L11.4713 10.2199L11.6161 11.0537L13.1925 10.7801ZM14.0457 15.6951L15.6239 15.4321L15.6221 15.4215L14.0457 15.6951ZM13.7304 16.4556L12.8128 15.1448L13.7304 16.4556ZM12.9143 16.5112L13.6804 15.1066L13.6694 15.1006L13.6582 15.0947L12.9143 16.5112ZM8.5 14.1928L9.24397 12.7763L8.5 12.3856L7.75603 12.7763L8.5 14.1928ZM4.08572 16.5112L4.74781 17.9678L4.78932 17.9489L4.82969 17.9277L4.08572 16.5112ZM3.27891 16.437L4.22803 15.1489L3.27891 16.437ZM2.97288 15.6951L1.39545 15.4273L1.39465 15.4321L2.97288 15.6951ZM3.80751 10.7801L5.38493 11.048L5.52599 10.2173L4.92088 9.631L3.80751 10.7801ZM0.227868 7.31173L-0.903503 8.4431L-0.894572 8.45203L-0.8855 8.46082L0.227868 7.31173ZM0.654458 5.99486L0.423204 4.41166L0.407287 4.41399L0.391419 4.41663L0.654458 5.99486ZM5.60661 5.27152L5.83786 6.85472L6.66925 6.73328L7.04125 5.97991L5.60661 5.27152ZM9.24483 1.51714C9.16453 1.67773 9.04061 1.80155 8.91515 1.87683L7.26876 -0.86715C6.89601 -0.643494 6.58661 -0.321837 6.38266 0.0860553L9.24483 1.51714ZM8.91515 1.87683C8.78268 1.95631 8.63279 1.99355 8.5 1.99355V-1.20645C8.07045 -1.20645 7.64854 -1.09501 7.26876 -0.86715L8.91515 1.87683ZM8.5 1.99355C8.36721 1.99355 8.21732 1.95631 8.08485 1.87683L9.73124 -0.86715C9.35146 -1.09501 8.92955 -1.20645 8.5 -1.20645V1.99355ZM8.08485 1.87683C7.95939 1.80155 7.83546 1.67773 7.75517 1.51714L10.6173 0.0860553C10.4134 -0.321832 10.104 -0.643491 9.73124 -0.86715L8.08485 1.87683ZM7.75162 1.50999L9.95875 5.97991L12.828 4.56313L10.6209 0.0932076L7.75162 1.50999ZM11.1621 6.85472L16.1143 7.57806L16.5768 4.41166L11.6246 3.68832L11.1621 6.85472ZM16.0825 7.57309C15.958 7.55235 15.8031 7.49077 15.6672 7.3708L17.7844 4.97132C17.4382 4.66588 17.0298 4.48684 16.6086 4.41663L16.0825 7.57309ZM15.6672 7.3708C15.5507 7.26806 15.4804 7.14691 15.4464 7.0491L18.4688 5.99783C18.3359 5.61562 18.111 5.25954 17.7844 4.97132L15.6672 7.3708ZM15.4464 7.0491C15.423 6.98171 15.4049 6.89938 15.4008 6.80625C15.3968 6.71279 15.4076 6.62441 15.428 6.54618L18.5243 7.35393C18.6435 6.8972 18.6197 6.43159 18.4688 5.99783L15.4464 7.0491ZM15.428 6.54618C15.4589 6.42762 15.5282 6.2929 15.6408 6.18036L17.9035 8.4431C18.2139 8.13272 18.4192 7.75689 18.5243 7.35393L15.428 6.54618ZM15.6588 6.16264L12.0791 9.631L14.3059 11.9292L17.8855 8.46082L15.6588 6.16264ZM11.6161 11.0537L12.4692 15.9688L15.6221 15.4215L14.7689 10.5064L11.6161 11.0537ZM12.4674 15.9582C12.4445 15.8208 12.4588 15.6616 12.5184 15.5159L15.4802 16.7275C15.6511 16.3098 15.6963 15.8662 15.6239 15.4321L12.4674 15.9582ZM12.5184 15.5159C12.5475 15.4447 12.5893 15.3718 12.6443 15.3035C12.6992 15.2354 12.7582 15.1831 12.8128 15.1448L14.6479 17.7664C15.0159 17.5088 15.305 17.1557 15.4802 16.7275L12.5184 15.5159ZM12.8128 15.1448C12.9057 15.0798 13.0389 15.0234 13.193 15.01L13.4702 18.198C13.9087 18.1598 14.3077 18.0045 14.6479 17.7664L12.8128 15.1448ZM13.193 15.01C13.3913 14.9927 13.5647 15.0435 13.6804 15.1066L12.1481 17.9159C12.5358 18.1273 12.9875 18.2399 13.4702 18.198L13.193 15.01ZM13.6582 15.0947L9.24397 12.7763L7.75603 15.6093L12.1703 17.9277L13.6582 15.0947ZM7.75603 12.7763L3.34176 15.0947L4.82969 17.9277L9.24397 15.6093L7.75603 12.7763ZM3.42364 15.0546C3.52608 15.0081 3.66192 14.9788 3.80701 14.9914L3.5298 18.1794C3.95929 18.2167 4.37334 18.138 4.74781 17.9678L3.42364 15.0546ZM3.80701 14.9914C3.96477 15.0052 4.11415 15.065 4.22803 15.1489L2.32979 17.7251C2.67861 17.9821 3.08765 18.141 3.5298 18.1794L3.80701 14.9914ZM4.22803 15.1489C4.33193 15.2255 4.42952 15.3413 4.48988 15.4822L1.54862 16.7427C1.72026 17.1432 1.99096 17.4755 2.32979 17.7251L4.22803 15.1489ZM4.48988 15.4822C4.56276 15.6522 4.57328 15.8252 4.55111 15.9582L1.39465 15.4321C1.32302 15.8619 1.36445 16.313 1.54862 16.7427L4.48988 15.4822ZM4.5503 15.963L5.38493 11.048L2.23009 10.5122L1.39546 15.4273L4.5503 15.963ZM4.92088 9.631L1.34124 6.16264L-0.8855 8.46082L2.69414 11.9292L4.92088 9.631ZM1.35924 6.18036C1.47177 6.29289 1.5411 6.42761 1.57203 6.54618L-1.52434 7.35393C-1.41922 7.75689 -1.21388 8.13272 -0.903503 8.4431L1.35924 6.18036ZM1.57203 6.54618C1.59244 6.62442 1.60322 6.7128 1.59915 6.80626C1.5951 6.89939 1.57703 6.98171 1.55359 7.0491L-1.4688 5.99783C-1.61967 6.43158 -1.64349 6.89719 -1.52434 7.35393L1.57203 6.54618ZM1.55359 7.0491C1.51957 7.14691 1.44927 7.26806 1.33283 7.3708L-0.784358 4.97132C-1.111 5.25954 -1.33586 5.61562 -1.4688 5.99783L1.55359 7.0491ZM1.33283 7.3708C1.19687 7.49077 1.04197 7.55235 0.917496 7.57309L0.391419 4.41663C-0.0298185 4.48684 -0.438188 4.66588 -0.784358 4.97132L1.33283 7.3708ZM0.885712 7.57806L5.83786 6.85472L5.37535 3.68832L0.423204 4.41166L0.885712 7.57806ZM7.04125 5.97991L9.24838 1.50999L6.37911 0.0932076L4.17197 4.56313L7.04125 5.97991Z' fill='%23FFC700' mask='url(%23path-1-inside-1)'/%3E%3C/svg%3E%0A"); } .premium_sumup .sumup_header { display: flex; flex-direction: column; align-items: center; } .premium_sumup .sumup_title, .premium_sumup .sumup_desc { display: flex; justify-content: center; align-items: center; color: var(--text-dark-gray); } .premium_sumup .sumup_title { max-width: 400px; flex-wrap: wrap; width: 100%; justify-content: space-between; } .premium_sumup .sumup_title h4 { margin: 0 auto 16px; text-align: center; width: 320px; max-width: 100%; } .premium_sumup .sumup_desc { margin-bottom: 60px; text-align: center; } .premium_sumup .sumup_title .time_tag { font-size: 12px; line-height: 14px; font-family: 'LatoLatin-Black'; padding: 4px 11px 3px; margin: 5px auto 16px; align-self: flex-start; background: var(--premium-primary-grad); color: var(--premium-secondary); border-radius: 50px; } .pdv_ip .premium_sumup .sumup_title .time_tag{ padding: 4px 16px 3px; } .premium_sumup .sumup_image { display: flex; justify-content: flex-end; } .premium_sumup .sumup_image_container { -webkit-transform: perspective(1200px) translate3d(0, 0, 200px) scale(.8) rotateX(9deg) rotateY(36deg) rotateZ(-5deg); transform: perspective(1200px) translate3d(0, 0, 200px) scale(.8) rotateX(9deg) rotateY(36deg) rotateZ(-5deg); display: flex; justify-content: center; align-items: flex-end; } .premium_sumup .sumup_image_container img { max-height: 250px; border-radius: 15px; box-shadow: 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3), 0 -18px 60px -10px rgba(0, 0, 0, .025); } @media all and (max-width:750px) { .premium_sumup .sumup_image_container img { border-radius: 12px; } .premium_sumup .sumup_image_container { -webkit-transform: none; transform: none; } .premium_sumup .sumup_cols { display: flex; flex-direction: column; } .premium_sumup .sumup_image { margin-bottom: 40px; } .premium_sumup .sumup_desc { margin-bottom: 40px; } .premium_sumup .sumup_image, .premium_sumup .sumup_list { display: flex; justify-content: center; } .feat_sumup .sumup_list ul { display: flex; flex-direction: column; } } /* PDV TRUSTABLES */ .pdv_trustables { display: flex; flex-direction: column; align-items: center; } .pdv_trustables .pdv_trustables_video { max-width: 650px; width: 100%; border-radius: 8px; overflow: hidden; box-shadow: var(--block-strong-shadow); background: #FFFFFF; margin: 40px auto 20px; } /* Background */ #pdv_trustables { z-index: 2; background-color: transparent; } #pdv_trustables .stripeContainer .grid { height: 100%; } #pdv_trustables .stripeContainer span:nth-child(1) { grid-row-start: 1; grid-column: -3/viewport-end; } #pdv_trustables .stripeContainer span:nth-child(2) { grid-row-start: 1; grid-column: 19/21; } #pdv_trustables .stripeContainer span:nth-child(3) { grid-row-start: 2; grid-column: -7/-5; } #pdv_trustables .stripeContainer span:nth-child(4) { grid-row-start: 4; grid-column: -5/-2; } #pdv_trustables .stripeContainer span:nth-child(5) { grid-row-start: -2; grid-column: -5/viewport-end; } #pdv_trustables .stripeContainer span:nth-child(6) { grid-row-start: -7; grid-column: 3/6; } #pdv_trustables .stripeContainer span:nth-child(7) { grid-row-start: -5; grid-column: viewport-start/5; } #pdv_trustables .stripeContainer span:nth-child(8) { grid-row-start: -6; grid-column: 5/7; } @media all and (max-width:750px) { #pdv_trustables { padding: 40px 0 0 !important; } } /* PDV PRICE TABLE */ .pdv_price_table { display: grid; grid-template-columns: minmax(-webkit-min-content, 500px) minmax(250px, 40%); grid-template-columns: minmax(min-content, 500px) minmax(250px, 40%); max-width: 900px; background: #FFFFFF; border-radius: 8px; box-shadow: var(--block-strong-shadow); margin: 0 auto; padding: 30px 40px; } .pdv_price_table .visual_col { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 20px; } .pdv_price_table .visual_col img { max-width: 425px; width: 100%; } .pdv_price_table .visual_col .prog_feats_icluded { display: grid; width: 100%; max-width: 350px; margin-top: 40px; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 5%; -webkit-column-gap: 5%; -moz-column-gap: 5%; column-gap: 5%; } .pdv_price_table .visual_col .prog_feats_icluded .course_feats { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; font-size: 14px; font-family: 'LatoLatin-Semibold'; } .pdv_price_table .visual_col .course_feats span { margin-top: 8px; line-height: 130%; color: var(--text-strong-gray); text-align: center; } .pdv_price_table .visual_col .prog_feats_icluded .course_feats img { max-width: 24px; display: block; margin: 0 auto; } .pdv_price_table .visual_col .prog_feats_icluded .course_feats.lifetime img { max-width: 26px; } @media (max-width:390px){ .pdv_price_table .visual_col .prog_feats_icluded{ display:none; } } /* remove this if needed */ /* .pdv_price_table .visual_col .prog_course_icluded{ display:none!important } */ /* Price Table */ .pdv_price_table .table_col { position: relative; margin-left: 20px; } .pdv_price_table .table_col:before { content: ''; display: block; position: absolute; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.1); ; top: 0; left: -20px; } .pdv_price_table .price_table { display: flex; flex-direction: column; } .pdv_price_table .table_header { display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; } .pdv_price_table .table_feat_container { display: flex; flex-direction: column; align-items: flex-start; align-self: center; } .pdv_price_table .table_feat_group_title { font-family: 'LatoLatin-Bold'; color: var(--text-dark-gray); font-size: 16px; margin-bottom: 12px; } .pdv_price_table .table_feat_wrapper div { display: flex; } .pdv_price_table .table_prg_icon { width: 26px; height: 26px; margin-bottom: 18px; } .pdv_price_table .table_prg_icon svg { width: 100%; height: auto; } .pdv_price_table .table_title_container { text-align: center; } .pdv_price_table .table_title_container .table_prog_title { font-family: 'LatoLatin-Bold'; font-size: 20px; line-height: 24px; color: var(--text-dark-gray); margin-bottom: 2px; } .pdv_price_table .table_title_container .table_prog_catchline { font-family: 'LatoLatin-Medium'; font-size: 14px; line-height: 17px; color: var(--text-strong-gray); } .pdv_price_table .table_price { display: flex; align-items: flex-start; color: var(--text-dark-gray); /* Remove this if needed*/ display:none!important; } .pdv_price_table .table_trust_pilot { max-width: 120px; margin: 8px auto 0; } .pdv_price_table .table_trust_pilot img{ display:block; } .pdv_price_table .table_price .pre_price { font-family: 'LatoLatin-Medium'; font-size: 14px; line-height: 17px; margin-right: 4px; margin-top: 3px; } .pdv_price_table .table_price .price { font-family: 'LatoLatin-Bold'; font-size: 22px; line-height: 26px; } .pdv_price_table .table_feat_container .table_feat_wrapper:not(:last-child) { margin-bottom: 14px; } .pdv_price_table .table_feat_container .table_feat_wrapper { display: grid; grid-template-columns: 17px 1fr; grid-column-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .pdv_price_table .table_feat_container .table_feat_icon { grid-column: 1 / span 1; } .pdv_price_table .table_feat_container .table_feat_title, .pdv_price_table .table_feat_container .table_feat_desc { grid-column: 2 / span 1; } .pdv_price_table .table_feat_container .table_feat_title { font-family: 'LatoLatin-Bold'; font-size: 14px; line-height: 17px; text-transform: uppercase; color: var(--text-dark-gray); } .pdv_price_table .table_feat_container .table_feat_desc { font-family: 'LatoLatin-Regular'; font-size: 14px; line-height: 17px; color: var(--text-strong-gray); } /* BUTTON */ .pdv_price_table .table_button { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 250px; padding: 13px 16px !important; margin: 30px auto 0; border-radius: 10px; background: var(--global-blue); color: #FFFFFF !important; } .pdv_price_table .link_arrow { color: var(--global-blue); display: block; font-size: 18px; text-align: center; line-height: 1; margin-top: 16px; } .pdv_price_table .table_button2 { color: var(--global-blue); display: block; font-size: 16px; margin: -20px auto 0 auto; max-width: 120px; text-align: center; text-decoration: underline; white-space: nowrap; } .pdv_price_table .table_button .table_button_inner { font-family: 'LatoLatin-Bold'; font-size: 12px; line-height: 14px; text-transform: uppercase; } @media all and (max-width:900px) { .pdv_price_table { padding: 20px 30px; } } @media all and (max-width:750px) { .pdv_price_table { padding: 30px 20px; grid-template-columns: 1fr; row-gap: 60px; max-width: 550px; } .pdv_price_table .visual_col { grid-row: 2; margin: 0; } .pdv_price_table .table_col { margin: 0; } .pdv_price_table .table_col:before { content: ''; display: block; position: absolute; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); top: unset; bottom: -30px; left: 0; } } #pdv_price_table { background: transparent; z-index: 1; padding-bottom: 0; } #pdv_price_table .common-StripeGrid .background { background: var(--gray-shade-ultra-light); } #pdv_price_table .stripeContainer span:nth-child(1) { grid-row-start: 2; grid-column: -4/right-gutter-end; } #pdv_price_table .stripeContainer span:nth-child(2) { grid-row-start: 1; grid-column: -7/-4; } #pdv_price_table .stripeContainer span:nth-child(3) { grid-row-start: 6; grid-column: 6/-5; } #pdv_price_table .stripeContainer span:nth-child(4) { grid-row-start: 7; grid-column: -7/-6; } #pdv_price_table .stripeContainer span:nth-child(5) { grid-row-start: -4; grid-column: 5/7; } #pdv_price_table .stripeContainer span:nth-child(6) { grid-row-start: -3; grid-column: 2/5; } /* Guaranty */ #pdv_guaranty .guaranty_container { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } #pdv_guaranty .guaranty_icon { width: 85px; margin-bottom: 16px; } #pdv_guaranty .guaranty_icon img { width: 100%; } #pdv_guaranty .guaranty_info { text-align: center; } #pdv_guaranty .guaranty_info span { font-size: 18px; line-height: 22px; color: #4D5C6D; margin-bottom: 16px; font-family: 'LatoLatin-Bold'; padding-bottom: 0; display: inline-block; } /* Logins steps */ #pdv_logins_steps h3 { margin: 0; text-align: center; position: relative; padding-top: 40px; } #pdv_logins_steps .steps { display: flex; align-items: flex-start; justify-content: space-between; padding: 40px 0; position: relative; } #pdv_logins_steps .steps:before, #pdv_logins_steps h3:before { content: ''; display: block; width: 100vw; height: 100%; background: var(--gray-shade-ultra-light); position: absolute; z-index: -1; top: 0; left: calc(calc(-100vw + 100%) / 2); } #pdv_logins_steps .step { max-width: 280px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } #pdv_logins_steps .steps img { max-width: 280px; } #pdv_logins_steps .step span { align-self: center; font-family: 'LatoLatin-Black'; font-size: 15px; color: #FFFFFF; padding: 10px; background: var(--global-blue); border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 16px auto; } @media all and (max-width: 950px) { #pdv_logins_steps .steps { flex-direction: column; align-items: center; } #pdv_logins_steps .steps .step:not(:last-child) { margin-bottom: 40px; } #pdv_logins_steps .step { max-width: unset; align-items: center; } #pdv_logins_steps .steps img { max-width: 300px; } #pdv_logins_steps .steps .step p { text-align: center; max-width: 550px; } #pdv_logins_steps .step span { margin: 6px auto; } } /* FAQ */ #pdv_faq .faq_title_part { margin-bottom: 40px; text-align: center; } #pdv_faq .faq_title_part a { color: var(--global-blue) !important; } #pdv_faq .faq_title #pdv_faq .faq_desc { text-align: center; } #pdv_faq .faq_title { margin-bottom: 16px; } #pdv_faq #common_accordion { max-width: 940px; margin: 0 auto; } /* Background */ #pdv_faq { z-index: 2; background: transparent; } #pdv_faq .stripeContainer{ -webkit-transform-origin: top left; transform-origin: top left; } #pdv_faq .stripeContainer span:nth-child(1) { grid-row-start: 9; grid-column: -4/viewport-end; } #pdv_faq .stripeContainer span:nth-child(2) { grid-row-start: 10; grid-column: -4/-7; } #pdv_faq .stripeContainer span:nth-child(3) { grid-row-start: 11; grid-column: -5/-7; } #pdv_faq .stripeContainer span:nth-child(4) { grid-row-start: 12; grid-column: left-gutter-start/5; } #pdv_faq .stripeContainer span:nth-child(5) { grid-row-start: 14; grid-column: viewport-start/4; } /* Testimonials Slider */ #pdv_testimonials:before { content: ''; display: block; width: 100%; height: 170%; position: absolute; top: 0; left: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: skewY(-12deg); transform: skewY(-12deg); background-color: var(--gray-shade-ultra-light); } #pdv_testimonials .swiper-container { padding: 20px; } #pdv_testimonials .dica_divi_carouselitem { padding: 20px 30px; background: #ffffff; border-radius: 8px; transition: box-shadow .3s ease, -webkit-transform .3s ease; transition: box-shadow .3s ease, transform .3s ease; transition: box-shadow .3s ease, transform .3s ease, -webkit-transform .3s ease; } #pdv_testimonials .dica_divi_carouselitem.swiper-slide-visible { box-shadow: var(--block-spread-shadow); } #pdv_testimonials .dica_divi_carouselitem:not(.swiper-slide-visible) { opacity: 0; } #pdv_testimonials .dica_divi_carouselitem .dica-item { flex-direction: column-reverse; } #pdv_testimonials .swiper-button-prev, #pdv_testimonials .swiper-button-next { background: #ffffff; border-radius: 50%; box-shadow: var(--block-dry-shadow); width: 48px; height: 48px; font-size: 42px; display: flex; align-items: center; justify-content: center; } #pdv_testimonials .testimonial_elm { display: flex; flex-direction: column; align-items: center; } #pdv_testimonials .testimonial_elm .user { display: flex; align-items: center; } #pdv_testimonials .testimonial_elm .user_profil { line-height: 0; border-radius: 50%; overflow: hidden; width: 36px; margin-right: 10px; } #pdv_testimonials .testimonial_elm .user_info { display: flex; flex-direction: column; } #pdv_testimonials .testimonial_elm .user_info img { width: 60px; } #pdv_testimonials .user_name { font-family: 'LatoLatin-Bold'; font-size: 14px; color: var(--text-dark-gray); margin-bottom: 4px; } #pdv_testimonials .user_quotes { padding: 20px 0; } #pdv_testimonials .user_quotes p { font-size: 14px; line-height: 20px; color: var(--text-dark-gray); text-align: center; } #pdv_testimonials .user_quotes p i { margin-left: 5px; } #pdv_testimonials .dica-image-container>a.image { height: 100%; max-height: 130px !important; display: flex; justify-content: center; align-items: center; } #pdv_testimonials .dica-image-container>a.image img { max-height: 100%; } @media all and (min-width:768px) { #pdv_testimonials #testimonials_slider { padding: 0 !important; } #pdv_testimonials .dica_divi_carouselitem.swiper-slide-prev { -webkit-transform-origin: center right; transform-origin: center right; -webkit-transform: scale(.8); transform: scale(.8); } #pdv_testimonials .swiper-slide-visible.swiper-slide-active { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1.15); transform: scale(1.15); z-index: 9; } #pdv_testimonials .dica_divi_carouselitem.swiper-slide-next { -webkit-transform-origin: center left; transform-origin: center left; -webkit-transform: scale(.8); transform: scale(.8); } #pdv_testimonials .swiper-container { padding: 60px 0; } #pdv_testimonials .swiper-button-prev { right: -4.25%; } #pdv_testimonials .swiper-button-next { left: -4.25%; } } /* Testimonials CTA */ #pdv_testimonials .testimonials_cta { display: flex; } #pdv_testimonials .content_container { flex-shrink: 1; max-width: 485px; } #pdv_testimonials .content_container h4 { margin-bottom: 16px; } #pdv_testimonials .buttons_container { display: flex; margin-left: auto; align-items: flex-end; justify-content: flex-end; } @media all and (max-width:970px) { #pdv_testimonials .testimonials_cta { flex-direction: column; align-items: center; } #pdv_testimonials .testimonials_cta .content_container { text-align: center; } #pdv_testimonials .testimonials_cta .buttons_container { margin: 30px 0 0; } } /* if only one button */ #pdv_testimonials .testimonials_cta.one_btn{ flex-direction: column; align-items: center; } #pdv_testimonials .testimonials_cta.one_btn .content_container { text-align: center; } #pdv_testimonials .testimonials_cta.one_btn .buttons_container { margin: 30px 0 0; } /* UPGRADE CTA */ #pdv_upgrade_cta { z-index: 2; } #pdv_upgrade_cta:before { content: ''; display: block; width: 100%; position: absolute; background-color: #2a303d; top: 75%; bottom: -1px; } #pdv_upgrade_cta .pdv_upgrade_cta { display: flex; flex-direction: column; align-items: center; } #pdv_upgrade_cta .pdv_upgrade_cta h3 { margin-bottom: 40px; text-align: center; } #pdv_upgrade_cta .upgrade_cta_block { max-width: 550px; background: #ffffff; box-shadow: var(--block-strong-shadow); border-radius: 8px; overflow: hidden; display: flex; align-items: center; padding: 60px 30px 60px 130px; position: relative; margin-bottom: 20px; transition: all .15s ease; } #pdv_upgrade_cta .upgrade_cta_icon { width: 154px; height: 154px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); } #pdv_upgrade_cta .upgrade_cta_icon svg { display: block; -webkit-filter: drop-shadow(4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0.33)); filter: drop-shadow(4.6875px 4.6875px 14.0625px rgba(198, 208, 226, 0.33)); } #pdv_upgrade_cta .upgrade_cta_content .link_arrow_uppercase { transition: color .2s ease; margin-bottom: 30px; display: block; font-family: 'LatoLatin-Medium'; } #pdv_upgrade_cta .upgrade_cta_content .link_arrow_uppercase:after{ line-height: 1.2; } .pdv_starter#pdv_upgrade_cta .upgrade_cta_content .link_arrow_uppercase { color:var(--prog-tr); } .pdv_tr#pdv_upgrade_cta .upgrade_cta_content .link_arrow_uppercase { color:var(--prog-ip); } .pdv_starter#pdv_upgrade_cta .upgrade_cta_block:hover .link_arrow_uppercase { color: var(--prog-tr-darktone); } .pdv_tr#pdv_upgrade_cta .upgrade_cta_block:hover .link_arrow_uppercase { color: var(--prog-ip-darktone); } #pdv_upgrade_cta .upgrade_cta_content p { color: var(--text-strong-gray); } #pdv_upgrade_cta .upgrade_cta_block:hover{ -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025); } @media all and (max-width:400px) { #pdv_upgrade_cta .upgrade_cta_block { padding: 40px 20px 40px 120px; } } /*---------------- END PDV -------------*/ /***********************************************/ /************ $STARTER-SIMULATEUR ***********/ /***********************************************/ #pdv_prog_details.starter_simulateur .stripeContainer span:nth-child(7) { grid-row-start: 1; grid-column: 20/22; } /*---------------- END STARTER-SIMULATEUR -------------*/ /***********************************************/ /************ $LOGIN-DEMO ***********/ /***********************************************/ #common_login_demo { display: flex; flex-direction: column; flex-grow: 1; min-height: 100vh; margin: 0 auto; padding: 60px 0; } #common_login_demo .logo_upper_container{ display: flex; justify-content: center; align-items: center; margin-bottom: 40px; } #common_login_demo #login_demo_form_row .login_container__demo{ max-width: 480px; margin: 0 auto; background-color: #fff; border-radius: 8px; box-shadow: 0px 7px 14px rgba(60, 66, 87, 0.12), 0px 3px 6px rgba(0, 0, 0, 0.12); padding: 48px 48px 38px; line-height: 130%; } #common_login_demo #login_demo_form_row .header_content{ text-align: center; margin-bottom: 40px; } #common_login_demo #login_demo_form_row .form_title{ font-size: 20px; display: block; font-family: 'LatoLatin-Bold'; color: var(--text-dark-gray); margin-bottom: 16px; } #common_login_demo #login_demo_form_row .form_desc{ font-size: 16px; color: var(--text-strong-gray); } #common_login_demo #login_demo_form_row .login_container__demo .form_login ._form-label{ position: initial!important; font-family: 'LatoLatin-Semibold'; color: var(--text-strong-gray); font-size: 14px; margin-bottom: 4px; } #common_login_demo #login_demo_form_row .login_container__demo .form_login ._form-content ._form_element { margin: 0 0 16px 0!important; } #common_login_demo #login_demo_form_row .login_container__demo .form_login ._button-wrapper { padding: 20px 0 0!important; margin: 0!important; } #common_login_demo #login_demo_form_row .login_container__demo .form_login ._form_element ._field-wrapper input{ min-height: 44px; padding: 0 20px; } #common_login_demo #login_demo_form_row .login_container__demo .form_login ._button-wrapper button{ height: 44px; line-height: unset; padding: 8px; cursor:pointer; } /* BGs */ #common_login_demo .login-StripeGrid{ min-height: 692px; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 0; overflow: hidden; padding-top: calc(64px * 3); } #common_login_demo .login_backgroundContainer{ display: -ms-grid; display: grid; grid-template-columns: [start] 1fr [left-gutter] repeat(16,86.6px) [left-gutter] 1fr [end]; grid-template-rows: [top] 1fr [top-gutter] repeat(8,64px) [bottom-gutter] 1fr [bottom]; justify-content: center; margin: 0 -2%; -webkit-transform: rotate(-12deg) skew(-12deg); transform: rotate(-12deg) skew(-12deg); } #common_login_demo .login_backgroundContainer span:nth-child(1){ grid-area: top / start / 8 / end; background-image: linear-gradient(white 0%, var(--gray-shade-ultra-light) 33%); } #common_login_demo .login_backgroundContainer span:nth-child(2){ grid-area: 4 / 2 / auto / 5; box-shadow: inset 0 0 0 2px var(--gray-shade-super-light); } #common_login_demo .login_backgroundContainer span:nth-child(3){ grid-area: 6 / start / auto / 2; background-color: #d5deea;; } #common_login_demo .login_backgroundContainer span:nth-child(4){ grid-area: 7 / start / auto / 4; background-color: #e1e9f4; } #common_login_demo .login_backgroundContainer span:nth-child(5){ grid-area: 8 / 4 / auto / 6; background-color: var(--gray-shade-super-light); } #common_login_demo .login_backgroundContainer span:nth-child(6){ grid-area: 2 / 15 / auto / end; background-color: #f2f5fa; } #common_login_demo .login_backgroundContainer span:nth-child(7){ grid-area: 3 / 14 / auto / end; background-color: #e0e9f4; } #common_login_demo .login_backgroundContainer span:nth-child(8){ grid-area: 4 / 17 / auto / 20; background-color: #d5deea; } #common_login_demo .login_backgroundContainer span:nth-child(9){ grid-area: 5 / 14 / auto / 17; box-shadow: inset 0 0 0 2px var(--gray-shade-super-light); } @media all and (max-width:750px){ #common_login_demo{ padding: 20px 0 ; } #common_login_demo .login-StripeGrid{ height: 760px; overflow: hidden; position: absolute; -webkit-transform: skewY(-12deg); transform: skewY(-12deg); z-index: 0; top: -428px; left: 0; right: 0; bottom:unset; min-height:unset; padding-top: 0; } #common_login_demo .login_backgroundContainer{ grid-template-columns: repeat(12, 1fr); -webkit-transform: none; transform: none; } #common_login_demo .login_backgroundContainer span:nth-child(1){ grid-area: 7 / 1 / auto / 13; background-color: var(--gray-shade-ultra-light); } #common_login_demo .login_backgroundContainer span:nth-child(2){ grid-area: 8 / 1 / auto / 13; background-color: var(--gray-shade-ultra-light); box-shadow: none; } #common_login_demo .login_backgroundContainer span:nth-child(3){ grid-area: 9 / 8 / auto / 13; background-color: var(--gray-shade-super-light); } #common_login_demo .login_backgroundContainer span:nth-child(4), #common_login_demo .login_backgroundContainer span:nth-child(5), #common_login_demo .login_backgroundContainer span:nth-child(6), #common_login_demo .login_backgroundContainer span:nth-child(7), #common_login_demo .login_backgroundContainer span:nth-child(8), #common_login_demo .login_backgroundContainer span:nth-child(9) { display:none; } #common_login_demo .logo_upper_container{ margin-bottom:30px; } #common_login_demo #login_demo_form_row .header_content{ margin-bottom:30px; } #common_login_demo #login_demo_form_row .form_title{ margin-bottom:10px; } #common_login_demo #login_demo_form_row .login_container__demo .form_login ._form-content ._form_element { margin: 0 0 5px 0!important; } #common_login_demo #login_demo_form_row .login_container__demo .form_login ._button-wrapper{ padding: 10px 0 0 0!important; } } @media all and (max-width:500px){ #common_login_demo #login_demo_form_row .login_container__demo{ background:transparent; box-shadow:none; border-radius:none; padding:0; } } /*---------------- END LOGIN-DEMO -------------*/ /***********************************************/ /************ $DEMO ***********/ /***********************************************/ #prog_demo_section .golbal_content{ position: relative; padding: 60px 0px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } #prog_demo_section .demo_header{ position: relative; z-index: 2; width: 100%; padding: 0 20px; } #prog_demo_section .headline_container{ display: flex; flex-direction: column; justify-content: center; margin-bottom: 50px; } #prog_demo_section .headline_container h1{ font-size: 30px; text-align: center; padding: 0; margin-bottom: 10px; } #prog_demo_section .headline_container h2{ font-size: 22px; text-align: center; font-family: 'LatoLatin-Regular'; padding: 0; } #prog_demo_section .demo_video_container{ width:100%; padding:0 20px; z-index: 2; margin-bottom:50px; } #prog_demo_section .demo_video_container .demo_video{ /*max-width: 880px;*/ max-width: 1040px; margin: 0 auto; box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025); border-radius: 8px; overflow: hidden; width: 100%; z-index: 2; } #prog_demo_section .demo_footer { position: relative; z-index: 2; padding: 0 20px; width: 100%; } #prog_demo_section .demo_footer p{ text-align: center; color: #fff; font-size: 20px; font-family: 'LatoLatin-Medium'; margin-bottom: 25px; } #prog_demo_section .buttons_container{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } #prog_demo_section .buttons_container .common_button{ font-family: 'LatoLatin-Bold'; font-size: 14px; line-height: 14px; text-transform: uppercase; border-radius: 10px; padding: 13px 22px; display: inline-block; text-align: center; } #prog_demo_section .buttons_container .btn_1{ margin-right: 20px; } @media all and (max-width:480px){ #prog_demo_section .buttons_container{ flex-direction: column; } #prog_demo_section .buttons_container .common_button{ width:236px; } #prog_demo_section .buttons_container .btn_1{ margin-right: 0; margin-bottom: 20px; } } /* BG */ /* V1 */ #prog_demo_section.demo_starter .gradient-background{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg, #ff794b, #ff8f67, #ffa383, #ffb89f, #ffccbb); } #prog_demo_section .demo_header .stripes-container.initial{ position: absolute; left: 0; right: 0; bottom: -52px; top: 50%; -webkit-transform: skewY(-12deg); transform: skewY(-12deg); bottom: -108px; z-index: -1; } #prog_demo_section .demo_header .stripe.gradient{ height: 5000px; bottom: 0; background: linear-gradient(270deg,#f6f9fc,#fff); left: 0; right: 0; position: absolute; } #prog_demo_section .stripes-container .stripe { position: absolute; } #prog_demo_section .stripes-container.initial .s1 { height: 54px; right: 0; left: calc(50% + 550px); bottom: 0; background: var(--Xlight-gray); } #prog_demo_section .stripes-container.initial .s2 { height: 54px; left: 0; right:95%; bottom: 290px; } #prog_demo_section.demo_starter .stripes-container.initial .s2{ background: var(--prog-starter-midtone); } #prog_demo_section .stripes-container.initial .s3 { height: 54px; left: 0; right:90%; bottom: calc(290px + 54px); } #prog_demo_section.demo_starter .stripes-container.initial .s3{ background: var(--prog-starter-light); } @media all and (max-width: 1199px){ #prog_demo_section .stripes-container.initial .s1, #prog_demo_section .stripes-container.initial .s2, #prog_demo_section .stripes-container.initial .s3 { display:none; } } /* end V1 */ /* V2 */ #prog_demo_section.demo .headline_container h1{ font-size: 26px; text-align: center; padding: 0; margin-bottom: 10px; color: #333; font-family: 'LatoLatin-Heavy'; text-transform:uppercase; } #prog_demo_section.demo .headline_container h2{ font-size: 18px; text-align: center; font-family: 'LatoLatin-Medium'; padding: 0; color:#666; } #prog_demo_section.demo .buttons_container .common_button{ font-family: 'LatoLatin-Bold'; font-size: 14px; line-height: 40px; padding: 0px 14px; text-transform: uppercase; border-radius: 4px; display: inline-block; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } #prog_demo_section.demo.demo_starter .buttons_container .btn_1{ background:var(--prog-starter); color: #fff; } #prog_demo_section.demo.demo_starter .buttons_container .btn_2{ background: #fff; color: var(--prog-starter); } #prog_demo_section.demo.demo_tr .buttons_container .btn_1{ background:var(--prog-tr); color: #fff; } #prog_demo_section.demo.demo_tr .buttons_container .btn_2{ background: #fff; color: var(--prog-tr); } #prog_demo_section.demo.demo_ip .buttons_container .btn_1{ background:var(--prog-ip); color: #fff; } #prog_demo_section.demo.demo_ip .buttons_container .btn_2{ background: #fff; color: var(--prog-ip); } #prog_demo_section.demo .demo_footer p{ text-align: center; color: var(--text-strong-gray); font-size: 18px; font-family: 'LatoLatin-Medium'; margin-bottom: 25px; } #prog_demo_section .largeBlended-StripeGrid{ grid: repeat(3, 200px)/repeat(10, 1fr); padding-top: 40px; } #prog_demo_section .largeBlended-StripeGrid span:nth-child(1){ grid-area: 1 / 3 / auto / -1; } #prog_demo_section .largeBlended-StripeGrid span:nth-child(2){ grid-area: 2 / -2 / auto / -1; background: linear-gradient(254.44deg, rgba(255, 121, 75, 0.5) 10.2%, rgba(255, 121, 75, 0) 117.68%); } #prog_demo_section .largeBlended-StripeGrid span:nth-child(3){ grid-area: 3/ 1 / auto /-1; background: linear-gradient(77.66deg, #FFA778 0%, rgba(255, 167, 120, 0) 54.82%); } #prog_demo_section .largeBlended-StripeGrid span:nth-child(4){ background: linear-gradient(277.63deg, #FFE2D9 0.39%, #FFC296 96.15%); grid-area: 3/ -4 / auto /-1; } #prog_demo_section .largeBlended-StripeGrid span:nth-child(5){ grid-area: 2/ 1 / auto /2; background: linear-gradient(254.44deg, rgba(255, 121, 75, 0.5) 10.2%, rgba(255, 121, 75, 0) 117.68%); } @media all and (max-width:980px){ #prog_demo_section .largeBlended-StripeGrid{ grid: repeat(3, 100px)/repeat(10, 1fr)!important; } } /* starter demo stripes color */ #prog_demo_section.demo_starter .largeBlended-StripeGrid{ background: linear-gradient(68.35deg, #FF794B -0.01%, #FFD8B5 84.6%); } #prog_demo_section.demo_starter .largeBlended-StripeGrid span:nth-child(1){ background: linear-gradient(77.09deg, #ffb992 0%, rgba(255, 167, 120, 0) 36.36%); } #prog_demo_section.demo_starter .largeBlended-StripeGrid span:nth-child(2){ background: linear-gradient(254.44deg, rgba(255, 121, 75, 0.5) 10.2%, rgba(255, 121, 75, 0) 117.68%); } #prog_demo_section.demo_starter .largeBlended-StripeGrid span:nth-child(3){ background: linear-gradient(77.66deg, #FFA778 0%, rgba(255, 167, 120, 0) 54.82%); } #prog_demo_section.demo_starter .largeBlended-StripeGrid span:nth-child(4){ background: linear-gradient(277.63deg, #FFE2D9 0.39%, #FFC296 96.15%); } #prog_demo_section.demo_starter .largeBlended-StripeGrid span:nth-child(5){ background: linear-gradient(254.44deg, rgba(255, 121, 75, 0.5) 10.2%, rgba(255, 121, 75, 0) 117.68%); } /* tr demo stripes color */ #prog_demo_section.demo_tr .largeBlended-StripeGrid{ background: linear-gradient(68.35deg, #98B4E0 -0.01%, #CCDEFA 84.6%); } #prog_demo_section.demo_tr .largeBlended-StripeGrid span:nth-child(1){ background: linear-gradient(77.09deg, #B6D9FF 0.67%, rgba(204, 222, 250, 0) 36.36%); } #prog_demo_section.demo_tr .largeBlended-StripeGrid span:nth-child(2){ background: linear-gradient(257.6deg, rgba(102, 104, 185, 0.5) 10.57%, rgba(102, 104, 185, 0) 124.55%); } #prog_demo_section.demo_tr .largeBlended-StripeGrid span:nth-child(3){ background: linear-gradient(77.66deg, #B6D9FF 0%, rgba(182, 217, 255, 0) 54.82%); } #prog_demo_section.demo_tr .largeBlended-StripeGrid span:nth-child(4){ background: linear-gradient(277.63deg, #9dbeef 0.39%, #d0e2ff63 96.15%); } #prog_demo_section.demo_tr .largeBlended-StripeGrid span:nth-child(5){ background: linear-gradient(77.6deg, rgba(152, 180, 224, 0) 10.86%, #93b1e0 93.27%); } /* ip demo stripes color */ #prog_demo_section.demo_ip .largeBlended-StripeGrid{ background: linear-gradient(68.22deg, #FBC919 0%, #FFE8AD 105.42%); } #prog_demo_section.demo_ip .largeBlended-StripeGrid span:nth-child(1){ background: linear-gradient(77.09deg, #FFE662 0.67%, rgba(251, 229, 112, 0) 36.36%); } #prog_demo_section.demo_ip .largeBlended-StripeGrid span:nth-child(2){ background: linear-gradient(257.6deg, rgba(248, 187, 68, 0.75) 11.78%, rgba(248, 187, 68, 0) 120.04%); } #prog_demo_section.demo_ip .largeBlended-StripeGrid span:nth-child(3){ background: linear-gradient(77.66deg, #FBE570 0%, rgba(251, 229, 112, 0) 54.82%); } #prog_demo_section.demo_ip .largeBlended-StripeGrid span:nth-child(4){ background: linear-gradient(277.63deg, #FFFBE6 0.39%, #FBE570 96.15%); } #prog_demo_section.demo_ip .largeBlended-StripeGrid span:nth-child(5){ background: linear-gradient(254.44deg, rgba(255, 174, 75, 0.5) 10.2%, rgba(255, 121, 75, 0) 117.68%); } /*---------------- END DEMO -------------*/ /***********************************************/ /************ $FORMATIONS - DISCOUNT ***********/ /***********************************************/ #formations_showcase_section.formations_showcase_section_discount .formations_single_showcase_col:before { content: '-30%'; display: block; width: 110px; height: 40px; position: absolute; z-index: 999; top: 50%; right: 0; background-color: #ff7a7b; font-size: 25px; font-family: 'LatoLatin-Bold'; color: #ffffff; text-align: center; padding-top: 5px; } @media (min-width: 981px) { #formations_showcase_section.formations_showcase_section_discount .formations_single_showcase_single_col { width: 47.25%; margin-left: auto !important; margin-right: auto !important; } } /* @media (min-width: 499px) { */ /*more & buy button*/ /* #formations_showcase_section.formations_showcase_section_discount .formations_single_showcase_col .et_pb_button_module_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 55%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } */ /*buy button override*/ /* #formations_showcase_section.formations_showcase_section_discount .formations_single_showcase_col .et_pb_button_module_wrapper:last-child { width:45%; -ms-flex-item-align: end; align-self: flex-end; position: absolute; bottom: 0px; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } } */ /*---------- END FORMATIONS - DISCOUNT --------*/ /***********************************************/ /************* $COMPARER FORMATIONS ************/ /***********************************************/ #comparer_formations_header .bg_header_resultats_container { height: 100%; } #comparer_formations_header .largeBlended-StripeGrid { top: -50%; grid: repeat(5, 200px)/repeat(10, 1fr); -webkit-transform-origin: 0; transform-origin: 0; background: linear-gradient(#c1dafa8c, #bbd4f39c 10%, #a4c0ff59 38%, #e8f3fe 48%, #f6f9fc 62%); } #comparer_formations_header .largeBlended-StripeGrid span:nth-child(1) { grid-column: span 3; background: linear-gradient(100grad, rgba(243, 251, 255, .4), rgba(243, 251, 255, .15) 20%, rgba(243, 251, 255, 0)); } #comparer_formations_header .largeBlended-StripeGrid span:nth-child(2) { background: linear-gradient(100grad, rgba(0, 119, 204, 0), rgba(0, 119, 204, .05) 40%, rgba(151, 175, 241, 0.35)); grid-area: 3/span 3/auto/-1; } #comparer_formations_header .largeBlended-StripeGrid span:nth-child(3) { background: linear-gradient(100grad, #fff 30%, hsla(0, 0%, 100%, 0)); grid-row: 4; grid-column: span 5; } #comparer_formations_header .largeBlended-StripeGrid span:nth-child(4) { background: linear-gradient(100grad, rgba(0, 119, 204, 0) 10%, #86bbfc3d); grid-area: 4/span 5/auto/-1; } #comparer_formations_header .largeBlended-StripeGrid span:nth-child(5) { grid-area: auto/1/-1/-1; background: linear-gradient(100grad, #fff 70%, #61a7ff1c); } @media (max-width:980px) { #comparer_formations_header img { max-width: 500px; width: 100%; } #comparer_formations_header .et_pb_text_inner, #comparer_formations_header .et_pb_text_inner h1 { text-align: center; } } /*----------- END COMPARER FORMATIONS ---------*/ /***********************************************/ /******************* $CONTACT ******************/ /***********************************************/ #alti_contact_main_container .et_contact_bottom_container { width: 100% !important; } #alti_contact_main_container .et_pb_contact_submit { margin: 0 !important; } .faq_link { transition: .3s; } .faq_link:hover { color: #69ebb8; } #contact_form_section textarea#et_pb_contact_message_0 { box-shadow: 0 5px 25px rgba(50, 50, 93, .1), 0 5px 5px rgba(0, 0, 0, .03); } #contact_form_section .et_pb_contact_form { margin-left: 0; } .alti_contact_form .et_pb_contact { position: relative; } .alti_contact_form .et_pb_contact:before { background-size: auto 300px !important; background-position: center; background-repeat: no-repeat !important; width: 176px; height: 300px; position: absolute; left: 0; bottom: 0; -webkit-transform: translateX(-110%); transform: translateX(-110%); content: ''; background: url(../../../images/contact_form/SVG/contact_form_lady_ilst.svg); } .alti_contact_form .et_pb_contact:after { background-size: auto 300px !important; background-position: center; background-repeat: no-repeat !important; width: 140px; height: 300px; position: absolute; right: 0; bottom: 0; -webkit-transform: translateX(110%); transform: translateX(120%); content: ''; background: url(../../../images/contact_form/SVG/contact_form_man_ilst.svg); } @media (max-width:980px) { .alti_contact_form { max-width: 100% !important; } .alti_contact_form .et_pb_contact:before, .alti_contact_form .et_pb_contact:after { display: none; } } #contact_form_section .et-pb-contact-message { text-align: center; color: #5fc48c; } #contact_form_section .et-pb-contact-message ul { list-style-type: none; } /*----------------- END CONTACT ---------------*/ /***********************************************/ /*********** $POURQUOI ALTI TRADING ************/ /***********************************************/ #pourquoiAlti_heading_section img { width: 100%; max-width: 500px !important; } /**Background**/ /*Containers + grid settings*/ #pourquoiAlti_apprendre_section .common-StripeGrid { z-index: 2; } #pourquoiAlti_apprendre_section .stripeContainer { height: 100%; overflow: visible; } #pourquoiAlti_apprendre_section .grid { height: 100%; } /*Stripes positions & colors*/ #pourquoiAlti_apprendre_section .stripe:nth-child(1) { grid-row-start: 1; grid-column: viewport-start/3; box-shadow: inset 0 0 0 1.5px #e6ebf1; } #pourquoiAlti_apprendre_section .stripe:nth-child(2) { grid-row: 3; grid-column: -5/viewport-end; background-color: #e6ebf1; } #pourquoiAlti_apprendre_section .stripe:nth-child(3) { grid-row: -2; grid-column: -4/-8; background-color: #5FC48B; } #pourquoiAlti_apprendre_section .stripe:nth-child(4) { grid-row: 2; grid-column: -7/-4; background-color: #6270fa; } #pourquoiAlti_apprendre_section .stripe:nth-child(5) { grid-row: 1; grid-column: -8/viewport-end; background-color: #86bbfc; } #pourquoiAlti_apprendre_section .stripe:nth-child(6) { grid-row: 10; grid-column: -4/-2; background-color: #f5f9fc; } #pourquoiAlti_apprendre_section .stripe:nth-child(7) { grid-row: 6; grid-column: viewport-start/2; background-color: #205183; } #pourquoiAlti_apprendre_section .stripe:nth-child(8) { grid-row: 11; grid-column: -5/-3; background-color: #86bbfc; } #pourquoiAlti_apprendre_section .stripe:nth-child(9) { grid-row: -2; grid-column: viewport-start/5; background-color: #86bbfc; } #pourquoiAlti_apprendre_section .stripe:nth-child(10) { grid-row: -3; grid-column: viewport-start/8; background-color: #69ebb8; } #pourquoiAlti_apprendre_section .stripe:nth-child(11) { grid-row: -4; grid-column: 5/7; background-color: #fcd669; } #pourquoiAlti_apprendre_section .stripe:nth-child(12) { grid-row: -5; grid-column: viewport-start/5; background-color: #e6ebf1; } #pourquoiAlti_apprendre_section .stripe:nth-child(13) { grid-row: -2; grid-column: -9/-11; box-shadow: inset 0 0 0 1.5px #e6ebf1; } #pourquoiAlti_apprendre_part1 img { max-width: 230px; width: 100%; } #pourquoiAlti_apprendre_part2 img { max-width: 345px; width: 100%; } @media (max-width:980px) { #pourquoiAlti_apprendre_part2 .et_pb_column:first-child { margin-top: 30px; margin-bottom: 0; } } /* #pourquoiAlti_methode_section .et_pb_column:last-child img { max-width: 380px; width: 100%; } */ @media (max-width:980px) { #pourquoiAlti_methode_section .et_pb_column:last-child { margin-top: 30px; } } @media (max-width:825px) { #pourquoiAlti_methode_section { background-size: contain; background-position: bottom 25% left 15%; } } /***Section Formations Tabs Layout (html wrappers, click actions & backgrounds generated by alti_trading_mission_customTabs.js || alti_trading_bundle.js)***/ #mission_tabs_main_section { padding: 100px 0; position: relative; z-index: 2; } /*Background*/ #mission_tabs_main_section .stripe:nth-child(1) { grid-row: -2; grid-column: viewport-start/5; background-color: #6270fa; } #mission_tabs_main_section .stripe:nth-child(2) { grid-row: -3; grid-column: viewport-start/7; background-color: #e6ebf1; } #mission_tabs_main_section .stripe:nth-child(3) { grid-row: 12; grid-column: viewport-start/4; background-color: #86bbfc; } #mission_tabs_main_section .stripe:nth-child(4) { grid-row: 12; grid-column: 4/4; background-color: #0cb9fe; } #mission_tabs_main_section .stripe:nth-child(5) { grid-row: 10; grid-column: viewport-start/8; background-color: #5fc48c; } #mission_tabs_main_section .stripe:nth-child(6) { grid-row: 11; grid-column: 4/8; background-color: #b9b9ff; } #mission_tabs_main_section .stripe:nth-child(7) { grid-row: 4; grid-column: viewport-end/-5; background-color: #69ebb8; } #mission_tabs_main_section .stripe:nth-child(8) { grid-row: 5; grid-column: -5/-8; background-color: #6270fa; } #mission_tabs_main_section .stripe:nth-child(9) { grid-row: -2; grid-column: 9/11; box-shadow: inset 0 0 0 1.5px #e6ebf1; } #mission_tabs_main_section .stripe:nth-child(10) { grid-row: 6; grid-column: viewport-end/-8; background-color: #86bbfc; } #mission_tabs_main_section .stripe:nth-child(11) { grid-row: 8; grid-column: -6/-8; background-color: #e6ebf1; } #mission_tabs_main_section .stripe:nth-child(12) { grid-row: 9; grid-column: -3/-8; background-color: #fcd669; } #mission_tabs_main_section .stripe:nth-child(13) { grid-row: 10; grid-column: -5/-8; background-color: #69ebb8; } #mission_tabs_container { width: 90%; max-width: 1040px; margin: 0 auto; background-color: #fff; box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025); border-radius: 8px; overflow: hidden; } #mission_tabs_container .tab-content .et_pb_row { width: 90%; } #mission_tabs_container .tab-content { padding: 50px 0; border-radius: 0 0 8px 8px; } #mission_tabs_container .et_pb_section { background: transparent !important; } #mission_tabs .et_pb_row { width: 100%; } #mission_tabs .et_pb_column { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background-color: #f5f9fc; } #mission_tabs .tab-title { width: calc(100% / 6); } @media (max-width: 980px) { #mission_tabs .tab-title { width: 100%; } } #mission_tabs .et_pb_code_inner a { font-family: 'LatoLatin-Bold', Helvetica, Arial, Lucida, sans-serif; } #mission_tabs .tab_title_inner_level { box-shadow: inset 0 -1px 0 #d5dbe1; } .tab-content { display: none; } .tab-open { display: block; } .tab-title:hover { cursor: pointer; } #mission_tabs .tab-title a { display: flex; flex-direction: column; align-items: center; font-family: latolatin-bold, Helvetica, Arial, Lucida, sans-serif; font-weight: bold; font-size: 15px; } #mission_tabs .tab_title_inner_level { padding: 10px 0 !important; background-color: #f5f9fc; } #mission_tabs .active-tab .tab_title_inner_level { border-radius: 8px 8px 0 0; box-shadow: inset -1px 0 0 #d5dbe1, inset 1px 0 0 #d5dbe1; background-color: #ffffff; } #mission_tabs .active-tab .tab_title_inner_mppeb { box-shadow: inset -1px 0 0 #d5dbe1; } #mission_tabs .active-tab .tab_title_inner_auto { box-shadow: inset 1px 0 0 #d5dbe1; } @media (max-width:980px) { #mission_tabs .active-tab .tab_title_inner_level { box-shadow: none; border-radius: unset; } /*resize image*/ /*mppeb*/ #mission_tabs_container #tab1 img { max-width: 345px; width: 100%; } /*dtp*/ #mission_tabs_container #tab2 img { max-width: 500px; width: 100%; } /*stp*/ #mission_tabs_container #tab3 img { max-width: 350px; width: 100%; } /*mg*/ #mission_tabs_container #tab4 img { max-width: 300px; width: 100%; } /*analyse*/ #mission_tabs_container #tab5 img { max-width: 350px; width: 100%; } /*automatiser*/ #mission_tabs_container #tab6 img { max-width: 350px; width: 100%; } } #mission_tabs .tab_title_inner_mppeb { color: #0cb9fe; } #mission_tabs .tab_title_inner_dtp { color: #5ccb77; } #mission_tabs .tab_title_inner_stp { color: #59e5c1; } #mission_tabs .tab_title_inner_mg { color: #b9b9ff; } #mission_tabs .tab_title_inner_analyse { color: #fcd669; } #mission_tabs .tab_title_inner_auto { color: #da0000; } /*Experience Section*/ #unique_exp_text_container img { height: 60px; } @media all and (min-width:981px) and (max-width:1177px) { #unique_exp_text_container h3 { height: 82px; } } /* All U Need */ @media (max-width:669px) { #pourquoiAlti_all_Uneed .img_container_rev { margin-top: 30px; margin-bottom: 0; } } /*---------- END POURQUOI ALTI TRADING --------*/ /***********************************************/ /****************** $RESULTATS *****************/ /***********************************************/ .bg_header_resultats_container { position: absolute; top: 0; } /*Containers + grid settings*/ #resultats_heading_section .largeBlended-StripeGrid { background: linear-gradient(20deg, #ffffff 0%, #3586ff8a 100%); } #resultats_heading_section .largeBlended-StripeGrid:before { content: ''; background: url(https://www.alti-trading.fr/wp-content/uploads/2019/07/alti-trading_event_community_group.jpg); background-repeat: no-repeat; grid-column: 1/ span 10; grid-row: 1 / 7; -webkit-transform: skewY(12deg); transform: skewY(12deg); -webkit-transform-origin: bottom left; transform-origin: bottom left; opacity: .2; -webkit-filter: grayscale(100%) contrast(120%); filter: grayscale(100%) contrast(120%); mix-blend-mode: screen; background-position: bottom; background-size: cover; } /*Stripes positions & colors*/ #resultats_heading_section .largeBlended-StripeGrid span:nth-child(1) { background: linear-gradient(100grad, #ffffff00 5%, hsla(0, 0%, 100%, 0.12)15%); grid-row: 2; grid-column: 1/span 5; } #resultats_heading_section .largeBlended-StripeGrid span:nth-child(2) { background: linear-gradient(100grad, rgba(0, 119, 204, 0), rgba(0, 119, 204, .05) 40%, rgb(151, 175, 241)); grid-area: 3/span 3/auto/-1; } #resultats_heading_section .largeBlended-StripeGrid span:nth-child(3) { background: linear-gradient(100grad, #82b3e321 40%, hsla(0, 0%, 100%, 0)); grid-row: 3; grid-column: 1/span 5; } #resultats_heading_section .largeBlended-StripeGrid span:nth-child(4) { background: linear-gradient(100grad, rgba(0, 119, 204, 0) 10%, #c4dfffb8); grid-area: 4/span 5/auto/-1; } #resultats_heading_section .largeBlended-StripeGrid span:nth-child(5) { grid-area: auto/1/-1/-1; background: linear-gradient(100grad, #ffffff 10%, #61a7ff1c); } /*Testimonials pop up shadow*/ .pum-container { box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025) !important; } /*Testimonials pop up padding reset*/ html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] { padding-right: unset !important; } /*Grid testimonial video*/ .alti_testimonials_video_blurbs_container { padding-top: 0; width: 100%; } /* @media all and (min-width:751px) and (max-width:980px) { #resultats_testimonials_grid_section .alti_testimonials_video_blurbs_container .et_pb_blurb:last-child{ display:none; } } */ /*---------------- END RESULTATS --------------*/ /***********************************************/ /********************* $BLOG *******************/ /***********************************************/ #blog_search_bar input::-webkit-input-placeholder { color: #aab7c4 !important; } #blog_search_bar input:-ms-input-placeholder { color: #aab7c4 !important; } #blog_search_bar input::-ms-input-placeholder { color: #aab7c4 !important; } #blog_search_bar input::-moz-placeholder { color: #aab7c4 !important; } #blog_search_bar input::placeholder { color: #aab7c4 !important; } #menu-blog-menu li { padding: 0 20px !important; } #menu-blog-menu { display: flex; flex-wrap: wrap; justify-content: center; } #menu-blog-menu a:hover { color: #5fc48c; opacity: 1; } .blog_pages_menu .mobile_menu_bar:after { content: 'Catégories'; position: relative; top: 17px; left: 10px; } .blog_pages_menu .mobile_menu_bar:after, .blog_pages_menu .mobile_menu_bar:before { color: #5fc48c; } .blog_pages_menu .et_mobile_menu li:last-of-type a { border: none !important; } p.post-meta { line-height: unset !important; } .post-content p { font-size: 15px !important; } .et_pb_blog_grid .entry-featured-image-url { border-bottom: 1px solid #e6ebf1; } .category_post_container .et_pb_post { box-shadow: 0 7px 14px 0 rgba(50, 50, 93, .1), 0 3px 6px 0 rgba(0, 0, 0, .07); transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .category_post_container .et_pb_post:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } /* WP PageNavi */ .wp-pagenavi span.current { color: #ffffff !important; background-color: #5fc48c; border-radius: 2px } .wp-pagenavi a:hover { color: #5fc48c !important; } @media only screen and (max-width: 679px) { .wp-pagenavi span.pages, .wp-pagenavi a.last { display: block; } } /*Grid Layout Post Image Overlay Color*/ .alti_blog_grid .category-on-parle-de-alti-trading .et_overlay { background-color: rgba(95, 196, 140, 0.7) !important; } .alti_blog_grid .category-actu-bourse .et_overlay { background-color: rgba(38, 97, 157, 0.7) !important; } .alti_blog_grid .category-analyse-technique .et_overlay { background-color: rgba(252, 214, 105, 0.7) !important; } .alti_blog_grid .category-bon-a-savoir .et_overlay { background-color: rgba(138, 217, 69, 0.7) !important; } .alti_blog_grid .category-liste-courtiers .et_overlay { background-color: rgba(160, 173, 186, 0.7) !important; } .alti_blog_grid .category-debuter-en-bourse .et_overlay { background-color: rgba(67, 181, 229, 0.7) !important; } .alti_blog_grid .category-investir-dans-le-forexcfd .et_overlay { background-color: rgba(255, 158, 102, 0.7) !important; } a.lti_blog_grid .category-logiciels-trading .et_overlay { background-color: rgba(218, 0, 0, 0.7) !important; } .alti_blog_grid .category-psychologie-en-bourse .et_overlay { background-color: rgba(102, 102, 214, 0.7) !important; } .alti_blog_grid .category-voyage-style-de-vie .et_overlay { background-color: rgba(220, 137, 224, 0.7) !important; } .alti_blog_grid .category-temoignages .et_overlay { background-color: rgba(13, 245, 188, 0.7) !important; } .alti_blog_grid .category-cryptomonnaies .et_overlay { background-color: rgba(106, 94, 255, .7) !important; } /*category links (class generated by alti_trading_blog_customCategoryClass.js || alti_trading_bundle.js)*/ .blog-category_mental, .blog-category_analyseTechnique, .blog-category_logicielsTrading, .blog-category_actuBourse, .blog-category_debuterBourse, .blog-category_onParledAlti, .blog-category_bonSavoir, .blog-category_voyageStyle, .blog-category_logicielsTrading, .blog-category_forexCfd, .blog-category_borkersCourtiers, .blog-category_investirActions, .blog-category_temoignages, .blog-category_cryptomonnaies { font-family: 'LatoLatin-Bold'; font-weight: bold; font-size: 11px !important; text-decoration: none; padding: 7px 12px; border-radius: 5px; } .blog-category_cryptomonnaies { background: #6a5eff33; color: #6a5eff !important; } .blog-category_mental { background: #f7f4ff; color: #6666d6 !important; } .blog-category_analyseTechnique { background: #FFF9E9; color: #fcd669 !important; } .blog-category_logicielsTrading { background: #FFE2E2; color: #da0000 !important; } .blog-category_actuBourse { background: #E7F8FF; color: #205183 !important; } .blog-category_debuterBourse { background: #E8FEFF; color: #43b5e5 !important; } .blog-category_onParledAlti { background: #E1FFEE; color: #5fc48c !important; } .blog-category_bonSavoir { background: #E7FAD8; color: #8AD945 !important; } .blog-category_voyageStyle { background: #FFF2FD; color: #C989E0 !important; } .blog-category_logicielsTrading { background: #FFEDED; color: #da0000 !important; } .blog-category_forexCfd { background: #FFEBDF; color: #F9AE82 !important; } .blog-category_borkersCourtiers { background: #f5f9fc; color: #A0ADBA !important; } .blog-category_investirActions { color: #3be7a4 !important; background-color: #d4ffee; } .blog-category_temoignages { background: #e8fff2; color: #00cd87 !important; } /*------------------- END BLOG ----------------*/ /***********************************************/ /*************** $BLOG SINGLE POST *************/ /***********************************************/ article.post .single_post_main_content { padding-top: 0; } article.post .et_pb_section { padding-top: 0; } article.post .post-meta { display: inline-block; padding: 0 !important; margin: 0 0 15px 0 !important; } article.post .homeBlogPage_link { color: #666666; padding: 5px 5px 5px 0; transition: color .15s; } article.post .homeBlogPage_link:hover { color: #5fc48c; } @media (min-width: 0) { .single-post #left-area, .single-post .et_pb_post { margin-bottom: 0 !important; padding-bottom: 0 !important; } } @media (min-width:951px) { .single-post .et_post_meta_wrapper { max-width: 65%; } } /* Sticky Box */ .single_post_sticky_cta>.et_pb_column { box-shadow: 0px 11px 16px -10px rgba(50, 50, 93, .25), 0px 5px 4px -8px rgba(0, 0, 0, .3), 1px 0px 0px 0px rgba(0, 0, 0, .025), 0 0 10px rgba(0, 0, 0, .04); padding: 25px; border-radius: 4px; background-color: #ffffff; transition: all .3s ease; } .single_post_sticky_cta>.et_pb_column:hover { box-shadow: 0px 20px 20px -12px rgba(50, 50, 93, 0.25), 0px 7px 12px 1px rgba(18, 20, 71, 0.1); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .blog_cta_button { font-size: 12px !important; color: #ffffff !important; border-width: 0px; border-color: rgba(0, 0, 0, 0); border-radius: 4px; font-family: 'LatoLatin-Bold', Helvetica, Arial, Lucida, sans-serif !important; background-color: #5fc48c !important; } .blog_cta_button:after { line-height: 0.8em; font-size: 25px; } @media only screen and (min-width: 1200px) { .single_post_sticky_cta>div { top: 124px; } } @media only screen and (min-width: 951px) and (max-width:1199px) { .single_post_sticky_cta>div { top: 118px; } } @media only screen and (min-width: 951px) { .single-post article.post { position: relative; } .single_post_sticky_cta { bottom: 0; position: absolute; top: 0; right: 0; max-width: 35% !important; } .single_post_sticky_cta>.et_pb_column { margin-left: 20% !important; width: 80%; position: -webkit-sticky; position: sticky; margin-bottom: 100px; } article.post .single_post_sticky_cta .blog_cta_button { padding-top: 10px !important; padding-right: 20px !important; padding-bottom: 10px !important; padding-left: 20px !important; width: 100%; } } @media only screen and (min-width: 1029px) and (max-width: 1182px) { article.post .single_post_sticky_cta .blog_cta_button { padding-right: 10px !important; padding-left: 10px !important; font-size: 11px !important; } } .single_post_sticky_cta .et_pb_button { text-align: center; } /* Left Content */ .single-post article.post .single_post_main_content { display: inline-block; max-width: 65% !important; } @media (max-width:950px) { .single-post article.post .single_post_main_content { display: block; max-width: 100% !important; } .single_post_sticky_cta { position: unset; max-width: 500px !important; margin: 0 auto 100px auto; min-width: 255px; width: unset !important; } } /*---------------- END BLOG POST --------------*/ /***********************************************/ /************** $DEVENIR PARTENAIRE ************/ /***********************************************/ /***Header Background***/ #partenaire_heading_section { z-index: 1; } #partenaire_heading_section .stripeContainer { overflow: visible; } /*Stripes positions & colors*/ #partenaire_heading_section .stripe:nth-child(1) { grid-row-start: -2; grid-column: 16/span 2; background-color: #5fc48c; } #partenaire_heading_section .stripe:nth-child(2) { display: none; } #partenaire_heading_section .stripe:nth-child(3) { grid-row-start: -3; grid-column: 18/span 3; background-color: #6270fa; } #partenaire_heading_section .stripe:nth-child(4) { grid-row-start: -2; grid-column: 19/span 3; background-color: #d5dbe1; } #partenaire_heading_section .stripe:nth-child(5) { grid-row-start: -4; grid-column: 20/viewport-end; background-color: #0cb9fe; } #partenaire_heading_section .stripe:nth-child(6) { grid-row-start: -12; grid-column: 4/span 2; background-color: #f5f9fc; } #partenaire_heading_section .stripe:nth-child(7) { grid-row-start: -11; grid-column: 3/span 2; background-color: #86bbfc; } #partenaire_heading_section .stripe:nth-child(8) { grid-row-start: -10; grid-column: -6/-3; margin-top: -2px; border: 2px solid #f5f9fc; } #partenaire_heading_section .stripe:nth-child(9) { grid-row-start: -9; grid-column: -8/-5; border-bottom: none; background-color: #f5f9fc; } #partenaire_heading_section .stripe:nth-child(10) { grid-row-start: -4; grid-column: 3/span 3; background-color: #f5f9fc; } #partenaire_heading_section .stripe:nth-child(11) { grid-row-start: -5; grid-column: viewport-start/span 4; background-color: #205183; } #partenaire_heading_section .stripe:nth-child(12) { grid-row-start: -3; grid-column: 2/span 2; background-color: #69ebb8 } #partenaire_heading_section .stripe:nth-child(13) { grid-row-start: -2; grid-column: 3/span 2; border: 2px solid #f5f9fc; } /***Last Section Background***/ #partenaire_last_section .common-StripeGrid .stripeContainer { overflow: visible; } #partenaire_last_section .background { background-color: #f5f9fc; } /*Stripes positions & colors*/ #partenaire_last_section .stripe:nth-child(1) { grid-row-start: -9; grid-column: 19/viewport-end; border-top: none; background-color: #6270fa; } #partenaire_last_section .stripe:nth-child(2) { background-color: #86bbfc; grid-row-start: -8; grid-column: 18/span 3; } #partenaire_last_section .stripe:nth-child(3) { grid-row-start: -7; grid-column: viewport-start/span 3; background-color: #0cb9fe; } #partenaire_last_section .stripe:nth-child(4) { grid-row-start: -12; grid-column: 2/span 3; background-color: #5fc48c; -webkit-transform: translateY(-100%); transform: translateY(-100%); } #partenaire_last_section .stripe:nth-child(5) { grid-row-start: -4; grid-column: 21/span 2; border: 2px solid #aab7c4 } #partenaire_last_section .stripe:nth-child(6) { grid-row-start: -12; grid-column: 5/span 2; background-color: #69ebb8; } @media (max-width:980px) { #partenaire_header { flex-direction: column; } #partenaire_header .et_pb_text_inner, #partenaire_header .et_pb_text_inner h1 { text-align: center; } #partenaire_header .et_pb_column:last-child { margin-top: 30px; } #partenaire_header img { width: 100%; max-width: 500px; } #partenaire_header .et_pb_button_module_wrapper { text-align: center; } #partenaire_avantages .et_pb_text_inner { text-align: center; } #partenaire_avantages img { width: 100%; max-width: 55px; } #partenaire_avantages .et_pb_image:last-child { margin-right: auto !important; } #partenaire_last_section img { width: 100%; max-width: 70px; } #partenaire_last_section { padding-top: 50px; } #typing_effect_module .et_pb_code_inner>span { font-size: 25px; } } #typing_effect_module { height: 105px; } /*----------- END DEVENIR PARTENAIRE ----------*/ /***********************************************/ /***************** $WEBINAIRES *****************/ /***********************************************/ #webinaire_visual_container .webinaire_visual img { box-shadow: 0 13px 27px -5px rgba(50, 50, 93, .25), 0 8px 16px -8px rgba(0, 0, 0, .3), 0 -6px 16px -6px rgba(0, 0, 0, .025); transition: all .25s ease; } #webinaire_visual_container .webinaire_visual img:hover { box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025); -webkit-transform: translateY(-3px); transform: translateY(-3px); cursor: pointer !important; } /* POP UP */ #popmake-25138, #popmake-27395, #popmake-28645 { padding: 0; overflow: hidden; } .popup_webinaire_author_img { border-radius: 50%; background-color: #e6ebf1; } .webinaire_popup_content>.et_pb_row { width: 90%; } @media (max-width:980px) { .popup_webinaire_author, .popup_webinaire_cta_container { max-width: 500px; margin: 0 auto; } .popup_webinaire_title { text-align: center; } } /*---------------- END WEBINAIRES -------------*/ /***********************************************/ /************* $PROJETS HUMANITAIRES ***********/ /***********************************************/ /*rework Hum */ .bg_header_humanitaire_container { position: absolute !important; top: 0; } /*Containers + grid settings*/ #projetsHum_heading_section .largeBlended-StripeGrid { background: linear-gradient(20deg, #ffffff 0%, #3586ff8a 100%); } #projetsHum_heading_section .largeBlended-StripeGrid:before { content: ''; background: url(../../../images/humanitaire/alti-trading_humanitaire_header_img.jpg); background-repeat: no-repeat; grid-column: 1/ span 10; grid-row: 1 / 7; -webkit-transform: skewY(12deg); transform: skewY(12deg); -webkit-transform-origin: bottom left; transform-origin: bottom left; opacity: .2; -webkit-filter: grayscale(100%) contrast(120%); filter: grayscale(100%) contrast(170%); mix-blend-mode: screen; background-position: bottom; background-size: cover; } @media (max-width:479px) { #projetsHum_heading_section { min-height: 350px; } } /*Stripes positions & colors*/ #projetsHum_heading_section .largeBlended-StripeGrid span:nth-child(1) { background: linear-gradient(100grad, #ffffff00 5%, hsla(0, 0%, 100%, 0.12)15%); grid-row: 2; grid-column: 1/span 5; } #projetsHum_heading_section .largeBlended-StripeGrid span:nth-child(2) { background: linear-gradient(100grad, rgba(0, 119, 204, 0), rgba(0, 119, 204, .05) 40%, rgb(151, 175, 241)); grid-area: 3/span 3/auto/-1; } #projetsHum_heading_section .largeBlended-StripeGrid span:nth-child(3) { background: linear-gradient(100grad, #82b3e321 40%, hsla(0, 0%, 100%, 0)); grid-row: 3; grid-column: 1/span 5; } #projetsHum_heading_section .largeBlended-StripeGrid span:nth-child(4) { background: linear-gradient(100grad, rgba(0, 119, 204, 0) 10%, #c4dfffb8); grid-area: 4/span 5/auto/-1; } #projetsHum_heading_section .largeBlended-StripeGrid span:nth-child(5) { grid-area: auto/1/-1/-1; background: linear-gradient(100grad, #ffffff 10%, #61a7ff1c); } #projetsHum_school_section .et_pb_image_wrap { box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025); } #projetsHum_school_section #projetsHum_alexandre_leclair_signature .et_pb_image_wrap { box-shadow: none; } @media (max-width:980px) { #projetsHum_heading_video_section .et_pb_row { width: 90%; } #projets_humanitaires_price_section .et_pb_column { padding: 0; } #price_section_child_1, #price_section_child_2 { max-width: 550px; } #projets_humanitaires_price_section #price_section_child_1 { margin-top: -70px; } #projets_humanitaires_price_section #price_section_child_1 img { width: 680px !important; } #projets_humanitaires_price_section #price_section_child_2 { margin-bottom: -70px !important; } #projets_humanitaires_price_section #price_section_child_2 img { width: 560px !important; } } @media (max-width: 550px) { #projets_humanitaires_price_section>.et_pb_row { width: 90%; } #projets_humanitaires_price_section>.et_pb_row>.et_pb_column { margin-bottom: 0; } #projets_humanitaires_price_section .projetsHum_price_title { font-size: 45px; } #projetsHum_school_section .et_pb_row { width: 90%; } } @media (max-width: 450px) { #price_section_child_1 img { -webkit-transform: translateX(-10%); transform: translateX(-10%); } #price_section_child_2 img { -webkit-transform: translateX(-20%); transform: translateX(-20%); } } #projetsHum_act4world_container img { max-width: 300px; width: 100%; } #projets_humanitaires_price_section .price_section_child_container span { -webkit-transform: skewY(12deg); transform: skewY(12deg); } #price_section_child_1 span img { width: 700px !important; max-width: unset !important; } #price_section_child_2 img { max-width: unset !important; width: 125% !important; } /*LAST SECTION GROUP*/ #projets_humanitaires_pics_group #child_pic1 { width: 30% !important; position: absolute !important; right: 6%; bottom: -5%; height: 65%; z-index: 7; } #projets_humanitaires_pics_group #child_pic1 img { width: 450px; } #projets_humanitaires_pics_group #child_pic2 { width: 30% !important; position: absolute !important; left: 0; bottom: -60%; height: 60%; } #projets_humanitaires_pics_group #child_pic2 img { width: 400px; } #projets_humanitaires_pics_group #child_pic3 { width: 25% !important; position: absolute !important; top: -50%; right: 0; height: 55%; z-index: 6; } #projets_humanitaires_pics_group #child_pic3 img { width: 350px; } #projets_humanitaires_pics_group #child_pic4 { width: 55% !important; margin: auto; z-index: 4; } #projets_humanitaires_pics_group #child_pic4 img { width: 700px; } #projets_humanitaires_pics_group img { max-width: unset !important; } #projets_humanitaires_pics_group .child_pics_group span { -webkit-transform: skewY(12deg); transform: skewY(12deg); display: flex; justify-content: center; align-items: center; } #projets_humanitaires_pics_group .child_pics_group { box-shadow: 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3), 0 -12px 36px -8px rgba(0, 0, 0, .025); } /*---------- END PROJETS HUMANITAIRES ---------*/ /***********************************************/ /*********** $COMMENCER GRATUITEMENT ***********/ /***********************************************/ #commencer_gratuit_logo_alti .et_pb_image_wrap { margin-bottom: 50px; } #commencer_gratuit_logo_alti img { min-width: 250px; max-width: 300px; } @media (min-width:0) { #commencer_gratuit_form_container #commencer_gratuit_form [data-css="tve-u-45ced247d78005"] button { font-size: 20px !important; border-radius: 4px; background-color: #5fc48c !important; transition: all .15s ease !important; } #commencer_gratuit_form_container #commencer_gratuit_form input#inf_field_FirstName, #commencer_gratuit_form_container #commencer_gratuit_form input#inf_field_Email, #commencer_gratuit_form_container #commencer_gratuit_form input#inf_field_Phone1 { font-size: 15px; } } #commencer_gratuit_form_container #commencer_gratuit_form [data-css="tve-u-45ced247d78005"] button:hover { opacity: .8; } @media (max-width: 1039px) { #commencer_gratuit_form_container { flex-direction: column; } #commencer_gratuit_form { width: 90%; margin-right: 0; margin-bottom: 30px; } #commencer_gratuit_form .et_pb_code { margin-bottom: 15px; } #commencer_gratuit_messages { width: 90%; } } @media (max-width:479px) { #commencer_gratuit_form_container { width: 90%; } } /* Hide mobile Menu ShiftNav */ @media (max-width: 1199px) { body.page-id-24209 #shiftnav-toggle-main { display: none; } body.page-id-24209 { padding-top: 0 !important; } } @media (min-width:0) { .page-id-24209.et_fixed_nav.et_show_nav #page-container, .page-id-24209.et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container { padding-top: 0 !important; margin: 0 !important; } } /*--------- END COMMENCER GRATUITEMENT --------*/ /***********************************************/ /********************* $404 ********************/ /***********************************************/ @media (max-width:980px) { #text_404_col h1, #text_404_col p { text-align: center; } } /*------------------- END 404 -----------------*/ /***********************************************/ /***************** $PAGE NAVI ******************/ /***********************************************/ .wp-pagenavi { clear: both; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; } .wp-pagenavi span.current { font-weight: bold; } /*----------------- END PAGE NAVI -------------*/ /***********************************************/ /********************* $MODAL ******************/ /***********************************************/ .single-post #main-content a[href*=youtu], .single-post #main-content a[href*=vimeo], #main-content .et_media_vimeo, #main-content .et_media_youtube, .page-id-23257 .pum-container .et_pb_image a { display: block; position: relative; } .single-post #main-content a[href*=youtu] .et_pb_image_wrap, .single-post #main-content a[href*=vimeo] .et_pb_image_wrap, #main-content .et_media_vimeo .et_pb_image_wrap, #main-content .et_media_youtube .et_pb_image_wrap { width: 100%; } .single-post #main-content a[href*=youtu] img, .single-post #main-content a[href*=vimeo] img, #main-content .et_media_vimeo img, #main-content .et_media_youtube img { display: block; margin: 0; width: 100%; } .single-post #main-content a[href*=youtu]:after, .single-post #main-content a[href*=vimeo]:after, #main-content .et_media_vimeo:after, #main-content .et_media_youtube:after, .page-id-23257 .pum-container .et_pb_image a:after { background: rgba(0, 0, 0, 0); bottom: 0; content: ' '; display: block; left: 0; margin: 0; padding: 0; position: absolute; right: 0; transition: all 0.5s ease-in-out; top: 0; } .single-post #main-content a[href*=youtu]:hover:after, .single-post #main-content a[href*=vimeo]:hover:after, #main-content .et_media_vimeo:hover:after, #main-content .et_media_youtube:hover:after, .page-id-23257 .pum-container .et_pb_image a:hover:after { background-color: rgba(0, 0, 0, .6); } .single-post #main-content a[href*=youtu]:before, .single-post #main-content a[href*=vimeo]:before, #main-content .et_media_vimeo:before, #main-content .et_media_youtube:before, .page-id-23257 .pum-container .et_pb_image a:before { color: #fff; content: "\49"; display: block; font-family: "ETmodules"; font-size: 6rem; left: 50%; line-height: 6rem; margin: -3rem 0 0 -3rem; position: absolute; top: 50%; transition: color 0.5s ease-in-out; z-index: 100; } .single-post #main-content a[href*=youtu]:hover:before, .single-post #main-content a[href*=vimeo]:hover:before, #main-content .et_media_vimeo:hover:before, #main-content .et_media_youtube:hover:before, .page-id-23257 .pum-container .et_pb_image a:hover:before { color: #5fc48c; } body.has-mtsnb { float: none !important; } /*------------------- END MODAL ---------------*/ /***********************************************/ /******************* $TEAM *********************/ /***********************************************/ /* CARDS */ #team-card_wrapper { display: grid; grid-template-columns: 1fr 462px; overflow: visible; position: relative; } .selfStripeContainer { -webkit-transform: skewY(-12deg); transform: skewY(-12deg); position: absolute; height: 100%; z-index: -1; -webkit-transform-origin: 0 0; transform-origin: 0 0; overflow: visible; width: 462px; top: 0; right: 0; } .selfStripeContainer .innerStripeContainer { display: flex; flex-direction: column; height: 100%; } .selfStripeContainer .innerStripeContainer .stripe:nth-child(1) { position: absolute; display: block; width: 100vw; height: 64px; background: #AAB7C4; top: 268px; } .selfStripeContainer .innerStripeContainer .stripe:nth-child(2) { position: absolute; display: block; width: 574px; height: 64px; background: #6270FA; top: calc(268px + 64px); right: -85px; } .team-card_desc_wrapper { padding-right: 15%; } .team-card_card_wrapper { border-radius: 8px; box-shadow: 0 30px 60px -12px rgba(80, 106, 173, 0.25), 0 18px 36px -18px rgba(137, 136, 136, 0.3); overflow: hidden; height: 722px; align-self: center; } .team-card_img_ctn { height: 234px; text-align: center; padding-top: 20px; } .team-card_img { max-width: unset; /* Default : alex */ width: 244px; display: none; } .team-card_info_wrapper { min-height: 408px; position: relative; padding-top: 44px; } .team-card_info_wrapper, .team-card_info_wrapper * { transition: all .3s ease; } .team-card_info_wrapper:before { content: ''; width: 100%; height: 100%; background: #fff; display: block; position: absolute; top: 0; right: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: skewY(-12deg); transform: skewY(-12deg); } .team-card_name_ctn { z-index: 2; position: relative; display: flex; flex-direction: column; align-items: flex-end; padding-right: 30px; } .team-card_name { font-family: 'LatoLatin-Bold'; font-size: 30px; line-height: 36px; text-align: right; letter-spacing: -0.4px; color: #333333; } .team-card_tag { background: #007AFF; border-radius: 50px; padding: 3px 12px; font-family: 'LatoLatin-Bold'; font-size: 13px; line-height: 16px; letter-spacing: -0.4px; text-transform: uppercase; color: #FFFFFF; margin-top: 10px; margin-bottom: 13px; } .team-card_info_ctn { z-index: 2; position: relative; display: flex; flex-wrap: wrap; } .team-card_activity_ctn, .team-card_quote_ctn { width: 50%; } .team-card_activity_ctn { margin-top: 28px; } .team-card_splitter { border-top: 1px solid rgba(237, 243, 249); margin: 25px 30px; z-index: 2; width: 100%; } .team-card_logo { opacity: .85; width: 122px; margin: 0; padding: 0; } .team-card_logo_ctn { display: flex; border-radius: 50px; margin: 0 auto 20px; position: relative; z-index: 2; } .team-card_quote_ctn { position: relative; overflow: hidden; } .team-card_quote_bg { width: 100%; height: 290px; /*background: #F6F9FC;*/ background: linear-gradient(179.87deg, #f6f9fc 0%, #f6f9fc00 100%); box-shadow: inset 2px 2px 12px rgba(136, 165, 191, 0.3); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: skewY(-12deg); transform: skewY(-12deg); border-radius: 12px 0 0 0; position: absolute; top: 0; right: 0; z-index: 0 } .team-card_quote, .team-card_in_ctn { z-index: 2; position: relative; } .team-card_activity_item { display: flex; align-content: center; } .team-card_icon_ctn { display: flex; justify-content: flex-end; background: #FFE094; min-width: 51px; max-width: 61px; border-radius: 0 50px 50px 0; padding: 3px 3px 3px 0; } .team-card_icon { margin-left: 2vw; } .team-card_activity_name { margin-left: 10px; font-family: 'LatoLatin-Regular'; font-size: 20px; color: #92ACC4; } .team-card_activity_item:not(:last-child) { margin-bottom: 10px; } .team-card_in_ctn { /*background: #AEC0D1;*/ display: flex; justify-content: flex-start; min-width: 51px; max-width: 61px; border-radius: 50px 0 0 50px; padding: 3px 0 3px 3px; margin-left: auto; margin-top: 28px; transition: all .2s ease; height: 34px; position: relative; background: linear-gradient(181.04deg, #E8EDF1 1.58%, #FFFFFF 79.93%); box-shadow: -15px -6px 25px #FFFFFF, 2px 6px 12px rgba(168, 182, 209, 0.33); } .team-card_in_ctn:hover { background: #AEC0D1; box-shadow: -6px -6px 12px #FFFFFF, 2px 4px 12px rgba(138, 148, 168, 0.5), inset 4px 4px 15px rgba(113, 131, 158, 0.5); } .team-card_in_ctn, .team-card_in_ctn * { cursor: pointer; } .team-card_in.in_sd, .team-card_in.in_hv { border-radius: 50%; } .team-card_in.in_hv { height: 36px; position: absolute; top: 1px; left: 0px; visibility: hidden; transition: visibility 0s !important; } .team-card_in_ctn:hover .team-card_in.in_hv { visibility: visible; } .team-card_quote { margin-top: 26px; padding-top: 32px; padding-left: 30px; padding-right: 30px; position: relative; } .team-card_quote_ctn:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 110%); } .team-card_quote img { position: absolute; top: 0; left: 15px; } .team-card_quote em { font-family: 'LatoLatin-Italic'; font-style: italic; font-size: 18px; line-height: 24px; color: #6B7587; min-height: 48px; display: block; } .team-card_member_desc { margin: 40px 30px 0; position: relative; } .team-card_member_desc p { font-size: 16px; line-height: 22px; letter-spacing: -0.4px; color: #4D5C6D; padding-bottom: 0; } .team-card_member_desc p.member_desc_mobile { display: none; } .member-desc_anchor { position: absolute; top: 0; right: -30px; height: 100%; /* Default : alex */ background: #FFE094; width: 8px; border-radius: 4px 0 0 4px; } .team-card_card_wrapper { /* Default : alex */ background: radial-gradient(58.42% 58.42% at 50% 41.58%, #FEFFCA 0%, #FFE094 100%); align-self: center; } /* TRIGGERS */ #team-group_wrapper { display: grid; grid-template-columns: 1fr 1fr; margin-right: 100px; max-height: 722px; } .team-group_membre_img { width: 125px; height: 125px; overflow: hidden; border-radius: 50%; background: #eee; } .team-group_member_ctn { display: flex; flex-direction: column; justify-content: center; align-items: center; } .team-group_membre { display: flex; flex-direction: column; align-items: center; transition: border 0s !important; } .team-group_membre_img { width: 115px; height: 115px; overflow: hidden; border-radius: 50%; background: #eee; position: relative; } .team-group_membre_img img { position: absolute; max-width: unset; } .team-group_membre_name { margin-top: 8px; font-size: 18px; } .team-group_member_ctn * { transition: all .2s ease; } .team-group_member_ctn.member_active .team-group_membre_img, .team-group_member_ctn:hover .team-group_membre_img { box-shadow: 0px 2px 25px rgba(145, 148, 164, 0.74); } .member_active .team-group_membre_img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; } .team-group_member_alex.member_active .team-group_membre_img:after { border: 2px solid #ffd000; } .team-group_member_alex .team-group_membre_img { background: #FFE094; } .team-group_member_alex img { width: 111px; top: 12px; left: 2px; } .team-group_member_charles.member_active .team-group_membre_img:after { border: 2px solid #FF2CD0; padding: 0; } .team-group_member_charles .team-group_membre_img { background: #FFB7EF; } .team-group_member_charles img { width: 161px; top: 12px; left: -33px; } .team-group_member_antoine.member_active .team-group_membre_img:after { border: 2px solid #3A1AFF; padding: 0; } .team-group_member_antoine .team-group_membre_img { background: #969AF5; } .team-group_member_antoine img { width: 151px; top: 15px; left: -19px; } .team-group_member_charlene.member_active .team-group_membre_img:after { border: 2px solid #01d064; padding: 0; } .team-group_member_charlene .team-group_membre_img { background: #81EDA7; } .team-group_member_charlene img { width: 151px; top: 15px; left: -26px; } .team-group_member_geoff.member_active .team-group_membre_img:after { border: 2px solid #11B2F7; padding: 0; } .team-group_member_geoff .team-group_membre_img { background: #7EDBF5; } .team-group_member_geoff img { width: 154px; top: 15px; left: -29px; } .team-group_member_matt.member_active .team-group_membre_img:after { border: 2px solid #FF9F2E; padding: 0; } .team-group_member_matt .team-group_membre_img { background: #FFC794; } .team-group_member_matt img { width: 156px; top: 15px; left: -18px; } .team-group_member_ph.member_active .team-group_membre_img:after { border: 2px solid #FF557E; padding: 0; } .team-group_member_ph .team-group_membre_img { background: #FF88AC; } .team-group_member_ph img { width: 162px; top: 15px; left: -22px; } .team-group_member_youyou.member_active .team-group_membre_img:after { border: 2px solid #0286FF; padding: 0; } .team-group_member_youyou .team-group_membre_img { background: #7BB7FE; } .team-group_member_youyou img { width: 171px; top: 9px; left: -32px; } .team-group_member_ctn:hover { cursor: pointer; } @media (max-width:1199px) { #team-group_wrapper { margin-right: 45px } } @media (max-width:1050px) { .team-group_member_ctn:nth-child(odd) { align-items: flex-start; } .team-group_member_ctn:nth-child(even) { align-items: flex-start; } } @media (max-width:1000px) { .team-group_member_ctn:nth-child(even) { align-items: flex-end; } } @media (max-width:979px) { #team-card_main_row { width: 90%; } .team-group_member_ctn:nth-child(even) { align-items: flex-start; } } @media (max-width:879px) { .team-group_member_ctn:nth-child(even) { align-items: flex-end; } } @media (max-width:875px) { .team-group_membre_img { width: 90px; height: 90px; } .team-group_member_alex img { width: 92px; top: 10px; left: 0; } .team-group_member_charles img { width: 143px; top: 10px; left: -35px; } .team-group_member_antoine img { width: 132px; top: 9px; left: -24px; } .team-group_member_charlene img { width: 136px; top: 12px; left: -29px; } .team-group_member_geoff img { width: 132px; top: 7px; left: -29px; } .team-group_member_matt img { width: 136px; top: 8px; left: -23px; } .team-group_member_ph img { width: 142px; top: 8px; left: -25px; } .team-group_member_youyou img { width: 149px; top: 3px; left: -35px; } .team-group_member_ctn:nth-child(even) { align-items: flex-end; } } @media (max-width:813px) { #team-card_wrapper { grid-template-columns: 78px 462px; grid-column-gap: 6vw; } #team-card_main_row .et_pb_code_inner { display: flex; flex-direction: column; align-items: center; } #team-group_wrapper { grid-template-columns: 1fr; } .team-group_membre_name { display: none; } #team-group_wrapper { margin-right: 0; } #team-group_wrapper .team-group_member_ctn { align-items: center; justify-content: center; margin: 0 0 15px 0; } #team-group_wrapper .team-group_member_ctn:last-child { margin: 0; } .team-group_membre_img { width: 78px; height: 78px; } .team-group_member_alex img { width: 79px; top: 6px; left: 0; } .team-group_member_charles img { width: 132px; top: 6px; left: -35px; } .team-group_member_antoine img { width: 119px; top: 9px; left: -22px; } .team-group_member_charlene img { width: 114px; top: 6px; left: -24px; } .team-group_member_geoff img { width: 120px; top: 7px; left: -29px; } .team-group_member_matt img { width: 118px; top: 8px; left: -19px; } .team-group_member_ph img { width: 121px; top: 8px; left: -20px; } .team-group_member_youyou img { width: 125px; top: 3px; left: -28px; } .member_active .team-group_membre:before { content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 100%; top: 50%; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg) translate(-91%, 26%); transform: rotate(45deg) translate(-91%, 26%); border-radius: 4px; } .team-group_member_alex.member_active .team-group_membre:before { background: #ffd000; } .team-group_member_charles.member_active .team-group_membre:before { background: #FF2CD0; } .team-group_member_antoine.member_active .team-group_membre:before { background: #3A1AFF; } .team-group_member_charlene.member_active .team-group_membre:before { background: #01d064; } .team-group_member_geoff.member_active .team-group_membre:before { background: #11B2F7; } .team-group_member_matt.member_active .team-group_membre:before { background: #FF9F2E; } .team-group_member_ph.member_active .team-group_membre:before { background: #FF557E; } .team-group_member_youyou.member_active .team-group_membre:before { background: #0286FF; } .team-group_member_ctn.member_active .team-group_membre, .team-group_member_ctn:hover .team-group_membre { box-shadow: 0px 2px 25px rgba(145, 148, 164, 0.74); position: relative; border-radius: 50%; transition: none; } .team-group_member_ctn.member_active .team-group_membre_img, .team-group_member_ctn:hover .team-group_membre_img { box-shadow: none; } } /* Tablet Large */ @media (max-width:736px) { .team-card_card_wrapper { height: 655px; } #team-card_wrapper { grid-template-columns: 68px 415px; grid-column-gap: 4vw } #team-card_wrapper, #team-group_wrapper { height: 655px; } #team-group_wrapper { /*grid-auto-rows: 1fr;*/ justify-content: space-between; display: flex; flex-direction: column; } .team-card_img_ctn { height: 196px; text-align: center; padding-top: 17px; } .team-card_info_wrapper { height: calc(655px - 196px); } .team-card_name_ctn { padding-right: 22px; } .team-card_name { font-size: 26px; } .team-card_tag { margin-top: 4px; } .team-card_quote_ctn { width: 198px; margin-left: auto; } .team-card_activity_ctn { width: unset; } .team-card_activity_name { font-size: 18px; } .team-card_quote_bg { height: 190px; } .team-card_quote em { font-size: 16px; line-height: 19px; min-height: 38px; } .team-card_quote img { width: 54px; } .team-card_quote { margin-top: 8px; padding: 30px 24px 0 } .team-card_icon_ctn { width: 58px; } .team-card_member_desc { margin: 48px 22px 0; } .team-card_member_desc p { font-size: 15px; line-height: 130%; } .member-desc_anchor { right: -22px; } .team-card_splitter { margin: 24px 22px; } .team-card_logo_ctn { margin: 0 auto 19px; } .team-group_membre_img { width: 68px; height: 68px; } .team-card_in.in_hv { width: 36px; height: 36px; } .selfStripeContainer { width: 415px; } .team-group_member_alex img { width: 72px; top: 6px; left: -2px; } .team-group_member_charles img { width: 118px; top: 5px; left: -32px; } .team-group_member_antoine img { width: 108px; top: 5px; left: -22px; } .team-group_member_charlene img { width: 104px; top: 6px; left: -24px; } .team-group_member_geoff img { width: 110px; top: 4px; left: -29px; } .team-group_member_matt img { width: 108px; top: 5px; left: -20px; } .team-group_member_ph img { width: 115px; top: 5px; left: -22px; } .team-group_member_youyou img { width: 115px; top: 3px; left: -27px; } } /* Tablet Small */ @media (max-width: 650px) { #team-card_wrapper { grid-template-columns: 60px 370px; } #team-card_wrapper, .team-card_card_wrapper, #team-group_wrapper { height: 582px; } .team-group_membre_img { width: 60px; height: 60px; } .team-card_img_ctn { height: 168px; } .team-card_activity_name { font-size: 15px; } .team-card_name_ctn { padding-right: 18px; } .team-card_icon { width: 26px; } .team-card_icon_ctn { width: 52px; } .team-card_quote_ctn { width: 180px; } .team-card_tag { padding: 2px 8px; font-size: 11px; } .team-card_name { font-size: 26px; line-height: 31px; } .team-card_in.in_sd { height: 26px; width: 26px; opacity: 0.99; } .team-card_in_ctn { width: 52px; } .team-card_quote img { width: 48px; } .team-card_quote { margin-top: 3px; padding: 25px 20px 0; } .team-card_quote em { font-size: 15px; line-height: 18px; min-height: 36px; } .team-card_member_desc { margin: 35px 18px 0; } .team-card_member_desc p { font-size: 14px; line-height: 125%; } .member-desc_anchor { right: -18px; } .team-card_splitter { margin: 18px 18px; } .team-card_info_wrapper { height: calc(582px - 170px); } /* .team-card_img_ctn { max-height: 170px; } */ .team-card_logo { width: 117px; } .selfStripeContainer { width: 370px; } .team-group_member_alex img { width: 64px; top: 4px; left: 0px; } .team-group_member_charles img { width: 105px; top: 3px; left: -29px; } .team-group_member_antoine img { width: 96px; top: 5px; left: -20px; } .team-group_member_charlene img { width: 92px; top: 6px; left: -22px; } .team-group_member_geoff img { width: 94px; top: 4px; left: -23px; } .team-group_member_matt img { width: 97px; top: 4px; left: -18px; } .team-group_member_ph img { width: 102px; top: 5px; left: -20px; } .team-group_member_youyou img { width: 104px; top: 3px; left: -25px; } } /* Phone Large */ @media (max-width:570px) { #team-card_wrapper { grid-template-columns: 45px 277px; } #team-card_wrapper, .team-card_card_wrapper, #team-group_wrapper { height: 480px; } .team-group_membre_img { width: 45px; height: 44px; } .team-card_img_ctn { padding-top: 10px; } .member_active .team-group_membre:before { -webkit-transform: rotate(45deg) translate(-100%, 30%); transform: rotate(45deg) translate(-100%, 30%); } .team-card_img_ctn { height: 143px; } .team-card_info_wrapper { height: calc(480px - 143px); } .team-card_name { font-size: 19px; line-height: 23px; } .team-card_name_ctn { padding-right: 16px; } .team-card_tag { font-size: 10px; line-height: 12px; padding: 2px 8px; margin-top: 5px; margin-bottom: 0; } .team-card_info_wrapper { padding-top: 33px; } .team-card_activity_ctn { margin-top: 21px; } .team-card_icon { width: 24px; } .team-card_icon_ctn { width: 50px; padding: 2px 2px 2px 0; } .team-card_activity_item:not(:last-child) { margin-bottom: 8px; } .team-card_activity_name { font-size: 16px; line-height: 19px; } .team-card_quote_ctn { overflow: visible; } .team-card_quote, .team-card_quote_bg { display: none; } .team-card_quote_ctn { width: 52px; margin: auto 0 auto auto; } .team-card_member_desc p { font-size: 12px; line-height: 125%; } .team-card_member_desc { margin: 26px 16px 0; } .team-card_member_desc p.member_desc { display: none; } .team-card_member_desc p.member_desc_mobile { display: block; } .team-card_splitter { margin: 18px 19px; } .team-card_logo { width: 84px; } .team-card_logo_ctn { margin: 0 auto 12px; } .selfStripeContainer { width: 277px; } .team-group_member_alex img { width: 46px; top: 4px; left: 0px; } .team-group_member_charles img { width: 74px; top: 3px; left: -19px; } .team-group_member_antoine img { width: 71px; top: 3px; left: -14px; } .team-group_member_charlene img { width: 69px; top: 4px; left: -15px; } .team-group_member_geoff img { width: 72px; top: 3px; left: -18px; } .team-group_member_matt img { width: 71px; top: 4px; left: -12px; } .team-group_member_ph img { width: 77px; top: 3px; left: -14px; } .team-group_member_youyou img { width: 77px; top: 1px; left: -18px; } } /* Phone Small */ @media (max-width:400px) { #team-card_wrapper { grid-template-columns: 40px 250px; } .team-group_membre_img { width: 40px; height: 40px; } .member_active .team-group_membre:before { -webkit-transform: rotate(44deg) translate(-100%, 28%); transform: rotate(44deg) translate(-100%, 28%); width: 24px; height: 24px; } #team-card_wrapper, .team-card_card_wrapper, #team-group_wrapper { height: 438px; } .team-card_card_wrapper { height: auto; min-height: 438px; } .team-card_name { font-size: 17px; line-height: 20px; } .team-card_tag { font-size: 9px; line-height: 11px; margin-top: 3px; } .team-card_info_wrapper { padding-top: 28px; height: auto; min-height: 1px; } .team-card_activity_ctn { margin-top: 13px; } .team-card_activity_name { font-size: 15px; line-height: 18px; padding-top: 6px; } .team-card_member_desc { margin: 19px 16px 0; } .team-card_splitter { margin: 13px 16px; } .selfStripeContainer { width: 250px; } .team-group_member_alex img { width: 42px; top: 3px; left: 0px; } .team-group_member_charles img { width: 69px; top: 2px; left: -18px; } .team-group_member_charlene img { width: 61px; top: 3px; left: -13px; } .team-group_member_antoine img { width: 65px; top: 3px; left: -13px; } .team-group_member_geoff img { width: 67px; top: 2px; left: -18px; } .team-group_member_matt img { width: 68px; top: 3px; left: -13px; } .team-group_member_ph img { width: 71px; top: 2px; left: -14px; } .team-group_member_youyou img { width: 72px; top: 1px; left: -18px; } } /* BG */ #team-card_section { background-color: transparent !important; padding: 0; /*z-index: 2;*/ } #team-card_section .common-StripeGrid .backgroundContainer { overflow: hidden; } #team-card_section .common-StripeGrid .stripeContainer { bottom: 0; } #team-card_section .common-StripeGrid .stripeContainer { overflow: visible; height: calc(var(--stripe-height) * 17); } #team-card_section .common-StripeGrid .backgroundContainer .grid { height: 100%; } #team-card_section .common-StripeGrid .backgroundContainer .background { background: #E9ECF5; height: calc(var(--stripe-height) * 14); } #team-card_main_row { padding-top: 154px; padding-bottom: 50px; } #team-card_section .stripeContainer span:nth-child(1) { grid-row: -15; grid-column: viewport-start/span 5; background-color: #69EBB8; } #team-card_section .stripeContainer span:nth-child(2) { grid-row: -16; grid-column: 2/span 6; background-color: #86BBFC; } #team-card_section .stripeContainer span:nth-child(6) { grid-row: -6; grid-column: viewport-start/span 2; background-color: #0CB9FE; } #team-card_section .stripeContainer span:nth-child(7) { grid-row: -5; grid-column: 3/span 3; border: 2px solid #aab7c4; } #team-card_section .stripeContainer span:nth-child(8) { grid-row: -4; grid-column: 2/span 3; background-color: #205183; } #team-card_section .stripeContainer span:nth-child(9) { grid-row: -2; grid-column: 16 / 19; border: 2px solid #aab7c4; } #team-card_section .stripeContainer span:nth-child(10) { grid-row: -3; grid-column: 19 / 21; background: #86BBFC; } @media (max-width:1050px) { .selfStripeContainer .innerStripeContainer .stripe:nth-child(2) { width: 156px; } } @media (max-width:736px) { #team-card_main_row { padding-top: 55px; } .selfStripeContainer .innerStripeContainer .stripe:nth-child(2) { right: -61px; } #team-card_section .stripeContainer span:nth-child(2) { grid-row: -14; } #team-card_section .stripeContainer span:nth-child(3) { grid-row: -13; grid-column: 2/span 5; background-color: #69EBB8; } .selfStripeContainer .innerStripeContainer .stripe:nth-child(1) { top: 220px; } .selfStripeContainer .innerStripeContainer .stripe:nth-child(2) { top: calc(220px + 64px); } } @media (max-width:669px) { #team-card_section .common-StripeGrid .backgroundContainer .background { height: calc(var(--stripe-height) * 15); } #team-card_section .stripeContainer span:nth-child(2) { grid-row: -18; } .selfStripeContainer .innerStripeContainer .stripe:nth-child(1) { width: 200vw; left: 150px; } #team-card_section .stripeContainer span:nth-child(3) { grid-row: -17; grid-column: 2/span 5; background-color: #69EBB8; } } @media (max-width:650px) { #team-card_section .stripeContainer span:nth-child(2) { grid-row: -17; } #team-card_section .stripeContainer span:nth-child(2) { grid-row: -17; } #team-card_section .stripeContainer span:nth-child(3) { grid-row: -16; } .selfStripeContainer .innerStripeContainer .stripe:nth-child(1) { top: 199px; height: 48px; } .selfStripeContainer .innerStripeContainer .stripe:nth-child(2) { height: 48px; top: 247px; } } @media (max-width:570px) { .selfStripeContainer .innerStripeContainer .stripe:nth-child(1), .selfStripeContainer .innerStripeContainer .stripe:nth-child(2), #team-card_section .stripeContainer span:nth-child(3), #team-card_section .stripeContainer span:nth-child(9) { display: none; } #team-card_section .common-StripeGrid .backgroundContainer .background { grid-row: 2/-1; } #team-card_section .common-StripeGrid .backgroundContainer .background { height: calc(var(--stripe-height) * 13); } #team-card_section .stripeContainer span:nth-child(2) { display: none; } #team-card_section .common-StripeGrid .backgroundContainer .background { grid-row: 1/-1; } } /*-------------------- END TEAM ---------------*/ /***********************************************/ /****************** $FORMS *********************/ /***********************************************/ .et-db #et-boc .et-l .et_pb_module ._form_element { margin: 0 0 10px 0; padding: 0; } .et-db #et-boc .et-l .et_pb_module ._form_element ._form-label, .et-db #et-boc .et-l .et_pb_module ._form_element ._error { display: block; left: -9999px; position: absolute; top: -9999px; } .et-db #et-boc .et-l .et_pb_module ._form_element ._field-wrapper { display: block; position: relative; width: 100%; } .et-db #et-boc .et-l .et_pb_module ._form_element ._field-wrapper input { background: #fff; border: 1px solid #E7E9EC; border-radius: 4px; color: var(--text-strong-gray); font-size: 16px; height: auto !important; line-height: normal; margin: 0; min-height: 40px; max-height: none; padding: 0 35px; width: 100%; } @media screen and (max-width: 489px) { .et-db #et-boc .et-l .et_pb_module ._form_element ._field-wrapper input { padding: 0 15px; } } @media (max-width: 543px) { .bb-grid { margin: 0; } } .et-db #et-boc .et-l .et_pb_module .ui-state-error ._field-wrapper input { border-color: var(--global-red); } .et-db #et-boc .et-l .et_pb_module ._button-wrapper { margin: 0 0 10px 0; padding: 10px 0 0 0; } .et-db #et-boc .et-l .et_pb_module ._button-wrapper input, .et-db #et-boc .et-l .et_pb_module ._button-wrapper button { background: var(--brand-at-primary-green); border: 0; border-radius: 4px; box-shadow: none; color: #fff; font-family: 'LatoLatin-Regular', Helvetica, Arial, Lucida, sans-serif; font-size: 16px; height: 50px; line-height: 50px; margin: 0; padding: 0; text-align: center; text-shadow: none; text-transform: uppercase; width: 100%; } .et-db #et-boc .et-l .et_pb_module ._field-wrapper input::-webkit-input-placeholder, .et-db #et-boc .et-l .et_pb_module ._field-wrapper input select::-webkit-input-placeholder, .et-db #et-boc .et-l .et_pb_module ._field-wrapper input textarea::-webkit-input-placeholder { color: #c3c6c9; } @media screen and (min-width: 1200px) { .et-db #et-boc .et-l .et_pb_module.alti_form_inline ._form-content { display: flex; justify-content: center; } .et-db #et-boc .et-l .et_pb_module.alti_form_inline ._form_element, .et-db #et-boc .et-l .et_pb_module.alti_form_inline ._button-wrapper { padding-top: 0; } .et-db #et-boc .et-l .et_pb_module.alti_form_inline ._form_element, .et-db #et-boc .et-l .et_pb_module.alti_form_inline ._button-wrapper { padding: 0 10px; } .et-db #et-boc .et-l .et_pb_module.alti_form_inline ._field-wrapper input[type="text"], .et-db #et-boc .et-l .et_pb_module.alti_form_inline ._button-wrapper button { height: 50px; line-height: 50px; padding: 0 28px; } } /*-------------------- END FORMS ---------------*/ /*=============================================*/ /*---------------- END STYLE SHEET ------------*/ /*=============================================*/