html, body, div, span, applet, object, iframe,
h1,
.custom-layout .layout-wrapper .text-wrapper .headline, h2, .custom-layout .layout-wrapper .text-wrapper .tagline, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
h1,
.custom-layout .layout-wrapper .text-wrapper .headline {
font-size: 40px; }
/*
* Legal Disclaimer
*
* * all EF Group websites
*
* It is strictly forbidden to download or use these fonts on any other website domain or media.
*
* While the @font-face statements below may be modified by the client, this
* disclaimer may not be removed.
*
* Lineto.com, 2018
*/
/*
*
* INSTRUCTIONS
*
* Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
* The fonts folder(s) should be placed relative to the regular CSS file.
*
*/
@font-face {
font-family: "EFCircularWeb Black Web";
src: url("assets/fonts/EFCircularWeb-Black.eot");
src: url("assets/fonts/EFCircularWeb-Black.woff") format("woff"), url("assets/fonts/EFCircularWeb-Black.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Black Italic Web";
src: url("assets/fonts/EFCircularWeb-BlackItalic.eot");
src: url("assets/fonts/EFCircularWeb-BlackItalic.woff") format("woff"), url("assets/fonts/EFCircularWeb-BlackItalic.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Bold Web";
src: url("assets/fonts/EFCircularWeb-Bold.eot");
src: url("assets/fonts/EFCircularWeb-Bold.woff") format("woff"), url("assets/fonts/EFCircularWeb-Bold.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Bold Italic Web";
src: url("assets/fonts/EFCircularWeb-BoldItalic.eot");
src: url("assets/fonts/EFCircularWeb-BoldItalic.woff") format("woff"), url("assets/fonts/EFCircularWeb-BoldItalic.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Book Web";
src: url("assets/fonts/EFCircularWeb-Book.eot");
src: url("assets/fonts/EFCircularWeb-Book.woff") format("woff"), url("assets/fonts/EFCircularWeb-Book.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Book Italic Web";
src: url("assets/fonts/EFCircularWeb-BookItalic.eot");
src: url("assets/fonts/EFCircularWeb-BookItalic.woff") format("woff"), url("assets/fonts/EFCircularWeb-BookItalic.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Light Web";
src: url("assets/fonts/EFCircularWeb-Light.eot");
src: url("assets/fonts/EFCircularWeb-Light.woff") format("woff"), url("assets/fonts/EFCircularWeb-Light.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Light Italic Web";
src: url("assets/fonts/EFCircularWeb-LightItalic.eot");
src: url("assets/fonts/EFCircularWeb-LightItalic.woff") format("woff"), url("assets/fonts/EFCircularWeb-LightItalic.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Medium Web";
src: url("assets/fonts/EFCircularWeb-Medium.eot");
src: url("assets/fonts/EFCircularWeb-Medium.woff") format("woff"), url("assets/fonts/EFCircularWeb-Medium.woff2") format("woff2"); }
@font-face {
font-family: "EFCircularWeb Medium Italic Web";
src: url("assets/fonts/EFCircularWeb-MediumItalic.eot");
src: url("assets/fonts/EFCircularWeb-MediumItalic.woff") format("woff"), url("assets/fonts/EFCircularWeb-MediumItalic.woff2") format("woff2"); }
*,
*:before,
*:after {
box-sizing: border-box; }
.wrapper {
width: 1184px;
max-width: 100%;
margin: auto;
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(12, 1fr);
position: relative;
padding: 0 8px; }
.wrapper .wrapper {
/* nested wrappers don't need padding - just the outer ones */
padding: 0; }
.double-gap {
grid-gap: 48px; }
.category-feed {
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(3, 1fr); }
.header,
.full {
margin-left: 5px;
margin-right: 5px;
flex: 0 1 100%;
grid-column: 1 / -1; }
.half {
grid-column-end: span 6; }
.two {
grid-column-end: span 2; }
.three {
grid-column-end: span 3; }
.four {
grid-column-end: span 4; }
.five {
grid-column-end: span 5; }
.seven {
grid-column-end: span 7; }
.eight {
grid-column-end: span 8; }
.nine {
grid-column-end: span 9; }
.ten {
grid-column-end: span 10; }
.skyscraper {
grid-column: 10;
grid-row: 1 / span 5; }
.skyscraper.short {
grid-row: 1 / span 3; }
.skyscraper.three {
grid-column-end: span 3; }
.tall {
grid-row-end: span 2; }
.panel.half.tall {
align-self: center; }
.sponsor.panel a {
display: block;
width: 100%;
height: 100%; }
.row1 {
grid-row-end: span 1; }
.row2 {
grid-row-end: span 2; }
.row3 {
grid-row-end: span 3; }
.row4 {
grid-row-end: span 4; }
.wrapper > * {
color: inherit;
margin-bottom: 10px; }
.video {
background-color: #000;
color: #fff;
padding: 32px; }
.section-header {
font-size: 24px;
text-transform: uppercase; }
.featured-video {
grid-row-end: span 3; }
.list-video {
grid-column-end: span 6; }
.banner {
background-color: magenta;
text-align: center;
height: 100px; }
.g-center {
place-self: center; }
.grid-gap-left {
margin-left: 24px; }
.grid-gap-right {
margin-right: 24px; }
.grid-gap-top {
margin-top: 24px; }
.grid-gap-bottom {
margin-bottom: 24px; }
@media only screen and (max-width: 1200px) {
.wrapper {
/* margin: 0 8px;
padding: 0;*/ } }
@media only screen and (max-width: 600px) {
.wrapper {
grid-gap: 16px;
grid-template-columns: 1 1fr;
padding: 0; }
.category-feed {
grid-template-columns: 1fr; }
.panel, .half, .skyscraper {
grid-column: 1/-1; }
.skyscraper {
grid-row: 4; } }
@media only screen and (max-width: 768px) {
.hidden-mobile {
display: none; }
.side-spacing-mobile {
padding-left: 16px;
padding-right: 16px; }
.side-spacing-mobile .panel {
grid-column: 1/-1; } }
/* We need to set the margin used on flex items to 0 as we have gaps in grid. */
@supports (display: grid) {
.wrapper > * {
margin: 0; } }
.country-ad {
background-image: url("assets/img/countries/ad.svg"); }
.country-ae {
background-image: url("assets/img/countries/ae.svg"); }
.country-af {
background-image: url("assets/img/countries/af.svg"); }
.country-ag {
background-image: url("assets/img/countries/ag.svg"); }
.country-ai {
background-image: url("assets/img/countries/ai.svg"); }
.country-al {
background-image: url("assets/img/countries/al.svg"); }
.country-am {
background-image: url("assets/img/countries/am.svg"); }
.country-an {
background-image: url("assets/img/countries/an.svg"); }
.country-ao {
background-image: url("assets/img/countries/ao.svg"); }
.country-aq {
background-image: url("assets/img/countries/aq.svg"); }
.country-ar {
background-image: url("assets/img/countries/ar.svg"); }
.country-as {
background-image: url("assets/img/countries/as.svg"); }
.country-at {
background-image: url("assets/img/countries/at.svg"); }
.country-au {
background-image: url("assets/img/countries/au.svg"); }
.country-aw {
background-image: url("assets/img/countries/aw.svg"); }
.country-ax {
background-image: url("assets/img/countries/ax.svg"); }
.country-az {
background-image: url("assets/img/countries/az.svg"); }
.country-ba {
background-image: url("assets/img/countries/ba.svg"); }
.country-bb {
background-image: url("assets/img/countries/bb.svg"); }
.country-bd {
background-image: url("assets/img/countries/bd.svg"); }
.country-be {
background-image: url("assets/img/countries/be.svg"); }
.country-bf {
background-image: url("assets/img/countries/bf.svg"); }
.country-bg {
background-image: url("assets/img/countries/bg.svg"); }
.country-bh {
background-image: url("assets/img/countries/bh.svg"); }
.country-bi {
background-image: url("assets/img/countries/bi.svg"); }
.country-bj {
background-image: url("assets/img/countries/bj.svg"); }
.country-bl {
background-image: url("assets/img/countries/bl.svg"); }
.country-bm {
background-image: url("assets/img/countries/bm.svg"); }
.country-bn {
background-image: url("assets/img/countries/bn.svg"); }
.country-bo {
background-image: url("assets/img/countries/bo.svg"); }
.country-bq {
background-image: url("assets/img/countries/bq.svg"); }
.country-br {
background-image: url("assets/img/countries/br.svg"); }
.country-bs {
background-image: url("assets/img/countries/bs.svg"); }
.country-bt {
background-image: url("assets/img/countries/bt.svg"); }
.country-bv {
background-image: url("assets/img/countries/bv.svg"); }
.country-bw {
background-image: url("assets/img/countries/bw.svg"); }
.country-by {
background-image: url("assets/img/countries/by.svg"); }
.country-bz {
background-image: url("assets/img/countries/bz.svg"); }
.country-ca {
background-image: url("assets/img/countries/ca.svg"); }
.country-cc {
background-image: url("assets/img/countries/cc.svg"); }
.country-cd {
background-image: url("assets/img/countries/cd.svg"); }
.country-cf {
background-image: url("assets/img/countries/cf.svg"); }
.country-cg {
background-image: url("assets/img/countries/cg.svg"); }
.country-ch {
background-image: url("assets/img/countries/ch.svg"); }
.country-ci {
background-image: url("assets/img/countries/ci.svg"); }
.country-ck {
background-image: url("assets/img/countries/ck.svg"); }
.country-cl {
background-image: url("assets/img/countries/cl.svg"); }
.country-cm {
background-image: url("assets/img/countries/cm.svg"); }
.country-cn {
background-image: url("assets/img/countries/cn.svg"); }
.country-co {
background-image: url("assets/img/countries/co.svg"); }
.country-cr {
background-image: url("assets/img/countries/cr.svg"); }
.country-cu {
background-image: url("assets/img/countries/cu.svg"); }
.country-cv {
background-image: url("assets/img/countries/cv.svg"); }
.country-cw {
background-image: url("assets/img/countries/cw.svg"); }
.country-cx {
background-image: url("assets/img/countries/cx.svg"); }
.country-cy {
background-image: url("assets/img/countries/cy.svg"); }
.country-cz {
background-image: url("assets/img/countries/cz.svg"); }
.country-de {
background-image: url("assets/img/countries/de.svg"); }
.country-dj {
background-image: url("assets/img/countries/dj.svg"); }
.country-dk {
background-image: url("assets/img/countries/dk.svg"); }
.country-dm {
background-image: url("assets/img/countries/dm.svg"); }
.country-do {
background-image: url("assets/img/countries/do.svg"); }
.country-dz {
background-image: url("assets/img/countries/dz.svg"); }
.country-ec {
background-image: url("assets/img/countries/ec.svg"); }
.country-ee {
background-image: url("assets/img/countries/ee.svg"); }
.country-eg {
background-image: url("assets/img/countries/eg.svg"); }
.country-eh {
background-image: url("assets/img/countries/eh.svg"); }
.country-er {
background-image: url("assets/img/countries/er.svg"); }
.country-es {
background-image: url("assets/img/countries/es.svg"); }
.country-et {
background-image: url("assets/img/countries/et.svg"); }
.country-eu {
background-image: url("assets/img/countries/eu.svg"); }
.country-fi {
background-image: url("assets/img/countries/fi.svg"); }
.country-fj {
background-image: url("assets/img/countries/fj.svg"); }
.country-fk {
background-image: url("assets/img/countries/fk.svg"); }
.country-fm {
background-image: url("assets/img/countries/fm.svg"); }
.country-fo {
background-image: url("assets/img/countries/fo.svg"); }
.country-fr {
background-image: url("assets/img/countries/fr.svg"); }
.country-ga {
background-image: url("assets/img/countries/ga.svg"); }
.country-gb {
background-image: url("assets/img/countries/gb.svg"); }
.country-gb {
background-image: url("assets/img/countries/gb.svg"); }
.country-gb {
background-image: url("assets/img/countries/gb.svg"); }
.country-gb {
background-image: url("assets/img/countries/gb.svg"); }
.country-gb {
background-image: url("assets/img/countries/gb.svg"); }
.country-gd {
background-image: url("assets/img/countries/gd.svg"); }
.country-ge {
background-image: url("assets/img/countries/ge.svg"); }
.country-gf {
background-image: url("assets/img/countries/gf.svg"); }
.country-gg {
background-image: url("assets/img/countries/gg.svg"); }
.country-gh {
background-image: url("assets/img/countries/gh.svg"); }
.country-gi {
background-image: url("assets/img/countries/gi.svg"); }
.country-gl {
background-image: url("assets/img/countries/gl.svg"); }
.country-gm {
background-image: url("assets/img/countries/gm.svg"); }
.country-gn {
background-image: url("assets/img/countries/gn.svg"); }
.country-gp {
background-image: url("assets/img/countries/gp.svg"); }
.country-gq {
background-image: url("assets/img/countries/gq.svg"); }
.country-gr {
background-image: url("assets/img/countries/gr.svg"); }
.country-gs {
background-image: url("assets/img/countries/gs.svg"); }
.country-gt {
background-image: url("assets/img/countries/gt.svg"); }
.country-gu {
background-image: url("assets/img/countries/gu.svg"); }
.country-gw {
background-image: url("assets/img/countries/gw.svg"); }
.country-gy {
background-image: url("assets/img/countries/gy.svg"); }
.country-hk {
background-image: url("assets/img/countries/hk.svg"); }
.country-hm {
background-image: url("assets/img/countries/hm.svg"); }
.country-hn {
background-image: url("assets/img/countries/hn.svg"); }
.country-hr {
background-image: url("assets/img/countries/hr.svg"); }
.country-ht {
background-image: url("assets/img/countries/ht.svg"); }
.country-hu {
background-image: url("assets/img/countries/hu.svg"); }
.country-id {
background-image: url("assets/img/countries/id.svg"); }
.country-ie {
background-image: url("assets/img/countries/ie.svg"); }
.country-il {
background-image: url("assets/img/countries/il.svg"); }
.country-im {
background-image: url("assets/img/countries/im.svg"); }
.country-in {
background-image: url("assets/img/countries/in.svg"); }
.country-io {
background-image: url("assets/img/countries/io.svg"); }
.country-iq {
background-image: url("assets/img/countries/iq.svg"); }
.country-ir {
background-image: url("assets/img/countries/ir.svg"); }
.country-is {
background-image: url("assets/img/countries/is.svg"); }
.country-it {
background-image: url("assets/img/countries/it.svg"); }
.country-je {
background-image: url("assets/img/countries/je.svg"); }
.country-jm {
background-image: url("assets/img/countries/jm.svg"); }
.country-jo {
background-image: url("assets/img/countries/jo.svg"); }
.country-jp {
background-image: url("assets/img/countries/jp.svg"); }
.country-ke {
background-image: url("assets/img/countries/ke.svg"); }
.country-kg {
background-image: url("assets/img/countries/kg.svg"); }
.country-kh {
background-image: url("assets/img/countries/kh.svg"); }
.country-ki {
background-image: url("assets/img/countries/ki.svg"); }
.country-km {
background-image: url("assets/img/countries/km.svg"); }
.country-kn {
background-image: url("assets/img/countries/kn.svg"); }
.country-kp {
background-image: url("assets/img/countries/kp.svg"); }
.country-kr {
background-image: url("assets/img/countries/kr.svg"); }
.country-kw {
background-image: url("assets/img/countries/kw.svg"); }
.country-ky {
background-image: url("assets/img/countries/ky.svg"); }
.country-kz {
background-image: url("assets/img/countries/kz.svg"); }
.country-la {
background-image: url("assets/img/countries/la.svg"); }
.country-lb {
background-image: url("assets/img/countries/lb.svg"); }
.country-lc {
background-image: url("assets/img/countries/lc.svg"); }
.country-li {
background-image: url("assets/img/countries/li.svg"); }
.country-lk {
background-image: url("assets/img/countries/lk.svg"); }
.country-lr {
background-image: url("assets/img/countries/lr.svg"); }
.country-ls {
background-image: url("assets/img/countries/ls.svg"); }
.country-lt {
background-image: url("assets/img/countries/lt.svg"); }
.country-lu {
background-image: url("assets/img/countries/lu.svg"); }
.country-lv {
background-image: url("assets/img/countries/lv.svg"); }
.country-ly {
background-image: url("assets/img/countries/ly.svg"); }
.country-ma {
background-image: url("assets/img/countries/ma.svg"); }
.country-mc {
background-image: url("assets/img/countries/mc.svg"); }
.country-md {
background-image: url("assets/img/countries/md.svg"); }
.country-me {
background-image: url("assets/img/countries/me.svg"); }
.country-mf {
background-image: url("assets/img/countries/mf.svg"); }
.country-mg {
background-image: url("assets/img/countries/mg.svg"); }
.country-mh {
background-image: url("assets/img/countries/mh.svg"); }
.country-mk {
background-image: url("assets/img/countries/mk.svg"); }
.country-ml {
background-image: url("assets/img/countries/ml.svg"); }
.country-mm {
background-image: url("assets/img/countries/mm.svg"); }
.country-mn {
background-image: url("assets/img/countries/mn.svg"); }
.country-mo {
background-image: url("assets/img/countries/mo.svg"); }
.country-mp {
background-image: url("assets/img/countries/mp.svg"); }
.country-mq {
background-image: url("assets/img/countries/mq.svg"); }
.country-mr {
background-image: url("assets/img/countries/mr.svg"); }
.country-ms {
background-image: url("assets/img/countries/ms.svg"); }
.country-mt {
background-image: url("assets/img/countries/mt.svg"); }
.country-mu {
background-image: url("assets/img/countries/mu.svg"); }
.country-mv {
background-image: url("assets/img/countries/mv.svg"); }
.country-mw {
background-image: url("assets/img/countries/mw.svg"); }
.country-mx {
background-image: url("assets/img/countries/mx.svg"); }
.country-my {
background-image: url("assets/img/countries/my.svg"); }
.country-mz {
background-image: url("assets/img/countries/mz.svg"); }
.country-na {
background-image: url("assets/img/countries/na.svg"); }
.country-nc {
background-image: url("assets/img/countries/nc.svg"); }
.country-ne {
background-image: url("assets/img/countries/ne.svg"); }
.country-nf {
background-image: url("assets/img/countries/nf.svg"); }
.country-ng {
background-image: url("assets/img/countries/ng.svg"); }
.country-ni {
background-image: url("assets/img/countries/ni.svg"); }
.country-nl {
background-image: url("assets/img/countries/nl.svg"); }
.country-no {
background-image: url("assets/img/countries/no.svg"); }
.country-np {
background-image: url("assets/img/countries/np.svg"); }
.country-nr {
background-image: url("assets/img/countries/nr.svg"); }
.country-nu {
background-image: url("assets/img/countries/nu.svg"); }
.country-nz {
background-image: url("assets/img/countries/nz.svg"); }
.country-om {
background-image: url("assets/img/countries/om.svg"); }
.country-pa {
background-image: url("assets/img/countries/pa.svg"); }
.country-pe {
background-image: url("assets/img/countries/pe.svg"); }
.country-pf {
background-image: url("assets/img/countries/pf.svg"); }
.country-pg {
background-image: url("assets/img/countries/pg.svg"); }
.country-ph {
background-image: url("assets/img/countries/ph.svg"); }
.country-pk {
background-image: url("assets/img/countries/pk.svg"); }
.country-pl {
background-image: url("assets/img/countries/pl.svg"); }
.country-pm {
background-image: url("assets/img/countries/pm.svg"); }
.country-pn {
background-image: url("assets/img/countries/pn.svg"); }
.country-pr {
background-image: url("assets/img/countries/pr.svg"); }
.country-ps {
background-image: url("assets/img/countries/ps.svg"); }
.country-pt {
background-image: url("assets/img/countries/pt.svg"); }
.country-pw {
background-image: url("assets/img/countries/pw.svg"); }
.country-py {
background-image: url("assets/img/countries/py.svg"); }
.country-qa {
background-image: url("assets/img/countries/qa.svg"); }
.country-re {
background-image: url("assets/img/countries/re.svg"); }
.country-ro {
background-image: url("assets/img/countries/ro.svg"); }
.country-rs {
background-image: url("assets/img/countries/rs.svg"); }
.country-ru {
background-image: url("assets/img/countries/ru.svg"); }
.country-rw {
background-image: url("assets/img/countries/rw.svg"); }
.country-sa {
background-image: url("assets/img/countries/sa.svg"); }
.country-sb {
background-image: url("assets/img/countries/sb.svg"); }
.country-sc {
background-image: url("assets/img/countries/sc.svg"); }
.country-sd {
background-image: url("assets/img/countries/sd.svg"); }
.country-se {
background-image: url("assets/img/countries/se.svg"); }
.country-sg {
background-image: url("assets/img/countries/sg.svg"); }
.country-sh {
background-image: url("assets/img/countries/sh.svg"); }
.country-si {
background-image: url("assets/img/countries/si.svg"); }
.country-sj {
background-image: url("assets/img/countries/sj.svg"); }
.country-sk {
background-image: url("assets/img/countries/sk.svg"); }
.country-sl {
background-image: url("assets/img/countries/sl.svg"); }
.country-sm {
background-image: url("assets/img/countries/sm.svg"); }
.country-sn {
background-image: url("assets/img/countries/sn.svg"); }
.country-so {
background-image: url("assets/img/countries/so.svg"); }
.country-sr {
background-image: url("assets/img/countries/sr.svg"); }
.country-ss {
background-image: url("assets/img/countries/ss.svg"); }
.country-st {
background-image: url("assets/img/countries/st.svg"); }
.country-sv {
background-image: url("assets/img/countries/sv.svg"); }
.country-sx {
background-image: url("assets/img/countries/sx.svg"); }
.country-sy {
background-image: url("assets/img/countries/sy.svg"); }
.country-sz {
background-image: url("assets/img/countries/sz.svg"); }
.country-tc {
background-image: url("assets/img/countries/tc.svg"); }
.country-td {
background-image: url("assets/img/countries/td.svg"); }
.country-tf {
background-image: url("assets/img/countries/tf.svg"); }
.country-tg {
background-image: url("assets/img/countries/tg.svg"); }
.country-th {
background-image: url("assets/img/countries/th.svg"); }
.country-tj {
background-image: url("assets/img/countries/tj.svg"); }
.country-tk {
background-image: url("assets/img/countries/tk.svg"); }
.country-tl {
background-image: url("assets/img/countries/tl.svg"); }
.country-tm {
background-image: url("assets/img/countries/tm.svg"); }
.country-tn {
background-image: url("assets/img/countries/tn.svg"); }
.country-to {
background-image: url("assets/img/countries/to.svg"); }
.country-tr {
background-image: url("assets/img/countries/tr.svg"); }
.country-tt {
background-image: url("assets/img/countries/tt.svg"); }
.country-tv {
background-image: url("assets/img/countries/tv.svg"); }
.country-tw {
background-image: url("assets/img/countries/tw.svg"); }
.country-tz {
background-image: url("assets/img/countries/tz.svg"); }
.country-ua {
background-image: url("assets/img/countries/ua.svg"); }
.country-ug {
background-image: url("assets/img/countries/ug.svg"); }
.country-um {
background-image: url("assets/img/countries/um.svg"); }
.country-us {
background-image: url("assets/img/countries/us.svg"); }
.country-uy {
background-image: url("assets/img/countries/uy.svg"); }
.country-uz {
background-image: url("assets/img/countries/uz.svg"); }
.country-va {
background-image: url("assets/img/countries/va.svg"); }
.country-vc {
background-image: url("assets/img/countries/vc.svg"); }
.country-ve {
background-image: url("assets/img/countries/ve.svg"); }
.country-vg {
background-image: url("assets/img/countries/vg.svg"); }
.country-vi {
background-image: url("assets/img/countries/vi.svg"); }
.country-vn {
background-image: url("assets/img/countries/vn.svg"); }
.country-vu {
background-image: url("assets/img/countries/vu.svg"); }
.country-wf {
background-image: url("assets/img/countries/wf.svg"); }
.country-xk {
background-image: url("assets/img/countries/xk.svg"); }
.country-ws {
background-image: url("assets/img/countries/ws.svg"); }
.country-ye {
background-image: url("assets/img/countries/ye.svg"); }
.country-yt {
background-image: url("assets/img/countries/yt.svg"); }
.country-za {
background-image: url("assets/img/countries/za.svg"); }
.country-zm {
background-image: url("assets/img/countries/zm.svg"); }
.country-zw {
background-image: url("assets/img/countries/zw.svg"); }
header {
align-items: center;
background-color: #fff;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16);
color: #000;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0 auto;
max-width: 1200px;
top: 0;
position: absolute;
height: auto;
z-index: 15; }
header a {
text-decoration: none; }
header .wrapper {
grid-gap: 8px;
padding: 16px 32px 0 32px; }
@media only screen and (max-width: 768px) {
header .wrapper {
padding: 16px 16px 0 16px; } }
body header {
max-height: 0px;
transition: max-height 0.25s, color 0.25s; }
body.menu-open header {
color: #000;
max-height: 150px; }
@media only screen and (max-width: 768px) {
body.menu-open header {
max-height: 0; } }
.header__float {
position: absolute;
z-index: 5; }
.header__menu__text {
padding-left: 40px; }
@media only screen and (max-width: 768px) {
.header__menu__text {
padding-left: 1rem; } }
.header__logo {
height: 55px;
width: 270px; }
@media only screen and (max-width: 768px) {
.header__logo {
height: auto;
width: auto; } }
.header__ef {
text-align: right; }
.header__shadow {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.color__white header a {
color: #fff; }
.color__black header a {
color: #000; }
.color__white .header__menu i {
background: url("assets/img/menu-white.svg") no-repeat center center; }
.menu-open .color__white .header__menu i {
background-image: url("assets/img/closemenu.svg"); }
@media only screen and (max-width: 768px) {
.header__menu {
grid-column-end: span 3;
z-index: 20; } }
@media only screen and (max-width: 768px) {
.header__menu span {
display: none; } }
.header__menu i {
display: inline-block;
width: 16px;
height: 16px;
background: url("assets/img/menu.svg") no-repeat center center;
background-size: contain;
vertical-align: middle;
transition: all 0.2s ease-in-out; }
.menu-open .header__menu i {
background-image: url("assets/img/closemenu.svg"); }
@media only screen and (max-width: 768px) {
.header__logo {
grid-column-end: span 6; } }
@media only screen and (max-width: 768px) {
.header__ef {
grid-column-end: span 3; } }
.header__menu i,
.header__menu span {
cursor: pointer; }
@media only screen and (max-width: 768px) {
.header__menu i.fa-times {
color: #000; } }
.header__menu span,
.header__ef {
font-family: "EFCircularWeb Light Web"; }
.mobile__home {
display: none; }
@media only screen and (max-width: 768px) {
.mobile__home {
display: block;
margin: 70px 1rem 1rem; } }
.menu__wrapper {
grid-column: 1 / span 12;
overflow: hidden;
max-height: 0;
display: flex;
height: auto;
opacity: 0;
transition: max-height 0.125s ease-in-out, opacity 0.125s ease-in-out, transform 0.25s ease-in-out; }
@media only screen and (max-width: 768px) {
.menu__wrapper {
color: #000;
max-height: 1000px;
position: fixed;
background: #fff;
height: 100%;
z-index: 10;
top: 0;
left: 0;
width: 50%;
transform: translateX(-100%);
flex-flow: column; } }
.menu-open .menu__wrapper {
max-height: 56px;
opacity: 1; }
@media only screen and (max-width: 768px) {
.menu-open .menu__wrapper {
max-height: 100%;
transform: translateX(0%); } }
.menu__wrapper ul:nth-child(2) {
margin-left: 0; }
.menu__wrapper ul:last-child {
margin-right: 0; }
@media only screen and (max-width: 768px) {
.menu__wrapper ul:last-child {
font-family: "EFCircularWeb Light Web"; } }
.menu__wrapper .menu {
display: flex;
padding: 0 0 1rem 0;
margin: 0 15px; }
@media only screen and (max-width: 768px) {
.menu__wrapper .menu {
flex-flow: column;
padding: 0 15px;
margin: 0; } }
.menu__wrapper .menu-item {
margin: 0 15px; }
@media only screen and (max-width: 768px) {
.menu__wrapper .menu-item {
margin: 15px 0; } }
.menu__wrapper .menu-item:first-child {
margin-left: 0; }
.menu__wrapper .menu-item:last-child {
margin-right: 0; }
.menu__wrapper .menu-item a {
transition: all 0.5s ease-in-out;
border: none; }
.menu__wrapper .menu-item a:hover {
border: none;
opacity: 0.65;
text-decoration: underline; }
.menu__wrapper .menu-item a:active {
opacity: 1;
text-decoration: none;
font-family: "EFCircularWeb Black Web"; }
.mobile__menu__extras {
display: none;
max-height: 1000px;
position: fixed;
height: 100%;
z-index: 10;
top: 0;
right: 0;
width: 50%;
transform: translateX(100%);
transition: max-height 0.3s ease-in-out, transform 0.3s ease-in-out; }
@media only screen and (max-width: 768px) {
.mobile__menu__extras {
display: block; } }
.menu-open .mobile__menu__extras {
transform: translateX(0%); }
.mobile__menu__extras .top__box {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
left: 0;
height: 50%;
width: 100%; }
.mobile__menu__extras .bottom__box {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: absolute;
top: 50%;
left: 0;
height: 50%;
width: 100%; }
.mobile__menu__extras .content__wrapper {
position: absolute;
bottom: 1rem;
left: 1rem;
color: #fff;
width: 80%;
font-size: 0.85rem; }
.mobile__menu__extras .content__wrapper img {
max-width: 50%; }
.mobile__menu__extras .content__wrapper .subheadline {
width: 75%; }
/* https://codepen.io/jonprod4ever/pen/zyRdzR */
* {
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "EFCircularWeb Bold Web";
/* default font size */
font-size: 16px;
line-height: 24px; }
body.modal-open {
overflow: hidden; }
img {
width: 100%;
height: auto; }
a {
color: inherit;
cursor: pointer;
text-decoration: none; }
a.text {
background: transparent;
border-bottom: 3px solid #ffd5ea;
color: inherit;
text-decoration: none;
transition: border-bottom 0.25s; }
a.text:hover,
a.text:focus {
border-bottom: 3px solid #ff33A0; }
a.text:active {
background: #E4F7FF; }
p a, ul a {
background: transparent;
border-bottom: 3px solid #ffd5ea;
color: inherit;
text-decoration: none;
transition: border-bottom 0.25s; }
p a:hover,
p a:focus, ul a:hover,
ul a:focus {
border-bottom: 3px solid #ff33A0; }
p a:active, ul a:active {
background: #E4F7FF; }
.button {
background-color: #231F20;
border-radius: 500px;
color: #fff;
cursor: pointer;
font-family: "EFCircularWeb Book Web";
font-size: 14px;
line-height: 22px;
min-height: 32px;
padding: 5px 16px;
text-decoration: none;
transition: background-color 0.5s ease-in-out; }
.button:hover {
background-color: #423b3e; }
.button.button__primary {
min-height: 40px;
padding: 10px 24px; }
.button__color__gradient {
background-image: linear-gradient(90deg, #ff33A0 0px, #F92B3F 30%, #0237AD); }
.button__color__gradient:hover {
background: #ff33A0; }
button {
outline: 0; }
blockquote {
border-left: 6px solid #ccc;
padding: 0.5rem 1rem;
margin: 1rem 0;
font-size: 2rem;
font-family: "EFCircularWeb Bold Web";
line-height: 1.2;
margin: 1rem 0; }
blockquote:before {
content: open-quote; }
blockquote:after {
content: close-quote; }
blockquote p {
font-family: "EFCircularWeb Bold Web";
font-size: 34px;
line-height: 39px;
width: 50%; }
ul:not([class]) li {
font-family: "EFCircularWeb Book Web"; }
ul[class=""] li {
font-family: "EFCircularWeb Book Web"; }
h1,
.custom-layout .layout-wrapper .text-wrapper .headline {
font-family: "EFCircularWeb Bold Web";
font-size: 80px;
line-height: 80px; }
h2, .custom-layout .layout-wrapper .text-wrapper .tagline {
font-family: "EFCircularWeb Bold Web";
font-size: 60px;
line-height: 62px; }
h3 {
font-family: "EFCircularWeb Bold Web";
font-size: 40px;
line-height: 44px; }
h4 {
font-family: "EFCircularWeb Bold Web";
font-size: 28px;
line-height: 34px; }
h5 {
font-family: "EFCircularWeb Bold Web";
font-size: 20px;
line-height: 26px; }
h6 {
font-family: "EFCircularWeb Bold Web";
font-size: 16px;
line-height: 24px; }
p, span {
font-family: "EFCircularWeb Light Web";
font-size: 16px;
line-height: 24px; }
.section__header {
font-family: "EFCircularWeb Black Web";
font-size: 36px;
line-height: 44px; }
.subtitle {
font-family: "EFCircularWeb Book Web";
font-size: 26px;
line-height: 32px; }
.body {
font-family: "EFCircularWeb Light Web";
font-size: 16px;
line-height: 24px; }
.body-book {
font-family: "EFCircularWeb Book Web";
font-size: 16px;
line-height: 24px; }
.paragraph {
font-family: "EFCircularWeb Light Web";
font-size: 14px;
line-height: 22px; }
.paragraph-book {
font-family: "EFCircularWeb Book Web";
font-size: 14px;
line-height: 22px; }
.caption {
font-family: "EFCircularWeb Book Web";
font-size: 12px;
line-height: 20px; }
.brow {
font-family: "EFCircularWeb Black Web";
font-size: 12px;
letter-spacing: 2px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 8px; }
.brow ul li a {
border-bottom: none; }
/* Surfaces */
.surface-shadow {
border-radius: 10px;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16);
overflow: hidden;
transition: box-shadow 0.25s; }
.surface-shadow:hover {
box-shadow: 0 2px 16px 0 rgba(25, 25, 25, 0.1); }
/* Spacing */
.spacing__top__xxs {
margin-top: 4px; }
.spacing__top__xs {
margin-top: 8px; }
.spacing__top__s {
margin-top: 16px; }
.spacing__top__m {
margin-top: 24px; }
.spacing__top__l {
margin-top: 32px; }
.spacing__top__xl {
margin-top: 48px; }
.spacing__top__xxl {
margin-top: 64px; }
.spacing__bottom__xxs {
margin-bottom: 4px; }
.spacing__bottom__xs {
margin-bottom: 8px; }
.spacing__bottom__s {
margin-bottom: 16px; }
.spacing__bottom__m {
margin-bottom: 24px; }
.spacing__bottom__l {
margin-bottom: 32px; }
.spacing__bottom__xl {
margin-bottom: 48px; }
.spacing__bottom__xxl {
margin-bottom: 64px; }
.spacing__right__xxs {
margin-right: 4px; }
.spacing__right__xs {
margin-right: 8px; }
.spacing__right__s {
margin-right: 16px; }
.spacing__right__m {
margin-right: 24px; }
.spacing__right__l {
margin-right: 32px; }
.spacing__right__xl {
margin-right: 48px; }
.spacing__right__xxl {
margin-right: 64px; }
.spacing__left__xxs {
margin-left: 4px; }
.spacing__left__xs {
margin-left: 8px; }
.spacing__left__s {
margin-left: 16px; }
.spacing__left__m {
margin-left: 24px; }
.spacing__left__l {
margin-left: 32px; }
.spacing__left__xl {
margin-left: 48px; }
.spacing__left__xxl {
margin-left: 64px; }
/* spacing padding */
.spacing__top__s--padding {
padding-top: 16px; }
.border__gray__bottom {
padding-bottom: 5px;
display: inline-block;
border-bottom: 5px solid #cccccc; }
/* Misc */
.clearfix {
*zoom: 1; }
.clearfix:before,
.clearfix:after {
content: '';
display: table; }
.clearfix:after {
clear: both; }
.share__title {
display: inline-block;
border-bottom: 5px solid #cccccc;
margin-bottom: 15px;
padding-bottom: 5px; }
.social__share ul li a {
border-bottom: none;
display: inline-block;
font-size: 24px;
padding: 8px 0; }
.body__seperator {
border-top: 1px solid #cccccc;
width: 100%; }
.color__white {
color: #fff; }
.color__white header a {
color: #fff; }
.color__black {
color: #000; }
.color__black header a {
color: #000; }
.full__width {
max-width: 100%;
width: 100%; }
.thumb-16-9 {
padding: 56.25% 0 0 0; }
.thumb-half {
height: 100%; }
@media only screen and (max-width: 440px) {
.thumb-half {
padding: 56.25% 0 0 0; } }
.reveal__text {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s ease-in-out;
position: relative; }
.open-reveal .reveal__text {
max-height: 9999px; }
.reveal__text .reveal-trigger {
position: absolute;
top: -5px;
right: 0;
font-size: 1.0rem; }
.number-panel {
display: flex;
line-height: 1;
align-items: center; }
.number-panel .number {
font-size: 5.5rem;
font-family: "EFCircularWeb Black Web";
display: flex; }
@media only screen and (max-width: 440px) {
.number-panel .number {
font-size: 3.5rem; } }
.number-panel .number::after {
content: '';
height: 5.5rem;
width: 1.5rem;
background: url("assets/img/gradient-slash.svg") no-repeat center center;
background-size: contain;
display: block;
margin: 0 1rem; }
@media only screen and (max-width: 440px) {
.number-panel .number::after {
height: 3.5rem; } }
.number-panel .descriptor {
font-size: 1.25rem;
font-family: "EFCircularWeb Bold Web"; }
@media only screen and (max-width: 440px) {
.number-panel .descriptor {
font-size: 1rem; } }
.view__gallery {
border-radius: 500px;
display: inline-block;
color: #fff;
padding: 0.5rem 1rem;
border: 0;
background-color: #202020;
cursor: pointer;
background-image: url("assets/img/PlayArrow.svg");
background-repeat: no-repeat;
background-position: 0.85rem center;
background-size: 0.85rem;
padding: 0.5rem;
padding-left: 2.375rem;
font-size: 0.85rem; }
.view__gallery:hover {
color: #ff33A0; }
.view__gallery:before {
content: '| View Gallery';
margin-right: 0.5rem; }
.view__gallery:hover {
background-image: url("assets/img/PlayArrow-Active.svg"); }
.post__not-loaded {
display: none; }
.load__more {
font-size: 1rem; }
.load__more-wrapper {
grid-column: 1 / -1;
text-align: center; }
.back__to__top {
position: fixed;
bottom: 2rem;
right: 2rem;
background-color: #fff;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16);
transition: box-shadow 0.25s;
border-radius: 50%;
width: 52px;
height: 52px;
cursor: pointer;
z-index: 100;
display: none;
border: 0;
background-image: url("assets/img/TopArrow.svg");
background-repeat: no-repeat;
background-size: 21px;
background-position: center center; }
.back__to__top:hover {
box-shadow: 0 2px 16px 0 rgba(25, 25, 25, 0.1); }
.desktop {
display: inherit; }
.desktop__grid {
display: grid; }
.mobile {
display: none; }
@media only screen and (max-width: 600px) {
section.wrapper {
padding: 0 16px; }
.desktop {
display: none; }
.mobile {
display: inherit; }
.desktop__grid {
display: none; }
section {
padding: 0 16px; }
.social__share ul li {
display: inline-block;
margin-right: 15px; } }
@media only screen and (max-width: 440px) {
h1,
.custom-layout .layout-wrapper .text-wrapper .headline {
font-family: "EFCircularWeb Bold Web";
font-size: 40px;
line-height: 44px; }
h2, .custom-layout .layout-wrapper .text-wrapper .tagline {
font-family: "EFCircularWeb Bold Web";
font-size: 28px;
line-height: 34px; }
h3 {
font-family: "EFCircularWeb Bold Web";
font-size: 24px;
line-height: 28px; }
h4 {
font-family: "EFCircularWeb Bold Web";
font-size: 20px;
line-height: 26px; }
h5 {
font-family: "EFCircularWeb Bold Web";
font-size: 16px;
line-height: 24px; }
h6 {
font-family: "EFCircularWeb Bold Web";
font-size: 14px;
line-height: 22px; }
.subtitle {
font-family: "EFCircularWeb Book Web";
font-size: 18px;
line-height: 26px; }
.body {
font-family: "EFCircularWeb Light Web";
font-size: 16px;
line-height: 24px; }
.body-book {
font-family: "EFCircularWeb Book Web";
font-size: 16px;
line-height: 24px; }
.paragraph {
font-family: "EFCircularWeb Light Web";
font-size: 14px;
line-height: 22px; }
.paragraph-book {
font-family: "EFCircularWeb Book Web";
font-size: 14px;
line-height: 22px; }
.caption {
font-family: "EFCircularWeb Book Web";
font-size: 12px;
line-height: 20px; }
.back__to__top {
bottom: 1rem;
right: 1rem; } }
.modal {
display: none; }
footer {
color: #000;
max-width: 1200px;
margin: 0 auto; }
@media only screen and (max-width: 768px) {
footer {
margin-bottom: 80px; } }
footer .footer__menu .spacing__top__m {
margin-top: 24px; }
.footer__logo {
display: inline-block;
width: 54px; }
.footer__top__right {
float: right; }
.footer__email__signup {
display: inline;
margin-right: 24px; }
.footer__email__signup .cta {
background-color: #fff;
border: 1px solid #000;
color: #000;
transition: all 0.5s ease-in-out; }
.footer__email__signup .cta:hover {
background-color: #ff33A0;
color: #fff; }
.footer__email__signup.mobile {
display: none; }
.footer__social {
display: inline-block; }
.footer__social ul li {
display: inline;
margin: 0 10px; }
.footer__social ul li a {
border: none; }
.footer__social ul li:last-child {
margin: 0; }
.footer__title {
border-bottom: 1px solid black;
padding-bottom: 24px; }
.footer__menu {
display: inline-block;
padding-top: 16px;
vertical-align: top;
width: 224px; }
.footer__menu ul li a {
border-bottom: none; }
.footer__inline {
margin-right: 40px;
padding-bottom: 16px;
text-align: right; }
.footer__inline:last-child {
margin-right: 0; }
.footer__bottom {
text-align: right; }
.footer__copyright {
text-align: right; }
.email__lightbox {
background: rgba(0, 0, 0, 0.8);
color: #fff;
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100vw;
z-index: 999;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin-bottom: 40px; }
.email__lightbox .lightbox__content .email {
display: block; }
.email__lightbox .lightbox__content #mc_embed_signup label {
padding-bottom: 30px; }
.email__lightbox .lightbox__content #mc-embedded-subscribe-form {
margin: 0 auto;
text-align: left; }
.email__lightbox .lightbox__content #mc_embed_signup label {
font-size: 22px; }
.email__lightbox .lightbox__content #mc_embed_signup input.email {
display: block; }
.email__lightbox .lightbox__content #mc-embedded-subscribe.button {
background-color: #ff33A0;
border-radius: 100px;
height: 40px;
margin: 10px 0;
min-width: 100px; }
.email__lightbox .lightbox__content #mc-embedded-subscribe.button:focus {
outline: 0; }
.email__lightbox .lightbox__content #mc-embedded-subscribe.button:hover {
background-color: #E4F7FF; }
.email__lightbox .lightbox__content .cancel__button {
display: inline-block;
cursor: pointer;
margin-left: 50px; }
.footer__cookies {
background-color: #fff;
border-top: 1px solid #000;
bottom: 0;
padding: 32px;
position: fixed;
width: 100%;
z-index: 999;
transition: bottom .5s; }
.footer__cookies .footer__cookies__button {
text-align: right; }
@media only screen and (max-width: 400px) {
.footer__cookies .footer__cookies__button {
margin-top: 10px; } }
.footer__cookies .footer__cookies__allow {
background-color: #fff;
border: 1px solid #000;
color: #000;
margin-top: 24px; }
.footer__cookies.footer__cookies__out {
display: none; }
.footer__cookies.footer__cookies__hide {
display: none; }
.lightbox__slideshow {
align-items: center;
background-color: rgba(0, 0, 0, 0.85);
display: flex;
height: 100vh;
justify-content: center;
position: fixed;
right: 0;
top: 0;
width: 100vw;
z-index: 100; }
.lightbox__slideshow .lightbox__slideshow__wrapper {
height: 80%;
width: 80%; }
.lightbox__slideshow .swiper-container {
height: 100%;
overflow: visible; }
.lightbox__slideshow .swiper-height {
height: 100%;
width: 100%; }
.lightbox__slideshow .swiper-slide-image {
height: 100%; }
.lightbox__slideshow .swiper-pagination-bullet {
background: #fff; }
.lightbox__slideshow .swiper-button-next,
.lightbox__slideshow .swiper-button-prev {
align-items: center;
background: #fff;
border-radius: 200px;
display: flex;
justify-content: center;
height: 50px;
width: 50px; }
.lightbox__slideshow .swiper-button-next:focus,
.lightbox__slideshow .swiper-button-prev:focus {
outline: 0; }
.lightbox__slideshow button.close-modal {
color: #fff;
font-size: 2rem;
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
border: 0;
box-shadow: none;
outline: none;
background: transparent; }
.lightbox__slideshow--hide {
visibility: hidden; }
.lightbox__slideshow--show {
visibility: visible; }
@media only screen and (max-width: 600px) {
footer {
padding: 0 16px; }
.mobile.footer__email__signup {
border-bottom: 1px solid #000;
display: block;
margin-bottom: 32px;
padding-bottom: 32px;
width: 100%; }
.desktop.footer__email__signup {
display: none; }
.footer__menu {
display: block;
width: 100%; }
.footer__bottom {
padding-top: 24px; }
.lightbox__slideshow .swiper-container {
overflow: hidden; } }
.btn-gradient {
border-radius: 500px;
display: inline-block;
color: #fff;
padding: 0.5rem 1rem;
border: 0;
background-color: #202020;
cursor: pointer;
background-color: #ff33A0;
background: -moz-linear-gradient(left, #ff33A0 0%, #F62F45 17%, #093CAA 100%);
background: -webkit-linear-gradient(left, #ff33A0 0%, #F62F45 17%, #093CAA 100%);
background: linear-gradient(to right, #ff33A0 0%, #F62F45 17%, #093CAA 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC3AA0', endColorstr='#093CAA',GradientType=1 );
padding: 0.5rem 2rem;
text-decoration: none;
transition: all 0.5s ease-in-out; }
.btn-gradient:hover {
color: #ff33A0; }
.btn-gradient:hover {
background: #ff33A0;
color: #fff; }
@media only screen and (max-width: 768px) {
.btn-gradient {
padding: 0.5rem 1rem; } }
.btn-play {
border-radius: 500px;
display: inline-block;
color: #fff;
padding: 0.5rem 1rem;
border: 0;
background-color: #202020;
cursor: pointer;
background-image: url("assets/img/PlayArrow.svg");
background-repeat: no-repeat;
background-position: 0.85rem center;
background-size: 0.85rem;
padding: 0.5rem 1rem;
padding-left: 2.375rem;
font-size: 0.85rem;
transition: background-image 0.25s; }
.btn-play:hover {
color: #ff33A0; }
.btn-play:before {
margin-right: 0.5rem; }
.btn-play:hover {
background-image: url("assets/img/PlayArrow-Active.svg"); }
.btn-more {
padding: 0.5rem 1rem; }
.btn-pill {
border-radius: 500px;
display: inline-block;
color: #fff;
padding: 0.5rem 1rem;
border: 0;
background-color: #202020;
cursor: pointer; }
.btn-pill:hover {
color: #ff33A0; }
@media only screen and (max-width: 768px) {
.btn-pill {
background: transparent;
text-decoration: none;
padding: 0; } }
.btn-gallery {
border-radius: 500px;
display: inline-block;
color: #fff;
padding: 0.5rem 1rem;
border: 0;
background-color: #202020;
cursor: pointer;
background-repeat: no-repeat;
background-position: 0.85rem center;
background-size: 0.85rem;
background-color: #ff33A0;
background: -moz-linear-gradient(left, #ff33A0 0%, #F62F45 17%, #093CAA 100%);
background: -webkit-linear-gradient(left, #ff33A0 0%, #F62F45 17%, #093CAA 100%);
background: linear-gradient(to right, #ff33A0 0%, #F62F45 17%, #093CAA 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC3AA0', endColorstr='#093CAA',GradientType=1 );
bottom: 30px;
font-size: 0.85rem;
left: 30px;
position: absolute;
transition: all 0.25s ease-in-out; }
.btn-gallery:hover {
color: #ff33A0; }
.btn-gallery:hover {
background: #ff33A0;
color: #fff; }
.btn-gallery .btn-gallery-text {
font-family: "EFCircularWeb Light Web";
font-weight: 600;
padding-left: 30px;
background-image: url("assets/img/gallery-icon.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: contain; }
.hero {
height: 839px;
position: relative;
width: 100%; }
.hero__text__wrapper {
bottom: 0;
color: #fff;
display: flex;
flex-flow: column nowrap;
height: 375px;
justify-content: center;
margin-bottom: 32px;
position: absolute;
width: 100%; }
.home .hero__text__wrapper {
bottom: 48px; }
.hero__text__wrapper h1, .hero__text__wrapper .custom-layout .layout-wrapper .text-wrapper .headline, .custom-layout .layout-wrapper .text-wrapper .hero__text__wrapper .headline {
width: 500px; }
.hero__text__wrapper h4 {
font-family: "EFCircularWeb Medium Web";
width: 80%; }
.hero__spacer-top {
margin-top: 80px; }
@media only screen and (max-width: 640px) {
.hero__text__wrapper {
bottom: 32px;
height: auto; }
.hero__text__wrapper h1, .hero__text__wrapper .custom-layout .layout-wrapper .text-wrapper .headline, .custom-layout .layout-wrapper .text-wrapper .hero__text__wrapper .headline {
width: 250px; }
.hero__text__wrapper.spacing__left__xxl {
margin: 0;
padding-left: 16px; }
.hero {
height: 70vh; } }
.splash .hero-wrapper.fullscreen-video .single__hero {
height: 100%;
width: 100%; }
.splash .hero-wrapper.fullscreen-video {
width: 100%;
height: 90vh; }
.splash .custom-layout > div, .splash p, .splash span {
background: none;
font-size: 18px;
line-height: 1.4em; }
.splash .custom-layout div {
background-color: none; }
.splash p, .splash h3 {
margin-bottom: 48px; }
.splash h3 span {
font-size: 40px;
line-height: 1.2em; }
.splash .single__hero__text__wrapper {
color: #fff;
position: absolute;
width: 100%;
max-width: 100%;
text-align: center;
top: 40vh;
left: 0;
padding: 0; }
.splash .single__hero__info {
margin-bottom: -6px; }
.splash .btn-play {
background-color: #ff33A0;
color: white;
border-radius: 500px;
display: inline-block;
color: #fff;
border: 0;
cursor: pointer;
background-image: url(assets/img/PlayArrow.svg);
background-repeat: no-repeat;
background-position: 26px center;
background-size: 16px;
padding: 10px;
padding-left: 10px;
font-size: 26px;
width: 400px;
max-width: 90%;
font-family: "EFCircularWeb Bold Web";
transition: all .5s; }
.splash .btn-play:hover {
background-color: #0237AD;
color: white; }
.splash .btn-play:before {
content: '';
margin-right: 0.5rem; }
.splash .header__float {
max-height: 80px; }
.splash .custom-layout .paragraph-wrapper {
padding: 64px 0 64px 0; }
@media only screen and (max-width: 600px) {
.splash .custom-layout .paragraph-wrapper {
padding: 64px 0 0px 0; } }
.splash .hero-wrapper.fullscreen-video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: unset;
width: unset;
min-width: 100%;
min-height: 100%; }
.splash .custom-layout .mobile .navigation__anchors {
display: none; }
.splash .custom-layout .image-text-row {
padding: 64px 0;
position: relative;
height: auto; }
.splash .custom-layout .image-text-row:nth-of-type(2) {
padding-top: 128px; }
.splash .custom-layout .image-text-row:last-of-type {
padding-bottom: 128px; }
.splash .custom-layout .image-text-row .text-component {
padding: 56px 56px 56px 48px; }
.splash .custom-layout .image-text-row .text-component p {
margin: 0; }
@media only screen and (max-width: 600px) {
.splash .custom-layout .image-text-row .text-component {
padding: 48px 32px 48px 32px; } }
.splash .image-text-row .wrapper {
z-index: 5;
background-color: white;
background: white;
padding: 0; }
.splash .image-collage {
position: relative;
height: 90vw;
overflow-x: hidden; }
@media only screen and (max-width: 600px) {
.splash .image-collage {
height: 200vw; } }
.splash .image-collage div {
background: none; }
.splash .image-collage .c1 {
position: absolute;
width: 56vw;
height: auto;
top: 8vw;
left: 5vw;
z-index: 1;
margin-top: 150px; }
@media only screen and (max-width: 600px) {
.splash .image-collage .c1 {
width: 80vw;
top: 0vw;
left: 4vw;
margin-top: 50px; } }
.splash .image-collage .c2 {
position: absolute;
width: 32vw;
height: auto;
top: 5vw;
left: 63vw;
z-index: 1;
margin-top: 100px; }
@media only screen and (max-width: 600px) {
.splash .image-collage .c2 {
width: 60vw;
top: 53vw;
left: 35vw; } }
.splash .image-collage .c3 {
position: absolute;
width: 22vw;
height: auto;
top: 28vw;
left: 68vw;
z-index: 1;
margin-top: 120px; }
@media only screen and (max-width: 600px) {
.splash .image-collage .c3 {
width: 80vw;
top: 100vw;
left: 4vw; } }
.splash .image-collage .c4 {
position: absolute;
width: 56vw;
height: auto;
top: 50vw;
left: 21vw;
z-index: 1;
margin-top: 50px; }
@media only screen and (max-width: 600px) {
.splash .image-collage .c4 {
width: 60vw;
top: 153vw;
left: 35vw; } }
.splash .image-collage .bg, .splash .image-row-wrapper .bg {
position: absolute;
width: 100vw;
height: auto;
transform: translateY(-50%);
top: 40vw;
left: 0vw;
z-index: 0;
margin-top: 0; }
@media only screen and (max-width: 600px) {
.splash .image-collage .bg, .splash .image-row-wrapper .bg {
margin-top: 180px;
transform: translate(-25%, 28px);
width: 200vw; } }
.splash #mail {
background-color: #ff33A0;
color: white;
position: fixed;
height: 80px;
bottom: 0;
left: 0;
width: 100%;
z-index: 50;
padding: 5px 20px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center; }
.splash #mail.active {
position: relative; }
.splash #mail h4 {
display: inline; }
.splash #mail .cta {
display: inline;
margin-left: 20px; }
.splash #mc_embed_signup {
padding: 5px; }
.splash #mc_embed_signup .button {
font-size: 24px;
border: none;
border-radius: 50px;
color: #fff;
background-color: #ff33A0;
line-height: 32px;
padding: 7px 32px;
display: block;
margin: auto;
transition: all 0.23s ease-in-out 0s;
font-family: "EFCircularWeb Bold Web";
margin-bottom: 128px;
letter-spacing: 0;
box-sizing: content-box;
width: 200px;
max-width: 80%; }
.splash #mc_embed_signup .button:hover {
background-color: #0237AD; }
.splash #mc_embed_signup input.email {
font-family: "EFCircularWeb Regular Web",Arial,Helvetica,Verdana,sans-serif;
font-size: 18px;
border: 0;
border-radius: 3px;
color: #343434;
background-color: #fff;
box-sizing: border-box;
padding: 9px 9px;
display: block;
margin: 32px auto 16px auto;
width: 400px;
max-width: 80%;
text-align: center;
letter-spacing: 0;
box-sizing: content-box; }
.splash .social__share ul {
background-color: none;
height: 0px; }
.splash .horizontal__banner {
padding-top: 32px;
background-color: white; }
.splash .loading-fix {
background-color: none; }
/*.splash {
color: $color-black;
font-family: "EFCircularWeb Bold Web";
.circle {
position: absolute;
width: 250px;
height: 250px;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
background-color: transparent;
background-image: radial-gradient(circle, $color-pink, $color-black);
border-radius: 80%;
backface-visibility: hidden;
transform: translate(-50%, -50%);
z-index: 0;
transform: translate3d();
backface-visibility: hidden;
}
.circle__size {
color: $color-white;
position: absolute;
}
.content {
margin: 0 auto;
max-width: $max-width;
position: relative;
text-align: center;
width: 100%;
z-index: 999;
min-height: 100vh;
min-width: 100vw;
.hero {
margin: 0 auto;
max-width: 344px;
img { padding: 45px 0px 18px; }
}
.hero__subhead {
font-size: 24px;
letter-spacing: .12em
}
.countdown {
font-size: 110dppx;
margin: 110px 0 80px;
z-index: 1;
.countdown-row {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
.countdown-section {
width: 250px;
}
.countdown-amount {
font-size: 110px;
margin: 0 50px;
}
.countdown-period {
display: block;
font-size: 18px;
margin-top: 40px;
text-transform: uppercase;
}
}
.cta {
background: $color-pink;
border: none;
border-radius: 100px;
color: $color-black;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 15px 50px;
}
.cta:hover {
background: $color-hover;
}
.sponsors {
margin: 60px auto 0;
max-width: 550px;
.sponsors__mobile { display: none; }
}
.social img {
height: 36px;
}
.bottom {
position: fixed;
bottom: 20px;
width: 100%;
a { color: $color-pink; }
a:hover { color: $color-hover; }
div { display: inline; }
}
.legal {
float: left;
font-size: 12px;
margin-left: 40px;
ul { margin-top: 6px; }
li { padding: 0 6px; }
}
.social {
float: right;
font-size: 18px;
margin-right: 40px;
li { padding: 0 15px; }
i:hover { color: $color-hover; }
}
ul li {
display: inline;
}
}
.lightbox {
background: rgba(0, 0, 0, 0.8);
color: $color-white;
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100vw;
z-index: 999;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin-bottom: 40px;
.lightbox__content {
.email {
display: block;
}
#mc_embed_signup label {
padding-bottom: 30px;
}
#mc-embedded-subscribe-form {
margin: 0 auto;
text-align: left;
}
#mc_embed_signup label {
font-size: 22px;
}
#mc_embed_signup input.email {
display: block;
}
#mc-embedded-subscribe.button {
background-color: $color-pink;
border-radius: 100px;
height: 40px;
margin: 10px 0;
min-width: 100px;
&:focus {outline:0;}
&:hover {
background-color: $color-hover;
}
}
.cancel__button {
display: inline-block;
cursor: pointer;
margin-left: 50px;
}
}
}
}
@media only screen and (min-width: $width-medium) {
.splash .circle {
filter: blur(100px);
}
}
@media only screen and (max-width: $width-large) {
.splash .content .sponsors {
.sponsors__desktop { display: none; }
.sponsors__mobile { display: block; }
}
}
@media only screen and (max-width: $width-medium) {
.splash .content .countdown {
.countdown-section { width: 150px; }
.countdown-amount { font-size: 68px; margin: 0; }
}
.splash .content .social img { height: 24px; }
}
@media only screen and (max-width: $width-medium) and (orientation: landscape) {
.splash {
.logo,
.countdown,
.sponsors {
user-select: none;
}
//.circle { filter: blur(10px); }
.content {
.hero {
max-width: 250px;
img { padding: 10px 0 0px; }
}
.countdown {
margin: 10px 0 10px;
.countdown-row .countdown-amount {
font-size: 40px;
margin: 0 50px;
}
.countdown-period {
margin-top: 0px;
}
}
.sponsors { margin: 0 auto; max-width: 350px; }
}
}
}
@media only screen and (max-width: $width-small) {
.splash {
.content {
position: fixed;
.logo,
.countdown,
.sponsors {
user-select: none;
}
.countdown {
.countdown-section { width: 100px; }
.countdown-amount { font-size: 48px; }
font-size: 48px;
margin: 30px 0 30px;
.countdown-period {
font-size: 10px;
margin-top: 20px;
}
}
.cta {
font-size: 16px;
margin: 10px 0 0px;
padding: 20px 30px;
text-transform: uppercase;
}
.sponsors {
margin: 30px 0 30px;
}
.bottom {
font-size: 12px;
li { padding: 0 10px; }
.legal {
margin-left: 5px;
ul { margin-top: 2px; }
li { padding: 0 7px; }
}
.social { margin-right: 5px; }
}
}
}
.lightbox {
.lightbox__content {
#mc-embedded-subscribe.button {
-webkit-appearance: none;
width: 100px;
}
}
}
}*/
/*
.splash__slideshow {
color: $color-white;
font-family: "EFCircularWeb Bold Web";
.swiper-container {
color: $color-white;
height: 100%;
left: 0;
width: 100%;
position: fixed;
top: 0;
}
.swiper-slide {
text-align: center;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100vw;
height: 100vh;
}
.swiper-slide-image {
height: 100%;
width: 100%;
}
.content {
margin: 0 auto;
max-width: $max-width;
position: relative;
text-align: center;
width: 100%;
z-index: 999;
min-height: 100vh;
min-width: 100vw;
.hero {
margin: 0 auto;
max-width: 344px;
}
.hero__subhead {
font-size: 24px;
letter-spacing: .12em;
opacity: .6;
}
.countdown {
font-size: 110dppx;
margin: 110px 0 80px;
opacity: .6;
overflow-x: hidden;
z-index: 1;
.countdown-row {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
.countdown-section {
width: 250px;
}
.countdown-amount {
font-size: 110px;
margin: 0 50px;
}
.countdown-period {
display: block;
font-size: 18px;
margin-top: 40px;
text-transform: uppercase;
}
}
.cta {
background: $color-pink;
border: none;
border-radius: 100px;
color: $color-black;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 15px 50px;
}
.cta:hover {
background: $color-hover;
}
.sponsors {
margin: 60px auto 0;
max-width: 550px;
padding-bottom: 50px;
opacity: .6;
padding-bottom: 50px;
.sponsors__mobile { display: none; }
}
.social img {
height: 36px;
}
.bottom {
position: fixed;
bottom: 20px;
width: 100%;
a { color: $color-pink; }
a:hover { color: $color-hover; }
div { display: inline; }
}
.legal {
float: left;
font-size: 12px;
margin-left: 40px;
ul { margin-top: 6px; }
li { padding: 0 6px; }
}
.social {
float: right;
font-size: 18px;
margin-right: 40px;
li { padding: 0 15px; }
i:hover { color: $color-hover; }
}
ul li {
display: inline;
}
}
.lightbox {
background: rgba(0, 0, 0, 0.8);
color: $color-white;
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100vw;
z-index: 999;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin-bottom: 40px;
.lightbox__content {
.email {
display: block;
}
#mc_embed_signup label {
padding-bottom: 30px;
}
#mc-embedded-subscribe-form {
margin: 0 auto;
text-align: left;
}
#mc_embed_signup label {
font-size: 22px;
}
#mc_embed_signup input.email {
display: block;
}
#mc-embedded-subscribe.button {
background-color: $color-pink;
border-radius: 100px;
height: 40px;
margin: 10px 0;
min-width: 100px;
&:focus {outline:0;}
&:hover {
background-color: $color-hover;
}
}
.cancel__button {
display: inline-block;
cursor: pointer;
margin-left: 50px;
}
}
}
}
@media only screen and (max-width: $width-large) {
.splash__slideshow.content .sponsors {
.sponsors__desktop { display: none; }
.sponsors__mobile { display: block; }
}
}
@media only screen and (max-width: $width-large) and (orientation: landscape) {
.splash__slideshow .content .countdown .countdown-amount { font-size: 60px; }
}
@media only screen and (max-width: $width-medium) {
.splash__slideshow .content .countdown {
.countdown-section {
width: 150px;
.countdown-amount { font-size: 68px; margin: 0; }
}
}
.splash__slideshow.content .social img { height: 24px; }
}
@media only screen and (max-width: $width-medium) and (orientation: landscape) {
.splash__slideshow{
.logo,
.countdown,
.sponsors {
user-select: none;
}
.circle { filter: blur(10px); }
.content {
.hero {
max-width: 250px;
img { padding: 10px 0 0px; }
}
.countdown {
margin: 10px 0 10px;
.countdown-row .countdown-amount {
font-size: 40px;
margin: 0 50px;
}
.countdown-period {
margin-top: 0px;
}
}
.sponsors { margin: 0 auto; max-width: 350px; }
}
}
}
@media only screen and (max-width: $width-small) {
.splash__slideshow{
.circle { filter: blur(10px); }
.content {
position: fixed;
.logo,
.countdown,
.sponsors {
user-select: none;
}
.countdown {
.countdown-section { width: 100px; }
.countdown-amount { font-size: 48px; }
font-size: 48px;
margin: 0px 0 30px;
.countdown-period {
font-size: 10px;
margin-top: 0px;
}
}
.cta {
font-size: 16px;
margin: 10px 0 0px;
padding: 20px 30px;
text-transform: uppercase;
}
.sponsors {
margin: 30px 0 30px;
padding-bottom: 0;
}
.bottom {
font-size: 12px;
li { padding: 0 10px; }
.legal {
margin-left: 5px;
ul { margin-top: 2px; }
li { padding: 0 7px; }
}
.social { margin-right: 5px; }
}
}
}
.lightbox {
.lightbox__content {
#mc-embedded-subscribe.button {
-webkit-appearance: none;
width: 100px;
}
}
}
}*/
.videos {
background: #000;
color: #fff; }
.category .videos {
padding: 2rem 1rem; }
@media only screen and (max-width: 768px) {
.videos .wrapper {
padding: 0; } }
.videos section {
margin: 0 auto; }
.videos h2, .videos .custom-layout .layout-wrapper .text-wrapper .tagline, .custom-layout .layout-wrapper .text-wrapper .videos .tagline {
text-transform: uppercase;
font-family: 'EFCircularWeb Bold Web';
margin-right: 2rem;
font-size: 2rem; }
@media only screen and (max-width: 768px) {
.videos h2, .videos .custom-layout .layout-wrapper .text-wrapper .tagline, .custom-layout .layout-wrapper .text-wrapper .videos .tagline {
font-size: 1.65rem; } }
.videos .intro {
display: flex;
align-items: center;
width: 100%; }
.videos .feature .info-wrapper {
position: relative; }
.videos .feature .info-wrapper img {
max-width: 100%; }
.videos .feature .info-wrapper:after {
content: '';
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1; }
.videos .feature .overlay-content {
position: absolute;
bottom: 3rem;
z-index: 2;
left: 3rem; }
.videos .feature .overlay-content h3 {
font-size: 3.75rem; }
@media only screen and (max-width: 768px) {
.videos .feature .overlay-content {
bottom: 1rem;
left: 1rem; }
.videos .feature .overlay-content h3,
.videos .feature .overlay-content h4 {
display: none; } }
.videos .feature .mobile-only {
display: none;
border-bottom: 1px solid #ccc;
padding: 1rem 0 1.5rem; }
.videos .feature .mobile-only h3 {
font-size: 3rem;
line-height: 1; }
@media only screen and (max-width: 768px) {
.videos .feature .mobile-only {
display: block; } }
.videos .outro {
text-align: center; }
.videos .outro p {
margin: 1rem 0; }
.videos .video-category {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
position: relative; }
.videos .video-category h3 {
font-size: 2.25rem;
margin-right: auto; }
.videos .video-list {
display: flex;
margin-top: 1rem; }
@media only screen and (max-width: 768px) {
.videos .video-list {
overflow-x: auto;
overflow-y: hidden;
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px; } }
.videos .video-list::-webkit-scrollbar {
width: 0;
/* remove scrollbar space */
background: transparent;
/* optional: just make scrollbar invisible */ }
.videos .video-list .video-container {
flex: 1 1 25%;
margin: 0 15px; }
@media only screen and (max-width: 768px) {
.videos .video-list .video-container {
width: calc(50% - 30px);
flex: 0 0 auto; } }
.videos .video-list .video-container:first-child {
margin-left: 0; }
.videos .video-list .video-container:last-child {
margin-right: 0; }
.videos .video-list .video-container h4 {
font-size: 1.25rem;
cursor: pointer; }
@media only screen and (max-width: 768px) {
.videos .video-list .video-container h4 {
font-size: 1rem; } }
.videos .video-list .video-wrapper {
position: relative;
position: relative;
padding-bottom: 56.25%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
@media only screen and (max-width: 768px) {
.videos .video-list .video-wrapper {
padding-bottom: 136.61%;
background-size: auto 133%; } }
.videos .video-list .video-wrapper .play-video {
position: absolute;
left: 1rem;
bottom: 1rem; }
@media only screen and (max-width: 768px) {
.videos .video-list .video-wrapper .play-video {
left: 50%;
transform: translateX(-50%); } }
aside {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.79);
visibility: hidden;
opacity: 0;
display: flex;
align-items: center;
z-index: 9999;
transition: opacity 0.3s ease-in-out; }
aside button.close-modal {
color: transparent;
font-size: 1rem;
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
border: 0;
box-shadow: none;
outline: none;
background: url("assets/img/closebox.svg") no-repeat center center;
background-size: contain;
transition: all 0.5s ease-in-out; }
aside button.close-modal:hover {
opacity: 0.75; }
.modal-open aside {
visibility: visible;
opacity: 1; }
aside .modal-wrapper {
width: 75%;
margin: 0 auto; }
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.calendar-holder,
.list-holder {
font-size: inherit;
display: none; }
.calendar-holder.active,
.list-holder.active {
display: block; }
@media only screen and (max-width: 768px) {
.calendar-holder,
.calendar-holder.active {
display: none; } }
@media only screen and (max-width: 768px) {
.list-holder,
.list-holder.active {
display: block; } }
.calendar .calendar-header {
display: grid;
grid-template-columns: repeat(7, calc((100%/7) - 0.5rem));
column-gap: 0.5rem; }
.calendar .calendar-header .calendar-header-day {
margin: 0.5rem; }
.calendar .calendar-week {
display: grid;
grid-template-columns: repeat(7, calc((100%/7) - 0.5rem));
grid-template-rows: calc(25px + 1rem) 1fr;
column-gap: 0.5rem;
justify-content: space-between;
min-height: 140px; }
.calendar .calendar-week .calendar-day {
border-top: 1px solid #777;
margin: 0.5rem; }
.calendar .calendar-week .calendar-day.not-in-month .day-number {
color: #7f7f7f; }
.calendar .calendar-week .calendar-day .day-number {
display: block;
margin-bottom: 0.5rem;
color: #262626; }
.calendar .calendar-week .calendar-events {
display: grid;
grid-column-start: 1;
grid-column-end: 8;
grid-template-columns: repeat(7, calc((100%/7) - 0.5rem));
column-gap: 0.5rem;
align-items: flex-start;
justify-content: space-between; }
.calendar .calendar-week .cal-event {
position: relative;
padding: 0.5rem 1rem;
border-radius: 16px;
color: #000;
background-color: #CBF0FF;
margin: 0.25rem 0;
cursor: pointer;
grid-column: 1/span 1; }
.calendar .calendar-week .cal-event[data-days='2'] {
grid-column: 1/span 2; }
.calendar .calendar-week .cal-event[data-days='3'] {
grid-column: 1/span 3; }
.calendar .calendar-week .cal-event[data-days='4'] {
grid-column: 1/span 4; }
.calendar .calendar-week .cal-event[data-days='5'] {
grid-column: 1/span 5; }
.calendar .calendar-week .cal-event[data-days='6'] {
grid-column: 1/span 6; }
.calendar .calendar-week .cal-event[data-days='7'] {
grid-column: 1/span 7; }
.calendar .calendar-week .cal-event.not-end {
border-radius: 16px 0 0 16px; }
.calendar .calendar-week .cal-event.not-start {
border-radius: 0 16px 16px 0; }
.calendar .calendar-week .cal-event.extended {
border-radius: 0; }
.calendar .calendar-week .cal-event[data-offset='1'] {
grid-column: 2/span 1; }
.calendar .calendar-week .cal-event[data-offset='1'][data-days='2'] {
grid-column: 2/span 2; }
.calendar .calendar-week .cal-event[data-offset='1'][data-days='3'] {
grid-column: 2/span 3; }
.calendar .calendar-week .cal-event[data-offset='1'][data-days='4'] {
grid-column: 2/span 4; }
.calendar .calendar-week .cal-event[data-offset='1'][data-days='5'] {
grid-column: 2/span 5; }
.calendar .calendar-week .cal-event[data-offset='1'][data-days='6'] {
grid-column: 2/span 6; }
.calendar .calendar-week .cal-event[data-offset='1'][data-days='7'] {
grid-column: 2/span 7; }
.calendar .calendar-week .cal-event[data-offset='2'] {
grid-column: 3/span 1; }
.calendar .calendar-week .cal-event[data-offset='2'][data-days='2'] {
grid-column: 3/span 2; }
.calendar .calendar-week .cal-event[data-offset='2'][data-days='3'] {
grid-column: 3/span 3; }
.calendar .calendar-week .cal-event[data-offset='2'][data-days='4'] {
grid-column: 3/span 4; }
.calendar .calendar-week .cal-event[data-offset='2'][data-days='5'] {
grid-column: 3/span 5; }
.calendar .calendar-week .cal-event[data-offset='2'][data-days='6'] {
grid-column: 3/span 6; }
.calendar .calendar-week .cal-event[data-offset='2'][data-days='7'] {
grid-column: 3/span 7; }
.calendar .calendar-week .cal-event[data-offset='3'] {
grid-column: 4/span 1; }
.calendar .calendar-week .cal-event[data-offset='3'][data-days='2'] {
grid-column: 4/span 2; }
.calendar .calendar-week .cal-event[data-offset='3'][data-days='3'] {
grid-column: 4/span 3; }
.calendar .calendar-week .cal-event[data-offset='3'][data-days='4'] {
grid-column: 4/span 4; }
.calendar .calendar-week .cal-event[data-offset='3'][data-days='5'] {
grid-column: 4/span 5; }
.calendar .calendar-week .cal-event[data-offset='3'][data-days='6'] {
grid-column: 4/span 6; }
.calendar .calendar-week .cal-event[data-offset='3'][data-days='7'] {
grid-column: 4/span 7; }
.calendar .calendar-week .cal-event[data-offset='4'] {
grid-column: 5/span 1; }
.calendar .calendar-week .cal-event[data-offset='4'][data-days='2'] {
grid-column: 5/span 2; }
.calendar .calendar-week .cal-event[data-offset='4'][data-days='3'] {
grid-column: 5/span 3; }
.calendar .calendar-week .cal-event[data-offset='4'][data-days='4'] {
grid-column: 5/span 4; }
.calendar .calendar-week .cal-event[data-offset='4'][data-days='5'] {
grid-column: 5/span 5; }
.calendar .calendar-week .cal-event[data-offset='4'][data-days='6'] {
grid-column: 5/span 6; }
.calendar .calendar-week .cal-event[data-offset='4'][data-days='7'] {
grid-column: 5/span 7; }
.calendar .calendar-week .cal-event[data-offset='5'] {
grid-column: 6/span 1; }
.calendar .calendar-week .cal-event[data-offset='5'][data-days='2'] {
grid-column: 6/span 2; }
.calendar .calendar-week .cal-event[data-offset='5'][data-days='3'] {
grid-column: 6/span 3; }
.calendar .calendar-week .cal-event[data-offset='5'][data-days='4'] {
grid-column: 6/span 4; }
.calendar .calendar-week .cal-event[data-offset='5'][data-days='5'] {
grid-column: 6/span 5; }
.calendar .calendar-week .cal-event[data-offset='5'][data-days='6'] {
grid-column: 6/span 6; }
.calendar .calendar-week .cal-event[data-offset='5'][data-days='7'] {
grid-column: 6/span 7; }
.calendar .calendar-week .cal-event[data-offset='6'] {
grid-column: 7/span 1; }
.calendar .calendar-week .cal-event[data-offset='6'][data-days='2'] {
grid-column: 7/span 2; }
.calendar .calendar-week .cal-event[data-offset='6'][data-days='3'] {
grid-column: 7/span 3; }
.calendar .calendar-week .cal-event[data-offset='6'][data-days='4'] {
grid-column: 7/span 4; }
.calendar .calendar-week .cal-event[data-offset='6'][data-days='5'] {
grid-column: 7/span 5; }
.calendar .calendar-week .cal-event[data-offset='6'][data-days='6'] {
grid-column: 7/span 6; }
.calendar .calendar-week .cal-event[data-offset='6'][data-days='7'] {
grid-column: 7/span 7; }
.calendar .calendar-week .cal-event .country {
display: inline-block;
width: 25px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
margin-left: 8px; }
.calendar .calendar-week .cal-event .country- {
display: none; }
.calendar .calendar-week .cal-event .event__alternative {
background-image: url("assets/img/mountain.svg");
display: inline-block;
height: 25px;
width: 25px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 8px; }
.calendar .calendar-week .cal-event .sponsor {
max-width: 70px;
max-height: 45px; }
.calendar .calendar-week .cal-event .rapha-link {
display: inline-block;
width: 21px;
height: 24px;
background: url("assets/img/goneracing.svg") no-repeat;
background-size: contain;
background-position: center center;
margin: 0 8px; }
.calendar .calendar-week .cal-event .article-link {
display: inline-block;
width: 24px;
height: 20px;
background: url("assets/img/Article.svg") no-repeat;
background-size: contain;
background-position: center center;
margin: 0 8px; }
.calendar .calendar-week .cal-event .video-link {
display: inline-block;
width: 20px;
height: 20px;
background: url("assets/img/Youtube-Play.svg") no-repeat;
background-size: contain;
background-position: center center;
margin: 0 8px; }
.calendar .calendar-cap {
display: grid;
grid-template-columns: repeat(7, calc((100%/7) - 0.5rem));
column-gap: 0.5rem;
justify-content: space-between; }
.calendar .calendar-cap .calendar-cap-item {
margin: 0.5rem;
border-top: 1px solid #777; }
.schedule .intro {
display: flex;
align-items: center; }
.schedule .dropdown {
margin-right: auto;
position: relative;
background: url("assets/img/DownArrow.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 2rem;
padding-right: 3rem;
cursor: pointer; }
@media only screen and (max-width: 768px) {
.schedule .dropdown {
background-size: 1rem;
padding-right: 1.5rem; } }
.schedule .dropdown.open .month-selection {
max-height: 1000px; }
.schedule .month-selection {
overflow: hidden;
max-height: 0;
position: absolute;
background: #fff;
width: 100%;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16);
z-index: 10;
cursor: default; }
.schedule .month-selection li {
padding: 15px; }
.schedule .view-selection {
list-style: none; }
@media only screen and (max-width: 768px) {
.schedule .view-selection {
display: none; } }
.schedule .view-selection li {
display: inline-block; }
.schedule .view-selection li a {
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16);
cursor: pointer;
height: 40px;
width: 32px;
border-radius: 5px;
display: inline-block;
margin: 0 4px; }
.schedule .view-selection li a:hover {
box-shadow: 0 2px 16px 0 rgba(25, 25, 25, 0.1); }
.schedule .view-selection li.calendar a {
background-image: url("assets/img/Calendar.svg");
background-size: 75%; }
.schedule .view-selection li.list a {
background-image: url("assets/img/List.svg");
background-size: 50%; }
.schedule .view-selection li.grid a {
background-image: url("assets/img/grid.svg");
background-size: 75%; }
@media only screen and (max-width: 1200px) {
.schedule.site-main {
padding: 0 16px; } }
@media only screen and (max-width: 600px) {
.schedule.site-main {
padding: 0; } }
.event__row {
display: flex;
padding: 2rem 0;
border-bottom: 1px solid #000;
align-items: center;
cursor: pointer; }
@media only screen and (max-width: 768px) {
.event__row {
padding: 1rem 0;
align-items: inherit; } }
.event__row.event__alternative .event__icon {
background-image: url("assets/img/mountain.svg"); }
.event__row .event__details__wrapper {
display: flex;
align-items: center;
margin-right: auto;
width: 80%; }
@media only screen and (max-width: 768px) {
.event__row .event__details__wrapper {
flex-flow: column;
align-items: flex-start; } }
.event__row .event__title {
width: 50%;
font-size: 1.25rem; }
@media only screen and (max-width: 768px) {
.event__row .event__title {
width: 100%;
margin-bottom: 0.5rem; } }
.event__row .event__icon {
display: inline-block;
height: 30px;
width: 30px;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 1rem; }
.event__row .event__date {
width: 25%;
font-family: "EFCircularWeb Light Web"; }
@media only screen and (max-width: 768px) {
.event__row .event__date {
width: 100%; } }
.event__row .event__country {
font-family: "EFCircularWeb Light Web"; }
@media only screen and (max-width: 768px) {
.event__row .event__country {
width: 100%; } }
.event__row .event__actions {
width: auto;
min-width: 20%;
text-align: right; }
@media only screen and (max-width: 768px) {
.event__row .event__actions {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
justify-content: flex-end; } }
.event__row .event__actions .sponsor {
max-width: 70px;
max-height: 45px;
vertical-align: middle; }
@media only screen and (max-width: 768px) {
.event__row .event__actions .sponsor {
order: 2; } }
.event__row .event__actions .rapha-link {
display: inline-block;
width: 21px;
height: 24px;
background: url("assets/img/goneracing.svg") no-repeat;
background-size: contain;
background-position: center center;
margin: 0 8px;
vertical-align: middle; }
@media only screen and (max-width: 768px) {
.event__row .event__actions .rapha-link {
order: 2; } }
.event__row .event__actions .article-link {
display: inline-block;
width: 24px;
height: 20px;
background: url("assets/img/Article.svg") no-repeat;
background-size: contain;
background-position: center center;
margin: 0 8px;
vertical-align: middle; }
@media only screen and (max-width: 768px) {
.event__row .event__actions .article-link {
order: 2; } }
.event__row .event__actions .video-link {
display: inline-block;
width: 20px;
height: 20px;
background: url("assets/img/Youtube-Play.svg") no-repeat;
background-size: contain;
background-position: center center;
margin: 0 8px;
vertical-align: middle; }
@media only screen and (max-width: 768px) {
.event__row .event__actions .video-link {
order: 2; } }
.event__row .event__actions .open-event {
display: none;
width: 20px;
height: 20px;
background: url("assets/img/Plus.svg") no-repeat;
background-size: contain;
background-position: center center;
margin: 0 8px;
vertical-align: middle; }
@media only screen and (max-width: 768px) {
.event__row .event__actions .open-event {
order: 1;
width: 100%;
align-self: flex-start;
background-position: right center; } }
.event__row .country {
display: inline-block;
width: 25px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
margin-right: 8px; }
.event__row .country- {
display: none; }
#event-modal .modal-wrapper {
max-width: 750px;
background: #202020;
color: #fff;
position: relative;
overflow: scroll;
max-height: 90vh; }
#event-modal .inner-wrapper {
padding: 1.5rem; }
#event-modal .inner-wrapper .event-title {
font-size: 1.5rem;
font-family: "EFCircularWeb Bold Web";
margin-right: auto; }
#event-modal .inner-wrapper .date-country {
font-size: 1rem;
font-family: "EFCircularWeb Light Web"; }
#event-modal .inner-wrapper .event-excerpt {
font-size: 1rem;
font-family: "EFCircularWeb Light Web"; }
#event-modal .inner-wrapper .event-link {
font-size: 1rem;
font-family: "EFCircularWeb Bold Web";
color: #fff;
text-decoration: none; }
#event-modal .inner-wrapper .view-all {
font-size: 1rem;
font-family: "EFCircularWeb Bold Web";
color: #fff;
text-decoration: none; }
#event-modal .inner-wrapper .event__calendar {
width: 28px;
height: 28px;
display: inline-block;
background: url("assets/img/Calendar-Light.svg") no-repeat;
background-size: contain;
background-position: center center; }
#event-modal .calendar-wrapper {
display: flex; }
#event-modal .roster {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: calc(100% + 3rem);
margin: 1.5rem -1.5rem;
padding: 1.5rem;
overflow: hidden; }
#event-modal .roster h4 {
margin-bottom: 15px; }
#event-modal .roster .roster-list {
display: flex;
overflow-x: auto; }
#event-modal .roster .roster-list li {
margin: 0 15px 10px; }
#event-modal .roster .roster-list li:first-child {
margin-left: 0; }
#event-modal .roster .roster-list li:last-child {
margin-right: 0; }
#event-modal .roster .roster-list li a {
display: inline-block;
text-align: center; }
#event-modal .roster .rider__name {
width: 80px; }
#event-modal .roster .rider__avatar {
width: 80px;
height: 80px;
border: 5px solid #fff;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
margin: 0 auto; }
.home .hero {
margin: 0;
padding: 0; }
.home__info__panel__left {
position: relative; }
.home__info__panel__left__text__wrapper {
bottom: 0;
color: #fff;
position: absolute;
max-width: 350px; }
.home__info__panel__right {
padding: 0; }
.home__info__panel--right {
display: flex;
flex-flow: row nowrap; }
.home__info__panel--right img {
width: 50%; }
.home__info__panel__video video {
display: block;
width: 100%; }
.video__widget {
background-color: #000;
color: #fff; }
.video__widget__more {
float: right; }
.video__widget__image {
position: relative; }
.video__wrapper {
position: relative; }
.video__wrapper button {
position: absolute;
bottom: 16px;
left: 16px; }
.post__previews .category-feed {
padding: 0; }
.category__header {
position: relative; }
.category__button {
position: absolute;
right: 0;
top: 0; }
.category__preview__image {
min-height: 165px; }
.category__preview__title {
box-sizing: border-box;
min-height: 84px;
padding: 16px; }
.instagram__posts {
background-size: cover; }
.horizontal__banner__image {
margin: 0 auto;
width: 1600px;
margin-bottom: 64px;
text-align: center;
max-width: 100%; }
@media only screen and (max-width: 1200px) {
.video__widget {
padding: 0; }
.video__widget .desktop__grid {
padding: 0 16px; } }
@media only screen and (max-width: 768px) {
.home__info__panel__left__text__wrapper.spacing__left__m {
margin-left: 8px; }
.home__info__panel__right .brow {
margin: 0 16px; }
.home__info__panel__right h5 {
font-size: 24px;
margin: 8px 16px 16px; }
.home .spacing__bottom__xl {
margin-bottom: 8px; }
.home .spacing__top__m {
margin-top: 8px; }
.video__widget {
position: relative; }
.video__widget h3 {
margin: 8px; }
.video__widget h4 {
font-size: 32px;
margin: 8px;
padding-top: 24px; }
.video__widget h5 {
margin: 8px; }
.video__widget .brow {
margin: 8px; }
.video__widget .spacing__bottom__xl {
margin-bottom: 48px; }
.video__widget .video__widget__more {
bottom: 8px;
left: 8px;
position: absolute; }
.video__widget .panel.full.spacing__bottom__xl {
margin-bottom: 8px; }
.video__widget .mobile.wrapper {
position: static; }
.video__wrapper button {
left: 8px; }
.video__wrapper h5 {
font-size: 16px;
line-height: 18px; }
.category__button.spacing__top__xs {
margin-top: 16px; } }
@media only screen and (max-width: 600px) {
.hero__text .brow.spacing__bottom__s {
margin-bottom: 8px; }
.hero__text h1.spacing__bottom__m, .hero__text .custom-layout .layout-wrapper .text-wrapper .spacing__bottom__m.headline, .custom-layout .layout-wrapper .text-wrapper .hero__text .spacing__bottom__m.headline {
margin-bottom: 32px; }
.video__widget {
padding: 0; }
.instagram__posts {
display: none; }
.body__seperator.nine {
grid-column-end: span 12; }
.video__widget__more {
margin-right: 8px; }
.video__widget .mobile {
margin-top: 40px; }
.video__widget .mobile .spacing__bottom__xl {
margin-bottom: 0; }
.video__widget .mobile h4.spacing__bottom__xl {
margin-bottom: 0; }
.video__widget .mobile h4 {
padding-top: 32px;
padding-left: 8px; }
.video__widget .mobile h3 {
margin: 8px 0; }
.video__widget .mobile .featured-video.video__wrapper {
padding: 0 16px; }
.video__widget .mobile .brow {
margin: 0; }
.mobile h5 {
white-space: normal; }
.mobile.video__mobile__secondary {
white-space: nowrap;
padding-left: 8px;
padding-bottom: 80px;
overflow-y: hidden; }
.mobile.video__mobile__secondary h5 {
margin: 0; }
.mobile .video__secondary.video__wrapper {
width: 135px;
display: inline-block;
margin: 0 8px;
vertical-align: top; }
.mobile .video__wrapper button {
bottom: 40px; }
.mobile .video__widget__image {
height: 250px; }
.mobile .video__widget__more {
bottom: 24px;
left: 16px; }
.mobile.post__previews {
padding: 40px 0 0 0px; }
.mobile.post__previews .section__header {
font-size: 24px;
padding-left: 8px; }
.mobile.post__previews .category__header a.spacing__top__s {
margin-top: 8px;
padding-left: 8px; }
.mobile.post__previews .category__button {
background-color: transparent;
color: #000;
font-size: 16px; }
.mobile.post__previews .category-feed {
display: inline-block;
overflow-y: hidden;
white-space: nowrap;
width: 100%; }
.mobile.post__previews .category__posts {
overflow-y: scroll;
padding-left: 8px;
padding-right: 8px; }
.mobile.post__previews .category__post {
width: 135px;
display: inline-block;
margin: 0 8px 8px;
vertical-align: top;
white-space: nowrap; }
.mobile.post__previews .category__post .category__preview__image {
height: 200px; }
.mobile.post__previews .category__post .category__preview__title {
padding: 8px;
white-space: normal; } }
.single strong {
font-family: "EFCircularWeb Bold Web"; }
.single blockquote {
border-left: 6px solid #ccc;
padding: 0.5rem 1rem;
margin: 1rem 0; }
.single blockquote p {
font-family: "EFCircularWeb Bold Web";
font-size: 34px;
line-height: 39px;
width: 50%; }
.single div p b {
font-family: "EFCircularWeb Bold Web"; }
.single__hero {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
position: relative;
width: auto;
border-radius: 0; }
.single__hero--left--top {
background-position: left top; }
.single__hero--left--center {
background-position: left center; }
.single__hero--left--bottom {
background-position: left bottom; }
.single__hero--right--top {
background-position: right top; }
.single__hero--right--center {
background-position: right center; }
.single__hero--right--bottom {
background-position: right bottom; }
.single__hero--center--top {
background-position: center top; }
.single__hero--center--center {
background-position: center center; }
.single__hero--center--bottom {
background-position: center bottom; }
.single__hero__column {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 80px auto 0;
max-width: 1200px;
min-height: 700px;
position: relative;
border-radius: 10px; }
.single__hero__column .single__hero__text__wrapper {
bottom: 100px;
left: 50px; }
.single__hero img {
height: auto;
position: relative;
width: 100%; }
.single__hero__info {
margin: 0 auto;
max-width: 1200px; }
.single__hero__info.single__hero__info--noimage {
margin-top: 144px; }
.single__hero__info.single__hero__info--noimage .single__hero__text__wrapper {
color: #000;
position: inherit;
width: auto; }
.single__hero__text__wrapper {
bottom: 100px;
color: #fff;
position: absolute;
width: 600px;
max-width: 100%; }
.single__subhead {
font-family: "EFCircularWeb Book Web";
font-size: 28px;
font-weight: 600; }
.navigation__anchors {
position: absolute;
top: 64px;
z-index: 3; }
.navigation__anchors.elem-visible {
z-index: 1; }
.navigation__anchors:hover > li > a {
visibility: visible;
opacity: 1; }
.navigation__anchors.tab {
width: 100%;
top: 0;
left: 0 !important;
display: flex;
align-items: center;
padding: 0 5vw;
text-align: center;
z-index: 150;
height: 60px; }
@media only screen and (max-width: 600px) {
.navigation__anchors.tab {
padding: 0; } }
.navigation__anchors.tab .share {
margin-right: 0px; }
.navigation__anchors.tab .share .social__share {
top: 60px; }
.navigation__anchors.tab li {
float: left;
margin-bottom: 0;
width: unset;
width: 100%; }
.navigation__anchors.tab li:before {
display: none; }
.navigation__anchors.tab img {
width: unset;
height: 60px;
pointer-events: none; }
@media only screen and (max-width: 600px) {
.navigation__anchors.tab img {
height: 40px; } }
.navigation__anchors.tab a {
width: 100%; }
.navigation__anchors.list .share {
width: 60px; }
.navigation__anchors.list .share .social__share {
top: 24px;
width: 60px; }
.navigation__anchors.list .share .social__share li {
height: 60px;
width: 60px; }
.navigation__anchors.none {
display: none; }
.navigation__anchors li {
font-family: "EFCircularWeb Book Web";
color: #DADAE6;
margin-bottom: 10px;
width: 16vw;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center; }
.navigation__anchors li:hover {
color: #797980; }
.navigation__anchors li:before {
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
margin-left: 3px;
background-image: linear-gradient(90deg, #ff33A0 0px, #F92B3F 30%, #0237AD);
background-attachment: fixed; }
.navigation__anchors li a {
border: none;
transition: opacity 0.3s linear; }
.navigation__anchors li.active {
color: #000; }
.navigation__anchors li.active:before {
width: 10px;
height: 10px;
margin-right: 6px;
margin-left: 0px; }
.navigation__anchors li.active a {
visibility: visible;
opacity: 1; }
.navigation__anchors li.share {
color: #797980;
margin-right: 16px;
position: relative; }
.navigation__anchors li.share:before {
width: 10px;
height: 13px;
margin-right: 6px;
margin-left: 0px;
background-image: url("assets/img/share.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
background-attachment: inherit; }
.navigation__anchors li.share .social__share {
display: none;
width: 100%;
position: absolute;
left: 0;
top: 20px; }
.navigation__anchors li.share:hover .social__share {
display: block; }
.navigation__anchors li.share:hover li {
max-height: 1000px;
margin-bottom: 0px; }
.navigation__anchors li.share:hover li:before {
display: none; }
.navigation__anchors li.share li {
overflow: hidden;
height: 60px;
width: 100%; }
.navigation__anchors li.share a {
visibility: visible;
opacity: 1; }
.location-box {
background: #C3D1DA;
border-radius: 10px;
transition: background 0.5s linear; }
.location-box:hover {
background: #ff33A0; }
.location-box.location-sidebar {
display: none; }
.location-box.location-full {
border-radius: 0;
position: relative;
z-index: 2;
/* .location-data {
width: 25%;
order: 2;
border-left: 1px solid #000;
padding-left: 1rem;
// flex: 1;
}
.country-icon {
width: 25%;
order: 3;
// flex: 1;
}
.location-label {
width: 50%;
order: 1;
align-self: center;
text-align: center;
// flex: 1;
p {
font-family: "EFCircularWeb Bold Web";
}
}*/ }
.location-box.location-full a {
/* margin: 0 auto;
max-width: 33%;*/ }
@media only screen and (max-width: 1024px) {
.location-box.location-full a {
max-width: 100%;
padding: 1rem 0; } }
.location-box.location-full .location-right {
display: flex;
margin: 0 auto; }
.location-box.location-full .location-data span {
margin-right: 0; }
.location-box.location-full .country-icon {
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
width: 75px; }
.location-box.location-full .location-label {
align-items: center;
border-right: 1px solid black;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
width: 50%; }
.location-box.location-full .location-label p {
font-family: "EFCircularWeb Bold Web"; }
.location-box.location-notcustom-top {
display: block; }
.location-box a {
display: flex;
flex-wrap: wrap;
padding: 1rem; }
.location-box .location-data {
width: 50%;
font-size: 0.75rem; }
.location-box .location-data > div {
display: flex; }
.location-box .location-data span {
font-family: "EFCircularWeb Light Web";
display: inline-block;
margin-left: 10px;
margin-right: 10px; }
.location-box .country-icon {
width: 50%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
.location-box .location-label {
width: 100%; }
@media only screen and (max-width: 1024px) {
.location-box.location-sidebar {
display: none; }
.location-box.location-notcustom-top {
display: block; } }
.rp4wp-related-posts {
display: none; }
.related__posts .wrapper {
padding: 0; }
.related__posts .rp4wp-related-posts {
display: block;
margin-left: 5px;
margin-right: 5px;
flex: 0 1 100%;
grid-column: 1 / -1; }
.related__posts .rp4wp-related-posts h3 {
font-size: 32px;
line-height: 43px;
padding-bottom: 40px; }
.related__posts .rp4wp-related-posts ul {
width: 1200px;
max-width: 100%;
margin: auto;
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(12, 1fr); }
.related__posts .rp4wp-related-posts ul li {
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16);
grid-column-end: span 4;
transition: box-shadow 0.25s; }
.related__posts .rp4wp-related-posts ul li a {
border-bottom: none; }
.related__posts .rp4wp-related-posts ul li:hover {
box-shadow: 0 2px 16px 0 rgba(25, 25, 25, 0.1); }
.related__posts .rp4wp-related-posts .rp4wp-related-post-image {
float: none;
height: 250px;
overflow: hidden;
padding: 13px;
width: auto; }
.related__posts .rp4wp-related-posts .rp4wp-related-post-image a img {
width: 100%;
height: auto; }
.related__posts .rp4wp-related-posts .rp4wp-related-post-content {
padding: 13px; }
.related__posts .rp4wp-related-posts .rp4wp-related-post-content a {
font-family: "EFCircularWeb Bold Web"; }
.strip {
max-height: 600px; }
.strip .single__hero__text__wrapper {
bottom: 48px;
left: 48px;
margin-bottom: 48px; }
.loading-fix {
background-color: #eee; }
.hero-wrapper.parallax {
position: relative; }
.hero-wrapper.parallax.elem-visible {
z-index: 1; }
.hero-wrapper.parallax.elem-visible .single__hero {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1;
overflow: hidden; }
.hero-wrapper.parallax .single__hero {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.hero-wrapper.fullscreen-video.parallax {
padding-bottom: 56.25%; }
.hero-wrapper.fullscreen-video .single__hero {
height: auto; }
.hero-wrapper.fullscreen-video video {
width: 100%;
height: 100%; }
.hero-wrapper.fullscreen-image .single__hero {
max-height: calc(100vh - 75px); }
.custom-layout {
position: relative;
z-index: 2;
background: #fff; }
.custom-layout > div {
position: relative;
z-index: 2;
background: #fff; }
.custom-layout .paragraph-wrapper {
padding: 64px 0 0 0;
overflow-x: hidden; }
.custom-layout .image-row-wrapper {
padding: 12px 0; }
.custom-layout .layout-wrapper {
position: realtive; }
.custom-layout .layout-wrapper .text-wrapper {
bottom: 200px;
color: #fff;
position: absolute;
width: 1200px;
max-width: 100%;
margin: auto;
left: 50%;
transform: translateX(-50%); }
.custom-layout .parallax {
position: relative; }
.custom-layout .parallax.elem-visible {
z-index: 1; }
.custom-layout .parallax.elem-visible .layout-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1;
overflow: hidden; }
.custom-layout .parallax .layout-wrapper {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.custom-layout .fullscreen-image img {
max-width: 100%;
height: auto; }
.custom-layout .fullscreen-image .layout-wrapper {
max-height: calc(100vh - 75px); }
.custom-layout .fullscreen-video.parallax {
padding-bottom: 56.25%; }
.custom-layout .fullscreen-video video {
width: 100%;
height: 100%;
object-fit: cover; }
.custom-layout .pullquote .wrapper {
align-items: center; }
.custom-layout .pullquote .wrapper .four blockquote p {
width: 100%; }
.custom-layout .image-layout-wrapper,
.custom-layout .pullquote,
.custom-layout .fullscreen-video,
.custom-layout .fullscreen-image,
.custom-layout .image-row-wrapper {
z-index: 3; }
.related-wrapper {
position: relative;
z-index: 2;
background: #fff; }
.sidebar__link-highlight {
position: absolute;
left: calc(83.33333333%);
font-family: "EFCircularWeb Bold Web";
font-size: 0.85rem;
visibility: hidden; }
.sidebar__link-highlight.sidebar__link-hightlight--ef_sponsor img {
border-radius: 0; }
.loaded .sidebar__link-highlight {
visibility: visible; }
.sidebar__link-highlight img {
width: 40px;
height: auto;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
vertical-align: middle; }
#post-modal .modal-wrapper {
max-width: 750px;
background: #202020;
color: #fff;
position: relative; }
#post-modal h5 {
text-transform: uppercase;
font-size: 1rem; }
#post-modal .image_padding {
background: #fff;
padding: 1.5rem; }
#post-modal .inner-wrapper {
padding: 1.5rem; }
#post-modal .inner-wrapper .post-title {
font-size: 1.25rem;
font-family: "EFCircularWeb Bold Web";
margin-right: auto; }
#post-modal .inner-wrapper .post-country {
display: inline-block;
width: 25px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
margin-left: 8px; }
#post-modal .inner-wrapper .post-country- {
display: none; }
#post-modal .inner-wrapper .next_race {
margin-bottom: 1.125rem; }
#post-modal .inner-wrapper .next_race div {
font-size: 0.85rem;
font-family: "EFCircularWeb Light Web"; }
#post-modal .inner-wrapper .post-excerpt {
font-size: 0.85rem;
font-family: "EFCircularWeb Light Web";
margin-bottom: 1.125rem; }
#post-modal .inner-wrapper .post-link {
font-size: 1rem;
font-family: "EFCircularWeb Bold Web";
color: #fff;
text-decoration: none; }
#post-modal .post-wrapper {
display: flex;
margin-bottom: 1.125rem; }
.gallery {
cursor: pointer; }
.gallery:hover .btn-gallery {
background: #ff33A0;
color: #fff; }
.post__navigation {
height: 100%; }
.post__navigation a {
display: block;
padding: 1rem 3.5rem;
position: relative;
height: 100%;
border-radius: 10px;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16);
overflow: hidden;
transition: box-shadow 0.25s; }
.post__navigation a:hover {
box-shadow: 0 2px 16px 0 rgba(25, 25, 25, 0.1); }
.post__navigation a::before {
text-transform: uppercase;
display: block;
font-size: 0.85rem; }
.post__navigation a::after {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 50%;
margin-top: -12px; }
.post__navigation.previous__post a {
padding-right: 1rem; }
.post__navigation.previous__post a::before {
content: 'Previous'; }
.post__navigation.previous__post a::after {
background-image: url("assets/img/LeftArrow.svg");
left: 1rem; }
.post__navigation.next__post a {
padding-left: 1rem; }
.post__navigation.next__post a::before {
content: 'Next'; }
.post__navigation.next__post a::after {
background-image: url("assets/img/RightArrow.svg");
right: 1rem; }
.wq-results .wq_shareCtr {
display: none; }
.altrace__hero__logo {
background-image: url("assets/img/altracing/noborder-bg1.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
.altrace__hero__logo img {
width: 300px; }
.altrace__single__header {
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
border-top: 1px solid rgba(0, 0, 0, 0.3);
display: flex;
flex-flow: nowrap row; }
.altrace__single__header span {
text-transform: uppercase;
font-size: 12px;
font-family: "EFCircularWeb Bold Web";
line-height: 1em; }
.altrace__single__header div {
display: inline-block; }
.altrace__single__header__section {
padding: 0 20px; }
.altrace__single__header__section:first-child {
border-right: 1px solid rgba(0, 0, 0, 0.3); }
.altrace__single__header .altrace__single__header__title {
display: inline-block;
font-size: 22px;
line-height: 39px;
padding: 12px 24px; }
.altrace__single__header__details {
padding-left: 40px; }
.altrace__single__hero .altrace__single__header {
background: url("assets/img/altracing/noborder-bg1.png");
background-position: center center;
position: relative; }
.altrace__single__hero .altrace__single__header__title {
background-color: rgba(255, 51, 160, 0.9);
color: #fff;
position: relative;
top: 12px; }
.altrace__single__hero .altrace__single__header__section span {
font-family: "EFCircularWeb Medium Web";
letter-spacing: .1em;
line-height: 26px; }
.altrace__hero__secondaryimages {
bottom: 0;
left: 0;
position: absolute; }
.altrace__hero__secondaryimages .altrace__hero__secondaryimages__secondary {
bottom: -50px;
position: absolute;
width: 200px; }
.altrace__hero__secondaryimages .altrace__hero__secondaryimages__tertiary {
bottom: -30px;
left: 150px;
position: absolute;
width: 200px; }
.altrace__hero__secondaryimages .altrace__hero__secondaryimages__oilslick {
bottom: -100px;
width: 400px; }
.altrace__single__roster {
background-color: #efefef; }
.altrace__single__roster .altrace__single__header__section {
position: relative; }
.altrace__single__roster .altrace__single__header__section img {
position: absolute;
left: 12px;
top: 10px;
width: 165px; }
.altrace__single__roster .altrace__single__header__title {
/*background: url('assets/img/altracing/scribble-circle.svg') no-repeat;*/
background-position: center center;
background-size: contain; }
.altrace__roster__riders {
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 40px; }
.altrace__roster__rider {
padding: 0 32px;
text-align: center; }
.altrace__roster__rider__avatar {
border-radius: 50%;
display: block;
height: 150px;
width: 150px; }
.altrace__roster__rider__title {
display: block; }
.altrace__single__gear .altrace__single__header__section {
position: relative; }
.altrace__single__gear .altrace__single__header__section img {
position: absolute;
left: 50px;
top: 10px;
width: 130px;
z-index: 999; }
.altrace__single__gear .vision-map {
max-width: 1200px;
margin: 0 auto;
width: 1200px; }
.altrace__single__gear .vision-map .vsion-image {
background-size: contain; }
.altrace__single__social {
background-image: url("assets/img/altracing/social-bkg-horizontal-flipped.jpg");
background-position: center center;
background-size: cover;
color: #fff; }
.altrace__single__social .altrace__single__header,
.altrace__single__social .altrace__single__header__section {
border-color: #fff; }
.vision-map:focus {
outline: 0; }
.altrace__content .vision-map .vision-infobox {
background: none; }
.altrace__content .vision-theme-light .vision-tooltips .vision-tooltip-form {
/* border: 1px solid $color-black;
border-radius: 0;
box-shadow: none;*/ }
/************ PHOTO ESSAY ***************/
.photo-essay .single__hero__info {
display: none; }
.photo-essay .next_prev {
display: none; }
.photo-essay .related-wrapper {
display: none; }
.panel.fullscreen-video {
height: 100vh; }
.panel.fullscreen-video .video-wrapper {
position: relative;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
background-color: #000; }
.panel.fullscreen-video .video-wrapper video {
position: absolute; }
.panel.fullscreen-video .video-wrapper img {
position: absolute;
top: 0;
left: 0; }
.panel.fullscreen-video .video-wrapper .text-wrapper {
position: absolute;
z-index: 5;
color: #fff;
font-size: 32px;
width: 50vw;
height: 30vh;
display: flex;
align-content: center;
flex-flow: wrap;
transform: translateY(-50%); }
.panel.fullscreen-video .video-wrapper .text-wrapper .headline {
padding-bottom: 16px; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper {
width: calc(100vw - 48px); } }
.panel.fullscreen-video .video-wrapper .text-wrapper.top.left {
top: calc(15vh + 100px);
left: 0; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.top.left {
right: unset;
left: 24px; } }
.panel.fullscreen-video .video-wrapper .text-wrapper.mid.left {
top: 50%;
left: 0; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.mid.left {
right: unset;
left: 24px; } }
.panel.fullscreen-video .video-wrapper .text-wrapper.low.left {
top: unset;
bottom: calc(-15vh + 50px);
left: 0; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.low.left {
right: unset;
left: 24px; } }
.panel.fullscreen-video .video-wrapper .text-wrapper.top.center {
top: calc(15vh + 100px);
left: 50%; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.top.center {
right: unset;
left: 24px; } }
.panel.fullscreen-video .video-wrapper .text-wrapper.mid.center {
top: 50%;
left: 50%; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.mid.center {
right: unset;
left: 24px; } }
.panel.fullscreen-video .video-wrapper .text-wrapper.low.center {
bottom: calc(-15vh + 50px);
left: 50%; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.low.center {
right: unset;
left: 24px; } }
.panel.fullscreen-video .video-wrapper .text-wrapper.top.right {
top: calc(15vh + 100px);
right: 0; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.top.right {
right: unset;
left: 24px; } }
.panel.fullscreen-video .video-wrapper .text-wrapper.mid.right {
top: 50%;
right: 0; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.mid.right {
right: unset;
left: 24px; } }
.panel.fullscreen-video .video-wrapper .text-wrapper.low.right {
bottom: calc(-15vh + 50px);
right: 0; }
@media only screen and (max-width: 600px) {
.panel.fullscreen-video .video-wrapper .text-wrapper.low.right {
right: unset;
left: 24px; } }
.panel.fullscreen-video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: unset;
width: unset;
min-width: 100%;
min-height: 100%; }
div#pe_wrap {
height: 100vh;
width: 100vw;
margin: 0;
padding: 0;
top: 0px;
left: 0px;
position: absolute;
overflow: hidden; }
button.slick-prev.slick-arrow {
position: absolute;
top: 50%;
height: 50px;
width: 50px;
left: 0px;
z-index: 100;
cursor: pointer;
text-indent: -9999em;
overflow: hidden;
background-image: url(assets/img/LeftArrow.svg);
background-size: contain; }
button.slick-next.slick-arrow {
position: absolute;
top: 50%;
height: 50px;
width: 50px;
right: 0px;
z-index: 100;
cursor: pointer;
text-indent: -9999em;
overflow: hidden;
background-image: url(assets/img/RightArrow.svg);
background-size: contain; }
button.slick-arrow:hover {
background-color: black; }
ul.slick-dots {
position: absolute;
z-index: 100;
bottom: 20px;
left: 50%;
transform: translateX(-50%); }
.slick-dots li button {
text-indent: -9999em;
overflow: hidden;
height: 2px;
cursor: pointer; }
.slick-dots li.slick-active {
opacity: .5; }
.slick-dots li {
display: inline;
padding: 10px 3px;
cursor: pointer; }
.slick-disabled {
display: none !important; }
footer.photo-essay {
display: none; }
/************ END PHOTO ESSAY ***********/
@media only screen and (max-width: 1200px) {
.wrap .wrapper {
padding: 0 16px; }
.single__hero__text__wrapper {
padding-left: 16px; } }
@media only screen and (max-width: 768px) {
.about .strip .single__hero__text__wrapper {
left: auto;
margin-bottom: 0; }
.sidebar__link-highlight,
.navigation__anchors {
display: none; }
.custom-layout .mobile {
display: inherit;
z-index: 999; }
.custom-layout .mobile .navigation__anchors {
background: #fff;
display: flex;
flex-flow: row nowrap;
justify-content: space-evenly;
min-width: 100%;
top: 0; }
.custom-layout .mobile .navigation__anchors.navigation__anchors--top {
padding: 0 8px 32px 0;
position: fixed; }
.custom-layout .mobile .navigation__anchors li {
color: #fff;
flex-grow: 1;
padding-bottom: 20px;
text-align: center;
width: auto; }
.custom-layout .mobile .navigation__anchors li a {
display: none;
left: 0;
padding-top: 20px;
position: absolute; }
.custom-layout .mobile .navigation__anchors li.active {
color: #000; }
.custom-layout .mobile .navigation__anchors li.active a {
display: block; }
.custom-layout .mobile .navigation__anchors .share {
color: #797980;
margin-right: 0; }
.custom-layout .mobile .navigation__anchors .share .social__share {
display: none; }
.custom-layout .mobile .navigation__anchors .share li {
color: #797980;
display: block;
margin-right: 0;
max-height: inherit;
padding-left: 0; }
.custom-layout .mobile .navigation__anchors .share li a {
display: block; }
.custom-layout .mobile .navigation__anchors .share li:before {
display: none; }
.custom-layout .mobile .navigation__anchors .share.share__open .social__share {
display: block; }
.altrace__single__gear .vision-map {
overflow: hidden;
width: auto !important; } }
@media only screen and (max-width: 600px) {
.single__hero__column .single__hero__text__wrapper {
left: 0; }
.single__hero__text__wrapper {
padding-left: 16px; }
.single blockquote p {
width: 100%; }
.related__posts .rp4wp-related-posts ul li {
grid-column: 1/-1; }
.altrace__location .altrace__single__header__details {
padding: 0; }
.altrace__single__header__details {
padding: 0 12px; }
.altrace__single__header .altrace__single__header__title {
padding: 6px 12px; }
.altrace__single__roster .altrace__single__header__section img {
width: 130px; }
.altrace__single__gear .altrace__single__header__section img {
width: 85px; } }
@media only screen and (max-width: 440px) {
.hero-wrapper.fullscreen-video .single__hero__text__wrapper {
bottom: 40px;
height: auto;
width: 100vw; }
.single__hero__text__wrapper {
width: 100%; }
.single__hero__info.single__hero__info--noimage {
margin-top: 80px; } }
.video__hero {
min-height: 600px;
position: relative;
width: 100%; }
.video__hero .video__bg__wrapper {
min-height: 600px; }
.video__hero .video__bg__wrapper video {
object-fit: cover; }
.video__hero .video__bg__wrapper .text__wrapper {
color: #fff;
position: absolute;
bottom: 1rem;
left: 50%;
transform: translate(-50%);
z-index: 5;
width: 1200px;
max-width: 100%;
overflow-x: hidden; }
@media only screen and (max-width: 768px) {
.video__hero .video__bg__wrapper .text__wrapper {
margin: 0 30px; } }
.video__hero .video__bg__wrapper .text__wrapper .video__control {
position: relative;
bottom: auto;
left: auto; }
.video__hero .video__overlay {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.rider__hero {
background-position: top center;
height: 80vh;
overflow: hidden; }
.rider__hero .brow {
z-index: 9; }
.rider__hero > .wrapper {
position: initial; }
.rider__text__wrapper {
color: #000; }
.riders__sort__wrapper {
color: #797980;
max-width: 1200px;
position: relative;
text-align: right;
user-select: none; }
.riders__sort__menu {
border: 1px solid #797980;
border-radius: 4px;
cursor: pointer;
padding: 8px 64px 8px 8px;
position: absolute;
right: 0;
text-align: left;
width: 200px; }
.riders__sort__menu i {
color: #000;
position: absolute;
right: 12px;
top: 12px; }
.riders__sort__menu .riders__sort__header {
text-align: inherit; }
.riders__sort {
cursor: pointer;
display: none;
font-size: 12px;
padding-left: 12px;
text-align: left; }
.riders__sort:focus {
outline: 0; }
.riders__country--hide {
display: none; }
.riders__name--hide {
display: none; }
.rider-list-item {
position: relative; }
.rider-list-item .brow {
letter-spacing: 1px; }
@media only screen and (max-width: 600px) {
.rider-list-item {
border-bottom: 1px solid #ccc;
padding-bottom: 0.5rem; } }
@media only screen and (max-width: 600px) {
.rider-list-item a {
display: flex;
align-items: center; } }
@media only screen and (max-width: 600px) {
.rider-list-item h5 {
font-size: 1.5rem;
margin-right: auto; } }
@media only screen and (max-width: 600px) {
.rider-list-item .rider_avatar_mobile {
margin-right: 1rem; } }
.rider-list-item .flag {
width: 25px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
@media only screen and (max-width: 600px) {
.rider-list-item .flag {
justify-self: flex-end; } }
.rider-list-overlay {
position: absolute;
height: 100%;
width: 100%;
opacity: .1;
pointer-events: none; }
@media only screen and (max-width: 1100px) {
.about .panel h3 {
font-size: 30px;
line-height: 34px; } }
@media only screen and (max-width: 768px) {
.about .panel h3 {
font-size: 22px;
line-height: 26px; } }
@media only screen and (max-width: 600px) {
.about .panel h3 {
margin: 2rem 0; } }
.rider__stats {
display: flex;
align-items: center;
margin: 1rem 0;
overflow-x: auto;
max-width: 1200px;
margin: 0 auto; }
@media only screen and (max-width: 768px) {
.rider__stats {
width: 100%;
padding: 0 30px;
margin: 1rem -30px 0; } }
.rider__stats::-webkit-scrollbar {
height: 4px; }
.rider__stats::-webkit-scrollbar-track {
background: #fff;
height: 4px; }
.rider__stats::-webkit-scrollbar-thumb {
background-color: #ccc; }
.rider__stats > div {
padding: 0 15px;
flex-shrink: 0;
font-size: 1rem;
font-family: "EFCircularWeb Light Web";
border-right: 1px solid #cccccc; }
.rider__stats > div:first-child {
padding-left: 0; }
.rider__stats > div:last-child {
padding-right: 0;
border-right: 0; }
.rider__stats .brow {
font-family: "EFCircularWeb Book Web";
text-transform: none;
letter-spacing: 0; }
.rider__stats .country {
display: inline-block;
width: 25px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
margin-left: 8px; }
.rider__stats .rider__stats__avatar {
width: 80px;
height: 80px;
border: 5px solid #fff;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center top; }
.rider__stats .next__race {
display: flex;
cursor: pointer; }
.rider__stats .next__race .date {
background-image: linear-gradient(135deg, #ff33A0 0px, #F92B3F 30%, #0237AD);
border-radius: 10px;
color: #fff;
padding: 12px 8px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 10px; }
.rider__stats .next__race .date .month {
font-family: "EFCircularWeb Book Web"; }
.rider__stats .next__race .date .day {
font-size: 32px;
font-family: "EFCircularWeb Bold Web"; }
.rider__stats .next__race .race {
line-height: 1.2;
margin-top: 10px; }
.rider__stats .next__race .race .brow {
margin-bottom: 5px; }
.rider__border {
height: 1px;
background: #ff33A0;
background-image: linear-gradient(90deg, #ff33A0 0px, #F92B3F 30%, #0237AD); }
.rider__quote {
font-size: 2rem;
font-family: "EFCircularWeb Bold Web";
line-height: 1.2;
margin: 1rem 0; }
.rider__quote:before {
content: open-quote; }
.rider__quote:after {
content: close-quote; }
.factoid {
border-left: 6px solid #ccc;
padding: 0.5rem 1rem;
margin: 1rem 0; }
.factoid .question {
font-size: 1.25rem;
font-family: "EFCircularWeb Book Web";
margin-bottom: 0.5rem; }
.factoid .answer {
font-size: 2rem;
font-family: "EFCircularWeb Bold Web";
line-height: 1.2; }
.factoid .answer:before {
content: open-quote; }
.factoid .answer:after {
content: close-quote; }
.gallery {
height: 500px;
position: relative; }
@media only screen and (max-width: 600px) {
.rider_avatar_mobile {
height: 60px;
width: 60px;
border-radius: 60px; }
.rider_avatar_full {
display: none; } }
.sponsor__xl {
height: 100px; }
.sponsor__l {
height: 100px; }
.sponsor__m {
height: 64px; }
.wpcf7 {
align-self: center; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
border-radius: 6px;
border: 2px solid #cccccc;
padding: 0.5rem;
font-size: 0.85rem;
margin: 0.5rem 0;
width: 100%;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16); }
.wpcf7 input[type="text"].wpcf7-not-valid,
.wpcf7 input[type="email"].wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
border-color: #F92B3F;
margin-bottom: 0; }
.wpcf7 input[type="submit"] {
width: 100%; }
.wpcf7 select {
display: block;
font-size: 0.85rem;
line-height: 1.3;
padding: 0.5rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 2px solid #cccccc;
border-radius: 6px;
margin: 0.5rem 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .65em auto, 100%;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16); }
.wpcf7 select.wpcf7-not-valid {
border-color: #F92B3F;
margin-bottom: 0; }
.wpcf7 select::-ms-expand {
display: none; }
.wpcf7 select:focus {
outline: none; }
.wpcf7 select option {
font-weight: normal; }
.wpcf7 .wpcf7-not-valid-tip {
font-size: 0.65rem;
margin-bottom: 0.5rem; }
.club-level {
border-radius: 10px;
box-shadow: 0 2px 8px 0px rgba(25, 25, 25, 0.16);
padding: 24px 16px 8px;
display: flex;
flex-wrap: wrap;
margin: 24px 0; }
.club-level:first-child {
margin-top: 0; }
.club-level:last-child {
margin-bottom: 0; }
.club-level h2, .club-level .custom-layout .layout-wrapper .text-wrapper .tagline, .custom-layout .layout-wrapper .text-wrapper .club-level .tagline {
font-size: 24px;
width: 50%;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
line-height: 1; }
.club-level .available {
width: 100%;
text-align: right; }
.club-level h4 {
width: 100%;
font-size: 14px;
color: #797980;
text-transform: uppercase;
line-height: 1;
margin: 8px 0; }
.club-level ul {
list-style: none;
padding: 0;
margin: 0 0 24px; }
.club-level ul li {
font-size: 14px;
font-family: "EFCircularWeb Light Web"; }
.club-level ul li::before {
width: 12px;
height: 14px;
content: '';
display: inline-block;
margin-right: 4px;
background: url("assets/img/checkmark.svg") no-repeat center center;
background-size: contain;
opacity: 0.5;
vertical-align: middle; }
.club-level form {
width: 100%; }
.club-level img {
width: 1px;
height: 1px; }
.club-level input[type="submit"] {
display: block;
background: #000;
color: #fff;
padding: 16px;
width: 100%;
font-size: 14px;
font-family: "EFCircularWeb Medium Web";
cursor: pointer;
transition: background 0.5s linear;
border: 0; }
.club-level input[type="submit"]:hover, .club-level input[type="submit"]:active {
background: #ff33A0; }
.country-icon.country-af {
background-image: url("assets/img/country-icons/af/vector.svg"); }
.country-icon.country-ax {
background-image: url("assets/img/country-icons/ax/vector.svg"); }
.country-icon.country-al {
background-image: url("assets/img/country-icons/al/vector.svg"); }
.country-icon.country-dz {
background-image: url("assets/img/country-icons/dz/vector.svg"); }
.country-icon.country-as {
background-image: url("assets/img/country-icons/as/vector.svg"); }
.country-icon.country-ad {
background-image: url("assets/img/country-icons/ad/vector.svg"); }
.country-icon.country-ao {
background-image: url("assets/img/country-icons/ao/vector.svg"); }
.country-icon.country-ai {
background-image: url("assets/img/country-icons/ai/vector.svg"); }
.country-icon.country-aq {
background-image: url("assets/img/country-icons/aq/vector.svg"); }
.country-icon.country-ag {
background-image: url("assets/img/country-icons/ag/vector.svg"); }
.country-icon.country-ar {
background-image: url("assets/img/country-icons/ar/vector.svg"); }
.country-icon.country-am {
background-image: url("assets/img/country-icons/am/vector.svg"); }
.country-icon.country-aw {
background-image: url("assets/img/country-icons/aw/vector.svg"); }
.country-icon.country-au {
background-image: url("assets/img/country-icons/au/vector.svg"); }
.country-icon.country-at {
background-image: url("assets/img/country-icons/at/vector.svg"); }
.country-icon.country-az {
background-image: url("assets/img/country-icons/az/vector.svg"); }
.country-icon.country-bh {
background-image: url("assets/img/country-icons/bh/vector.svg"); }
.country-icon.country-bs {
background-image: url("assets/img/country-icons/bs/vector.svg"); }
.country-icon.country-bd {
background-image: url("assets/img/country-icons/bd/vector.svg"); }
.country-icon.country-bb {
background-image: url("assets/img/country-icons/bb/vector.svg"); }
.country-icon.country-by {
background-image: url("assets/img/country-icons/by/vector.svg"); }
.country-icon.country-be {
background-image: url("assets/img/country-icons/be/vector.svg"); }
.country-icon.country-bz {
background-image: url("assets/img/country-icons/bz/vector.svg"); }
.country-icon.country-bj {
background-image: url("assets/img/country-icons/bj/vector.svg"); }
.country-icon.country-bm {
background-image: url("assets/img/country-icons/bm/vector.svg"); }
.country-icon.country-bt {
background-image: url("assets/img/country-icons/bt/vector.svg"); }
.country-icon.country-bo {
background-image: url("assets/img/country-icons/bo/vector.svg"); }
.country-icon.country-bq {
background-image: url("assets/img/country-icons/bq/vector.svg"); }
.country-icon.country-ba {
background-image: url("assets/img/country-icons/ba/vector.svg"); }
.country-icon.country-bw {
background-image: url("assets/img/country-icons/bw/vector.svg"); }
.country-icon.country-bv {
background-image: url("assets/img/country-icons/bv/vector.svg"); }
.country-icon.country-br {
background-image: url("assets/img/country-icons/br/vector.svg"); }
.country-icon.country-io {
background-image: url("assets/img/country-icons/io/vector.svg"); }
.country-icon.country-bn {
background-image: url("assets/img/country-icons/bn/vector.svg"); }
.country-icon.country-bg {
background-image: url("assets/img/country-icons/bg/vector.svg"); }
.country-icon.country-bf {
background-image: url("assets/img/country-icons/bf/vector.svg"); }
.country-icon.country-bi {
background-image: url("assets/img/country-icons/bi/vector.svg"); }
.country-icon.country-kh {
background-image: url("assets/img/country-icons/kh/vector.svg"); }
.country-icon.country-cm {
background-image: url("assets/img/country-icons/cm/vector.svg"); }
.country-icon.country-ca {
background-image: url("assets/img/country-icons/ca/vector.svg"); }
.country-icon.country-cv {
background-image: url("assets/img/country-icons/cv/vector.svg"); }
.country-icon.country-ky {
background-image: url("assets/img/country-icons/ky/vector.svg"); }
.country-icon.country-cf {
background-image: url("assets/img/country-icons/cf/vector.svg"); }
.country-icon.country-td {
background-image: url("assets/img/country-icons/td/vector.svg"); }
.country-icon.country-cl {
background-image: url("assets/img/country-icons/cl/vector.svg"); }
.country-icon.country-cn {
background-image: url("assets/img/country-icons/cn/vector.svg"); }
.country-icon.country-cx {
background-image: url("assets/img/country-icons/cx/vector.svg"); }
.country-icon.country-cc {
background-image: url("assets/img/country-icons/cc/vector.svg"); }
.country-icon.country-co {
background-image: url("assets/img/country-icons/co/vector.svg"); }
.country-icon.country-km {
background-image: url("assets/img/country-icons/km/vector.svg"); }
.country-icon.country-cg {
background-image: url("assets/img/country-icons/cg/vector.svg"); }
.country-icon.country-cd {
background-image: url("assets/img/country-icons/cd/vector.svg"); }
.country-icon.country-ck {
background-image: url("assets/img/country-icons/ck/vector.svg"); }
.country-icon.country-cr {
background-image: url("assets/img/country-icons/cr/vector.svg"); }
.country-icon.country-ci {
background-image: url("assets/img/country-icons/ci/vector.svg"); }
.country-icon.country-hr {
background-image: url("assets/img/country-icons/hr/vector.svg"); }
.country-icon.country-cu {
background-image: url("assets/img/country-icons/cu/vector.svg"); }
.country-icon.country-cw {
background-image: url("assets/img/country-icons/cw/vector.svg"); }
.country-icon.country-cy {
background-image: url("assets/img/country-icons/cy/vector.svg"); }
.country-icon.country-cz {
background-image: url("assets/img/country-icons/cz/vector.svg"); }
.country-icon.country-dk {
background-image: url("assets/img/country-icons/dk/vector.svg"); }
.country-icon.country-dj {
background-image: url("assets/img/country-icons/dj/vector.svg"); }
.country-icon.country-dm {
background-image: url("assets/img/country-icons/dm/vector.svg"); }
.country-icon.country-do {
background-image: url("assets/img/country-icons/do/vector.svg"); }
.country-icon.country-ec {
background-image: url("assets/img/country-icons/ec/vector.svg"); }
.country-icon.country-eg {
background-image: url("assets/img/country-icons/eg/vector.svg"); }
.country-icon.country-sv {
background-image: url("assets/img/country-icons/sv/vector.svg"); }
.country-icon.country-gq {
background-image: url("assets/img/country-icons/gq/vector.svg"); }
.country-icon.country-er {
background-image: url("assets/img/country-icons/er/vector.svg"); }
.country-icon.country-ee {
background-image: url("assets/img/country-icons/ee/vector.svg"); }
.country-icon.country-et {
background-image: url("assets/img/country-icons/et/vector.svg"); }
.country-icon.country-fk {
background-image: url("assets/img/country-icons/fk/vector.svg"); }
.country-icon.country-fo {
background-image: url("assets/img/country-icons/fo/vector.svg"); }
.country-icon.country-fj {
background-image: url("assets/img/country-icons/fj/vector.svg"); }
.country-icon.country-fi {
background-image: url("assets/img/country-icons/fi/vector.svg"); }
.country-icon.country-fr {
background-image: url("assets/img/country-icons/fr/vector.svg"); }
.country-icon.country-gf {
background-image: url("assets/img/country-icons/gf/vector.svg"); }
.country-icon.country-pf {
background-image: url("assets/img/country-icons/pf/vector.svg"); }
.country-icon.country-tf {
background-image: url("assets/img/country-icons/tf/vector.svg"); }
.country-icon.country-ga {
background-image: url("assets/img/country-icons/ga/vector.svg"); }
.country-icon.country-gm {
background-image: url("assets/img/country-icons/gm/vector.svg"); }
.country-icon.country-ge {
background-image: url("assets/img/country-icons/ge/vector.svg"); }
.country-icon.country-de {
background-image: url("assets/img/country-icons/de/vector.svg"); }
.country-icon.country-gh {
background-image: url("assets/img/country-icons/gh/vector.svg"); }
.country-icon.country-gi {
background-image: url("assets/img/country-icons/gi/vector.svg"); }
.country-icon.country-gr {
background-image: url("assets/img/country-icons/gr/vector.svg"); }
.country-icon.country-gl {
background-image: url("assets/img/country-icons/gl/vector.svg"); }
.country-icon.country-gd {
background-image: url("assets/img/country-icons/gd/vector.svg"); }
.country-icon.country-gp {
background-image: url("assets/img/country-icons/gp/vector.svg"); }
.country-icon.country-gu {
background-image: url("assets/img/country-icons/gu/vector.svg"); }
.country-icon.country-gt {
background-image: url("assets/img/country-icons/gt/vector.svg"); }
.country-icon.country-gg {
background-image: url("assets/img/country-icons/gg/vector.svg"); }
.country-icon.country-gn {
background-image: url("assets/img/country-icons/gn/vector.svg"); }
.country-icon.country-gw {
background-image: url("assets/img/country-icons/gw/vector.svg"); }
.country-icon.country-gy {
background-image: url("assets/img/country-icons/gy/vector.svg"); }
.country-icon.country-ht {
background-image: url("assets/img/country-icons/ht/vector.svg"); }
.country-icon.country-hm {
background-image: url("assets/img/country-icons/hm/vector.svg"); }
.country-icon.country-va {
background-image: url("assets/img/country-icons/va/vector.svg"); }
.country-icon.country-hn {
background-image: url("assets/img/country-icons/hn/vector.svg"); }
.country-icon.country-hk {
background-image: url("assets/img/country-icons/hk/vector.svg"); }
.country-icon.country-hu {
background-image: url("assets/img/country-icons/hu/vector.svg"); }
.country-icon.country-is {
background-image: url("assets/img/country-icons/is/vector.svg"); }
.country-icon.country-in {
background-image: url("assets/img/country-icons/in/vector.svg"); }
.country-icon.country-id {
background-image: url("assets/img/country-icons/id/vector.svg"); }
.country-icon.country-ir {
background-image: url("assets/img/country-icons/ir/vector.svg"); }
.country-icon.country-iq {
background-image: url("assets/img/country-icons/iq/vector.svg"); }
.country-icon.country-ie {
background-image: url("assets/img/country-icons/ie/vector.svg"); }
.country-icon.country-im {
background-image: url("assets/img/country-icons/im/vector.svg"); }
.country-icon.country-il {
background-image: url("assets/img/country-icons/il/vector.svg"); }
.country-icon.country-it {
background-image: url("assets/img/country-icons/it/vector.svg"); }
.country-icon.country-jm {
background-image: url("assets/img/country-icons/jm/vector.svg"); }
.country-icon.country-jp {
background-image: url("assets/img/country-icons/jp/vector.svg"); }
.country-icon.country-je {
background-image: url("assets/img/country-icons/je/vector.svg"); }
.country-icon.country-jo {
background-image: url("assets/img/country-icons/jo/vector.svg"); }
.country-icon.country-kz {
background-image: url("assets/img/country-icons/kz/vector.svg"); }
.country-icon.country-ke {
background-image: url("assets/img/country-icons/ke/vector.svg"); }
.country-icon.country-ki {
background-image: url("assets/img/country-icons/ki/vector.svg"); }
.country-icon.country-kp {
background-image: url("assets/img/country-icons/kp/vector.svg"); }
.country-icon.country-kr {
background-image: url("assets/img/country-icons/kr/vector.svg"); }
.country-icon.country-kw {
background-image: url("assets/img/country-icons/kw/vector.svg"); }
.country-icon.country-kg {
background-image: url("assets/img/country-icons/kg/vector.svg"); }
.country-icon.country-la {
background-image: url("assets/img/country-icons/la/vector.svg"); }
.country-icon.country-lv {
background-image: url("assets/img/country-icons/lv/vector.svg"); }
.country-icon.country-lb {
background-image: url("assets/img/country-icons/lb/vector.svg"); }
.country-icon.country-ls {
background-image: url("assets/img/country-icons/ls/vector.svg"); }
.country-icon.country-lr {
background-image: url("assets/img/country-icons/lr/vector.svg"); }
.country-icon.country-ly {
background-image: url("assets/img/country-icons/ly/vector.svg"); }
.country-icon.country-li {
background-image: url("assets/img/country-icons/li/vector.svg"); }
.country-icon.country-lt {
background-image: url("assets/img/country-icons/lt/vector.svg"); }
.country-icon.country-lu {
background-image: url("assets/img/country-icons/lu/vector.svg"); }
.country-icon.country-mo {
background-image: url("assets/img/country-icons/mo/vector.svg"); }
.country-icon.country-mk {
background-image: url("assets/img/country-icons/mk/vector.svg"); }
.country-icon.country-mg {
background-image: url("assets/img/country-icons/mg/vector.svg"); }
.country-icon.country-mw {
background-image: url("assets/img/country-icons/mw/vector.svg"); }
.country-icon.country-my {
background-image: url("assets/img/country-icons/my/vector.svg"); }
.country-icon.country-mv {
background-image: url("assets/img/country-icons/mv/vector.svg"); }
.country-icon.country-ml {
background-image: url("assets/img/country-icons/ml/vector.svg"); }
.country-icon.country-mt {
background-image: url("assets/img/country-icons/mt/vector.svg"); }
.country-icon.country-mh {
background-image: url("assets/img/country-icons/mh/vector.svg"); }
.country-icon.country-mq {
background-image: url("assets/img/country-icons/mq/vector.svg"); }
.country-icon.country-mr {
background-image: url("assets/img/country-icons/mr/vector.svg"); }
.country-icon.country-mu {
background-image: url("assets/img/country-icons/mu/vector.svg"); }
.country-icon.country-yt {
background-image: url("assets/img/country-icons/yt/vector.svg"); }
.country-icon.country-mx {
background-image: url("assets/img/country-icons/mx/vector.svg"); }
.country-icon.country-fm {
background-image: url("assets/img/country-icons/fm/vector.svg"); }
.country-icon.country-md {
background-image: url("assets/img/country-icons/md/vector.svg"); }
.country-icon.country-mc {
background-image: url("assets/img/country-icons/mc/vector.svg"); }
.country-icon.country-mn {
background-image: url("assets/img/country-icons/mn/vector.svg"); }
.country-icon.country-me {
background-image: url("assets/img/country-icons/me/vector.svg"); }
.country-icon.country-ms {
background-image: url("assets/img/country-icons/ms/vector.svg"); }
.country-icon.country-ma {
background-image: url("assets/img/country-icons/ma/vector.svg"); }
.country-icon.country-mz {
background-image: url("assets/img/country-icons/mz/vector.svg"); }
.country-icon.country-mm {
background-image: url("assets/img/country-icons/mm/vector.svg"); }
.country-icon.country-na {
background-image: url("assets/img/country-icons/na/vector.svg"); }
.country-icon.country-nr {
background-image: url("assets/img/country-icons/nr/vector.svg"); }
.country-icon.country-np {
background-image: url("assets/img/country-icons/np/vector.svg"); }
.country-icon.country-nl {
background-image: url("assets/img/country-icons/nl/vector.svg"); }
.country-icon.country-nc {
background-image: url("assets/img/country-icons/nc/vector.svg"); }
.country-icon.country-nz {
background-image: url("assets/img/country-icons/nz/vector.svg"); }
.country-icon.country-ni {
background-image: url("assets/img/country-icons/ni/vector.svg"); }
.country-icon.country-ne {
background-image: url("assets/img/country-icons/ne/vector.svg"); }
.country-icon.country-ng {
background-image: url("assets/img/country-icons/ng/vector.svg"); }
.country-icon.country-nu {
background-image: url("assets/img/country-icons/nu/vector.svg"); }
.country-icon.country-nf {
background-image: url("assets/img/country-icons/nf/vector.svg"); }
.country-icon.country-mp {
background-image: url("assets/img/country-icons/mp/vector.svg"); }
.country-icon.country-no {
background-image: url("assets/img/country-icons/no/vector.svg"); }
.country-icon.country-om {
background-image: url("assets/img/country-icons/om/vector.svg"); }
.country-icon.country-pk {
background-image: url("assets/img/country-icons/pk/vector.svg"); }
.country-icon.country-pw {
background-image: url("assets/img/country-icons/pw/vector.svg"); }
.country-icon.country-ps {
background-image: url("assets/img/country-icons/ps/vector.svg"); }
.country-icon.country-pa {
background-image: url("assets/img/country-icons/pa/vector.svg"); }
.country-icon.country-pg {
background-image: url("assets/img/country-icons/pg/vector.svg"); }
.country-icon.country-py {
background-image: url("assets/img/country-icons/py/vector.svg"); }
.country-icon.country-pe {
background-image: url("assets/img/country-icons/pe/vector.svg"); }
.country-icon.country-ph {
background-image: url("assets/img/country-icons/ph/vector.svg"); }
.country-icon.country-pn {
background-image: url("assets/img/country-icons/pn/vector.svg"); }
.country-icon.country-pl {
background-image: url("assets/img/country-icons/pl/vector.svg"); }
.country-icon.country-pt {
background-image: url("assets/img/country-icons/pt/vector.svg"); }
.country-icon.country-pr {
background-image: url("assets/img/country-icons/pr/vector.svg"); }
.country-icon.country-qa {
background-image: url("assets/img/country-icons/qa/vector.svg"); }
.country-icon.country-re {
background-image: url("assets/img/country-icons/re/vector.svg"); }
.country-icon.country-ro {
background-image: url("assets/img/country-icons/ro/vector.svg"); }
.country-icon.country-ru {
background-image: url("assets/img/country-icons/ru/vector.svg"); }
.country-icon.country-rw {
background-image: url("assets/img/country-icons/rw/vector.svg"); }
.country-icon.country-bl {
background-image: url("assets/img/country-icons/bl/vector.svg"); }
.country-icon.country-sh {
background-image: url("assets/img/country-icons/sh/vector.svg"); }
.country-icon.country-kn {
background-image: url("assets/img/country-icons/kn/vector.svg"); }
.country-icon.country-lc {
background-image: url("assets/img/country-icons/lc/vector.svg"); }
.country-icon.country-mf {
background-image: url("assets/img/country-icons/mf/vector.svg"); }
.country-icon.country-pm {
background-image: url("assets/img/country-icons/pm/vector.svg"); }
.country-icon.country-vc {
background-image: url("assets/img/country-icons/vc/vector.svg"); }
.country-icon.country-ws {
background-image: url("assets/img/country-icons/ws/vector.svg"); }
.country-icon.country-sm {
background-image: url("assets/img/country-icons/sm/vector.svg"); }
.country-icon.country-st {
background-image: url("assets/img/country-icons/st/vector.svg"); }
.country-icon.country-sa {
background-image: url("assets/img/country-icons/sa/vector.svg"); }
.country-icon.country-sn {
background-image: url("assets/img/country-icons/sn/vector.svg"); }
.country-icon.country-rs {
background-image: url("assets/img/country-icons/rs/vector.svg"); }
.country-icon.country-sc {
background-image: url("assets/img/country-icons/sc/vector.svg"); }
.country-icon.country-sl {
background-image: url("assets/img/country-icons/sl/vector.svg"); }
.country-icon.country-sg {
background-image: url("assets/img/country-icons/sg/vector.svg"); }
.country-icon.country-sx {
background-image: url("assets/img/country-icons/sx/vector.svg"); }
.country-icon.country-sk {
background-image: url("assets/img/country-icons/sk/vector.svg"); }
.country-icon.country-si {
background-image: url("assets/img/country-icons/si/vector.svg"); }
.country-icon.country-sb {
background-image: url("assets/img/country-icons/sb/vector.svg"); }
.country-icon.country-so {
background-image: url("assets/img/country-icons/so/vector.svg"); }
.country-icon.country-za {
background-image: url("assets/img/country-icons/za/vector.svg"); }
.country-icon.country-gs {
background-image: url("assets/img/country-icons/gs/vector.svg"); }
.country-icon.country-ss {
background-image: url("assets/img/country-icons/ss/vector.svg"); }
.country-icon.country-es {
background-image: url("assets/img/country-icons/es/vector.svg"); }
.country-icon.country-lk {
background-image: url("assets/img/country-icons/lk/vector.svg"); }
.country-icon.country-sd {
background-image: url("assets/img/country-icons/sd/vector.svg"); }
.country-icon.country-sr {
background-image: url("assets/img/country-icons/sr/vector.svg"); }
.country-icon.country-sj {
background-image: url("assets/img/country-icons/sj/vector.svg"); }
.country-icon.country-sz {
background-image: url("assets/img/country-icons/sz/vector.svg"); }
.country-icon.country-se {
background-image: url("assets/img/country-icons/se/vector.svg"); }
.country-icon.country-ch {
background-image: url("assets/img/country-icons/ch/vector.svg"); }
.country-icon.country-sy {
background-image: url("assets/img/country-icons/sy/vector.svg"); }
.country-icon.country-tw {
background-image: url("assets/img/country-icons/tw/vector.svg"); }
.country-icon.country-tj {
background-image: url("assets/img/country-icons/tj/vector.svg"); }
.country-icon.country-tz {
background-image: url("assets/img/country-icons/tz/vector.svg"); }
.country-icon.country-th {
background-image: url("assets/img/country-icons/th/vector.svg"); }
.country-icon.country-tl {
background-image: url("assets/img/country-icons/tl/vector.svg"); }
.country-icon.country-tg {
background-image: url("assets/img/country-icons/tg/vector.svg"); }
.country-icon.country-tk {
background-image: url("assets/img/country-icons/tk/vector.svg"); }
.country-icon.country-to {
background-image: url("assets/img/country-icons/to/vector.svg"); }
.country-icon.country-tt {
background-image: url("assets/img/country-icons/tt/vector.svg"); }
.country-icon.country-tn {
background-image: url("assets/img/country-icons/tn/vector.svg"); }
.country-icon.country-tr {
background-image: url("assets/img/country-icons/tr/vector.svg"); }
.country-icon.country-tm {
background-image: url("assets/img/country-icons/tm/vector.svg"); }
.country-icon.country-tc {
background-image: url("assets/img/country-icons/tc/vector.svg"); }
.country-icon.country-tv {
background-image: url("assets/img/country-icons/tv/vector.svg"); }
.country-icon.country-ug {
background-image: url("assets/img/country-icons/ug/vector.svg"); }
.country-icon.country-ua {
background-image: url("assets/img/country-icons/ua/vector.svg"); }
.country-icon.country-ae {
background-image: url("assets/img/country-icons/ae/vector.svg"); }
.country-icon.country-gb {
background-image: url("assets/img/country-icons/gb/vector.svg"); }
.country-icon.country-us {
background-image: url("assets/img/country-icons/us/vector.svg"); }
.country-icon.country-um {
background-image: url("assets/img/country-icons/um/vector.svg"); }
.country-icon.country-uy {
background-image: url("assets/img/country-icons/uy/vector.svg"); }
.country-icon.country-uz {
background-image: url("assets/img/country-icons/uz/vector.svg"); }
.country-icon.country-vu {
background-image: url("assets/img/country-icons/vu/vector.svg"); }
.country-icon.country-ve {
background-image: url("assets/img/country-icons/ve/vector.svg"); }
.country-icon.country-vn {
background-image: url("assets/img/country-icons/vn/vector.svg"); }
.country-icon.country-vg {
background-image: url("assets/img/country-icons/vg/vector.svg"); }
.country-icon.country-vi {
background-image: url("assets/img/country-icons/vi/vector.svg"); }
.country-icon.country-wf {
background-image: url("assets/img/country-icons/wf/vector.svg"); }
.country-icon.country-eh {
background-image: url("assets/img/country-icons/eh/vector.svg"); }
.country-icon.country-ye {
background-image: url("assets/img/country-icons/ye/vector.svg"); }
.country-icon.country-zm {
background-image: url("assets/img/country-icons/zm/vector.svg"); }
.country-icon.country-zw {
background-image: url("assets/img/country-icons/zw/vector.svg"); }
body.map__mobile {
padding: 0; }
body.map__mobile section {
padding: 0; }
body.map__noscroll, html.map__noscroll {
overflow: hidden;
height: 100%; }
.altrace__header {
background: url("assets/img/altracing/background.png") no-repeat;
background-size: cover;
background-position: center center;
height: 100vh;
width: 100vw; }
.altrace__header__wrapper {
margin: 0 auto;
max-width: 80%;
padding-top: 300px; }
.altrace__header__brow {
width: 380px;
max-width: 90%; }
.altrace__header__title {
margin: 40px 0 20px; }
.altrace__header__title img {
background: url("assets/img/altracing/noborder-bg1.png") no-repeat;
background-size: cover;
background-repeat: repeat; }
.altrace__header__body {
color: #fff;
max-width: 600px; }
.altrace__header__body p {
font-family: "EFCircularWeb Book Web"; }
.altrace__header__cta {
color: #fff;
cursor: pointer;
display: inline-block;
padding: 40px 0;
position: relative; }
.altrace__header__cta span {
font-family: "EFCircularWeb Black Web";
font-size: 24px;
line-height: 28px;
padding: 12px; }
.altrace__header__cta img {
position: absolute;
right: -70px;
width: 135px;
z-index: 999; }
.altrace__header__learnmore {
color: #fff;
display: inline-block;
margin-left: 40px;
width: 200px; }
.altrace__header__images {
position: relative;
display: flex; }
.altrace__header__images .image__parallax {
position: absolute;
top: 30px;
left: 0;
width: calc(33% - 30px); }
.altrace__header__images .first {
width: 18%; }
.altrace__header__images .second {
left: calc(22% + 30px);
top: 80px;
width: 40%; }
.altrace__header__images .third {
left: calc(50% + 60px);
top: 200px;
width: 40%; }
#map {
height: 100vh;
width: 100vw; }
.map__infobox {
height: 85%;
max-width: 50%;
opacity: 0;
overflow-y: scroll;
padding: 100px;
position: fixed;
right: 0;
top: 20px;
visibility: hidden;
z-index: 999; }
.map__infobox.map__infobox--show {
opacity: 1;
visibility: visible; }
.map__infobox__wrapper {
position: relative; }
.map__infobox__close {
background-color: #000;
border-radius: 50%;
color: #fff;
cursor: pointer;
height: 20px;
line-height: 17px;
position: absolute;
right: -6px;
text-align: center;
top: -60px;
width: 20px; }
.map__infobox__secondaryimage {
position: absolute;
top: -50px;
right: 4px;
width: 50%;
z-index: -20; }
.map__infobox__tertiaryimage {
position: absolute;
right: -50px;
top: 200px;
width: 60%;
z-index: -20; }
.map__infobox__number {
border: 4px double #ff33A0;
color: #ff33A0;
border-radius: 100%;
display: inline-block;
font-size: 44px;
height: 52px;
left: -45px;
line-height: 48px;
position: absolute;
text-align: center;
width: 52px; }
.map__imfobox__detailslink {
margin-top: 40px; }
.map__infobox__header {
background: url("assets/img/altracing/noborder-bg1.png") no-repeat;
background-color: #fff;
display: inline-block;
padding: 10px 20px;
z-index: 999; }
.map__infobox__subhead {
background-color: #fff;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
display: flex;
padding: 20px 0px;
z-index: 999;
font-family: "EFCircularWeb Bold Web"; }
.map__infobox__subhead span {
font-size: 16px;
line-height: 26px;
padding: 24px;
text-transform: uppercase;
font-size: 12px;
font-family: "EFCircularWeb Bold Web";
line-height: 1em;
padding: 23px;
display: inline-block; }
.map__infobox__subhead .map__infobox__subhead__date {
border-right: 1px solid #000; }
.map__infobox__subhead div {
display: flex; }
.map__imfobox__body {
background-color: #fff;
padding: 40px 20px 60px 20px;
z-index: 999; }
.map__infobox__primaryimage {
margin: 0 auto;
position: relative;
top: -20px;
width: 95%; }
.map__infobox__primaryimage img {
height: auto;
width: 100%; }
.map__event__wrapper {
border-top: 2px white;
bottom: 0;
display: flex;
justify-content: space-around;
padding-bottom: 20px;
position: absolute;
width: 100%;
z-index: 899; }
.map__event__wrapper.map__event__wrapper--hide {
display: none;
visibility: hidden; }
.map__event {
color: #fff;
cursor: pointer;
display: flex;
flex-basis: 100%;
padding: 20px 40px 20px 20px; }
.map__event.map__event--active {
background: rgba(255, 255, 255, 0.5); }
.map__event.map__event--active .map__event__text h4 {
font-size: 24px; }
.map__event.map__event--hide {
visibility: hidden;
display: none; }
.map__event__text h4 {
font-size: 18px;
line-height: 22px;
text-transform: uppercase; }
.map__event__text p {
font-family: "EFCircularWeb Bold Web";
font-size: 12px;
line-height: 1em;
margin-top: 6px; }
.map__event__number {
background-color: #ff33A0;
border-radius: 18px;
display: inline-block;
font-size: 12px;
line-height: 1.6em;
margin: 4px 12px;
text-align: center;
width: 18px;
height: 18px; }
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
border: none;
border-color: transparent; }
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
border: none;
border-color: transparent; }
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
border: none;
border-color: transparent; }
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
border: none;
border-color: transparent; }
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
border: none;
border-color: transparent; }
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
border: none;
border-color: transparent; }
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
border: none;
border-color: transparent; }
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
border: none;
border-color: transparent; }
.mapboxgl-popup .mapboxgl-popup-content {
background: none;
box-shadow: none;
padding: 0; }
.map__marker {
color: #ff33A0;
cursor: pointer;
transition: all .25s; }
.map__marker.map__marker--active::before {
content: '';
position: absolute;
border-radius: 50%;
width: 250%;
height: 250%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1; }
.map__marker.map__marker--active .map__marker__text {
position: absolute;
top: 95px;
left: 0px;
width: 240px; }
.map__marker.map__marker--active .map__marker__text .map__marker__name {
line-height: 1em;
transition: all .25s; }
.map__marker.map__marker--active .map__marker__text .map__marker__description {
display: none; }
.map__marker.map__marker--active .map__marker__name {
background: url("assets/img/altracing/noborder-bg1.png") no-repeat;
background-color: #fff;
color: #000;
font-family: "EFCircularWeb Black Web";
font-size: 24px;
line-height: 28px;
padding: 10px 20px;
text-transform: uppercase;
transition: all .25s; }
.map__marker.map__marker--active .map__marker__description {
color: #fff;
display: inherit;
font-size: 16px;
line-height: 20px;
padding: 10px 0;
transition: all .25s; }
.map__marker.map__marker--active .map__marker__date {
display: inline-block;
left: -30px;
text-align: center;
top: -20px;
z-index: 999; }
.map__marker.map__marker--active .map__marker__date span {
font-family: "EFCircularWeb Bold Web";
font-size: 12px;
line-height: 1.2em;
transition: all .25s; }
.map__marker.map__marker--active .map__marker__number {
left: -50px;
position: absolute;
top: 85px;
z-index: 999;
transition: all .25s; }
.map__marker.map__marker--active .map__marker__primaryimage img {
left: 30px;
height: 100px;
width: auto;
transition: all .25s; }
.map__marker .map__marker__name {
font-size: 16px; }
.map__marker .map__marker__wrapper {
display: flex;
position: relative; }
.map__marker .map__marker__description {
display: none; }
.map__marker .map__marker__date {
background: #ff33A0;
color: #fff;
display: none;
font-size: 12px;
line-height: 12px;
padding: 10px 5px 20px;
position: absolute;
left: 0;
top: 30px;
font-family: "EFCircularWeb Bold Web"; }
.map__marker .map__marker__number {
border: 1px solid #ff33A0;
border-radius: 100%;
display: inline-block;
font-size: 48px;
height: 50px;
line-height: 48px;
text-align: center;
width: 50px;
font-family: "EFCircularWeb Black Web";
border: 4px double #ff33A0;
color: #ff33A0;
border-radius: 100%;
display: inline-block;
font-size: 44px;
height: 52px;
left: -45px;
line-height: 48px;
position: absolute;
text-align: center;
width: 52px; }
.map__marker .map__marker__primaryimage img {
height: auto;
width: 50px; }
.map__marker.map__marker__column .map__marker__wrapper {
flex-direction: column; }
.map__marker.map__marker__columnreverse .map__marker__wrapper {
flex-direction: column-reverse; }
.map__marker.map__marker__horizontalreverse .map__marker__wrapper {
flex-direction: row-reverse; }
@media only screen and (max-height: 700px) {
.altrace__header__wrapper {
padding-top: 200px; } }
@media only screen and (max-width: 768px) {
.altrace__header__learnmore {
margin-left: 0; }
.altrace__header__cta img {
top: 85px;
width: 100px; }
.image__parallax {
width: 40%; }
.image__parallax.second {
left: 30%; }
.image__parallax.third {
left: 60%; }
.map__event__wrapper {
display: none; }
.map__marker.map__marker__column .map__marker__wrapper {
flex-direction: row-reverse; }
.map__marker.map__marker__columnreverse .map__marker__wrapper {
flex-direction: row-reverse; }
.map__marker.map__marker__horizontalreverse .map__marker__wrapper {
flex-direction: row-reverse; }
.map__marker .map__marker__name {
margin: 0 10px;
width: 100px; }
.map__infobox {
height: 90%;
max-width: 90%;
padding: 10px;
right: 20px;
position: fixed; }
.map__infobox .map__infobox__number {
display: none; }
.map__infobox .map__infobox__primaryimage {
display: block; }
.map__infobox .map__infobox__secondaryimage {
display: none; }
.map__infobox .map__infobox__tertiaryimage {
display: none; }
.map__infobox .map__infobox__close {
right: 0;
top: -0px; } }