/*!------------------------------------------------------------------ [MAIN STYLESHEET] PROJECT: Project Name VERSION: Version Number -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [TABLE OF CONTENTS] -------------------------------------------------------------------*/ .test { background: none; } .breaker { clear: both; } /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } @font-face { font-family: "Serif Font"; src: url("fonts/feijoa-medium.woff2") format("woff2"), url("fonts/Feijoa-Medium.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Serif Font"; src: url("fonts/feijoa-medium-italic.woff2") format("woff2"), url("fonts/Feijoa-MediumItalic.otf") format("opentype"); font-weight: normal; font-style: italic; } body { line-height: 1.3; font-family: "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; color: #555555; word-spacing: -0.05em; word-spacing: -0.025em; letter-spacing: 0; font-size: 1.35vw; } @media (max-width: 1190px) { body { font-size: 16.065px; } } @media (max-width: 1050px) { body { font-size: 15px; } } @media (max-width: 490px) { body { font-size: 14px; } } p, .paragraph, blockquote { line-height: 1.33; font-family: "Open Sans", sans-serif, "Bitter", serif; -webkit-font-smoothing: antialiased; color: #555555; word-spacing: -0.05em; letter-spacing: 0; font-size: 1.35vw; font-family: "Open Sans", serif; letter-spacing: -0.012em; } @media (max-width: 1190px) { p, .paragraph, blockquote { font-size: 16.065px; } } @media (max-width: 1050px) { p, .paragraph, blockquote { font-size: 15px; } } @media (max-width: 490px) { p, .paragraph, blockquote { font-size: 14px; } } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; line-height: 1.2; word-spacing: -0.065em; font-family: "Open Sans"; } h1, .h1 { line-height: 1 !important; letter-spacing: -0.02em; word-spacing: -0.08em; font-weight: 900 !important; text-transform: uppercase; font-size: 60px; } @media (max-width: 590px) { h1, .h1 { font-size: 32px; } } .menu_container .main_nav ul li a, .stats_grid h3 { line-height: 0.85 !important; letter-spacing: -0.04em; word-spacing: -0.08em; font-weight: 900 !important; text-transform: uppercase; font-size: 5vw; } @media (max-width: 990px) { .menu_container .main_nav ul li a, .stats_grid h3 { font-size: 6vw; } } @media (max-width: 590px) { .menu_container .main_nav ul li a, .stats_grid h3 { font-size: 10vw; } } h2, .h2 { line-height: 1 !important; letter-spacing: -0.02em; word-spacing: -0.08em; font-weight: 900 !important; text-transform: uppercase; font-size: 34px; } @media (max-width: 1390px) { h2, .h2 { font-size: 30px; } } @media (max-width: 590px) { h2, .h2 { font-size: 28px; } } h2.mega, .h2.mega { font-size: 10vw; color: #5366E0; } @media (max-width: 990px) { h2.mega, .h2.mega { font-size: 100px; } } @media (max-width: 590px) { h2.mega, .h2.mega { font-size: 60px; } } h3, .h3 { font-size: 3.2vw; font-weight: 900; text-transform: uppercase; letter-spacing: -0.03em; line-height: 0.92; } @media (max-width: 1190px) { h3, .h3 { font-size: 35.7px; } } @media (max-width: 590px) { h3, .h3 { font-size: 31px; } } @media (max-width: 450px) { h3, .h3 { font-size: 28px; } } h4, .h4 { font-family: "Open Sans", sans-serif, "Bitter", serif; font-size: 2.25vw; font-weight: 300; } @media (max-width: 1190px) { h4, .h4 { font-size: 26.775px; } } @media (max-width: 590px) { h4, .h4 { font-size: 22px; } } h5, .h5 { font-size: 18px; } @media (max-width: 575px) { h5, .h5 { font-size: 16px; } } h6, .h6 { font-size: 16px; } @media (max-width: 575px) { h6, .h6 { font-size: 14px; } } blockquote { background: #f5f5f8; padding: 30px; border-left: 3px solid #222222; margin: 15px 0; } .label { text-transform: uppercase; font-weight: 700; letter-spacing: -0.02em; } ul { font-family: "Open Sans", sans-serif, "Bitter", serif; list-style-type: none; padding-left: 0; } ul li { position: relative; padding-left: 2vw; padding-bottom: 0.5vw; } @media (max-width: 990px) { ul li { padding-bottom: 5px; padding-left: 15px; } } ul li:before { content: ""; position: absolute; left: 0; top: 0.9vw; width: 0.5vw; height: 0.5vw; background-color: #5366E0; border-radius: 50%; transform: translate(0, -50%); } @media (max-width: 990px) { ul li:before { top: 9px; width: 5px; height: 5px; } } ul li:last-of-type { padding-bottom: 0; } table { font-family: "Open Sans", sans-serif, "Bitter", serif; } table tbody tr td { padding: 1vw; background: #faf9f7; border: 1px solid white !important; } @media (max-width: 990px) { table tbody tr td { padding: 8px 7px; } } table tbody tr:nth-of-type(1) td { color: white; background: #232433 !important; } table tbody tr:nth-child(odd) td { background: white; } /* Navigation */ .top-header { font-size: 16px; font-weight: 500; } .custom-breadcrumns { font-size: 17px; } .generaltext { color: white; } .generaltext p, .generaltext em, .generaltext strong, .generaltext li, .generaltext a { color: rgba(255, 255, 255, 0.8); } /* Text Editor */ .text_editor { word-spacing: -0.025em; } .text_editor .h1, .text_editor .h2, .text_editor .h3, .text_editor .h4, .text_editor .h5, .text_editor .h6, .text_editor h1, .text_editor h2, .text_editor h3, .text_editor h4, .text_editor h5, .text_editor h6, .text_editor p { margin-bottom: 1vw; word-spacing: -0.025em; } .text_editor p { margin-bottom: 1vw; } .text_editor h1 { font-size: 3vw; } @media (max-width: 590px) { .text_editor h1 { font-size: 30px; } } .text_editor h2 { font-size: 2.3vw; color: black; } @media (max-width: 1050px) { .text_editor h2 { font-size: 24.15px; } } .text_editor h3 { font-size: 1.95vw; line-height: 1.3; } @media (max-width: 1050px) { .text_editor h3 { font-size: 20.475px; } } .text_editor h4 { font-size: 1.6vw; line-height: 1.3; color: black; font-weight: bold; margin-top: 2vw; } @media (max-width: 590px) { .text_editor h4 { font-size: 22px; } } .text_editor hr { margin-top: 2vw; border-top: 1px solid black; background-color: transparent; } .text_editor blockquote p { width: 93%; margin: 0; } .text_editor table { width: 100% !important; max-width: 100% !important; margin-top: 4vw; background-color: #fafafa; border: none !important; } .text_editor table tr:first-of-type { background: #333333; color: white; } .text_editor table tr:nth-child(even) { background-color: #f2f2f2; } .text_editor table tr td { padding: 0.7em 0.7em 0.7em 0.7em; border: none; vertical-align: top; } .text_editor figure { position: relative; } .text_editor figure figcaption { position: absolute; bottom: 0; left: 0; margin: 0 !important; padding: 6px 11px; font-size: 14px; color: white; background: black; max-width: 90%; } .text_editor span.detail_theme_spacer { margin-top: 40px; display: block; } .text_editor p a, .text_editor table a, .text_editor h2 a, .text_editor h3 a, .text_editor h4 a { position: relative; border-bottom: 1px solid #ccc; padding-left: 1px !important; padding-right: 1px !important; margin-left: -1px !important; margin-right: -1px !important; display: inline-block; font-size: inherit; padding-bottom: 0px; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; color: #7e7e7e; } .text_editor p a:after, .text_editor table a:after, .text_editor h2 a:after, .text_editor h3 a:after, .text_editor h4 a:after { content: ""; display: block; border-bottom: 1px solid #000; width: 0%; position: absolute; left: 0; bottom: -1px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .text_editor p a:hover, .text_editor table a:hover, .text_editor h2 a:hover, .text_editor h3 a:hover, .text_editor h4 a:hover { color: #757575; } .text_editor p a:hover:after, .text_editor table a:hover:after, .text_editor h2 a:hover:after, .text_editor h3 a:hover:after, .text_editor h4 a:hover:after { width: 100%; } .text_editor p a.media-img, .text_editor a.media-img { transition: all ease-in-out 0.25s; border-bottom: none; opacity: 1; } .text_editor p a.media-img:after, .text_editor a.media-img:after { display: none; } .text_editor p a.media-img:hover, .text_editor a.media-img:hover { opacity: 0.5; } .text_editor h2 a, .text_editor h4 a { color: black; } .text_editor h3 a { color: #555555; } .text_editor ul { margin-bottom: 1rem; list-style: none; padding-left: 28px; } @media (max-width: 590px) { .text_editor ul { padding-left: 24px; } } .text_editor ul li { margin-bottom: 0.5rem; line-height: 1.4; } .text_editor ul li:before { content: ""; color: #cccccc; font-weight: bold; display: inline-block; margin-left: -28px; width: 20px; height: 2px; background: #06BFB3; margin-right: 7px; top: -5px; position: relative; } @media (max-width: 590px) { .text_editor ul li:before { width: 14px; top: -4px; margin-left: -24px; } } .text_editor ul li a { position: relative; border-bottom: 1px solid #ccc; padding-left: 1px !important; padding-right: 1px !important; margin-left: -1px !important; margin-right: -1px !important; display: inline-block; font-size: inherit; padding-bottom: 1px; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; color: #7e7e7e; } .text_editor ul li a:after { content: ""; display: block; border-bottom: 1px solid #000; width: 0%; position: absolute; left: 0; bottom: -1px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .text_editor ul li a:hover { color: #757575; } .text_editor ul li a:hover:after { width: 100%; } @media (max-width: 590px) { .text_editor .alignright { margin-left: 0; float: left; margin-right: 15px; } } .text_editor .fix_image { min-width: 100%; height: auto; } .text_editor .hover-shadow { box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.045); } .text_editor .attachement { width: 100%; padding-left: 0 !important; margin-top: 1.5vw; } .text_editor .attachement li:before { display: none; } /* /page title */ .list-styled { padding-left: 25px; } .list-styled li { position: relative; margin-bottom: 15px; } .list-styled li::before { position: absolute; content: ""; height: 10px; width: 10px; border-radius: 50%; background: #cccccc; left: -25px; top: 5px; } textarea.form-control { height: 200px; padding: 20px; } /* /page title */ .fun_facts h1, .fun_facts h2, .fun_facts h3, .fun_facts h4, .fun_facts h5 { font-family: "Open Sans", sans-serif; font-weight: normal; } .fun_facts h2 { font-size: 3.3em; } .fun_facts h5 { font-size: 0.8em; font-weight: bold; } a.text-color:visited [class^=ti-], a.text-color:visited [class*=" ti-"] { color: #757575; } a.play-btn:visited [class^=ti-], a.play-btn:visited [class*=" ti-"] { color: #ffffff; } .amber_container { padding: 3.5vw !important; } .amber_container_small { padding: 3.5vw 3.2vw !important; } .amber_container.flush { padding: 0 !important; } .amber_container.grid { padding: 3.5vw 2.5vw !important; } .globalpaddingleft { padding-left: 1.3vw !important; } @media (min-width: 1790px) { .globalpaddingleft { padding-left: 23.27px !important; } } @media (max-width: 1090px) { .globalpaddingleft { padding-left: 20px !important; } } @media (max-width: 890px) { .globalpaddingleft { padding-left: 19px !important; } } @media (max-width: 750px) { .globalpaddingleft { padding-left: 16px !important; } } .globalpaddingright { padding-right: 1.3vw; } @media (min-width: 1790px) { .globalpaddingright { padding-right: 23.27px; } } @media (max-width: 1090px) { .globalpaddingright { padding-right: 20px; } } @media (max-width: 890px) { .globalpaddingright { padding-right: 19px; } } @media (max-width: 750px) { .globalpaddingright { padding-right: 16px; } } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding: 1.3vw; float: left; margin: 0; flex-shrink: 0; } @media (min-width: 1790px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding: 23.27px; } } @media (max-width: 1090px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding: 20px; } } @media (max-width: 890px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding: 19px; } } @media (max-width: 750px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { padding: 16px; } } .col1.flush, .col2.flush, .col3.flush, .col4.flush, .col5.flush, .col6.flush, .col7.flush, .col8.flush, .col9.flush, .col10.flush, .col11.flush, .col12.flush { padding: 0; } .col1 { width: 8.3333333333%; } @media (max-width: 590px) { .col1 { width: 100%; } } .col2 { width: 16.6666666667%; } @media (max-width: 1090px) { .col2 { width: 50%; } } @media (max-width: 590px) { .col2 { width: 100%; } } .col3 { width: 25%; } @media (max-width: 1090px) { .col3 { width: 50%; } } @media (max-width: 590px) { .col3 { width: 100%; } } .col4 { width: 33.3333333333%; } @media (max-width: 1090px) { .col4 { width: 50%; } } @media (max-width: 590px) { .col4 { width: 100%; } } .col5 { width: 41.6666666667%; } @media (max-width: 1090px) { .col5 { width: 50%; } } @media (max-width: 590px) { .col5 { width: 100%; } } .col6 { width: 50%; } @media (max-width: 1090px) { .col6 { width: 50%; } } @media (max-width: 590px) { .col6 { width: 100%; } } .col7 { width: 58.3333333333%; } @media (max-width: 1090px) { .col7 { width: 50%; } } @media (max-width: 590px) { .col7 { width: 100%; } } .col8 { width: 66.6666666667%; } @media (max-width: 1090px) { .col8 { width: 50%; } } @media (max-width: 590px) { .col8 { width: 100%; } } .col9 { width: 75%; } @media (max-width: 1090px) { .col9 { width: 100%; } } .col10 { width: 83.3333333333%; } @media (max-width: 1090px) { .col10 { width: 100%; } } .col11 { width: 91.6666666667%; } @media (max-width: 1090px) { .col11 { width: 100%; } } .col12 { width: 100%; } .offset1 { margin-left: 8.3333333333%; } @media (max-width: 1090px) { .offset1 { margin-left: 0; } } .offset2 { margin-left: 16.6666666667%; } @media (max-width: 1090px) { .offset2 { margin-left: 0; } } .offset3 { margin-left: 25%; } @media (max-width: 1090px) { .offset3 { margin-left: 0; } } .offset4 { margin-left: 33.3333333333%; } @media (max-width: 1090px) { .offset4 { margin-left: 0; } } .offset5 { margin-left: 41.6666666667%; } @media (max-width: 1090px) { .offset5 { margin-left: 0; } } .offset6 { margin-left: 50% !important; } @media (max-width: 1090px) { .offset6 { margin-left: 0; } } .offset7 { margin-left: 58.3333333333%; } @media (max-width: 1090px) { .offset7 { margin-left: 0; } } .offset8 { margin-left: 66.6666666667%; } @media (max-width: 1090px) { .offset8 { margin-left: 0; } } .offset9 { margin-left: 75%; } @media (max-width: 1090px) { .offset9 { margin-left: 0; } } .offset10 { margin-left: 83.3333333333%; } @media (max-width: 1090px) { .offset10 { margin-left: 0; } } .offset11 { margin-left: 91.6666666667%; } @media (max-width: 1090px) { .offset11 { margin-left: 0; } } .pad_offset1 { margin-left: 8.3333333333%; } .pad_offset2 { margin-left: 16.6666666667%; } .pad_offset3 { margin-left: 25%; } .pad_offset4 { margin-left: 33.3333333333%; } .pad_offset5 { margin-left: 41.6666666667%; } @media (max-width: 1090px) { .pad_offset6 { margin-left: 50%; } } .pad_offset7 { margin-left: 58.3333333333%; } @media (max-width: 1090px) { .pad_offset8 { margin-left: 66.6666666667%; } } .pad_offset9 { margin-left: 75%; } .pad_offset10 { margin-left: 83.3333333333%; } .pad_offset11 { margin-left: 91.6666666667%; } @media (max-width: 1090px) { .pad_col1 { width: 8.3333333333%; } } @media (max-width: 1090px) { .pad_col2 { width: 16.6666666667%; } } @media (max-width: 1090px) { .pad_col3 { width: 25%; } } @media (max-width: 1090px) { .pad_col4 { width: 33.3333333333%; } } @media (max-width: 1090px) { .pad_col5 { width: 41.6666666667%; } } @media (max-width: 1090px) { .pad_col6 { width: 50%; } } @media (max-width: 1090px) { .pad_col7 { width: 58.3333333333%; } } @media (max-width: 1090px) { .pad_col8 { width: 66.6666666667%; } } @media (max-width: 1090px) { .pad_col9 { width: 75%; } } @media (max-width: 1090px) { .pad_col10 { width: 83.3333333333%; } } @media (max-width: 1090px) { .pad_col11 { width: 91.6666666667%; } } @media (max-width: 1090px) { .pad_col12 { width: 100%; } } @media (max-width: 590px) { .phone_col1 { width: 8.3333333333%; } } @media (max-width: 590px) { .phone_col2 { width: 16.6666666667%; } } @media (max-width: 590px) { .phone_col3 { width: 25%; } } @media (max-width: 590px) { .phone_col4 { width: 33.3333333333%; } } @media (max-width: 590px) { .phone_col5 { width: 41.6666666667%; } } @media (max-width: 590px) { .phone_col6 { width: 50%; } } @media (max-width: 590px) { .phone_col7 { width: 58.3333333333%; } } @media (max-width: 590px) { .phone_col8 { width: 66.6666666667%; } } @media (max-width: 590px) { .phone_col9 { width: 75%; } } @media (max-width: 590px) { .phone_col10 { width: 83.3333333333%; } } @media (max-width: 590px) { .phone_col11 { width: 91.6666666667%; } } @media (max-width: 590px) { .phone_col12 { width: 100%; } } @media (max-width: 1090px) { .pad_hide { display: none; } } @media (max-width: 590px) { .phone_hide { display: none; } } /* Button style */ .btn { font-size: 16px; font-family: "Open Sans", sans-serif; text-transform: capitalize; padding: 11px 30px; border-radius: 25px; font-weight: 700; border: 0; position: relative; z-index: 1; transition: 0.2s ease; overflow: hidden; } @media (max-width: 590px) { .btn { padding: 8px 22px; font-size: 14px; } } .btn::before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; bottom: 0%; z-index: -1; transition: transform 0.2s ease-in-out; transform-origin: top; transform: scaleY(0); } .btn:focus { outline: 0; box-shadow: none !important; } .btn:active { box-shadow: none; } .btn:visited { color: white; } .btn:hover::before { transform: scaleY(1); transform-origin: bottom; } .btn-sm { font-size: 14px; padding: 9px 23px; } .btn-xs { font-size: 12px; padding: 5px 15px; } .btn-primary { background: #222222; color: #fff; border: 2px solid #222222 !important; } .btn-primary::before { background: #fff; } .btn-primary:active { background: #222222 !important; color: #222222; } .btn-primary:active::before { height: 80%; } .btn-primary:focus { color: white; } .btn-primary:hover { background: #090909; color: #222222; } .card .btn-primary { border: 2px solid #222222; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #b3b3b3; border-color: #222222; } .btn-secondary { background: #fff; color: #cccccc; border: 1px solid #fff; } .btn-secondary::before { background: #cccccc; } .btn-secondary:active { background: #cccccc; color: #fff; border: 1px solid #fff; } .btn-secondary:hover { background: #fff; color: #fff; border: 1px solid #fff; } .btn-primary-outline { border: 2px solid #cccccc; color: #cccccc; background: transparent; } .btn-primary-outline::before { background: #fff; } .btn-primary-outline:hover { background: #cccccc; color: #cccccc; } .btn-primary-outline:visited { color: #cccccc; } .btn-primary-outline:active { background: #cccccc; color: #fff; } .btn-primary-white { color: #fff; border-color: #fff; } .btn-primary-white:hover { color: #cccccc; } .btn-primary-white:visited { color: white; } .text_editor span.detail_theme_button a, .text_editor p span.detail_theme_button a, .text_editor span.detail_theme_buttonred a, .text_editor p span.detail_theme_buttonred a { display: inline-block; border: none !important; margin-bottom: 5px !important; margin-right: 1px !important; padding: 12px 18px !important; padding-left: 24px !important; padding-right: 24px !important; background: #5366E0; border-radius: 2px; font-weight: 700; opacity: 1; transition: 0.25s background-color ease-in-out; color: white; cursor: pointer; margin-top: 2vw; } .text_editor span.detail_theme_button a:after, .text_editor p span.detail_theme_button a:after, .text_editor span.detail_theme_buttonred a:after, .text_editor p span.detail_theme_buttonred a:after { display: none; } .text_editor span.detail_theme_button a:hover, .text_editor p span.detail_theme_button a:hover, .text_editor span.detail_theme_buttonred a:hover, .text_editor p span.detail_theme_buttonred a:hover { color: white; opacity: 1; cursor: pointer; background: black; } .text_editor span.detail_theme_buttonred a, .text_editor p span.detail_theme_buttonred a { width: 100%; display: block; text-align: center; } .page-template-01_homepage-php .btn-primary-white:hover { background: #222222; color: #222222; } .featurepanel_wrap .btn-primary-white:hover { background: #cccccc; color: #cccccc; } .comingsoon { position: relative; height: 100vh; width: 100vw; background-color: black; background-size: cover; background-position: center center; background-image: url(/wp-content/themes/founders_theme/assets/img/background.jpg); } .comingsoon svg { position: absolute; top: 1.5vw; left: 2vw; } .comingsoon h1 { position: absolute; bottom: 0vw; left: 2vw; line-height: 1; color: white; font-size: 20vw; font-weight: 900; letter-spacing: -0.05em; margin: 0; padding: 0; } body { background-color: #232433; overflow-x: hidden; } .faderinslow { opacity: 1; transition: all ease-in-out 0.7s; transition-delay: 0.15s; } .faderinslow.on { opacity: 0; transition-delay: 0s; } @media (min-width: 1200px) { .prevent { pointer-events: none; } } .fadeinnormal { opacity: 1; transition: opacity 0.5s ease !important; } .fadeinnormal.ison { opacity: 0; } .fadeinslower { opacity: 1; transition: opacity 1.2s ease !important; } .fadeinslower.ison { opacity: 0; } .clearfix { clear: both; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1300px) { .container { max-width: 1240px; } } @media (min-width: 1400px) { .container { max-width: 1340px; } } .container.full { max-width: 100% !important; padding: 0 !important; } .row { padding: 0; margin: 0; } .normal_padding { padding: 4.5vw; } .extra_padding, .full.extra_padding { padding: 1.5vw !important; } @media (max-width: 600px) { .extra_padding, .full.extra_padding { padding: 0 !important; } } .big_padding { padding: 6.5vw; } .nopadding_top { padding-top: 0 !important; } .container div.nopadding_bottom { padding-bottom: 0 !important; } #wpadminbar { top: auto; bottom: 0; position: fixed !important; } ::selection { background: #e6e6e6; color: #fff; } /* preloader */ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999; display: flex; align-items: center; justify-content: center; } ol, ul { list-style-type: none; margin: 0px; } img { vertical-align: middle; border: 0; } a { color: #cccccc; } a, a:hover, a:focus { text-decoration: none; } a, button, select { cursor: pointer; transition: 0.2s ease; } a:focus, button:focus, select:focus { outline: 0; } a:hover { color: #cccccc; } a { color: inherit; } a:visited { color: white; } a:hover, a:focus, a:active { color: white; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a.text-primary:hover { color: #cccccc !important; } a.text-light:hover { color: #cccccc !important; } h4 { transition: 0.2s ease; } a h4:hover { color: #cccccc; } .slick-slide { outline: 0; } .section { padding-top: 0px; padding-bottom: 0px; } .section-sm { padding-top: 40px; padding-bottom: 40px; } .section-title { margin-bottom: 20px; } .bg-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; } .border-primary { border-color: #ededf1 !important; } .founders_contactform { position: relative; } .anchor { position: absolute; top: -70px; left: -20px; width: 20px; height: 20px; } /* overlay */ .overlay { position: relative; z-index: 7; } .overlay.darken::before { opacity: 0.8; height: 74%; transform: rotate(5deg); width: 120%; top: -17%; } .overlay::before { content: ""; position: absolute; z-index: 9; height: 50%; width: 100%; top: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+22,0+98 */ background: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 22%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */ opacity: 0.3; } .overlay::after { content: ""; position: absolute; z-index: 7; height: 100%; width: 100%; bottom: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+76 */ background: -moz-linear-gradient(14deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(14deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(14deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ opacity: 0.5; z-index: 9; } .outline-0 { outline: 0 !important; } .d-unset { display: unset !important; } .bg-primary { background: #cccccc !important; } .bg-secondary { background: #1a1a1a !important; } .bg-accent { background: #222222 !important; } .bg-gray { background: #f8f8f8; } .text-primary { color: #cccccc !important; } .text-accent { color: #222222 !important; } .text-color { color: #757575; } .text-light { color: #9c9c9c !important; } .text-lighten { color: #d6d6e0 !important; } .text-muted { color: #b5b5b7 !important; } .text-dark { color: #1e1e4b !important; } .font-secondary { font-family: "Open Sans", sans-serif, "Bitter", serif; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .pl-150 { padding-left: 150px; } .zindex-1 { z-index: 1; } .overflow-hidden { overflow: hidden; } .vertical-align-middle { vertical-align: middle; } .icon-md { font-size: 36px; } #map_canvas { height: 500px; } /* Cards ================================================== */ .card { position: relative; height: 600px; margin-bottom: 40px; } @media (max-width: 590px) { .card { height: 550px; } } .card .image_cont { display: block; height: 180px; overflow: hidden; background: #eeeeee; padding-bottom: 50%; overflow: hidden; position: relative; } .card .image_cont img { object-fit: cover; object-position: center center; height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; } .card .list-inline { margin-bottom: 0 !important; } .card .list-inline .the_date { position: absolute; bottom: 29px; right: 15px; } .card h4 { font-size: 24px; } @media (max-width: 590px) { .card h4 { font-size: 22px; } } .card p { line-height: 1.55; font-size: 0.95em; } .card .btn { position: absolute; bottom: 20px; left: 20px; } /* Text Editor Styles ================================================== */ .content_wrap { display: block !important; flex-wrap: unset; padding-left: 15px; padding-right: 15px; } /* Video ================================================== */ .text_editor .responsiveEmbed { margin-bottom: 0; position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 56.25%; overflow: hidden; margin: 3vw 0 2.8vw 0; } .text_editor .responsiveEmbed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Forms ================================================== */ form { margin: 0; padding: 0; } form input { padding-left: 20px; font-family: "Open Sans", sans-serif !important; font-size: inherit !important; text-indent: 0 !important; } form .form-control { height: 70px; background: #fff; border-radius: 0; padding-left: 25px; border: 1px solid #ededed; } @media (max-width: 590px) { form .form-control { height: 45px; } } form .form-control:focus { border-color: #cccccc; box-shadow: none; } form textarea.form-control { height: 200px; } .text_editor form input { padding-left: 20px; font-size: 16.5px !important; text-indent: 0 !important; } .wpcf7 form { display: block; padding-bottom: 50px; } .wpcf7 form em { display: block; color: rgba(255, 255, 255, 0.6); font-style: normal; padding-top: 1.5vw; padding-bottom: 1.5vw; } @media (min-width: 1700px) { .wpcf7 form em { padding-top: 25.5px; padding-bottom: 25.5px; } } @media (max-width: 1000px) { .wpcf7 form em { padding-top: 15px; padding-bottom: 15px; } } .wpcf7 form .field-group { position: relative; margin-bottom: 1vw; } @media (min-width: 1700px) { .wpcf7 form .field-group { margin-bottom: 17px; } } @media (max-width: 1000px) { .wpcf7 form .field-group { margin-bottom: 10px; } } .wpcf7 form .field-group.input-has-text label { top: -2vw; font-size: 0.65em; font-weight: 700; opacity: 0; } @media (min-width: 1700px) { .wpcf7 form .field-group.input-has-text label { top: -34px; } } @media (max-width: 1000px) { .wpcf7 form .field-group.input-has-text label { top: -20px; } } .wpcf7 form .field-group label { position: absolute; z-index: 10; top: 0; left: 0; pointer-events: none; height: 4vw; line-height: 4vw; color: rgba(255, 255, 255, 0.6); transition: 0.6s all cubic-bezier(0.87, 0, 0.13, 1); left: 1.5vw; } @media (min-width: 1700px) { .wpcf7 form .field-group label { height: 68px; line-height: 68px; left: 25.5px; } } @media (max-width: 1000px) { .wpcf7 form .field-group label { height: 40px; line-height: 40px; left: 18px; } } .wpcf7 form .field-group input[type=text], .wpcf7 form .field-group input[type=email] { position: relative; z-index: 1; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid black; color: white; border-radius: 100px; border-top: 0; border-left: 0; border-right: 0; border-bottom: transparent; height: 4vw; line-height: 4vw; padding-left: 0; width: 100%; background: rgba(255, 255, 255, 0.1); text-indent: 1.5vw !important; } @media (min-width: 1700px) { .wpcf7 form .field-group input[type=text], .wpcf7 form .field-group input[type=email] { text-indent: 25.5px !important; height: 68px; line-height: 68px; } } @media (max-width: 1000px) { .wpcf7 form .field-group input[type=text], .wpcf7 form .field-group input[type=email] { height: 40px; line-height: 40px; border-bottom: 0.5px solid transparent; text-indent: 18px !important; } } .wpcf7 form .field-group textarea { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid black; border: transparent; padding-left: 2vw; padding-top: 1vw; color: white; height: 11vw; background: rgba(255, 255, 255, 0.1); border-radius: 2vw; } @media (min-width: 1700px) { .wpcf7 form .field-group textarea { padding-left: 34px; padding-top: 17px; height: 187px; border-radius: 34px; } } @media (max-width: 1000px) { .wpcf7 form .field-group textarea { padding-top: 10px; height: 110px; border-radius: 20px; padding-left: 20px; } } .wpcf7 form .field-group-checkboxes { position: relative; margin-bottom: 1vw; } @media (min-width: 1700px) { .wpcf7 form .field-group-checkboxes { margin-bottom: 17px; } } @media (max-width: 1000px) { .wpcf7 form .field-group-checkboxes { margin-bottom: 10px; } } .wpcf7 form .field-group-checkboxes .wpcf7-list-item { left: -0.5vw; position: relative; padding: 0; margin: 0; cursor: pointer; } @media (min-width: 1700px) { .wpcf7 form .field-group-checkboxes .wpcf7-list-item { left: -8.5px; } } .wpcf7 form .field-group-checkboxes .wpcf7-list-item:first-of-type { position: absolute; left: 0; top: -9999px; } @media (max-width: 1000px) { .wpcf7 form .field-group-checkboxes .wpcf7-list-item { left: -5px; } } .wpcf7 form .field-group-checkboxes .wpcf7-list-item.on label { background: #232433; } .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { background: rgba(55, 68, 158, 0.8); color: white; height: 4vw; line-height: 4vw; border-radius: 100px; padding: 0 2vw; font-size: 0.9em; white-space: nowrap; } @media (min-width: 1700px) { .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { height: 68px; line-height: 68px; padding: 0 34px; } } @media (max-width: 1000px) { .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { height: 40px; line-height: 40px; padding: 0 20px; } } .wpcf7 form .field-group-checkboxes .wpcf7-list-item input[type=checkbox], .wpcf7 form .field-group-checkboxes .wpcf7-list-item input[type=radio] { position: absolute; width: 100%; height: 100%; opacity: 0; box-sizing: border-box; padding: 0; cursor: pointer; } .wpcf7 form .islinker:before { content: ""; position: absolute; z-index: 3; top: 0; right: 0; height: 100%; width: 40px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6576e4+0,6576e4+100&0+4,1+49,1+100 */ background: linear-gradient(to right, rgba(101, 118, 228, 0) 0%, rgba(101, 118, 228, 0) 4%, rgb(101, 118, 228) 49%, rgb(101, 118, 228) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-radius: 200px; } @media (min-width: 1700px) { .wpcf7 form .islinker:before { height: 68px; width: 90px; } } .wpcf7 form .wpcf7-not-valid-tip { color: white; background: #e85c41; font-size: 0.7em; font-weight: 700; display: inline-block; margin-top: 14px; margin-left: 2vw; padding: 2px 6px; border-radius: 2px; line-height: 1; z-index: 10; } @media (min-width: 1700px) { .wpcf7 form .wpcf7-not-valid-tip { margin-left: 34px; } } @media (max-width: 1000px) { .wpcf7 form .wpcf7-not-valid-tip { margin-top: 8px; margin-bottom: 10px; } } .wpcf7 form .otheroption { display: none; padding-bottom: 20px; } .wpcf7 form .otheroption.on { display: block; } .wpcf7 form input[type=button], .wpcf7 form input[type=reset], .wpcf7 form input[type=submit] { background: white; color: #5366E0; height: 4vw; border: none; line-height: 3.9vw; border-radius: 100px; padding: 0 5vw 0 2vw; font-weight: 600; background-image: url(../img/icon_arrowblueright.svg); background-repeat: no-repeat; background-position: right 1.5vw center; background-size: 1.5vw; margin-left: -0.5vw !important; transition: all ease-in-out 0.3s; } @media (min-width: 1700px) { .wpcf7 form input[type=button], .wpcf7 form input[type=reset], .wpcf7 form input[type=submit] { height: 68px; line-height: 66.3px; padding: 0 85px 0 34px; background-position: right 25.5px center; background-size: 25.5px; margin-left: -8.5px !important; } } @media (max-width: 1000px) { .wpcf7 form input[type=button], .wpcf7 form input[type=reset], .wpcf7 form input[type=submit] { height: 40px; line-height: 39px; padding: 0 50px 0 20px; background-position: right 15px center; background-size: 15px; margin-left: -5px !important; } } .wpcf7 form input[type=button]:hover, .wpcf7 form input[type=reset]:hover, .wpcf7 form input[type=submit]:hover { padding: 0 5.5vw 0 2vw; } @media (min-width: 1700px) { .wpcf7 form input[type=button]:hover, .wpcf7 form input[type=reset]:hover, .wpcf7 form input[type=submit]:hover { padding: 0 93.5px 0 34px; } } @media (max-width: 1000px) { .wpcf7 form input[type=button]:hover, .wpcf7 form input[type=reset]:hover, .wpcf7 form input[type=submit]:hover { padding: 0 55px 0 20px; } } .wpcf7 form .formwrap { transition: all ease-in-out 0.3s; opacity: 1; } .wpcf7 form.submitting .formwrap { opacity: 0.5; } .wpcf7 form.sent .formwrap { display: none; } .wpcf7 form.sent input[type=button], .wpcf7 form.sent input[type=reset], .wpcf7 form.sent input[type=submit] { display: none; } .wpcf7 form .wpcf7-response-output { color: white; font-weight: 600; padding: 0; margin-left: 0; margin-right: 0; border: none; } .wpcf7 form.sent .wpcf7-response-output { margin: -26px 0 0 0; padding-bottom: 175px; font-family: "Open Sans", sans-serif, "Bitter", serif; font-weight: 500; position: relative; } .wpcf7 form.sent .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:after { content: ""; position: absolute; z-index: 1; bottom: 0vw; left: 0vw; width: 2.5vw; height: 2.5vw; background: white; border-radius: 100px; } @media (min-width: 1700px) { .wpcf7 form.sent .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:after { width: 42.5px; height: 42.5px; } } @media (max-width: 1000px) { .wpcf7 form.sent .wpcf7-response-output:before, .wpcf7 form.sent .wpcf7-response-output:after { width: 25px; height: 25px; } } .wpcf7 form.sent .wpcf7-response-output:before { z-index: 2; background: transparent; width: 1.4vw; height: 0.8vw; bottom: 1vw; left: 0.55vw; border-radius: 0; border-bottom: 0.25vw solid #5366E0; border-left: 0.25vw solid #5366E0; transform: rotate(-45deg); } @media (min-width: 1700px) { .wpcf7 form.sent .wpcf7-response-output:before { width: 23.8px; height: 13.6px; bottom: 17px; left: 9.35px; border-bottom: 4.25px solid #5366E0; border-left: 4.25px solid #5366E0; } } @media (max-width: 1000px) { .wpcf7 form.sent .wpcf7-response-output:before { width: 14px; height: 8px; bottom: 10px; left: 5.5px; border-bottom: 2.5px solid #5366E0; border-left: 2.5px solid #5366E0; } } .wpcf7 form .wpcf7-spinner { margin: 0px 30px 0 30px; position: relative; top: 2px; transform: scale(1.25); } @media (max-width: 1000px) { .wpcf7 form .wpcf7-spinner { transform: scale(1); top: 7px; margin-left: 20px; } } .relatedmaterial { background: #161615; } .relatedmaterial .swiper-container { padding-bottom: 14vw; } .relatedmaterial .swiper-container .swiper-button-next, .relatedmaterial .swiper-container .swiper-button-prev { margin-left: -2vw; } .relatedmaterial h3 { color: white; } .newsevents { padding-top: 5vw; } .news_wrap { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .amber_card { position: relative; flex-basis: 33.3333333333%; padding: 1.75vw; min-height: 47vw; transition: background-color 0.6s ease; } @media (max-width: 1190px) { .amber_card { min-height: 559.3px; } } @media (max-width: 590px) { .amber_card { min-height: 500px; width: 100%; flex-basis: 100%; padding: 6vw !important; } } .amber_card:hover { background: #5366E0; } .amber_card:hover h4 { color: black; } .amber_card:hover h4 small { color: white; } .amber_card:hover p { color: white; } .amber_card:hover em { color: white; } .amber_card:hover .cnaipe_amber { transition-delay: 0.3s; position: absolute; left: 1.75vw; bottom: 1.5vw; color: white !important; background-color: transparent; background-image: url(/wp-content/themes/founders_theme/assets/img/arrow_white.svg); background-repeat: no-repeat; } @media (max-width: 590px) { .amber_card:hover .cnaipe_amber { left: 6vw; bottom: 6vw; } } .amber_card.noimage .image, .amber_card.impact .image { display: none; } .amber_card.noimage h4, .amber_card.impact h4 { margin: 0 0 2vw 0; } .amber_card.noimage h4 small, .amber_card.impact h4 small { color: #999; } .amber_card.noimage p, .amber_card.impact p { width: 90%; color: #cccccc !important; } .amber_card.noimage em, .amber_card.impact em { color: #999; } .amber_card.noimage:hover p, .amber_card.impact:hover p { color: white !important; } .amber_card.noimage { background: #5366E0; } .amber_card.noimage .cnaipe_amber { color: white !important; background-color: transparent; background-image: url(/wp-content/themes/founders_theme/assets/img/arrow_white.svg); background-repeat: no-repeat; } .amber_card.noimage h4 { margin: 0.5vw 0 0.5vw 0; } .amber_card.noimage h4 small { color: white; } .amber_card.noimage em { color: white; } .amber_card.noimage:hover { background-color: #06BFB3; } .amber_card .image { height: 0%; width: 100%; padding-bottom: 70%; background-size: center center; background-size: cover; margin-bottom: 1.5vw; } .amber_card h4 { color: black; } .amber_card h4 small { transition: all 0.4s ease; margin: 0 0 0.5vw 0; } .amber_card em { transition: all 0.4s ease; font-style: normal; text-transform: uppercase; color: #666; } .amber_card .cnaipe_amber { position: absolute; left: 1.75vw; bottom: 1.5vw; } @media (max-width: 590px) { .amber_card .cnaipe_amber { left: 6vw; bottom: 6vw; } } .founders_btn { display: block; height: 4vw; line-height: 4vw; width: 100%; padding-left: 1.75vw; margin: 0; background-image: url("../img/icon_arrowwhiteright.svg"); background-repeat: no-repeat; background-position: right 1.5vw center; background-size: 1.5vw; background-color: #5366E0; font-weight: 600; text-align: left; color: white !important; border-radius: 100px; } .founders_btn.isnavy { background-color: #232433; } @media (max-width: 990px) { .founders_btn { height: 45px; line-height: 45px; padding-top: 0; padding-bottom: 0; padding-left: 16px; background-position: right 12px center; background-size: 18px; } } @media (max-width: 590px) { .founders_btn { height: 40px; line-height: 40px; } } .responsiveEmbed { margin-bottom: 0; position: relative; height: 0; width: 100%; margin-bottom: 1rem; padding-bottom: 56.25%; overflow: hidden; } .responsiveEmbed iframe, .responsiveEmbed img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .form_name, .form_county, .form_email, #email { width: 98%; margin-top: 10px; } .form_name { float: left; margin-right: 15px; } .form_county { float: left; margin-right: 15px; } .form_email { float: left; } .form_button, .unsubscribe input[type=submit] { width: 98%; } .text_editor .form_name input, .text_editor .form_email input, .text_editor .form_county input, .unsubscribe input { border: none; outline: none; border-radius: 0; line-height: 1.8; color: white; background: rgba(255, 255, 255, 0.4); box-shadow: none; width: 100%; transition: all 0.3s ease-in-out; font-size: inherit !important; text-indent: 0 !important; padding: 9px 20px; height: auto; } .form_name input:focus, .form_email input:focus, .form_county input:focus, .unsubscribe input:focus { background: rgb(255, 255, 255); color: #333; outline: none; } .form_button button, .unsubscribe input[type=submit] { border: none; background: white; padding: 12px 20px; color: #1dafec; width: 100%; margin-top: 10px; } .founders_col2block { background: #5366E0; } .founders_col2block:after { content: ""; clear: both; display: table; } .expander_block_question { position: relative; border-top: 1px solid #5366E0; font-family: "Open Sans", sans-serif, "Bitter", serif; letter-spacing: 0.01em; color: #5366E0; font-weight: 600; padding: 2vw 4vw 2vw 0; cursor: pointer; font-weight: 700; font-size: 1.05em; letter-spacing: -0.01em; } @media (max-width: 990px) { .expander_block_question { padding: 20px 50px 20px 0; } } @media (max-width: 490px) { .expander_block_question { padding: 15px 40px 15px 0; } } .expander_block_question span { position: absolute; right: 0; top: 1.6vw; width: 2vw; height: 2vw; background-image: url("../img/icon_arrowblueright.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100%; transform: rotate(90deg); transition: all ease-in-out 0.3s; } @media (max-width: 990px) { .expander_block_question span { top: 16px; width: 20px; height: 20px; } } @media (max-width: 590px) { .expander_block_question span { top: 13px; width: 18px; height: 18px; } } .expander_block_answer { display: none; overflow: hidden; } .expander_block_answer .animate { transition: all ease-in-out 0.3s; transition-delay: 0s; opacity: 0; } .expander_block_answer.on .animate { transition-delay: 0.4s; opacity: 1; } .expander_block.on .expander_block_question span { transform: rotate(-90deg); } @media (max-width: 590px) { body.page-id-11 .content_block_3 br { display: none; } } .sharing_image { position: absolute; left: -9999px; } @media (max-width: 590px) { html { overflow-x: hidden !important; } } .clearer { clear: both; } /* Content Blocks ================================================== */ /* 01. General Text */ .content_block_gentext { background: white; padding-bottom: 5vw; } @media (max-width: 590px) { .content_block_gentext { padding-top: 5px; } } @media (max-width: 590px) { .content_block_gentext .col7 br { display: none; } } .content_block_gentext .col7 h4 { font-family: "Serif Font"; letter-spacing: -0.015em; word-spacing: 0; } .content_block_gentext.removepadding { padding-bottom: 0; } .content_block_gentext.bulblue ul li:before { background-color: #5366E0 !important; } .content_block_gentext.bulblue a.founders_btn { background-color: #5366E0 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; } .content_block_gentext.bulwhite ul li:before { background-color: white !important; } .content_block_gentext.bulwhite a.founders_btn { background-color: white !important; background-image: url("../img/icon_arrowblackright.svg") !important; color: black !important; mix-blend-mode: screen !important; } .content_block_gentext.buldark ul li:before { background-color: #232433 !important; } .content_block_gentext.buldark a.founders_btn { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } .content_block_gentext.bulgreen ul li:before { background-color: #61a891 !important; } .content_block_gentext.bulgreen a.founders_btn { background-color: #61a891 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; } .content_block_gentext.bulpurple ul li:before { background-color: #75629b !important; } .content_block_gentext.bulpurple a.founders_btn { background-color: #75629b !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; } .content_block_gentext.bulpaleblue ul li:before { background-color: #6194ba !important; } .content_block_gentext.bulpaleblue a.founders_btn { background-color: #6194ba !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; } .content_block_gentext.white { background: white; } .content_block_gentext.white a.founders_btn.isnavy { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } .content_block_gentext.white.bulwhite a.founders_btn:nth-of-type(1) { color: #232433 !important; background-image: url("../img/icon_arrowdarkright.svg") !important; mix-blend-mode: normal !important; } .content_block_gentext.light { background: #F6F4F1; } .content_block_gentext.light a.founders_btn.isnavy { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } .content_block_gentext.light.bulwhite a.founders_btn:nth-of-type(1) { color: #232433 !important; background-image: url("../img/icon_arrowdarkright.svg") !important; mix-blend-mode: normal !important; } .content_block_gentext.dark { background: #232433; } .content_block_gentext.dark h3, .content_block_gentext.dark h4, .content_block_gentext.dark label { color: white; } .content_block_gentext.dark p { color: rgba(255, 255, 255, 0.8); } .content_block_gentext.dark a.founders_btn.isnavy { background-color: white !important; background-image: url("../img/icon_arrowdarkright.svg") !important; color: #232433 !important; mix-blend-mode: normal !important; } .content_block_gentext.dark.bulwhite a.founders_btn:nth-of-type(1) { color: black !important; } .content_block_gentext.dark p, .content_block_gentext.dark li, .content_block_gentext.dark ol { color: white; } .content_block_gentext.dark p a, .content_block_gentext.dark li a, .content_block_gentext.dark ol a { color: #ffffff; opacity: 0.8; border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition: all ease-in-out 0.2s; } .content_block_gentext.dark p a:hover, .content_block_gentext.dark li a:hover, .content_block_gentext.dark ol a:hover { opacity: 1; border-bottom: 1px solid #ffffff; } .content_block_gentext.dark ul li:before { background-color: rgba(255, 255, 255, 0.5); } .content_block_gentext.blue { background: #5366E0; } .content_block_gentext.blue h3, .content_block_gentext.blue h4, .content_block_gentext.blue label { color: white; } .content_block_gentext.blue p, .content_block_gentext.blue ul li, .content_block_gentext.blue ol li { color: white; } .content_block_gentext.blue a.founders_btn { background-color: white; background-image: url("../img/icon_arrowblueright.svg"); color: #5366E0 !important; mix-blend-mode: normal !important; } .content_block_gentext.blue a.founders_btn.isnavy { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } .content_block_gentext.blue.bulblue a.founders_btn:nth-of-type(1), .content_block_gentext.blue.bulgreen a.founders_btn:nth-of-type(1), .content_block_gentext.blue.bulpaleblue a.founders_btn:nth-of-type(1), .content_block_gentext.blue.bulpurple a.founders_btn:nth-of-type(1) { color: white !important; } .content_block_gentext.blue.bulwhite a.founders_btn:nth-of-type(1) { color: #5366E0 !important; background-image: url("../img/icon_arrowblueright.svg") !important; mix-blend-mode: normal !important; } .content_block_gentext.blue.buldark a.founders_btn:nth-of-type(1) { color: white !important; } .content_block_gentext.blue p a, .content_block_gentext.blue li a, .content_block_gentext.blue ol a { color: #ffffff; opacity: 0.8; border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition: all ease-in-out 0.2s; } .content_block_gentext.blue p a:hover, .content_block_gentext.blue li a:hover, .content_block_gentext.blue ol a:hover { opacity: 1; border-bottom: 1px solid #ffffff; } .content_block_gentext.blue ul li:before { background-color: rgba(255, 255, 255, 0.5); } .content_block_gentext.green { background: #61a891; } .content_block_gentext.green h3, .content_block_gentext.green h4, .content_block_gentext.green label { color: white; } .content_block_gentext.green p, .content_block_gentext.green ul li, .content_block_gentext.green ol li { color: white; } .content_block_gentext.green a.founders_btn { background-color: white; background-image: url("../img/icon_arrowgreenright.svg"); color: #61a891 !important; } .content_block_gentext.green a.founders_btn.isnavy { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } .content_block_gentext.green.bulblue a.founders_btn:nth-of-type(1), .content_block_gentext.green.bulgreen a.founders_btn:nth-of-type(1), .content_block_gentext.green.bulpaleblue a.founders_btn:nth-of-type(1), .content_block_gentext.green.bulpurple a.founders_btn:nth-of-type(1) { color: white !important; } .content_block_gentext.green.bulwhite a.founders_btn:nth-of-type(1) { color: #61a891 !important; background-image: url("../img/icon_arrowgreenright.svg") !important; mix-blend-mode: normal !important; } .content_block_gentext.green.buldark a.founders_btn:nth-of-type(1) { color: white !important; } .content_block_gentext.green p a, .content_block_gentext.green li a, .content_block_gentext.green ol a { color: #ffffff; opacity: 0.8; border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition: all ease-in-out 0.2s; } .content_block_gentext.green p a:hover, .content_block_gentext.green li a:hover, .content_block_gentext.green ol a:hover { opacity: 1; border-bottom: 1px solid #ffffff; } .content_block_gentext.green ul li:before { background-color: rgba(255, 255, 255, 0.5); } .content_block_gentext.paleblue { background: #6194ba; } .content_block_gentext.paleblue h3, .content_block_gentext.paleblue h4, .content_block_gentext.paleblue label { color: white; } .content_block_gentext.paleblue p, .content_block_gentext.paleblue ul li, .content_block_gentext.paleblue ol li { color: white; } .content_block_gentext.paleblue a.founders_btn { background-color: white; background-image: url("../img/icon_arrowpaleblueright.svg"); color: #6194ba !important; } .content_block_gentext.paleblue a.founders_btn.isnavy { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } .content_block_gentext.paleblue.bulblue a.founders_btn:nth-of-type(1), .content_block_gentext.paleblue.bulgreen a.founders_btn:nth-of-type(1), .content_block_gentext.paleblue.bulpaleblue a.founders_btn:nth-of-type(1), .content_block_gentext.paleblue.bulpurple a.founders_btn:nth-of-type(1) { color: white !important; } .content_block_gentext.paleblue.bulwhite a.founders_btn:nth-of-type(1) { color: #6194ba !important; background-image: url("../img/icon_arrowpaleblueright.svg") !important; mix-blend-mode: normal !important; } .content_block_gentext.paleblue.buldark a.founders_btn:nth-of-type(1) { color: white !important; } .content_block_gentext.paleblue p a, .content_block_gentext.paleblue li a, .content_block_gentext.paleblue ol a { color: #ffffff; opacity: 0.8; border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition: all ease-in-out 0.2s; } .content_block_gentext.paleblue p a:hover, .content_block_gentext.paleblue li a:hover, .content_block_gentext.paleblue ol a:hover { opacity: 1; border-bottom: 1px solid #ffffff; } .content_block_gentext.paleblue ul li:before { background-color: rgba(255, 255, 255, 0.5); } .content_block_gentext.purple { background: #75629b; } .content_block_gentext.purple h3, .content_block_gentext.purple h4, .content_block_gentext.purple label { color: white; } .content_block_gentext.purple p, .content_block_gentext.purple ul li, .content_block_gentext.purple ol li { color: white; } .content_block_gentext.purple a.founders_btn { background-color: white; background-image: url("../img/icon_arrowpurpleright.svg"); color: #75629b !important; } .content_block_gentext.purple a.founders_btn.isnavy { background-color: #232433 !important; background-image: url("../img/icon_arrowwhiteright.svg") !important; color: white !important; mix-blend-mode: normal !important; } .content_block_gentext.purple.bulblue a.founders_btn:nth-of-type(1), .content_block_gentext.purple.bulgreen a.founders_btn:nth-of-type(1), .content_block_gentext.purple.bulpaleblue a.founders_btn:nth-of-type(1), .content_block_gentext.purple.bulpurple a.founders_btn:nth-of-type(1) { color: white !important; } .content_block_gentext.purple.bulwhite a.founders_btn:nth-of-type(1) { color: #75629b !important; background-image: url("../img/icon_arrowpurpleright.svg") !important; mix-blend-mode: normal !important; } .content_block_gentext.purple.buldark a.founders_btn:nth-of-type(1) { color: white !important; } .content_block_gentext.purple p a, .content_block_gentext.purple li a, .content_block_gentext.purple ol a { color: #ffffff; opacity: 0.8; border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition: all ease-in-out 0.2s; } .content_block_gentext.purple p a:hover, .content_block_gentext.purple li a:hover, .content_block_gentext.purple ol a:hover { opacity: 1; border-bottom: 1px solid #ffffff; } .content_block_gentext.purple ul li:before { background-color: rgba(255, 255, 255, 0.5); } .content_block_gentext .nonbreak { white-space: nowrap; } .content_block_gentext h3, .content_block_gentext label { color: #232433; } .content_block_gentext h3.beag { font-size: 1.5em; } .content_block_gentext p, .content_block_gentext li, .content_block_gentext ol, .content_block_gentext em, .content_block_gentext strong { color: #555555; } .content_block_gentext ul, .content_block_gentext ol { margin-bottom: 1rem; } .content_block_gentext p a, .content_block_gentext li a, .content_block_gentext ol a { color: #555555; opacity: 0.8; border-bottom: 1px solid #d5d2d2; transition: all ease-in-out 0.2s; } .content_block_gentext p a:hover, .content_block_gentext li a:hover, .content_block_gentext ol a:hover { opacity: 1; border-bottom: 1px solid #1f2528; } .content_block_gentext a.founders_btn { margin-top: 20px; transition: all ease-in-out 0.3s; width: auto; display: inline-block; padding-right: 3.9vw; } @media (max-width: 750px) { .content_block_gentext a.founders_btn { padding-right: 39px !important; } } .content_block_gentext a.founders_btn:hover { padding-right: 4.3vw; } @media (max-width: 750px) { .content_block_gentext a.founders_btn:hover { padding-right: 45px !important; } } /* 02a. Grid Text */ .coltext_grid { display: flex; flex-wrap: wrap; background: #232433; color: white; width: 100%; margin: 0; padding: 0; } .coltext_grid .coltext_block { padding: 1.9vw; width: 33.3333333333%; min-height: 33vw; border-right: 1px solid #3d3d50; border-top: 1px solid #3d3d50; background-size: cover; background-position: center center; position: relative; } .coltext_grid .coltext_block img { clear: both; width: 85%; margin-right: 15%; } .coltext_grid .coltext_block .founders_btn { position: absolute; right: 6%; bottom: 7%; width: auto; padding-right: 12%; } .coltext_grid .coltext_block .founders_btn:hover { padding-right: 14%; } .coltext_grid .coltext_block.buttoncolpale .founders_btn { background-color: #6194ba; } .coltext_grid .coltext_block.buttoncolpurple .founders_btn { background-color: #75629b; } .coltext_grid .coltext_block.buttoncolgreen .founders_btn { background-color: #61a891; } @media (max-width: 990px) { .coltext_grid .coltext_block { padding: 20px; } } @media (max-width: 790px) { .coltext_grid .coltext_block { width: 50%; min-height: 50vw; } } @media (max-width: 550px) { .coltext_grid .coltext_block { width: 100%; min-height: 100vw; padding: 18px; } } .coltext_grid .coltext_block:after, .coltext_grid .coltext_block:before { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background: #3d3d50; } .coltext_grid .coltext_block:after { left: -1px; bottom: 0px; height: 100%; width: 1px; } .coltext_grid .coltext_block label { position: relative; display: inline-block; background: rgba(255, 255, 255, 0.5); color: #232433; font-weight: 700; font-size: 0.6em; text-transform: uppercase; padding: 0.15vw 0.5vw 0.12vw 0.5vw; margin-bottom: 3vw; border-radius: 3px; } @media (max-width: 1000px) { .coltext_grid .coltext_block label { padding: 2px 8px 1px 8px; font-size: 10px; border-radius: 2px; margin-bottom: 20px; } } @media (max-width: 590px) { .coltext_grid .coltext_block label { padding: 1px 6px; font-size: 9px; margin-bottom: 20px; } } .coltext_grid .coltext_block h3 { font-size: 1.6em; line-height: 1; } .coltext_grid .coltext_block h3 span { opacity: 0.5; } .coltext_grid .coltext_block.hasbutton h3 { font-size: 1.4em; padding-top: 5%; } .coltext_grid .coltext_block.hasbutton h3 span { font-weight: 600; } .coltext_grid .coltext_block p { font-size: 0.9em; font-family: "Open Sans", sans-serif; color: rgba(255, 255, 255, 0.8); } .coltext_grid .coltext_block p strong { color: white; } .coltext_grid .coltext_block.fill { flex-grow: 1; } /* 02b. Column Text */ .content_block_coltext { background: white; } @media (max-width: 990px) { .content_block_coltext { padding: 20px 10px 0 0; } } @media (max-width: 590px) { .content_block_coltext { padding: 20px 0px 0 6px; } } .content_block_coltext.light { background: #F6F4F1; } .content_block_coltext.dark { background: #232433; } .content_block_coltext.dark .textcol_grid.lines .textcol_block { border-left: 1px solid rgba(255, 255, 255, 0.3); } .content_block_coltext.dark .textcol_grid.lines .textcol_block h4 { color: rgba(255, 255, 255, 0.9); } .content_block_coltext.dark .textcol_grid.lines .textcol_block p { color: rgba(255, 255, 255, 0.9); } .content_block_coltext .textcol_grid { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; } .content_block_coltext .textcol_grid.lines .textcol_block { border-left: 1px solid rgba(0, 0, 0, 0.15); padding-left: 1vw; } @media (max-width: 1290px) { .content_block_coltext .textcol_grid.lines .textcol_block { width: 16.6666666667%; } } @media (max-width: 990px) { .content_block_coltext .textcol_grid.lines .textcol_block { width: 20%; margin-bottom: 40px; padding-left: 10px; padding-right: 5px; } } @media (max-width: 790px) { .content_block_coltext .textcol_grid.lines .textcol_block { width: 25%; } } @media (max-width: 690px) { .content_block_coltext .textcol_grid.lines .textcol_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_coltext .textcol_grid.lines .textcol_block { width: 50%; } } .content_block_coltext .textcol_grid .textcol_block { padding-left: 0; margin-bottom: 4vw; } .content_block_coltext .textcol_grid .textcol_block h4 { font-family: "Open Sans", sans-serif; font-size: 0.9em; font-weight: 700; display: inline; line-height: 1 !important; color: #232433; display: block; } .content_block_coltext .textcol_grid .textcol_block p { font-family: "Open Sans", sans-serif; font-size: 0.9em; padding-right: 1vw; padding-top: 0.8vw; } .content_block_coltext .textcol_grid .textcol_block:nth-of-type(1) { border-left: none; } @media (min-width: 1290px) { .content_block_coltext .textcol_grid .textcol_block:nth-child(7n+1) { border-left: none; } } @media (min-width: 990px) and (max-width: 1290px) { .content_block_coltext .textcol_grid .textcol_block:nth-child(6n+1) { border-left: none; } } @media (min-width: 790px) and (max-width: 990px) { .content_block_coltext .textcol_grid .textcol_block:nth-child(5n+1) { border-left: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_coltext .textcol_grid .textcol_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_coltext .textcol_grid .textcol_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_coltext .textcol_grid .textcol_block:nth-child(2n+1) { border-left: none; } } .content_block_coltext .textcol_grid.cols7 .textcol_block { width: 14.2857142857%; } @media (max-width: 1290px) { .content_block_coltext .textcol_grid.cols7 .textcol_block { width: 16.6666666667%; } } @media (max-width: 990px) { .content_block_coltext .textcol_grid.cols7 .textcol_block { width: 20%; margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_coltext .textcol_grid.cols7 .textcol_block { width: 25%; } } @media (max-width: 690px) { .content_block_coltext .textcol_grid.cols7 .textcol_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_coltext .textcol_grid.cols7 .textcol_block { width: 50%; } } @media (min-width: 1290px) { .content_block_coltext .textcol_grid.cols7 .textcol_block:nth-child(7n+1) { border-left: none; } } @media (min-width: 990px) and (max-width: 1290px) { .content_block_coltext .textcol_grid.cols7 .textcol_block:nth-child(6n+1) { border-left: none; } } @media (min-width: 790px) and (max-width: 990px) { .content_block_coltext .textcol_grid.cols7 .textcol_block:nth-child(5n+1) { border-left: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_coltext .textcol_grid.cols7 .textcol_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_coltext .textcol_grid.cols7 .textcol_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_coltext .textcol_grid.cols7 .textcol_block:nth-child(2n+1) { border-left: none; } } .content_block_coltext .textcol_grid.cols6 .textcol_block { width: 16.6666666667%; } @media (max-width: 990px) { .content_block_coltext .textcol_grid.cols6 .textcol_block { width: 20%; margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_coltext .textcol_grid.cols6 .textcol_block { width: 25%; } } @media (max-width: 690px) { .content_block_coltext .textcol_grid.cols6 .textcol_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_coltext .textcol_grid.cols6 .textcol_block { width: 50%; } } @media (min-width: 990px) { .content_block_coltext .textcol_grid.cols6 .textcol_block:nth-child(6n+1) { border-left: none; } } @media (min-width: 790px) and (max-width: 990px) { .content_block_coltext .textcol_grid.cols6 .textcol_block:nth-child(5n+1) { border-left: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_coltext .textcol_grid.cols6 .textcol_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_coltext .textcol_grid.cols6 .textcol_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_coltext .textcol_grid.cols6 .textcol_block:nth-child(2n+1) { border-left: none; } } .content_block_coltext .textcol_grid.cols5 .textcol_block { width: 20%; } @media (max-width: 990px) { .content_block_coltext .textcol_grid.cols5 .textcol_block { margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_coltext .textcol_grid.cols5 .textcol_block { width: 25%; } } @media (max-width: 690px) { .content_block_coltext .textcol_grid.cols5 .textcol_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_coltext .textcol_grid.cols5 .textcol_block { width: 50%; } } @media (min-width: 790px) { .content_block_coltext .textcol_grid.cols5 .textcol_block:nth-child(5n+1) { border-left: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_coltext .textcol_grid.cols5 .textcol_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_coltext .textcol_grid.cols5 .textcol_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_coltext .textcol_grid.cols5 .textcol_block:nth-child(2n+1) { border-left: none; } } .content_block_coltext .textcol_grid.cols4 .textcol_block { width: 25%; position: relative; padding-bottom: 5vw; } .content_block_coltext .textcol_grid.cols4 .textcol_block a { display: block; position: absolute; bottom: 0; left: 0.7vw; color: #292827; font-weight: 600; opacity: 0.6; transition: all ease-in-out 0.3s; background: rgba(0, 0, 0, 0.1); padding: 0.9vw 1.5vw 1vw 1.5vw; border-radius: 100px; } .content_block_coltext .textcol_grid.cols4 .textcol_block a:hover { opacity: 1; color: white; background: #292827; } @media (max-width: 990px) { .content_block_coltext .textcol_grid.cols4 .textcol_block { margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_coltext .textcol_grid.cols4 .textcol_block { width: 100%; } } @media (max-width: 690px) { .content_block_coltext .textcol_grid.cols4 .textcol_block { width: 100%; } } @media (max-width: 490px) { .content_block_coltext .textcol_grid.cols4 .textcol_block { width: 100%; } } @media (min-width: 690px) { .content_block_coltext .textcol_grid.cols4 .textcol_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_coltext .textcol_grid.cols4 .textcol_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_coltext .textcol_grid.cols4 .textcol_block:nth-child(2n+1) { border-left: none; } } /* 03. FAQ */ .content_block_faq { background: white; } .content_block_faq .container { display: flex; flex-wrap: wrap; } .content_block_faq .container .col6 { position: relative; } .content_block_faq .container .col6 h2 { top: 5vw; left: 0; position: sticky; letter-spacing: -0.06em; line-height: 0.8 !important; } .content_block_faq.blockispaleblue .container .col6 h2 { color: #6194ba; } .content_block_faq.blockispaleblue .container .col6 .expander .expander_block_question { border-top: 1px solid #6194ba; color: #6194ba; } .content_block_faq.blockispaleblue .container .col6 .expander .expander_block_question span { filter: hue-rotate(331deg) saturate(0.3) brightness(1.3); } .content_block_faq.blockisgreen .container .col6 h2 { color: #61a891; } .content_block_faq.blockisgreen .container .col6 .expander .expander_block_question { border-top: 1px solid #61a891; color: #61a891; } .content_block_faq.blockisgreen .container .col6 .expander .expander_block_question span { filter: hue-rotate(278deg) saturate(0.3) brightness(1.4); } .content_block_faq.blockispurple .container .col6 h2 { color: #75629b; } .content_block_faq.blockispurple .container .col6 .expander .expander_block_question { border-top: 1px solid #75629b; color: #75629b; } .content_block_faq.blockispurple .container .col6 .expander .expander_block_question span { filter: hue-rotate(385deg) saturate(0.3) brightness(1); } .content_block_faq.blockisnavy .container .col6 h2 { color: #232433; } .content_block_faq.blockisnavy .container .col6 .expander .expander_block_question { border-top: 1px solid #232433; color: #232433; } .content_block_faq.blockisnavy .container .col6 .expander .expander_block_question span { filter: hue-rotate(0deg) saturate(0.5) brightness(0.25); } /* 04. Icons Accordion */ .content_block_icons { background: white; padding: 0; } .content_block_icons .container { display: flex; flex-wrap: wrap; } .content_block_icons .container .expander_block { overflow: hidden; } .content_block_icons .container .expander_block:last-of-type { border-bottom: 1px solid #5366E0; } .content_block_icons .container .expander_block_question { padding: 0; } .content_block_icons .container .expander_block_question img { width: auto; height: 7vw; object-fit: contain; object-position: left center; margin: 0.5vw 0 0.5vw 1.5vw; } @media (max-width: 600px) { .content_block_icons .container .expander_block_question img { width: 15vw; height: 16vw; max-width: none; position: relative; left: 2vw; } } .content_block_icons .container .expander_block_question span { right: 1.5vw; top: 3.2vw; } @media (max-width: 600px) { .content_block_icons .container .expander_block_question span { right: 3vw; top: 6vw; } } .content_block_icons .container .expander_block_question h3 { padding: 2.9vw 0 0 2vw; font-size: 2.3vw; } @media (max-width: 600px) { .content_block_icons .container .expander_block_question h3 { padding: 6vw 0 0 2vw; font-size: 4vw; } } .content_block_icons .container .expander_block_question .col5, .content_block_icons .container .expander_block_question .col6, .content_block_icons .container .expander_block_question .col2, .content_block_icons .container .expander_block_question .col1 { position: relative; padding: 0; } .content_block_icons .container .expander_block_question .col5.freagra_push, .content_block_icons .container .expander_block_question .col6.freagra_push, .content_block_icons .container .expander_block_question .col2.freagra_push, .content_block_icons .container .expander_block_question .col1.freagra_push { left: 0vw; } .content_block_icons .container .expander_block_question .col5 .freagra, .content_block_icons .container .expander_block_question .col6 .freagra, .content_block_icons .container .expander_block_question .col2 .freagra, .content_block_icons .container .expander_block_question .col1 .freagra { position: absolute; left: -4vw; top: 2.8vw; font-weight: 400; padding-right: 7vw; } @media (max-width: 600px) { .content_block_icons .container .expander_block_question .col5 .freagra, .content_block_icons .container .expander_block_question .col6 .freagra, .content_block_icons .container .expander_block_question .col2 .freagra, .content_block_icons .container .expander_block_question .col1 .freagra { left: 20vw; width: 78%; } } .content_block_icons .container .expander_block_question .col5 .freagra p, .content_block_icons .container .expander_block_question .col6 .freagra p, .content_block_icons .container .expander_block_question .col2 .freagra p, .content_block_icons .container .expander_block_question .col1 .freagra p { font-family: "Open Sans", sans-serif; font-size: 0.9em; } @media (max-width: 1100px) { .content_block_icons .container .expander_block_question .col1 { width: 8.3333333333%; } } @media (max-width: 600px) { .content_block_icons .container .expander_block_question .col1 { width: 18%; } } @media (max-width: 1100px) { .content_block_icons .container .expander_block_question .col2 { width: 16.6666666667%; } } @media (max-width: 1100px) { .content_block_icons .container .expander_block_question .col5 { width: 41.6666666667%; } } @media (max-width: 600px) { .content_block_icons .container .expander_block_question .col5 { width: 100%; } } @media (max-width: 1100px) { .content_block_icons .container .expander_block_question .col6 { width: 50%; } } @media (max-width: 600px) { .content_block_icons .container .expander_block_question .col6 { width: 80%; } } @media (max-width: 990px) { .content_block_icons .container .expander_block_question { padding: 0; } } @media (max-width: 490px) { .content_block_icons .container .expander_block_question { padding: 0; } } .content_block_icons .container .expander_block_question:after { content: ""; display: table; height: 0px; width: 100%; clear: both; } .content_block_icons .container .expander_block_answer .col5 { opacity: 0 !important; padding: 0 !important; } @media (max-width: 600px) { .content_block_icons .container .expander_block_answer .col5 { left: 16.5vw; width: 77%; } } .content_block_icons .container .expander_block_answer .col5 div { padding-left: 3vw; margin-top: -7vw; } .content_block_icons .container .expander_block_answer .col5 div p { font-family: "Open Sans", sans-serif; font-size: 0.9em; } @media (max-width: 600px) { .content_block_icons .container .expander_block_answer .col5 div p { margin-top: 0; } } .content_block_icons.blockispaleblue .container .expander .expander_block_question { border-top: 1px solid #6194ba; } .content_block_icons.blockispaleblue .container .expander .expander_block_question .col6 h3 { color: #6194ba; } .content_block_icons.blockispaleblue .container .expander .expander_block_question span { filter: hue-rotate(331deg) saturate(0.3) brightness(1.3); } .content_block_icons.blockispaleblue .container .expander_block:last-of-type { border-bottom: 1px solid #6194ba; } .content_block_icons.blockisgreen .container .expander .expander_block_question { border-top: 1px solid #61a891; } .content_block_icons.blockisgreen .container .expander .expander_block_question .col6 h3 { color: #61a891; } .content_block_icons.blockisgreen .container .expander .expander_block_question span { filter: hue-rotate(278deg) saturate(0.3) brightness(1.4); } .content_block_icons.blockisgreen .container .expander_block:last-of-type { border-bottom: 1px solid #61a891; } .content_block_icons.blockispurple .container .expander .expander_block_question { border-top: 1px solid #75629b; } .content_block_icons.blockispurple .container .expander .expander_block_question .col6 h3 { color: #75629b; } .content_block_icons.blockispurple .container .expander .expander_block_question span { filter: hue-rotate(385deg) saturate(0.3) brightness(1); } .content_block_icons.blockispurple .container .expander_block:last-of-type { border-bottom: 1px solid #75629b; } .content_block_icons.blockisnavy .container .expander .expander_block_question { border-top: 1px solid #232433; } .content_block_icons.blockisnavy .container .expander .expander_block_question .col6 h3 { color: #232433; } .content_block_icons.blockisnavy .container .expander .expander_block_question span { filter: hue-rotate(0deg) saturate(0.5) brightness(0.25); } .content_block_icons.blockisnavy .container .expander_block:last-of-type { border-bottom: 1px solid #232433; } /* 05. People */ @media (min-width: 1000px) { body.page-id-2 .content_block_5x { margin-top: 0; padding-top: 0; } } @media (min-width: 1000px) { body.page-id-2 .content_block_5x .extra_padding { padding-top: 0 !important; padding-top: 0 !important; } } @media (min-width: 1000px) { body.page-id-2 .content_block_5x .people_grid .person_block { position: relative; top: -10vw; margin-bottom: 0; } } .content_block_people { background: white; } @media (max-width: 590px) { .content_block_people { padding: 0 0 0 9px; } } .content_block_people.light { background: #F6F4F1; } .content_block_people .people_grid { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; } .content_block_people .people_grid .person_block { position: relative; width: 14.2857142857%; min-height: unset; padding-right: 2vw; margin-bottom: 2.5vw; overflow: hidden; } @media (max-width: 1290px) { .content_block_people .people_grid .person_block { width: 16.6666666667%; } } @media (max-width: 990px) { .content_block_people .people_grid .person_block { width: 20%; margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_people .people_grid .person_block { width: 25%; } } @media (max-width: 690px) { .content_block_people .people_grid .person_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_people .people_grid .person_block { width: 50%; } } .content_block_people .people_grid .person_block:nth-of-type(1) .logo, .content_block_people .people_grid .person_block:nth-of-type(1) .profilepic { margin-left: 0.4vw; } .content_block_people .people_grid .person_block:nth-of-type(1) div.details { border-left: none; } .content_block_people .people_grid .person_block:nth-of-type(1) div.details:before { display: none; } @media (min-width: 1290px) { .content_block_people .people_grid .person_block:nth-child(7n+1) .logo, .content_block_people .people_grid .person_block:nth-child(7n+1) .profilepic { margin-left: 0; } } @media (min-width: 1290px) { .content_block_people .people_grid .person_block:nth-child(7n+1) div.details { border-left: none; } .content_block_people .people_grid .person_block:nth-child(7n+1) div.details:before { display: none; } } @media (min-width: 990px) and (max-width: 1290px) { .content_block_people .people_grid .person_block:nth-child(6n+1) .logo, .content_block_people .people_grid .person_block:nth-child(6n+1) .profilepic { margin-left: 0.4vw; } } @media (min-width: 990px) and (max-width: 1290px) { .content_block_people .people_grid .person_block:nth-child(6n+1) div.details { border-left: none; } .content_block_people .people_grid .person_block:nth-child(6n+1) div.details:before { display: none; } } @media (min-width: 790px) and (max-width: 990px) { .content_block_people .people_grid .person_block:nth-child(5n+1) .logo, .content_block_people .people_grid .person_block:nth-child(5n+1) .profilepic { margin-left: 0.4vw; } } @media (min-width: 790px) and (max-width: 990px) { .content_block_people .people_grid .person_block:nth-child(5n+1) div.details { border-left: none; } .content_block_people .people_grid .person_block:nth-child(5n+1) div.details:before { display: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_people .people_grid .person_block:nth-child(4n+1) .logo, .content_block_people .people_grid .person_block:nth-child(4n+1) .profilepic { margin-left: 0.4vw; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_people .people_grid .person_block:nth-child(4n+1) div.details { border-left: none; } .content_block_people .people_grid .person_block:nth-child(4n+1) div.details:before { display: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_people .people_grid .person_block:nth-child(3n+1) .logo, .content_block_people .people_grid .person_block:nth-child(3n+1) .profilepic { margin-left: 0.4vw; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_people .people_grid .person_block:nth-child(3n+1) div.details { border-left: none; } .content_block_people .people_grid .person_block:nth-child(3n+1) div.details:before { display: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_people .people_grid .person_block:nth-child(2n+1) .logo, .content_block_people .people_grid .person_block:nth-child(2n+1) .profilepic { margin-left: 5px; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_people .people_grid .person_block:nth-child(2n+1) div.details:before { display: none; } } .content_block_people .people_grid .person_block .logolink { display: block; min-height: 2.5vw; } @media (max-width: 990px) { .content_block_people .people_grid .person_block .logolink { min-height: 30px; } } .content_block_people .people_grid .person_block .logo { width: 100%; height: 4.5vw; margin-bottom: -0.2vw; object-fit: contain; object-position: left center; mix-blend-mode: multiply; filter: saturate(0); } @media (max-width: 990px) { .content_block_people .people_grid .person_block .logo { height: 50px; margin-bottom: 5px; } } @media (max-width: 590px) { .content_block_people .people_grid .person_block .logo { height: 50px; } } .content_block_people .people_grid .person_block .profilepic { height: 8vw; width: 8vw; margin-bottom: 1vw; object-fit: cover; object-position: center center; border-radius: 200px; background: rgba(0, 0, 0, 0.05); mix-blend-mode: multiply; filter: grayscale(100%) sepia(30%) hue-rotate(200deg) saturate(70%) contrast(1.18) brightness(0.96); } @media (max-width: 990px) { .content_block_people .people_grid .person_block .profilepic { height: 85px; width: 85px; margin-bottom: 10px; } } .content_block_people .people_grid .person_block .icon { position: absolute; left: 0.9vw; bottom: 4px; display: inline-block; width: 1.5vw; width: 1.5vw; padding: 0.1vw; overflow: hidden; border-radius: 100px; background: black; transform: scale(1); transition: all ease-in-out 0.2s; } @media (max-width: 990px) { .content_block_people .people_grid .person_block .icon { width: 15px; width: 15px; padding: 2px; left: 10px; } } .content_block_people .people_grid .person_block .icon:hover { transform: scale(1.1); } .content_block_people .people_grid .person_block .icon img { display: block; width: 100%; height: 100%; } .content_block_people .people_grid .person_block div.details { position: relative; padding-left: 0.9vw; padding-bottom: 2vw; } @media (max-width: 590px) { .content_block_people .people_grid .person_block div.details { padding-bottom: 10vw; } } .content_block_people .people_grid .person_block div.details:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 500%; background: rgba(0, 0, 0, 0.3); } @media (max-width: 990px) { .content_block_people .people_grid .person_block div.details { padding-left: 10px; } } .content_block_people .people_grid .person_block div.details h5 { font-weight: 900; color: #5366E0; text-transform: uppercase; line-height: 1; font-size: 1.03em; letter-spacing: -0.04em; word-spacing: -0.08em; padding: 0 0 0.5vw 0; } .content_block_people .people_grid .person_block div.details h6 { font-weight: 700; color: black; letter-spacing: -0.02em; font-size: 0.7em; margin-bottom: 0; padding-bottom: 0; } .content_block_people .people_grid .person_block div.details h6.pad { padding: 0 0 0.5vw 0; } @media (max-width: 990px) { .content_block_people .people_grid .person_block div.details h6.pad { padding: 0 0 5px 0; } } @media (max-width: 590px) { .content_block_people .people_grid .person_block div.details h6.pad { font-size: 0.75em; } } .content_block_people .people_grid .person_block div.details p { font-family: "Open Sans", sans-serif; font-size: 0.65em; } @media (max-width: 590px) { .content_block_people .people_grid .person_block div.details p { font-size: 0.7em; } } .content_block_people .people_grid .person_block div.details span { display: block; font-size: 0.7em; padding: 0 0 0.5vw 0; } @media (max-width: 990px) { .content_block_people .people_grid .person_block div.details span { padding: 0 0 5px 0; } } /* 06. Logos */ .content_block_logos { background: white; } @media (max-width: 990px) { .content_block_logos { padding: 20px 10px 0 0; } } @media (max-width: 590px) { .content_block_logos { padding: 20px 0px 0 6px; } } @media (max-width: 590px) { .content_block_logos.notlines { padding: 0 0 0 17px; } } .content_block_logos.light { background: #F6F4F1; } .content_block_logos.grey { background: #efede9; } .content_block_logos .logos_heading { color: #232433; padding: 1vw 0 0 1vw; font-size: 1.5em; } .content_block_logos .logo_grid { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; } .content_block_logos .logo_grid.lines .logo_block { border-left: 1px solid rgba(0, 0, 0, 0.15); padding-left: 1vw; } .content_block_logos .logo_grid.lines .logo_block img { transform: scale(1.35); transform-origin: left center; } @media (max-width: 1290px) { .content_block_logos .logo_grid.lines .logo_block { width: 16.6666666667%; } } @media (max-width: 990px) { .content_block_logos .logo_grid.lines .logo_block { width: 20%; margin-bottom: 40px; padding-left: 10px; padding-right: 5px; } } @media (max-width: 790px) { .content_block_logos .logo_grid.lines .logo_block { width: 25%; } } @media (max-width: 690px) { .content_block_logos .logo_grid.lines .logo_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_logos .logo_grid.lines .logo_block { width: 50%; } } .content_block_logos .logo_grid .logo_block { padding-left: 0; margin-bottom: 2vw; } .content_block_logos .logo_grid .logo_block img { height: 8vw; width: 100%; object-fit: contain; object-position: left center; filter: saturate(0); mix-blend-mode: multiply; } @media (max-width: 990px) { .content_block_logos .logo_grid .logo_block img { height: 60px; } } @media (max-width: 550px) { .content_block_logos .logo_grid .logo_block img { height: 77px; } } .content_block_logos .logo_grid .logo_block p { font-family: "Open Sans", sans-serif; font-size: 0.65em; padding-right: 1vw; padding-top: 1vw; } @media (max-width: 600px) { .content_block_logos .logo_grid .logo_block p { font-size: 0.75em; } } .content_block_logos .logo_grid .logo_block a img { transition: all ease-in-out 0.15s; opacity: 1; } .content_block_logos .logo_grid .logo_block a img:hover { opacity: 0.5; cursor: pointer; } .content_block_logos .logo_grid .logo_block:nth-of-type(1) { border-left: none; } @media (min-width: 1290px) { .content_block_logos .logo_grid .logo_block:nth-child(7n+1) { border-left: none; } } @media (min-width: 990px) and (max-width: 1290px) { .content_block_logos .logo_grid .logo_block:nth-child(6n+1) { border-left: none; } } @media (min-width: 790px) and (max-width: 990px) { .content_block_logos .logo_grid .logo_block:nth-child(5n+1) { border-left: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_logos .logo_grid .logo_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_logos .logo_grid .logo_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_logos .logo_grid .logo_block:nth-child(2n+1) { border-left: none; } } .content_block_logos .logo_grid.cols7 { padding-left: 1.6vw; } .content_block_logos .logo_grid.cols7 .logo_block { width: 14.2857142857%; } @media (max-width: 1290px) { .content_block_logos .logo_grid.cols7 .logo_block { width: 16.6666666667%; } } @media (max-width: 990px) { .content_block_logos .logo_grid.cols7 .logo_block { width: 20%; margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_logos .logo_grid.cols7 .logo_block { width: 25%; } } @media (max-width: 690px) { .content_block_logos .logo_grid.cols7 .logo_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_logos .logo_grid.cols7 .logo_block { width: 50%; } } @media (min-width: 1290px) { .content_block_logos .logo_grid.cols7 .logo_block:nth-child(7n+1) { border-left: none; } } @media (min-width: 990px) and (max-width: 1290px) { .content_block_logos .logo_grid.cols7 .logo_block:nth-child(6n+1) { border-left: none; } } @media (min-width: 790px) and (max-width: 990px) { .content_block_logos .logo_grid.cols7 .logo_block:nth-child(5n+1) { border-left: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_logos .logo_grid.cols7 .logo_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_logos .logo_grid.cols7 .logo_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_logos .logo_grid.cols7 .logo_block:nth-child(2n+1) { border-left: none; } } .content_block_logos .logo_grid.cols6 .logo_block { width: 16.6666666667%; } @media (max-width: 990px) { .content_block_logos .logo_grid.cols6 .logo_block { width: 20%; margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_logos .logo_grid.cols6 .logo_block { width: 25%; } } @media (max-width: 690px) { .content_block_logos .logo_grid.cols6 .logo_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_logos .logo_grid.cols6 .logo_block { width: 50%; } } @media (min-width: 990px) { .content_block_logos .logo_grid.cols6 .logo_block:nth-child(6n+1) { border-left: none; } } @media (min-width: 790px) and (max-width: 990px) { .content_block_logos .logo_grid.cols6 .logo_block:nth-child(5n+1) { border-left: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_logos .logo_grid.cols6 .logo_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_logos .logo_grid.cols6 .logo_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_logos .logo_grid.cols6 .logo_block:nth-child(2n+1) { border-left: none; } } .content_block_logos .logo_grid.cols5 .logo_block { width: 20%; } .content_block_logos .logo_grid.cols5 .logo_block img { height: 5.75vw; } @media (max-width: 990px) { .content_block_logos .logo_grid.cols5 .logo_block img { height: 50px; } } @media (max-width: 990px) { .content_block_logos .logo_grid.cols5 .logo_block { margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_logos .logo_grid.cols5 .logo_block { width: 25%; } } @media (max-width: 690px) { .content_block_logos .logo_grid.cols5 .logo_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_logos .logo_grid.cols5 .logo_block { width: 50%; } } @media (min-width: 790px) { .content_block_logos .logo_grid.cols5 .logo_block:nth-child(5n+1) { border-left: none; } } @media (min-width: 690px) and (max-width: 790px) { .content_block_logos .logo_grid.cols5 .logo_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_logos .logo_grid.cols5 .logo_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_logos .logo_grid.cols5 .logo_block:nth-child(2n+1) { border-left: none; } } .content_block_logos .logo_grid.cols4 .logo_block { width: 25%; } .content_block_logos .logo_grid.cols4 .logo_block img { height: 6vw; } @media (max-width: 990px) { .content_block_logos .logo_grid.cols4 .logo_block img { height: 50px; } } @media (max-width: 990px) { .content_block_logos .logo_grid.cols4 .logo_block { margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_logos .logo_grid.cols4 .logo_block { width: 25%; } } @media (max-width: 690px) { .content_block_logos .logo_grid.cols4 .logo_block { width: 33.3333333333%; } } @media (max-width: 490px) { .content_block_logos .logo_grid.cols4 .logo_block { width: 50%; } } @media (min-width: 690px) { .content_block_logos .logo_grid.cols4 .logo_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_logos .logo_grid.cols4 .logo_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_logos .logo_grid.cols4 .logo_block:nth-child(2n+1) { border-left: none; } } .content_block_logos .logo_grid.cols3 .logo_block { width: 33.3333333333%; border-left: 1px solid rgba(0, 0, 0, 0.15) !important; padding-left: 1vw; } @media (max-width: 990px) { .content_block_logos .logo_grid.cols3 .logo_block { border-left: 0px solid rgba(0, 0, 0, 0.15) !important; } } .content_block_logos .logo_grid.cols3 .logo_block img { height: 6vw; } @media (max-width: 990px) { .content_block_logos .logo_grid.cols3 .logo_block img { height: 50px; } } @media (max-width: 990px) { .content_block_logos .logo_grid.cols3 .logo_block { margin-bottom: 40px; } } @media (max-width: 790px) { .content_block_logos .logo_grid.cols3 .logo_block { width: 33.3333333333%; } } @media (max-width: 690px) { .content_block_logos .logo_grid.cols3 .logo_block { width: 50%; } } @media (max-width: 490px) { .content_block_logos .logo_grid.cols3 .logo_block { width: 50%; } } @media (min-width: 690px) { .content_block_logos .logo_grid.cols3 .logo_block:nth-child(4n+1) { border-left: none; } } @media (min-width: 490px) and (max-width: 690px) { .content_block_logos .logo_grid.cols3 .logo_block:nth-child(3n+1) { border-left: none; } } @media (min-width: 0px) and (max-width: 490px) { .content_block_logos .logo_grid.cols3 .logo_block:nth-child(2n+1) { border-left: none; } } /* 07. Stories */ .content_block_stories { background: #F6F4F1; } .content_block_stories.whitebg { background: white; padding-top: 0 !important; padding-bottom: 0 !important; } .content_block_stories.whitebg .casestudy_holder { margin-top: 0 !important; } .content_block_stories.founders_casestudies { padding-top: 4vw; padding-bottom: 3vw; } @media (max-width: 890px) { .content_block_stories.founders_casestudies { padding-bottom: 15vw; } } @media (max-width: 490px) { .content_block_stories.founders_casestudies { padding-bottom: 0; } } .content_block_stories.founders_casestudies h2 { letter-spacing: -0.05em; } .content_block_stories.founders_casestudies .casestudy_holder { display: flex; flex-direction: row; align-items: flex-end; padding-bottom: 0; width: 85%; margin-top: 2vw; background: #191924; } @media (max-width: 1050px) { .content_block_stories.founders_casestudies .casestudy_holder { width: 100%; } } @media (max-width: 690px) { .content_block_stories.founders_casestudies .casestudy_holder { flex-wrap: wrap; align-items: flex-end; padding-bottom: 0; width: 80%; } } .content_block_stories.founders_casestudies .casestudy_holder_case { height: 50vw; position: relative; width: 33.3333333333%; background: black; background-position: center center; background-size: cover; display: flex; flex-direction: column; } @media (max-width: 1050px) { .content_block_stories.founders_casestudies .casestudy_holder_case { height: 60vw; } } @media (max-width: 790px) { .content_block_stories.founders_casestudies .casestudy_holder_case { height: 80vw; } } @media (max-width: 690px) { .content_block_stories.founders_casestudies .casestudy_holder_case { width: 50%; height: 85vw; } } @media (max-width: 490px) { .content_block_stories.founders_casestudies .casestudy_holder_case { width: 100%; height: 170vw; } } .content_block_stories.founders_casestudies .casestudy_holder_case p { position: absolute; margin: 5%; width: 90%; font-size: 0.8em; color: white; } @media (max-width: 590px) { .content_block_stories.founders_casestudies .casestudy_holder_case p { font-size: 0.95em; } } .content_block_stories.founders_casestudies .casestudy_holder_case p strong { font-family: "Open Sans", sans-serif; font-weight: 700; color: white; display: block; text-transform: uppercase; } .content_block_stories.founders_casestudies .casestudy_holder_case a.founders_btn { position: absolute; z-index: 10; margin: 7%; width: 86%; bottom: 0; left: 0; opacity: 0; transition: all ease-in-out 0.5s; transition-delay: 0s; } @media (max-width: 790px) { .content_block_stories.founders_casestudies .casestudy_holder_case a.founders_btn { opacity: 1; top: auto; bottom: 0; left: -5px; transform: scale(0.85); transform-origin: bottom left; } } @media (max-width: 590px) { .content_block_stories.founders_casestudies .casestudy_holder_case a.founders_btn { margin: 15px; left: -3px; width: 60%; } } .content_block_stories.founders_casestudies .casestudy_holder_case img.product { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; transition: all ease-in-out 0.3s; object-fit: cover; object-position: center center; } @media (max-width: 790px) { .content_block_stories.founders_casestudies .casestudy_holder_case img.product { display: none; } } .content_block_stories.founders_casestudies .casestudy_holder_case:hover a.founders_btn { opacity: 1; transition-delay: 0.3s; } .content_block_stories.founders_casestudies .casestudy_holder_case:hover img.product { opacity: 1; } .content_block_stories.founders_casestudies .casestudy_holder_case:hover em { opacity: 0 !important; } .content_block_stories.founders_casestudies .casestudy_holder_case img.founder { height: 66%; width: 100%; object-fit: cover; object-position: center center; } @media (max-width: 790px) { .content_block_stories.founders_casestudies .casestudy_holder_case img.founder { height: 57%; } } @media (max-width: 490px) { .content_block_stories.founders_casestudies .casestudy_holder_case img.founder { height: 67%; } } .content_block_stories.founders_casestudies .casestudy_holder_case .details { height: 34%; background: #232433; padding: 1.5vw; font-family: "Open Sans", sans-serif, "Bitter", serif; font-size: 0.8em; color: rgba(255, 255, 255, 0.7019607843); padding-right: 8.5%; } @media (max-width: 990px) { .content_block_stories.founders_casestudies .casestudy_holder_case .details { padding: 20px; } } @media (max-width: 790px) { .content_block_stories.founders_casestudies .casestudy_holder_case .details { height: 43%; padding: 15px; font-size: 0.9em; } } @media (max-width: 490px) { .content_block_stories.founders_casestudies .casestudy_holder_case .details { height: 35%; padding: 15px 30px 15px 15px; font-size: 0.9em; } } .content_block_stories.founders_casestudies .casestudy_holder_case .details h3 { color: white; } .content_block_stories.founders_casestudies .casestudy_holder_case .details h3 span { -webkit-text-stroke-color: white !important; text-stroke-color: white !important; } /* 08. Homepage Layout */ .content_block_homepage { background: white; } .content_block_homepage h3 { transform: scale(1.65); transform-origin: top left; color: #232433; letter-spacing: -0.04em; padding-bottom: 5vw; } @media (max-width: 990px) { .content_block_homepage h3 { transform: scale(1); } } @media (max-width: 450px) { .content_block_homepage h3 { transform: scale(1); margin-bottom: -30px; } } .content_block_homepage h4 { font-family: "Serif Font"; margin: 0; padding: 0; letter-spacing: -0.015em; } .content_block_homepage h4 + h4 { text-indent: 4vw; } .content_block_homepage h4:last-of-type { padding-bottom: 1vw; } .content_block_homepage p { margin: 0; padding: 0; } .content_block_homepage p + p { text-indent: 3vw; } .content_block_homepage .img1, .content_block_homepage img2 { position: relative; } .content_block_homepage .img1 img, .content_block_homepage img2 img { position: absolute; } @media (max-width: 1090px) { .content_block_homepage .img1 { padding-top: 12vw; } } @media (max-width: 590px) { .content_block_homepage .img1 { padding: 0 !important; } } .content_block_homepage .img1 img { z-index: 10; top: 1.8vw; right: 50%; } @media (max-width: 1090px) { .content_block_homepage .img1 img { top: 16.5vw; right: 109%; } } @media (max-width: 590px) { .content_block_homepage .img1 img { top: 260px; right: 46%; } } .content_block_homepage .img1 img:nth-of-type(1) { width: 60%; height: auto; } @media (max-width: 590px) { .content_block_homepage .img1 img:nth-of-type(1) { width: 50%; } } .content_block_homepage .img2 img { top: 0; right: 0%; } .content_block_homepage .img2 img:nth-of-type(1) { width: 90%; height: auto; } @media (max-width: 1090px) { .content_block_homepage .img2 img:nth-of-type(1) { position: relative; right: 5vw; z-index: 1; } } @media (max-width: 590px) { .content_block_homepage .img2 img:nth-of-type(1) { width: 60%; height: auto; float: right; padding: 200px 0 0 0; } } /* 09. Stats */ .content_block_stats { background: white; padding-bottom: 1vw; padding-top: 5vw; } @media (max-width: 600px) { .content_block_stats .extra_padding { padding: 15px !important; } } @media (max-width: 600px) { .content_block_stats .extra_padding .col12 { padding: 0px !important; } } .content_block_stats h3 { text-transform: none; color: #5366E0; transform: scale(1.1); transform-origin: top left; white-space: nowrap; } @media (max-width: 990px) { .content_block_stats h3 { font-size: 8.5vw; transform: scale(1); } } @media (max-width: 700px) { .content_block_stats h3 { font-size: 12vw; } } @media (max-width: 550px) { .content_block_stats h3 { font-size: 15vw; } } .content_block_stats h3 svg { width: 2.5vw; height: auto; display: inline; } @media (max-width: 990px) { .content_block_stats h3 svg { width: 3vw; } } @media (max-width: 700px) { .content_block_stats h3 svg { width: 4.5vw; } } .content_block_stats em { font-style: normal; display: inline-block; padding-right: 1.5vw; opacity: 0.5; } .content_block_stats .stats_grid { display: flex; flex-wrap: wrap; margin-bottom: 2vw; } @media (max-width: 700px) { .content_block_stats .stats_grid .hidemob { display: none; } } @media (min-width: 700px) { .content_block_stats .stats_grid .hidedesk { display: none; } } .content_block_stats .stats_grid div.stat { position: relative; width: 33.3333333333%; border-top: 1px solid #5366E0; border-right: 1px solid #5366E0; } @media (min-width: 700px) { .content_block_stats .stats_grid div.stat { width: 33.3333333333%; padding-left: 1.5vw; padding-bottom: 3vw; } } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat { width: 50%; padding-left: 10px; padding-bottom: 20px; } } @media (max-width: 550px) { .content_block_stats .stats_grid div.stat { width: 100% !important; padding-left: 0 !important; border-right: none !important; } } .content_block_stats .stats_grid div.stat em { font-style: normal; width: 75%; display: inline-block; padding-top: 1vw; padding-right: 0; opacity: 1; font-size: 0.9em; } @media (max-width: 1000px) { .content_block_stats .stats_grid div.stat em { font-size: 1.4vw; } } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat em { font-size: 13px; } } @media (max-width: 450px) { .content_block_stats .stats_grid div.stat em { width: 65%; font-size: 13px; } } .content_block_stats .stats_grid div.stat .info { position: absolute; z-index: 10; top: 2px; right: 19px; } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat .info { right: 10px; } } @media (max-width: 600px) { .content_block_stats .stats_grid div.stat .info { top: auto; bottom: 10px; } } @media (max-width: 550px) { .content_block_stats .stats_grid div.stat .info { right: 0px; } } .content_block_stats .stats_grid div.stat .info_wrap { position: relative; } .content_block_stats .stats_grid div.stat .info .icon { width: 20px; height: 20px; line-height: 20px; border-radius: 200px; color: white; text-align: center; font-family: "Open Sans", sans-serif; font-weight: 900; font-size: 13px; background: #b4b4b4; cursor: pointer; } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat .info .icon { width: 15px; height: 15px; line-height: 15px; font-size: 11px; } } .content_block_stats .stats_grid div.stat .info .text { position: absolute; background: #232433; width: 200px; left: -172px; color: white; padding: 13px 13px 15px 16px; opacity: 0; bottom: 30px; transition: all 0.8s cubic-bezier(0, 0.55, 0.45, 1); pointer-events: none; line-height: 1.2; font-size: 0.75em; border-radius: 3px; } .content_block_stats .stats_grid div.stat .info .text:after { content: ""; position: absolute; bottom: -14px; left: 86%; background: #232433; width: 20px; height: 20px; clip-path: polygon(50% 70%, 0 0, 100% 0); } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat .info .text:after { left: 85%; bottom: -11px; } } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat .info .text { width: 144px; left: -125px; bottom: 20px; padding: 9px 9px 11px 12px; } } .content_block_stats .stats_grid div.stat:hover .info .text { opacity: 1; bottom: 35px; pointer-events: all; transition-delay: 0.4s; } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat:hover .info .text { bottom: 25px; } } @media (min-width: 700px) { .content_block_stats .stats_grid div.stat:nth-of-type(1), .content_block_stats .stats_grid div.stat:nth-of-type(2), .content_block_stats .stats_grid div.stat:nth-of-type(3) { border-top: none; } } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat:nth-of-type(1), .content_block_stats .stats_grid div.stat:nth-of-type(2) { border-top: none; } } @media (max-width: 550px) { .content_block_stats .stats_grid div.stat:nth-of-type(2) { border-top: 1px solid #5366E0; padding-top: 1.5vw; } } .content_block_stats .stats_grid div.stat.eight { display: none; } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat.eight { display: block; } } @media (min-width: 700px) { .content_block_stats .stats_grid div.stat:nth-child(3n+1) { padding-left: 0; } } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat:nth-child(2n+1) { padding-left: 0; } } @media (min-width: 700px) { .content_block_stats .stats_grid div.stat + div.stat + div.stat + div.stat { padding-top: 1.5vw; } .content_block_stats .stats_grid div.stat + div.stat + div.stat + div.stat .info { top: 20px; } } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat + div.stat + div.stat { padding-top: 10px; } .content_block_stats .stats_grid div.stat + div.stat + div.stat .info { top: 10px; } } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat + div.stat + div.stat .info { top: 20px; } } @media (max-width: 600px) { .content_block_stats .stats_grid div.stat + div.stat + div.stat .info { top: auto; bottom: 10px; } } @media (min-width: 700px) { .content_block_stats .stats_grid div.stat:nth-child(3n) { border-right: none; } } @media (max-width: 700px) { .content_block_stats .stats_grid div.stat:nth-child(2n) { border-right: none; } } .content_block_stats.blockispaleblue h3 { color: #6194ba; } .content_block_stats.blockispaleblue h3 svg polygon { fill: #6194ba; } .content_block_stats.blockispaleblue .stats_grid div.stat { border-color: #6194ba; } .content_block_stats.blockisgreen h3 { color: #61a891; } .content_block_stats.blockisgreen h3 svg polygon { fill: #61a891; } .content_block_stats.blockisgreen .stats_grid div.stat { border-color: #61a891; } .content_block_stats.blockispurple h3 { color: #75629b; } .content_block_stats.blockispurple h3 svg polygon { fill: #61a891; } .content_block_stats.blockispurple .stats_grid div.stat { border-color: #75629b; } .content_block_stats.blockisnavy h3 { color: #232433; } .content_block_stats.blockisnavy h3 svg polygon { fill: #232433; } .content_block_stats.blockisnavy .stats_grid div.stat { border-color: #232433; } /* 10. Start Layout */ .content_block_start { background: #232433; color: white; } .content_block_start .no1_wrap { position: relative; left: 1vw; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 1vw; } @media (max-width: 600px) { .content_block_start .no1_wrap { left: 0px; } } .content_block_start .no1_wrap:after { position: absolute; bottom: 0; left: 0.2vw; content: ""; height: 1px; width: calc(100% - 2vw); background: rgba(255, 255, 255, 0.2); } .content_block_start .no1_wrap .no1_col { width: 24vw; } @media (max-width: 600px) { .content_block_start .no1_wrap .no1_col { width: 38vw; } } .content_block_start .no1_wrap .no1_col h2 { text-transform: none; letter-spacing: -0.06em; color: white; } @media (max-width: 600px) { .content_block_start .no1_wrap .no1_col h2 { font-size: 13vw; } } .content_block_start .no1_wrap .no1_col em { padding-top: 0; opacity: 0.65; width: 80%; } .content_block_start .no1_wrap .line { position: relative; top: 4vw; right: 1.4vw; flex-grow: 1; border-left: 1px solid #5366E0; border-right: 1px solid #5366E0; height: 3vw; } @media (max-width: 600px) { .content_block_start .no1_wrap .line { top: 5vw; right: 4.4vw; height: 4vw; } } .content_block_start .no1_wrap .line:after { position: absolute; top: 50%; content: ""; height: 1px; width: 100%; background: #5366E0; } @media (max-width: 600px) { .content_block_start .no1_wrap div.line + div.no1_col { width: 30%; } .content_block_start .no1_wrap div.line + div.no1_col em { width: 100%; } } .content_block_start .no1_wrap em { opacity: 0.5; width: 100%; font-style: normal; display: block; padding-left: 0.5vw; padding-top: 2vw; font-size: 0.8em; } .content_block_start .col4 a { width: 82%; float: right; } @media (max-width: 600px) { .content_block_start .col4 a { width: 76%; float: left; margin: -16px 0 20px 0; } } .content_block_start .col4 a:hover { width: 83%; } .content_block_start .col4 .newlinker { width: 81%; float: right; opacity: 0.5; margin-top: 20px; } @media (max-width: 600px) { .content_block_start .col4 .newlinker { width: 60%; float: left; margin: 0 0 30px 5px; } } @media (max-width: 450px) { .content_block_start .col4 .newlinker { width: 80%; } } .content_block_start .col8 { border-right: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 6vw; } .content_block_start .col8 p, .content_block_start .col8 h4, .content_block_start .col8 ul { color: white; padding: 0 11vw 0 1vw; } @media (max-width: 600px) { .content_block_start .col8 p, .content_block_start .col8 h4, .content_block_start .col8 ul { padding-left: 0; } } .content_block_start .col8 h4 { width: 67%; transform: scale(1.1); transform-origin: top left; padding-bottom: 3vw; } @media (max-width: 600px) { .content_block_start .col8 h4 { width: 100%; } } .content_block_start.blockispaleblue .no1_wrap .line { border-left: 1px solid #6194ba; border-right: 1px solid #6194ba; } .content_block_start.blockispaleblue .no1_wrap .line:after { background: #6194ba; } .content_block_start.blockispaleblue .col4 a.founders_btn { background-color: #6194ba; } .content_block_start.blockisgreen .no1_wrap .line { border-left: 1px solid #61a891; border-right: 1px solid #61a891; } .content_block_start.blockisgreen .no1_wrap .line:after { background: #61a891; } .content_block_start.blockisgreen .col4 a.founders_btn { background-color: #61a891; } .content_block_start.blockispurple .no1_wrap .line { border-left: 1px solid #75629b; border-right: 1px solid #75629b; } .content_block_start.blockispurple .no1_wrap .line:after { background: #75629b; } .content_block_start.blockispurple .col4 a.founders_btn { background-color: #75629b; } /* 11. Timeline */ .content_block_timeline { background: #5366E0; color: white; } .content_block_timeline .container { display: flex; flex-wrap: wrap; } .content_block_timeline .container .col7 { position: relative; } .content_block_timeline .container .col7 h4 { top: 90px; left: 0; color: white; position: sticky; } .content_block_timeline .timeline { padding-top: 1.5vw; } @media (max-width: 1000px) { .content_block_timeline .timeline { padding-top: 20px; } } @media (max-width: 590px) { .content_block_timeline .timeline { padding-top: 50px; margin-left: -100px; } } .content_block_timeline .timeline_block { display: flex; } .content_block_timeline .timeline_block .left { width: 40%; text-align: right; padding-right: 2.5vw; } @media (max-width: 1000px) { .content_block_timeline .timeline_block .left { padding-right: 25px; } } .content_block_timeline .timeline_block .left label { position: relative; top: -1vw; display: inline-block; background: rgba(255, 255, 255, 0.5); color: #5366E0; font-weight: 700; font-size: 0.6em; text-transform: uppercase; padding: 0.15vw 0.3vw; border-radius: 3px; } @media (max-width: 1000px) { .content_block_timeline .timeline_block .left label { top: -10px; padding: 2px 4px; font-size: 10px; border-radius: 2px; } } @media (max-width: 590px) { .content_block_timeline .timeline_block .left label { padding: 1px 4px; font-size: 9px; } } .content_block_timeline .timeline_block .right { position: relative; min-height: 11vw; padding-left: 2.5vw; width: 60%; border-left: 1px solid black; } @media (max-width: 1000px) { .content_block_timeline .timeline_block .right { min-height: 110px; padding-left: 25px; } } .content_block_timeline .timeline_block .right:before { content: ""; position: absolute; top: -4px; left: -6px; width: 11px; height: 11px; background: black; clip-path: polygon(50% 90%, 0 0, 100% 0); } .content_block_timeline .timeline_block .right h5 { font-weight: 900; text-transform: uppercase; font-size: 1.8vw; line-height: 1; margin-top: -1vw; letter-spacing: -0.02em; } @media (max-width: 1000px) { .content_block_timeline .timeline_block .right h5 { font-size: 20px; margin-top: -10px; } } .content_block_timeline .timeline_block .right h5 span { display: block; color: rgba(255, 255, 255, 0.4); } .content_block_timeline .timeline_block .right p { font-family: "Open Sans", sans-serif; color: rgba(255, 255, 255, 0.6); font-size: 0.75em; padding-right: 1vw; } @media (max-width: 1000px) { .content_block_timeline .timeline_block .right p { padding-right: 10px; font-size: 13px; } } @media (max-width: 590px) { .content_block_timeline .timeline_block .right p { font-size: 12px; } } .content_block_timeline .timeline_block:nth-of-type(1) .right:before { background: black; clip-path: none; border-radius: 100px; left: -5px; width: 9px; height: 9px; } .content_block_timeline .timeline_block:last-of-type .right { border-left: none; } .content_block_timeline .timeline_block:last-of-type .right:before { background: black; clip-path: none; border-radius: 100px; left: -5px; width: 9px; height: 9px; } .content_block_timeline.blockispaleblue { background: #6194ba; } .content_block_timeline.blockispaleblue .timeline_block .left label { color: #6194ba; } .content_block_timeline.blockisgreen { background: #61a891; } .content_block_timeline.blockisgreen .timeline_block .left label { color: #61a891; } .content_block_timeline.blockispurple { background: #75629b; } .content_block_timeline.blockispurple .timeline_block .left label { color: #75629b; } /* Expanding Boxes */ .expander-group { margin-top: -1px; background: transparent; margin-top: 1.8vw !important; margin-bottom: 1.8vw !important; } @media (min-width: 1790px) { .expander-group { margin-top: 32.4px !important; margin-bottom: 32.4px !important; } } @media (max-width: 1290px) { .expander-group { margin-top: 23.22px !important; margin-bottom: 23.22px !important; } } .expander-group h3.ui-accordion-header { color: black; } .expander-group hr { border-bottom: 1px solid #000; border-top: none; opacity: 1; margin: 22px 0 0 0; clear: both; } @media (max-width: 1050px) { .expander-group hr { margin: 12px 0 0 0; } } .expander-group div.expander, .expander-group div.expander-open { margin-top: -1px; padding-top: 0; } .expander-group div.expander hr, .expander-group div.expander-open hr { background: none; } .expander-group div.expander h3, .expander-group div.expander-open h3 { cursor: pointer; padding-bottom: 0; transition: 0.1s ease-in-out; margin-bottom: 0; padding-top: 25px; user-select: none; } .expander-group div.expander h3 i, .expander-group div.expander-open h3 i { font-style: normal; padding-right: 35px; display: inline-block; } @media (max-width: 1050px) { .expander-group div.expander h3, .expander-group div.expander-open h3 { padding-top: 12px; } } .expander-group div.expander h3:first-of-type, .expander-group div.expander-open h3:first-of-type { border-top: 1px solid #000; } .expander-group div.expander h3.ui-state-active, .expander-group div.expander-open h3.ui-state-active { border-bottom: 0; transition: 0.1s ease-in-out; } .expander-group div.expander h3.ui-state-active hr, .expander-group div.expander-open h3.ui-state-active hr { opacity: 0; } .expander-group div.expander h3.ui-state-active span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-state-active span.ui-accordion-header-icon { transform: rotate(45deg); } .expander-group div.expander h3.ui-accordion-header, .expander-group div.expander-open h3.ui-accordion-header { font-weight: normal; position: relative; outline: none; } .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon { height: 36px; width: 36px; position: absolute; right: 0px; top: 19px; transition: 0.1s ease-in-out; background-image: none !important; } @media (min-width: 1690px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon { top: 30px; } } @media (max-width: 1050px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon { height: 30px; width: 30px; top: 11px; } } @media (max-width: 500px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon { height: 28px; width: 28px; top: 10px; } } .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { content: ""; position: absolute; top: 0; left: 17px; height: 100%; width: 2px; background: black; } @media (max-width: 1050px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { left: 14px; } } @media (max-width: 500px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:after, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { left: 13px; } } .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { top: 17px; left: 0px; height: 2px; width: 100%; } @media (max-width: 1050px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { top: 14px; } } @media (max-width: 500px) { .expander-group div.expander h3.ui-accordion-header span.ui-accordion-header-icon:before, .expander-group div.expander-open h3.ui-accordion-header span.ui-accordion-header-icon:before { top: 13px; } } .expander-group div.expander h3 span.ui-accordion-header-icon, .expander-group div.expander-open h3 span.ui-accordion-header-icon { height: 35px; width: 35px; position: absolute; right: 20px; transition: 0.1s ease-in-out; } @media (max-width: 500px) { .expander-group div.expander h3 span.ui-accordion-header-icon, .expander-group div.expander-open h3 span.ui-accordion-header-icon { height: 28px; width: 28px; } } .expander-group div.expander div.ui-accordion-content, .expander-group div.expander-open div.ui-accordion-content { z-index: -1; margin-top: 0px !important; } @media (max-width: 1290px) { .expander-group div.expander div.ui-accordion-content div.col_5, .expander-group div.expander-open div.ui-accordion-content div.col_5 { margin-left: 42%; width: 50%; } } @media (max-width: 1050px) { .expander-group div.expander div.ui-accordion-content div.col_5, .expander-group div.expander-open div.ui-accordion-content div.col_5 { margin-left: 0%; width: 90%; } } .expander-group div.expander div.ui-accordion-content div.col_5 h3, .expander-group div.expander-open div.ui-accordion-content div.col_5 h3 { font-size: 25px; } @media (max-width: 1050px) { .expander-group div.expander div.ui-accordion-content div.col_5 h3, .expander-group div.expander-open div.ui-accordion-content div.col_5 h3 { font-size: 24px; } } @media (max-width: 1050px) { .expander-group div.expander div.ui-accordion-content, .expander-group div.expander-open div.ui-accordion-content { margin-top: 0px !important; } } .expander-group div.expander div.ui-accordion-content div.expander-content, .expander-group div.expander-open div.ui-accordion-content div.expander-content { margin-bottom: 35px; } .expander-group div.expander div.ui-accordion-content hr, .expander-group div.expander-open div.ui-accordion-content hr { border-bottom: none; opacity: 1; clear: both; } .expander-group div.expander div.ui-accordion-content h3 span.dob, .expander-group div.expander-open div.ui-accordion-content h3 span.dob { font-weight: normal; margin-left: 6px; } .expander-group div.expander div.ui-accordion-content-active hr, .expander-group div.expander-open div.ui-accordion-content-active hr { border-bottom: 1px solid #000; } /* 12. Scrolling Text */ .content_block_scroller.dark .ticker-wrapper { background: #1f202d; } .content_block_scroller.paleblue .ticker-wrapper { background: #5a8fb7; } .content_block_scroller.green .ticker-wrapper { background: #5aa48c; } .content_block_scroller.purple .ticker-wrapper { background: #705e95; } .content_block_scroller .ticker-wrapper { overflow: hidden; position: relative; background: #4a5ede; white-space: nowrap; padding: 1.2vw 0 1.2vw 0; } @media (max-width: 590px) { .content_block_scroller .ticker-wrapper { padding: 15px 0 15px 0; } } .content_block_scroller .ticker-wrapper .ticker-content { display: flex; animation: ticker linear infinite; } .content_block_scroller .ticker-wrapper .ticker-content .ticker-item { margin-right: 20px; /* Gap between instances */ text-transform: uppercase; font-weight: 600; font-size: 0.9em; color: white; } @keyframes ticker { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } /* 13. Contact Form */ .content_block_contact { background: #5366E0; } .content_block_contact h3 { color: white; } /* 14. Community Form */ .founders_communityform { background: #5366E0; } .founders_communityform .col5 { color: white; position: relative; padding-top: 0 !important; top: 0; left: 0.7vw; } @media (max-width: 590px) { .founders_communityform .col5 { top: 0; left: 0; padding-left: 0; } } @media (max-width: 590px) { .founders_communityform #mc_embed_shell { padding: 0 0 50px 0 !important; } } @media (max-width: 590px) { .founders_communityform #mc_embed_shell form { padding: 0 !important; margin: 0; } } .founders_communityform #mc_embed_shell form .checkboxes { padding-bottom: 1vw; } @media (max-width: 590px) { .founders_communityform #mc_embed_signup #mc-embedded-subscribe-form .optionalParent { position: relative; bottom: 0px !important; } } .founders_communityform #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { background: #e85c41; color: white; font-family: "Open Sans", sans-serif; font-weight: bold; padding-left: 6px; padding-right: 6px; margin-top: 6px; margin-left: 0; } @media (max-width: 590px) { .founders_communityform #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { transform: scale(0.85); transform-origin: left top; } } .founders_communityform ul li { list-style: none; } .founders_communityform ul li:before { display: none; } body.page-id-37 .founders_signup, body.page-id-51 .founders_signup { display: none; } /* 17. Post Editor */ .content_block_posteditor { padding-top: 2vw; background: white; } .content_block_posteditor .blockquote_wrap { overflow-x: hidden; } .content_block_posteditor .post_date { padding: 1vw 2vw 2vw 2vw; } @media (max-width: 590px) { .content_block_posteditor .post_date { padding: 16px 10px 34px 10px; text-align: right; } } .content_block_posteditor .post_date em { color: #999999 !important; font-style: normal; font-weight: bold; } .content_block_posteditor figcaption { color: #666666 !important; margin: 0.5em 0 0.8075em 0; font-size: 0.9em; } .content_block_posteditor blockquote { margin-top: 4vw; margin-bottom: 4vw; padding: 2vw; position: relative; padding-left: 0; padding-right: 0; } @media (min-width: 1390px) { .content_block_posteditor blockquote { padding: 4vw; padding-left: 0; padding-right: 0; } } @media (max-width: 990px) { .content_block_posteditor blockquote { margin-top: 35px; margin-bottom: 30px; padding: 20px; padding-left: 0; padding-right: 0; } } .content_block_posteditor blockquote p, .content_block_posteditor blockquote h1, .content_block_posteditor blockquote h2, .content_block_posteditor blockquote h3, .content_block_posteditor blockquote h4, .content_block_posteditor blockquote h5, .content_block_posteditor blockquote h6, .content_block_posteditor blockquote em, .content_block_posteditor blockquote a, .content_block_posteditor blockquote li, .content_block_posteditor blockquote ol, .content_block_posteditor blockquote cite { position: relative; z-index: 10; color: white; line-height: 1.2; } .content_block_posteditor blockquote p { font-size: 2.25vw; } @media (max-width: 1190px) { .content_block_posteditor blockquote p { font-size: 23px; } } @media (max-width: 590px) { .content_block_posteditor blockquote p { font-size: 21px; } } .content_block_posteditor blockquote:after { content: ""; background-color: #232433; position: absolute; z-index: 1; right: -250px; top: 0; width: calc(100vw + 350px); height: 100%; } .content_block_posteditor p.leadpara { font-family: "Bitter"; font-size: 1.1em; font-weight: 600; color: #232433; } .content_block_posteditor h1, .content_block_posteditor h2, .content_block_posteditor h3, .content_block_posteditor h4, .content_block_posteditor h5, .content_block_posteditor h6 { color: #232433; } .content_block_posteditor h1 strong, .content_block_posteditor h1 em, .content_block_posteditor h1 a, .content_block_posteditor h2 strong, .content_block_posteditor h2 em, .content_block_posteditor h2 a, .content_block_posteditor h3 strong, .content_block_posteditor h3 em, .content_block_posteditor h3 a, .content_block_posteditor h4 strong, .content_block_posteditor h4 em, .content_block_posteditor h4 a, .content_block_posteditor h5 strong, .content_block_posteditor h5 em, .content_block_posteditor h5 a, .content_block_posteditor h6 strong, .content_block_posteditor h6 em, .content_block_posteditor h6 a { color: #232433; } .content_block_posteditor cite { font-style: normal; } .content_block_posteditor h1 { font-size: 5vw; } @media (max-width: 990px) { .content_block_posteditor h1 { font-size: 50px; } } @media (max-width: 590px) { .content_block_posteditor h1 { font-size: 36px; } } .content_block_posteditor h2 { font-size: 4vw; } @media (max-width: 990px) { .content_block_posteditor h2 { font-size: 40px; } } @media (max-width: 590px) { .content_block_posteditor h2 { font-size: 32px; } } .content_block_posteditor h3, .content_block_posteditor .h3 { font-size: 3.2vw; } @media (max-width: 1190px) { .content_block_posteditor h3, .content_block_posteditor .h3 { font-size: 35.7px; } } @media (max-width: 590px) { .content_block_posteditor h3, .content_block_posteditor .h3 { font-size: 30px; } } @media (max-width: 450px) { .content_block_posteditor h3, .content_block_posteditor .h3 { font-size: 26px; } } .content_block_posteditor h4, .content_block_posteditor .h4 { font-size: 2.25vw; } @media (max-width: 1190px) { .content_block_posteditor h4, .content_block_posteditor .h4 { font-size: 26.775px; } } @media (max-width: 590px) { .content_block_posteditor h4, .content_block_posteditor .h4 { font-size: 22px; } } .content_block_posteditor h5, .content_block_posteditor .h5 { font-size: 18px; } @media (max-width: 575px) { .content_block_posteditor h5, .content_block_posteditor .h5 { font-size: 16px; } } .content_block_posteditor h6, .content_block_posteditor .h6 { font-size: 16px; } @media (max-width: 575px) { .content_block_posteditor h6, .content_block_posteditor .h6 { font-size: 14px; } } .content_block_posteditor p, .content_block_posteditor li, .content_block_posteditor ol, .content_block_posteditor em, .content_block_posteditor strong { color: #555555; } .content_block_posteditor p a, .content_block_posteditor li a, .content_block_posteditor ol a { color: #555555; opacity: 0.8; border-bottom: 1px solid #e5e1e1; transition: all ease-in-out 0.2s; } .content_block_posteditor p a:hover, .content_block_posteditor li a:hover, .content_block_posteditor ol a:hover { opacity: 1; border-bottom: 1px solid #1f2528; } /* 18. Downloads */ .content_block_downloads { background: white; padding-bottom: 5vw; } @media (max-width: 590px) { .content_block_downloads { padding-top: 5px; } } .content_block_downloads .download_module { position: relative; display: block; padding: 1.5vw 0 1.5vw 0; border-top: 1px solid black; display: flex; flex-direction: row; align-items: flex-start; } .content_block_downloads .download_module .thumb { position: relative; width: 31%; padding-bottom: 20%; } .content_block_downloads .download_module .thumb img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .content_block_downloads .download_module .thumb span { position: absolute; display: block; bottom: 10px; left: 10px; background: #232433; color: white; padding: 5px 8px; font-weight: 600; font-size: 0.8em; text-transform: uppercase; } .content_block_downloads .download_module .desc { transition: all ease-in-out 0.2s; padding-left: 5%; width: 70%; padding-right: 10%; } .content_block_downloads .download_module .desc h4 { font-size: 1em; text-transform: uppercase; font-weight: 700; letter-spacing: 0em; color: black; } .content_block_downloads .download_module .desc p { font-size: 0.95em; } .content_block_downloads .download_module span.icon { position: absolute; top: 1.5vw; right: 0; width: 2vw; height: 2vw; } @media (max-width: 1000px) { .content_block_downloads .download_module span.icon { width: 20px; height: 20px; } } .content_block_downloads .download_module span.icon svg { overflow: visible; } .content_block_downloads .download_module span.icon svg polygon, .content_block_downloads .download_module span.icon svg rect { fill: #232433; transition: all 0.4s cubic-bezier(0, 0.55, 0.45, 1); } .content_block_downloads .download_module:hover .desc { opacity: 0.5; } .content_block_downloads .download_module:hover span.icon.link svg polygon { transform: translateY(-0.3vw) translateX(0.3vw); } .content_block_downloads .download_module:hover span.icon.down svg polygon { transform: translateY(0.5vw); } .content_block_downloads .col12 { display: flex; flex-direction: row; flex-wrap: wrap; } .content_block_downloads .col12 .download_module { width: 48.5%; min-height: 13vw; } @media (max-width: 1000px) { .content_block_downloads .col12 .download_module { width: 100%; margin-left: 0 !important; } } .content_block_downloads .col12 .download_module:nth-of-type(even) { margin-left: 3%; } @media (max-width: 590px) { .content_block_downloads .col7 br { display: none; } } .content_block_downloads.removepadding { padding-bottom: 0; } /* 19. Testimonials */ .content_block_testimonials { background-color: #5366E0; } .content_block_testimonials .swiper-wrap { position: relative; } .content_block_testimonials .swiper-wrap .swiper-container { width: 100%; } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide { display: block; color: #fff; background-color: #5366E0; } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container { height: 28vw; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container { height: 350px; } } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .col5 { position: relative; height: 100%; padding-right: 5vw; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .col5 { padding-right: 50px; width: 58%; } } @media (max-width: 690px) { .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .col5 { padding-right: 50px; width: 70%; } } @media (max-width: 690px) { .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .col5 { padding-right: 50px; width: 84%; } } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .col5 p { color: white; } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard { position: absolute; left: 0.75vw; bottom: 0.75vw; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard { left: 10px; bottom: 10px; } } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure { display: flex; flex-direction: row; align-items: center; padding: 0; margin: 0; } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure figcaption { padding: 0 0 0 1.2vw; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure figcaption { padding: 0 0 0 12px; } } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure figcaption h4 { text-transform: uppercase; font-size: 1.6vw; font-weight: 900; letter-spacing: -0.03em; line-height: 1.2; margin: 0; padding: 0; color: white; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure figcaption h4 { font-size: 16px; } } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure figcaption h5 { font-weight: 700; color: black; font-size: 0.8em; } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure span { display: block; background: #6a7cff; border-radius: 200px; } .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure img { width: 6.5vw; height: 6.5vw; border-radius: 200px; object-position: center center; object-fit: cover; mix-blend-mode: multiply; filter: saturate(0); } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container .swiper-slide .container .personcard figure img { width: 65px; height: 65px; } } .content_block_testimonials .swiper-wrap .swiper-container-thumbs { position: absolute; z-index: 10; bottom: 2vw; right: 2vw; height: auto; width: auto; padding: 10px 0; padding-left: 15px; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container-thumbs { bottom: 20px; right: 20px; } } @media (max-width: 690px) { .content_block_testimonials .swiper-wrap .swiper-container-thumbs { display: none; } } .content_block_testimonials .swiper-wrap .swiper-container-thumbs .swiper-slide { cursor: pointer; width: 5vw !important; height: 5vw !important; background-color: transparent; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container-thumbs .swiper-slide { width: 50px !important; height: 50px !important; } } @media (min-width: 990px) { .content_block_testimonials .swiper-wrap .swiper-container-thumbs .swiper-slide:hover span { transform: scale(1.1); } } .content_block_testimonials .swiper-wrap .swiper-container-thumbs .swiper-slide:hover img { opacity: 1; } .content_block_testimonials .swiper-wrap .swiper-container-thumbs .swiper-slide span { display: block; background: #6a7cff; border-radius: 200px; transition: all ease-in-out 0.3s; } .content_block_testimonials .swiper-wrap .swiper-container-thumbs .swiper-slide img { position: relative; border-radius: 200px; object-position: center center; object-fit: cover; filter: saturate(0); mix-blend-mode: multiply; width: 5vw; height: 5vw; opacity: 0.7; transition: all ease-in-out 0.3s; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .swiper-container-thumbs .swiper-slide img { width: 50px; height: 50px; } } .content_block_testimonials .swiper-wrap .swiper-container-thumbs .swiper-slide-thumb-active { opacity: 1; display: none; } .content_block_testimonials .swiper-wrap .buttons_container { display: flex; flex-direction: row; align-items: flex-end; position: absolute; z-index: 1; top: 2.8vw; right: 2.1vw; background-color: white; height: 3.8vw; width: 7.6vw; border-radius: 400px; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .buttons_container { top: 28px; right: 21px; height: 38px; width: 76px; } } @media (max-width: 590px) { .content_block_testimonials .swiper-wrap .buttons_container { top: 20px; right: 15px; } } .content_block_testimonials .swiper-wrap .buttons_container .swiper-button-next, .content_block_testimonials .swiper-wrap .buttons_container .swiper-button-prev { position: relative; top: 0; right: 0; left: auto; color: transparent; height: 3.8vw; width: 3.8vw; line-height: 3.8vw; background-image: url("../img/icon_arrowblueright.svg"); background-repeat: no-repeat; background-position: right 1.35vw center; background-size: 1.7vw; background-color: white; transform: rotate(180deg); border-radius: 0px 400px 400px 0px; transition: all ease-in-out 0.3s; } @media (max-width: 1000px) { .content_block_testimonials .swiper-wrap .buttons_container .swiper-button-next, .content_block_testimonials .swiper-wrap .buttons_container .swiper-button-prev { height: 38px; width: 38px; line-height: 38px; background-position: right 14px center; background-size: 17px; } } @media (min-width: 990px) { .content_block_testimonials .swiper-wrap .buttons_container .swiper-button-next:hover, .content_block_testimonials .swiper-wrap .buttons_container .swiper-button-prev:hover { right: 0.75vw; width: 4.5vw; } } .content_block_testimonials .swiper-wrap .buttons_container .swiper-button-next { right: 0; transform: rotate(0deg); } @media (min-width: 990px) { .content_block_testimonials .swiper-wrap .buttons_container .swiper-button-next:hover { right: -0.75vw; } } .content_block_testimonials.islight { background-color: #F6F4F1; } .content_block_testimonials.islight .swiper-wrap .swiper-container .swiper-slide { background-color: #F6F4F1; } .content_block_testimonials.islight .swiper-wrap .swiper-container .swiper-slide .container .col5 p { color: #232433; } .content_block_testimonials.islight .swiper-wrap .swiper-container .swiper-slide .container .personcard figure figcaption h4 { color: #5366E0; } .content_block_testimonials.islight .swiper-wrap .swiper-container .swiper-slide .container .personcard figure span { background: #F6F4F1; } .content_block_testimonials.islight .swiper-wrap .swiper-container-thumbs .swiper-slide { background-color: transparent; } .content_block_testimonials.islight .swiper-wrap .swiper-container-thumbs .swiper-slide span { background: #F6F4F1; } .content_block_testimonials.islight .swiper-wrap .buttons_container { background-color: #5366E0; } .content_block_testimonials.islight .swiper-wrap .buttons_container .swiper-button-next, .content_block_testimonials.islight .swiper-wrap .buttons_container .swiper-button-prev { background-image: url("../img/icon_arrowwhiteright.svg"); background-color: #5366E0; } /* 00. Hide Blocks Globally */ .hidebuilderblock { display: none !important; } body.logged-in { padding-bottom: 32px !important; } footer { background: #1d1e2a; } footer:after { content: ""; clear: both; display: table; height: 1px; } footer ul { list-style: none; font-family: "Open Sans", sans-serif; } footer ul + ul { margin-bottom: 10vw; } footer ul li { padding-left: 0; list-style: none; padding-bottom: 0; } footer ul li:before { display: none; } footer ul li.menu-item-privacy-policy { display: none; } footer ul li a { color: rgb(255, 255, 255) !important; transition: all ease-in-out 0.3s; } footer ul li:hover a { color: rgba(255, 255, 255, 0.5) !important; } footer img { float: right; width: 32vw; height: auto; position: relative; top: -1vw; right: -1vw; } @media (max-width: 990px) { footer img { width: 50vw; top: -1vw; right: 1vw; } } @media (max-width: 590px) { footer img { width: 70vw; top: -1vw; right: 1vw; } } footer div.clearfix + .col6 { background: rgba(0, 0, 0, 0.2); font-size: 0.85em; font-size: 0.85em; } @media (max-width: 990px) { footer div.clearfix + .col6 { padding-bottom: 25px; } } footer div.clearfix + .col6 a { color: rgba(255, 255, 255, 0.4); } footer div.clearfix + div.col6 + div.col6 { background: rgba(0, 0, 0, 0.2); text-align: right; color: rgba(255, 255, 255, 0.4); font-size: 0.85em; } @media (max-width: 990px) { footer div.clearfix + div.col6 + div.col6 { display: none; } } .founders_signup { position: relative; z-index: 100; background: #5366E0; color: white; padding: 3.5vw !important; } @media (max-width: 590px) { .founders_signup { padding: 20px !important; } } .founders_signup .col7 p { padding-left: 0; } @media (max-width: 590px) { .founders_signup .col12 { padding: 0; } } .founders_signup h3 { color: white; } @media (max-width: 590px) { .founders_signup h3 { padding-top: 10px; } } .founders_signup h3 span { -webkit-text-stroke-color: white !important; text-stroke-color: white !important; } @media (max-width: 590px) { .founders_signup h3 span { display: block; } } .founders_signup p { color: white; } .founders_signup p strong { font-family: "Open Sans", sans-serif; display: block; font-weight: bold; font-size: 1.05em; } .founders_signup p a { position: relative; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .founders_signup p a:after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 0; background: white; transition: width 0.35s ease-in-out; } .founders_signup p a:hover:after { width: 100%; } .founders_signup #mc_embed_signup { width: 100%; overflow: hidden; } @media (max-width: 590px) { .founders_signup #mc_embed_signup { padding-bottom: 10vw; } } .founders_signup #mc_embed_signup form { padding-top: 5vw; margin-top: 40px; } @media (max-width: 590px) { .founders_signup #mc_embed_signup form { margin-right: 0; margin-left: 0; } } .founders_signup #mc_embed_signup form.sent .mc-field-group, .founders_signup #mc_embed_signup form.sent .optionalParent { opacity: 0; pointer-events: none; height: 20px; } .founders_signup #mc_embed_signup form.sending .mc-field-group, .founders_signup #mc_embed_signup form.sending .optionalParent { opacity: 0.3; pointer-events: none; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll { display: block; position: relative; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .indicates-required { clear: both; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group { position: relative; float: left; clear: none; width: 15%; margin-right: 0; display: inline-block; transition: opacity 0.35s ease-in-out; } @media (max-width: 1190px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group { width: 18%; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group { width: calc(100% - 30px); margin-right: 15px; margin-left: 15px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.big { width: 20%; } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.big { width: calc(50% - 20px); margin-right: 10px; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.big + .big { margin-left: 0; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.originfield { position: absolute; left: -1000px; top: 0; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .dropper { text-indent: 0; border-right: 0 !important; border-top: 0 !important; border-left: 0 !important; border-bottom: 0 !important; border-radius: 100px !important; padding-left: 1.75vw; background: rgba(255, 255, 255, 0.1); height: 4vw; line-height: 4vw; transition: border 0.4s ease-in-out; font-size: 0.9em; } @media (max-width: 990px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .dropper { height: 45px; line-height: 45px; padding-top: 0; padding-bottom: 0; padding-left: 16px; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .dropper { height: 40px; line-height: 40px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input.mce_inline_error, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group .dropper.mce_inline_error { border-bottom-color: #e85c41; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.drop { padding: 0; width: 20%; } @media (max-width: 1190px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.drop { width: 22%; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.drop { width: calc(100% - 30px); margin-right: 15px; margin-left: 15px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.drop .dropper { background-image: url("../img/icons_arrowwhitedown.svg"); background-repeat: no-repeat; background-position: right 1.5vw center; background-size: 1.3vw; cursor: pointer; } @media (max-width: 990px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.drop .dropper { background-position: right 12px center; background-size: 16px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.drop .dropper.on { background-image: url("../img/icons_arrowwhiteup.svg"); } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes { left: 0; width: 100%; display: none; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes.on { display: block; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options { display: block; width: auto; position: relative; left: 0; padding: 0; } @media (max-width: 850px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options { width: 80%; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options { left: 0; width: 100%; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options:after { content: ""; display: table; height: 0px; width: 100%; background: transparent; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li { position: relative; background: rgba(55, 68, 158, 0.4); border-radius: 200px; margin-right: 0; padding: 0; overflow: hidden; } @media (max-width: 850px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li { margin-right: 0.5vw; margin-bottom: 0.75vw; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li { margin-right: 1vw; margin-bottom: 1.5vw; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li:hover label { color: #5366E0 !important; background: white !important; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li:hover input:checked + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li:hover xxinput:focus + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li:hover input.input-has-val + label { background: #202860 !important; color: white !important; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li:hover input#mce-MMERGE55.input-has-val + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li:hover input.otherclick.input-has-val + label { color: #5366E0 !important; background: white !important; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li label { position: relative; top: 0; left: 0; font-size: 1.065em !important; background: rgba(55, 68, 158, 0); color: white; padding: 0 0 0 2.5em; margin: 0; display: block; height: 4.2vw; line-height: 4.2vw; user-select: none; } @media (max-width: 990px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li label { height: 42px; line-height: 42px; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li label { font-size: 1.03em !important; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li input { position: absolute; z-index: 11111111; top: 1.5vw; left: 1.5vw; width: 100%; height: 100%; opacity: 1; cursor: pointer; width: 1.25vw; height: 1.25vw; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li input#mce-MMERGE55:active + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li input.otherclick:focus + label { background: rgba(255, 255, 255, 0); color: white; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li input:checked + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li xxxinput:focus + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li input.input-has-val + label { background: #202860; color: white; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li input#mce-MMERGE55.input-has-val + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes ul.form_options li input.otherclick.input-has-val + label { background: #202860; color: white; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other { width: 100%; margin-top: 0; margin-bottom: 0; display: none; box-sizing: border-box; width: 100%; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other input { width: 100% !important; color: white; box-sizing: border-box; } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other input { font-size: 18px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other input:active + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other input:focus + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other input.input-has-text + label { font-size: 1vw; color: rgb(255, 255, 255); } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other input:active + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other input:focus + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group.checkboxes .other input.input-has-text + label { font-size: 10px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input + label { position: absolute; z-index: 999; top: 0; left: 0; z-index: 10; pointer-events: none; transition: all ease 0.35s; color: rgba(255, 255, 255, 0.7); height: 4vw; line-height: 4vw; user-select: none; padding-left: 1.75vw; font-size: 0.9em; } @media (max-width: 990px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input + label { height: 45px; line-height: 45px; padding-top: 0; padding-bottom: 0; padding-left: 16px; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input + label { height: 40px; line-height: 40px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input + label .asterisk { display: none; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:active, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:focus, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input.input-has-text { color: white; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:active + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:focus + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { top: -3vw; font-size: 0.7em; color: rgb(255, 255, 255); padding-left: 1.5vw; } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:active + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input:focus + label, .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { top: -25px; font-size: 10px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group input.mce_inline_error + label { color: white !important; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group div.mce_inline_error { background: #e85c41; color: white; font-family: "Open Sans", sans-serif; font-weight: bold; padding-left: 6px; padding-right: 6px; margin-top: 6px; margin-left: 1.5vw; } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .mc-field-group div.mce_inline_error { font-size: 10px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent { position: relative; top: 0; right: 0; width: 16%; transition: opacity 0.35s ease-in-out; float: left; } @media (max-width: 1190px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent { width: 18%; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent { width: calc(100% - 30px); margin-right: 15px; margin-left: 15px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent .foot { display: block; width: 100%; text-align: right; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent .foot input { margin: 0; border-radius: 0; width: 100%; padding-left: 1.75vw; background-image: url("../img/icon_arrowblueright.svg"); background-repeat: no-repeat; background-position: right 1.5vw center; background-size: 1.5vw; background-color: white; color: #5366E0; height: 4vw; line-height: 4vw; border-radius: 100px; text-align: left; font-weight: 600; } @media (max-width: 990px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent .foot input { height: 45px; line-height: 45px; padding-top: 0; padding-bottom: 0; padding-left: 16px; background-position: right 12px center; background-size: 18px; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent .foot input { height: 40px; line-height: 40px; } } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent { bottom: 0px; top: auto; left: 0; right: auto; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent:hover .foot input { width: 103%; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll .optionalParent .brandingLogo { position: absolute; left: -9999px; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll div#mce-responses { padding: 0; margin: 0; font-size: 1.45em; font-weight: 500; display: block; width: 100%; position: absolute; z-index: 100; top: -34px; } @media (max-width: 590px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll div#mce-responses { position: absolute; bottom: -310px; pointer-events: none; font-size: 1.45em; padding: 0 15px; width: 97%; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll #mce-success-response { color: white; display: none; background: #5366E0; height: 100%; width: 110%; } .founders_signup #mc_embed_signup #mc_embed_signup_scroll #mce-success-response:before, .founders_signup #mc_embed_signup #mc_embed_signup_scroll #mce-success-response:after { content: ""; position: absolute; z-index: 1; top: 0vw; right: 0vw; width: 2.5vw; height: 2.5vw; background: white; border-radius: 100px; transform: scale(1.2); transform-origin: top right; } @media (max-width: 1000px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll #mce-success-response:before, .founders_signup #mc_embed_signup #mc_embed_signup_scroll #mce-success-response:after { width: 25px; height: 25px; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll #mce-success-response:before { z-index: 2; background: transparent; width: 1.4vw; height: 0.8vw; top: 0.4vw; right: 1.2vw; border-radius: 0; border-bottom: 0.25vw solid #5366E0; border-left: 0.25vw solid #5366E0; transform: rotate(-45deg) scale(1.2); transform-origin: top right; } @media (max-width: 1000px) { .founders_signup #mc_embed_signup #mc_embed_signup_scroll #mce-success-response:before { width: 14px; height: 8px; top: 4px; right: 12px; border-bottom: 2.5px solid #5366E0; border-left: 2.5px solid #5366E0; } } .founders_signup #mc_embed_signup #mc_embed_signup_scroll div.response { margin: 0; padding: 0 0 5vw 0; font-weight: 600; float: left; top: -1.5em; z-index: 1; width: 100%; font-size: 0.65em !important; } .founders_signup_community { width: 100%; padding-bottom: 5vw; overflow: hidden; padding: 0.5vw !important; } @media (max-width: 590px) { .founders_signup_community { padding: 150px 20px 20px 20px !important; position: relative; } } @media (max-width: 590px) { .founders_signup_community form { margin-right: 0; margin-left: 0; } } .founders_signup_community form.sent .mc-field-group, .founders_signup_community form.sent .optionalParent { opacity: 0; pointer-events: none; height: 20px; } .founders_signup_community form.sending .mc-field-group, .founders_signup_community form.sending .optionalParent { opacity: 0.3; pointer-events: none; } .founders_signup_community #mc_embed_signup_scroll { display: block; position: relative; } .founders_signup_community #mc_embed_signup_scroll .indicates-required { clear: both; } .founders_signup_community #mc_embed_signup_scroll .mc-field-group { position: relative; float: left; clear: none; width: calc(27% - 1.35vw); margin-right: 1.35vw; display: inline-block; transition: opacity 0.35s ease-in-out; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll .mc-field-group { width: calc(100% - 5vw); margin-right: 5vw; } } .founders_signup_community #mc_embed_signup_scroll .mc-field-group.originfield { position: absolute; left: -1000px; top: 0; } .founders_signup_community #mc_embed_signup_scroll .mc-field-group input { text-indent: 0; border-right: 0 !important; border-top: 0 !important; border-left: 0 !important; border-radius: 0 !important; border-bottom-width: 2px; border-bottom-color: rgba(255, 255, 255, 0.5); font-size: 2vw; height: 4vw; line-height: 4vw; transition: border 0.4s ease-in-out; } @media (max-width: 990px) { .founders_signup_community #mc_embed_signup_scroll .mc-field-group input { font-size: 50px; height: 40px; line-height: 40px; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll .mc-field-group input { height: 40px; line-height: 40px; font-size: 20px; border-bottom-width: 1px; margin-bottom: 7px; } } .founders_signup_community #mc_embed_signup_scroll .mc-field-group input.mce_inline_error { border-bottom-color: #e85c41; } .founders_signup_community #mc_embed_signup_scroll .mc-field-group input + label { position: absolute; top: 0; left: 0; z-index: 10; pointer-events: none; transition: all ease 0.35s; font-size: 2vw; color: rgba(255, 255, 255, 0.7); height: 4vw; line-height: 4vw; user-select: none; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll .mc-field-group input + label { height: 40px; line-height: 40px; font-size: 20px; } } .founders_signup_community #mc_embed_signup_scroll .mc-field-group input + label .asterisk { display: none; } .founders_signup_community #mc_embed_signup_scroll .mc-field-group input:active, .founders_signup_community #mc_embed_signup_scroll .mc-field-group input:focus, .founders_signup_community #mc_embed_signup_scroll .mc-field-group input.input-has-text { border-bottom-color: rgb(255, 255, 255); } .founders_signup_community #mc_embed_signup_scroll .mc-field-group input:active + label, .founders_signup_community #mc_embed_signup_scroll .mc-field-group input:focus + label, .founders_signup_community #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { top: -2.5vw; font-size: 1vw; color: rgb(255, 255, 255); } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll .mc-field-group input:active + label, .founders_signup_community #mc_embed_signup_scroll .mc-field-group input:focus + label, .founders_signup_community #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { top: -25px; font-size: 10px; } } .founders_signup_community #mc_embed_signup_scroll .mc-field-group input.mce_inline_error + label { color: white !important; } .founders_signup_community #mc_embed_signup_scroll .mc-field-group div.mce_inline_error { background: #e85c41; color: white; font-family: "Open Sans", sans-serif; font-weight: bold; padding-left: 6px; padding-right: 6px; margin-top: 4px; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll .mc-field-group div.mce_inline_error { font-size: 10px; } } .founders_signup_community #mc_embed_signup_scroll .optionalParent { position: absolute; top: 0; right: 0; width: 19%; transition: opacity 0.35s ease-in-out; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll .optionalParent { width: calc(100% - 5vw); } } .founders_signup_community #mc_embed_signup_scroll .optionalParent .foot { display: block; width: 100%; text-align: right; } .founders_signup_community #mc_embed_signup_scroll .optionalParent .foot input { margin: 0; border-radius: 0; width: 100%; background-image: url("../img/registered_open.svg"); background-repeat: no-repeat; background-position: center center; background-size: 5vw; background-color: white; color: transparent; height: 4vw; line-height: 4vw; border-radius: 100px; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll .optionalParent .foot input { height: 45px; line-height: 45px; background-size: 62px; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll .optionalParent { bottom: -45px; top: auto; left: 0; right: auto; } } .founders_signup_community #mc_embed_signup_scroll .optionalParent:hover .foot input { opacity: 0.5; } .founders_signup_community #mc_embed_signup_scroll .optionalParent .brandingLogo { position: absolute; left: -9999px; } .founders_signup_community #mc_embed_signup_scroll div#mce-responses { padding: 0; margin: 0; font-size: 1.45em; font-weight: 500; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup_scroll div#mce-responses { position: absolute; bottom: -310px; pointer-events: none; font-size: 1.2em; } } .founders_signup_community #mc_embed_signup_scroll #mce-success-response { color: white; display: none; } @media (max-width: 590px) { .founders_signup_community .col7 { padding: 0px !important; } } @media (max-width: 590px) { .founders_signup_community .col5 { position: absolute; top: 0; left: 0; padding: 20px; } } .founders_signup_community h3 { padding-top: 10vw; line-height: 0.85; letter-spacing: -0.05em; } .founders_signup_community h3 span { letter-spacing: -0.03em; } @media (max-width: 590px) { .founders_signup_community h3 br { display: none; } } .founders_signup_community p { padding-bottom: 2vw; } @media (max-width: 590px) { .founders_signup_community p { padding: 0px !important; } } @media (max-width: 590px) { .founders_signup_community p strong { padding: 0px 50px 0 0 !important; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.checkboxes { width: 100%; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other { width: 100%; margin-top: 10px; margin-bottom: 15px; display: none; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other label { font-size: 1.07em; user-select: none; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other label { font-size: 18px; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other label span { display: none; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other label span + span { display: none; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other label span + span { display: inline; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other input { font-size: 18px; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other input:active + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other input:focus + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other input.input-has-text + label { font-size: 1vw; color: rgb(255, 255, 255); } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other input:active + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other input:focus + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.other input.input-has-text + label { font-size: 10px; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options { display: block; width: 100%; position: relative; left: -0.25vw; } @media (max-width: 850px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options { width: 80%; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options { left: 0; width: 100%; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options:after { content: ""; display: table; height: 20px; width: 100%; background: transparent; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li { float: left; position: relative; background: rgba(55, 68, 158, 0.4); border-radius: 200px; margin-right: 0; padding: 0; overflow: hidden; font-family: "Open Sans", sans-serif; } @media (max-width: 850px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li { margin-right: 0; margin-bottom: 0.75vw; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li { margin-right: 0; margin-bottom: 1.5vw; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li:hover label { color: #5366E0 !important; background: white !important; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li:hover input:checked + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li:hover xxinput:focus + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li:hover input.input-has-val + label { background: #202860 !important; color: white !important; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li:hover input#mce-MMERGE55.input-has-val + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li:hover input.otherclick.input-has-val + label { color: #5366E0 !important; background: white !important; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li label { position: relative; top: 0; left: 0; font-size: 1.065em !important; background: rgba(55, 68, 158, 0); color: white; padding: 0 1.75em; margin: 0; display: block; height: 4.2vw; line-height: 4.2vw; user-select: none; } @media (max-width: 990px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li label { height: 42px; line-height: 42px; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li label { font-size: 1.03em !important; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li input { position: absolute; z-index: 11111111; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li input#mce-MMERGE55:active + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li input.otherclick:focus + label { background: rgba(255, 255, 255, 0); color: white; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li input:checked + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li xxxinput:focus + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li input.input-has-val + label { background: #202860; color: white; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li input#mce-MMERGE55.input-has-val + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group ul.form_options li input.otherclick.input-has-val + label { background: #202860; color: white; } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input { font-size: 1.5vw; color: white !important; } @media (max-width: 990px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input { font-size: 50px; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input { font-size: 18px; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input + label { font-size: 1.5vw; } @media (max-width: 790px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input + label { font-size: 18px; } } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input + label { font-size: 15px; } } .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:active + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:focus + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { font-size: 0.8vw; } @media (max-width: 590px) { .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:active + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:focus + label, .founders_signup_community #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { font-size: 10px; } } .grecaptcha-badge { bottom: 44px !important; } header { position: fixed; z-index: 900; top: 0; left: 0; width: 100%; /* Style the element when the checkbox is checked */ } header #toggleMenu { position: absolute; z-index: 20; opacity: 0; top: -40px; } header .menu_bar { position: relative; z-index: 10; display: block; width: 100%; color: white; text-transform: uppercase; text-align: left; text-align: center; font-weight: bold; font-size: 0.75em; user-select: none; cursor: pointer; margin: 0; padding: 0; line-height: 2vw; cursor: pointer; padding-top: 5px; padding-bottom: 5px; background: #5366E0; } @media (max-width: 990px) { header .menu_bar { padding-top: 1vw; padding-bottom: 1vw; } } @media (max-width: 490px) { header .menu_bar { padding-top: 3vw; padding-bottom: 3vw; } } header .menu_bar:hover { color: rgb(255, 255, 255); } header .menu_bar:after { content: "Menu"; } header #toggleMenu:checked + label { background: #4b5bcd; } header #toggleMenu:checked + label:after { content: "Close"; transition: all 0.3s ease; color: rgb(255, 255, 255); } header #toggleMenu:checked:hover + label:after { color: rgb(255, 255, 255); } header .menu_container { position: relative; z-index: 20; transform-origin: top; background: #5366E0 !important; pointer-events: none; margin-top: -100vh; opacity: 0; transition: opacity 0.3s ease, margin-top 0s ease 1s; } header .menu_container .founders_btn { background-color: #232433 !important; transform-origin: bottom right; transform: scale(0.885); left: -0.6vw; position: relative; top: 0.1vw; } @media (max-width: 1090px) { header .menu_container .founders_btn { width: 200px; float: right; } } @media (max-width: 590px) { header .menu_container .founders_btn { float: left; transform: scale(1); top: -30px; width: 130px; } } header .menu_container .founders_btn:hover { width: calc(100% + 8px); } @media (max-width: 1090px) { header .menu_container .founders_btn:hover { width: 205px; } } @media (max-width: 590px) { header .menu_container .founders_btn:hover { width: 130px; } } header .menu_container .main_nav ul { font-family: "Open Sans", sans-serif; padding: 0.5vw 0 5vw 0; margin: 0; } header .menu_container .main_nav ul:hover li a { transition-delay: 0s !important; } header .menu_container .main_nav ul li { overflow: hidden; list-style: none; padding-left: 0; padding-bottom: 0; } header .menu_container .main_nav ul li:before { display: none; } header .menu_container .main_nav ul li a { position: relative; opacity: 0; top: 6vw; color: rgb(255, 255, 255); transition: all ease-in-out 0.3s; transition-delay: 0s; } @media (max-width: 990px) { header .menu_container .main_nav ul li a { top: 12vw; } } header .menu_container .main_nav ul li a:hover { transition-delay: 0s !important; transition: all ease-in-out 0.15s; color: rgba(255, 255, 255, 0.4); } header .menu_container .small_nav ul { font-family: "Open Sans", sans-serif; transition: all 0.3s ease-in-out; transition-delay: 0s; opacity: 0 !important; padding: 0; margin: 4vw 0 0 0; } @media (max-width: 1000px) { header .menu_container .small_nav ul { margin: 40vw 0 0 0; } } header .menu_container .small_nav ul li { padding-left: 0; padding-bottom: 0; } header .menu_container .small_nav ul li:before { display: none; } header .menu_container .small_nav ul li a { font-weight: 600; color: rgba(255, 255, 255, 0.7); } header .menu_container .small_nav ul li a:hover { color: rgb(255, 255, 255); } header .dismiss_nav { position: fixed; z-index: 5; display: none; background: rgba(0, 0, 0, 0.4); height: 100vh; width: 100%; bottom: 0; } header #toggleMenu:checked ~ .dismiss_nav { display: block; } header #toggleMenu:checked ~ .menu_container { transition: all 0.3s ease; margin-top: 0; opacity: 1; pointer-events: all; } header #toggleMenu:checked ~ .menu_container .main_nav ul { margin: 0; } header #toggleMenu:checked ~ .menu_container .main_nav ul li { overflow: hidden; } header #toggleMenu:checked ~ .menu_container .main_nav ul li a { opacity: 1; transition-delay: 0.3s; position: relative; top: 0; } header #toggleMenu:checked ~ .menu_container .small_nav ul { transition-delay: 0.6s; opacity: 1 !important; } /* page title */ .page-title-section { padding: 0; margin: 0; background-size: cover; background-position: center center; height: 100vh; } .page-title-section .founders_vid { position: absolute; z-index: 8; left: 0; height: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .page-title-section .killvid { display: none !important; } .page-title-section .container { position: relative; z-index: 9; padding-bottom: 0 !important; padding-top: 0 !important; } .page-title-section .container.inner { position: absolute; z-index: 12; bottom: 1vw; left: 0.1vw; } @media (max-width: 590px) { .page-title-section .container.inner { position: fixed; } .page-title-section .container.inner.on { position: absolute; } } .page-title-section .container.inner h1, .page-title-section .container.inner .h1, .page-title-section .container.inner h2, .page-title-section .container.inner .h2 { border-left: 0; font-weight: 900; letter-spacing: -0.04em; font-size: 12vw; text-transform: uppercase; line-height: 1; margin: 0; padding: 1.5vw 0 0 0; color: #5366E0; } @media (max-width: 790px) { .page-title-section .container.inner h1, .page-title-section .container.inner .h1, .page-title-section .container.inner h2, .page-title-section .container.inner .h2 { padding: 0; } } .page-title-section .container.inner h1 a, .page-title-section .container.inner .h1 a, .page-title-section .container.inner h2 a, .page-title-section .container.inner .h2 a { color: #5366E0; } @media (max-width: 990px) { .page-title-section .container.inner h1, .page-title-section .container.inner .h1, .page-title-section .container.inner h2, .page-title-section .container.inner .h2 { font-size: 68px; } } .page-title-section .container.inner .post_bannertext { padding-left: 0.5vw !important; } .page-title-section .container.inner .post_bannertext h2 { color: white; font-size: 5vw; line-height: 0.85 !important; } @media (max-width: 590px) { .page-title-section .container.inner .post_bannertext h2 { font-size: 8.5vw; } } .page-title-section .container.slider { position: absolute; z-index: 10; top: 0; left: -1vw; width: 80%; height: 100%; display: flex; align-items: center; } .page-title-section .container.slider.isnarrowtext { width: 50%; } @media (max-width: 590px) { .page-title-section .container.slider { width: 100%; top: -50px; } } .page-title-section .container.slider h1, .page-title-section .container.slider .h1, .page-title-section .container.slider h2, .page-title-section .container.slider .h2 { border-left: 0; font-weight: 900; letter-spacing: -0.05em; font-size: 7vw; text-transform: uppercase; line-height: 0.85 !important; margin: 0; padding: 1.5vw 0 0 0; color: white; } @media (max-width: 790px) { .page-title-section .container.slider h1, .page-title-section .container.slider .h1, .page-title-section .container.slider h2, .page-title-section .container.slider .h2 { padding: 0; } } @media (max-width: 590px) { .page-title-section .container.slider h1, .page-title-section .container.slider .h1, .page-title-section .container.slider h2, .page-title-section .container.slider .h2 { font-size: 10vw; } } .page-title-section .container.slider h1 a, .page-title-section .container.slider .h1 a, .page-title-section .container.slider h2 a, .page-title-section .container.slider .h2 a { color: white; } .page-title-section .container .back_button { cursor: pointer; position: absolute; background-position: right 1.22vw center; background-color: #161621; bottom: 2vw; left: 2vw; transform: rotate(180deg); width: 4vw; color: transparent !important; transition: all ease-in-out 0.3s; } @media (max-width: 1090px) { .page-title-section .container .back_button { left: auto; right: 3vw; } } @media (max-width: 590px) { .page-title-section .container .back_button { bottom: -60px; right: auto; left: 15px; width: 40px; height: 40px; background-position: right 11px center; } } .page-title-section .container .back_button:hover { background-color: #5366E0; } .page-title-section .typeonly { position: absolute; z-index: 10; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; object-position: center center; mix-blend-mode: screen; display: none; } @media (min-width: 768px) { .page-title-section .typeonly.desc { display: block; } } @media (max-width: 768px) { .page-title-section .typeonly.mob { display: block; top: -30px; } } @keyframes slideUp { from { transform: translateY(110%) scaleY(1.1); /* Slightly stretch the letters for a dynamic effect */ opacity: 0; } to { transform: translateY(0) scaleY(1); opacity: 1; } } @keyframes removeclip { from { overflow: hidden; } to { overflow: visible; } } .page-title-section .slideanimate span.word { display: inline-block; /* Wrap words to prevent breaking */ white-space: nowrap; /* Prevents the word from breaking */ overflow: hidden; animation-delay: 0.9s; padding: 0.1vw 1vw 2vw 0; margin: 0 -0.5vw -2.5vw 0; } .page-title-section .slideanimate span.letter { display: inline-block; opacity: 0; transform: translateY(110%); animation: slideUp 1s forwards; animation-delay: 0.6s; } .page-title-section .programlogo.desc { display: block; height: 7.5vw; max-width: 100%; margin-bottom: 1vw; } @media (max-width: 768px) { .page-title-section .programlogo.desc { display: none !important; } } .page-title-section .programlogo.mob { display: none; } @media (max-width: 768px) { .page-title-section .programlogo.mob { display: block; max-width: 80%; } } /* page title */ .slide_nav { display: none; position: absolute; z-index: 100; bottom: 4vw; left: 0; width: 100%; align-items: center; justify-content: center; } @media (max-width: 1000px) { .slide_nav { bottom: 18px; } } @media (max-width: 590px) { .slide_nav { display: none !important; position: fixed; transition: opacity ease-in-out 0.3s; } .slide_nav.on { opacity: 0; pointer-events: none; } } .slide_nav .menu { overflow: hidden; position: relative; margin: auto; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border-radius: 100px; } .slide_nav .menu ul { position: relative; z-index: 10; margin: 0; padding: 0; font-family: "Open Sans", sans-serif; white-space: nowrap; user-select: none; } .slide_nav .menu ul li { display: inline-block; margin: 0; padding: 1vw 1.5vw; user-select: none; } @media (max-width: 1000px) { .slide_nav .menu ul li { padding: 10px 13px; } } .slide_nav .menu ul li:before { display: none; } .slide_nav .menu ul li:nth-of-type(1) { padding: 1vw 1.5vw 1vw 1.7vw; } @media (max-width: 1000px) { .slide_nav .menu ul li:nth-of-type(1) { padding: 10px 13px 10px 15px; } } .slide_nav .menu ul li:nth-of-type(6) { padding: 1vw 1.7vw 1vw 1.5vw; } @media (max-width: 1000px) { .slide_nav .menu ul li:nth-of-type(6) { padding: 10px 15px 10px 13px; } } @media (max-width: 1000px) { .slide_nav .menu ul li:nth-of-type(6) { padding: 10px 15px 10px 13px; } } .slide_nav .menu ul li:nth-of-type(7), .slide_nav .menu ul li:nth-of-type(8), .slide_nav .menu ul li:nth-of-type(9), .slide_nav .menu ul li:nth-of-type(10), .slide_nav .menu ul li:nth-of-type(11), .slide_nav .menu ul li:nth-of-type(12) { display: none !important; } .slide_nav .menu ul li a { font-weight: 600; color: white; outline: none !important; user-select: none; } @media (max-width: 400px) { .slide_nav .menu ul li a { font-size: 13px; } } .slide_nav .menu ul li.current_page_item a { color: #232433; outline: none !important; } .slide_nav span { position: absolute; z-index: 1; top: 0; left: 0; width: 25%; height: 100%; background: white; border-radius: 100px; transition: 0.6s all cubic-bezier(0.87, 0, 0.13, 1); } body.page-id-2 .slide_nav, body.page-id-11 .slide_nav, body.page-id-37 .slide_nav, body.page-id-39 .slide_nav, body.page-id-1385 .slide_nav, body.page-id-1645 .slide_nav { display: flex; } body.page-id-11 .slide_nav span { left: 0; width: 17.2%; } body.page-id-11 .content_block_logos { padding-bottom: 2vw; } body.page-id-2 .page-title-section .slider { width: 100%; } @media (max-width: 650px) { body.page-id-2 .page-title-section .slider .col12 { position: relative; top: 10px; left: 5px; width: 95%; } } body.page-id-2 .page-title-section .slider svg { width: 100%; height: auto; } @media (min-width: 650px) { body.page-id-2 .page-title-section .slider svg.desc { display: block; max-width: 92%; margin-left: 0.1vw; } body.page-id-2 .page-title-section .slider svg.mob { display: none; } } @media (max-width: 650px) { body.page-id-2 .page-title-section .slider svg.mob { display: block; } body.page-id-2 .page-title-section .slider svg.desc { display: none; } } @media (max-width: 550px) { body.page-id-2 .page-title-section .slider { width: 100%; min-height: 65vw; padding: 18px; } } @media (max-width: 550px) { body.page-id-2 .page-title-section .slider { width: 100%; min-height: 65vw; padding: 18px; } } body.page-id-2 .page-title-section .container.inner { position: absolute; top: 10vw; left: -1.5vw; pointer-events: none !important; } body.page-id-2 .page-title-section .container.inner h1 { color: white; line-height: 0.9 !important; } @media (max-width: 590px) { body.page-id-2 .page-title-section .container.inner { position: absolute; top: 19vw; left: -0.5vw; } body.page-id-2 .page-title-section .container.inner.on { position: absolute; } } body.page-id-2 .slide_nav span { left: 16.8%; width: 17.4%; } body.page-id-37 .slide_nav span { left: 34.3%; width: 19.6%; } body.page-id-39 .slide_nav span { left: 54.1%; width: 15.2%; } body.page-id-1385 .slide_nav span { left: 69.6%; width: 16.5%; } body.page-id-1385 .page-title-section .container.inner { position: absolute; top: 10vw; left: -1.5vw; pointer-events: none !important; } body.page-id-1385 .page-title-section .container.inner h1 { color: white; } @media (max-width: 590px) { body.page-id-1385 .page-title-section .container.inner { position: absolute; top: 19vw; left: -0.5vw; } body.page-id-1385 .page-title-section .container.inner.on { position: absolute; } } body.page-id-1645 .slide_nav span { left: 86.1%; width: 13.5%; } body.page-id-1645 .page-title-section .container.inner { position: absolute; z-index: 10; top: 10vw; left: -1.5vw; pointer-events: none !important; } body.page-id-1645 .page-title-section .container.inner h1 { color: white; } @media (max-width: 590px) { body.page-id-1645 .page-title-section .container.inner { position: absolute; top: 19vw; left: -0.5vw; } body.page-id-1645 .page-title-section .container.inner.on { position: absolute; } } .founders_logo { position: fixed; top: 3.2vw; left: 0.5vw; z-index: 890; } @media (max-width: 1000px) { .founders_logo { top: 51px; left: 19px; } } .founders_logo.on { opacity: 0; transition-duration: 0.3s !important; transition-delay: 0s !important; } .founders_logo h1 { position: relative; width: 15vw; text-indent: -500px; font-size: 18px; } @media (max-width: 1000px) { .founders_logo h1 { width: 155px; } } @media (max-width: 590px) { .founders_logo h1 { width: 140px; } } .founders_logo h1 svg { position: absolute; top: 0; left: 0; width: 15vw; } @media (max-width: 1000px) { .founders_logo h1 svg { width: 155px; } } @media (max-width: 590px) { .founders_logo h1 svg { width: 140px; } } .cnaipe_apply { position: fixed; z-index: 895; top: 4.6vw; right: 2vw; width: 12.7vw; transition: 0.6s all cubic-bezier(0.87, 0, 0.13, 1); transform: scale(1); transform-origin: top right; height: 4vw; } @media (min-width: 1700px) { .cnaipe_apply { top: 78.2px; right: 34px; width: 215.9px; } } .cnaipe_apply.wide { width: 24vw; } @media (max-width: 1000px) { .cnaipe_apply.wide { width: 190px; } } @media (min-width: 1700px) { .cnaipe_apply.wide { width: 408px; } } @media (max-width: 1000px) { .cnaipe_apply { top: 47px; right: 14px; width: 115px; } } .cnaipe_apply.on { width: 30vw; transform: scale(1.15); height: auto; } @media (min-width: 1700px) { .cnaipe_apply.on { width: 510px; } } @media (max-width: 1000px) { .cnaipe_apply.on { width: 78vw; transform: scale(1.19); } } .cnaipe_apply.on .cnaipe.primary { text-transform: uppercase; overflow: hidden; } .cnaipe_apply.on .cnaipe.primary span.icon { transform: rotate(45deg); z-index: 100; } .cnaipe_apply.on .cnaipe.primary em { opacity: 1; } .cnaipe_apply.on .cnaipe.ismail { transition: all 0.4s ease-in-out 0.8s; opacity: 1; pointer-events: auto; } .cnaipe_apply.on .cnaipe.trig_one { transition: all 0.4s ease-in-out 0.7s; opacity: 1; pointer-events: auto; } .cnaipe_apply.on .cnaipe.trig_two { transition: all 0.4s ease-in-out 0.6s; opacity: 1; pointer-events: auto; } .cnaipe_apply.on .cnaipe.involve { transition: all 0.6s ease-in-out 0.5s; opacity: 1; pointer-events: auto; } .cnaipe_apply .cnaipe { display: block; position: relative; background: #5366E0; color: white; line-height: 3.5vw; height: 3.5vw; border-radius: 1.75vw; width: 100%; padding-left: 1.5vw; font-weight: 600; font-size: 1.2vw; margin-bottom: 2px; cursor: pointer; -webkit-box-shadow: 0px 3px 34px -2px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 34px -2px rgba(0, 0, 0, 0.1); } @media (min-width: 1700px) { .cnaipe_apply .cnaipe { line-height: 59.5px; height: 59.5px; border-radius: 29.75px; padding-left: 25.5px; font-size: 20.4px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe { line-height: 36px; height: 38px; border-radius: 20px; padding-left: 15px; font-size: 12px; } } .cnaipe_apply .cnaipe.primary { text-transform: uppercase; overflow: hidden; } .cnaipe_apply .cnaipe.primary span.icon { margin-top: 1.2vw; margin-right: 1vw; width: 1.1vw; height: 1.1vw; display: block; position: relative; z-index: 200; float: right; transition: all ease-in-out 0.3s; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.primary span.icon { margin-top: 20.4px; margin-right: 17px; width: 18.7px; height: 18.7px; } } @media (max-width: 1490px) { .cnaipe_apply .cnaipe.primary span.icon { margin-top: calc(1.2vw - 1px); } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.primary span.icon { margin-right: 13px; width: 11px; height: 11px; margin-top: 12px; } } .cnaipe_apply .cnaipe.primary span.icon:after, .cnaipe_apply .cnaipe.primary span.icon:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1.5px; margin-top: -0.75px; background: white; } @media (max-width: 1490px) { .cnaipe_apply .cnaipe.primary span.icon:after, .cnaipe_apply .cnaipe.primary span.icon:before { height: 1px; margin-top: 1px; } } .cnaipe_apply .cnaipe.primary span.icon:before { transform: rotate(90deg); } .cnaipe_apply .cnaipe.primary em { position: absolute; z-index: 100; display: block; height: 100%; top: 0; width: calc(100% - 5vw); left: 1.5vw; background: #5366E0; padding-left: 0; font-style: normal; font-weight: 600; text-transform: uppercase; opacity: 0; transition: all ease-in-out 0.3s; color: rgba(255, 255, 255, 0.6); } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.primary em { left: 25.5px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.primary em { padding-left: 0; left: 15px; width: calc(100% - 11vw); } } .cnaipe_apply .cnaipe.normal { white-space: nowrap; overflow: hidden; opacity: 0; transition: all 0.3s ease-in-out 0.1s; pointer-events: none; } .cnaipe_apply .cnaipe.normal a { color: white !important; display: block; width: 100%; } .cnaipe_apply .cnaipe.normal span.icon { border-right: 1px solid white; border-top: 1px solid white; margin-top: 1.3vw; margin-right: 1.1vw; width: 0.8vw; height: 0.8vw; display: block; position: relative; z-index: 200; float: right; transform: rotate(45deg) scale(0.9); transition: all ease-in-out 0.3s; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.normal span.icon { margin-top: 22.1px; margin-right: 18.7px; width: 13.6px; height: 13.6px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.normal span.icon { margin-top: 14px; margin-right: 11px; width: 8px; height: 8px; } } .cnaipe_apply .cnaipe.normal span.icon:after { content: ""; position: absolute; top: 0; right: 0; width: calc(100% + 8px); height: 1px; margin-top: -1px; background: white; transform-origin: top right; transform: rotate(-45deg); } .cnaipe_apply .cnaipe.normal span.icon:before { transform: rotate(90deg); } .cnaipe_apply .cnaipe.involve { opacity: 0; transition: all 0.3s ease-in-out 0.1s; min-height: 3.5vw; height: auto; pointer-events: none; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve { min-height: 59.5px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.involve { min-height: 35px; } } .cnaipe_apply .cnaipe.involve img { position: relative; left: -1%; top: -0.9vw; width: 96.5%; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve img { top: -15.3px; } } .cnaipe_apply .cnaipe.involve span.icon { border-right: 1px solid white; border-top: 1px solid white; margin-top: 1.4vw; margin-right: 1.1vw; width: 0.8vw; height: 0.8vw; display: block; position: relative; z-index: 200; float: right; transform: rotate(135deg) scale(0.9); transition: all ease-in-out 0.3s; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve span.icon { margin-top: 23.8px; margin-right: 18.7px; width: 13.6px; height: 13.6px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.involve span.icon { margin-top: 16px; margin-right: 14px; width: 8px; height: 8px; } } .cnaipe_apply .cnaipe.involve span.icon:after { content: ""; position: absolute; top: 0; right: 0; width: calc(100% + 8px); height: 1px; margin-top: -1px; background: white; transform-origin: top right; transform: rotate(-45deg); } .cnaipe_apply .cnaipe.involve span.icon:before { transform: rotate(90deg); } .cnaipe_apply .cnaipe.involve .wpcf7 form { line-height: 1; } .cnaipe_apply .cnaipe.involve .wpcf7 form .formwrap { padding-top: 8px; } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group { margin-bottom: 0; } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group.input-has-text label { top: -1vw; font-size: 0.6em; font-weight: 700; opacity: 0; } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group.input-has-text label { top: -15px; } } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group.isemail { margin-top: 14px; } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group.otheroption { position: absolute; z-index: 100; bottom: 5px; right: 12px; width: 58%; padding-bottom: 0; background: #596ad9; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group.otheroption { right: 14px; } } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group label { height: 3vw; line-height: 3vw; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group label { height: 51px; line-height: 51px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group label { height: 30px; line-height: 30px; } } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group input[type=text], .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group input[type=email] { height: 3vw; line-height: 3vw; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group input[type=text], .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group input[type=email] { height: 51px; line-height: 51px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group input[type=text], .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group input[type=email] { height: 30px; line-height: 30px; } } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group span.wpcf7-form-control-wrap[data-name=your-message], .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group span.wpcf7-form-control-wrap[data-name=your-message] + label, .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group textarea { display: none; } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group-checkboxes-wrap { position: relative; } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group-checkboxes .wpcf7-list-item { left: 0; } .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { height: 3vw; line-height: 3vw; padding: 0 1.5vw; margin-bottom: 5px; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { height: 51px; line-height: 51px; padding: 0 25.5px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .field-group-checkboxes .wpcf7-list-item label { height: 30px; line-height: 30px; padding: 0 15px; } } .cnaipe_apply .cnaipe.involve .wpcf7 form em { padding-top: 24px; } .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=button], .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=reset], .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=submit] { height: 3vw; line-height: 2.9vw; padding: 0 4vw 0 1.5vw; background-position: right 1.1vw center; background-size: 1.3vw; margin-left: 0vw !important; width: 100%; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=button], .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=reset], .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=submit] { height: 51px; line-height: 49.3px; padding: 0 68px 0 25.5px; background-position: right 18.7px center; background-size: 22.1px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=button], .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=reset], .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=submit] { height: 33px; line-height: 31px; padding: 0 40px 0 15px; background-position: right 13px center; background-size: 13px; margin-left: 0px !important; } } @media (max-width: 590px) { .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=button], .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=reset], .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=submit] { width: 98%; margin-bottom: 7px; } } .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=button]:hover, .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=reset]:hover, .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=submit]:hover { padding: 0 4.5vw 0 1.5vw; } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=button]:hover, .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=reset]:hover, .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=submit]:hover { padding: 0 76.5px 0 25.5px; } } @media (max-width: 1000px) { .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=button]:hover, .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=reset]:hover, .cnaipe_apply .cnaipe.involve .wpcf7 form input[type=submit]:hover { padding: 0 45px 0 15px; } } .cnaipe_apply .cnaipe.involve .wpcf7 form .wpcf7-not-valid-tip { position: absolute; right: 0; top: -13px; right: 1.2vw; top: -0.7vw; font-size: 0; color: transparent; transform: scale(1.2); } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .wpcf7-not-valid-tip { right: 20.4px; top: -11.9px; } } @media (max-width: 590px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .wpcf7-not-valid-tip { transform: scale(0.9); } } .cnaipe_apply .cnaipe.involve .wpcf7 form .wpcf7-not-valid-tip:after { content: "!"; font-size: 12px; color: white; } .cnaipe_apply .cnaipe.involve .wpcf7 form .wpcf7-response-output { font-size: 0.85em !important; } @media (max-width: 590px) { .cnaipe_apply .cnaipe.involve .wpcf7 form .wpcf7-response-output { font-size: 0.69em !important; padding-bottom: 10px; } } .cnaipe_apply .cnaipe.involve .wpcf7 form.sent .wpcf7-response-output { font-size: 1em !important; line-height: 1.4; padding-bottom: 140px; margin: 0; } .cnaipe_apply .cnaipe.involve .wpcf7 form .wpcf7-spinner { position: absolute; right: -23px; bottom: 70px; top: auto; } .cnaipe_apply .cnaipe.involve .form_container { transition: 0.6s all cubic-bezier(0.87, 0, 0.13, 1); height: 0vw; overflow: hidden; position: relative; } .cnaipe_apply .cnaipe.involve .form_container_inner { position: relative; top: 0; left: 0; width: calc(100% - 1.5vw); } @media (min-width: 1700px) { .cnaipe_apply .cnaipe.involve .form_container_inner { width: calc(100% - 25.5px); } } .cnaipe_apply .cnaipe.involve.on span.icon { transform: rotate(315deg) scale(0.9); } .cnaipe_apply .cnaipe.involve.on .form_container { height: auto; } .cnaipe_apply .involve { width: 100%; overflow: hidden; } .cnaipe_apply .involve form { padding: 0 !important; margin: 0 0 1.5vw 0 !important; font-size: 1vw !important; } @media (min-width: 1700px) { .cnaipe_apply .involve form { margin: 0 0 25.5px 0 !important; font-size: 17px !important; } } @media (max-width: 1000px) { .cnaipe_apply .involve form { font-size: 13px !important; } } @media (max-width: 590px) { .cnaipe_apply .involve form { margin-right: 0; margin-left: 0; } } .cnaipe_apply .involve form.sent .mc-field-group, .cnaipe_apply .involve form.sent .optionalParent { opacity: 0; pointer-events: none; height: 20px; } .cnaipe_apply .involve form.sending .mc-field-group, .cnaipe_apply .involve form.sending .optionalParent { opacity: 0.3; pointer-events: none; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll { display: block; position: relative; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .indicates-required { clear: both; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group { position: relative; float: left; clear: none; width: 100%; margin-right: 0; display: inline-block; transition: opacity 0.35s ease-in-out; margin-top: 10px; padding-bottom: 0; } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group { width: calc(100% - 5vw); margin-right: 5vw; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group.originfield { position: absolute; left: -1000px; top: 0; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input { text-indent: 0; border-right: 0 !important; border-top: 0 !important; border-left: 0 !important; border-radius: 0 !important; border-bottom-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.5); font-size: 1em !important; height: 3vw; line-height: 3vw; transition: border 0.4s ease-in-out; color: white; margin-bottom: -8px; } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input { height: 51px; line-height: 51px; } } @media (max-width: 990px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input { font-size: 1em; height: 40px; line-height: 40px; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input { height: 40px; line-height: 40px; font-size: 1em; border-bottom-width: 1px; margin-bottom: 7px; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input.mce_inline_error { border-bottom-color: #e85c41; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input + label { position: absolute; top: 0; left: 0; z-index: 10; pointer-events: none; transition: all ease 0.35s; font-size: 1em; color: rgba(255, 255, 255, 0.7); height: 2.75vw; line-height: 2.75vw; user-select: none; } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input + label { height: 46.75px; line-height: 46.75px; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input + label { height: 40px; line-height: 40px; font-size: 1em; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input + label .asterisk { display: none; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:active, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:focus, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input.input-has-text { border-bottom-color: rgb(255, 255, 255); } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:active + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:focus + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { top: -1.5vw; font-size: 0.7em !important; color: rgba(255, 255, 255, 0.5); } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:active + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:focus + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { top: -25.5px; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:active + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input:focus + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input.input-has-text + label { top: -25px; font-size: 10px; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input.mce_inline_error + label { color: white !important; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent { position: relative; top: 0; right: 0; width: 100%; transition: opacity 0.35s ease-in-out; } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent { width: calc(100% - 5vw); } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .foot { display: block; width: 100%; text-align: right; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .foot input[type=submit] { margin: 0; width: 100%; background-color: white; border-radius: 100px; margin-top: 10px; height: 3vw; line-height: 2.9vw; padding: 0 4vw 0 1.5vw; margin-left: 0vw !important; background-image: url(../img/icon_arrowblueright.svg); background-repeat: no-repeat; background-position: right 1.5vw center; background-size: 1.5vw; text-align: left; color: #5366E0; font-weight: 600; } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .foot input[type=submit] { height: 51px; line-height: 49.3px; padding: 0 68px 0 25.5px; background-position: right 18.7px center; background-size: 22.1px; } } @media (max-width: 1000px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .foot input[type=submit] { height: 33px; line-height: 31px; padding: 0 40px 0 15px; background-position: right 13px center; background-size: 13px; margin-left: 0px !important; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .foot input[type=submit] { width: 98%; margin-bottom: 7px; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .foot input[type=submit]:hover { padding: 0 4.5vw 0 1.5vw; } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .foot input[type=submit]:hover { padding: 0 76.5px 0 25.5px; } } @media (max-width: 1000px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .foot input[type=submit]:hover { padding: 0 45px 0 15px; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent { bottom: -45px; top: auto; left: 0; right: auto; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent:hover .foot input { opacity: 0.5; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll .optionalParent .brandingLogo { position: absolute; left: -9999px; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll div#mce-responses { padding: 0; margin: 0; font-size: 1.45em; font-weight: 500; width: 100%; display: block; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll div#mce-responses #mce-success-response { text-indent: -9999; font-family: "Open Sans", sans-serif, "Bitter", serif; font-size: 1em; line-height: 1.25; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll #mce-success-response { color: white; display: none; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll div.mce_inline_error { background: #e85c41; color: white; font-family: "Open Sans", sans-serif; font-weight: bold; padding-left: 6px; padding-right: 6px; font-size: 0.7em; padding-top: 0; padding-bottom: 0; line-height: 20px; height: 20px; } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll div.mce_inline_error { font-size: 10px; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.checkboxes { width: 100%; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other { width: 100%; margin-top: 10px; margin-bottom: 15px; display: none; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other label { font-size: 1.07em; user-select: none; } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other label { font-size: 18px; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other label span { display: none; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other label span + span { display: none; } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other label span + span { display: inline; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other input { font-size: 18px; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other input:active + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other input:focus + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other input.input-has-text + label { font-size: 1vw; color: rgb(255, 255, 255); } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other input:active + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other input:focus + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll.other input.input-has-text + label { font-size: 10px; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options { display: block; width: 100%; position: relative; left: 0; } @media (max-width: 850px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options { width: 80%; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options { left: 0; width: 100%; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options:after { content: ""; display: table; height: 20px; width: 100%; background: transparent; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li { float: left; position: relative; background: rgba(55, 68, 158, 0.4); border-radius: 200px; margin-right: 0; padding: 0; overflow: hidden; font-family: "Open Sans", sans-serif; list-style: none; } @media (max-width: 850px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li { margin-right: 0; margin-bottom: 0.75vw; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li { margin-right: 0; margin-bottom: 1.5vw; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li:before { display: none; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li:hover label { color: #5366E0 !important; background: white !important; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li:hover input:checked + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li:hover xxinput:focus + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li:hover input.input-has-val + label { background: #202860 !important; color: white !important; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li:hover input#mce-MMERGE55.input-has-val + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li:hover input.otherclick.input-has-val + label { color: #5366E0 !important; background: white !important; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li label { position: relative; top: 0; left: 0; font-size: 1.065em !important; background: rgba(55, 68, 158, 0); color: white; padding: 0 1.75em; margin: 0; display: block; height: 3vw; line-height: 3vw; user-select: none; } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li label { height: 51px; line-height: 51px; } } @media (max-width: 990px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li label { height: 42px; line-height: 42px; } } @media (max-width: 590px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li label { font-size: 1.03em !important; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input { position: absolute; z-index: 11111111; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input#mce-MMERGE55:active + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input.otherclick:focus + label { background: rgba(255, 255, 255, 0); color: white; height: 3vw; line-height: 3vw; } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input#mce-MMERGE55:active + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input.otherclick:focus + label { height: 51px; line-height: 51px; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input:checked + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input:xxfocus + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input.input-has-val + label { background: #202860; color: white; height: 3vw; line-height: 3vw; font-size: inherit !important; top: 0 !important; } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input:checked + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input:xxfocus + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input.input-has-val + label { height: 51px; line-height: 51px; } } .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input#mce-MMERGE55.input-has-val + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input.otherclick.input-has-val + label { background: #202860; color: white; height: 3vw; line-height: 3vw; font-size: inherit !important; top: 0 !important; } @media (min-width: 1700px) { .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input#mce-MMERGE55.input-has-val + label, .cnaipe_apply .involve #mc_embed_signup form #mc_embed_signup_scroll ul.form_options li input.otherclick.input-has-val + label { height: 51px; line-height: 51px; } } .cnaipe_apply .islinker:before { height: 100%; } @media (min-width: 1700px) { .cnaipe_apply .islinker:before { height: 100% !important; width: 90px; } } .cnaipe_apply .trig_one .involve_click span.icon, .cnaipe_apply .trig_two .involve_click span.icon { transform: rotate(135deg) scale(0.9); } .airtableframe { display: none; position: fixed; top: 4.6vw; z-index: 899; right: 2vw; width: 44vw; height: 530px; overflow: hidden; border-radius: 1vw; background-color: white; background-size: 40px; background-position: center center; background-repeat: no-repeat; background-image: url(/wp-content/themes/founders_theme/assets/img/spinner.gif); box-shadow: -1px 4px 20px 2px rgba(0, 0, 0, 0.09); -webkit-box-shadow: -1px 4px 20px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: -1px 4px 20px 2px rgba(0, 0, 0, 0.09); } @media (max-width: 1190px) { .airtableframe { width: 66vw; } } @media (max-width: 1000px) { .airtableframe { width: 95vw; right: 1.4vw; } } @media (max-width: 600px) { .airtableframe { top: 46px; width: calc(100vw - 24px); right: 12px; } } .airtableframe_cont { position: relative; } .airtableframe iframe { mix-blend-mode: multiply; } .airtableframe iframe.on { mix-blend-mode: normal; } .airtableframe span.icon { position: absolute; right: 10px; top: 10px; margin-top: 0; margin-right: 0; width: 3.5vw; height: 3.5vw; display: block; z-index: 200; border-radius: 100px; transform: rotate(45deg); background: #232433; cursor: pointer; } @media (min-width: 1700px) { .airtableframe span.icon { width: 59.5px; height: 59.5px; } } @media (max-width: 1490px) { .airtableframe span.icon { margin-top: 0; } } @media (max-width: 1000px) { .airtableframe span.icon { width: 35px; height: 35px; } } .airtableframe span.icon:after, .airtableframe span.icon:before { content: ""; position: absolute; top: 50%; left: 10px; width: calc(100% - 20px); height: 3px; margin-top: -1.5px; background: white; } @media (max-width: 1490px) { .airtableframe span.icon:after, .airtableframe span.icon:before { height: 2px; margin-top: 0; } } @media (max-width: 1000px) { .airtableframe span.icon:after, .airtableframe span.icon:before { width: calc(100% - 10px); left: 5px; } } @media (max-width: 600px) { .airtableframe span.icon:after, .airtableframe span.icon:before { height: 1px; } } .airtableframe span.icon:before { transform: rotate(90deg); } ul#menu-primary-menu-1 li a { transition-delay: 0.15s; } ul#menu-primary-menu-1 li:hover a { color: #232433 !important; transition-delay: 0.3s; } ul#menu-primary-menu-1:hover li.current-menu-item a { color: white !important; } ul#menu-primary-menu-1 li:hover.current-menu-item a { color: #232433 !important; } .hero-section { padding: 0; height: 86vh; min-height: 700px; } @media (max-width: 1190px) { .hero-section { min-height: 0; max-height: 600px !important; } } @media (max-width: 590px) { .hero-section { max-height: 480px !important; } } .hero-section .sfi_label { position: absolute; height: 6vw; bottom: 9%; right: -10px; z-index: 9999; } @media (max-width: 590px) { .hero-section .sfi_label { height: 12vw; bottom: 16%; } } .hero-section .swiper-container { position: relative; z-index: 10 !important; height: 100%; overflow: hidden; } .hero-section .swiper-container .slick-track { height: 86vh; min-height: 700px; } .hero-section .swiper-container .swiper-slide { box-sizing: border-box; height: 100% !important; background-size: cover; background-position: center center; } .hero-section .swiper-container .swiper-slide-wrap { position: relative; height: 100%; } .hero-section .swiper-container .swiper-slide-wrap .container { top: auto; bottom: 11vw; position: absolute; z-index: 4; max-width: none; padding-left: 4vw; padding-right: 30px; } @media (max-width: 590px) { .hero-section .swiper-container .swiper-slide-wrap .container { padding-left: 15px; padding-right: 15px; bottom: 100px; } } @media (max-width: 590px) { .hero-section .swiper-container .swiper-slide-wrap .container .col-8 { flex: 0 0 85%; width: 85%; max-width: 85%; } } .hero-section .swiper-container .swiper-slide-wrap .container h1 { font-family: "Open Sans", sans-serif, "Bitter", serif; width: 100%; font-weight: 500; line-height: 1.05; margin-bottom: 2%; font-kerning: normal; font-size: 4.5vw; letter-spacing: -0.02em; word-spacing: -0.02em; position: relative; left: 30px; opacity: 0; transition-delay: 0.5s; transition: opacity 0.5s ease-in-out, left 0.5s ease-in-out; } @media (max-width: 490px) { .hero-section .swiper-container .swiper-slide-wrap .container h1 { font-size: 28px; } } .hero-section .swiper-container .swiper-slide-wrap .container p { width: 66%; } .hero-section .swiper-container .swiper-slide-wrap .container .btn { background: transparent; opacity: 0; transition: opacity 0.5s ease-in-out; padding: 0 1.75vw 0 0; margin-top: 1vw; margin-left: 0.3vw; letter-spacing: 0.02em; color: #5366E0; text-transform: uppercase; border: 0 !important; background-image: url(/wp-content/themes/founders_theme/assets/img/arrow_orange.svg); background-position: right center; background-repeat: no-repeat; background-size: 1.2vw; } @media (max-width: 1000px) { .hero-section .swiper-container .swiper-slide-wrap .container .btn { padding: 0 17.5px 0 0; background-size: 12px; } } .hero-section .swiper-container .swiper-slide-wrap .container .btn::before { background: transparent; transform: scaleY(1); } .hero-section .swiper-container .swiper-slide-wrap .container .btn:hover::before { transform: scaleY(0); } .hero-section .swiper-container .swiper-slide .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.3); } .hero-section .swiper-container .swiper-slide:after { content: ""; background: black; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.35; opacity: 0; z-index: 1; } .hero-section .swiper-container .swiper-slide-prev .container h1 { transition-delay: 0s; left: -30px; } .hero-section .swiper-container .swiper-slide-prev .container .btn { transition-delay: 0s; } .hero-section .swiper-container .swiper-slide-active .container h1 { transition-delay: 0.75s; left: 0; opacity: 1; } .hero-section .swiper-container .swiper-slide-active .container .btn { transition-delay: 1s; opacity: 1; } .hero-section .swiper-container .swiper-button-next, .hero-section .swiper-container .swiper-button-prev, .hero-section .swiper-container .prevArrow, .hero-section .swiper-container .nextArrow { display: none !important; position: absolute; top: auto; left: auto; bottom: 25px; z-index: 11; padding: 15px; color: rgba(255, 255, 255, 0.5); border: 0; font-size: 40px; transition: all linear 0.2s; background: transparent; } @media (max-width: 991px) { .hero-section .swiper-container .swiper-button-next, .hero-section .swiper-container .swiper-button-prev, .hero-section .swiper-container .prevArrow, .hero-section .swiper-container .nextArrow { bottom: 30px; } } @media (max-width: 590px) { .hero-section .swiper-container .swiper-button-next, .hero-section .swiper-container .swiper-button-prev, .hero-section .swiper-container .prevArrow, .hero-section .swiper-container .nextArrow { bottom: 20px; } } .hero-section .swiper-container .swiper-button-next:focus, .hero-section .swiper-container .swiper-button-prev:focus, .hero-section .swiper-container .prevArrow:focus, .hero-section .swiper-container .nextArrow:focus { outline: 0; } .hero-section .swiper-container .swiper-button-next:hover, .hero-section .swiper-container .swiper-button-prev:hover, .hero-section .swiper-container .prevArrow:hover, .hero-section .swiper-container .nextArrow:hover { color: #cccccc; } @media (max-width: 590px) { .hero-section .swiper-container .swiper-button-next:after, .hero-section .swiper-container .swiper-button-prev:after, .hero-section .swiper-container .prevArrow:after, .hero-section .swiper-container .nextArrow:after { font-size: 34px; } } .hero-section .swiper-container .prevArrow, .hero-section .swiper-container .swiper-button-prev { right: 90px; } @media (max-width: 590px) { .hero-section .swiper-container .prevArrow, .hero-section .swiper-container .swiper-button-prev { right: 60px; } } .hero-section .swiper-container .nextArrow, .hero-section .swiper-container .swiper-button-next { right: 30px !important; } @media (max-width: 590px) { .hero-section .swiper-container .nextArrow, .hero-section .swiper-container .swiper-button-next { right: 10px !important; } } .hero-section .swiper-container .swiper-pagination { position: absolute; left: 3.5vw !important; bottom: 3.5vw !important; padding-left: 0; text-align: left; } @media (max-width: 590px) { .hero-section .swiper-container .swiper-pagination { left: 11px !important; bottom: 15px !important; } } .hero-section .swiper-container .swiper-pagination span { cursor: pointer; display: inline-block; background: none !important; margin: 0 12px !important; opacity: 0.6; width: auto !important; height: auto !important; color: white; font-weight: 500; font-size: 0.9em; text-transform: uppercase; border-radius: 0; } .hero-section .swiper-container .swiper-pagination span em { font-weight: 700; font-style: normal; display: block; margin-bottom: 0.5vw; } .hero-section .swiper-container .swiper-pagination span:nth-of-type(1) { width: 5.6vw !important; } @media (max-width: 590px) { .hero-section .swiper-container .swiper-pagination span:nth-of-type(1) { width: calc(5.6vw + 7px) !important; } } .hero-section .swiper-container .swiper-pagination span:nth-of-type(2) { width: 6.25vw !important; } @media (max-width: 590px) { .hero-section .swiper-container .swiper-pagination span:nth-of-type(2) { width: calc(6.25vw + 13px) !important; } } .hero-section .swiper-container .swiper-pagination span:nth-of-type(3) { width: 5.6vw !important; } @media (max-width: 590px) { .hero-section .swiper-container .swiper-pagination span:nth-of-type(3) { width: calc(5.6vw + 10px) !important; } } .hero-section .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1 !important; } .pagingInfo { position: absolute; left: 20px; bottom: 25px; padding-left: 0; z-index: 100; font-weight: 600; display: none; } body.page-template-01_homepage { scroll-behavior: smooth; } @media (max-width: 590px) { body.page-template-01_homepage h2.section-title { font-size: 32px; } } @media (max-width: 590px) { .clear_brs br { display: none !important; } } .feature-blocks { position: relative; z-index: 10; margin-top: -100px; padding-left: 70px; padding-top: 75px; padding-right: 20%; padding-bottom: 200px; justify-content: space-between; } .feature-blocks .facts_br { width: 100%; } @media (max-width: 590px) { .feature-blocks .facts_br { flex-wrap: wrap; } } @media (max-width: 590px) { .feature-blocks h2.section-title { font-size: 21px; margin-bottom: 5px; } } @media (max-width: 991px) { .feature-blocks br { display: none; } } .feature-blocks .fun { padding-left: 0; width: auto; flex: auto; } @media (max-width: 590px) { .feature-blocks .fun { width: 100%; } } .feature-blocks .fun:nth-of-type(3) { max-width: 36% !important; } .feature-blocks .fun h2 { font-size: 120px; font-weight: 400; } @media (max-width: 1590px) { .feature-blocks .fun h2 { font-size: 7vw; } } @media (max-width: 1490px) { .feature-blocks .fun h2 { font-size: 6.5vw; } } @media (max-width: 991px) { .feature-blocks .fun h2 { font-size: 11.5vw; } } @media (max-width: 590px) { .feature-blocks .fun h2 { font-size: 17vw; } } .feature-blocks .fun h5 { font-size: 15px; text-transform: uppercase; } @media (max-width: 590px) { .feature-blocks .fun h5 { font-size: 12px; } } .feature-blocks .down_arrow { position: absolute; bottom: 65px; left: 70px; width: 25px; } @media (max-width: 991px) { .feature-blocks .down_arrow { left: 45px; bottom: 55px; width: 22px; } } @media (max-width: 590px) { .feature-blocks .down_arrow { left: 32px; bottom: 25px; } } @media (max-width: 1400px) { .feature-blocks { padding-right: 8%; } } @media (max-width: 1200px) { .feature-blocks { padding-right: 50px; padding-left: 50px; padding-top: 30px; } .feature-blocks h3 { font-size: 20px; } } @media (max-width: 991px) { .feature-blocks { margin-top: 0; padding: 50px 50px 180px 50px; } .feature-blocks h3 { font-size: 25px; } .feature-blocks p { margin-bottom: 35px; } } @media (max-width: 490px) { .feature-blocks { padding: 35px 40px 180px 35px; } } /* /banner feature */ /* course */ .card-btn { font-size: 12px; padding: 5px 10px; } .flex-basis-33 { flex-basis: 33.3333%; } .hover-shadow { transition: 0.3s ease; } .hover-shadow:hover { box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15); } /* /course */ /* success story */ .success-video { min-height: 300px; } .success-video .play-btn { position: absolute; top: 50%; left: 33%; transform: translateY(-50%); } @media (max-width: 767px) { .success-video .play-btn { left: 50%; transform: translate(-50%, -50%); } } img.float_img { width: 46%; height: auto !important; min-height: unset !important; max-height: unset !important; margin-top: -16vw; } @media (max-width: 950px) { img.float_img { width: calc(100% - 30px) !important; height: 20% !important; margin-left: 15px; margin-top: -120px; } } .play-btn { display: inline-block; height: 100px; width: 100px; border-radius: 50%; background: #cccccc; color: #fff; font-size: 30px; text-align: center; } .play-btn i { line-height: 100px; text-indent: 4px; } .play-btn::before { position: absolute; content: ""; height: 0; width: 0; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; top: 50%; left: 50%; z-index: -2; transition: 0.3s ease; transition-delay: 0.2s; } .play-btn::after { position: absolute; content: ""; height: 80%; width: 80%; transform: translate(-50%, -50%); background: #cccccc; border-radius: 50%; top: 50%; left: 50%; z-index: -1; transition: 0.3s ease; } .play-btn:hover::before { height: 80%; width: 80%; transition-delay: 0s; } .play-btn:hover::after { height: 0; width: 0; transition: 0s ease; } .feature-icon { font-size: 50px; color: #cccccc; display: inline-block; } .icon_section { z-index: 10; position: relative; background: #06BFB3; } .icon_section .amber_container_small { padding-bottom: 1vw !important; } .icon_section .featurepanel .featurepanel_wrap { position: relative; background: #06BFB3; } .icon_section .featurepanel .featurepanel_wrap .swiper-container { position: relative; z-index: 1; bottom: 0; left: 0; height: 100%; width: 100%; } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-slide { padding: 0 0 0 4vw; margin-bottom: 10vw; } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-slide .feature-icon { margin-bottom: 20px; width: 8vw; height: 8vw; background-image: url(/wp-content/themes/founders_theme/assets/img/icons/awards.svg); background-size: cover; background-repeat: no-repeat; } @media (max-width: 1000px) { .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-slide .feature-icon { width: 80px; height: 80px; } } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-slide .feature-icon:before { display: none; } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-slide div { width: 100%; display: flex; } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-slide div h3 { font-weight: 500; padding-right: 1.25vw; padding-left: 1vw; margin-top: -0.4vw; } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-slide div p { max-width: 430px; padding-right: 0.5vw; line-height: 1.2; color: rgba(0, 0, 0, 0.9) !important; } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-slide img { height: 100% !important; width: auto !important; } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-scrollbar { margin: 4vw; height: 3px; border-radius: 0; width: calc(100% - 8vw); background: rgba(255, 255, 255, 0.25); } .icon_section .featurepanel .featurepanel_wrap .swiper-container .swiper-scrollbar .swiper-scrollbar-drag { height: 3px; border-radius: 0; background: rgb(255, 255, 255); } .story_panel { position: relative; overflow: hidden; padding-top: 25vw; } .story_panel .container { position: relative; z-index: 7; } .story_panel .container .p-5 { padding: 35px 30px 35px 35px !important; } .full_cover_vid { position: absolute; min-height: 100%; object-fit: cover; object-position: center center; top: 0; left: 0; z-index: 1; width: 100%; height: auto; } .full_cover_vid:after { content: ""; background: black; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.35; opacity: 0.6; z-index: 2; } .introblock { position: relative; z-index: 100; background: #161615; } .introblock h2 { font-weight: 500; font-size: 370%; letter-spacing: -0.02em; line-height: 1.1; } @media (max-width: 590px) { .introblock h2 { font-size: 32px; } } .introblock h2 small { margin-bottom: 2.8vw; letter-spacing: 0em; word-spacing: 0 !important; } .introblock p { padding-top: 4vw; color: rgba(255, 255, 255, 0.7) !important; } .introblock img { width: 20px; } .introblock .amber_gallery { margin-top: 3vw; margin-bottom: 3vw; } .introblock .amber_gallery .swiper-slide { height: 46vw; background-size: cover; background-position: center center; } .map_holder { position: relative; z-index: 10; } .map_holder svg { max-width: 80%; margin-left: 10%; } .map_holder .map_item { position: absolute; width: 3.1%; } .map_holder .map_item_inner { position: relative; } .map_holder .map_item_inner .dot { width: 100%; height: 0; padding-bottom: 100%; background: #5366E0; cursor: pointer; border-radius: 100px; } .map_holder .map_item_inner .popup { transition: all 0.4s ease; opacity: 0; position: absolute; bottom: 110%; width: 2000%; margin-left: -930%; background: #5366E0; pointer-events: none; padding: 100%; } .map_holder .map_item_inner .popup:after { content: ""; position: absolute; bottom: -10px; left: 47%; width: 20px; height: 20px; transform: rotate(45deg); background: #5366E0; } .map_holder .map_item_inner .popup h4 { color: #000; } .map_holder .map_item_inner .popup h4 small { color: white; padding-bottom: 2%; } .map_holder .map_item_inner .popup p { padding-top: 3%; padding-bottom: 20%; } .map_holder .map_item.on { z-index: 100; } .map_holder .map_item.on .map_item_inner .popup { opacity: 1; bottom: 190%; pointer-events: auto; } .map_holder .map_crann { left: 76.5%; top: 51.5%; } .map_holder .map_rcsi { left: 68.5%; top: 51.5%; } .map_holder .map_tcd { left: 72.5%; top: 51.5%; } .map_holder .map_ucd { left: 73.5%; top: 56.5%; } .map_holder .map_dcu { left: 72%; top: 47%; } .map_holder .map_shannon { left: 50%; top: 52%; } .map_holder .map_nuig { left: 33%; top: 51%; } .map_holder .map_limerick { left: 38%; top: 67.4%; } .map_holder .map_ucc { left: 42.5%; top: 85.5%; } .map_holder .map_tyndall { left: 39%; top: 86%; } .news_events .amber_container_small h3 { color: black; float: left; } .news_events .amber_container_small a { margin-top: 0.5vw; float: right; } .news_events .swiper-container { padding-bottom: 14vw; } .news_events .swiper-container .swiper-slide { flex-basis: 90.9%; } @media only screen and (min-width: 540px) { .news_events .swiper-container .swiper-slide { flex-basis: 90.9%; } } @media only screen and (min-width: 650px) { .news_events .swiper-container .swiper-slide { flex-basis: 44.4444%; } } @media only screen and (min-width: 1024px) { .news_events .swiper-container .swiper-slide { flex-basis: 28.5714%; } } .news_events .swiper-container .swiper-button-next, .news_events .swiper-container .swiper-button-prev { background: white; color: #333333; margin-left: -2vw; } @media (max-width: 590px) { .news_events .swiper-container { padding-bottom: 25vw; } } .shortcuts_block { position: relative; width: calc(100% + 100px); float: left; margin-left: -50px; margin-top: -40px; margin-bottom: 60px; font-size: 90%; border-top-right-radius: 0px; border-top-left-radius: 0px; } @media (max-width: 590px) { .shortcuts_block { font-size: 1em; width: calc(100% + 78px); } } .shortcuts_block.on { background: #151515; background: #5366E0; } .shortcuts_block.on ul { display: block; } .shortcuts_block.on span:after { opacity: 0 !important; } .shortcuts_block.on span span { transform: rotate(45deg); } .shortcuts_block.on span span:after { opacity: 1 !important; } .shortcuts_block h2 { margin-top: -15px; } .shortcuts_block span { display: block; color: white; line-height: 70px; padding: 30px 50px 0 50px; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10+ and Edge */ user-select: none; /* Standard syntax */ cursor: pointer; transition: color 0.05s ease-in-out; } @media (max-width: 590px) { .shortcuts_block span { padding: 30px 24px 0 50px; } } .shortcuts_block span:after { content: ""; width: 100%; height: 1px; background: #555555; display: block; position: relative; } .shortcuts_block span span { width: 20px; height: 20px; position: absolute; right: 50px; top: 55px; padding: 0 !important; border: none !important; transition: transform 0.4s ease; pointer-events: none; } @media (max-width: 590px) { .shortcuts_block span span { right: 23px; } } .shortcuts_block span span:after, .shortcuts_block span span:before { position: absolute; left: 0; top: calc(50% - 1px); content: ""; width: 100%; height: 2px; background: white; display: block; mix-blend-mode: unset; } .shortcuts_block span span:before { top: 0; left: calc(50% - 1px); width: 2px; height: 100%; } .shortcuts_block ul { display: none; position: absolute; z-index: 900; width: 100%; margin: 0; background: #5366E0; padding: 0 50px 50px 50px !important; } @media (max-width: 590px) { .shortcuts_block ul { padding: 0 22px 50px 50px !important; } .shortcuts_block ul li { overflow: hidden; } } .amber_features_wrap { display: flex; flex-direction: row; flex-wrap: wrap; } .amber_features_wrap article { position: relative; width: 50%; padding-bottom: 50%; background-size: cover; background-position: center center; } @media (max-width: 590px) { .amber_features_wrap article { width: 100%; padding-bottom: 100%; } } .amber_features_wrap article a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; } .amber_features_wrap article a div { position: absolute; z-index: 10; left: 2vw; bottom: 1vw; } @media (max-width: 1000px) { .amber_features_wrap article a div { left: 20px; bottom: 10px; } } .amber_features_wrap article a div h3 { color: white; } .amber_features_wrap article a div h3 small { color: #999; } .amber_features_wrap article a:before, .amber_features_wrap article a:after { content: ""; position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; background: #5366E0; opacity: 0; transition: all 0.4s ease-in-out; } .amber_features_wrap article a:before { opacity: 0.8; z-index: 4; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+5,0.08+34,1+94 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.08) 34%, rgb(0, 0, 0) 94%, rgb(0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.08) 34%, rgb(0, 0, 0) 94%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.08) 34%, rgb(0, 0, 0) 94%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */ } .amber_features_wrap article:hover a h3 { color: white; } .amber_features_wrap article:hover a h3 small { color: black; } .amber_features_wrap article:hover a:before, .amber_features_wrap article:hover a:after { opacity: 1; } .amber_features_wrap article:hover a span { color: #222222 !important; background-color: transparent; background-image: url(/wp-content/themes/founders_theme/assets/img/arrow_black.svg); background-repeat: no-repeat; } .mix-wrap .filter-controls li { cursor: pointer; transition: 0.1s ease; } @media (max-width: 590px) { .mix-wrap .filter-controls li { display: block; margin: 10px 0 0 0 !important; padding-bottom: 10px; border-bottom: 1px solid #dedede; } } .mix-wrap .filter-controls li.mixitup-control-active { font-weight: 600; color: black; } .mix-wrap .filter-controls li:hover { color: black; } body.page-template-04_contact .content_side { color: #aaa; } body.page-template-04_contact .content_side a { color: #aaa; } body.page-template-04_contact .content_side strong { display: block; margin-top: 0.75vw; color: white; } body.page-template-04_contact .contact_map { background: #eeeeee; } body.page-template-04_contact .contact_map .content_side { background: transparent; } body.page-template-04_contact .contact_map .content_side h3 { color: #333; } @media (max-width: 590px) { body.blog .filter-controls, body.archive .filter-controls { margin-top: -30px !important; } } body.blog .filter-controls li:first-of-type, body.archive .filter-controls li:first-of-type { margin-left: 0 !important; } body.blog .filter-controls li.current-cat a, body.archive .filter-controls li.current-cat a { color: #cccccc; font-weight: 600; } body.blog .filter-controls li a, body.archive .filter-controls li a { color: #757575; } body.blog .filter-controls li a:hover, body.archive .filter-controls li a:hover { color: #cccccc; } body.blog .news_container, body.archive .news_container { padding-bottom: 100px; } body.blog .news_container div.pagination, body.archive .news_container div.pagination { padding: 15px; width: 100%; } body.blog .news_container div.pagination .page-item, body.archive .news_container div.pagination .page-item { color: gray; } body.blog .news_container div.pagination .page-item:focus, body.archive .news_container div.pagination .page-item:focus { outline: 0 !important; } body.blog .news_container div.pagination .page-item .page-link, body.archive .news_container div.pagination .page-item .page-link { color: gray; outline: none !important; box-shadow: none; } body.blog .news_container div.pagination .page-item .page-link:visited, body.archive .news_container div.pagination .page-item .page-link:visited { color: gray; } body.blog .news_container div.pagination .page-item .page-link:focus, body.archive .news_container div.pagination .page-item .page-link:focus { outline: 0 !important; box-shadow: none; } body.blog .news_container div.pagination .page-item.active .page-link, body.archive .news_container div.pagination .page-item.active .page-link { background: #cccccc; border-color: transparent; color: white; } body.blog section.xxxbg-gray, body.archive section.xxxbg-gray { position: relative; } body.blog section.xxxbg-gray:after, body.archive section.xxxbg-gray:after { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 200px; background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); } body.blog section.xxxbg-gray .row, body.archive section.xxxbg-gray .row { position: relative; z-index: 2; } .filter-controls .list-inline-item:first-child { margin-left: 0 !important; } body.single .section_single { padding-top: 60px; } @media (max-width: 1190px) { body.single .section_single { padding-top: 40px; } } @media (max-width: 590px) { body.single .section_single { padding-top: 20px; } } body.single ul.post_meta_data { padding-left: 0; font-size: 14px; margin-bottom: 40px; } @media (max-width: 590px) { body.single ul.post_meta_data { margin-top: 20px; font-size: 13px; } } @media (max-width: 590px) { body.single ul.post_meta_data li { display: block !important; margin-bottom: 2px !important; margin-top: 0 !important; width: 100%; } } body.single ul.post_meta_data li:before { display: none; } body.single section.bg-gray { position: relative; } body.single section.bg-gray:after { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 200px; pointer-events: none; } body.single section.bg-gray .row { position: relative; z-index: 2; } body.single section.bg-gray .related_beag { padding-top: 20px; padding-right: 3vw; display: flex; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 1090px) { body.single section.bg-gray .related_beag { flex-wrap: wrap; padding-left: 20px; } } @media (max-width: 590px) { body.single section.bg-gray .related_beag { padding-right: 20px; } } body.single section.bg-gray .related_beag .amber_card { flex-basis: 100%; } body.single h2.primary_heading { margin: 0px 0 5px 0; } body.single span.detail_theme_spacer { margin-top: 40px; display: block; } .yearhide { display: none; } ul.categorybar, .pagination ul { display: block; margin: 0; padding: 0; list-style: none; } @media (max-width: 590px) { ul.categorybar, .pagination ul { padding-top: 10px; padding-bottom: 5px; } } ul.categorybar li, .pagination ul li { list-style: none; float: left; width: auto; padding-left: 1.5vw; padding-right: 1.5vw; background-image: none; color: white; background-color: #BFC6CC; font-family: "Open Sans", sans-serif; transition: all ease-in-out 0.3s; } @media (max-width: 990px) { ul.categorybar li, .pagination ul li { padding-left: 15px; padding-right: 15px; font-size: 13px; height: 36px; line-height: 36px; } } @media (max-width: 590px) { ul.categorybar li, .pagination ul li { height: 30px; line-height: 30px; padding-left: 11px; padding-right: 11px; font-size: 11px; } } ul.categorybar li:hover, .pagination ul li:hover { background: #7e8a95; } ul.categorybar li a, .pagination ul li a { color: white !important; font-family: "Open Sans", sans-serif; } @media (max-width: 990px) { ul.categorybar li a, .pagination ul li a { font-size: 13px; } } @media (max-width: 590px) { ul.categorybar li a, .pagination ul li a { font-size: 11px; } } ul.categorybar li:before, .pagination ul li:before { display: none; } ul.categorybar li.current, .pagination ul li.current { background: #232433; pointer-events: none !important; } ul.categorybar:after, .pagination ul:after { content: ""; display: table; width: 100%; height: 0.1vw; } .content_block_newsstories.founders_casestudies .casestudy_holder { width: 90%; flex-wrap: wrap; } @media (max-width: 490px) { .content_block_newsstories.founders_casestudies .casestudy_holder { width: 80%; } } .content_block_newsstories.founders_casestudies .casestudy_holder_case { height: 60vw; } @media (max-width: 690px) { .content_block_newsstories.founders_casestudies .casestudy_holder_case { height: 90vw; } } @media (max-width: 490px) { .content_block_newsstories.founders_casestudies .casestudy_holder_case { height: 160vw; } } .content_block_newsstories.founders_casestudies .casestudy_holder_case .all_link { position: absolute; width: 100%; height: 100%; top: 0; left: -1px; background: transparent; opacity: 1; z-index: 100; border-left: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .content_block_newsstories.founders_casestudies .casestudy_holder_case img.founder { height: 50%; } @media (max-width: 490px) { .content_block_newsstories.founders_casestudies .casestudy_holder_case p { font-size: 0.7em; } } .content_block_newsstories.founders_casestudies .casestudy_holder_case .details { transition: all ease-in-out 0.4s; height: 50%; } .content_block_newsstories.founders_casestudies .casestudy_holder_case .details em { transition: all ease-in-out 0.3s; font-style: normal; font-weight: bold; display: block; padding: 0 0 0.7vw 0.07vw; opacity: 0.75; } @media (max-width: 490px) { .content_block_newsstories.founders_casestudies .casestudy_holder_case .details em { font-size: 0.8em; } } .content_block_newsstories.founders_casestudies .casestudy_holder_case .details h3 { font-size: 2.4vw; } @media (max-width: 690px) { .content_block_newsstories.founders_casestudies .casestudy_holder_case .details h3 { font-size: 3.6vw; } } @media (max-width: 490px) { .content_block_newsstories.founders_casestudies .casestudy_holder_case .details h3 { font-size: 1.8em; } } .content_block_newsstories.founders_casestudies .casestudy_holder_case.nobg { background-color: #161621; } .content_block_newsstories.founders_casestudies .casestudy_holder_case.nobg img { transition: all ease-in-out 0.4s; } .content_block_newsstories.founders_casestudies .casestudy_holder_case.nobg p { z-index: 899; opacity: 1; } .content_block_newsstories.founders_casestudies .casestudy_holder_case.nobg:hover a.founders_btn { opacity: 1; transition-delay: 0s; } .content_block_newsstories.founders_casestudies .casestudy_holder_case.nobg:hover em { opacity: 1 !important; } .content_block_newsstories.founders_casestudies .casestudy_holder_case.nobg:hover img { opacity: 0.7; } .content_block_newsstories.founders_casestudies .casestudy_holder_case.nobg:hover .details { background-color: #1d1e2b; } /*# sourceMappingURL=style.css.map */