/* Base CSS  */

::-webkit-scrollbar {
    width: 9px;
}

::-webkit-scrollbar-track {
    background: inherit;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 20px;
    border: transparent;
}

html {
    margin: 0;
    padding: 0;
    padding: 0;
    background-color: black;
    font-size: 16px;
    height: 100%;
    width: 100%;
}

@font-face {
    font-family: displayfont;
    src: url(/Static/Fonts/Barlow-SemiBold.ttf);
}

@font-face {
    font-family: bodyfont;
    src: url(/Static/Fonts/Barlow-Regular.ttf);
}

@font-face {
    font-family: bodybold;
    src: url(/Static/Fonts/Barlow-Bold.ttf);
}

body {
    opacity: 1;
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-family: Inter;
    font-size: 16px;
    color: white;
    background-color: #0d160d !important;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

h1,
h2 {
    font-family: BigNoodleTitling;
    font-weight: 600;
}

.Background {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ECF0F3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(/Static/Images/Backgrounds/default.jpg);
    transform: scale(1.2);
    transition: transform 0.4s ease-in-out;
}

.Background.Top {
    transform: translateY(10%) scale(1.2);
}

.Background.Bottom {
    transform: translateY(-10%) scale(1.2);
}

.Background.Left {
    transform: translateX(10%) scale(1.2);
}

.Background.Right {
    transform: translateX(-10%) scale(1.2);
}

.Background.Middle {
    transform: scale(1.1);
}

.Background.None {
    transform: scale(1);
}


.Blurry {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(/Static/Images/Backgrounds/default_blur.jpg);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


body.Default .Background {
    background-color: #C1D2EE;
    background-image: url(/Static/Images/Backgrounds/default.jpg);
}

body.Default .Background .Blurry {
    background-image: url(/Static/Images/Backgrounds/default_blur.jpg);
}


body.API .Background {
    background-color: #C1D2EE;
    background-image: url(/Static/Images/Backgrounds/api.jpg);
}

body.API .Background .Blurry {
    background-image: url(/Static/Images/Backgrounds/api_blur.jpg);
}


body.MC .Background {
    background-color: #7BB9FE;
    background-image: none;
}

body.MC .Background .Blurry {
    background-image: none;
}


body.TLCC .Background,
body.FRW.TLCC1Wheel .Background {
    background-color: #D3C4AC;
    background-image: url(/Static/Images/Backgrounds/tlcc.jpg);
}

body.TLCC .Background .Blurry,
body.FRW.TLCC1Wheel .Background .Blurry {
    background-image: url(/Static/Images/Backgrounds/tlcc_blur.jpg);
}


body.FRW .Background {
    background-color: #81AAD8;
    background-image: url(/Static/Images/Backgrounds/frw.jpg);
}


body.FRW .Background .Blurry {
    background-image: url(/Static/Images/Backgrounds/frw_blur.jpg);
}


.Background.Blur .Blurry {
    opacity: 1;
}


#Content {
    display: block;
    position: relative;
    background-color: white;
    background-color: #0d160d;
    font-size: 16px;
    /*z-index: 1;*/
}

.white {
    background-color: white;
}

.responsive {
    width: 100%;
    font-size: 0.92vw;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width:640px) {
    .responsive {
        /*margin-left: 4%;*/
        /*margin-right: 4%;*/
    }
}

@media screen and (min-width:960px) {
    .responsive {
        /*margin-left: 8%;*/
        /*margin-right: 8%;*/
    }
}

@media screen and (min-width:1300px) {
    .responsive {
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
    }
}


#Content.NoScroll {
    overflow-x: hidden;
    overflow-y: hidden;
}

.overthrow-enabled .overthrow {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}


#Snackbar {
    display: block;
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: -1em;
    background-color: #FF9600;
    color: black;
    font-size: 1.2em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .3em;
    padding-bottom: 1.3em;
    text-align: center;
    z-index: 101;
}

#Snackbar.Default {
    background-color: #FDC743;
    color: black;
    border-top: 1px solid black;
}

#Snackbar.Info {
    background-color: #008000;
    color: white;
    border-top: 1px solid white;
}

#Snackbar.Error {
    background-color: #FF0000;
    color: white;
    font-weight: bold;
    border-top: 1px solid white;
}

#Snackbar.Warning {
    background-color: #FFB818;
    color: white;
    font-weight: bold;
    border-top: 1px solid white;
}


.Hide {
    position: absolute;
    display: none;
    opacity: 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.Hide[data-origin="Left"] {
    transform-origin: 0% 50% 0;
}

.Hide[data-origin="Right"] {
    transform-origin: 100% 50% 0;
}

.Hide[data-origin="Top"] {
    transform-origin: 50% 0% 0;
}

.Hide[data-origin="Bottom"] {
    transform-origin: 50% 100% 0;
}

.Hide[data-origin="Middle"] {
    transform-origin: 50% 50% 0;
}


.Content {
    margin-top: 4em;
}


h1 {
    text-align: center;
}


h2 {
    text-align: center;
}

.Content h2 {
    line-height: 2;
    font-weight: bold;
}

h3 {
    text-align: center;
}

/* Form "Wraps" the entire page */
form {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* Article is the content area */
article {
    margin: 0;
    padding: 1em;
    padding-bottom: 0;
    position: absolute;
    top: 3.2em;
    left: 0;
    bottom: 1.8em;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
}


input {
    font-family: Inter;
    font-size: 16px;
}


/* Useful Standards */

/* Display */
.Inline {
    display: inline;
}

.InlineBlock {
    display: inline-block;
}

.Block {
    display: block;
}

.Hidden {
    display: none !important;
}

/* Text */
.Bold {
    font-weight: bold;
}

.Underline,
.Area .Content A.Underline {
    text-decoration: underline;
}

.Strikethrough {
    text-decoration: line-through;
}

.Italic {
    font-style: italic;
}

span.Error {
    color: Red;
}

span.Error a {
    color: Red;
    text-decoration: underline;
    opacity: 1
}

span.Error a:hover {
    color: Red;
    text-decoration: underline;
    opacity: 1
}

.White {
    color: white;
}

.Small {
    font-size: 10px;
    font-weight: normal;
}

/* Alignment */
.TextLeft {
    text-align: left;
}

.TextRight {
    text-align: right;
}

.TextCenter {
    text-align: center;
}

.AlignTop {
    vertical-align: top;
}

.AlignMiddle {
    vertical-align: middle;
}

.AlignBottom {
    vertical-align: bottom;
}

.Centered {
    margin-left: auto;
    margin-right: auto;
}

/* Floating */
.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.ClearFloats {
    clear: both;
}

/* Others */
.Clickable {
    cursor: pointer;
}

/* Forms */
SELECT {
    padding-left: 1px;
    padding-bottom: 5px;
    padding-top: 3px;
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 3px;
}

INPUT {
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 3px;
    padding-top: 5px;
    padding-left: 4px;
    margin-bottom: 2px;
}

INPUT[type=submit],
INPUT[type=button] {
    width: auto;
}

input[readonly=readonly],
select.aspNetDisabled {
    background-color: #e0e0e0 !important;
    background-color: rgba(128, 128, 128, .1) !important;
    color: #606060;
    border: 1px solid #d0d0d0 !important;
    outline: none !important;
    box-shadow: none !important;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="range"] {
    border: 0 !important;
}

INPUT[type=checkbox],
INPUT[type=radio] {
    width: auto !important;
    display: inline-block;
    margin-right: 1em;
}

INPUT[type=image] {
    height: auto;
    width: auto;
}

TEXTAREA {
    vertical-align: top;
    line-height: 1.3em;
    resize: none;
    margin-bottom: 3px;
}


.Button,
.Dialog A.Button {
    color: rgba(0, 0, 0, .8);
    text-shadow: none;
    display: block;
    width: 15em;
    font-size: 3em;
    height: 1.9em;
    max-width: 75%;
    position: relative;
    margin-left: .5em;
    margin-right: .5em;
    margin-top: 0;
    margin-bottom: .4em;
    padding: -1em;
    cursor: pointer;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: rgba(60, 180, 229, .8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    border-radius: .25em;
    box-shadow: .05em .05em .05em rgba(0, 0, 0, .3), inset .05em .05em .05em rgba(255, 255, 255, .3), inset -.05em -.05em .05em rgba(0, 0, 0, .1);
}


.Button:hover,
.Dialog A.Button:hover {
    color: #000000;
    box-shadow: .05em .05em .1em rgba(0, 0, 0, .5), inset .05em .05em .05em rgba(255, 255, 255, .3), inset -.05em -.05em .05em rgba(0, 0, 0, .1);
    opacity: 1;
}

.Button:active,
.Dialog A.Button:active {
    color: #ffffff;
    box-shadow: inset .05em .05em .05em rgba(0, 0, 0, .2);
    opacity: 1;
    left: .02em;
    top: .02em;
}


.Button.Disabled,
.Dialog A.Button.Disabled {
    color: #a0a0a0;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .4), -1px -1px 1px rgba(0, 0, 0, .2);
    cursor: default;
    background-color: #909090;
}

.Button.Disabled:hover,
.Dialog A.Button.Disabled:hover {
    color: #a0a0a0;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .4), -1px -1px 1px rgba(0, 0, 0, .2);
    cursor: default;
    box-shadow: .05em .05em .05em rgba(0, 0, 0, .3), inset .05em .05em .05em rgba(255, 255, 255, .3), inset -.05em -.05em .05em rgba(0, 0, 0, .1);
    background-color: #909090;
}


.Button.Disabled:active,
.Dialog A.Button.Disabled:active {
    color: #a0a0a0;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .4), -1px -1px 1px rgba(0, 0, 0, .2);
    cursor: default;
    background-color: #909090;
    opacity: 1;
    left: 0;
    top: 0;
}

.Button.Blue,
.Dialog A.Button.Blue {
    background-color: #0078C6;
}

.Button.Gold,
.Dialog A.Button.Gold {
    background-color: #F3BA20;
}

.Button.Gold:hover,
.Dialog A.Button.Gold:hover {
    background-color: #FFD040;
}

.Button.Grey,
.Dialog A.Button.Grey {
    background-color: #9C9C9C;
}

.Button.Red,
.Dialog A.Button.Red {
    background-color: #B01917;
}

.Button.Organge,
.Dialog A.Button.Orange {
    background-color: #F3BA20;
}

.Button.Green,
.Dialog A.Button.Green {
    background-color: #63D563;
}

.Button.Yellow,
.Dialog A.Button.Yellow {
    background-color: #FEFA06;
    color: #001B3C
}

.Button.Centered,
.Dialog A.Button.Centered {
    margin-left: auto;
    margin-right: auto;
}


.Button span {
    display: block;
    position: absolute;
    line-height: 1.7em;
    top: .1em;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Button.Red span:after {
    content: " »";
    color: #FFFF00;
}

.Button.Blue span:after {
    content: " »";
    color: #FFFF00;
}

.Button.Yellow span:after {
    content: " »";
    color: #001B3C;
}

.Button .Ticket {
    display: inline-block;
    position: absolute;
    font-size: .5em;
    line-height: 2em;
    width: auto;
    min-width: 2em;
    height: auto;
    top: -.5em;
    bottom: auto;
    left: auto;
    right: -.6em;
    vertical-align: bottom;
    background-color: #F5C534;
    background-image: linear-gradient(45deg, #a67400 0%, #FCFAC9 50%, #a67400 100%);
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 1px white;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 1px 1px 2px black;
}

.Button .Ticket.Regular {}

.Button .Ticket.Golden {}


header .Button {
    display: inline-block;
    width: auto;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    color: white;
    height: auto;
    line-height: 1.5;
}



.SocialLinks {
    display: block;
    position: absolute;
    top: 19em;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1em;
}

a.Social {
    font-size: 1.3em;
    margin-right: .7em;
    margin-left: .7em;
    text-decoration: none;
}

a.Social svg {
    display: inline-block;
    position: relative;
    left: 0;
    top: -.2em;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.0;
    vertical-align: middle;
    fill: rgba(255, 255, 255, 1);
}

a.Social svg {
    left: 0;
    top: -.15em;
    width: 0.9em;
    height: 0.9em;
    line-height: 1.0;
    fill: rgba(255, 255, 255, .9);
}

footer .Copyright {
    position: absolute;
    color: rgba(255, 255, 255, .3);
    bottom: 2.0em;
    right: 5%;
    font-size: .8em;
    text-align: right;
}

footer .Revision {
    color: rgba(255, 255, 255, .3);
}

@media screen and (max-width:960px) {

    footer {}

    footer .Col.One {}

    footer .Col.Two {}

    footer .Col.Two img {}

    footer .SocialLinks {}
}


.Sponsors {
    display: none;
    background-color: #3b7fbd;
    position: relative;
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: 1vw;
}

.Sponsors:after {
    content: "";
    display: block;
    position: absolute;
    height: .2em;
    bottom: 0;
    top: auto;
    left: 20%;
    right: 4%;
    background-color: rgba(255, 255, 255, .5);
}


.Sponsors h2 {
    margin: 0;
    font-size: 2.8vw;
    color: rgba(255, 255, 255, .8);
    margin-bottom: .5em;
}

.Sponsors ul {
    position: relative;
    margin: 0;
    padding-left: 5.6%;
    text-align: center;
}

.Sponsors li {
    display: inline-block;
    margin: 0;
    width: 13%;
    margin-right: 6%;
    height: auto;
    background-color: transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
    border-radius: 1.1em;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.Sponsors li:before {
    content: "";
    display: block;
    width: 1px;
    height: 0;
    padding-top: 60%;
}

@media screen and (max-width:900px) {
    .Sponsors li {
        width: 25%;
        margin-right: 6%;
        margin-bottom: 3em;
    }
}

@media screen and (max-width:800px) {
    .Sponsors:after {
        height: 2px;
        left: 30%;
    }
}

@media screen and (max-width:450px) {
    .Sponsors:after {
        display: none;
    }

    .Sponsors h2 {
        font-size: 4vw;
    }
}

.Dialog {
    display: block;
    opacity: 1;
    position: relative;
    margin: 1em;
    background-color: transparent;
    max-width: 480px;
    width: 40em;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    margin-bottom: 3em;
    overflow: hidden;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: margin .4s;
    z-index: 100;
}

.Settings .Dialog {
    opacity: 0;
}

.Dialog.Fullwidth {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    width: 94%;
    right: 3%;
    left: 3%;
    margin-bottom: 2em;
}

.Dialog.Fullheight {
    display: none;
    position: absolute;
    top: 10em;
    bottom: 3em;
    margin-top: 0;
    margin-bottom: 0;
}


/*@media screen and (max-height:800px),
screen and (max-width:800px) {
    .Dialog {
        font-size: 1em;
    }
}

@media screen and (max-height:720px),
screen and (max-width:720px) {
    .Dialog {
        font-size: .9em;
    }
}

@media screen and (max-height:640px),
screen and (max-width:640px) {
    .Dialog {
        font-size: .7em;
    }
}

@media screen and (max-height:480px),
screen and (max-width:480px) {
    .Dialog {
        font-size: .6em;
    }
}

@media screen and (max-height:320px),
screen and (max-width:320px) {
    .Dialog {
        font-size: .5em;
    }
}*/

@media screen and (max-height:240px),
screen and (max-width:240px) {
    .Dialog {
        font-size: .45em;
    }
}

@media screen {
    .Dialog.Fullheight {
        top: 5em;
    }
}

@media screen and (min-width:240px) {
    .Dialog.Fullheight {
        top: 5em;
    }
}

@media screen and (min-width:320px) {
    .Dialog.Fullheight {
        top: 6em;
    }
}

@media screen and (min-width:480px) {
    .Dialog.Fullheight {
        top: 7em;
    }
}

@media screen and (min-width:640px) {
    .Dialog.Fullheight {
        top: 6em;
    }
}

@media screen and (min-width:720px) {
    .Dialog.Fullheight {
        top: 6em;
    }
}

@media screen and (min-width:800px) {
    .Dialog.Fullheight {
        top: 7em;
    }
}


.Dialog H2,
.Dialog H1,
H1.Title {
    position: relative;
    font-size: 48px;
    font-weight: normal;
    line-height: 1.2em;
    padding-bottom: .2em;
    color: white;
    margin: 0;
    margin-bottom: .5em;
    text-align: left;
    z-index: 1;
}


H1.Title {
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 3.5vw;
}


.Dialog H1.Title {
    text-align: left;
}

.Dialog.Closer,
.Dialog.GameSummary {
    border: .2em solid #007BC3;
    border-radius: .2em;
    box-shadow: .4em .4em .8em rgba(0, 0, 0, .7);
}

.Dialog.Closer H2,
.Dialog.Closer H1,
.Dialog.GameSummary H2,
.Dialog.GameSummary H1 {
    background-color: #007BC3;
    color: white;
}

.Dialog.RoundSummary {
    padding-top: 0;
}

.Dialog.RoundSummary h2 {
    padding-left: .3em;
}

.Dialog .Content {
    left: 0;
    right: 0;
    bottom: 0;
    top: 2.45em;
    color: #C5C5C5;
    margin: 0;
    padding: 6%;
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Dialog.Fullheight .Content {
    position: absolute;
}

.Dialog .Content.NoPadding {
    padding: 0;
}

.Dialog.Footer .Content {
    padding-bottom: 2em;
}

.Dialog.Fullheight.Footer .Content {
    bottom: 1.55em;
    padding-bottom: 0;
}



.Dialog .Closer {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    width: 3em;
    height: 3em;
    cursor: pointer;
    z-index: 2;
}

.Dialog .Closer svg {
    fill: rgba(255, 255, 255, .7);
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .5));
    transition: fill .4s;
}

.Dialog .Closer:hover svg {
    fill: white;
}


.Dialog .header {
    background-color: #2F404A;
    margin-top: -1.5em;
    position: relative;
    padding-top: .9em;
    padding-bottom: 0;
    height: 2em;
    vertical-align: bottom;
}

.Dialog .header span {
    font-size: 1.5em;
    display: inline-block;
    width: 22%;
    text-align: center;
    color: #C5DAE4;
}

.Dialog .Footer {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -.2em;
    height: 1.2em;
    padding-top: 0;
    padding-bottom: .4em;
    padding-left: .5em;
    padding-right: .5em;
    z-index: 1;
}

.Dialog .Footer A {
    font-size: 1em;
    line-height: 1.4em;
    text-decoration: none;
    color: #007BC3;
}

.Dialog .Footer A:hover {
    color: #007BC3;
    text-decoration: underline;
}


.Dialog.Fullheight .Footer {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2em;
    padding: .2em;
    padding-bottom: 0;
    padding-left: .5em;
    padding-right: .5em;
}

.Dialog.Fullheight .Footer A {
    font-size: 1.7em;
}

.Dialog.Fullheight .Footer A:hover {
    color: white;
}

.Dialog A.Backbutton {
    display: none;
    width: 2em;
    height: 2em;
    position: absolute;
    top: .2em;
    left: 1.15em;
    opacity: 1;
    fill: white;
    cursor: pointer;
    z-index: 2;
}

.Dialog A.Backbutton svg {
    width: 100%;
    height: 100%;
    fill: white;
}

.Dialog A.Backbutton:hover svg {
    fill: #E93E00;
}


.Dialog a {
    color: #C5C5C5;
    font-weight: normal;
    display: inline-block;
}

.Dialog a:hover {
    color: #ffb700;
    text-decoration: underline;
}

.ErrorMessage {
    font-size: .8em;
    padding: 0;
    height: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    color: red;
    text-align: center;
}


.Dialog fieldset {
    width: 100%;
    border: none;
    background-color: rgba(255, 255, 255, .3);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2), inset -1px -1px 1px rgba(255, 255, 255, .6);
    padding: 1em;
    margin-bottom: .5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.Field {
    margin-bottom: 40px;
    position: relative;
}

.Field.Half {
    display: inline-block;
    width: 48%;
}

.Field.Half.Right {
    float: right;
    clear: right;
}



.Field label {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #C5C5C5;
    background-color: #0d160d;
    position: absolute;
    width: auto;
    top: -8px;
    left: 5%;
    padding: 0 10px 5px 10px;
}


input,
textarea,
select {
    display: block;
    margin: 0;
    padding: .4em;
    width: 100%;
    border: 1px solid #d0d0d0;
    font-size: 1em;
    color: #606060;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    transition: all .2s;
}

textarea {
    height: 4em;
}


input.Third,
textarea.Third,
select.Third {
    display: inline-block;
    width: 33.33333%;
}


@media screen and (max-width:550px) {

    input.Third,
    textarea.Third,
    select.Third {
        display: block;
        width: 100%;
    }
}

input[readonly],
textarea[readonly],
select[disabled] {
    background-color: rgba(128, 128, 128, .1);
    border-color: rgba(128, 128, 128, 0.2);
}


input:focus,
textarea:focus,
select:focus {
    border: 1px solid #3674ac;
    background-color: white;
    outline: none;
}


input[type="submit"],
a.FlatButton {
    -webkit-appearance: none;
    border: none;
    display: inline-block;
    width: auto;
    margin-bottom: 2em;
    margin-top: 2em;
    font-size: 1.0em;
    background-color: #ffffff;
    background: linear-gradient(to bottom, #ffffff, #e0e0e0);
    text-align: center;
    color: rgba(0, 0, 0, .9);
    border: 1px solid rgb(194, 194, 194);
    border-radius: 0;
    padding-top: .7em;
    padding-bottom: .7em;
    /*padding-left: 2em;
    padding-right: 2em;*/
    cursor: pointer;
    transition: all .2s;
    box-shadow: none;
    text-decoration: none;
    line-height: 1.1;
    box-sizing: border-box;
    height: 2.7em;
}


input[type="submit"][disabled],
input[type="submit"].Disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none;
}


input[type="submit"]:hover,
a.FlatButton:hover {
    box-shadow: 0px 0px .3em 0px #999999;
    text-decoration: none;
}

input[type="submit"]:active,
a.FlatButton:active {
    box-shadow: inset .05em .05em .05em #999999;
}

input[type="submit"].Link {
    background-color: transparent;
    border: none;
    color: #3674ac;
    margin-bottom: .3em;
}

input[type="submit"].Link:hover {
    background-color: transparent;
    border: none;
    color: #3674ac;
    text-decoration: underline;
}

.Field span.Error {
    display: block;
    position: relative;
    font-size: .8em;
    margin-bottom: 0;
}

.Field span.Error .EmailUsed {
    color: black;
    font-size: 1.1em;
    line-height: 1.6em;
}

.Field span.Error .EmailUsed a {
    color: #3674ac;
    font-weight: bold;
}

.SettingsItems {
    font-size: 2vw;
    margin: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background-color: white;
}

.SettingsItems p {
    font-size: .8em;
    color: white;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

@media screen and (max-width:1000px) {
    .SettingsItems p {
        font-size: 1.1em;
    }
}

@media screen and (max-width:700px) {
    .SettingsItems p {
        font-size: 1.3em;
    }
}


A.SettingsItem {
    display: inline-block;
    left: 0;
    font-weight: 200;
    text-decoration: none;
    width: 23%;
    height: 3em;
    line-height: 3em;
    font-size: 1em;
    position: relative;
    color: black;
    border: 1px solid rgb(194, 194, 194);
    text-align: left;
    vertical-align: middle;
    margin-top: .5em;
    margin-right: 1%;
    opacity: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
    background-color: #ffffff;
    background: linear-gradient(to bottom, #ffffff, #e0e0e0);
    border-radius: .1em;
    transition: all 200ms;
}

@media screen {
    A.SettingsItem {
        width: 93%;
        font-size: 2.3em;
        left: 4%;
    }
}

@media screen and (min-width:360px) {
    A.SettingsItem {
        width: 47%;
        font-size: 1.4em;
        left: 2%;
    }
}

@media screen and (min-width:640px) {
    A.SettingsItem {
        width: 31%;
        font-size: 1.2em;
        left: 1.5%;
    }
}

@media screen and (min-width:1024px) {
    A.SettingsItem {
        width: 23%;
        font-size: 1em;
        left: 1.5%;
    }
}

@media screen and (min-width:1280px) {
    A.SettingsItem {
        width: 18%;
        font-size: .8em;
        left: 1.5%;
    }
}

A.SettingsItem:hover {
    box-shadow: 0px 0px .3em 0px #999999;
}

A.SettingsItem:active {
    box-shadow: inset .05em .05em .05em #999999;
}


.SettingsItem img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    height: 1.5em;
    padding: .25em;
}

.SettingsItem:hover img {}

.SettingsItem div {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 2em;
    height: 2em;
    padding: .45em;
    padding-left: .6em;
}


.SettingsItem div svg {
    fill: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
}

.SettingsItem:hover div svg {
    fill: rgba(0, 0, 0, .9);
}

.SettingsItem span {
    font-size: .8em;
    display: inline-block;
    line-height: normal;
    margin-left: 3.9em;
    padding-right: 1em;
    color: rgba(0, 0, 0, .7);
    font-weight: bold;
}

.SettingsItem:hover span {
    color: black;
}


nav {
    position: relative;
    display: block;
    opacity: 1;
    margin: 0;
    background-color: transparent;
    font-size: 1.1vw;
    z-index: 2;
    height: 8.54em;
    margin-bottom: 0;
}

nav a.Top {
    width: auto;
}

    nav .Links {
        display: flex;
        justify-content: space-between;
        position: absolute;
        gap: 1.5em;
        top: 2em;
        vertical-align: middle;
        left: auto;
        right: 7em;
        z-index: 3;
        text-transform: uppercase;
    }
        nav .Links a.Top {
            /*width: 120px;*/
            align-items: center;
            display: flex;
            justify-content: center;
            color: white;
            background-color: transparent;
            text-align: center;
            cursor: pointer;
            font-size: 14px;
            text-decoration: none;
            border-radius: .2em;
            vertical-align: middle;
            /*border: .15em solid transparent;*/
            border-radius: .6em;
        }

        nav .Links a.Right {
            width: 125px;
            height: 45px;
            align-items: center;
            display: flex;
            justify-content: center;
            color: #F0C565;
            background-color: transparent;
            text-align: center;
            cursor: pointer;
            font-size: 14px;
            text-decoration: none;
            border-radius: .2em;
            vertical-align: middle;
            /*border: .15em solid transparent;*/
            border-radius: .6em;
        }

nav .Links a.Social {
    margin-right: 0;
    margin-left: .3em;
}

nav .Links a.Social svg:hover {
    fill: #ffffff;
    transition: fill .5s;
}

nav .Links a.Social svg:hover {
    fill: #ffb700;
}

nav .Links a.Social svg {
    width: 1.1em;
    height: 1.1em;
}


nav .Links a.Top:hover {
    color: #ffb700;
}

nav .Links a.Top:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 1em;
    width: 0%;
    height: 1px;
    /*background-color: #ffb700;*/
    /*transition: width .2s;*/
    left: 0;
    right: auto;
}

nav .Links a.Top:hover:before {
    width: 100%;
}

nav .Links a.Top.Selected {
    color: #F6C451;
}

nav .Links a.Top.Selected:before {
    width: 100%;
    /*background-color: #ffdb7c;*/
}


nav .Links a.Top:active {
    color: #ff0303;
}

nav .Links a.Top:active:before {
    /*background-color: #ff0303;*/
}

nav .Links a.Top:hover svg {
    fill: white;
}

nav .Links span {
    display: inline-block;
    position: relative;
    line-height: 1.8;
    font-size: 1.4em;
    vertical-align: middle;
    margin-left: .1em;
    margin-right: .1em;
    color: #3674ac;
}

nav .dropdown {
    display: inline-block;
    position: relative;
}

nav .dropdown ul {
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 2em;
    left: -1em;
    width: 16em;
    background-color: black;
    list-style-type: none;
    z-index: 4;
    color: white;
    border: 1px solid #ffb700;
    border-radius: 25px;
}

nav .dropdown ul li.rule {
    border-top: 1px solid black;
}

nav .dropdown:hover ul {
    display: inline-block;
}

nav .dropdown:hover ul li {
    padding: 0;
    margin: 0;
}

nav .dropdown:hover ul li a {
    /*display: block;*/
    padding-left: 2.2em;
    padding-right: 1em;
    line-height: 2.5em;
    cursor: pointer;
    text-decoration: none;
    color: white;
    font-size: 14px;
}

nav .dropdown:hover ul li:hover {
    /*background-color: black;*/
}

nav .dropdown:hover ul li:hover a {
    color: #ffb700;
    text-decoration: none;
}

nav .Logo.Home {
    position: relative;
}

    nav .Logo.Home img {
        display: inline-block;
        position: relative;
        width: 172px;
        height: auto;
        margin-left: 7em;
        /* top: 0.2em; */
        margin-top: 2em;
    }

nav.subdomain {
    font-size: 16px;
    height: 3em;
}

nav.subdomain a {
    position: absolute;
    left: .5em;
    top: .25em;
    width: 2.5em;
    height: 2.5em;
}

nav.subdomain a svg {
    position: relative;
    width: 2.5em;
    height: 2.5em;
    fill: white;
}

/* menu btn */

nav .Links .menu-btn {
    display: none;
}

nav .Links .menu-btn:checked~.menu-icon .navicon {
    background: transparent;
}

nav .Links .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
}

nav .Links .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
}

nav .Links .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
nav .Links .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
}

@media screen and (min-width:1300px) {
    nav {
        font-size: 1.0em;
    }
}

@media screen and (max-width:960px) {
    section > div {
        margin: 0px !important;
        padding: 0px !important;
        justify-content: space-between!important;
    }

    section > div.section1 {
        padding-top: 8%!important;
        justify-content: space-between !important;
    }

    .section .mb > * {
        width: 100% !important;
    }

    nav {
        height: 11em;
    }

    nav .Logo.Home img {
        height: 50px;
        width: auto;
        margin-top: 5vw;
    }

    nav .Links {
        margin: 0;
        font-size: 16px;
        right: 0;
        top: 70px;
    }
        nav .dropdown ul {
            top: 1.5rem;
        }
}

nav .Banner {
    display: inline-block;
    position: relative;
    width: 25em;
    height: 100%;
    border: 1px solid #0068AB;
    color: rgba(255, 255, 255, .8);
    margin-left: .5em;
    text-align: center;
    vertical-align: bottom;
    line-height: 1em;
    cursor: pointer;
    font-size: .75em;
    border-radius: .7em;
    background-color: #0066A9;
    background: -webkit-linear-gradient(top, #0064A8 0%, #00B0E9 100%);
    background: -moz-linear-gradient(top, #0064A8 0%, #00B0E9 100%);
    background: -o-linear-gradient(top, #0064A8 0%, #00B0E9 100%);
    background: linear-gradient(to bottom, #0064A8 0%, #00B0E9 100%);
}

nav .Banner .line1 {
    font-size: 2em;
    margin-top: .5em;
    font-weight: bold;
    line-height: 1.5em;
}

nav .Banner .line2 {
    font-size: 1.5em;
    line-height: 1.5em;
}


.PopupBg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 100;
    perspective: 800px;
}


#Logo {
    display: block;
    width: 15.09em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    font-size: 1em;
    text-align: center;
}

#Logo img {
    display: inline-block;
    height: auto;
    width: 100%;
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out, opacity 0.8s ease-in-out;
    margin-left: auto;
    margin-right: auto;
}


.slideshow {
    display: block;
    position: relative;
    background-color: transparent;
    border: none;
    width: 100%;
    right: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.slideshow .previous,
.slideshow .next {
    display: block;
    position: absolute;
    top: 0;
    width: 2em;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .3);
    background-repeat: no-repeat;
    background-size: 90% auto;
    opacity: .2;
    transition: opacity .4s;
}


.slideshow .previous {
    left: 0;
    right: auto;
    border-right: 2px solid rgba(255, 255, 255, .4);
    background-image: url(/Static/Images/Icons/previous.png);
    background-position: 100% 50%;
}

.slideshow .next {
    right: 0;
    left: auto;
    border-left: 2px solid rgba(255, 255, 255, .4);
    background-image: url(/Static/Images/Icons/next.png);
    background-position: 0% 50%;
}


.slideshow:hover .next,
.slideshow:hover .previous {
    opacity: .5;
}


.slideshow .next:hover,
.slideshow .previous:hover {
    opacity: 1;
}

.slideshow.Moving .next,
.slideshow.Moving .previous {
    opacity: 0 !important;
}


.slideshow img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.slideshow img[data-click] {
    cursor: pointer;
}


.slideshow img:first-child {
    position: relative;
    display: block;
}


@media screen {
    #Logo {
        font-size: .6em;
    }
}

@media screen and (min-width:590px) {
    #Logo {
        font-size: .7em;
    }
}

@media screen and (min-width:750px) {
    #Logo {
        font-size: .8em;
    }
}

@media screen and (min-width:850px) {
    #Logo {
        font-size: .9em;
    }
}


@media screen and (min-width:1023px) {
    #Logo {
        font-size: .9em;
    }
}




.TitleArea {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1vw;
    position: relative;
    color: rgba(0, 0, 0, .7);
    background-color: #007BC3;
    margin-bottom: 5em;
    padding-top: 1em;
    padding-bottom: 4em;
    overflow: visible;
    z-index: 1;
    box-sizing: border-box;
}

.TitleArea#Instructions {
    margin-bottom: 0;
    padding-bottom: 0;
}

.TitleArea.Navy {
    color: white;
    background-color: #007BC3;
}

.TitleArea.White {
    background-color: transparent;
}

.TitleArea.Blue {
    background-color: #0078C6;
}

.TitleArea.Black {
    background-color: #000000;
}

.TitleArea.Yellow {
    background-color: #FFFC01;
    color: black;
}

.TitleArea.Green {
    background-color: #80FF80;
}

.TitleArea.Purple {
    background-color: #F1D5FF;
}

.TitleArea.Red {
    background-color: #FFD5D5;
}

.TitleArea.Gold {
    background-color: #FFd080;
}

.TitleArea.Cyan {
    background-color: #80f0f0;
}

.TitleArea.BlueGradient {
    color: white;
    background-color: #0A254F;
    background-image: linear-gradient(to bottom, #003A87 0%, #001A3C 100%);
}

.TitleArea.Main {
    background-image: linear-gradient(to bottom, #006Bb3 0%, #008Bd3 100%);
}

.TitleArea.Main h2 {
    color: #FFD040;
}

.TitleArea.Error {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    background-color: #AE2316;
    color: yellow;
    border: .5em dashed yellow;
}

.TitleArea.Error.NoIcon {
    margin-bottom: 1em;
}

.TitleArea.Error p {
    color: white;
}


.TitleArea.NoIcon.FreeRollMessage {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 2em;
    font-size: 2.4vw;
    line-height: 2;
}

.TitleArea.NoIcon.FreeRollMessage .Yellow {
    color: #FEFB06;
}



.TitleArea.Error h2 {
    color: white;
}

.TitleArea.Error a {
    color: yellow;
    font-weight: bold;
    text-decoration: underline;
}

.TitleArea.Error a:hover {
    color: yellow;
}


.TitleArea.NoIcon {
    margin-bottom: 0;
    padding-bottom: 1em;
}


.TitleArea p {
    color: rgba(0, 123, 195, .7);
    margin: 0;
    padding-left: 10%;
    padding-right: 10%;
}

.TitleArea p a {
    display: inline-block;
    color: rgba(255, 255, 255, .9);
    background-color: #0078C6;
    text-decoration: none;
    line-height: 1.4;
    padding-left: .3em;
    padding-right: .3em;
    border-radius: .1em;
}

.TitleArea p a:hover {
    text-decoration: none;
    color: white;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.TitleArea p a:active {
    text-decoration: none;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .3);
}

.TitleArea h2 {
    display: block;
    color: white;
    font-size: 3em;
    margin-top: 0;
    margin-bottom: .4em;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
}

.TitleArea h2 a {
    color: white;
    text-decoration: none;
}

.TitleArea h2 a:hover {
    text-decoration: underline;
}


@media screen {
    .TitleArea h2 {
        font-size: 6em;
    }
}

@media screen and (min-width:240px) {
    .TitleArea h2 {
        font-size: 6em;
    }
}

@media screen and (min-width:480px) {
    .TitleArea h2 {
        font-size: 5.5em;
    }
}

@media screen and (min-width:600px) {
    .TitleArea h2 {
        font-size: 5em;
    }
}

@media screen and (min-width:800px) {
    .TitleArea h2 {
        font-size: 4em;
    }
}

@media screen and (min-width:1280px) {
    .TitleArea h2 {
        font-size: 3.5em;
    }
}

@media screen {
    .TitleArea p {
        font-size: 3em;
    }
}

@media screen and (min-width:240px) {
    .TitleArea p {
        font-size: 2.5em;
    }
}

@media screen and (min-width:480px) {
    .TitleArea p {
        font-size: 2em;
    }
}

@media screen and (min-width:600px) {
    .TitleArea p {
        font-size: 1.8em;
    }
}

@media screen and (min-width:800px) {
    .TitleArea p {
        font-size: 1.6em;
    }
}

@media screen and (min-width:1280px) {
    .TitleArea p {
        font-size: 1.5em;
    }
}


.TitleArea.Navy h2 {
    color: rgba(255, 255, 255, .8);
}

.TitleArea.BlueGradient h2 {
    color: #FEFB06;
}

.TitleArea h2 img {
    position: relative;
    top: -.17em;
    vertical-align: middle;
    font-size: 1em;
    height: 1.2em;
    margin-right: .3em;
    width: auto;
    cursor: pointer;
}

.TitleArea .Icon {
    background-color: white;
    display: block;
    position: absolute;
    margin-right: auto;
    margin-left: auto;
    width: 8em;
    height: 8em;
    left: 0;
    right: 0;
    bottom: -3.7em;
    border-radius: 50%;
    z-index: 10;
    overflow: hidden;
}

.TitleArea .Icon.Darken {
    background-color: rgba(0, 0, 0, .1);
}

.TitleArea .Icon.Yellow {
    background-color: rgba(255, 255, 255, .1);
}


.TitleArea .Icon.Static {
    position: relative;
    bottom: 0;
    margin-bottom: .7em;
}

.TitleArea .Icon.Darken {
    margin-top: -1em;
}

.TitleArea.Navy .Icon {
    background-color: #D5F1FF;
}

.TitleArea .Icon svg {
    fill: #007BC3;
    padding: 20%;
    width: 60%;
    height: 60%;
}

.TitleArea .Icon.Darken svg {
    fill: rgba(255, 255, 255, .8);
}

.TitleArea .Icon.Yellow svg {
    fill: #FFFA06;
}


.TitleArea.Navy .Icon svg {
    fill: #007BC3;
}

.TitleArea a.Icon:hover svg {
    padding: 16%;
    width: 68%;
    height: 68%;
    transition: all .4s;
}


.TitleArea.BlueGradient .Notice {
    color: white;
}

.TitleArea.BlueGradient .Timezone.Notice {
    color: #0078C7;
}


.TitleArea .Notice a {
    color: rgba(0, 0, 0, .5);
    text-decoration: underline;
}


.TitleArea .QualifyingButtons {
    width: 100%;
}

.TitleArea .Players {
    display: block;
    text-align: center;
    width: 30em;
    font-size: 1.4em;
    color: rgba(0, 0, 0, .5);
    margin-bottom: .2em;
    margin-top: 1em;
    margin-right: auto;
    margin-left: auto;
}



@media screen and (max-width:640px) {
    .TitleArea .Icon {
        width: 8em;
        height: 8em;
        bottom: -4.5em;
    }
}

@media screen {
    .Banner h2 {
        font-size: 4.5em;
    }
}

@media screen and (min-width:240px) {
    .Banner h2 {
        font-size: 4.5em;
    }
}

@media screen and (min-width:640px) {
    .Banner h2 {
        font-size: 3em;
    }
}

.PopupBg.Feedback {
    xdisplay: block;
}

.Dialog.Feedback {
    display: block;
    position: absolute;
    bottom: auto;
    border: .4em solid #007BC3;
    background-clip: content-box;
}

/* Code for Marquee is in UI.js */
.Marquee {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: rgba(255, 255, 255, .8);
    font-size: 1.75vw;
    padding-bottom: 0.3vw;
    display: block;
    z-index: 1;
}

.flexstand.vt {
    flex-direction: column;
}

@media screen and (max-width: 960px) {
    nav .Links {
        display: flex;
        justify-content: space-between;
        position: absolute;
        font-size: 16px;
        gap: 20px;
        top: 2em;
        vertical-align: middle;
        /* left: auto; */
        /* right: 6em; */
        z-index: 3;
        padding: 25px 0;
        background-color: black;
    }

    .f1.bold {
        font-size: 48px;
        font-weight: 600;
    }

    .f1g {
        font-size: 34px;
        font-weight: 600;
    }

    .f1lg {
        font-size: 94px;
        font-weight: 600;
    }

    .f2 {
        font-size: 24px;
    }

    .f4-s {
        font-size: 16px;
    }

    .f1s {
        font-size: 46px;
    }

    .f4b {
        font-size: 14px;
    }

    .Benefits .buy-real-estate .no-money-down {
        padding: 10px !important;
    }

    .Benefits .sell-real-estate .support {
        padding: 10px !important;
    }

    .flexstand.mb {
        flex-direction: column !important;
        gap: 40px !important;
    }

    .a {
        padding: 16px 0 !important;
        width: 100%;
    }

    .flexstand.mb > * {
        width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        display: flex !important;
    }

    .flexstand.mb.rev {
        flex-direction: column-reverse !important;
    }

    .mob-text-center p,
    .mob-text-center h1,
    .mob-text-center h2,
    .mob-text-center li {
        text-align: center !important;
    }

    .mob-text-left p,
    .mob-text-left h1,
    .mob-text-left h2,
    .mob-text-left li {
        text-align: left !important;
    }

    .mob-item-center {
        align-items: center !important;
        justify-content: center !important;
    }

    .mob-item-left {
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
}

.goldhoverfill {
    color: #0d160d !important;
    box-shadow: 0px 10px 30px 0px #F0C5654D !important;
}

@media screen and (max-width: 960px) {
    section > div {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        padding-left: 7vw !important;
        padding-right: 7vw !important;
    }
}