/*

COLOURS...

GREEN     #33fc4b   rgba(51,252,75,1);
GREY      #70778a   rgba(112,119,138,1);
LIGHT     #ecedf0   rgba(236,237,240,1);
NAVY      #101c3c   rgba(16,28,60,1);
PINK      #f90072   rgba(249,0,114,1);
WHITE     #ffffff   rgba(255,255,255,1);
YELLOW    #ffed00   rgba(255,237,0,1);

FONTS...

font-family: 'axia', sans-serif;
font-family: 'amboy-inline', sans-serif;
font-family: 'amboy-black', sans-serif;

*/

/*------------------------------
BASE STYLES
------------------------------*/

*, *:before, *:after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html{
  font-size:62.5%;
}

html,body{
  height: 100%;
  min-width: 320px;
}

body{
  font-family: 'axia', sans-serif;
  font-size: 16px;
  font-weight: 400;
  background-color: rgba(255,255,255,1);
  color: rgba(16,28,60,1);
   -moz-font-feature-settings: "lnum";
   -webkit-font-feature-settings: "lnum";
   font-feature-settings: "lnum";
  -webkit-font-smoothing: antialiased;
  -mos-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

body.menu-open,
body.modal-open{
  overflow: hidden;
}

.wrapper{
  position: relative;
  width: 100%;
  min-height: 100%;
  padding-top: 60px;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.wide-screen .wrapper{
  padding-top: 120px;
}

.scrolled:not(.meganav-active) .wrapper,
.narrow-screen .wrapper{
  padding-top: 60px;
}

header,
main,
section,
footer{
  min-width: 320px;
  position: relative;
  clear: both;
}

.overlay{
  width: 100%;
  height: 100%;
}

.graphic{
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  line-height: 1px;
  vertical-align: top;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.clear{
  clear: both;
}

.content-container{
  position:relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 30px;
  z-index: 2;
}

.full-width{
  position:relative;
  width: 100%;
  padding: 0 30px;
  z-index: 2;
}

.content-container.narrow{
  max-width: 960px;
}

.modal-open .content-container{
  z-index: unset;
}

.paragraph{
  line-height: 1.5;
  margin-bottom: 30px;
}

.paragraph > p:last-of-type{
  margin-bottom: 0;
}

.paragraph > p:first-of-type{
  margin-top: 0;
}

.paragraph > *:first-child{
  margin-top: 0;
}

.hidden{
  display: none;
}

address{
  font-style: normal;
}

sub {
  bottom: 0;
}

sup {
  top: -0.26em;
}

/*-- HORIZONTAL LISTS --*/

ul.horizontal,
ol.horizontal{
  display: block;
  position: relative;
  list-style: none;
  font-size: 0;
  text-align: center;
  margin: 0;
  padding: 0;
}

.align-right ul.horizontal,
.align-right ol.horizontal,
.align-left .align-right ul.horizontal,
.align-left .align-right ol.horizontal{
  text-align: right;
}

.align-left ul.horizontal,
.align-left ol.horizontal,
.align-right .align-left ul.horizontal,
.align-right .align-left ol.horizontal{
  text-align: left;
}

ul.horizontal > li,
ol.horizontal > li{
  display: inline-block;
  position: relative;
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: normal;
  vertical-align: top;
}

/*-- VERTICAL LISTS --*/

ul.list,
ol.list{
  display: block;
  position: relative;
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

ul.list > li,
ol.list > li{
  display: block;
  position: relative;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

/*-- ANCHOR TARGET --*/

.anchor-target{
  display: block;
  width: 100%;
  height: 1px;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  margin-bottom: -1px;
}

/*-- ALIGNMENT --*/

.left{
  float: left;
  text-align: left;
}

.right{
  float: right;
  text-align: right;
}

.align-left{
  text-align: left;
}

.align-right{
  text-align: right;
}

.align-right ul{
  text-align: right;
  list-style-position: inside;
}

.align-center{
  text-align: center;
}

.align-center ul{
  text-align: center;
  list-style-position: inside;
}

.middle-wrapper{
  display: inline-flex;
  width: 100%;
  height: 100%;
}

.middle{
  position: relative;
  width: 100%;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -o-align-self: center;
  align-self: center;
}

/*------------------------------
SQUARIFY
------------------------------*/

.squarify{
  position: relative;
  padding: 0;
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.squarify > .squarify-content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.squarify > .square{
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  pointer-events: none;
}

.squarify > .square > img{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}

/*------------------------------
CIRCLE
------------------------------*/

.circle{
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*------------------------------
TEXT STYLES
------------------------------*/

strong,
b{
    font-weight: 900;
}

em,
i{
    font-style: italic;
}

small{
    font-size: 0.8em;
}

.note{
    font-size: 0.8em;
}

.subtle{
  opacity: 0.5;
  font-size: 0.8em;
}

/*-- HEADINGS --*/

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
  text-transform: uppercase;
  font-style: normal;
  margin-top: 0.9em;
  margin-bottom: 0.3em;
}

h1,
h2,
h3,
.h1,
.h2,
.h3{
  font-family: 'amboy-black', sans-serif;
  font-weight: 400;
}

h1.number,
h2.number,
h3.number,
h4.number,
h5.number,
h6.number{
  font-family: 'amboy-inline', sans-serif;
  margin: 0;
}

h1 > span,
h2 > span,
h3 > span,
.h1 > span,
.h2 > span,
.h3 > span{
  font-family: 'amboy-inline', sans-serif;
}

h4,
h5,
h6,
.h4,
.h5,
.h6{
  font-family: 'axia', sans-serif;
  font-weight: 900;
}

.bg-black h1 > span,
.bg-black h2 > span,
.bg-black h3 > span,
.bg-black h4 > span,
.bg-black h5 > span,
.bg-black h6 > span,
.bg-navy h1 > span,
.bg-navy h2 > span,
.bg-navy h3 > span,
.bg-navy h4 > span,
.bg-navy h5 > span,
.bg-navy h6 > span,
.bg-grey h1 > span,
.bg-grey h2 > span,
.bg-grey h3 > span,
.bg-grey h4 > span,
.bg-grey h5 > span,
.bg-grey h6 > span{
  color: rgba(51,252,75,1);
}

.bg-green h1 > span,
.bg-green h2 > span,
.bg-green h3 > span,
.bg-green h4 > span,
.bg-green h5 > span,
.bg-green h6 > span,
.bg-pink h1 > span,
.bg-pink h2 > span,
.bg-pink h3 > span,
.bg-pink h4 > span,
.bg-pink h5 > span,
.bg-pink h6 > span{
    color: rgba(16,28,60,1);
}

.bg-light h1 > span,
.bg-light h2 > span,
.bg-light h3 > span,
.bg-light h4 > span,
.bg-light h5 > span,
.bg-light h6 > span,
.bg-white h1 > span,
.bg-yellow h2 > span,
.bg-yellow h3 > span,
.bg-yellow h4 > span,
.bg-yellow h5 > span,
.bg-yellow h6 > span{
    color: rgba(51,252,75,1);
}

.bg-yellow h1 > span,
.bg-yellow h2 > span,
.bg-yellow h3 > span,
.bg-yellow h4 > span,
.bg-yellow h5 > span,
.bg-yellow h6 > span{
  color: rgba(112,119,138,1);
}


h1,
.h1{
  font-size: 85px;
}

h2,
.h2{
  font-size: 65px;
}

h3,
.h3{
  font-size: 60px;
}

h4,
.h4{
  font-size: 26px;
}

h4.alt,
.h4-alt{
  font-size: 30px;
}

h4.category{
  display: inline-block;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 0;
  padding-top: 10px;
  border-top: 2px solid rgba(51,252,75,1);
  font-family: 'axia', sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.align-center h4.category{
  padding-left: 5px;
  padding-right: 5px;
}

.align-left h4.category{
  padding-left: 0px;
  padding-right: 10px;
}

.align-right h4.category{
  padding-left: 10px;
  padding-right: 0px;
}


h5,
.h5{
  font-size: 18px;
}

h6,
.h6{
  font-size: 14px;
}

h5.stacked-date{
  font-family: 'axia', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

h5.stacked-date > span{
  font-size: 26px;
  font-family: 'axia', sans-serif;
  font-weight: 900;
  display: block;
}

.quote{
  font-style: italic;
}

.bigtext{
  font-size: 35px;
}

.bigtext > p:first-of-type{
  margin-top: 0;
}

.bigtext > p:last-of-type{
  margin-bottom: 0;
}



main .content-container > h1:first-of-type,
main .panel-content-container > h1:first-of-type,
main .column > h1:first-of-type,
main .overlay > h1:first-of-type,
main .content-container > h2:first-of-type,
main .panel-content-container > h2:first-of-type,
main .column > h2:first-of-type,
main .overlay > h2:first-of-type,
main .content-container > h3:first-of-type,
main .panel-content-container > h3:first-of-type,
main .column > h3:first-of-type,
main .overlay > h3:first-of-type{
  margin-top: 0;
}

.text-green{
  color: rgba(51,252,75,1);
}

.text-grey{
  color: rgba(112,119,138,1);
}

.text-light{
  color: rgba(236,237,240,1);
}

.text-navy{
  color: rgba(16,28,60,1);
}

.text-black{
  color: rgba(0,0,0,1);
}

.text-pink{
  color: rgba(249,0,114,1);
}

.text-white{
  color: rgba(255,255,255,1);
}

.text-yellow{
  color: rgba(255,237,0,1);
}

/*-- ALERTS --*/

.alert{
  padding: 15px;
  margin-bottom: 20px;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.alert > p:first-of-type{
  margin-top: 0;
}

.alert > p:last-of-type{
  margin-bottom: 0;
}

.alert.alert-success{
  color: rgba(16,28,60,1);
  background-color: rgba(51,252,75,1);
}

.alert.alert-info{
  color: rgba(16,28,60,1);
  background-color: rgba(255,237,0,1);
}

.alert.alert-warning{
  color: rgba(16,28,60,1);
  background-color: rgba(249,0,114,1);
}

.alert.alert-danger{
  color: rgba(16,28,60,1);
  background-color: rgba(249,0,114,1);
}

/*-- LINKS --*/

a{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a,
a:hover,
a:active,
a:focus{
    outline:0;
}

a{
    color: rgba(16,28,60,1);
    text-decoration: none;
}

a:hover{
    color: rgba(249,0,114,1);
}

.bg-black a,
.bg-navy a{
    color: rgba(255,255,255,1);
    text-decoration: none;
}

.bg-black a:hover,
.bg-navy a:hover{
    color: rgba(249,0,114,1);
}

.bg-pink a:hover{
    color: rgba(255,255,255,1);
}

/*-- BUTTONS --*/

.button{
  margin-top: 30px;
}

.button.solo{
  margin-top: 0;
}

div.button > a,
input[type=submit]{
  display: inline-block;
  background-color: transparent;
  border: 1px solid rgba(16,28,60,1);
  text-decoration: none;
  font-weight: 700;
  font-family: 'axia', sans-serif;
  line-height: normal;
  padding: 10px 20px;
  font-size: 14px;
  color: rgba(16,28,60,1);
  cursor: pointer;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

div.button > a:hover,
input[type=submit]:hover{
  background-color: rgba(51,252,75,1);
  border: 1px solid rgba(51,252,75,1);
  color: rgba(16,28,605,1);
}

div.button > a:hover,
input[type=submit]:hover{
  background-color: rgba(51,252,75,1);
  border: 1px solid rgba(51,252,75,1);
  color: rgba(255,255,255,1);
}

/*-- BUTTONS: DARK BACKGROUNDS; --*/

.bg-fade div.button > a,
.bg-fade input[type=submit],
.bg-black div.button > a,
.bg-black input[type=submit],
.bg-navy div.button > a,
.bg-navy input[type=submit]{
  border: 1px solid rgba(255,255,255,1);
  color: rgba(255,255,255,1);
}

.bg-fade div.button > a:hover,
.bg-fade input[type=submit]:hover,
.bg-black div.button > a:hover,
.bg-black input[type=submit]:hover,
.bg-navy div.button > a:hover,
.bg-navy input[type=submit]:hover{
  background-color: rgba(51,252,75,1);
  border: 1px solid rgba(51,252,75,1);
  color: rgba(16,28,60,1);
}

/*-- BUTTON GROUPS --*/

ul.button-group{
    text-align: inherit;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

main .content-container > ul.button-group:last-of-type,
main .panel-content-container > ul.button-group:last-of-type,
main .column > ul.button-group:last-of-type,
main .overlay > ul.button-group:last-of-type{
  margin-bottom: 0;
}

ul.button-group > li{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    vertical-align: middle;
}

ul.button-group > li > .button{
    margin-top: 0;
}

/*-- ICON BUTTONS --*/

.icon{

}

.icon > a,
.icon > i{
  display: block;
  position: relative;
  width: 100%;
  max-width: 120px;
  min-width: 120px;
  margin: 0 auto;
  height: 120px;
}

.icon > a > i{
  width: 100%;
  height: 100%;
}

.icon > a > i.PlayStationNetwork,
.icon > i.PlayStationNetwork,
.icon > a > i.playstation,
.icon > i.playstation{
  background-image: url('../img/_white/platform_playstation.png');
}

.icon > a > i.Steam,
.icon > i.Steam,
.icon > a > i.steam,
.icon > i.steam{
  background-image: url('../img/_white/platform_steam.png');
}

.icon > a > i.XboxLive,
.icon > i.XboxLive,
.icon > a > i.xbox,
.icon > i.xbox{
  background-image: url('../img/_white/platform_xbox.png');
}

.icon > a > i.youtube,
.icon > i.youtube{
  background-image: url('../img/_white/platform_youtube.png');
}

/*-- ICON BUTTONS --*/

.icon-button{

}

.icon-button > .icon{
  
}

.icon-button > .icon > i{
  
}

.icon-button > ul.list{

}

.icon-button > ul.list > li{
  margin-bottom: 5px;
}

.icon-button > ul.list > li > .button{

}

.icon-button > ul.list > li > .button > a{
  max-width: 180px;
  width: 100%;
}

/*-- LOGO BUTTONS --*/

.button-group .logo{
  margin: 0 15px;
}

.button-group .logo > a{
  display: block;
  position: relative;
}

.button-group .logo > a > img{
  display: block;
  width: auto;
  margin: 0 auto;
  height: 120px;
}

/*-- BACK LINK --*/

.back-link{
  position: absolute;
  top: 60px;
  left: 60px;
}

.back-link > a{
  position: relative;
  display: inline-block;
  line-height: 22px;
  font-size: 22px;
  vertical-align: middle;
  font-weight: 900;
  padding: 14px 0 14px 25px;
  text-transform: uppercase;
}

.back-link > a > i{
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 50px;
  background-image: url('../img/_green/arrow_medium_left.png');
}

.bg-black .back-link > a,
.bg-navy .back-link > a{
  color: rgba(255,255,255,1);
}

.bg-black .back-link > a:hover,
.bg-navy .back-link > a:hover{
  color: rgba(51,252,75,1);
}

/*------------------------------
SHARE BUTTONS
------------------------------*/


.social-sharing > a{
  width: 60px;
  height: 60px;
  background-image: url('../img/_green/share.png');
}

.social-sharing > a:hover{
  background-image: url('../img/_yellow/share.png');
}


/*-- SHAREDADDY (JET PACK) ICONS --*/

.social-sharing .sharedaddy h3.sd-title{
  margin-top: 0;
  margin-bottom: 30px;
  display: block;
  font-size: 26pt;
  line-height: normal;
}

.social-sharing .sharedaddy h3.sd-title:before{
    display: none;
}

.social-sharing .sharedaddy .sd-content{

}

.social-sharing .sharedaddy .sd-content > ul{
    display: block;
    position: relative;
    list-style: none;
    font-size: 0;
    text-align: center;
    margin: 0;
    padding: 0;
}

.social-sharing .sharedaddy .sd-content > ul > li{
    display: inline-block;
    position: relative;
    font-size: 16px;
    margin: 0;
    margin-right: 15px;
    padding: 0;
    line-height: normal;
    vertical-align: top;
}

.social-sharing .sharedaddy .sd-content > ul > li:last-child{
    margin-right: 0;
}

.social-sharing .sharedaddy .sd-content > ul > li > a.sd-button{
  margin-top: 0 !important;
  padding: 20px !important;
  top: 0 !important;
}

.social-sharing .sharedaddy .sd-content > ul > li > a.sd-button:before {
    font: normal 60px/1 social-logos;
}


/*------------------------------
COLOURS
------------------------------*/

/*-- GREEN --*/

.bg-green{
  background-color: rgba(51,252,75,1);
  color: rgba(16,28,60,1);
}

.bg-green.opacity-100{
  background-color: rgba(51,252,75,1);
}

.bg-green.opacity-95{
  background-color: rgba(51,252,75,0.95);
}

.bg-green.opacity-90{
  background-color: rgba(51,252,75,0.9);
}

.bg-green.opacity-85{
  background-color: rgba(51,252,75,0.85);
}

.bg-green.opacity-80{
  background-color: rgba(51,252,75,0.8);
}

.bg-green.opacity-75{
  background-color: rgba(51,252,75,0.75);
}

.bg-green.opacity-70{
  background-color: rgba(51,252,75,0.7);
}

.bg-green.opacity-65{
  background-color: rgba(51,252,75,0.65);
}

.bg-green.opacity-60{
  background-color: rgba(51,252,75,0.6);
}

.bg-green.opacity-55{
  background-color: rgba(51,252,75,0.55);
}

.bg-green.opacity-50{
  background-color: rgba(51,252,75,0.5);
}

.bg-green.opacity-45{
  background-color: rgba(51,252,75,0.45);
}

.bg-green.opacity-40{
  background-color: rgba(51,252,75,0.4);
}

.bg-green.opacity-35{
  background-color: rgba(51,252,75,0.35);
}

.bg-green.opacity-30{
  background-color: rgba(51,252,75,0.3);
}

.bg-green.opacity-25{
  background-color: rgba(51,252,75,0.25);
}

.bg-green.opacity-20{
  background-color: rgba(51,252,75,0.2);
}

.bg-green.opacity-15{
  background-color: rgba(51,252,75,0.15);
}

.bg-green.opacity-10{
  background-color: rgba(51,252,75,0.1);
}

.bg-green.opacity-5{
  background-color: rgba(51,252,75,0.5);
}

.bg-green.opacity-0{
  background-color: rgba(51,252,75,0);
}

/*-- GREY --*/

.bg-grey{
  background-color: rgba(112,119,138,1);
  color: rgba(255,255,255,1);
}

.bg-grey.opacity-100{
  background-color: rgba(112,119,138,1);
}

.bg-grey.opacity-95{
  background-color: rgba(112,119,138,0.95);
}

.bg-grey.opacity-90{
  background-color: rgba(112,119,138,0.9);
}

.bg-grey.opacity-85{
  background-color: rgba(112,119,138,0.85);
}

.bg-grey.opacity-80{
  background-color: rgba(112,119,138,0.8);
}

.bg-grey.opacity-75{
  background-color: rgba(112,119,138,0.75);
}

.bg-grey.opacity-70{
  background-color: rgba(112,119,138,0.7);
}

.bg-grey.opacity-65{
  background-color: rgba(112,119,138,0.65);
}

.bg-grey.opacity-60{
  background-color: rgba(112,119,138,0.6);
}

.bg-grey.opacity-55{
  background-color: rgba(112,119,138,0.55);
}

.bg-grey.opacity-50{
  background-color: rgba(112,119,138,0.5);
}

.bg-grey.opacity-45{
  background-color: rgba(112,119,138,0.45);
}

.bg-grey.opacity-40{
  background-color: rgba(112,119,138,0.4);
}

.bg-grey.opacity-35{
  background-color: rgba(112,119,138,0.35);
}

.bg-grey.opacity-30{
  background-color: rgba(112,119,138,0.3);
}

.bg-grey.opacity-25{
  background-color: rgba(112,119,138,0.25);
}

.bg-grey.opacity-20{
  background-color: rgba(112,119,138,0.2);
}

.bg-grey.opacity-15{
  background-color: rgba(112,119,138,0.15);
}

.bg-grey.opacity-10{
  background-color: rgba(112,119,138,0.1);
}

.bg-grey.opacity-5{
  background-color: rgba(112,119,138,0.5);
}

.bg-grey.opacity-0{
  background-color: rgba(112,119,138,0);
}

/*-- LIGHT --*/

.bg-light{
  background-color: rgba(236,237,240,1);
  color: rgba(16,28,60,1);
}

.bg-light.opacity-100{
  background-color: rgba(236,237,240,1);
}

.bg-light.opacity-95{
  background-color: rgba(236,237,240,0.95);
}

.bg-light.opacity-90{
  background-color: rgba(236,237,240,0.9);
}

.bg-light.opacity-85{
  background-color: rgba(236,237,240,0.85);
}

.bg-light.opacity-80{
  background-color: rgba(236,237,240,0.8);
}

.bg-light.opacity-75{
  background-color: rgba(236,237,240,0.75);
}

.bg-light.opacity-70{
  background-color: rgba(236,237,240,0.7);
}

.bg-light.opacity-65{
  background-color: rgba(236,237,240,0.65);
}

.bg-light.opacity-60{
  background-color: rgba(236,237,240,0.6);
}

.bg-light.opacity-55{
  background-color: rgba(236,237,240,0.55);
}

.bg-light.opacity-50{
  background-color: rgba(236,237,240,0.5);
}

.bg-light.opacity-45{
  background-color: rgba(236,237,240,0.45);
}

.bg-light.opacity-40{
  background-color: rgba(236,237,240,0.4);
}

.bg-light.opacity-35{
  background-color: rgba(236,237,240,0.35);
}

.bg-light.opacity-30{
  background-color: rgba(236,237,240,0.3);
}

.bg-light.opacity-25{
  background-color: rgba(236,237,240,0.25);
}

.bg-light.opacity-20{
  background-color: rgba(236,237,240,0.2);
}

.bg-light.opacity-15{
  background-color: rgba(236,237,240,0.15);
}

.bg-light.opacity-10{
  background-color: rgba(236,237,240,0.1);
}

.bg-light.opacity-5{
  background-color: rgba(236,237,240,0.5);
}

.bg-light.opacity-0{
  background-color: rgba(236,237,240,0);
}

/*-- NAVY --*/

.bg-navy{
  background-color: rgba(16,28,60,1);
  color: rgba(255,255,255,1);
}

.bg-navy.opacity-100{
  background-color: rgba(16,28,60,1);
}

.bg-navy.opacity-95{
  background-color: rgba(16,28,60,0.95);
}

.bg-navy.opacity-90{
  background-color: rgba(16,28,60,0.9);
}

.bg-navy.opacity-85{
  background-color: rgba(16,28,60,0.85);
}

.bg-navy.opacity-80{
  background-color: rgba(16,28,60,0.8);
}

.bg-navy.opacity-75{
  background-color: rgba(16,28,60,0.75);
}

.bg-navy.opacity-70{
  background-color: rgba(16,28,60,0.7);
}

.bg-navy.opacity-65{
  background-color: rgba(16,28,60,0.65);
}

.bg-navy.opacity-60{
  background-color: rgba(16,28,60,0.6);
}

.bg-navy.opacity-55{
  background-color: rgba(16,28,60,0.55);
}

.bg-navy.opacity-50{
  background-color: rgba(16,28,60,0.5);
}

.bg-navy.opacity-45{
  background-color: rgba(16,28,60,0.45);
}

.bg-navy.opacity-40{
  background-color: rgba(16,28,60,0.4);
}

.bg-navy.opacity-35{
  background-color: rgba(16,28,60,0.35);
}

.bg-navy.opacity-30{
  background-color: rgba(16,28,60,0.3);
}

.bg-navy.opacity-25{
  background-color: rgba(16,28,60,0.25);
}

.bg-navy.opacity-20{
  background-color: rgba(16,28,60,0.2);
}

.bg-navy.opacity-15{
  background-color: rgba(16,28,60,0.15);
}

.bg-navy.opacity-10{
  background-color: rgba(16,28,60,0.1);
}

.bg-navy.opacity-5{
  background-color: rgba(16,28,60,0.5);
}

.bg-navy.opacity-0{
  background-color: rgba(16,28,60,0);
}

/*-- FADE --*/

.bg-fade{
  color: rgba(255,255,255,1);
  background: rgb(16,28,60);
  background: -moz-linear-gradient(top, rgba(1,3,14,1) 1%, rgba(16,28,60,1) 100%);
  background: -webkit-linear-gradient(top, rgba(1,3,14,1) 1%,rgba(16,28,60,1) 100%);
  background: linear-gradient(to bottom, rgba(1,3,14,1) 1%,rgba(16,28,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01030e', endColorstr='#101c3c', GradientType=0);
}

/*-- BLACK --*/

.bg-black{
  background-color: rgba(0,0,0,1);
  color: rgba(255,255,255,1);
}

.bg-black.opacity-100{
  background-color: rgba(0,0,0,1);
}

.bg-black.opacity-95{
  background-color: rgba(0,0,0,0.95);
}

.bg-black.opacity-90{
  background-color: rgba(0,0,0,0.9);
}

.bg-black.opacity-85{
  background-color: rgba(0,0,0,0.85);
}

.bg-black.opacity-80{
  background-color: rgba(0,0,0,0.8);
}

.bg-black.opacity-75{
  background-color: rgba(0,0,0,0.75);
}

.bg-black.opacity-70{
  background-color: rgba(0,0,0,0.7);
}

.bg-black.opacity-65{
  background-color: rgba(0,0,0,0.65);
}

.bg-black.opacity-60{
  background-color: rgba(0,0,0,0.6);
}

.bg-black.opacity-55{
  background-color: rgba(0,0,0,0.55);
}

.bg-black.opacity-50{
  background-color: rgba(0,0,0,0.5);
}

.bg-black.opacity-45{
  background-color: rgba(0,0,0,0.45);
}

.bg-black.opacity-40{
  background-color: rgba(0,0,0,0.4);
}

.bg-black.opacity-35{
  background-color: rgba(0,0,0,0.35);
}

.bg-black.opacity-30{
  background-color: rgba(0,0,0,0.3);
}

.bg-black.opacity-25{
  background-color: rgba(0,0,0,0.25);
}

.bg-black.opacity-20{
  background-color: rgba(0,0,0,0.2);
}

.bg-black.opacity-15{
  background-color: rgba(0,0,0,0.15);
}

.bg-black.opacity-10{
  background-color: rgba(0,0,0,0.1);
}

.bg-black.opacity-5{
  background-color: rgba(0,0,0,0.5);
}

.bg-black.opacity-0{
  background-color: rgba(0,0,0,0);
}

/*-- PINK --*/

.bg-pink{
  background-color: rgba(249,0,114,1);
  color: rgba(16,28,60,1);
}

.bg-pink.opacity-100{
  background-color: rgba(249,0,114,1);
}

.bg-pink.opacity-95{
  background-color: rgba(249,0,114,0.95);
}

.bg-pink.opacity-90{
  background-color: rgba(249,0,114,0.9);
}

.bg-pink.opacity-85{
  background-color: rgba(249,0,114,0.85);
}

.bg-pink.opacity-80{
  background-color: rgba(249,0,114,0.8);
}

.bg-pink.opacity-75{
  background-color: rgba(249,0,114,0.75);
}

.bg-pink.opacity-70{
  background-color: rgba(249,0,114,0.7);
}

.bg-pink.opacity-65{
  background-color: rgba(249,0,114,0.65);
}

.bg-pink.opacity-60{
  background-color: rgba(249,0,114,0.6);
}

.bg-pink.opacity-55{
  background-color: rgba(249,0,114,0.55);
}

.bg-pink.opacity-50{
  background-color: rgba(249,0,114,0.5);
}

.bg-pink.opacity-45{
  background-color: rgba(249,0,114,0.45);
}

.bg-pink.opacity-40{
  background-color: rgba(249,0,114,0.4);
}

.bg-pink.opacity-35{
  background-color: rgba(249,0,114,0.35);
}

.bg-pink.opacity-30{
  background-color: rgba(249,0,114,0.3);
}

.bg-pink.opacity-25{
  background-color: rgba(249,0,114,0.25);
}

.bg-pink.opacity-20{
  background-color: rgba(249,0,114,0.2);
}

.bg-pink.opacity-15{
  background-color: rgba(249,0,114,0.15);
}

.bg-pink.opacity-10{
  background-color: rgba(249,0,114,0.1);
}

.bg-pink.opacity-5{
  background-color: rgba(249,0,114,0.5);
}

.bg-pink.opacity-0{
  background-color: rgba(249,0,114,0);
}

/*-- WHITE --*/

.bg-white{
  background-color: rgba(255,255,255,1);
  color: rgba(16,28,60,1);
}

.bg-white.opacity-100{
  background-color: rgba(255,255,255,1);
}

.bg-white.opacity-95{
  background-color: rgba(255,255,255,0.95);
}

.bg-white.opacity-90{
  background-color: rgba(255,255,255,0.9);
}

.bg-white.opacity-85{
  background-color: rgba(255,255,255,0.85);
}

.bg-white.opacity-80{
  background-color: rgba(255,255,255,0.8);
}

.bg-white.opacity-75{
  background-color: rgba(255,255,255,0.75);
}

.bg-white.opacity-70{
  background-color: rgba(255,255,255,0.7);
}

.bg-white.opacity-65{
  background-color: rgba(255,255,255,0.65);
}

.bg-white.opacity-60{
  background-color: rgba(255,255,255,0.6);
}

.bg-white.opacity-55{
  background-color: rgba(255,255,255,0.55);
}

.bg-white.opacity-50{
  background-color: rgba(255,255,255,0.5);
}

.bg-white.opacity-45{
  background-color: rgba(255,255,255,0.45);
}

.bg-white.opacity-40{
  background-color: rgba(255,255,255,0.4);
}

.bg-white.opacity-35{
  background-color: rgba(255,255,255,0.35);
}

.bg-white.opacity-30{
  background-color: rgba(255,255,255,0.3);
}

.bg-white.opacity-25{
  background-color: rgba(255,255,255,0.25);
}

.bg-white.opacity-20{
  background-color: rgba(255,255,255,0.2);
}

.bg-white.opacity-15{
  background-color: rgba(255,255,255,0.15);
}

.bg-white.opacity-10{
  background-color: rgba(255,255,255,0.1);
}

.bg-white.opacity-5{
  background-color: rgba(255,255,255,0.5);
}

.bg-white.opacity-0{
  background-color: rgba(255,255,255,0);
}

/*-- YELLOW --*/

.bg-yellow{
  background-color: rgba(255,237,0,1);
  color: rgba(16,28,60,1);
}

.bg-yellow.opacity-100{
  background-color: rgba(255,237,0,1);
}

.bg-yellow.opacity-95{
  background-color: rgba(255,237,0,0.95);
}

.bg-yellow.opacity-90{
  background-color: rgba(255,237,0,0.9);
}

.bg-yellow.opacity-85{
  background-color: rgba(255,237,0,0.85);
}

.bg-yellow.opacity-80{
  background-color: rgba(255,237,0,0.8);
}

.bg-yellow.opacity-75{
  background-color: rgba(255,237,0,0.75);
}

.bg-yellow.opacity-70{
  background-color: rgba(255,237,0,0.7);
}

.bg-yellow.opacity-65{
  background-color: rgba(255,237,0,0.65);
}

.bg-yellow.opacity-60{
  background-color: rgba(255,237,0,0.6);
}

.bg-yellow.opacity-55{
  background-color: rgba(255,237,0,0.55);
}

.bg-yellow.opacity-50{
  background-color: rgba(255,237,0,0.5);
}

.bg-yellow.opacity-45{
  background-color: rgba(255,237,0,0.45);
}

.bg-yellow.opacity-40{
  background-color: rgba(255,237,0,0.4);
}

.bg-yellow.opacity-35{
  background-color: rgba(255,237,0,0.35);
}

.bg-yellow.opacity-30{
  background-color: rgba(255,237,0,0.3);
}

.bg-yellow.opacity-25{
  background-color: rgba(255,237,0,0.25);
}

.bg-yellow.opacity-20{
  background-color: rgba(255,237,0,0.2);
}

.bg-yellow.opacity-15{
  background-color: rgba(255,237,0,0.15);
}

.bg-yellow.opacity-10{
  background-color: rgba(255,237,0,0.1);
}

.bg-yellow.opacity-5{
  background-color: rgba(255,237,0,0.5);
}

.bg-yellow.opacity-0{
  background-color: rgba(255,237,0,0);
}

/*------------------------------
GRADIENT BACKGROUNDS
------------------------------*/

.fade-green-green{
  background: rgb(51,252,75);
  background: -moz-linear-gradient(top, rgba(51,252,75,1) 0%, rgba(51,252,75,1) 100%);
  background: -webkit-linear-gradient(top, rgba(51,252,75,1) 0%,rgba(51,252,75,1) 100%);
  background: linear-gradient(to bottom, rgba(51,252,75,1) 0%,rgba(51,252,75,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33fc4b', endColorstr='#33fc4b',GradientType=0);
}

.fade-grey-green{
  background: rgb(112,119,138);
  background: -moz-linear-gradient(top, rgba(112,119,138,1) 0%, rgba(51,252,75,1) 100%);
  background: -webkit-linear-gradient(top, rgba(112,119,138,1) 0%,rgba(51,252,75,1) 100%);
  background: linear-gradient(to bottom, rgba(112,119,138,1) 0%,rgba(51,252,75,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70778a', endColorstr='#33fc4b',GradientType=0);
}

.fade-light-green{
  background: rgb(236,237,240);
  background: -moz-linear-gradient(top, rgba(236,237,240,1) 0%, rgba(51,252,75,1) 100%);
  background: -webkit-linear-gradient(top, rgba(236,237,240,1) 0%,rgba(51,252,75,1) 100%);
  background: linear-gradient(to bottom, rgba(236,237,240,1) 0%,rgba(51,252,75,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecedf0', endColorstr='#33fc4b',GradientType=0);
}

.fade-navy-green{
  background: rgb(16,28,60);
  background: -moz-linear-gradient(top, rgba(16,28,60,1) 0%, rgba(51,252,75,1) 100%);
  background: -webkit-linear-gradient(top, rgba(16,28,60,1) 0%,rgba(51,252,75,1) 100%);
  background: linear-gradient(to bottom, rgba(16,28,60,1) 0%,rgba(51,252,75,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c3c', endColorstr='#33fc4b',GradientType=0);
}

.fade-pink-green{
  background: rgb(249,0,114);
  background: -moz-linear-gradient(top, rgba(249,0,114,1) 0%, rgba(51,252,75,1) 100%);
  background: -webkit-linear-gradient(top, rgba(249,0,114,1) 0%,rgba(51,252,75,1) 100%);
  background: linear-gradient(to bottom, rgba(249,0,114,1) 0%,rgba(51,252,75,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90072', endColorstr='#33fc4b',GradientType=0);
}

.fade-white-green{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(51,252,75,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(51,252,75,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(51,252,75,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#33fc4b',GradientType=0);
}

.fade-yellow-green{
  background: rgb(255,237,0);
  background: -moz-linear-gradient(top, rgba(255,237,0,1) 0%, rgba(51,252,75,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,237,0,1) 0%,rgba(51,252,75,1) 100%);
  background: linear-gradient(to bottom, rgba(255,237,0,1) 0%,rgba(51,252,75,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed00', endColorstr='#33fc4b',GradientType=0);
}

.fade-green-grey{
  background: rgb(51,252,75);
  background: -moz-linear-gradient(top, rgba(51,252,75,1) 0%, rgba(112,119,138,1) 100%);
  background: -webkit-linear-gradient(top, rgba(51,252,75,1) 0%,rgba(112,119,138,1) 100%);
  background: linear-gradient(to bottom, rgba(51,252,75,1) 0%,rgba(112,119,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33fc4b', endColorstr='#70778a',GradientType=0);
}

.fade-grey-grey{
  background: rgb(112,119,138);
  background: -moz-linear-gradient(top, rgba(112,119,138,1) 0%, rgba(112,119,138,1) 100%);
  background: -webkit-linear-gradient(top, rgba(112,119,138,1) 0%,rgba(112,119,138,1) 100%);
  background: linear-gradient(to bottom, rgba(112,119,138,1) 0%,rgba(112,119,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70778a', endColorstr='#70778a',GradientType=0);
}

.fade-light-grey{
  background: rgb(236,237,240);
  background: -moz-linear-gradient(top, rgba(236,237,240,1) 0%, rgba(112,119,138,1) 100%);
  background: -webkit-linear-gradient(top, rgba(236,237,240,1) 0%,rgba(112,119,138,1) 100%);
  background: linear-gradient(to bottom, rgba(236,237,240,1) 0%,rgba(112,119,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecedf0', endColorstr='#70778a',GradientType=0);
}

.fade-navy-grey{
  background: rgb(16,28,60);
  background: -moz-linear-gradient(top, rgba(16,28,60,1) 0%, rgba(112,119,138,1) 100%);
  background: -webkit-linear-gradient(top, rgba(16,28,60,1) 0%,rgba(112,119,138,1) 100%);
  background: linear-gradient(to bottom, rgba(16,28,60,1) 0%,rgba(112,119,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c3c', endColorstr='#70778a',GradientType=0);
}

.fade-pink-grey{
  background: rgb(249,0,114);
  background: -moz-linear-gradient(top, rgba(249,0,114,1) 0%, rgba(112,119,138,1) 100%);
  background: -webkit-linear-gradient(top, rgba(249,0,114,1) 0%,rgba(112,119,138,1) 100%);
  background: linear-gradient(to bottom, rgba(249,0,114,1) 0%,rgba(112,119,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90072', endColorstr='#70778a',GradientType=0);
}

.fade-white-grey{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(112,119,138,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(112,119,138,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(112,119,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#70778a',GradientType=0);
}

.fade-yellow-grey{
  background: rgb(255,237,0);
  background: -moz-linear-gradient(top, rgba(255,237,0,1) 0%, rgba(112,119,138,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,237,0,1) 0%,rgba(112,119,138,1) 100%);
  background: linear-gradient(to bottom, rgba(255,237,0,1) 0%,rgba(112,119,138,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed00', endColorstr='#70778a',GradientType=0);
}

.fade-green-light{
  background: rgb(51,252,75);
  background: -moz-linear-gradient(top, rgba(51,252,75,1) 0%, rgba(236,237,240,1) 100%);
  background: -webkit-linear-gradient(top, rgba(51,252,75,1) 0%,rgba(236,237,240,1) 100%);
  background: linear-gradient(to bottom, rgba(51,252,75,1) 0%,rgba(236,237,240,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33fc4b', endColorstr='#ecedf0',GradientType=0);
}

.fade-grey-light{
  background: rgb(112,119,138);
  background: -moz-linear-gradient(top, rgba(112,119,138,1) 0%, rgba(236,237,240,1) 100%);
  background: -webkit-linear-gradient(top, rgba(112,119,138,1) 0%,rgba(236,237,240,1) 100%);
  background: linear-gradient(to bottom, rgba(112,119,138,1) 0%,rgba(236,237,240,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70778a', endColorstr='#ecedf0',GradientType=0);
}

.fade-light-light{
  background: rgb(236,237,240);
  background: -moz-linear-gradient(top, rgba(236,237,240,1) 0%, rgba(236,237,240,1) 100%);
  background: -webkit-linear-gradient(top, rgba(236,237,240,1) 0%,rgba(236,237,240,1) 100%);
  background: linear-gradient(to bottom, rgba(236,237,240,1) 0%,rgba(236,237,240,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecedf0', endColorstr='#ecedf0',GradientType=0);
}

.fade-navy-light{
  background: rgb(16,28,60);
  background: -moz-linear-gradient(top, rgba(16,28,60,1) 0%, rgba(236,237,240,1) 100%);
  background: -webkit-linear-gradient(top, rgba(16,28,60,1) 0%,rgba(236,237,240,1) 100%);
  background: linear-gradient(to bottom, rgba(16,28,60,1) 0%,rgba(236,237,240,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c3c', endColorstr='#ecedf0',GradientType=0);
}

.fade-pink-light{
  background: rgb(249,0,114);
  background: -moz-linear-gradient(top, rgba(249,0,114,1) 0%, rgba(236,237,240,1) 100%);
  background: -webkit-linear-gradient(top, rgba(249,0,114,1) 0%,rgba(236,237,240,1) 100%);
  background: linear-gradient(to bottom, rgba(249,0,114,1) 0%,rgba(236,237,240,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90072', endColorstr='#ecedf0',GradientType=0);
}

.fade-white-light{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,237,240,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,237,240,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,237,240,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ecedf0',GradientType=0);
}

.fade-yellow-light{
  background: rgb(255,237,0);
  background: -moz-linear-gradient(top, rgba(255,237,0,1) 0%, rgba(236,237,240,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,237,0,1) 0%,rgba(236,237,240,1) 100%);
  background: linear-gradient(to bottom, rgba(255,237,0,1) 0%,rgba(236,237,240,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed00', endColorstr='#ecedf0',GradientType=0);
}

.fade-green-navy{
  background: rgb(51,252,75);
  background: -moz-linear-gradient(top, rgba(51,252,75,1) 0%, rgba(16,28,60,1) 100%);
  background: -webkit-linear-gradient(top, rgba(51,252,75,1) 0%,rgba(16,28,60,1) 100%);
  background: linear-gradient(to bottom, rgba(51,252,75,1) 0%,rgba(16,28,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33fc4b', endColorstr='#101c3c',GradientType=0);
}

.fade-grey-navy{
  background: rgb(112,119,138);
  background: -moz-linear-gradient(top, rgba(112,119,138,1) 0%, rgba(16,28,60,1) 100%);
  background: -webkit-linear-gradient(top, rgba(112,119,138,1) 0%,rgba(16,28,60,1) 100%);
  background: linear-gradient(to bottom, rgba(112,119,138,1) 0%,rgba(16,28,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70778a', endColorstr='#101c3c',GradientType=0);
}

.fade-light-navy{
  background: rgb(236,237,240);
  background: -moz-linear-gradient(top, rgba(236,237,240,1) 0%, rgba(16,28,60,1) 100%);
  background: -webkit-linear-gradient(top, rgba(236,237,240,1) 0%,rgba(16,28,60,1) 100%);
  background: linear-gradient(to bottom, rgba(236,237,240,1) 0%,rgba(16,28,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecedf0', endColorstr='#101c3c',GradientType=0);
}

.fade-navy-navy{
  background: rgb(16,28,60);
  background: -moz-linear-gradient(top, rgba(16,28,60,1) 0%, rgba(16,28,60,1) 100%);
  background: -webkit-linear-gradient(top, rgba(16,28,60,1) 0%,rgba(16,28,60,1) 100%);
  background: linear-gradient(to bottom, rgba(16,28,60,1) 0%,rgba(16,28,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c3c', endColorstr='#101c3c',GradientType=0);
}

.fade-pink-navy{
  background: rgb(249,0,114);
  background: -moz-linear-gradient(top, rgba(249,0,114,1) 0%, rgba(16,28,60,1) 100%);
  background: -webkit-linear-gradient(top, rgba(249,0,114,1) 0%,rgba(16,28,60,1) 100%);
  background: linear-gradient(to bottom, rgba(249,0,114,1) 0%,rgba(16,28,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90072', endColorstr='#101c3c',GradientType=0);
}

.fade-white-navy{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(16,28,60,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(16,28,60,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(16,28,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#101c3c',GradientType=0);
}

.fade-yellow-navy{
  background: rgb(255,237,0);
  background: -moz-linear-gradient(top, rgba(255,237,0,1) 0%, rgba(16,28,60,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,237,0,1) 0%,rgba(16,28,60,1) 100%);
  background: linear-gradient(to bottom, rgba(255,237,0,1) 0%,rgba(16,28,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed00', endColorstr='#101c3c',GradientType=0);
}

.fade-green-pink{
  background: rgb(51,252,75);
  background: -moz-linear-gradient(top, rgba(51,252,75,1) 0%, rgba(249,0,114,1) 100%);
  background: -webkit-linear-gradient(top, rgba(51,252,75,1) 0%,rgba(249,0,114,1) 100%);
  background: linear-gradient(to bottom, rgba(51,252,75,1) 0%,rgba(249,0,114,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33fc4b', endColorstr='#f90072',GradientType=0);
}

.fade-grey-pink{
  background: rgb(236,237,240);
  background: -moz-linear-gradient(top, rgba(112,119,138,1) 0%, rgba(249,0,114,1) 100%);
  background: -webkit-linear-gradient(top, rgba(112,119,138,1) 0%,rgba(249,0,114,1) 100%);
  background: linear-gradient(to bottom, rgba(112,119,138,1) 0%,rgba(249,0,114,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70778a', endColorstr='#f90072',GradientType=0);
}

.fade-light-pink{
  background: rgb(236,237,240);
  background: -moz-linear-gradient(top, rgba(236,237,240,1) 0%, rgba(249,0,114,1) 100%);
  background: -webkit-linear-gradient(top, rgba(236,237,240,1) 0%,rgba(249,0,114,1) 100%);
  background: linear-gradient(to bottom, rgba(236,237,240,1) 0%,rgba(249,0,114,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecedf0', endColorstr='#f90072',GradientType=0);
}

.fade-navy-pink{
  background: rgb(16,28,60);
  background: -moz-linear-gradient(top, rgba(16,28,60,1) 0%, rgba(249,0,114,1) 100%);
  background: -webkit-linear-gradient(top, rgba(16,28,60,1) 0%,rgba(249,0,114,1) 100%);
  background: linear-gradient(to bottom, rgba(16,28,60,1) 0%,rgba(249,0,114,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c3c', endColorstr='#f90072',GradientType=0);
}

.fade-pink-pink{
  background: rgb(249,0,114);
  background: -moz-linear-gradient(top, rgba(249,0,114,1) 0%, rgba(249,0,114,1) 100%);
  background: -webkit-linear-gradient(top, rgba(249,0,114,1) 0%,rgba(249,0,114,1) 100%);
  background: linear-gradient(to bottom, rgba(249,0,114,1) 0%,rgba(249,0,114,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90072', endColorstr='#f90072',GradientType=0);
}

.fade-white-pink{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,0,114,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,0,114,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,0,114,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f90072',GradientType=0);
}

.fade-yellow-pink{
  background: rgb(255,237,0);
  background: -moz-linear-gradient(top, rgba(255,237,0,1) 0%, rgba(249,0,114,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,237,0,1) 0%,rgba(249,0,114,1) 100%);
  background: linear-gradient(to bottom, rgba(255,237,0,1) 0%,rgba(249,0,114,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed00', endColorstr='#f90072',GradientType=0);
}

.fade-green-white{
  background: rgb(51,252,75);
  background: -moz-linear-gradient(top, rgba(51,252,75,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(51,252,75,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(51,252,75,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33fc4b', endColorstr='#ffffff',GradientType=0);
}

.fade-grey-white{
  background: rgb(112,119,138);
  background: -moz-linear-gradient(top, rgba(112,119,138,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(112,119,138,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(112,119,138,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70778a', endColorstr='#ffffff',GradientType=0);
}

.fade-light-white{
  background: rgb(236,237,240);
  background: -moz-linear-gradient(top, rgba(236,237,240,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(236,237,240,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(236,237,240,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecedf0', endColorstr='#ffffff',GradientType=0);
}

.fade-navy-white{
  background: rgb(16,28,60);
  background: -moz-linear-gradient(top, rgba(16,28,60,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(16,28,60,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(16,28,60,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c3c', endColorstr='#ffffff',GradientType=0);
}

.fade-pink-white{
  background: rgb(249,0,114);
  background: -moz-linear-gradient(top, rgba(249,0,114,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(249,0,114,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(249,0,114,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90072', endColorstr='#ffffff',GradientType=0);
}

.fade-white-white{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
}

.fade-yellow-white{
  background: rgb(255,237,0);
  background: -moz-linear-gradient(top, rgba(255,237,0,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,237,0,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,237,0,1) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed00', endColorstr='#ffffff',GradientType=0);
}


.fade-green-yellow{
  background: rgb(51,252,75);
  background: -moz-linear-gradient(top, rgba(51,252,75,1) 0%, rgba(255,237,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(51,252,75,1) 0%,rgba(255,237,0,1) 100%);
  background: linear-gradient(to bottom, rgba(51,252,75,1) 0%,rgba(255,237,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33fc4b', endColorstr='#ffed00',GradientType=0);
}

.fade-grey-yellow{
  background: rgb(112,119,138);
  background: -moz-linear-gradient(top, rgba(112,119,138,1) 0%, rgba(255,237,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(112,119,138,1) 0%,rgba(255,237,0,1) 100%);
  background: linear-gradient(to bottom, rgba(112,119,138,1) 0%,rgba(255,237,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70778a', endColorstr='#ffed00',GradientType=0);
}

.fade-light-yellow{
  background: rgb(236,237,240);
  background: -moz-linear-gradient(top, rgba(236,237,240,1) 0%, rgba(255,237,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(236,237,240,1) 0%,rgba(255,237,0,1) 100%);
  background: linear-gradient(to bottom, rgba(236,237,240,1) 0%,rgba(255,237,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecedf0', endColorstr='#ffed00',GradientType=0);
}

.fade-navy-yellow{
  background: rgb(16,28,60);
  background: -moz-linear-gradient(top, rgba(16,28,60,1) 0%, rgba(255,237,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(16,28,60,1) 0%,rgba(255,237,0,1) 100%);
  background: linear-gradient(to bottom, rgba(16,28,60,1) 0%,rgba(255,237,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#101c3c', endColorstr='#ffed00',GradientType=0);
}

.fade-pink-yellow{
  background: rgb(249,0,114);
  background: -moz-linear-gradient(top, rgba(249,0,114,1) 0%, rgba(255,237,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(249,0,114,1) 0%,rgba(255,237,0,1) 100%);
  background: linear-gradient(to bottom, rgba(249,0,114,1) 0%,rgba(255,237,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90072', endColorstr='#ffed00',GradientType=0);
}

.fade-white-yellow{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,237,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,237,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,237,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffed00',GradientType=0);
}

.fade-yellow-yellow{
  background: rgb(255,237,0);
  background: -moz-linear-gradient(top, rgba(255,237,0,1) 0%, rgba(255,237,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,237,0,1) 0%,rgba(255,237,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,237,0,1) 0%,rgba(255,237,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffed00', endColorstr='#ffed00',GradientType=0);
}

/*------------------------------
MODALS
------------------------------*/

.modal{
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
}

.modal > .modal-container{
  width: 100%;
  height: 100%;
}

.modal > .modal-container > .modal-close{
  position: absolute;
  top: 30px;
  right: 30px;
}

.modal > .modal-container > .modal-close > a{
  width: 30px;
  height: 30px;
  background-image: url('../img/_white/close.png');
}

.modal > .modal-container > .modal-close > a:hover{
  background-image: url('../img/_green/close.png');
}

.modal > .modal-container > .modal-content{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*------------------------------
IMAGES
------------------------------*/

img {
  max-width: 100%;
  vertical-align: bottom;
  image-rendering: -moz-crisp-edges;
  image-rendering:   -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

main .image{
  position: relative;
  margin-bottom: 60px;
}

main .parallax-image .image{
  position: absolute;
  margin: 0;
}


main .content-container > .image:last-child{
  margin-bottom: 0;
}

main .image img{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  height: auto !important;
}

/*-- CAPTIONS --*/

.image .caption{
  position: absolute;
  padding: 15px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(16,28,60,0.5);
  color: rgba(255,255,255,1);
}

.image .caption > .paragraph{
  margin-bottom: 0;
}

.image .caption > .paragraph > p{
  margin: 0;
}

/*------------------------------
VIDEOS
------------------------------*/

main div.video:not(.article){
  display: block;
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 60px;
}

main div.video.article-video{
  margin-top: 60px;
}

main div.video > iframe,
main .video > video{
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

main .video > video {
    object-fit: cover;
}

/*------------------------------
FORMS
------------------------------*/

input[type="time"],
input[type="date"],
input[type="number"],
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select{
  font-family: 'axia', sans-serif;
  text-transform: uppercase;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  display: block;
  border: 1px solid rgba(16,28,60,1);
  height: 39px;
  width: 100%;
  background-image: none;
  background-color: rgba(255,255,255,1);
  padding: 0 10px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -o-transition: all 250ms;
  -ms-transition: all 250ms;
  transition: all 250ms;
  outline: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

select::-ms-expand {
    display: none;
}

select optgroup{
  font-family: 'axia', sans-serif;
  text-transform: uppercase;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}

select option{
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}

.bg-black input[type="time"],
.bg-black input[type="date"],
.bg-black input[type="number"],
.bg-black input[type="text"],
.bg-black input[type="password"],
.bg-black input[type="color"],
.bg-black input[type="date"],
.bg-black input[type="datetime"],
.bg-black input[type="datetime-local"],
.bg-black input[type="email"],
.bg-black input[type="month"],
.bg-black input[type="number"],
.bg-black input[type="range"],
.bg-black input[type="search"],
.bg-black input[type="tel"],
.bg-black input[type="time"],
.bg-black input[type="url"],
.bg-black input[type="week"],
.bg-black textarea,
.bg-black select,
.bg-navy input[type="time"],
.bg-navy input[type="date"],
.bg-navy input[type="number"],
.bg-navy input[type="text"],
.bg-navy input[type="password"],
.bg-navy input[type="color"],
.bg-navy input[type="date"],
.bg-navy input[type="datetime"],
.bg-navy input[type="datetime-local"],
.bg-navy input[type="email"],
.bg-navy input[type="month"],
.bg-navy input[type="number"],
.bg-navy input[type="range"],
.bg-navy input[type="search"],
.bg-navy input[type="tel"],
.bg-navy input[type="time"],
.bg-navy input[type="url"],
.bg-navy input[type="week"],
.bg-navy textarea,
.bg-navy select{
  border: 1px solid rgba(255,255,255,1);
  color: rgba(255,255,255,1);
  background-color: rgba(16,28,60,1);
}

input[type="time"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus,

.bg-black input[type="time"]:focus,
.bg-black input[type="date"]:focus,
.bg-black input[type="number"]:focus,
.bg-black input[type="text"]:focus,
.bg-black input[type="password"]:focus,
.bg-black input[type="color"]:focus,
.bg-black input[type="date"]:focus,
.bg-black input[type="datetime"]:focus,
.bg-black input[type="datetime-local"]:focus,
.bg-black input[type="email"]:focus,
.bg-black input[type="month"]:focus,
.bg-black input[type="number"]:focus,
.bg-black input[type="range"]:focus,
.bg-black input[type="search"]:focus,
.bg-black input[type="tel"]:focus,
.bg-black input[type="time"]:focus,
.bg-black input[type="url"]:focus,
.bg-black input[type="week"]:focus,
.bg-black textarea:focus,
.bg-black select:focus,
.bg-navy input[type="time"]:focus,
.bg-navy input[type="date"]:focus,
.bg-navy input[type="number"]:focus,
.bg-navy input[type="text"]:focus,
.bg-navy input[type="password"]:focus,
.bg-navy input[type="color"]:focus,
.bg-navy input[type="date"]:focus,
.bg-navy input[type="datetime"]:focus,
.bg-navy input[type="datetime-local"]:focus,
.bg-navy input[type="email"]:focus,
.bg-navy input[type="month"]:focus,
.bg-navy input[type="number"]:focus,
.bg-navy input[type="range"]:focus,
.bg-navy input[type="search"]:focus,
.bg-navy input[type="tel"]:focus,
.bg-navy input[type="time"]:focus,
.bg-navy input[type="url"]:focus,
.bg-navy input[type="week"]:focus,
.bg-navy textarea:focus,
.bg-navy select:focus{
  outline:0;
  box-shadow: 0 0 5px rgba(255,237,0,1);
  border: 1px solid rgba(255,237,0,1);
}

.bg-black input::-webkit-input-placeholder,
.bg-navy input::-webkit-input-placeholder{
  color: rgba(255,255,255,1);
}

.bg-black input:-ms-input-placeholder,
.bg-navy input:-ms-input-placeholder{
  color: rgba(255,255,255,1);
}

.bg-black input::placeholder,
.bg-navy input::placeholder{
  color: rgba(255,255,255,1);
}

textarea{
  padding: 10px;
  height: 120px;
  line-height: normal;
  display: block;
  box-shadow: none;
}

.select{
  position: relative;
  display: block;
}

.select:after{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  z-index: 1;
  background-image: url('../img/_navy/arrow_small_down.png');
  background-size: 15px 7.5px;
  background-position: center center;
  background-repeat: no-repeat;
  pointer-events: none;
}

.bg-black .select:after,
.bg-navy .select:after{
  background-image: url('../img/_white/arrow_small_down.png');
}

.select:hover:after{
  background-image: url('../img/_yellow/arrow_small_down.png');
}

.select select{
  padding-right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.select select::-ms-expand{display:none;}



/*------------------------------
COLUMNS
------------------------------*/

.columns{
  position: relative;
  width: auto;
  margin-left: -60px;
  padding-bottom:10px;
}

.columns.extra-margin{
  padding-bottom: 30px;
}

.columns > .column{
  display: block;
  float: left;
  padding-left: 60px;
  position:relative;
}

.columns > .column > div:last-child{
  margin-bottom: 0 !important;
}

.columns.one > .column{
  width: 100%;
}

.columns.two > .column{
  width: 50%;
}

.columns.three > .column{
  width: 33.3333%;
}

.columns.four > .column{
  width: 25%;
}

.columns.five > .column{
  width: 20%;
}

/*------------------------------
UNEVEN COLUMNS
------------------------------*/

/*-- 90-10 --*/

.columns.two.columns-90-10 > .column:nth-child(odd){
  width: 90%;
}

.columns.two.columns-90-10 > .column:nth-child(even){
  width: 10%;
}

/*-- 80-20 --*/

.columns.two.columns-80-20 > .column:nth-child(odd){
  width: 80%;
}

.columns.two.columns-80-20 > .column:nth-child(even){
  width: 20%;
}

/*-- 70-30 --*/

.columns.two.columns-70-30 > .column:nth-child(odd){
  width: 70%;
}

.columns.two.columns-70-30 > .column:nth-child(even){
  width: 30%;
}

/*-- 60-40 --*/

.columns.two.columns-60-40 > .column:nth-child(odd){
  width: 60%;
}

.columns.two.columns-60-40 > .column:nth-child(even){
  width: 40%;
}

/*-- 50-50 --*/

.columns.two.columns-50-50 > .column:nth-child(odd){
  width: 50%;
}

.columns.two.columns-50-50 > .column:nth-child(even){
  width: 50%;
}

/*-- 40-60 --*/

.columns.two.columns-40-60 > .column:nth-child(odd){
  width: 40%;
}

.columns.two.columns-40-60 > .column:nth-child(even){
  width: 60%;
}

/*-- 30-70 --*/

.columns.two.columns-30-70 > .column:nth-child(odd){
  width: 30%;
}

.columns.two.columns-30-70 > .column:nth-child(even){
  width: 70%;
}

/*-- 20-80 --*/

.columns.two.columns-20-80 > .column:nth-child(odd){
  width: 20%;
}

.columns.two.columns-20-80 > .column:nth-child(even){
  width: 80%;
}

/*-- 10-90 --*/

.columns.two.columns-10-90 > .column:nth-child(odd){
  width: 10%;
}

.columns.two.columns-10-90 > .column:nth-child(even){
  width: 10%;
}

/*------------------------------
PAGINATION
------------------------------*/

.pagination{
  text-align: center;
  font-size: 0;
  margin-top: 30px;
}

.pagination > span,
.pagination > a{
  display: inline-block;
  text-align: center;
  background-color: transparent;
  color: rgba(16,28,60,1);
  margin: 0 2.5px;
  padding: 0 5px;
  border: 1px solid rgba(16,28,60,1);
  text-decoration: none;
  line-height: 25px;
  font-size: 16px;
  font-weight: normal;
  min-width: 27px;
}

.pagination > span.current,
.pagination > a.selected{
  background-color: rgba(16,28,60,1);
  border-color: rgba(16,28,60,1);
  color: rgba(255,255,255,1);
}

.pagination > a{

}

.pagination > a:hover{
  background-color: rgba(51,252,75,1);
  color: rgba(255,255,255,1);
  border-color: rgba(51,252,75,1);
}

/*------------------------------
HEADER
------------------------------*/

header.website-header{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  border-bottom: 1px solid rgba(255,255,255,0.25);
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.scrolled header.website-header{
  position: fixed;
  -webkit-box-shadow: 0px 0px 20px 5px rgba(16,28,60,0.33);
  -moz-box-shadow: 0px 0px 20px 5px rgba(16,28,60,0.33);
  box-shadow: 0px 0px 20px 5px rgba(16,28,60,0.33);
}

.menu-open header.website-header{
  position: fixed;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

header.website-header > .overlay{
  font-size: 0;
}

/*-- LOGO --*/

h2#logo{
  display: block;
  vertical-align: top;
  margin: 0;
  padding: 0 35px;
  float: left;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

#logo > a{
  display: block;
  width: 75px;
  height: 60px;
  border: 0;
  background-image: url('../img/logo_yellow.png');
  background-position: left center;
  vertical-align: top;
}

.wide-screen #logo > a{
  width: 150px;
  height: 120px;
}

.scrolled:not(.meganav-active) #logo > a,
.narrow-screen #logo > a{
  width: 75px;
  height: 60px;
}

#logo > a:hover{
  background-image: url('../img/logo_white.png');
}

/*------------------------------
MAIN NAV
------------------------------*/

nav.main-nav{
  display: inline-block;
  width: 60%;
  width: -webkit-calc(100% - 345px);
  width: -moz-calc(100% - 345px);
  width: calc(100% - 345px);
  vertical-align: top;
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.wide-screen nav.main-nav{
    width: 60%;
    width: -webkit-calc(100% - 540px);
    width: -moz-calc(100% - 540px);
    width: calc(100% - 540px);
}

.scrolled:not(.meganav-active) nav.main-nav{
    width: 60%;
    width: -webkit-calc(100% - 465px);
    width: -moz-calc(100% - 465px);
    width: calc(100% - 465px);
}

.narrow-screen.scrolled:not(.meganav-active) nav.main-nav,
.narrow-screen nav.main-nav{
    width: 60%;
    width: -webkit-calc(100% - 345px);
    width: -moz-calc(100% - 345px);
    width: calc(100% - 345px);
}

nav.main-nav > ul{

}

nav.main-nav > ul > li{
    position: relative;
    width: 14.28571428571429%;
    padding: 10px 0;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.wide-screen nav.main-nav > ul > li{
    padding: 40px 0;
}

.scrolled:not(.meganav-active) nav.main-nav > ul > li,
.narrow-screen nav.main-nav > ul > li{
    padding: 10px 0;
}

nav.main-nav > ul > li:last-child{

}

nav.main-nav > ul > li > a{
    display: inline-block;
    color: rgba(255,255,255,1);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 0;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid transparent;
}

nav.main-nav > ul > li.current-menu-item > a,
nav.main-nav > ul > li.current-menu-ancestor > a{
    border-bottom: 2px solid rgba(255,237,0,1);
}

.meganav-active nav.main-nav > ul > li.current-menu-item > a,
.meganav-active nav.main-nav > ul > li.current-menu-ancestor > a{
    border-bottom: 2px solid transparent;
}

nav.main-nav > ul > li.active > a,
nav.main-nav > ul > li.active > a:hover{
    color: rgba(255,237,0,1);
}

nav.main-nav > ul > li > a::after{
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 50%;
  margin-top: 15px;
  opacity: 0;
  background-image: url('../img/_yellow/close.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  line-height: 1px;
  vertical-align: top;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
  width: 2px;
  height: 2px;
}

nav.main-nav > ul > li.active > a::after{
  margin-left: -10px;
  margin-top: 15px;
  opacity: 1;
  background-image: url('../img/_yellow/close.png');
  width: 20px;
  height: 20px;
}

.narrow-screen nav.main-nav > ul > li.active > a::after{
  margin-left: -8px;
  margin-top: 8px;
  width: 16px;
  height: 16px;
}

nav.main-nav > ul > li > a:hover{
    color: rgba(255,255,255,1);
}

/*------------------------------
MEGANAV
------------------------------*/

.team-links,
.section-links{

}

.team-links > nav,
.section-links > nav{

}

nav.main-nav > ul > li.meganav{

}

nav.main-nav > ul > li.meganav.active{

}

.team-links > nav > ul,
.section-links > nav > ul,
nav.main-nav > ul > li.meganav > ul{
  display: none;
  pointer-events: none;
  position: fixed;
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.team-links > nav > ul,
.section-links > nav > ul{
  display: flex;
  position: relative;
  min-height: 600px;
  z-index: 1;
}

.team-links > nav > ul{
  flex-wrap: wrap;
}

nav.main-nav > ul > li.meganav:hover > ul{
  display: flex;
}

.team-links > nav > ul,
.section-links > nav > ul,
nav.main-nav > ul > li.meganav.active > ul{
  display: flex;
  pointer-events: auto;
  opacity: 1;
}

.team-links > nav > ul > li,
.section-links > nav > ul > li,
nav.main-nav > ul > li.meganav > ul > li{
  order: 0;
  flex-grow: 20;
  flex-shrink: 20;
  flex-basis: 10%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.team-links > nav > ul > li:hover,
.section-links > nav > ul > li:hover,
nav.main-nav > ul > li.meganav > ul > li:hover{
  flex-grow: 30;
  flex-basis: 20%;
}

.team-links > nav > ul > li,
.team-links > nav > ul > li:hover{
  padding-top: 30%;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 50%;
}

.team-links > nav > ul > li{
  background-size: 110%;
}

.team-links > nav > ul > li:hover{
  background-size: 125%;
}

.team-links > nav > ul > li > a,
.section-links > nav > ul > li > a,
nav.main-nav > ul > li.meganav > ul > li > a{
  position: absolute;
  padding-top: 60px;
  background-color: rgba(0,0,0,0.6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.wide-screen nav.main-nav > ul > li.meganav > ul > li > a{
  padding-top: 120px;
}

.scrolled:not(.meganav-active) nav.main-nav > ul > li.meganav > ul > li > a,
.narrow-screen nav.main-nav > ul > li.meganav > ul > li > a{
  padding-top: 60px;
}

.team-links > nav > ul > li:hover > a,
.section-links > nav > ul > li:hover > a,
nav.main-nav > ul > li.meganav > ul > li:hover > a{
  background-color: rgba(0,0,0,0);
}

nav.main-nav > ul > li.meganav > ul > li > a > .effect{
  position: absolute;
  display: block;
  background-color: rgba(255,255,255,1);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -ms-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -ms-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

nav.main-nav > ul > li.meganav > ul > li:nth-child(1) > a > .effect{
  -webkit-transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -ms-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  transition-delay: 250ms;
}

nav.main-nav > ul > li.meganav > ul > li:nth-child(2) > a > .effect{
  -webkit-transition-delay: 350ms;
  -moz-transition-delay: 350ms;
  -ms-transition-delay: 350ms;
  -o-transition-delay: 350ms;
  transition-delay: 350ms;
}

nav.main-nav > ul > li.meganav > ul > li:nth-child(3) > a > .effect{
  -webkit-transition-delay: 450ms;
  -moz-transition-delay: 450ms;
  -ms-transition-delay: 450ms;
  -o-transition-delay: 450ms;
  transition-delay: 450ms;
}

nav.main-nav > ul > li.meganav > ul > li:nth-child(4) > a > .effect{
  -webkit-transition-delay: 550ms;
  -moz-transition-delay: 550ms;
  -ms-transition-delay: 550ms;
  -o-transition-delay: 550ms;
  transition-delay: 550ms;
}

nav.main-nav > ul > li.meganav > ul > li:nth-child(5) > a > .effect{
  -webkit-transition-delay: 650ms;
  -moz-transition-delay: 650ms;
  -ms-transition-delay: 650ms;
  -o-transition-delay: 650ms;
  transition-delay: 650ms;
}

nav.main-nav > ul > li.meganav > ul > li:nth-child(6) > a > .effect{
  -webkit-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  -ms-transition-delay: 750ms;
  -o-transition-delay: 750ms;
  transition-delay: 750ms;
}

nav.main-nav > ul > li.meganav.active > ul > li > a > .effect{
  height: 0;
  top: auto;
}

.team-links > nav > ul > li > a > span,
.section-links > nav > ul > li > a > span,
nav.main-nav > ul > li.meganav > ul > li > a > span{
  position: absolute;
  display: inline-block;
  font-family: 'amboy-black', sans-serif;
  font-size: 48px;
  width: 100%;
  margin: 0 auto;
  padding: 120px 0 0 0;
  color: rgba(255,255,255,1);
  line-height: normal;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.team-links > nav > ul > li > a > span,
.section-links > nav > ul > li > a > span{
  padding-top: 0;
}

/*------------------------------
TOOLS NAV
------------------------------*/

nav.tools-nav{
  display: block;
  vertical-align: top;
  position: relative;
  padding: 0;
  margin: 0;
  float: right;
}

nav.tools-nav > ul{

}

nav.tools-nav > ul > li{
  position: relative;
  width: 50px;
  border-left: none;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.wide-screen nav.tools-nav > ul > li{
  width: 80px;
  border-left: 1px solid rgba(255,255,255,0.25);
}

.narrow-screen nav.tools-nav > ul > li{
    width: 50px;
    border-left: none;
}

nav.tools-nav > ul > li:last-child{

}

nav.tools-nav > ul > li > a{
  display: block;
  color: rgba(255,255,255,1);
  text-decoration: none;
  font-weight: 700;
  font-size: 10px;
  padding: 17.5px 0;
  white-space: nowrap;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.wide-screen nav.tools-nav > ul > li > a{
  padding: 32px 0;
}

.wide-screen nav.tools-nav > ul > li > a > span > span{
  display: none;
}

.scrolled:not(.meganav-active) nav.tools-nav > ul > li > a,
.narrow-screen nav.tools-nav > ul > li > a{
  padding: 17.5px 0;
}

nav.tools-nav > ul > li > a:hover{
  color: rgba(51,252,75,1);
}

/*-- DROPDOWN --*/

nav.tools-nav > ul > li > ul{
    display: none;
    list-style: none;
    padding: 5px;
    margin: 0;
    position: absolute;
    text-align: right;
    top: 60px;
    right: 0;
    background-color: rgba(255,255,255,0.9);
}

.wide-screen nav.tools-nav > ul > li > ul{
    top: 120px;
}

.scrolled:not(.meganav-active) nav.tools-nav > ul > li > ul,
.narrow-screen nav.tools-nav > ul > li > ul{
    top: 60px;
}

nav.tools-nav > ul > li > ul > li{
    position: relative;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(16,28,60,0.5);
}

nav.tools-nav > ul > li > ul > li:last-child{
    border-bottom: none;
}

nav.tools-nav > ul > li > ul > li > a{
    display: block;
    color: rgba(16,28,60,1);
    text-decoration: none;
    font-weight: 700;
    font-size: 10px;
    padding: 10px 15px;
    white-space: nowrap;
}

nav.tools-nav > ul > li > ul > li.sfHover > a,
nav.tools-nav > ul > li > ul > li > a:hover{
    background-color: rgba(16,28,60,1);
    color: rgba(255,255,255,1);
}

/*-- THIRD TIER --*/

nav.tools-nav > ul > li > ul > li > ul{
  display: block;
}

/*------------------------------
TOOLS NAV - ICONS
------------------------------*/

nav.tools-nav > ul > li > a > i{
  display: block;
  width: 100%;
  max-width: 25px;
  margin: 0 auto;
  margin-bottom: 0;
  height: 25px;
}

.wide-screen nav.tools-nav > ul > li > a > i{
  margin-bottom: 19px;
}

.scrolled:not(.meganav-active) nav.tools-nav > ul > li > a > i,
.narrow-screen nav.tools-nav > ul > li > a > i{
  margin-bottom: 0;
}

nav.tools-nav > ul > li > a > span{
  display: none;
}

.wide-screen nav.tools-nav > ul > li > a > span{
  display: block;
}

.scrolled:not(.meganav-active) nav.tools-nav > ul > li > a > span{
  display: none;
}

.narrow-screen nav.tools-nav > ul > li > a > span{
  display: none;
}

/*-- DATE --*/

nav.tools-nav > ul > li.date > a > i{
  background-image: url('../img/_white/icon_date.png');
}

nav.tools-nav > ul > li.date > a:hover > i{
  background-image: url('../img/_green/icon_date.png');
}

/*-- DESKTOP --*/

nav.tools-nav > ul > li.desktop > a > i{
  background-image: url('../img/_white/icon_desktop.png');
}

nav.tools-nav > ul > li.desktop > a:hover > i{
  background-image: url('../img/_green/icon_desktop.png');
}

/*-- EMAIL --*/

nav.tools-nav > ul > li.email > a > i{
  background-image: url('../img/_white/icon_email.png');
}

nav.tools-nav > ul > li.email > a:hover > i{
  background-image: url('../img/_green/icon_email.png');
}

/*-- EXTERNAL --*/

nav.tools-nav > ul > li.external > a > i{
  background-image: url('../img/_white/icon_external.png');
}

nav.tools-nav > ul > li.external > a:hover > i{
  background-image: url('../img/_green/icon_external.png');
}

/*-- LAPTOP --*/

nav.tools-nav > ul > li.laptop > a > i{
  background-image: url('../img/_white/icon_laptop.png');
}

nav.tools-nav > ul > li.laptop > a:hover > i{
  background-image: url('../img/_green/icon_laptop.png');
}

/*-- LOCATION --*/

nav.tools-nav > ul > li.location > a > i{
  background-image: url('../img/_white/icon_location.png');
}

nav.tools-nav > ul > li.location > a:hover > i{
  background-image: url('../img/_green/icon_location.png');
}

/*-- LOCKED --*/

nav.tools-nav > ul > li.locked > a > i{
  background-image: url('../img/_white/icon_locked.png');
}

nav.tools-nav > ul > li.locked > a:hover > i{
  background-image: url('../img/_green/icon_locked.png');
}

/*-- LOGIN --*/

nav.tools-nav > ul > li.login > a > i{
  background-image: url('../img/_white/icon_login.png');
}

nav.tools-nav > ul > li.login > a:hover > i{
  background-image: url('../img/_green/icon_login.png');
}

/*-- MEDIA --*/

nav.tools-nav > ul > li.media > a > i{
  background-image: url('../img/_white/icon_media.png');
}

nav.tools-nav > ul > li.media > a:hover > i{
  background-image: url('../img/_green/icon_media.png');
}

/*-- MINUS --*/

nav.tools-nav > ul > li.minus > a > i{
  background-image: url('../img/_white/icon_minus.png');
}

nav.tools-nav > ul > li.minus > a:hover > i{
  background-image: url('../img/_green/icon_minus.png');
}

/*-- MOBILE --*/

nav.tools-nav > ul > li.mobile > a > i{
  background-image: url('../img/_white/icon_mobile.png');
}

nav.tools-nav > ul > li.mobile > a:hover > i{
  background-image: url('../img/_green/icon_mobile.png');
}

/*-- PLUS --*/

nav.tools-nav > ul > li.plus > a > i{
  background-image: url('../img/_white/icon_plus.png');
}

nav.tools-nav > ul > li.plus > a:hover > i{
  background-image: url('../img/_green/icon_plus.png');
}

/*-- RSS --*/

nav.tools-nav > ul > li.rss > a > i{
  background-image: url('../img/_white/icon_rss.png');
}

nav.tools-nav > ul > li.rss > a:hover > i{
  background-image: url('../img/_green/icon_rss.png');
}

/*-- SEARCH --*/

nav.tools-nav > ul > li.search > a > i{
  background-image: url('../img/_white/icon_search.png');
}

nav.tools-nav > ul > li.search > a:hover > i{
  background-image: url('../img/_green/icon_search.png');
}

/*-- SEARCH : CLOSE; --*/

.search-open nav.tools-nav > ul > li.search > a > i{
  background-image: url('../img/_white/icon_close.png');
}

.search-open nav.tools-nav > ul > li.search > a:hover > i{
  background-image: url('../img/_green/icon_close.png');
}

/*-- TELEPHONE --*/

nav.tools-nav > ul > li.telephone > a > i{
  background-image: url('../img/_white/icon_telephone.png');
}

nav.tools-nav > ul > li.telephone > a:hover > i{
  background-image: url('../img/_green/icon_telephone.png');
}

/*-- TIME --*/

nav.tools-nav > ul > li.time > a > i{
  background-image: url('../img/_white/icon_time.png');
}

nav.tools-nav > ul > li.time > a:hover > i{
  background-image: url('../img/_green/icon_time.png');
}

/*-- UNLOCKED --*/

nav.tools-nav > ul > li.unlocked > a > i{
  background-image: url('../img/_white/icon_unlocked.png');
}

nav.tools-nav > ul > li.unlocked > a:hover > i{
  background-image: url('../img/_green/icon_unlocked.png');
}

/*-- USER --*/

nav.tools-nav > ul > li.user > a > i{
  background-image: url('../img/_white/icon_user.png');
}

nav.tools-nav > ul > li.user > a:hover > i{
  background-image: url('../img/_green/icon_user.png');
}

/*-- WEBSITE --*/

nav.tools-nav > ul > li.website > a > i{
  background-image: url('../img/_white/icon_website.png');
}

nav.tools-nav > ul > li.website > a:hover > i{
  background-image: url('../img/_green/icon_website.png');
}

/*-- WEAREDCL --*/

nav.tools-nav > ul > li.weare > a > i{
  background-image: url('../img/_white/icon_weare.png');
}

nav.tools-nav > ul > li.weare > a:hover > i{
  background-image: url('../img/_green/icon_weare.png');
}

/*-- MCDONALDS --*/

nav.tools-nav > ul > li.mcdonalds > a > i{
  background-image: url('../img/icon_mcdonalds.png');
}

nav.tools-nav > ul > li.mcdonalds > a:hover > i{
  background-image: url('../img/_white/icon_mcdonalds.png');
}


/*------------------------------
LANGUAGE SELECTOR
------------------------------*/

nav.tools-nav > ul > li.wpml-ls-item > a > i{
  background-image: url('../img/_white/arrow_small_down.png');
  margin: 0;
  width: 15px;
  height: 7.5px;
  position: absolute;
  left: 50%;
  margin-left: -7.5px;
  top: 26px;
  opacity: 0;
}

.wide-screen nav.tools-nav > ul > li.wpml-ls-item > a > i{
  top: 60px;
  opacity: 1;
}

.scrolled:not(.meganav-active) nav.tools-nav > ul > li.wpml-ls-item > a > i,
.narrow-screen nav.tools-nav > ul > li.wpml-ls-item > a > i{
  top: 26px;
  opacity: 0;
}

.scrolled:not(.meganav-active) nav.tools-nav > ul > li.wpml-ls-item > a > span,
nav.tools-nav > ul > li.wpml-ls-item > a > span{
  display: block;
}

nav.tools-nav > ul > li.wpml-ls-item > a > span > img.wpml-ls-flag{
  display: block;
  vertical-align: top;
  margin: 6.5px auto;
  width: 100%;
  max-width: 18px;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.wide-screen nav.tools-nav > ul > li.wpml-ls-item > a > span > img.wpml-ls-flag{
  margin: 6.5px auto 25.5px auto;
}

.scrolled:not(.meganav-active) nav.tools-nav > ul > li.wpml-ls-item > a > span > img.wpml-ls-flag,
.narrow-screen nav.tools-nav > ul > li.wpml-ls-item > a > span > img.wpml-ls-flag{
  margin: 6.5px auto;
}

.scrolled:not(.meganav-active) nav.tools-nav > ul > li.wpml-ls-item > a > span > img.wpml-ls-flag+span,
nav.tools-nav > ul > li.wpml-ls-item > a > span > img.wpml-ls-flag+span{
  display: none;
}

.wide-screen nav.tools-nav > ul > li.wpml-ls-item > a > span > img.wpml-ls-flag+span{
  display: block;
}


.narrow-screen nav.tools-nav > ul > li.wpml-ls-item > a > span > img.wpml-ls-flag+span{
  display: none;
}

/*-- DROPDOWN --*/

nav.tools-nav > ul > li.wpml-ls-item > ul > li > a > i{
  display: none;
}

nav.tools-nav > ul > li.wpml-ls-item > ul > li > a > span > img.wpml-ls-flag{
  display: block;
  position: absolute;
}

nav.tools-nav > ul > li.wpml-ls-item > ul > li > a > span > img.wpml-ls-flag+span {
  margin: 0;
  line-height: 12px;
  padding-left: 25px;
}

/*-- HIDING OF NON-DEFAULT LANGUAGES --*/

nav.tools-nav > ul > li.wpml-ls-item > ul.sub-menu > li.wpml-ls-item-fr,
nav.tools-nav > ul > li.wpml-ls-item > ul.sub-menu > li.wpml-ls-item-it,
nav.tools-nav.default-languages > ul > li.wpml-ls-item > ul.sub-menu > li.wpml-ls-item-fr,
nav.tools-nav.default-languages > ul > li.wpml-ls-item > ul.sub-menu > li.wpml-ls-item-it{
  display: none;
}

nav.tools-nav.all-languages > ul > li.wpml-ls-item > ul.sub-menu > li.wpml-ls-item-fr,
nav.tools-nav.all-languages > ul > li.wpml-ls-item > ul.sub-menu > li.wpml-ls-item-it{
  display: block;
}

/*------------------------------
MOBILE NAVIGATION
------------------------------*/

nav.mobile-nav{
    display: none;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 0;
}

.wide-screen nav.mobile-nav{
    padding-top: 45px;
    padding-bottom: 45px;
}

.scrolled:not(.meganav-active) nav.mobile-nav,
.narrow-screen nav.mobile-nav{
    padding-top: 15px;
    padding-bottom: 15px;
}

.hamburger{
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.hamburger span{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color:  rgba(255,255,255,1);
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
    top: 5px;
}

.hamburger span:nth-child(2) {
    top: 14px;
    width: 75%;
}

.hamburger span:nth-child(3) {
    top: 23px;
}

.menu-open .hamburger span:nth-child(1){
    top: 14px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.menu-open .hamburger span:nth-child(2){
    opacity: 0;
    left: -80px;
}

.menu-open .hamburger span:nth-child(3){
    top: 14px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/*------------------------------
MOBILE NAVIGATION (OPEN MENU)
------------------------------*/

.mobile-menu{
  display:block;
  position: fixed;
  z-index: 9998;
  left: 0;
  right: 0;
  top: 60px;
  height: 100%;
  height: -webkit-calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  bottom: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.wide-screen .mobile-menu{
  top: 120px;
  height: 100%;
  height: -webkit-calc(100% - 120px);
  height: -moz-calc(100% - 120px);
  height: calc(100% - 120px);
}

.scrolled:not(.meganav-active) .mobile-menu,
.narrow-screen .mobile-menu{
  top: 60px;
  height: 100%;
  height: -webkit-calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
}

.menu-open .mobile-menu{
  opacity: 1;
  pointer-events: all;
}

.mobile-menu > .overlay{
  padding: 0;
  overflow-y:auto;
  overflow-x:hidden;
}

.mobile-menu .effect{
  display: none;
}

/*-- MAIN NAV: FIRST TIER --*/

.mobile-menu nav.main-nav-mobile{
  padding: 15px 0;
}

.mobile-menu nav.main-nav-mobile > ul{

}

.mobile-menu nav.main-nav-mobile > ul > li{
  padding: 0;
}

.mobile-menu nav.main-nav-mobile > ul > li > a{
  display: block;
  text-transform: uppercase;
  color: rgba(255,255,255,1);
  font-weight: 700;
  font-size: 40px;
  padding: 15px 30px;
}

.mobile-menu nav.main-nav-mobile > ul > li.active > a,
.mobile-menu nav.main-nav-mobile > ul > li > a:hover{
  color: rgba(51,252,75,1);
}

.mobile-menu nav.main-nav-mobile > ul > li > a:before{
  display: block;
  position: absolute;
  left: 7.5px;
  top: 27.5px;
  content: '';
  width: 15px;
  height: 15px;
  opacity: 0.1;
  background-image: url('../img/_white/toggle_plus.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mobile-menu nav.main-nav-mobile > ul > li.active > a:before{
  opacity: 1;
  background-image: url('../img/_green/toggle_minus.png');
}

/*-- MAIN NAV: SECOND TIER --*/

.mobile-menu nav.main-nav-mobile > ul > li > ul.sub-menu{
  max-height: 1px;
  margin: 0;
  margin-top: -1px;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  list-style: none;
  background-color: rgba(255,255,255,0.05);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mobile-menu nav.main-nav-mobile > ul > li.active > ul.sub-menu{
  max-height: 400px;
  margin-top: 0;
  opacity: 1;
  overflow: visible;
  padding: 15px 0;
}

.mobile-menu nav.main-nav-mobile > ul > li > ul.sub-menu > li{
  background-image: none !important;
  padding: 0;
  margin: 0;
}

.mobile-menu nav.main-nav-mobile > ul > li > ul.sub-menu > li > a{
  display: block;
  padding: 15px 30px;
  text-transform: uppercase;
  font-size: 30px;
  color: rgba(255,255,255,1);
}

.mobile-menu nav.main-nav-mobile > ul > li > ul.sub-menu > li > a:hover{
  color: rgba(51,252,75,1);
}

/*-- MAIN NAV: THIRD TIER --*/

.mobile-menu nav.main-nav-mobile > ul > li > ul.sub-menu > li > ul{
  display: none;
}

/*-- TOOLS NAV --*/

.mobile-menu nav.tools-nav-mobile{
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 15px 0;
}

.mobile-menu nav.tools-nav-mobile > ul{

}

.mobile-menu nav.tools-nav-mobile > ul > li{

}

.mobile-menu nav.tools-nav-mobile > ul > li.wpml-ls-item{
  display: none;
}

.mobile-menu nav.tools-nav-mobile > ul > li > a{
    display: block;
    text-transform: uppercase;
    color: rgba(255,255,255,1);
    font-weight: 700;
    font-size: 35px;
    padding: 15px 30px;
}

.mobile-menu nav.tools-nav-mobile > ul > li > a:hover{
  color: rgba(51,252,75,1);
}

/*-- SOCIAL MEDIA --*/

.mobile-menu nav.social-media{
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 15px 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.mobile-menu nav.social-media > ul{
  display: table-row;
}

.mobile-menu nav.social-media > ul > li{
  display: table-cell;
}

.mobile-menu nav.social-media > ul > li > a{

}

.mobile-menu nav.social-media > ul > li > a > i{
  width: 45px;
  height: 45px;
}

/*------------------------------
FILTER NAV
------------------------------*/

nav.filter-nav{
  position: relative;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
}

nav.filter-nav ul{
    display: block;
    position: relative;
    list-style: none;
    font-size: 0;
    text-align: center;
    margin: 0;
    padding: 0;
}

nav.filter-nav ul > li{
  display: inline-block;
  position: relative;
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: normal;
  vertical-align: top;
  margin-right: 30px;
}

nav.filter-nav ul > li:last-child{
  margin-right: 0;
}

nav.filter-nav ul > li .sf-input-radio{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

nav.filter-nav ul > li label,
nav.filter-nav ul > li > a{
  display: block;
  color: rgba(16,28,60,1);
  border-bottom: 2px solid rgba(16,28,60,0);
  line-height: 50px;
  margin: 0;
  padding: 0 !important;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

nav.filter-nav ul > li label:hover,
nav.filter-nav ul > li > a:hover{
  color: rgba(249,0,114,1);
}

nav.filter-nav ul > li.sf-option-active label,
nav.filter-nav ul > li.active > a{
  border-bottom: 2px solid rgba(16,28,60,1);
}

.bg-black nav.filter-nav ul > li > a,
.bg-navy nav.filter-nav ul > li > a{
  color: rgba(255,255,255,1);
  border-bottom: 2px solid rgba(255,237,0,0);
}

.bg-black nav.filter-nav ul > li > a:hover,
.bg-navy nav.filter-nav ul > li > a:hover{
  color: rgba(255,237,0,1);
}

.bg-black nav.filter-nav ul > li.active > a,
.bg-navy nav.filter-nav ul > li.active > a{
  border-bottom: 2px solid rgba(255,237,0,1);
}

/*-- YELLOW --*/

nav.filter-nav ul > li.tab-yellow.active > a{
  color: rgba(255,237,0,1) !important;
  border-bottom: 2px solid rgba(255,237,0,1) !important;
}

nav.filter-nav ul > li.tab-yellow > a:hover{
  color: rgba(255,237,0,1) !important;
}

/*-- GREEN --*/

nav.filter-nav ul > li.tab-green.active > a{
  color: rgba(51,252,75,1) !important;
  border-bottom: 2px solid rgba(51,252,75,1) !important;
}

nav.filter-nav ul > li.tab-green > a:hover{
  color: rgba(51,252,75,1) !important;
}

/*-- PINK --*/

nav.filter-nav ul > li.tab-pink.active > a{
  color: rgba(249,0,114,1) !important;
  border-bottom: 2px solid rgba(249,0,114,1) !important;
}

nav.filter-nav ul > li.tab-pink > a:hover{
  color: rgba(249,0,114,1) !important;
}

/*------------------------------
FOOTER
------------------------------*/

footer{

}

footer > div{

}

footer > div > .overlay{

}

/*-- GLOBAL PARTNERS --*/

footer > div.footer-partners{

}

footer > div.footer-partners > .overlay{
  padding: 80px 0;
}

/*-- GLOBAL PARTNERS: LOGOS --*/

.partners{
  margin-top: 30px;
}

.partners .partner{
  display: inline-block;
  margin: 0 30px;
}

.partners .partner a{
  display: inline-block;
  height: 90px;
}

.partners .slick-slide{
  outline: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.partners .slick-slide a{
  pointer-events: none;
}

.partners .slick-slide.slick-center a{
  pointer-events: auto;
}

/*-- FOOTER LINKS --*/

footer > div.footer-links{
  border-top: 1px solid rgba(76,85,109,1);
}

footer > div.footer-links > .overlay{

}

footer > div.footer-links > .overlay > .right{

}

footer > div.footer-links > .overlay > .left{
  width: 60%;
  width: -webkit-calc(100% - 342px);
  width: -moz-calc(100% - 342px);
  width: calc(100% - 342px);
}

/*-- COPYRIGHT --*/

footer > div.footer-copyright{

}

footer > div.footer-copyright > .overlay{
  padding: 15px 0;
}

footer > div.footer-copyright ul{

}

footer > div.footer-copyright ul > li{
  margin-right: 30px;
}

footer > div.footer-copyright ul > li:last-child{
  margin-right: 0;
}

footer > div.footer-copyright p,
footer > div.footer-copyright a{
  font-size: 0.8em;
  vertical-align: top;
  display: inline-block;
  line-height: 30px;
  margin: 0;
}

footer > div.footer-copyright a.graphic.thq{
  background-image: url("../img/thqnordic.png");
  margin-left: 2.5px;
  vertical-align: top;
  width: 75px;
  height: 30px;
}

/*------------------------------
FOOTER NAVIGATION
------------------------------*/

nav.footer-nav{
  display: table;
  table-layout: fixed;
  width: 100%;
}

nav.footer-nav > ul{
  display: table-row;
}

nav.footer-nav > ul > li{
  display: table-cell;
  border-right: 1px solid rgba(255,255,255,0.25);
}

nav.footer-nav > ul > li:last-child{
  border-right: none;
}

nav.footer-nav > ul > li > a{
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
  padding: 31.5px 15px;
  color: rgba(255,255,255,1);
}

nav.footer-nav > ul > li > a:hover{
  color: rgba(51,252,75,1);
}

/*------------------------------
FOOTER SOCIAL MEDIA LINKS
------------------------------*/

footer nav.social-media{

}

footer nav.social-media > ul{

}

footer nav.social-media > ul > li{
  border-left: 1px solid rgba(255,255,255,0.25);
}

footer nav.social-media > ul > li > a{
  padding: 22.5px;
}

footer nav.social-media > ul > li > a > i{
  width: 35px;
  height: 35px;
}

/*------------------------------
SOCIAL MEDIA LINKS
------------------------------*/

.social-media{

}

.social-media > ul{

}

.social-media > ul > li{
}

.social-media > ul > li > a{
  display: block;
  font-size: 0;
}

.social-media > ul > li > a > i{
  width: 45px;
  height: 45px;
}

/*------------------------------
SOCIAL MEDIA ICONS
------------------------------*/

/*-- ANDROID --*/

.social-media > ul > li.android > a > i{
  background-image: url('../img/_white/link_android.png');
}

.social-media > ul > li.android > a:hover > i{
  background-image: url('../img/_green/link_android.png');
}

/*-- APPLE --*/

.social-media > ul > li.apple > a > i{
  background-image: url('../img/_white/link_apple.png');
}

.social-media > ul > li.apple > a:hover > i{
  background-image: url('../img/_green/link_apple.png');
}

/*-- APPSTORE --*/

.social-media > ul > li.appstore > a > i{
  background-image: url('../img/_white/link_appstore.png');
}

.social-media > ul > li.appstore > a:hover > i{
  background-image: url('../img/_green/link_appstore.png');
}

/*-- DROPBOX --*/

.social-media > ul > li.dropbox > a > i{
  background-image: url('../img/_white/link_dropbox.png');
}

.social-media > ul > li.dropbox > a:hover > i{
  background-image: url('../img/_green/link_dropbox.png');
}

/*-- FACEBOOK --*/

.social-media > ul > li.facebook > a > i{
  background-image: url('../img/_white/link_facebook.png');
}

.social-media > ul > li.facebook > a:hover > i{
  background-image: url('../img/_green/link_facebook.png');
}

/*-- FLICKR --*/

.social-media > ul > li.flickr > a > i{
  background-image: url('../img/_white/link_flickr.png');
}

.social-media > ul > li.flickr > a:hover > i{
  background-image: url('../img/_green/link_flickr.png');
}

/*-- GOOGLE PLAY --*/

.social-media > ul > li.googleplay > a > i{
  background-image: url('../img/_white/link_googleplay.png');
}

.social-media > ul > li.googleplay > a:hover > i{
  background-image: url('../img/_green/link_googleplay.png');
}

/*-- INSTAGRAM --*/

.social-media > ul > li.instagram > a > i{
  background-image: url('../img/_white/link_instagram.png');
}

.social-media > ul > li.instagram > a:hover > i{
  background-image: url('../img/_green/link_instagram.png');
}

/*-- LINKED IN --*/

.social-media > ul > li.linkedin > a > i{
  background-image: url('../img/_white/link_linkedin.png');
}

.social-media > ul > li.linkedin > a:hover > i{
  background-image: url('../img/_green/link_linkedin.png');
}

/*-- MICROSOFT --*/

.social-media > ul > li.microsoft > a > i{
  background-image: url('../img/_white/link_microsoft.png');
}

.social-media > ul > li.microsoft > a:hover > i{
  background-image: url('../img/_green/link_microsoft.png');
}

/*-- PINTEREST --*/

.social-media > ul > li.pinterest > a > i{
  background-image: url('../img/_white/link_pinterest.png');
}

.social-media > ul > li.pinterest > a:hover > i{
  background-image: url('../img/_green/link_pinterest.png');
}

/*-- PLAYSTATION --*/

.social-media > ul > li.playstation > a > i{
  background-image: url('../img/_white/link_playstation.png');
}

.social-media > ul > li.playstation > a:hover > i{
  background-image: url('../img/_green/link_playstation.png');
}

/*-- SKYPE --*/

.social-media > ul > li.skype > a > i{
  background-image: url('../img/_white/link_skype.png');
}

.social-media > ul > li.skype > a:hover > i{
  background-image: url('../img/_green/link_skype.png');
}

/*-- SNAPCHAT --*/

.social-media > ul > li.snapchat > a > i{
  background-image: url('../img/_white/link_snapchat.png');
}

.social-media > ul > li.snapchat > a:hover > i{
  background-image: url('../img/_green/link_snapchat.png');
}

/*-- STEAM --*/

.social-media > ul > li.steam > a > i{
  background-image: url('../img/_white/link_steam.png');
}

.social-media > ul > li.steam > a:hover > i{
  background-image: url('../img/_green/link_steam.png');
}

/*-- THQ --*/

.social-media > ul > li.thq > a > i{
  background-image: url('../img/_white/link_thq.png');
}

.social-media > ul > li.thq > a:hover > i{
  background-image: url('../img/_green/link_thq.png');
}

/*-- TIKTOK --*/

.social-media > ul > li.tiktok > a > i{
  background-image: url('../img/_white/link_tiktok.png');
}

.social-media > ul > li.tiktok > a:hover > i{
  background-image: url('../img/_green/link_tiktok.png');
}

/*-- TWITCH --*/

.social-media > ul > li.twitch > a > i{
  background-image: url('../img/_white/link_twitch.png');
}

.social-media > ul > li.twitch > a:hover > i{
  background-image: url('../img/_green/link_twitch.png');
}

/*-- TWITTER --*/

.social-media > ul > li.twitter > a > i{
  background-image: url('../img/_white/link_twitter.png');
}

.social-media > ul > li.twitter > a:hover > i{
  background-image: url('../img/_green/link_twitter.png');
}

/*-- VIMEO --*/

.social-media > ul > li.vimeo > a > i{
  background-image: url('../img/_white/link_vimeo.png');
}

.social-media > ul > li.vimeo > a:hover > i{
  background-image: url('../img/_green/link_vimeo.png');
}

/*-- VK --*/

.social-media > ul > li.vk > a > i{
  background-image: url('../img/_white/link_vk.png');
}

.social-media > ul > li.vk > a:hover > i{
  background-image: url('../img/_green/link_vk.png');
}

/*-- WEIBO --*/

.social-media > ul > li.weibo > a > i{
  background-image: url('../img/_white/link_weibo.png');
}

.social-media > ul > li.weibo > a:hover > i{
  background-image: url('../img/_green/link_weibo.png');
}

/*-- WEIXIN --*/

.social-media > ul > li.weixin > a > i{
  background-image: url('../img/_white/link_weixin.png');
}

.social-media > ul > li.weixin > a:hover > i{
  background-image: url('../img/_green/link_weixin.png');
}

/*-- WHATSAPP --*/

.social-media > ul > li.whatsapp > a > i{
  background-image: url('../img/_white/link_whatsapp.png');
}

.social-media > ul > li.whatsapp > a:hover > i{
  background-image: url('../img/_green/link_whatsapp.png');
}

/*-- WINDOWS --*/

.social-media > ul > li.windows > a > i{
  background-image: url('../img/_white/link_windows.png');
}

.social-media > ul > li.windows > a:hover > i{
  background-image: url('../img/_green/link_windows.png');
}

/*-- XBOX --*/

.social-media > ul > li.xbox > a > i{
  background-image: url('../img/_white/link_xbox.png');
}

.social-media > ul > li.xbox > a:hover > i{
  background-image: url('../img/_green/link_xbox.png');
}

/*-- XING --*/

.social-media > ul > li.xing > a > i{
  background-image: url('../img/_white/link_xing.png');
}

.social-media > ul > li.xing > a:hover > i{
  background-image: url('../img/_green/link_xing.png');
}

/*-- YOUTUBE --*/

.social-media > ul > li.youtube > a > i{
  background-image: url('../img/_white/link_youtube.png');
}
.social-media > ul > li.youtube > a:hover > i{
  background-image: url('../img/_green/link_youtube.png');
}

/*------------------------------
SEARCH MODAL
------------------------------*/

/*-- AJAX SEARCH OVERRIDES --*/

.search-modal{
  display: none;
}

.search-open .search-modal{
  display: block;
}

.search-modal #ajaxsearchlite1,
.search-modal div.asl_w{
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.search-modal #ajaxsearchlite1 .probox,
.search-modal div.asl_w .probox {
    height: auto;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.search-modal #ajaxsearchlite1 .probox .promagnifier,
.search-modal div.asl_w .probox .promagnifier{
  display: none;
}

.search-modal #ajaxsearchlite1 .probox .prosettings,
.search-modal div.asl_w .probox .prosettings{
  display: none;
}

.search-modal #ajaxsearchlite1 .probox .proinput,
.search-modal div.asl_w .probox .proinput{
  margin: 0;
  padding: 0;
  float: none;
  font-weight: inherit;
  font-family: inherit;
  color: rgba(255,255,255,1) !important;
  font-size: inherit;
  line-height: normal !important;
  text-shadow: none;
}

.search-modal #ajaxsearchlite1 .probox .proclose,
.search-modal div.asl_w .probox .proclose,
.search-modal #ajaxsearchlite1 .probox .proloading,
.search-modal div.asl_w .probox .proloading{
  position: absolute;
  z-index: 900;
  background-color: rgba(16,28,60,1);
  float: none;
  top: 0;
  right: 0;
  left: auto;
  bottom: 0;
  width: 45px;
  height: 70px;
  padding: 15px 2.5px;
}

.search-modal #ajaxsearchlite1 .probox .proclose svg,
.search-modal div.asl_m .probox .proclose svg{
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  width: 40px;
  height: 40px;
  fill: rgba(255,255,255,1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.search-modal #ajaxsearchlite1 .probox .proclose:hover svg,
.search-modal div.asl_m .probox .proclose:hover svg{
  fill: rgba(51,252,75,1);
}

.search-modal #ajaxsearchlite1 .probox div.asl_simple-circle,
.search-modal div.asl_w .probox div.asl_simple-circle {
    border: 4px solid rgba(255,255,255,1);
}

/*-- SEARCH MODAL--*/

.search-modal{
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 9999;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1340px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.search-modal > .overlay{
  padding: 30px 0;
}

.search-modal h4{
  font-family: 'axia', sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
}

.search-open .search-modal{
  opacity: 1;
  pointer-events: auto;
}

/*-- SEARCH FIELD CONTAINER --*/

.search-modal .search,
.search-modal #ajaxsearchlite1 .probox,
.search-modal div.asl_w .probox{
  border-bottom: 1px solid rgba(255,255,255,1) !important;
  position: relative;
}

/*-- SEARCH FIELD --*/

.search-modal .search-input,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig,
.search-modal div.asl_w .probox .proinput input.orig{
    font-family: 'axia', sans-serif;
    font-size: 40px;
    display: block;
    border: none !important;
    height: 70px;
    line-height: 70px !important;
    width: 100%;
    background: transparent;
    background-image: none;
    background-color: transparent;
    color: rgba(255,255,255,1) !important;
    padding: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.search-modal .search-input:focus,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig:focus,
.search-modal div.asl_w .probox .proinput input.orig:focus{
    outline: 0;
    box-shadow: none;
    border: none;
}

.search-modal .search-input::-webkit-input-placeholder,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig::-webkit-input-placeholder,
.search-modal div.asl_w .probox .proinput input.orig::-webkit-input-placeholder{
  color: rgba(255,255,255,1) !important;
}

.search-modal .search-input:-ms-input-placeholder,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig:-ms-input-placeholder,
.search-modal div.asl_w .probox .proinput input.orig:-ms-input-placeholder{
  color: rgba(255,255,255,1) !important;
}

.search-modal .search-input::placeholder,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig::placeholder,
.search-modal div.asl_w .probox .proinput input.orig::placeholder{
  color: rgba(255,255,255,1) !important;
}

/*-- SEARCH BUTTON --*/

.search-modal .search-submit,
.search-modal #ajaxsearchlite1 .probox .proinput input[type=submit],
.search-modal div.asl_w .probox .proinput input[type=submit]{
  display: block;
  position: absolute;
  z-index: 800;
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  outline: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  background-image: none;
  background-color: transparent;
  font-family: 'axia', sans-serif;
  font-size: 0;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
  background-image: url('../img/_white/search.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: rgba(255,255,255,1) !important;
  width: 45px !important;
  height: 70px !important;
  visibility: visible !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.search-modal .search-submit:hover,
.search-modal #ajaxsearchlite1 .probox .proinput input[type=submit]:hover,
.search-modal div.asl_w .probox .proinput input[type=submit]:hover{
  background-image: url('../img/_green/search.png');
}

/*-- SEARCH RESULTS --*/

#ajaxsearchliteres1,
div.asl_r.vertical {
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    max-width: 1340px;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: none;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transform: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}


.search-open #ajaxsearchliteres1,
.search-open div.asl_r.vertical{
    pointer-events: all;
}


#ajaxsearchliteres1 > .overlay,
div.asl_r.vertical > .overlay{
  padding: 0;
  display: none;
  pointer-events: none;
}

.search-open #ajaxsearchliteres1.asl_an_fadeInDrop > .overlay,
.search-open div.asl_r.vertical.asl_an_fadeInDrop > .overlay{
  padding: 10px 0 60px;
  display: block;
  pointer-events: none;
}

#ajaxsearchliteres1 > .overlay > .content-container,
div.asl_r.vertical > .overlay > .content-container{
    margin: 0 auto;
    padding: 0 30px;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#ajaxsearchliteres1 > .overlay > .content-container > .results,
div.asl_r.vertical > .overlay > .content-container > .results{
    pointer-events: auto;
    border-top: 1px solid rgba(255,255,255,0.25);
    border-bottom: 1px solid rgba(255,255,255,0.25);
}

#ajaxsearchliteres1 .results .item,
div.asl_r .results .item {
    padding: 14px;
    background: transparent;
    background-color: transparent;
    color: rgba(255,255,255,1);
    border-left: 1px solid rgba(255,255,255,0.25);
    border-right: 1px solid rgba(255,255,255,0.25);
    border-radius: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#ajaxsearchliteres1 .results .item:first-child,
div.asl_r.vertical .results .item:first-child {
}

#ajaxsearchliteres1 .results .item:hover,
div.asl_r .results .item:hover {
    background-color: rgba(255,255,255,0.1);
}

#ajaxsearchliteres1 .results .asl_spacer,
div.asl_r.vertical .results .asl_spacer {
    background: none repeat scroll 0 0 rgba(255,255,255,0.25);
}

#ajaxsearchliteres1 .mCSBap_scrollTools .mCSBap_draggerRail,
div.asl_w .mCSBap_scrollTools .mCSBap_draggerRail{
    background-color: rgba(255,255,255,0.4);
}

#ajaxsearchliteres1 .mCSBap_scrollTools .mCSBap_buttonUp,
div.asl_r .mCSBap_scrollTools .mCSBap_buttonUp {
    border-color: transparent transparent rgba(255,255,255,1) transparent;
}

#ajaxsearchliteres1 .mCSBap_scrollTools .mCSBap_buttonDown,
div.asl_r .mCSBap_scrollTools .mCSBap_buttonDown {
    border-color: rgba(255,255,255,1) transparent transparent transparent;
}

#ajaxsearchliteres1 .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3{
    line-height: normal;
    font-weight: 400;
    font-family: 'axia', sans-serif;
    color: rgba(255,255,255,1);
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: none;
}

#ajaxsearchliteres1 .results .item .asl_content h3 a,
div.asl_r .results .item .asl_content h3 a{
    line-height: normal;
    font-weight: 400;
    font-family: 'axia', sans-serif;
    color: rgba(255,255,255,1);
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: none;
}

#ajaxsearchliteres1 .results .item:hover .asl_content h3 a,
div.asl_r .results .item:hover .asl_content h3 a{
    color: rgba(51,252,75,1);
}

#ajaxsearchliteres1 .results .item .asl_content .asl_desc,
div.asl_r .results .item .asl_content .asl_desc {
    margin-top: 4px;
    font-size: 12px;
    line-height: normal;
}

/*-- NO RESULTS --*/

#ajaxsearchliteres1 .results .asl_nores,
div.asl_r .results .asl_nores {
    line-height: normal;
    margin: 0;
    border: 1px solid rgba(255,255,255,0.25);
    background: transparent;
    background-color: transparent;
    padding: 15px;
    color: rgba(255,255,255,1);
}

#ajaxsearchliteres1 .results .asl_nores > span,
div.asl_r .results .asl_nores > span{
    font-weight: 400;
    font-family: 'axia', sans-serif;
    color: rgba(255,255,255,1);
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: none;
}

/*------------------------------
ARTICLES
------------------------------*/

.articles{

}

.articles article{

}

.articles article > .article{

}

.articles article > .article > .article-overlay{
  display: none;
}

.articles article > .article > .article-image{

}

.articles article > .article > .article-details{

}

.articles article > .article > .article-details > h4{

}

.articles article > .article > .article-details > .article-info{

}

.articles article > .article > .article-details > .excerpt{
  margin: 0;
}

/*-- GRID --*/

.articles.grid{
    margin-left: -90px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

.articles.grid article{
    flex: 0 1 33.3333%;
    padding-left: 90px;
    margin-bottom: 60px;
}

.articles.grid article > .article{
    height: 100%;
    position: relative;
    max-width: 100%;
    padding: 0;
    transform: translate3d(0,0,0);
    transition: .3s all;
    overflow: hidden;
}

.articles.grid article > .article:hover {
    transform: translateY(-0.2rem);
}

.articles.grid article > .article > .article-overlay{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  padding-top: 100%;
  background-color: rgba(16,28,60,0.75);
  z-index: 1;
  pointer-events: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.articles.grid article > .article:hover > .article-overlay{
  background-color: rgba(16,28,60,0);
}

.articles.grid article > .article > .article-overlay > i{
  position: absolute;
  z-index: 2;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
}

.articles.grid article > .article.news > .article-overlay > i{
  background-image: url('../img/_white/media_news.png');
}

.articles.grid article > .article.gallery > .article-overlay > i{
  background-image: url('../img/_white/media_gallery.png');
}

.articles.grid article > .article.video > .article-overlay > i{
  background-image: url('../img/_white/media_video.png');
}

.articles.grid article > .article > .article-image{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1);
    transition: .5s all;
}

.articles.grid article > .article > .article-image img{
  display: block;
  width: 100%;
  height: auto;
}

.articles.grid article > .article:hover > .article-image{
    transform: scale(1.1);
}

.articles.grid article > .article > .article-details{
  position: relative;
  padding-top: 30px;
  z-index: 1;
}

.articles.grid article > .article > .article-details > h4{
  margin: 0;
  margin-bottom: 15px;
}

.articles.grid article > .article > .article-details > h4 > a{
  color: rgba(16,28,60,1);
}

.articles.grid article > .article:hover > .article-details > h4 > a{

}


.articles.grid article > .article > .article-details > .excerpt{
  display: none;
}

.articles.grid article > .article > .article-details > .article-info{

}

/*-- LIST --*/

.articles.list{

}

.articles.list article{
    margin-bottom: 10px;
}

.articles.list article:last-child{
    margin-bottom: 0;
}

.articles.list article > .article{
    background-color: transparent !important;
}

.articles.list article > .article > .article-image{
    display: none;
}

.articles.list article > .article > .article-details{
  padding: 30px;
}

.articles.list article > .article > .article-details > .article-info{

}

/*-- SEARCH RESULTS --*/

.articles article > .article.search > .article-details > h4{
  margin-top: 0;
  margin-bottom: 10px;
}

.articles article > .article.search > .article-details > .paragraph{
  margin-bottom: 10px;
}

.articles article > .article.search > .article-details > .paragraph.url{
  margin-bottom: 0;
}

.articles article > .article.search > .article-details > .paragraph.url > p{
  font-size: 0.7em;
}

.articles article > .article.search > .article-details > .paragraph.url > p > a{
  color: rgba(249,0,114,1);
}

/*------------------------------
FILTERING
------------------------------*/

.type-gallery > .articles.grid article > .article.gallery,
.type-news > .articles.grid article > .article.news,
.type-all > .articles.grid article > .article.news,
.type-all > .articles.grid article > .article.gallery{
  opacity: 1;
}

.type-gallery > .articles.grid article > .article.news,
.type-news > .articles.grid article > .article.gallery{
  opacity: 0.25;
}

/*------------------------------
ARTICLE INFO
------------------------------*/

.article-info{

}

.article-info > p{
  margin: 0;
  font-size: 0;
}

.article-info > p > span{
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
  margin-right: 15px;
}

.article-info > p > span:last-child{
  margin-right: 0;
}

.article-info > p > span.category{
  font-weight: 900;
}

.article-info > p > span.time{
  font-weight: 700;
  padding-left: 27.5px;
}

.article-info > p > span.time > .graphic{
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background-image: url('../img/_green/icon_time.png');
}

.bg-navy .article-info > p > span.time > .graphic,
.bg-black .article-info > p > span.time > .graphic,
.bg-fade .article-info > p > span.time > .graphic{
  background-image: url('../img/_white/icon_time.png');
}

/*------------------------------
PILOT
------------------------------*/

.pilot{
  position: relative;
  overflow: hidden;
}

.pilot > .pilot-image{
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  padding-bottom: 110px;
}

.pilot > .pilot-image > img{
  display: block;
  width: 100%;
  height: auto;
}

.pilot > .pilot-details{
  position: absolute;
  width: 100%;
  bottom: 0;
}

.pilot > .pilot-details > .pilot-details-title{
  padding: 20px;
}

.pilot > .pilot-details > .pilot-details-title > .flag{
  margin-bottom: 10px;
}

.pilot > .pilot-details > .pilot-details-title > h4,
.pilot > .pilot-details > .pilot-details-title > h5{
  margin: 0;
}

.pilot > .pilot-details > .pilot-details-content{
  padding: 0 10px;
  max-height: 1px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pilot:hover > .pilot-details > .pilot-details-content{
  padding-bottom: 10px;
  max-height: 300px;
}

/*-- PILOT STATS --*/

.pilot-stats{
  padding: 0 10px;
}

.pilot-stats > ul{

}

.pilot-stats > ul > li{
  margin-right: 20px;
  margin-bottom: 10px;
}

.pilot-stats > ul > li:last-child{

}

.pilot-stats > ul > li > h5,
.pilot-stats > ul > li > h6{
  margin: 0;
}

/*-- PILOT SOCIALS --*/

.pilot-socials{

}

.pilot-socials > ul{

}

.pilot-socials > ul > li{

}

.pilot-socials > ul > li > a{

}

.pilot-socials > ul > li > a > i{

}

/*------------------------------
ARTICLE PAGE
------------------------------*/

.article-header{
  position: relative;
}

.article-header > .left{
  width: calc();
  width: 75%;
  width: -webkit-calc(100% - 75px);
  width: -moz-calc(100% - 75px);
  width: calc(100% - 75px);
}

.article-header > .right{
  width: 60px;
}

/*------------------------------
TABS
------------------------------*/

.tab-content,
.subtab-content{
  display: none;
  opacity: 0;
  -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -ms-transform: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.tab-content.active,
.subtab-content.active{
  display: block;
  opacity: 1;
}

/*------------------------------
SECTIONS
------------------------------*/

section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/*-- STANDARD SECTION --*/

section.section{
  background-attachment: fixed;
}

.mobile-device section.section{
  background-attachment: scroll;
}

section.section > .overlay{
    padding-top: 100px;
    padding-bottom: 100px;
}

section.section.no-bottom-padding > .overlay{
    padding-bottom: 0;
}

section.section.brand-below > .overlay{
    padding-bottom: 200px;
}

section.section.brand-above > .overlay{
    padding-top: 200px;
}

/*-- FEATURE SECTION --*/

section.feature{
  padding: 60px 0;
}

/*-- COLOUR STRIP SECTION --*/

section.colourstrip{
  padding: 60px 0;
}

/*-- ROWS SECTION --*/

section.rows{

}

section.rows .row{

}

section.rows .row.row-heading{
    padding-top: 100px;
    padding-bottom: 40px;
}

section.rows .row.row-heading h1,
section.rows .row.row-heading h2,
section.rows .row.row-heading h3,
section.rows .row.row-heading h4,
section.rows .row.row-heading h5,
section.rows .row.row-heading h6{
  margin: 0;
}

section.rows .row.row-options{

}

section.rows .row.row-form{
  padding: 15px 0;
}

section.rows .row.row-options > nav{
  position: relative;
}

section.rows .row.row-content{
  padding: 70px 0;
}

section.rows .row.row-button{
  padding-top: 5px;
  padding-bottom: 70px
}

/*-- HEADER SECTION --*/

section.header{
  position: relative;
}

section.header > .overlay{
    padding-top: 160px;
    padding-bottom: 160px;
}

section.header.image-only{
  padding-top: 30%;
}

/*-- TOOLS SECTION --*/

section.tools > .overlay{
    padding-top: 100px;
    padding-bottom: 100px;
}

section.tools h1{
  margin: 0;
}

section.tools p{
  margin: 0;
}

/*-- IMAGE SECTION --*/

section.image-section{
  height: 640px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

.mobile-device section.image-section{
  background-attachment: scroll;
}

/*------------------------------
FILTER WIDGETS
------------------------------*/

.filter-widgets{
  padding-left: 15px;
  padding-right: 15px;
}

.filter-widgets.races-filter{
  padding-bottom: 85px;
}

.filter-widgets ul{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.filter-widgets ul > li{
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: center;
  padding: 7.5px;
}

.filter-widgets ul > li.ajax-filters{
  padding: 0;
}

.filter-widgets ul > li.filter-widgets-categories{

}

.filter-widgets ul > li > form{
  display: block;
  margin: 0;
  padding: 0;
}

.filter-widgets ul > li > form > ul{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.filter-widgets ul > li > form > ul > li{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: center;
  padding: 7.5px;
  margin: 0;
}

.filter-widgets ul > li > form > ul > li > label{
  display: block;
  padding: 0;
  margin: 0;
}

.filter-widgets ul > li.filter-widgets-search{

}

.filter-widgets-search .search-submit{
    display: block;
    position: absolute;
    z-index: 800;
    top: 7.5px;
    right: 7.5px;
    left: auto;
    bottom: auto;
    outline: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    background-image: none;
    background-color: transparent;
    font-family: 'axia', sans-serif;
    font-size: 0;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    background-image: url(../img/_white/search.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: rgba(255,255,255,1) !important;
    width: 40px !important;
    height: 40px !important;
    visibility: visible !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*------------------------------
SLICK
------------------------------*/

.slick-slider{

}

.slick-slider > .slick-arrow{
  display: block;
  position: absolute;
  z-index: 100;
  top: 50%;
  margin-top: -35px;
  width: 35px;
  height: 70px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 0;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-slider > .slick-arrow.slick-prev{
    background-image: url(../img/_white/chevron_left.png);
    left: 30px;
}

.slick-slider > .slick-arrow.slick-prev:hover{
    background-image: url(../img/_green/chevron_left.png);
}

.slick-slider > .slick-arrow.slick-next{
    background-image: url(../img/_white/chevron_right.png);
    right: 30px;
}

.slick-slider > .slick-arrow.slick-next:hover{
    background-image: url(../img/_green/chevron_right.png);
}

/*------------------------------
SLIDESHOW
------------------------------*/

.video-slideshow,
.slideshow{
  margin-top: 60px;
}

.video-slideshow:before,
.slideshow:before{
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  max-width: 510px;
  height: 10px;
  background-color: rgba(51,252,75,1);
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -5px;
  z-index: 101;
}

.video-slideshow.slick-slider .slick-slide,
.slideshow.slick-slider .slick-slide{
  opacity: 0.4;
  pointer-events: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.video-slideshow.slick-slider .slick-slide.slick-current,
.slideshow.slick-slider .slick-slide.slick-active{
  opacity: 1;
  pointer-events: auto;
}

.video-slideshow .slide,
.slideshow .slide{
  display: block;
  position: relative;
  padding: 0 40px;
  width: 100%;
}

.video-slideshow .slide > .slide-video,
.slideshow .slide > .slide-image{
  display: block;
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slideshow .slide > .slide-image > img{
  display: block;
  width: 100%;
  height: auto;
}

.video-slideshow .slide > .slide-caption,
.slideshow .slide > .slide-caption{
  margin-top: 30px;
  display: block;
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding: 0 30px;
}

.video-slideshow .slide > .slide-caption > h4,
.slideshow .slide > .slide-caption > h4{
  margin-top: 0;
}

.video-slideshow .slide > .slide-caption > .paragraph,
.slideshow .slide > .slide-caption > .paragraph{
  margin: 0 auto;
  width: 100%;
  max-width: 640px;
}


.cycle-slideshow{

}

.cycle-slideshow > .cycle-pager{
  display: block;
  position: relative;
  text-align: center;
  margin-top: 15px;
}

.cycle-slideshow > .cycle-pager > span{
  display: inline-block;
  cursor: pointer;
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 5px;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  line-height: 1px;
  vertical-align: top;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../img/_green/pager.png');
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  -ms-transform: all 250ms;
  -o-transition: all 250ms;
  transition: all 250ms;
}

.cycle-slideshow > .cycle-pager > span:hover{
  background-image: url('../img/_pink/pager.png');
}

.cycle-slideshow > .cycle-pager > span.cycle-pager-active{
  background-image: url('../img/_green/pager_active.png');
}

.cycle-slideshow > .cycle-pager > span.cycle-pager-active:hover{
  background-image: url('../img/_pink/pager_active.png');
}



/*------------------------------
HEADER VIDEO
------------------------------*/

video.header-video{
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

/*------------------------------
LATEST RESULTS
------------------------------*/

.latest-results-section{
  border-top: 1px solid rgba(16,28,60,1);
  border-bottom: 1px solid rgba(16,28,60,1);
}

.latest-results-section > .overlay{
  display: table;
  table-layout: auto;
  width: 100%;
}

.latest-results{
  display: table-row;
}

.latest-results > div{
  display: none;
  padding: 15px 30px;
  vertical-align: middle;
  border-right: 1px solid rgba(16,28,60,1);
}

.latest-results > div.latest-results-toggle,
.latest-results.dcl > div.dcl,
.latest-results.dcl-the-game > div.dcl-the-game,
.latest-results.womens > div.womens{
  display: table-cell;
}

.latest-results > .latest-results-toggle{
  min-width: 280px;
  position: relative;
}

.latest-results > .latest-results-toggle > form{

}

.latest-results > .latest-results-toggle > form > label{
  position: relative;
  display: block;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 900;
  z-index: 2;
  pointer-events: none;
  padding-right: 25px;
}

.latest-results > .latest-results-toggle > form > label > i{
  position: absolute;
  background-image: url('../img/_navy/arrow_medium_down.png');
  width: 25px;
  height: 15px;
  right: 0;
  top: 50%;
  margin-top: -7.5px;
}

.latest-results > .latest-results-toggle > form > .select{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.latest-results > .latest-results-toggle > form > .select:after {
    display: none;
}

.latest-results > .latest-results-toggle > form select{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,237,0,0);
  color: rgba(255,237,0,0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

.latest-results > .latest-results-toggle > form select:focus{
    box-shadow: none;
    border: none;
}

.latest-results > .latest-results-toggle > form select > option{
  color: rgba(16,28,60,1);
}

.latest-results > .latest-results-venue{

}

.latest-results > .latest-results-venue > h6{
  margin: 0;
}

.latest-results > .latest-results-days{
  position: relative;
  width: 100%;
  padding: 0;
}

.latest-results > .latest-results-days > .latest-results-days-container{
  display: table;
  table-layout: auto;
  width: 100%;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row{
  display: table-row;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day{
  display: table-cell;
  width: 50%;
  text-align: center;
  border-right: 1px solid rgba(16,28,60,1);
  padding: 15px 30px;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day:last-child{
  border-right: none;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day.latest-results-day-1{

}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day.latest-results-day-2{

}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > h5{
  margin: 0;
  margin-right: 60px;
  display: inline-block;
  vertical-align: middle;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol{
  display: inline-block;
  vertical-align: middle;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li{
  margin-right: 30px;
  vertical-align: top;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li:last-child{
  margin-right: 0;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > strong{
  display: inline-block;
  font-size: 26px;
  font-weight: 900;
  line-height: 60px;
  vertical-align: top;
  margin-right: 10px;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > .result-details-container{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 60px;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > .result-details-container > .result-details{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > .result-details-container > .result-details > .result-player-container{
  display: block;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > .result-details-container > .result-details > .result-player-container > .result-player,
.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > .result-details-container > .result-details > .result-player-container > .result-time{
  display: block;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > .result-details-container > .result-details > .result-player-container > .result-player{
  font-weight: 900;
}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > .result-details-container > .result-details > .result-player-container > .result-time{

}

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > a{
  vertical-align: top;
}

.latest-results > .latest-results-button{
  border-right: none;
}

.latest-results > .latest-results-button > .button{
  margin: 0;
}

.latest-results > .latest-results-button > .button > a{
  text-align: center;
    min-width: 152px;
}

/*------------------------------
SWITER DEFAULS
------------------------------*/

.swiper-container{
  width: 100%;
}

.swiper-progress {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(51,252,75,1);
    height: 10px;
    z-index: 100;
    width: 1%;
}

/*------------------------------
FEATURED SWIPER
------------------------------*/

#featuredSwiper.swiper-container{

}

/*------------------------------
RACES SWIPER
------------------------------*/

#racesSwiper.swiper-container{
    width: 100%;
}

#racesSwiper .swiper-wrapper{
  padding: 10px 0;
  height: 590px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

#racesSwiper .sudo-slides .sudo-normal,
#racesSwiper .swiper-slide{
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    border-left: 1px solid rgba(255,255,255,0.25);
    max-width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-grow: 1;
    -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;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#racesSwiper .swiper-slide.slider-fix{
    pointer-events: none;
    cursor: default;
}


/*
#racesSwiper .swiper-slide:last-child{
    border-right: 1px solid rgba(255,255,255,0.25);
}

*/

#racesSwiper .swiper-slide.slider-fix{
    width: 10px !important;
    overflow: hidden;
  flex-grow: 0;
}

#racesSwiper .swiper-slide.slider-fix.slider-fix-1{

}

#racesSwiper .swiper-slide.slider-fix.slider-fix-2{
    border-left: none;
}

#racesSwiper .swiper-slide.slider-fix:before {
    display: none;
}


#racesSwiper .sudo-slides .sudo-active,
#racesSwiper .swiper-slide.swiper-slide-active.step2{
  max-width: 40%;
}

#racesSwiper .sudo-slides > div{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

#racesSwiper .swiper-slide:before{
  display: block;
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 5px;
  width: 100%;
  max-width: 60%;
  margin: 0 auto;
  background-color: rgba(255,255,255,1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide.step3:before{
  max-width: 90%;
}

#racesSwiper .swiper-slide.dcl:before,
#racesSwiper .swiper-slide.virtual:before{
  background-color: rgba(255,237,0,1);
}

#racesSwiper .swiper-slide.dcl-the-game:before{
  background-color: rgba(51,252,75,1);
}

#racesSwiper .swiper-slide.womens:before,
#racesSwiper .swiper-slide.virtualwomens:before{
  background-color: rgba(249,0,114,1);
}

#racesSwiper .swiper-slide.nationalleague:before{
  background-color: rgba(112,119,138,1);
}

/*-- SLIDE CONTENT --*/

#racesSwiper .swiper-slide > .race-logo{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px;
  padding-top: 20px;
}

#racesSwiper .swiper-slide > .race-logo > ul{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

#racesSwiper .swiper-slide > .race-logo > ul > li{
  width: 100%;
  margin-bottom: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide.step3 > .race-logo > ul > li{
  padding: 0 15px;
  width: auto;
  margin-bottom: 0;
}

#racesSwiper .swiper-slide > .race-logo > ul > li:last-child{
  margin-bottom: 0;
}

#racesSwiper .swiper-slide > .race-logo > ul > li > .eventlogo{

}

#racesSwiper .swiper-slide > .race-logo > ul > li > .eventlogo > img{
  opacity: 1;
  height: 40px;
  width: auto;
  object-fit: contain;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide.step1 > .race-logo > ul > li > .eventlogo > img{
  opacity: 0;
}

#racesSwiper .swiper-slide.step3 > .race-logo > ul > li > .eventlogo > img{
  opacity: 1;
  height: 60px;
  width: auto;
}

#racesSwiper .swiper-slide.step3 > .race-logo > ul > li:last-child > .eventlogo{

}

#racesSwiper .swiper-slide > .race-button{
  position: absolute;
  opacity: 1;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  padding-bottom: 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide > .race-button > .button{
  margin: 0;
}

#racesSwiper .swiper-slide > .race-details{
  padding: 80px 15px 80px 15px;
  width: 100%;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide.step1 > .race-details{
  opacity: 0;
}

#racesSwiper .swiper-slide.step3 > .race-details{
  opacity: 1;
  padding: 100px 15px 60px 15px;
  padding-left: 30px;
  padding-right: 30px;
}

#racesSwiper .swiper-slide > .race-details > .race-name{
  min-height: 130px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide.step1 > .race-details > .race-name{
  min-height: 0;
}

#racesSwiper .swiper-slide > .race-details > .race-name > h5{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 0;
  margin-bottom: 15px;
}

#racesSwiper .swiper-slide.step3 > .race-details > .race-name > h5{
  font-size: 25px;
}

/*-- RACE DATES --*/

#racesSwiper .swiper-slide > .race-details > .race-date{
  margin-bottom: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide.step2 > .race-details > .race-date.preview-date{
  margin-bottom: 0;
}

#racesSwiper .swiper-slide > .race-details > .race-date > h5,
#racesSwiper .swiper-slide > .race-details > .race-date > h6{
  display: block;
  margin: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide > .race-details > .race-date > .stacked-date,
#racesSwiper .swiper-slide.step2 > .race-details > .race-date > .date{
  opacity: 1;
  max-height: 100px;
}

#racesSwiper .swiper-slide.step2 > .race-details > .race-date > .stacked-date,
#racesSwiper .swiper-slide > .race-details > .race-date > .date{
  opacity: 0;
  max-height: 1px;
  overflow: hidden;
}

/*-- RACE SCHEDULE --*/

#racesSwiper .swiper-slide > .race-details > .game-details,
#racesSwiper .swiper-slide > .race-details > .race-schedule{
  opacity: 0;
  max-height: 1px;
  overflow: hidden;
  -webkit-transform: scale(0.01);
  -ms-transform: scale(0.01);
  transform: scale(0.01);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#racesSwiper .swiper-slide.step3 > .race-details > .game-details,
#racesSwiper .swiper-slide.step3 > .race-details > .race-schedule{
  opacity: 1;
  max-height: 600px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#racesSwiper .swiper-slide.step3 > .race-details > .race-schedule > h5{
  margin-top: 0;
  margin-bottom: 15px;
}

/*-- SCHEDULE BOXES --*/

.schedule-boxes,
.past .game-details{
  position: relative;
  width: auto;
  margin-left: -15px;
}

.schedule-boxes.single{
  margin-left: 0;
  max-width: 420px;
  margin: 0 auto;
}

.past .game-details > .game-details-box,
.schedule-boxes > .schedule-box{
  background-color: rgba(255,255,255,0.1);
  float: left;
  width: 48%;
  width: -webkit-calc(50% - 15px);
  width: -moz-calc(50% - 15px);
  width: calc(50% - 15px);
  padding: 15px;
  margin-left: 15px;
}

.schedule-boxes.single > .schedule-box{
  width: 100%;
  margin-left: 0;
}

.race-schedule > .schedule-box,
.future .game-details > .game-details-box{
  background-color: rgba(255,255,255,0.1);
  padding: 15px;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.past .game-details > .game-details-box > h5,
.schedule-boxes > .schedule-box > h5{
  margin: 0;
  margin-bottom: 10px;
}

/*-- SCHEDULE TABLE --*/

.game-details-table,
.schedule-table{

}

.game-details-table > table,
.schedule-table > table{
  width: 100%;
}

.game-details-table > table > tbody,
.schedule-table > table > tbody{

}

.game-details-table > table > tbody > tr,
.schedule-table > table > tbody > tr{

}

.game-details-table > table > tbody > tr > th,
.game-details-table > table > tbody > tr > td,
.schedule-table > table > tbody > tr > th,
.schedule-table > table > tbody > tr > td{

}

.game-details-table > table > tbody > tr > th > h6,
.game-details-table > table > tbody > tr > td > h6,
.schedule-table > table > tbody > tr > th > h6,
.schedule-table > table > tbody > tr > td > h6{
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}

.game-details-table > table > tbody > tr > th > h6,
.game-details-table > table > tbody > tr > td > h6{
  display: inline-block;
  padding: 7px 0;
}

.game-details-table > table > tbody > tr > th,
.schedule-table > table > tbody > tr > th{
  text-align: left;
}

.game-details-table > table > tbody > tr > td,
.schedule-table > table > tbody > tr > td{
  text-align: right;
}

.game-details-table > table > tbody > tr > td ul,
.schedule-table > table > tbody > tr > td ul{
  text-align: right;
}

.game-details-table > table > tbody > tr > th.result-ranking{
  width: 25px;
}

.game-details-table > table > tbody > tr > th.result-ranking > h6{
  font-weight: 900;
}

.game-details-table > table > tbody > tr > td.result-player{
  text-align: left;
}

.schedule-note{
  margin: 0;
  margin-top: 5px;
  font-size: 0.65em;
}

/*------------------------------
LOGOS
------------------------------*/

.logo{
  margin: 0;
  padding: 0;
}

.logo.logo-dcl-the-game{
  background-image: url('../img/logo_dclthegame.png');
}

.logo.logo-dcl{
  background-image: url('../img/logo_dcl.png');
}

.logo.logo-mcdonalds{
  background-image: url('../img/logo_mcdonalds.png');
}

.logo.logo-nationalleague{
  background-image: url('../img/logo_nationalleague.png');
}

.logo.logo-virtual{
  background-image: url('../img/logo_virtual.png');
}

.logo.logo-dcl-alt{
  background-image: url('../img/logo_dcl_alt.png');
}

.logo.logo-womens{
  background-image: url('../img/logo_womens_alt.png');
}

h2.logo{
  margin-bottom: 60px;
  height: 120px;
  width: 100%;
}

h2.logo.game-logo{
  max-width: 300px;
  margin-bottom: 30px;
}

h4.logo{
  height: 40px;
  width: 100px;
}

/*------------------------------
TEAM LOGOS
------------------------------*/

.team-logo{

}

.team-logo.team-logo-small,
.team-logo.team-logo-small img{
  width: 60px;
  height: 60px;
}

.team-logo.team-logo-medium,
.team-logo.team-logo-medium img{
  width: 100px;
  height: 100px;
}

.team-logo.team-logo-apex{
  background-image: url('../img/teams/team_apex.png');
}

.team-logo.team-logo-chinadragons{
  background-image: url('../img/teams/team_chinadragons.png');
}

.team-logo.team-logo-dronesports{
  background-image: url('../img/teams/team_dronesports.png');
}

.team-logo.team-logo-quadforceone{
  background-image: url('../img/teams/team_quadforceone.png');
}

.team-logo.team-logo-raidenracing{
  background-image: url('../img/teams/team_raidenracing.png');
}

.team-logo.team-logo-veloce{
  background-image: url('../img/teams/team_veloce.png');
}

.team-logo.team-logo-xblades{
  background-image: url('../img/teams/team_xblades.png');
}

/*------------------------------
PANELS
------------------------------*/

.panels{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}

.panels > .panel{
  position: relative;
  order: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: center;
}

.panels.one > .panel{
  flex-basis: 100%;
}

.panels.two > .panel{
  flex-basis: 50%;
}

.panels.three > .panel{
  flex-basis: 33.3333%;
}

.panels.four > .panel{
  flex-basis: 25%;
}

.panels.five > .panel{
  flex-basis: 20%;
}

.panels.six > .panel{
  flex-basis: 16.6666%;
}

.panels.seven > .panel{
  flex-basis: 14.285714%;
}

.panels.eight > .panel{
  flex-basis: 12.5%;
}

.panels.nine > .panel{
  flex-basis: 11.1111%;
}

.panels.ten > .panel{
  flex-basis: 10%;
}

.panels > .panel > .overlay{
  height: auto;
}

.panels > .panel > .overlay > .panel-content-container{
  padding: 80px 30px;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  z-index: 2;
}

.panels > .panel.text-panel > .overlay > .panel-content-container{
  padding-top: 100px;
  padding-bottom: 100px;
}

.brand-below .panels > .panel.text-panel > .overlay > .panel-content-container{
  padding-bottom: 200px;
}

.panels > .panel.image-panel > .image{
  margin: 0;
}

.feature > .panels > .panel.image-panel > .image{
  margin-right: -40px;
  z-index: 1;
}

.panels > .panel.image-panel img{
  width: 100%;
}

.panels > .panel.image-panel img.desktop-image{
  display: block;
}

.panels > .panel.image-panel img.mobile-image{
  display: none;
}

/*------------------------------
HOSTS
------------------------------*/

.hosts{

}

.hosts > .host{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}

.hosts > .host:nth-child(odd){
  flex-direction: row;
}

.hosts > .host:nth-child(even){
  flex-direction: row-reverse;
}

.hosts > .host > div{
  position: relative;
  order: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 50%;
}

.hosts > .host > .host-image{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.hosts > .host > .host-image > .image{
  margin: 0;
  display: none;
}

.hosts > .host > .host-image > .image > img{
  width: 100%;
}

.hosts > .host > .host-content{

}

.hosts > .host > .host-content > .host-content-container{
  padding: 100px 30px;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  z-index: 2;
}

.hosts > .host > .host-content > .host-content-container > h3{
  margin-top: 0;
  font-family: 'axia', sans-serif;
  font-weight: 800;
}

.hosts > .host > .host-content > .host-content-container > h3 > .country-code{
  font-family: 'axia', sans-serif;
  font-weight: 400;
  vertical-align: top;
}

.hosts > .host > .host-content > .host-content-container > h3 > .country-code > span{
  font-family: 'axia', sans-serif;
  font-weight: 400;
  color: rgba(255,255,255,1);
}

.hosts > .host > .host-content > .host-content-container > h3 > .flag{
    vertical-align: top;
}

.hosts > .host > .host-content > .host-content-container > h3 > .flag > img{
  width: 60px;
  vertical-align: middle;
}

/*------------------------------
LIST SECTION
------------------------------*/

.list-section{
  position: relative;
  border-top: 1px solid rgba(16,28,60,1);
}

.list-section .list-item{
  border-bottom: 1px solid rgba(16,28,60,1);
  padding: 30px 0;
}

.list-section:before,
.list-section .list-item:after{
  display: block;
  position: absolute;
  z-index: 2;
  content: '';
  background-color: rgba(51,252,75,1);
  width: 100%;
  height: 5px;
  bottom: -2px;
  right: 80%;
}

.list-section:before{
  top: -3px;
}

.list-section .list-item:after{
  bottom: -2px;
}

.list-section .list-item .list-item-title,
.list-section .list-item .list-item-content{
  width: 50%;
  display: table-cell;
  vertical-align: bottom;
}

.list-section .list-item .list-item-title > h2,
.list-section .list-item .list-item-title > h4{
  margin: 0;
}

.list-section .list-item .list-item-content > .paragraph{
  margin: 0;
}

/*------------------------------
BLOCK
------------------------------*/

.block{
  background-size: cover;
  background-repeat: none;
  background-position: center;
  background-attachment: scroll;
}

.block > .overlay{
  padding: 60px 30px;
}

.block{
  background-size: cover;
  background-repeat: none;
  background-position: center;
  background-attachment: scroll;
}

.block > .overlay > *:first-child{
  margin-top: 0;
}

.block > .overlay > *:last-child{
  margin-bottom: 0;
}

/*------------------------------
PODIUM
------------------------------*/

.podium{
  width: auto;
  margin-left: -40px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-end;
}

.podium > .podium-block{
  order: 0;
  margin-left: 40px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 33.3333%;
  align-self: flex-end;
  text-align: left;
}

.podium > .podium-block > .podium-position{
  padding: 0 20px;
  position: relative;
}

.podium > .podium-block > .podium-position > h2{

}

.podium > .podium-block > .podium-position > h3{
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 90px;
  width: auto;
  height: auto;
}

.podium > .podium-block > .podium-position > h3 > a{
  width: 100%;
  height: 100%;
}

.podium > .podium-block > .podium-team{
  padding: 20px;
  border-bottom: 5px solid rgba(255,237,0,1);
}

.podium > .podium-block > .podium-team > .flag{
  margin-bottom: 10px;
}

.podium > .podium-block > .podium-team > h5{
  margin: 0;
}

/*-- FIRST --*/

.podium > .podium-block.podium-first{
  order: 2;
}

.podium > .podium-block.podium-first > .podium-position > h2{
  font-size: 120px;
}

/*-- SECOND --*/

.podium > .podium-block.podium-second{
  order: 1;
}

.podium > .podium-block.podium-second > .podium-position > h2{
  font-size: 94px;
}

/*-- THIRD --*/

.podium > .podium-block.podium-third{
  order: 3;
}

.podium > .podium-block.podium-third > .podium-position > h2{
  font-size: 78px;
}

/*------------------------------
STANDINGS TABLE
------------------------------*/

.table-note{
  margin-top: 20px;
}

.table-note > .paragraph{
  margin-bottom: 0;
}

.table-note > .paragraph > p{
  font-size: 0.85em;
}


.league-info{
  margin-bottom: 30px;
}

.league{
  display: none;
}

.league.active{
  display: block;
}

.league-info > h3{
  margin-top: 0;
}

.league-info > h5{
  margin-bottom: 0;
}


.race-schedule-table{
  margin-top: 10px;
}

.game-info-table,
.standings-table{
  margin-top: 25px;
}

.game-info-table > table,
.race-schedule-table > table,
.standings-table > table{
  width: 100%;
  border-collapse:separate;
  border-spacing:0 5px;
}

.game-info-table > table > tbody,
.race-schedule-table > table > tbody,
.standings-table > table > tbody{

}

.game-info-table > table > tbody > tr,
.race-schedule-table > table > tbody > tr,
.standings-table > table > tbody > tr{
  background-color: rgba(255,255,255,0.5);
}

.bg-white .game-info-table > table > tbody > tr,
.bg-white .race-schedule-table > table > tbody > tr,
.bg-white .standings-table > table > tbody > tr{
  background-color: rgba(236,237,240,0.5);
}

.game-info-table > table > thead > tr > th,
.game-info-table > table > tbody > tr > th,
.game-info-table > table > tbody > tr > td,
.race-schedule-table > table > thead > tr > th,
.race-schedule-table > table > tbody > tr > th,
.race-schedule-table > table > tbody > tr > td,
.standings-table > table > thead > tr > th,
.standings-table > table > tbody > tr > th,
.standings-table > table > tbody > tr > td{
  padding: 10px 20px;
  text-align: center;
  vertical-align: middle;
}

.game-info-table > table > thead > tr > th,
.game-info-table > table > tbody > tr > th,
.game-info-table > table > tbody > tr > td,
.race-schedule-table > table > thead > tr > th,
.race-schedule-table > table > tbody > tr > th,
.race-schedule-table > table > tbody > tr > td{
  padding-top: 15px;
  padding-bottom: 15px;
}

.game-info-table > table > tbody > tr > th,
.race-schedule-table > table > tbody > tr > th,
.standings-table > table > tbody > tr > th{

}

.game-info-table > table > tbody > tr > td,
.race-schedule-table > table > tbody > tr > td,
.standings-table > table > tbody > tr > td{

}

.game-info-table > table > tbody > tr > th > h5,
.game-info-table > table > tbody > tr > td > h5,
.race-schedule-table > table > tbody > tr > th > h5,
.race-schedule-table > table > tbody > tr > td > h5{
  margin: 0;
}


.game-info-table > table > tbody > tr > th.details-title,
.race-schedule-table > table > tbody > tr > th.schedule-title{
  text-align: left;
}

.game-info-table > table > tbody > tr > th.details-title > h5,
.race-schedule-table > table > tbody > tr > th.schedule-title > h5{
  font-weight: 400;
}

.game-info-table > table > tbody > tr > .details-fullwidth-value > h5{
  font-weight: 400;
}

.game-info-table > table > tbody > tr > .details-fullwidth-value > h5 > strong{
  font-weight: 900;
}

.game-info-table > table > tbody > tr > td.details-value,
.race-schedule-table > table > tbody > tr > td.schedule-time{
  text-align: right;
}

.standings-table > table > tbody > tr > th.standings-position{

}

.standings-table > table > tbody > tr > td.standings-team{

}

.standings-table > table > tbody > tr > td.standings-team > strong{
  text-transform: uppercase;
}

.standings-table > table > tbody > tr > td.standings-team > strong > a{

}

.standings-table > table > tbody > tr > td.standings-flag{

}

.standings-table > table > tbody > tr > td.standings-points{

}

.standings-table > table > tbody > tr > td.standings-points > ol{

}

.standings-table > table > tbody > tr > td.standings-points > ol > li{
  text-align: center;
  margin-bottom: 10px;
}

.standings-table > table > tbody > tr > td.standings-points > ol > li:last-child{
  margin-bottom: 0;
}

.standings-table > table > tbody > tr > td.standings-points > ol > li > span,
.standings-table > table > tbody > tr > td.standings-points > ol > li > strong{

}

.standings-table > table > tbody > tr > td.standings-points > ol > li > span{

}

.standings-table > table > tbody > tr > td.standings-points > ol > li > strong{

}

.standings-table > table > tbody > tr > td.standings-total{

}

.standings-table > table > tbody > tr > td.standings-total > span,
.standings-table > table > tbody > tr > td.standings-total > strong{
  display: block;
}

.standings-table > table > tbody > tr > td.standings-total > span{
  text-transform: uppercase;
}

.standings-table > table > tbody > tr > td.standings-total > strong{

}

.game-info-table > table > tbody > tr > td ul,
.race-schedule-table > table > tbody > tr > td ul,
.standings-table > table > tbody > tr > td ul{
  text-align: right;
}

.game-info-table > table > tbody > tr > td ul > li,
.race-schedule-table > table > tbody > tr > td ul > li,
.standings-table > table > tbody > tr > td ul > li{
  margin-right: 15px;
}

.game-info-table > table > tbody > tr > td ul > li:last-child,
.race-schedule-table > table > tbody > tr > td ul > li:last-child,
.standings-table > table > tbody > tr > td ul > li:last-child{
  margin-right: 0;
}

.game-info-table > table > tbody > tr > td ul > li > h5,
.race-schedule-table > table > tbody > tr > td ul > li > h5,
.standings-table > table > tbody > tr > td ul > li > h5{
  margin: 0;
}

/*-- POINTS --*/

.standings-table > table > tbody > tr > td.points-col{
  position: relative;
}

.standings-table > table > tbody > tr > td.points-col > i{
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-right: -15px;
  margin-top: -15px;
}

.standings-table > table > tbody > tr > td.points-col.hiscore{

}

.standings-table > table > tbody > tr > td.points-col.hiscore > i{
  background-image: url('../img/_navy/check.png');
}

.standings-table > table > tbody > tr > td.points-col.loscore{
  color: rgba(16,28,60,0.25);
  text-decoration: line-through;
}

.standings-table > table > tbody > tr > td.points-col.loscore > i{
  display: none;
}

/*------------------------------
COLLAPSIBLE TABLE
------------------------------*/

.standings-table > table.collapsible{
  border-spacing: 0;
}

.standings-table > table.collapsible > thead{

}

.standings-table > table.collapsible > thead > tr{

}

.standings-table > table.collapsible > thead > tr > th{
  padding: 0;
}

.standings-table > table.collapsible > thead > tr > th > .header-content{
  padding: 10px 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.standings-table > table.collapsible > tbody{

}

.standings-table > table.collapsible > tbody > tr.parent{
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.standings-table > table.collapsible > tbody > tr.parent:hover{
  background-color: rgba(255,255,255,1);
}

.bg-white .standings-table > table.collapsible > tbody > tr.parent:hover{
  background-color: rgba(236,237,240,1);
}

.standings-table > table.collapsible > tbody > tr.parent > td{
  padding: 0;
  border-bottom: 5px solid rgba(236,237,240,1);
}

.standings-table > table.collapsible > tbody > tr.parent > td > .parent-content{
  padding: 10px 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.standings-table > table.collapsible > tbody > tr.child{
  background-color: transparent;
}

.standings-table > table.collapsible > tbody > tr.not-qualified{
  opacity: 0.3333;
}

.standings-table > table.collapsible > tbody > tr.child > td{
  padding: 0;
  line-height: normal;
  border-bottom: 0 solid rgba(236,237,240,0);
}

.standings-table > table.collapsible > tbody > tr.child > td.not-qualified{
  text-decoration: line-through;
}

.standings-table > table.collapsible > tbody > tr.child.open > td{
  border-bottom: 5px solid rgba(236,237,240,1);
}

.standings-table > table.collapsible > tbody > tr.child > td.rank-col > .child-content{
  padding-left: 30px;
}

.standings-table > table.collapsible > tbody > tr.child > td > .child-content{
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1px;
  max-height: 1px;
  margin-top: -1px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.standings-table > table.collapsible > tbody > tr.child.open > td > .child-content{
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  margin-top: 0;
  max-height: 60px;
  opacity: 1;
}

.standings-table > table.collapsible > tbody > tr.child > td > .child-content > i.user{
  width: 20px;
  height: 1px;
  margin-right: 5px;
  background-image: url('../img/_navy/icon_user.png');
}

.standings-table > table.collapsible > tbody > tr.child.open > td > .child-content > i.user{
  height: 20px;
}

.standings-table > table.collapsible > thead > tr > th.collapsible-col,
.standings-table > table.collapsible > tbody > tr > td.collapsible-col{

}

.standings-table > table.collapsible.active > thead > tr > th.collapsible-col
.standings-table > table.collapsible.active > tbody > tr > td.collapsible-col{

}

.standings-table > table.collapsible > thead > tr > th.collapsible-col > .header-content,
.standings-table > table.collapsible > tbody > tr > td.collapsible-col > .parent-content,
.standings-table > table.collapsible > tbody > tr > td.collapsible-col > .child-content{
    padding: 0;
    opacity: 0;
    overflow: hidden;
    max-width: 1px;
    margin-left: -1px;
    font-size: 0;
}

.standings-table > table.collapsible.active > thead > tr > th.collapsible-col > .header-content{
  padding: 10px 20px;
  opacity: 1;
  max-width: 200px;
  margin-left: 0;
  font-size: inherit;
}

.standings-table > table.collapsible > thead > tr > th > .header-content > .active-only{
  font-size: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.standings-table > table.collapsible.active > thead > tr > th > .header-content > .active-only{
  font-size: inherit;
  opacity: 1;
}

.standings-table > table.collapsible.active > tbody > tr > td.collapsible-col > .parent-content,
.standings-table > table.collapsible.active > tbody > tr > td.collapsible-col > .child-content{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 200px;
    margin-left: 0;
    font-size: inherit;
}

.standings-table > table.collapsible.active > tbody > tr.open > td.collapsible-col > .parent-content,
.standings-table > table.collapsible.active > tbody > tr.open > td.collapsible-col > .child-content{
  opacity: 1;
}

.standings-table > table.collapsible.active > tbody > tr.open > td.collapsible-col > .parent-content{
  padding-top: 10px;
  padding-bottom: 10px;
}

.standings-table > table.collapsible.active > tbody > tr.open > td.collapsible-col > .child-content{
  padding-top: 5px;
  padding-bottom: 5px;
}

/*------------------------------
TEAM WITH FLAG
------------------------------*/

ul.team-with-flag{

}

ul.team-with-flag > li{
  vertical-align: middle;
  margin: 0 10px;
}

ul.team-with-flag > li.standings-team{
  margin-left: 0;
}

ul.team-with-flag > li.standings-team > a{
  display: block;
}

ul.team-with-flag > li.standings-flag{
  margin-right: 0;
}

/*------------------------------
TUTORIALS
------------------------------*/

.tutorials{

}

.tutorials > ul{

}

.tutorials > ul > li{
  margin: 20px 40px;
}

.tutorials > ul > li > a{
  min-width: 125px;
  display: block;
}

.tutorials > ul > li > a > h4{
  margin: 0;
}

.tutorials > ul > li > a > i{
  width: 100%;
  height: 50px;
  background-image: url('../img/_green/media_video.png');
}

/*------------------------------
ACCORDION
------------------------------*/

.accordion{

}

.accordion > .accordion-item{

}

.accordion > .accordion-item > .accordion-item-title{
  cursor: pointer;
  padding: 10px 0;
}

.accordion > .accordion-item > .accordion-item-title > h4{
  display: block;
  position: relative;
  padding-right: 40px;
  margin: 0;
}

.accordion > .accordion-item > .accordion-item-title > h4 > i{
  position: absolute;
  background-image: url('../img/_green/arrow_medium_down.png');
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
}

.accordion > .accordion-item > .accordion-item-title:hover > h4 > i{
  background-image: url('../img/_white/arrow_medium_down.png');
}

.accordion > .accordion-item.open > .accordion-item-title > h4 > i{
  background-image: url('../img/_yellow/arrow_medium_up.png');
}

.accordion > .accordion-item.open > .accordion-item-title:hover > h4 > i{
  background-image: url('../img/_white/arrow_medium_up.png');
}

.accordion > .accordion-item > .accordion-item-content{
  display: block;
  overflow: none;
  opacity: 0;
  max-height: 1px;
  padding-bottom: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.accordion > .accordion-item > .accordion-item-content > .paragraph{
  margin: 0;
}

.accordion > .accordion-item.open > .accordion-item-content{
  opacity: 1;
  max-height: 600px;
  padding-bottom: 20px;
}

/*------------------------------
ITEMS
------------------------------*/

.items{
  padding: 0 30px;
}

.items > ul{

}

.items > ul > li{

}

.items.items-1 > ul > li{
  width: 100%;
}

.items.items-2 > ul > li{
  width: 50%;
}

.items.items-3 > ul > li{
  width: 33.3333%;
}

.items.items-4 > ul > li{
  width: 25%;
}

.items.items-5 > ul > li{
  width: 20%;
}

.items.items-6 > ul > li{
  width: 16.6666%;
}

.items .item{
  margin: 15px 30px;
}

.items .item > .item-image,
.items .item > .item-icon{
  position: relative;
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
}

.items .item > .item-image{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.items .item > .item-icon{
}

.items .item > .item-image > img{
  width: 100%;
  height: auto;
}

/*------------------------------
STAGES
------------------------------*/

.stages{

}

.stages > ol{

}

.stages > ol > li{

}

.stages > ol > li > h4{

}

.stages > ol > li > .paragraph{

}

.stages > ol > li > .arrow{
  margin-bottom: 20px;
}

.stages > ol > li > .arrow > i{
  width: 50px;
  height: 25px;
  background-image: url('../img/_white/arrow_large_down.png');
}

h1.stages-end,
h2.stages-end,
h3.stages-end,
h4.stages-end,
h5.stages-end,
h6.stages-end{
  font-family: 'amboy-inline', sans-serif;
  font-weight: 400;
  margin: 0;
}

/*------------------------------
LOCATIONS
------------------------------*/

.map{
  position: relative;
  height: 540px;
}

.locations{
  padding: 0;
}

.locations > ul{
  width: auto;
  margin-left: -30px;
}

.locations > ul > li{
  padding-left: 30px;
}

.locations .location{

}

.locations .location > .location-address{
  margin-bottom: 60px;
}

.locations .location > .location-map{
  position: relative;
}

.locations .location > .location-map:before{
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    max-width: 80%;
    height: 10px;
    background-color: rgba(51,252,75,1);
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -5px;
    z-index: 101;
}

/*------------------------------
FLAGS
------------------------------*/

.flag{
  vertical-align: top;
  display: block;
  font-size: 0;
  line-height: 0;
}

.flag > img{
  width: 30px;
  height: auto;
  border: 1px solid rgba(0,0,0,0.25);
}

/*------------------------------
TEAM LOGOS SLIDESHOW
------------------------------*/

section.teamlogos-section{

}

section.teamlogos-section > .overlay{
  padding: 30px 0;
}

section.teamlogos-section.solo > .overlay{
  padding: 0;
}

.teamlogos{
  display: block;
  font-size: 0;
}

.teamlogos .teamlogo{
  display: inline-block;
  position: relative;
  padding: 0;
  width: 12.5%;
}

.teamlogos .teamlogo > a{
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 120px;
  height: 120px;
}

.teamlogos .teamlogo > a:hover{
  max-width: 160px;
  height: 160px;
  margin-top: -20px;
  margin-bottom: -20px;
}

.teamlogos .teamlogo > img{
  display: block;
  width: auto;
  height: auto;
}

/*------------------------------
COUNTDOWN / STATS
------------------------------*/

.stats,
.countdown{
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding-top: 30px;
  border-top: 5px solid rgba(51,252,75,1);
  position: relative;
}

.stats{
  max-width: 520px;
}

.countdown > .timer > ul > li{
  width: 25%;
}

.timer-note{
  margin-top: 25px;
}

.stats > ul > li{
  width: 33.3333%;
}

.stats .stat,
.countdown > .timer .countdown-value{
  text-align: center;
  padding: 0;
}

.stats .stat > h5,
.stats .stat > h2,
.countdown > .timer .countdown-value > h5,
.countdown > .timer .countdown-value > h2{
  margin: 0;
}

/*------------------------------
TEAM SOCIALS
------------------------------*/

.team-socials{
  margin-top: 75px;
}

.team-socials > .social-sharing{
  display: none;
}

/*------------------------------
FILTER FORM
------------------------------*/

.filter-form{
  display: inline-block;
  position: relative;
  margin: 30px 0;
}

/*------------------------------
BROADCASTERS
------------------------------*/

.broadcasters{

}

.broadcasters > ul{

}

.broadcasters > ul > li.country{
  display: none;
}

.broadcasters > ul > li.country.selected{
  display: inline-block;
}

/*------------------------------
VACANCIES
------------------------------*/

.vacancies{

}

.vacancies > ul{

}

.vacancies > ul > li{
  display: block;
  margin-bottom: 20px;
}

.vacancies > ul > li:last-child{
  margin-bottom: 0;
}

.vacancies.filtered > ul > li.country{
  display: none;
}

.vacancies.filtered > ul > li.country.selected{
  display: block;
}

.vacancies .vacancy{
  position: relative;
  padding: 30px;
  padding-right: 70px;
}

.vacancies .vacancy > h4{
  margin-top: 0.3em;;
}

.vacancies .vacancy > .paragraph{
  margin: 0;
}

.vacancies .vacancy > .paragraph > address > p{
  margin: 0;
  vertical-align: top;
  display: block;
  line-height: 19px;
}

.vacancies .vacancy > .paragraph > address > p > span{
  display: inline-block;
  vertical-align: top;
  line-height: 19px;
}

.vacancies .vacancy > .paragraph > address > p > .flag{
  margin-right: 5px;
  font-size: 0;
}

.vacancies .vacancy > .arrow{
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
}

.vacancies .vacancy > .arrow > a{
  width: 25px;
  height: 100%;
}

.vacancies .vacancy > .arrow.arrow-left > a{
  background-image: url('../img/_navy/arrow_large_left.png');
}

.vacancies .vacancy > .arrow.arrow-right > a{
  background-image: url('../img/_navy/arrow_large_right.png');
}

/*------------------------------
RACE TEAMS
------------------------------*/

.race-teams-header{
  padding-top: 60px;
}

.race-teams{

}

.race-teams > ul{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: stretch;
}

.race-teams > ul > li{
  order: 0;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: stretch;
}

.race-teams .race-team{
  position: relative;
}

.race-teams .race-team > a{
  display: block;
}

.race-teams .race-team > a > img{
  display: block;
  width: 100%;
  height: auto;
}

.race-teams .race-team > a > img.team-image{

}

.race-teams .race-team > a > img.team-logo{
  margin: 0 auto;
  max-width: 60%;
}

/*------------------------------
PROMO CODES
------------------------------*/

.promo-code{
  display: block;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 15px;
}

.promo-code > h2{
  display: inline-block;
  padding: 15px;
  background-color: rgba(51,252,75,1);
  color: rgba(16,28,60,1); 
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  font-size: 34px;
  margin: 0;
}

/*------------------------------
BRAND
------------------------------*/

.brand{
  background-blend-mode: hard-light;
  background-size: contain;
  background-repeat: no-repeat;
}

/*-- TYPE: HEADER --*/

.brand.brand-header{
  background-size: contain, contain;
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
}

.brand.brand-header.brand-green,
.brand.brand-header.brand-green-green{
  background-image: url('../img/brand/brand_header_left_green_green.png'), url('../img/brand/brand_header_right_green_green.png');
}

.brand.brand-header.brand-green-navy{
  background-image: url('../img/brand/brand_header_left_green_navy.png'), url('../img/brand/brand_header_right_green_navy.png');
}

.brand.brand-header.brand-green-pink{
  background-image: url('../img/brand/brand_header_left_green_pink.png'), url('../img/brand/brand_header_right_green_pink.png');
}

.brand.brand-header.brand-green-white{
  background-image: url('../img/brand/brand_header_left_green_white.png'), url('../img/brand/brand_header_right_green_white.png');
}

.brand.brand-header.brand-green-yellow{
  background-image: url('../img/brand/brand_header_left_green_yellow.png'), url('../img/brand/brand_header_right_green_yellow.png');
}


.brand.brand-header.brand-navy-green{
  background-image: url('../img/brand/brand_header_left_navy_green.png'), url('../img/brand/brand_header_right_navy_green.png');
}

.brand.brand-header.brand-navy,
.brand.brand-header.brand-navy-navy{
  background-image: url('../img/brand/brand_header_left_navy_navy.png'), url('../img/brand/brand_header_right_navy_navy.png');
}

.brand.brand-header.brand-navy-pink{
  background-image: url('../img/brand/brand_header_left_navy_pink.png'), url('../img/brand/brand_header_right_navy_pink.png');
}

.brand.brand-header.brand-navy-white{
  background-image: url('../img/brand/brand_header_left_navy_white.png'), url('../img/brand/brand_header_right_navy_white.png');
}

.brand.brand-header.brand-navy-yellow{
  background-image: url('../img/brand/brand_header_left_navy_yellow.png'), url('../img/brand/brand_header_right_navy_yellow.png');
}

.brand.brand-header.brand-pink-green{
  background-image: url('../img/brand/brand_header_left_pink_green.png'), url('../img/brand/brand_header_right_pink_green.png');
}

.brand.brand-header.brand-pink-navy{
  background-image: url('../img/brand/brand_header_left_pink_navy.png'), url('../img/brand/brand_header_right_pink_navy.png');
}

.brand.brand-header.brand-pink,
.brand.brand-header.brand-pink-pink{
  background-image: url('../img/brand/brand_header_left_pink_pink.png'), url('../img/brand/brand_header_right_pink_pink.png');
}

.brand.brand-header.brand-pink-white{
  background-image: url('../img/brand/brand_header_left_pink_white.png'), url('../img/brand/brand_header_right_pink_white.png');
}

.brand.brand-header.brand-pink-yellow{
  background-image: url('../img/brand/brand_header_left_pink_yellow.png'), url('../img/brand/brand_header_right_pink_yellow.png');
}

.brand.brand-header.brand-white-green{
  background-image: url('../img/brand/brand_header_left_white_green.png'), url('../img/brand/brand_header_right_white_green.png');
}

.brand.brand-header.brand-white-navy{
  background-image: url('../img/brand/brand_header_left_white_navy.png'), url('../img/brand/brand_header_right_white_navy.png');
}

.brand.brand-header.brand-white-pink{
  background-image: url('../img/brand/brand_header_left_white_pink.png'), url('../img/brand/brand_header_right_white_pink.png');
}

.brand.brand-header.brand-white,
.brand.brand-header.brand-white-white{
  background-image: url('../img/brand/brand_header_left_white_white.png'), url('../img/brand/brand_header_right_white_white.png');
}

.brand.brand-header.brand-white-yellow{
  background-image: url('../img/brand/brand_header_left_white_yellow.png'), url('../img/brand/brand_header_right_white_yellow.png');
}

.brand.brand-header.brand-yellow-green{
  background-image: url('../img/brand/brand_header_left_yellow_green.png'), url('../img/brand/brand_header_right_yellow_green.png');
}

.brand.brand-header.brand-yellow-navy{
  background-image: url('../img/brand/brand_header_left_yellow_navy.png'), url('../img/brand/brand_header_right_yellow_navy.png');
}

.brand.brand-header.brand-yellow-pink{
  background-image: url('../img/brand/brand_header_left_yellow_pink.png'), url('../img/brand/brand_header_right_yellow_pink.png');
}

.brand.brand-header.brand-yellow-white{
  background-image: url('../img/brand/brand_header_left_yellow_white.png'), url('../img/brand/brand_header_right_yellow_white.png');
}

.brand.brand-header.brand-yellow,
.brand.brand-header.brand-yellow-yellow{
  background-image: url('../img/brand/brand_header_left_yellow_yellow.png'), url('../img/brand/brand_header_right_yellow_yellow.png');
}

/*-- TYPE: FEATURE --*/

.brand.brand-feature{
  position: absolute;
  width: 100%;
  pointer-events: none;
  height: 547px;
  margin-top: -273.5px;
  z-index: 1;
}

.brand.brand-feature.brand-right{
  background-position: right center;
}

.brand.brand-feature.brand-left{
  background-position: left center;
}


.brand.brand-feature.brand-right.brand-green,
.brand.brand-feature.brand-right.brand-green-green{
  background-image: url('../img/brand/brand_feature_right_green_green.png');
}

.brand.brand-feature.brand-right.brand-green-navy{
  background-image: url('../img/brand/brand_feature_right_green_navy.png');
}

.brand.brand-feature.brand-right.brand-green-pink{
  background-image: url('../img/brand/brand_feature_right_green_pink.png');
}

.brand.brand-feature.brand-right.brand-green-white{
  background-image: url('../img/brand/brand_feature_right_green_white.png');
}

.brand.brand-feature.brand-right.brand-green-yellow{
  background-image: url('../img/brand/brand_feature_right_green_yellow.png');
}

.brand.brand-feature.brand-right.brand-navy-green{
  background-image: url('../img/brand/brand_feature_right_navy_green.png');
}

.brand.brand-feature.brand-right.brand-navy,
.brand.brand-feature.brand-right.brand-navy-navy{
  background-image: url('../img/brand/brand_feature_right_navy_navy.png');
}

.brand.brand-feature.brand-right.brand-navy-pink{
  background-image: url('../img/brand/brand_feature_right_navy_pink.png');
}

.brand.brand-feature.brand-right.brand-navy-white{
  background-image: url('../img/brand/brand_feature_right_navy_white.png');
}

.brand.brand-feature.brand-right.brand-navy-yellow{
  background-image: url('../img/brand/brand_feature_right_navy_yellow.png');
}

.brand.brand-feature.brand-right.brand-pink-green{
  background-image: url('../img/brand/brand_feature_right_pink_green.png');
}

.brand.brand-feature.brand-right.brand-pink-navy{
  background-image: url('../img/brand/brand_feature_right_pink_navy.png');
}

.brand.brand-feature.brand-right.brand-pink,
.brand.brand-feature.brand-right.brand-pink-pink{
  background-image: url('../img/brand/brand_feature_right_pink_pink.png');
}

.brand.brand-feature.brand-right.brand-pink-white{
  background-image: url('../img/brand/brand_feature_right_pink_white.png');
}

.brand.brand-feature.brand-right.brand-pink-yellow{
  background-image: url('../img/brand/brand_feature_right_pink_yellow.png');
}

.brand.brand-feature.brand-right.brand-white-green{
  background-image: url('../img/brand/brand_feature_right_white_green.png');
}

.brand.brand-feature.brand-right.brand-white-navy{
  background-image: url('../img/brand/brand_feature_right_white_navy.png');
}

.brand.brand-feature.brand-right.brand-white-pink{
  background-image: url('../img/brand/brand_feature_right_white_pink.png');
}

.brand.brand-feature.brand-right.brand-white,
.brand.brand-feature.brand-right.brand-white-white{
  background-image: url('../img/brand/brand_feature_right_white_white.png');
}

.brand.brand-feature.brand-right.brand-white-yellow{
  background-image: url('../img/brand/brand_feature_right_white_yellow.png');
}

.brand.brand-feature.brand-right.brand-yellow-green{
  background-image: url('../img/brand/brand_feature_right_yellow_green.png');
}

.brand.brand-feature.brand-right.brand-yellow-navy{
  background-image: url('../img/brand/brand_feature_right_yellow_navy.png');
}

.brand.brand-feature.brand-right.brand-yellow-pink{
  background-image: url('../img/brand/brand_feature_right_yellow_pink.png');
}

.brand.brand-feature.brand-right.brand-yellow-white{
  background-image: url('../img/brand/brand_feature_right_yellow_white.png');
}

.brand.brand-feature.brand-right.brand-yellow,
.brand.brand-feature.brand-right.brand-yellow-yellow{
  background-image: url('../img/brand/brand_feature_right_yellow_yellow.png');
}

.brand.brand-feature.brand-left.brand-green,
.brand.brand-feature.brand-left.brand-green-green{
  background-image: url('../img/brand/brand_feature_left_green_green.png');
}

.brand.brand-feature.brand-left.brand-green-navy{
  background-image: url('../img/brand/brand_feature_left_green_navy.png');
}

.brand.brand-feature.brand-left.brand-green-pink{
  background-image: url('../img/brand/brand_feature_left_green_pink.png');
}

.brand.brand-feature.brand-left.brand-green-white{
  background-image: url('../img/brand/brand_feature_left_green_white.png');
}

.brand.brand-feature.brand-left.brand-green-yellow{
  background-image: url('../img/brand/brand_feature_left_green_yellow.png');
}

.brand.brand-feature.brand-left.brand-navy-green{
  background-image: url('../img/brand/brand_feature_left_navy_green.png');
}

.brand.brand-feature.brand-left.brand-navy,
.brand.brand-feature.brand-left.brand-navy-navy{
  background-image: url('../img/brand/brand_feature_left_navy_navy.png');
}

.brand.brand-feature.brand-left.brand-navy-pink{
  background-image: url('../img/brand/brand_feature_left_navy_pink.png');
}

.brand.brand-feature.brand-left.brand-navy-white{
  background-image: url('../img/brand/brand_feature_left_navy_white.png');
}

.brand.brand-feature.brand-left.brand-navy-yellow{
  background-image: url('../img/brand/brand_feature_left_navy_yellow.png');
}

.brand.brand-feature.brand-left.brand-pink-green{
  background-image: url('../img/brand/brand_feature_left_pink_green.png');
}

.brand.brand-feature.brand-left.brand-pink-navy{
  background-image: url('../img/brand/brand_feature_left_pink_navy.png');
}

.brand.brand-feature.brand-left.brand-pink,
.brand.brand-feature.brand-left.brand-pink-pink{
  background-image: url('../img/brand/brand_feature_left_pink_pink.png');
}

.brand.brand-feature.brand-left.brand-pink-white{
  background-image: url('../img/brand/brand_feature_left_pink_white.png');
}

.brand.brand-feature.brand-left.brand-pink-yellow{
  background-image: url('../img/brand/brand_feature_left_pink_yellow.png');
}

.brand.brand-feature.brand-left.brand-white-green{
  background-image: url('../img/brand/brand_feature_left_white_green.png');
}

.brand.brand-feature.brand-left.brand-white-navy{
  background-image: url('../img/brand/brand_feature_left_white_navy.png');
}

.brand.brand-feature.brand-left.brand-white-pink{
  background-image: url('../img/brand/brand_feature_left_white_pink.png');
}

.brand.brand-feature.brand-left.brand-white,
.brand.brand-feature.brand-left.brand-white-white{
  background-image: url('../img/brand/brand_feature_left_white_white.png');
}

.brand.brand-feature.brand-left.brand-white-yellow{
  background-image: url('../img/brand/brand_feature_left_white_yellow.png');
}

.brand.brand-feature.brand-left.brand-yellow-green{
  background-image: url('../img/brand/brand_feature_left_yellow_green.png');
}

.brand.brand-feature.brand-left.brand-yellow-navy{
  background-image: url('../img/brand/brand_feature_left_yellow_navy.png');
}

.brand.brand-feature.brand-left.brand-yellow-pink{
  background-image: url('../img/brand/brand_feature_left_yellow_pink.png');
}

.brand.brand-feature.brand-left.brand-yellow-white{
  background-image: url('../img/brand/brand_feature_left_yellow_white.png');
}

.brand.brand-feature.brand-left.brand-yellow,
.brand.brand-feature.brand-left.brand-yellow-yellow{
  background-image: url('../img/brand/brand_feature_left_yellow_yellow.png');
}

/*-- TYPE: IMAGE --*/

.brand-image{
}

.brand-image.brand-left{
  background-position: left center;
}

.brand-image.brand-right{
  background-position: right center;
}


.brand-image.brand-left.brand-green,
.brand-image.brand-left.brand-green-green{
  background-image: url('../img/brand/brand_image_left_green_green.png');
}

.brand-image.brand-left.brand-green-navy{
  background-image: url('../img/brand/brand_image_left_green_navy.png');
}

.brand-image.brand-left.brand-green-pink{
  background-image: url('../img/brand/brand_image_left_green_pink.png');
}

.brand-image.brand-left.brand-green-white{
  background-image: url('../img/brand/brand_image_left_green_white.png');
}

.brand-image.brand-left.brand-green-yellow{
  background-image: url('../img/brand/brand_image_left_green_yellow.png');
}


.brand-image.brand-left.brand-navy-green{
  background-image: url('../img/brand/brand_image_left_navy_green.png');
}

.brand-image.brand-left.brand-navy,
.brand-image.brand-left.brand-navy-navy{
  background-image: url('../img/brand/brand_image_left_navy_navy.png');
}

.brand-image.brand-left.brand-navy-pink{
  background-image: url('../img/brand/brand_image_left_navy_pink.png');
}

.brand-image.brand-left.brand-navy-white{
  background-image: url('../img/brand/brand_image_left_navy_white.png');
}

.brand-image.brand-left.brand-navy-yellow{
  background-image: url('../img/brand/brand_image_left_navy_yellow.png');
}


.brand-image.brand-left.brand-pink-green{
  background-image: url('../img/brand/brand_image_left_pink_green.png');
}

.brand-image.brand-left.brand-pink-navy{
  background-image: url('../img/brand/brand_image_left_pink_navy.png');
}

.brand-image.brand-left.brand-pink,
.brand-image.brand-left.brand-pink-pink{
  background-image: url('../img/brand/brand_image_left_pink_pink.png');
}

.brand-image.brand-left.brand-pink-white{
  background-image: url('../img/brand/brand_image_left_pink_white.png');
}

.brand-image.brand-left.brand-pink-yellow{
  background-image: url('../img/brand/brand_image_left_pink_yellow.png');
}


.brand-image.brand-left.brand-white-green{
  background-image: url('../img/brand/brand_image_left_white_green.png');
}

.brand-image.brand-left.brand-white-navy{
  background-image: url('../img/brand/brand_image_left_white_navy.png');
}

.brand-image.brand-left.brand-white-pink{
  background-image: url('../img/brand/brand_image_left_white_pink.png');
}

.brand-image.brand-left.brand-white,
.brand-image.brand-left.brand-white-white{
  background-image: url('../img/brand/brand_image_left_white_white.png');
}

.brand-image.brand-left.brand-white-yellow{
  background-image: url('../img/brand/brand_image_left_white_yellow.png');
}


.brand-image.brand-left.brand-yellow-green{
  background-image: url('../img/brand/brand_image_left_yellow_green.png');
}

.brand-image.brand-left.brand-yellow-navy{
  background-image: url('../img/brand/brand_image_left_yellow_navy.png');
}

.brand-image.brand-left.brand-yellow-pink{
  background-image: url('../img/brand/brand_image_left_yellow_pink.png');
}

.brand-image.brand-left.brand-yellow-white{
  background-image: url('../img/brand/brand_image_left_yellow_white.png');
}

.brand-image.brand-left.brand-yellow,
.brand-image.brand-left.brand-yellow-yellow{
  background-image: url('../img/brand/brand_image_left_yellow_yellow.png');
}


.brand-image.brand-right.brand-green,
.brand-image.brand-right.brand-green-green{
  background-image: url('../img/brand/brand_image_right_green_green.png');
}

.brand-image.brand-right.brand-green-navy{
  background-image: url('../img/brand/brand_image_right_green_navy.png');
}

.brand-image.brand-right.brand-green-pink{
  background-image: url('../img/brand/brand_image_right_green_pink.png');
}

.brand-image.brand-right.brand-green-white{
  background-image: url('../img/brand/brand_image_right_green_white.png');
}

.brand-image.brand-right.brand-green-yellow{
  background-image: url('../img/brand/brand_image_right_green_yellow.png');
}


.brand-image.brand-right.brand-navy-green{
  background-image: url('../img/brand/brand_image_right_navy_green.png');
}

.brand-image.brand-right.brand-navy,
.brand-image.brand-right.brand-navy-navy{
  background-image: url('../img/brand/brand_image_right_navy_navy.png');
}

.brand-image.brand-right.brand-navy-pink{
  background-image: url('../img/brand/brand_image_right_navy_pink.png');
}

.brand-image.brand-right.brand-navy-white{
  background-image: url('../img/brand/brand_image_right_navy_white.png');
}

.brand-image.brand-right.brand-navy-yellow{
  background-image: url('../img/brand/brand_image_right_navy_yellow.png');
}


.brand-image.brand-right.brand-pink-green{
  background-image: url('../img/brand/brand_image_right_pink_green.png');
}

.brand-image.brand-right.brand-pink-navy{
  background-image: url('../img/brand/brand_image_right_pink_navy.png');
}

.brand-image.brand-right.brand-pink,
.brand-image.brand-right.brand-pink-pink{
  background-image: url('../img/brand/brand_image_right_pink_pink.png');
}

.brand-image.brand-right.brand-pink-white{
  background-image: url('../img/brand/brand_image_right_pink_white.png');
}

.brand-image.brand-right.brand-pink-yellow{
  background-image: url('../img/brand/brand_image_right_pink_yellow.png');
}


.brand-image.brand-right.brand-white-green{
  background-image: url('../img/brand/brand_image_right_white_green.png');
}

.brand-image.brand-right.brand-white-navy{
  background-image: url('../img/brand/brand_image_right_white_navy.png');
}

.brand-image.brand-right.brand-white-pink{
  background-image: url('../img/brand/brand_image_right_white_pink.png');
}

.brand-image.brand-right.brand-white,
.brand-image.brand-right.brand-white-white{
  background-image: url('../img/brand/brand_image_right_white_white.png');
}

.brand-image.brand-right.brand-white-yellow{
  background-image: url('../img/brand/brand_image_right_white_yellow.png');
}


.brand-image.brand-right.brand-yellow-green{
  background-image: url('../img/brand/brand_image_right_yellow_green.png');
}

.brand-image.brand-right.brand-yellow-navy{
  background-image: url('../img/brand/brand_image_right_yellow_navy.png');
}

.brand-image.brand-right.brand-yellow-pink{
  background-image: url('../img/brand/brand_image_right_yellow_pink.png');
}

.brand-image.brand-right.brand-yellow-white{
  background-image: url('../img/brand/brand_image_right_yellow_white.png');
}

.brand-image.brand-right.brand-yellow,
.brand-image.brand-right.brand-yellow-yellow{
  background-image: url('../img/brand/brand_image_right_yellow_yellow.png');
}

/*-- TYPE: SMALL --*/

.brand-small{
  background-size: 110px 65px;
}

.brand-small.brand-left{
  background-position: left top;
}

.brand-small.brand-right{
  background-position: right top;
}

.brand-small.brand-left.brand-green{
  background-image: url('../img/brand/brand_small_left_green.png');
}

.brand-small.brand-left.brand-grey{
  background-image: url('../img/brand/brand_small_left_grey.png');
}

.brand-small.brand-left.brand-light{
  background-image: url('../img/brand/brand_small_left_light.png');
}

.brand-small.brand-left.brand-navy{
  background-image: url('../img/brand/brand_small_left_navy.png');
}

.brand-small.brand-left.brand-pink{
  background-image: url('../img/brand/brand_small_left_pink.png');
}

.brand-small.brand-left.brand-white{
  background-image: url('../img/brand/brand_small_left_white.png');
}

.brand-small.brand-left.brand-yellow{
  background-image: url('../img/brand/brand_small_left_yellow.png');
}

.brand-small.brand-right.brand-green{
  background-image: url('../img/brand/brand_small_right_green.png');
}

.brand-small.brand-right.brand-grey{
  background-image: url('../img/brand/brand_small_right_grey.png');
}

.brand-small.brand-right.brand-light{
  background-image: url('../img/brand/brand_small_right_light.png');
}

.brand-small.brand-right.brand-navy{
  background-image: url('../img/brand/brand_small_right_navy.png');
}

.brand-small.brand-right.brand-pink{
  background-image: url('../img/brand/brand_small_right_pink.png');
}

.brand-small.brand-right.brand-white{
  background-image: url('../img/brand/brand_small_right_white.png');
}

.brand-small.brand-right.brand-yellow{
  background-image: url('../img/brand/brand_small_right_yellow.png');
}

/*------------------------------
GRAPHICAL ELEMENTS
------------------------------*/

.graphical-element{
  margin: 30px 0;
}

.graphical-element > .divider{

}

.graphical-element > .divider > hr{
  border: none;
  border-top: 5px solid rgba(51,252,75,1);
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
}

.graphical-element > .arrow{

}

.graphical-element > .arrow > i{
  width: 140px;
  height: 70px;
}

.graphical-element > .arrow.arrow-up > i{
  background-image: url('../img/_green/chevron_up.png');
}

.graphical-element > .arrow.arrow-down > i{
  background-image: url('../img/_green/chevron_down.png');
}

.graphical-element > div{

}

.graphical-element > div > p{
  margin: 0;
}

.graphical-element > div  > ul{

}

.graphical-element > div > ul > li{
  margin: 0 30px;
}

.graphical-element .team{
  display: inline-block;
  vertical-align: middle;
}

.graphical-element .vs{
  display: inline-block;
  margin: 0;
  padding: 0 30px;
  vertical-align: middle;
}

.graphical-element .team-heats .team{
  width: 272px;
}

.graphical-element .single-heats .team{

}

.graphical-element .single-heats .vs{
  padding: 0 5px;
}

.graphical-element .big-heat .team{

}

.graphical-element .drones{
  display: inline-block;
}

.graphical-element .drones > i{

}

.graphical-element .drones.drones-row{
  width: 272px;
  padding: 8px;
}

.graphical-element .drones.drones-row > i{
  width: 80px;
  height: 80px;
  margin: -8px;
}

.graphical-element .drones.drones-grid{
  width: 216px;
  padding: 12px;
}

.graphical-element .drones.drones-grid > i{
  width: 120px;
  height: 120px;
  margin: -12px;
}

.graphical-element .drones.drones-single{
  padding: 8px 0;
}

.graphical-element .drones.drones-single > i{
  width: 80px;
  height: 80px;
  margin: -8px;
}


.green > .graphic-acro{
  background-image: url('../img/_green/graphic_acro.png');
}

.green > .graphic-angle{
  background-image: url('../img/_green/graphic_angle.png');
}

.green > .graphic-arcade{
  background-image: url('../img/_green/graphic_arcade.png');
}

.green > .graphic-gps{
  background-image: url('../img/_green/graphic_gps.png');
}

.grey > .graphic-acro{
  background-image: url('../img/_grey/graphic_acro.png');
}

.grey > .graphic-angle{
  background-image: url('../img/_grey/graphic_angle.png');
}

.grey > .graphic-arcade{
  background-image: url('../img/_grey/graphic_arcade.png');
}

.grey > .graphic-gps{
  background-image: url('../img/_grey/graphic_gps.png');
}

.light > .graphic-acro{
  background-image: url('../img/_light/graphic_acro.png');
}

.light > .graphic-angle{
  background-image: url('../img/_light/graphic_angle.png');
}

.light > .graphic-arcade{
  background-image: url('../img/_light/graphic_arcade.png');
}

.light > .graphic-gps{
  background-image: url('../img/_light/graphic_gps.png');
}

.navy > .graphic-acro{
  background-image: url('../img/_navy/graphic_acro.png');
}

.navy > .graphic-angle{
  background-image: url('../img/_navy/graphic_angle.png');
}

.navy > .graphic-arcade{
  background-image: url('../img/_navy/graphic_arcade.png');
}

.navy > .graphic-gps{
  background-image: url('../img/_navy/graphic_gps.png');
}

.pink > .graphic-acro{
  background-image: url('../img/_pink/graphic_acro.png');
}

.pink > .graphic-angle{
  background-image: url('../img/_pink/graphic_angle.png');
}

.pink > .graphic-arcade{
  background-image: url('../img/_pink/graphic_arcade.png');
}

.pink > .graphic-gps{
  background-image: url('../img/_pink/graphic_gps.png');
}

.white > .graphic-acro{
  background-image: url('../img/_white/graphic_acro.png');
}

.white > .graphic-angle{
  background-image: url('../img/_white/graphic_angle.png');
}

.white > .graphic-arcade{
  background-image: url('../img/_white/graphic_arcade.png');
}

.white > .graphic-gps{
  background-image: url('../img/_white/graphic_gps.png');
}

.yellow > .graphic-acro{
  background-image: url('../img/_yellow/graphic_acro.png');
}

.yellow > .graphic-angle{
  background-image: url('../img/_yellow/graphic_angle.png');
}

.yellow > .graphic-arcade{
  background-image: url('../img/_yellow/graphic_arcade.png');
}

.yellow > .graphic-gps{
  background-image: url('../img/_yellow/graphic_gps.png');
}

/*------------------------------
PLATFORMS
------------------------------*/

.standings-value .platforms,
.standings-value .platforms > ul{
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}

.platforms > ul > li{
  font-size: 0;
}

.platforms > ul > li > i{
  width: 30px;
  height: 30px;
}

.platforms > ul > li.PlayStationNetwork > i{
  background-image: url('../img/_white/platform_playstation.png');
}

.platforms > ul > li.Steam > i{
  background-image: url('../img/_white/platform_steam.png');
}

.platforms > ul > li.XboxLive > i{
  background-image: url('../img/_white/platform_xbox.png');
}

/*-- RACE DETAILS PAGE --*/

.standings-value .platforms > ul > li.PlayStation > i,
.details-value .platforms > ul > li.PlayStation > i,
.standings-value .platforms > ul > li.PlayStationNetwork > i,
.details-value .platforms > ul > li.PlayStationNetwork > i{
  background-image: url('../img/_navy/platform_playstation.png');
}

.standings-value .platforms > ul > li.Steam > i,
.details-value .platforms > ul > li.Steam > i{
  background-image: url('../img/_navy/platform_steam.png');
}

.standings-value .platforms > ul > li.Xbox > i,
.details-value .platforms > ul > li.Xbox > i,
.standings-value .platforms > ul > li.XboxLive > i,
.details-value .platforms > ul > li.XboxLive > i{
  background-image: url('../img/_navy/platform_xbox.png');
}

/*------------------------------
CONTROLLERS
------------------------------*/

.controller{

}

.controller > i{
  width: 30px;
  height: 30px;
}

.controller.Gamepad > i,
.controller.gamepad > i{
  background-image: url('../img/_navy/controller_gamepad.png');
}

.controller.Keyboard > i,
.controller.keyboard > i{
  background-image: url('../img/_navy/controller_keyboard.png');
}

.controller.Taranis > i,
.controller.taranis > i,
.controller.Joystick > i,
.controller.joystick > i{
  background-image: url('../img/_navy/controller_taranis.png');
}

/*------------------------------
FLIGHTMODES
------------------------------*/

.flightmode{

}

.flightmode > i{
  width: 30px;
  height: 30px;
}

.flightmode.Acro > i{
  background-image: url('../img/_navy/graphic_acro.png');
}

.flightmode.Stabilized > i{
  background-image: url('../img/_navy/graphic_angle.png');
}

.flightmode.Arcade > i{
  background-image: url('../img/_navy/graphic_arcade.png');
}

.flightmode.GPS > i{
  background-image: url('../img/_navy/graphic_gps.png');
}

/*------------------------------
ORDERING
------------------------------*/

.orderme{
  margin-left: 10px;
  cursor: pointer;
  width: 15px;
  height: 7.5px;
  opacity: 0.25;
}

.orderme:hover,
.orderme.active{
  opacity: 1;
}

.orderme[data-direction="ASC"]{
  background-image: url('../img/_navy/arrow_small_down.png');
}

.orderme[data-direction="DESC"]{
  background-image: url('../img/_navy/arrow_small_up.png');
}

/*------------------------------
COUNTRY LIST
------------------------------*/

.game-info-table > table > tbody > tr > td > ul.country-list{
  margin: -2.5px;
}

.game-info-table > table > tbody > tr > td > ul.country-list > li{
  margin: 0;
  padding: 2.5px;
}

.game-info-table > table > tbody > tr > td > ul.country-list > li > .flag{
  
}

.game-info-table > table > tbody > tr > td > ul.country-list > li > .flag > img{
  
}


/*------------------------------
SVG ICONS
------------------------------*/

.svgicon{
  fill: rgba(255,255,255,1);
}
.svgicon-green{fill:#33fc4b;}

.svgtext{
  fill: rgba(255,255,255,1);
  font-family: 'axia', sans-serif;
  font-weight: 700;
  font-size: 2.2px;
}
.progress-bar__background {
  fill: none;
  stroke-width:0.12;
  stroke: rgba(255,255,255,1);
}

.progress-bar__progress {
  fill: none;
  stroke: rgba(51,252,75,1);
  stroke-dasharray: 100 100;
  stroke-dashoffset: 100;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke-width:0.5;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.fixed-path .progress-bar__progress.percent100{stroke-dashoffset: 0;}
.inview .progress-bar__progress.percent100{stroke-dashoffset: 0;animation:strokechange100 1s linear forwards;}
.inview .progress-bar__progress.percent75{stroke-dashoffset: 34; animation:strokechange75 0.75s linear forwards;}
.inview .progress-bar__progress.percent66{stroke-dashoffset: 45;animation:strokechange66 0.66s linear forwards;}
.inview .progress-bar__progress.percent50{stroke-dashoffset: 55;animation:strokechange50 0.5s linear forwards;}
.inview .progress-bar__progress.percent33{stroke-dashoffset: 67;animation:strokechange33 0.33s linear forwards;}
.inview .progress-bar__progress.percent25{stroke-dashoffset: 80;animation:strokechange25 0.25s linear forwards;}
.inview .progress-bar__progress.percent0{stroke-dashoffset: 100;animation:strokechange0 0s linear forwards;}

@keyframes strokechange100 {
    0%,
    20% {
        stroke-dashoffset: 100;
    }

    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes strokechange75 {
    0%,
    20% {
        stroke-dashoffset: 100;
    }

    100% {
        stroke-dashoffset: 34;
    }
}
@keyframes strokechange66 {
    0%,
    20% {
        stroke-dashoffset: 100;
    }

    100% {
        stroke-dashoffset: 45;
    }
}
@keyframes strokechange50 {
    0%,
    20% {
        stroke-dashoffset: 100;
    }

    100% {
        stroke-dashoffset: 55;
    }
}
@keyframes strokechange33 {
    0%,
    20% {
        stroke-dashoffset: 100;
    }

    100% {
        stroke-dashoffset: 67;
    }
}
@keyframes strokechange25 {
    0%,
    20% {
        stroke-dashoffset: 100;
    }

    100% {
        stroke-dashoffset: 78;
    }
}
@keyframes strokechange100 {
    0%,
    20% {
        stroke-dashoffset: 100;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

/*------------------------------
POPUPS
------------------------------*/

html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{
    overflow: visible !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
  padding-right: 0 !important;
}

.pum-container .pum-content>:first-child,
.pum-form__message:first-child{
    margin-top: 0;
}

/*------------------------------
ORDERED LISTS
------------------------------*/

.ordered ol{
  counter-reset: item;
  margin-top: 15px;
}

.ordered li{
  display: block;
  position: relative;
  margin-bottom: 15px;
}

.ordered li:before{
  content: counters(item, ".") " ";
  counter-increment: item;
  position: absolute;
  text-align: left;
  display: block;
  font-size: 0.8em;
  font-weight: 900;
  width: 40px;
  left: -40px;
  top: 0;
}

.ordered > ol > li:before{
  font-size: 1.2em;
}

.ordered li h4{
  margin-top: 30px;
}

.ordered a{
  text-decoration: underline;
}

/*------------------------------
PROMO CODES
------------------------------*/

.promo-form{

}

.promo-form h3{
  margin-top: 0;
}

.promo-form ul.button-group,
.promo-form .paragraph{
  margin-bottom: 0;
}

.promo-form > .promo-platforms{

}

.promo-form > .promo-platforms > ul{
  margin-bottom: 0;
}

.promo-form > .promo-platforms > ul > li{
  
}

.promo-form > .promo-platforms > ul > li > .promo-platform{
  position: relative;
}

.promo-form > .promo-platforms > ul > li > .promo-platform > label{
  display:block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0.25;
}

.promo-form > .promo-platforms > ul > li > .promo-platform.selected > label{
  opacity: 1;
}

.promo-form > .promo-platforms > ul > li > .promo-platform > input[type=radio]{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance:   none;
   appearance:        none;
}

.promo-form > .promo-email-container{
  opacity: 0;
  overflow: hidden;
  max-height: 1px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.promo-form > .promo-email-container > .promo-email-address{

}

.promo-form > .promo-email-container > .promo-email-address > input{
  text-align: center;
}

.promo-form.platform-active > .promo-email-container{
  opacity: 1;
  max-height: 200px;
}

.promo-form > .promo-confirm-container{
  opacity: 0;
  overflow: hidden;
  max-height: 1px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.promo-form.email-active > .promo-confirm-container{
  opacity: 1;
  max-height: 400px;
}

.promo-form > input[type=submit]{
  margin-top: 0;
  display: none;
}

.promo-form.platform-active.email-active > input[type=submit]{
  margin-top: 20px;
  display: inline-block;
}

.promo-form .recaptcha-alert{
  display: none;
}

.promo-form.recaptcha-empty .recaptcha-alert{
  display: block;
}

.age-confirm-statement{
  margin-top: 20px;
}

.recaptcha-container{
  margin-top: 20px;
  text-align: center;
}

.recaptcha-container > .g-recaptcha{
  display: inline-block;
}

.tickbox-container{
  position: relative;
  display: inline-block;
}

.tickbox-container > .tickbox-input{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: auto;
  z-index: 10;
}

.tickbox-container > .tickbox-input > input{
    transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    -moz-transform: scale(2);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
}

.tickbox-container > .tickbox-label{
  display: inline-block;
  position: relative;
  padding-left: 40px;
}

.tickbox-container > .tickbox-label > label{
  text-align: left;
}

.tickbox-container > .tickbox-label > label > p{
  margin: 0;
}

@media (max-width: 510px){

  .tickbox-container {
      display: block;
      width: 100%;
      margin: 0 auto;
      max-width: 330px;
  }

}

/*------------------------------
PROMO-CONTENT
------------------------------*/

.promotional-content > form{
  margin-bottom: 60px;
}

.promotion-video{
  margin-top: 60px;
  margin-bottom: 60px;
}

.step-by-step ol{
  list-style-type: none;
  padding-left: 0;
}

.step-by-step ol > li{
  position: relative;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
  padding-bottom: 20px;
}

.step-by-step ol > li:after{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -12.5px;
  width: 25px;
  height: 15px;
  background-image: url('../img/_green/arrow_medium_down.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.step-by-step ol > li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
}

.step-by-step ol > li:last-child:after{
  display: none;
}



/*------------------------------
RESPONSIVENESS
------------------------------*/

@media (max-width: 1600px){

  .latest-results > .latest-results-days > .latest-results-days-container,
  .latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row,
  .latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day{
      display: block;
  }

  .latest-results > .latest-results-days {
      padding: 0 15px;
  }

  .latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day {
      width: 100%;
      border-bottom: 1px solid rgba(16,28,60,1);
      border-right: none;
      padding-left: 15px;
      padding-right: 15px;
  }

  .latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day:last-child {
      border-bottom: none;
  }


}

@media (max-width: 1500px){

  .feature > .panels > .panel.image-panel > .image {
    margin-right: 0;
  }


  .back-link {
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
  }

}

@media (max-width: 1360px){


  .feature > .panels.two,
  .featured-story > .panels.two{
      display: block;
  }

  .featured-story > .panels.two > .panel.text-panel{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .panels > .panel.image-panel img.desktop-image{
    display: none;
  }

  .panels > .panel.image-panel img.mobile-image{
    display: block;
  }

  .featured-story > .panels.two > .panel.text-panel > .overlay{
    background-color: rgba(16,28,60,0.5);
    height: 100%;
  }

  .featured-story > .panels.two > .panel.text-panel > .overlay > .panel-content-container{
    max-width: none;
  }

  .featured-read-all.panels.two{
    display: block;
  }

  .featured-read-all.panels.two > .panel .panel-content-container{
    text-align: center;
  }

  .featured-read-all.panels.two > .panel:first-child{
    display: none;
  }


/*-- PREVIOUSLY: 120 --*/

.podium > .podium-block.podium-first > .podium-position > h2{
  font-size: 105px;
}

/*-- PREVIOUSLY: 94 --*/

.podium > .podium-block.podium-second > .podium-position > h2{
  font-size: 84px;
}

/*-- PREVIOUSLY: 78 --*/

.podium > .podium-block.podium-third > .podium-position > h2{
  font-size: 71px;
}

/*-- PREVIOUSLY: 85 --*/

h1,
.h1{
  font-size: 76px;
}

/*-- PREVIOUSLY: 65 --*/

h2,
.h2{
  font-size: 57px;
}

/*-- PREVIOUSLY: 60 --*/

h3,
.h3{
  font-size: 51px;
}

/*-- PREVIOUSLY: 48 --*/

.team-links > nav > ul > li > a > span,
.section-links > nav > ul > li > a > span,
nav.main-nav > ul > li.meganav > ul > li > a > span{
  font-size: 41px;
}

/*-- PREVIOUSLY: 40 --*/

.search-modal .search-input,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig,
.search-modal div.asl_w .probox .proinput input.orig{
    font-size: 35px;
}

/*-- PREVIOUSLY: 35 --*/

.bigtext{
  font-size: 30px;
}

/*-- PREVIOUSLY: 30 --*/

h4.alt,
.h4-alt{
  font-size: 27px;
}

/*-- PREVIOUSLY: 26 --*/

h4,
.h4,
h5.stacked-date > span,
.social-sharing .sharedaddy h3.sd-title,
.latest-results > .latest-results-toggle > form > label,
.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > strong,
#racesSwiper .swiper-slide.step3 > .race-details > .race-name > h5{
  font-size: 23px;
}

/*-- PREVIOUSLY: 22 --*/

.back-link > a{
  font-size: 20px;
}

/*-- PREVIOUSLY: 18 --*/

h5,
.h5,
nav.filter-nav > ul > li > a,
#racesSwiper .sudo-slides .sudo-normal,
.video-slideshow .slide > .slide-caption,
.slideshow .slide > .slide-caption,
#racesSwiper .swiper-slide{
  font-size: 17px;
}

/*-- PREVIOUSLY: 16 --*/

body,
ul.horizontal > li,
ol.horizontal > li,
nav.filter-nav ul > li,
.social-sharing .sharedaddy .sd-content > ul > li,
.pagination > span,
.pagination > a,
#ajaxsearchliteres1 .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3,
#ajaxsearchliteres1 .results .item .asl_content h3 a,
div.asl_r .results .item .asl_content h3 a,
#ajaxsearchliteres1 .results .asl_nores > span,
div.asl_r .results .asl_nores > span{
  font-size: 15px;
}

/*-- PREVIOUSLY: 14 --*/

h6,
.h6,
h5.stacked-date,
div.button > a,
input[type=submit],
nav.main-nav > ul > li > a,
nav.footer-nav > ul > li > a,
.article-info > p > span,
input[type="time"],
input[type="date"],
input[type="number"],
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select{
  font-size: 13px;
}

/*-- PREVIOUSLY: 12 --*/

.search-modal h4,
#ajaxsearchliteres1 .results .item .asl_content .asl_desc,
div.asl_r .results .item .asl_content .asl_desc{
  font-size: 11px;
}

/*-- PREVIOUSLY: 10 --*/

h4.category,
nav.tools-nav > ul > li > a,
nav.tools-nav > ul > li > ul > li > a{
  font-size: 9.5px;
}

}

@media (max-width: 1280px){

  .teamlogos .teamlogo {
    width: 33.3333%;
  }

}



@media (max-width: 1200px){

#racesSwiper .sudo-slides .sudo-active,
#racesSwiper .swiper-slide.swiper-slide-active.step2{
  max-width: 60%;
}

.brand.brand-header{
  background-image: none !important;
}

.brand.brand-feature {
    height: 400px;
    margin-top: -200px;
}

  footer > div.footer-links {
    border-top: none;
  }

  footer > div.footer-links > .overlay > .right,
  footer > div.footer-links > .overlay > .left{
    float: none;
    text-align: center;
    width: 100%;
  }

  footer > div.footer-links > .overlay > .left{
    border-top: 1px solid rgba(255,255,255,0.25);
  }

  footer > div.footer-links > .overlay > br.clear{
    display: none;
  }

  footer nav.social-media > ul > li {
      border-left: none;
  }

  footer nav.social-media > ul > li > a {
      padding: 20px 10px;
  }

}

@media (max-width: 1160px){

  .partners .partner {
    display: block;
    margin: 0;
    margin-top: 30px;
  }

}

@media (max-width: 1140px){

  .latest-results > div {
    padding: 15px;
  }

  .latest-results > .latest-results-toggle {
    min-width: 190px;
  }

  .latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > h5 {
    margin-right: 20px;
  }

  .latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li {
    margin-right: 15px;
  }

  .latest-results > .latest-results-button > .button > a {
    min-width: 0;
  }

}

@media (max-width: 1100px){


section.header > .overlay{
    padding-top: 80px;
    padding-bottom: 80px;
}

section.section > .overlay{
    padding-top: 50px;
    padding-bottom: 50px;
}

section.section.brand-below > .overlay{
    padding-bottom: 100px;
}

.panels > .panel.text-panel > .overlay > .panel-content-container,
.hosts > .host > .host-content > .host-content-container{
    padding-top: 50px;
    padding-bottom: 50px;
}

.brand-below .panels > .panel.text-panel > .overlay > .panel-content-container {
    padding-bottom: 100px;
}

.panels > .panel > .overlay > .panel-content-container {
    padding-top: 40px;
    padding-bottom: 40px;
}

section.section.brand-above > .overlay{
    padding-top: 100px;
}

section.rows .row.row-heading{
    padding-top: 50px;
    padding-bottom: 20px;
}

section.rows .row.row-content{
  padding: 35px 0;
}

section.tools > .overlay{
    padding-top: 50px;
    padding-bottom: 50px;
}

.filter-widgets.races-filter{
  padding-bottom: 40px;
}

section.rows .row.row-button {
    padding-bottom: 35px;
}

footer > div.footer-partners > .overlay {
    padding: 40px 0;
}

.block > .overlay {
    padding: 30px 15px;
}

.video-slideshow,
.slideshow{
  margin-top: 30px;
}

  nav.filter-nav > ul > li > a {
      line-height: 30px;
  }

  .brand.brand-feature {
      height: 300px;
      margin-top: -150px;
  }

  .columns.five > .column{
    width: 33.3333%;
  }

  .items.five > .item{
    width: 33.3333%;
  }


  h2.logo {
      margin-bottom: 30px;
      height: 80px;
  }

.icon > a,
.icon > i{
    max-width: 100px;
    min-width: 100px;
    height: 100px;
}

/*-- PREVIOUSLY: 120 --*/

.podium > .podium-block.podium-first > .podium-position > h2{
  font-size: 90px;
}

/*-- PREVIOUSLY: 94 --*/

.podium > .podium-block.podium-second > .podium-position > h2{
  font-size: 75px;
}

/*-- PREVIOUSLY: 78 --*/

.podium > .podium-block.podium-third > .podium-position > h2{
  font-size: 65px;
}

/*-- PREVIOUSLY: 85 --*/

h1,
.h1{
  font-size: 68px;
}

/*-- PREVIOUSLY: 65 --*/

h2,
.h2{
  font-size: 50px;
}

/*-- PREVIOUSLY: 60 --*/

h3,
.h3{
  font-size: 42px;
}

/*-- PREVIOUSLY: 48 --*/

.team-links > nav > ul > li > a > span,
.section-links > nav > ul > li > a > span,
nav.main-nav > ul > li.meganav > ul > li > a > span{
  font-size: 34px;
}

/*-- PREVIOUSLY: 40 --*/

.search-modal .search-input,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig,
.search-modal div.asl_w .probox .proinput input.orig{
    font-size: 30px;
}

/*-- PREVIOUSLY: 35 --*/

.bigtext{
  font-size: 26px;
}

/*-- PREVIOUSLY: 30 --*/

h4.alt,
.h4-alt{
  font-size: 24px;
}

/*-- PREVIOUSLY: 26 --*/

h4,
.h4,
h5.stacked-date > span,
.social-sharing .sharedaddy h3.sd-title,
.latest-results > .latest-results-toggle > form > label,
.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > strong,
#racesSwiper .swiper-slide.step3 > .race-details > .race-name > h5{
  font-size: 21px;
}

/*-- PREVIOUSLY: 22 --*/

.back-link > a{
  font-size: 19px;
}

/*-- PREVIOUSLY: 18 --*/

h5,
.h5,
nav.filter-nav > ul > li > a,
#racesSwiper .sudo-slides .sudo-normal,
.video-slideshow .slide > .slide-caption,
.slideshow .slide > .slide-caption,
#racesSwiper .swiper-slide{
  font-size: 16px;
}

/*-- PREVIOUSLY: 16 --*/

body,
ul.horizontal > li,
ol.horizontal > li,
nav.filter-nav ul > li,
.social-sharing .sharedaddy .sd-content > ul > li,
.pagination > span,
.pagination > a,
#ajaxsearchliteres1 .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3,
#ajaxsearchliteres1 .results .item .asl_content h3 a,
div.asl_r .results .item .asl_content h3 a,
#ajaxsearchliteres1 .results .asl_nores > span,
div.asl_r .results .asl_nores > span{
  font-size: 14px;
}

/*-- PREVIOUSLY: 14 --*/

h6,
.h6,
h5.stacked-date,
div.button > a,
input[type=submit],
nav.main-nav > ul > li > a,
nav.footer-nav > ul > li > a,
.article-info > p > span,
input[type="time"],
input[type="date"],
input[type="number"],
input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select{
  font-size: 12px;
}

/*-- PREVIOUSLY: 12 --*/

.search-modal h4,
#ajaxsearchliteres1 .results .item .asl_content .asl_desc,
div.asl_r .results .item .asl_content .asl_desc{
  font-size: 10px;
}

/*-- PREVIOUSLY: 10 --*/

h4.category,
nav.tools-nav > ul > li > a,
nav.tools-nav > ul > li > ul > li > a{
  font-size: 9px;
}


.hosts > .host > .host-content > .host-content-container > h3 > .flag > img {
    width: 50px;
}


.items.items-6 > ul > li {
    width: 33.3333%;
}

}

@media (max-width: 1020px){

.article-header > .left {
    width: 90%;
    width: -webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width: calc(100% - 45px);
}

.article-header > .right {
    width: 30px;
}

.social-sharing > a {
    width: 30px;
    height: 30px;
}

.team-links > nav > ul > li,
.team-links > nav > ul > li:hover {
    min-height: 300px;
}


    .filter-widgets ul{
      flex-wrap: wrap;
    }

    .filter-widgets ul > li {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .filter-widgets ul > li.stretch-double{
      flex-basis: 100%;
    }

    .filter-widgets ul > li.stretch-single{
      flex-basis: 50%;
    }

    .filter-widgets ul > li.filter-button{
      flex-grow: 0;
      flex-basis: 100%;
    }

    .columns.four > .column{
        width: 50%;
    }

    nav.footer-nav {
        display: block;
    }

    nav.footer-nav > ul {
        display: block;
    }

    nav.footer-nav > ul > li {
        display: block;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.25);
    }

    nav.footer-nav > ul > li:last-child {
        border-bottom: none;
    }

    nav.footer-nav > ul > li > a {
        padding: 10px 15px;
    }

    .slideshow .slide{
        padding: 0;
    }

    .slideshow.slick-slider .slick-slide{
        opacity: 1;
    }

.items.items-4 > ul > li {
    width: 50%;
    margin-bottom: 30px;
}

.items.items-4 > ul > li:nth-child(-1),
.items.items-4 > ul > li:nth-child(-2){
    margin-bottom: 0;
}


/*-- PREVIOUSLY: 120 --*/

.podium > .podium-block.podium-first > .podium-position > h2{
  font-size: 75px;
}

/*-- PREVIOUSLY: 94 --*/

.podium > .podium-block.podium-second > .podium-position > h2{
  font-size: 65px;
}

/*-- PREVIOUSLY: 78 --*/

.podium > .podium-block.podium-third > .podium-position > h2{
  font-size: 57px;
}

/*-- PREVIOUSLY: 85 --*/

h1,
.h1{
  font-size: 60px;
}

/*-- PREVIOUSLY: 65 --*/

h2,
.h2{
  font-size: 42.5px;
}

/*-- PREVIOUSLY: 60 --*/

h3,
.h3{
  font-size: 33px;
}

/*-- PREVIOUSLY: 48 --*/

.team-links > nav > ul > li > a > span,
.section-links > nav > ul > li > a > span,
nav.main-nav > ul > li.meganav > ul > li > a > span{
  font-size: 27px;
}

/*-- PREVIOUSLY: 40 --*/

.search-modal .search-input,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig,
.search-modal div.asl_w .probox .proinput input.orig{
    font-size: 24px;
}

/*-- PREVIOUSLY: 35 --*/

.bigtext{
  font-size: 22px;
}

/*-- PREVIOUSLY: 30 --*/

h4.alt,
.h4-alt{
  font-size: 20.5px;
}

/*-- PREVIOUSLY: 26 --*/

h4,
.h4,
h5.stacked-date > span,
.social-sharing .sharedaddy h3.sd-title,
.latest-results > .latest-results-toggle > form > label,
.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > strong,
#racesSwiper .swiper-slide.step3 > .race-details > .race-name > h5{
  font-size: 18px;
}

/*-- PREVIOUSLY: 22 --*/

.back-link > a{
  font-size: 17px;
}

/*-- PREVIOUSLY: 18 --*/

h5,
.h5,
nav.filter-nav > ul > li > a,
#racesSwiper .sudo-slides .sudo-normal,
.video-slideshow .slide > .slide-caption,
.slideshow .slide > .slide-caption,
#racesSwiper .swiper-slide{
  font-size: 14px;
}

/*-- PREVIOUSLY: 16 --*/

.social-sharing .sharedaddy .sd-content > ul > li,
.pagination > span,
.pagination > a,
#ajaxsearchliteres1 .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3,
#ajaxsearchliteres1 .results .item .asl_content h3 a,
div.asl_r .results .item .asl_content h3 a,
#ajaxsearchliteres1 .results .asl_nores > span,
div.asl_r .results .asl_nores > span{
  font-size: 13px;
}

/*-- PREVIOUSLY: 14 --*/

h6,
.h6,
h5.stacked-date,
div.button > a,
input[type=submit],
nav.main-nav > ul > li > a,
nav.footer-nav > ul > li > a,
.article-info > p > span{
  font-size: 10px;
}

/*-- PREVIOUSLY: 12 --*/

.search-modal h4,
#ajaxsearchliteres1 .results .item .asl_content .asl_desc,
div.asl_r .results .item .asl_content .asl_desc{
  font-size: 9px;
}

/*-- PREVIOUSLY: 10 --*/

h4.category,
nav.tools-nav > ul > li > a,
nav.tools-nav > ul > li > ul > li > a{
  font-size: 8.5px;
}

.hosts > .host > .host-content > .host-content-container > h3 > .flag > img {
    width: 40px;
}


}

@media (max-width: 960px){

.article-header > .left {
    width: 90%;
    width: -webkit-calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: calc(100% - 25px);
}

.article-header > .right {
    width: 25px;
}

.social-sharing > a {
    width: 25px;
    height: 25px;
}



  .map {
      height: 320px;
  }

    .columns.three,
    .columns.five{
      margin-left: 0;
    }

    .columns.three > .column,
    .columns.five > .column{
      padding-left: 0;
      float: none;
      width: auto;
    }

    .columns.three > .column:nth-child(1),
    .columns.three > .column:nth-child(2),
    .columns.five > .column:nth-child(1),
    .columns.five > .column:nth-child(2),
    .columns.five > .column:nth-child(3),
    .columns.five > .column:nth-child(4){
      margin-bottom: 30px;
    }

    .columns.three > br.clear,
    .columns.five > br.clear{
      display: none;
    }

    .articles.grid {
      margin-left: -30px;
    }

    .articles.grid article{
      flex: 0 1 50%;
      padding-left: 30px;
      margin-bottom: 60px;
    }

    section.image-section{
        height: 360px;
    }

  .latest-results > .latest-results-toggle {
      min-width: 160px;
  }

  .latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > strong {
      line-height: 40px;
    }

.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > .result-details-container {
    height: 40px;
}

  .team-logo.team-logo-small,
  .team-logo.team-logo-small img {
      width: 40px;
      height: 40px;
  }


#racesSwiper .sudo-slides .sudo-active,
#racesSwiper .swiper-slide.swiper-slide-active.step2{
  max-width: 80%;
}

}

@media (max-width: 940px){

  .graphical-element > .single-heats > ul > li{
      margin: 0;
      width: 50%;
  }

  .graphical-element > .single-heats > ul > li:nth-child(1),
  .graphical-element > .single-heats > ul > li:nth-child(2){
      margin-bottom: 30px;
  }

}

@media (max-width: 860px){


.button-group .logo > a > img {
    height: 60px;
}


.pilot > .pilot-image {
    padding-bottom: 90px;
}

  .team-links > nav > ul > li,
  .team-links > nav > ul > li:hover {
      flex-basis: 100%;
  }

  main .parallax-image{
    display: none !important;
  }

  section.section-links {
    display: none;
  }

    .columns.two,
    .columns.four{
      margin-left: 0;
    }

    .columns.two > .column,
    .columns.four > .column{
      padding-left: 0;
      float: none;
      text-align: center !important;
      width: auto !important;
    }

    .promotional-content .columns.two > .column,
    .promotional-content .columns.four > .column{
      text-align: left !important;
    }

    .columns.two > .column > ul,
    .columns.four > .column > ul{
      text-align: center !important;
    }

   .promotional-content .columns.two > .column > ul,
   .promotional-content .columns.four > .column > ul,
   .promotional-content .columns.two > .column > ul,
   .promotional-content .columns.four > .column > ul{
      text-align: center !important;
    }

    .columns.two > .column:nth-child(1),
    .columns.four > .column:nth-child(1),
    .columns.four > .column:nth-child(2),
    .columns.four > .column:nth-child(3){
      margin-bottom: 30px;
    }

    .columns.two > br.clear,
    .columns.four > br.clear{
      display: none;
    }

    nav.mobile-nav{
      display: block;
    }

    nav.main-nav{
      display: none;
    }

    nav.tools-nav > ul > li.weare,
    nav.tools-nav > ul > li.desktop,
    nav.tools-nav > ul > li.mcdonalds,
    nav.tools-nav > ul > li.media{
      display: none;
    }

    h2#logo {
      float: none;
      position: absolute;
      left: 50%;
      margin-left: -72.5px;
    }

  .featured-story > .panels.two > .panel.text-panel {
      position: relative;
      top: auto;
      bottom: auto;
      left: auto;
      right: auto;
  }

  .featured-story > .panels.two > .panel.text-panel > .overlay {
      background-color: rgba(16,28,60,1);
      height: auto;
  }

  .featured-story > .panels.two > .panel.text-panel > .overlay > .panel-content-container{
    text-align: center;
    max-width: none;
  }

 .featured-story > .panels.two > .panel.text-panel > .overlay > .panel-content-container > h4{
    padding-left: 10px;
  }

  .panels > .panel.image-panel img.desktop-image{
    display: none;
  }

  .panels > .panel.image-panel img.mobile-image{
    display: block;
  }

  .brand.brand-feature {
      height: 240px;
      margin-top: -120px;
  }

  h2.logo {
      margin-bottom: 20px;
      height: 60px;
  }

.platforms > ul > li > i {
    width: 16px;
    height: 16px;
}

  .flag > img {
      width: 16px;
  }

  .controller > i {
      width: 16px;
      height: 16px;
  }

  .flightmode > i {
      width: 16px;
      height: 16px;
  }

.icon > a,
.icon > i{
    max-width: 60px;
    min-width: 60px;
    height: 60px;
}

/*-- PREVIOUSLY: 120 --*/

.podium > .podium-block.podium-first > .podium-position > h2{
  font-size: 60px;
}

/*-- PREVIOUSLY: 94 --*/

.podium > .podium-block.podium-second > .podium-position > h2{
  font-size: 55px;
}

/*-- PREVIOUSLY: 78 --*/

.podium > .podium-block.podium-third > .podium-position > h2{
  font-size: 50px;
}

/*-- PREVIOUSLY: 85 --*/

h1,
.h1{
  font-size: 52px;
}

/*-- PREVIOUSLY: 65 --*/

h2,
.h2{
  font-size: 35px;
}

/*-- PREVIOUSLY: 60 --*/

h3,
.h3{
  font-size: 24px;
}

/*-- PREVIOUSLY: 48 --*/

.team-links > nav > ul > li > a > span,
.section-links > nav > ul > li > a > span,
nav.main-nav > ul > li.meganav > ul > li > a > span{
  font-size: 20px;
}

/*-- PREVIOUSLY: 40 --*/

.search-modal .search-input,
.search-modal #ajaxsearchlite1 .probox .proinput input.orig,
.search-modal div.asl_w .probox .proinput input.orig{
    font-size: 19px;
}

/*-- PREVIOUSLY: 35 --*/

.bigtext{
  font-size: 18px;
}

/*-- PREVIOUSLY: 30 --*/

h4.alt,
.h4-alt{
  font-size: 17px;
}

/*-- PREVIOUSLY: 26 --*/

h4,
.h4,
h5.stacked-date > span,
.social-sharing .sharedaddy h3.sd-title,
.latest-results > .latest-results-toggle > form > label,
.latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day > ol > li > strong,
#racesSwiper .swiper-slide.step3 > .race-details > .race-name > h5{
  font-size: 16px;
}

/*-- PREVIOUSLY: 22 --*/

.back-link > a{
  font-size: 15px;
}

/*-- PREVIOUSLY: 18 --*/

h5,
.h5,
nav.filter-nav > ul > li > a,
#racesSwiper .sudo-slides .sudo-normal,
.video-slideshow .slide > .slide-caption,
.slideshow .slide > .slide-caption,
#racesSwiper .swiper-slide{
  font-size: 13px;
}

/*-- PREVIOUSLY: 16 --*/

.social-sharing .sharedaddy .sd-content > ul > li,
.pagination > span,
.pagination > a,
#ajaxsearchliteres1 .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3,
#ajaxsearchliteres1 .results .item .asl_content h3 a,
div.asl_r .results .item .asl_content h3 a,
#ajaxsearchliteres1 .results .asl_nores > span,
div.asl_r .results .asl_nores > span{
  font-size: 12px;
}

/*-- PREVIOUSLY: 14 --*/

/*

h6,
.h6,
h5.stacked-date,
div.button > a,
input[type=submit],
nav.main-nav > ul > li > a,
nav.footer-nav > ul > li > a,
.article-info > p > span{
  font-size: 9px;
}

*/

/*-- PREVIOUSLY: 12 --*/

/*

.search-modal h4,
#ajaxsearchliteres1 .results .item .asl_content .asl_desc,
div.asl_r .results .item .asl_content .asl_desc{
  font-size: 8px;
}

*/

/*-- PREVIOUSLY: 10 --*/

/*

h4.category,
nav.tools-nav > ul > li > a,
nav.tools-nav > ul > li > ul > li > a{
  font-size: 8px;
}

*/

section.colourstrip{
  display: none;
}

.hosts > .host > .host-content > .host-content-container > h3 > .flag > img {
    width: 30px;
}


.hosts > .host {
    display: block;
}


.hosts > .host > .host-image > .image {
    display: block;
}

.hosts > .host > .host-content > .host-content-container {
    max-width: none;
    text-align: center;
}

.standings-table > table > tbody > tr > td.points-col > i{
  width: 16px;
  height: 16px;
  margin-right: -8px;
  margin-top: -8px;
}


}

@media (max-width: 780px){

  .latest-results {
      display: block;
  }

  .latest-results > div.latest-results-toggle{
      display: block;
      border-right: none;
      border-bottom: 1px solid rgba(16,28,60,1);
  }

  .items {
      padding: 0;
  }

  .items.items-3 > ul > li {
    width: 100%;
  }

  .promo-code > h2{
    font-size: 24px;
  }

}

@media (max-width: 740px){

  #racesSwiper .sudo-slides .sudo-active,
  #racesSwiper .swiper-slide.swiper-slide-active.step2{
    max-width: 80%;
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
  }

  .podium {
    margin-left: -15px;
  }

  .podium > .podium-block {
    margin-left: 15px;
  }

.vacancies .vacancy > .paragraph > address{
  margin-top: 10px;
}

.vacancies .vacancy > .paragraph > address > p {
    line-height: 10px;
}

.vacancies .vacancy > .paragraph > address > p > span {
    line-height: 10px;
}


  .standings-table > table > tbody > tr > td.standings-points{
    display: none;
  }

  .brand.brand-image{
      background-image: none !important;
  }

}


@media (max-width: 720px){

  .graphical-element .team-heats .team {
      width: 100%;
  }

  .graphical-element .team-heats .team > span{
      display: block;
    width: 100%;
    text-align: center;
  }

  .graphical-element .team-heats .vs{
      display: block;
      margin: 30px 0;
  }

  .standings-table > table > thead > tr > th.team-col,
  .standings-table > table > tbody > tr > td.team-col{
    display: none;
  }

  .game-info-table > table > thead > tr > th,
  .game-info-table > table > tbody > tr > th,
  .game-info-table > table > tbody > tr > td,
  .race-schedule-table > table > thead > tr > th,
  .race-schedule-table > table > tbody > tr > th,
  .race-schedule-table > table > tbody > tr > td,
  .standings-table > table > thead > tr > th,
  .standings-table > table > tbody > tr > th,
  .standings-table > table > tbody > tr > td,
  .standings-table > table.collapsible.active > thead > tr > th.collapsible-col > .header-content,
  .standings-table > table.collapsible > thead > tr > th > .header-content,
  .standings-table > table.collapsible > tbody > tr.parent > td > .parent-content{
    padding: 5px 3.75px;
  }


}


@media (max-width: 680px){




.slick-slider > .slick-arrow {
  top: 26vw;
  margin-top: 0;
    width: 17.5px;
    height: 35px;
}

.slick-slider > .slick-arrow.slick-prev {
    left: 15px;
}

.slick-slider > .slick-arrow.slick-next {
    right: 15px;
}


.video-slideshow .slide > .slide-caption,
.slideshow .slide > .slide-caption {
    padding: 0 15px;
}


  .brand.brand-feature {
      height: 160px;
      margin-top: -80px;
  }

    .articles.grid {
      margin-left: 0;
    }

    .articles.grid article{
      flex: 0 1 100%;
      padding-left: 0;
      margin-bottom: 60px;
    }

}

@media (max-width: 640px){

  footer > div.footer-copyright ul > li {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
  }

  footer > div.footer-copyright ul > li:last-child {
    margin-bottom: 0;
  }


.column ul.horizontal.button-group{

}

.column ul.horizontal.button-group > li{
  display: block;
  margin: 0;
  margin-bottom: 20px;
}

.column ul.horizontal.button-group > li > .icon-button{

}

.column ul.horizontal.button-group > li > .icon-button > .button{
  margin-top: 5px;
}

.column ul.horizontal.button-group > li:last-child{
  margin-bottom: 0;
}

}


@media (max-width: 620px){

  .graphical-element .big-heat .team {
      width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .graphical-element .big-heat .team > span{
      display: block;
    width: 100%;
    text-align: center;
  }

  .graphical-element .big-heat .vs{
      display: block;
      margin: 30px 0;
  }

}

@media (max-width: 600px){

  .latest-results > div {
      border-right: none;
  }

  .latest-results > div.latest-results-toggle,
  .latest-results.dcl > div.dcl,
  .latest-results.dcl-the-game > div.dcl-the-game,
  .latest-results.womens > div.womens{
      display: block;
      text-align: center;
  }

  .latest-results > div.latest-results-toggle {
      text-align: left;
  }

  .latest-results > .latest-results-days > .latest-results-days-container > .latest-results-days-row > .latest-results-day {
    border-bottom: 1px dotted rgba(16,28,60,0.25);
  }

#racesSwiper .swiper-slide.step3 > .race-details {
  padding: 80px 15px 50px 15px;
}

.schedule-boxes,
.past .game-details{
      margin-left: 0;
  }

.past .game-details > .game-details-box,
.schedule-boxes > .schedule-box{
    float: none;
    width: auto;
    margin-left: 0;
    margin-bottom: 15px;
}

.past .game-details > .game-details-box:last-child,
.schedule-boxes > .schedule-box:last-child{
    margin-bottom: 0;
}

.future .game-details > .game-details-box{
    max-width: none;
}

.past .game-details > br.clear,
.schedule-boxes > br.clear{
  display: none;
}

  .promo-code > h2{
    font-size: 18px;
  }

}

@media (max-width: 540px){

    h1, .h1{font-size:36px;}

  .vacancies .vacancy {
      padding: 15px;
  }

  .items > ul > li {
      width: 100% !important;
      margin-bottom: 30px !important;
  }

  .items .item {
      margin: 15px;
  }

  .items .item > .item-image, .items .item > .item-icon {
      max-width: 180px;
  }


  .items > ul > li:last-child {
      width: 100%;
      margin-bottom: 0 !important;
  }

  .mobile-menu nav.main-nav-mobile > ul > li > a:before {
      top: 8.5px;
  }

  .mobile-menu nav.main-nav-mobile > ul > li > a {
      font-size: 25px;
      padding: 5px 30px;
  }

  .mobile-menu nav.main-nav-mobile > ul > li > ul.sub-menu > li > a {
    padding: 5px 30px;
    font-size: 20px;
  }

  .mobile-menu nav.tools-nav-mobile > ul > li > a {
      font-size: 20px;
      padding: 5px 30px;
  }

  .podium{
    display: none;
  }

  .filter-widgets {
      padding-left: 11.25px;
      padding-right: 11.25px;
  }

  .filter-widgets ul > li {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: auto;
      align-self: center;
      padding: 3.75px;
  }

.filter-widgets-search .search-submit {
    top: 3.75px;
    right: 3.75px;
  }

  .content-container,
  .full-width{
      padding: 0 15px;
  }

  .panels > .panel > .overlay > .panel-content-container,
  .hosts > .host > .host-content > .host-content-container{
      padding-left: 15px;
      padding-right: 15px;
  }

  .standings-table > table > thead > tr > th.platform-col,
  .standings-table > table > tbody > tr > td.platform-col{
    display: none;
  }

}

@media (max-width: 420px){

  .brand.brand-feature {
      height: 100px;
      margin-top: -50px;
  }

  #racesSwiper .sudo-slides .sudo-active,
  #racesSwiper .swiper-slide.swiper-slide-active.step2{
    max-width: 80%;
    max-width: -webkit-calc(100% - 30px);
    max-width: -moz-calc(100% - 30px);
    max-width: calc(100% - 30px);
  }

  .promo-code > h2{
    font-size: 13px;
  }

}

@media (max-width: 380px){
    h1, .h1{font-size:26px;}
}

/*-- TARGET ALL IOS DEVICES --*/

@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1),
(min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2),
(min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3),
(min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3),
(min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2),
(min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3){

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"]{ 
      font-size: 16px !important;
    }

}