@charset "UTF-8"; /*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
button, hr, input {
    overflow: visible
}

[type=checkbox], [type=radio], legend {
    padding: 0;
    box-sizing: border-box
}

progress, sub, sup {
    vertical-align: baseline
}

.featured-image-as-background, .image-as-background {
    background-position: center center;
    background-repeat: no-repeat
}

.dropdown .carat, .dropdown .selected::after, .dropdown.scrollable div::after {
    pointer-events: none
}

.remodal, html {
    -webkit-text-size-adjust: 100%
}

html {
    line-height: 1.15
}

body {
    margin: 0
}

details, main {
    display: block
}

h1 {
    margin: .67em 0
}

hr {
    box-sizing: content-box
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

sup {
    top: -.5em;
    bottom: 1ex
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

/*!* animate.css -http://daneden.me/animate
* Version - 3.7.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden*/
@keyframes bounce {
    20%, 53%, 80%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.headShake, .heartBeat {
    animation-timing-function: ease-in-out
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from, to {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from, to {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from, to {
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from, to {
        transform: translate3d(0, 0, 0)
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    11.1%, from, to {
        transform: translate3d(0, 0, 0)
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0%, 28%, 70% {
        transform: scale(1)
    }
    14%, 42% {
        transform: scale(1.3)
    }
}

.heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s
}

.bounceIn, .bounceOut, .flipOutX, .flipOutY {
    animation-duration: .75s
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-duration: 2s;
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion) {
    .animated {
        animation: unset !important;
        transition: none !important
    }
}

.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening, .remodal.remodal-is-closing, .remodal.remodal-is-opening {
    animation-fill-mode: forwards;
    animation-duration: .3s
}

@font-face {
    font-family: montserrat regular;
    src: url(../../../fonts/Montserrat-Regular.eot@);
    src: url(../../../fonts/Montserrat-Regular.eot@) format("eot"), url(../../../fonts/Montserrat-Regular.woff2) format("woff2"), url(../../../fonts/Montserrat-Regular.woff) format("woff"), url(../../../fonts/Montserrat-Regular.ttf) format("truetype")
}

@font-face {
    font-family: montserrat semibold;
    src: url(../../../fonts/Montserrat-SemiBold.eot@);
    src: url(../../../fonts/Montserrat-SemiBold.eot@) format("eot"), url(../../../fonts/Montserrat-SemiBold.woff2) format("woff2"), url(../../../fonts/Montserrat-SemiBold.woff) format("woff"), url(../../../fonts/Montserrat-SemiBold.ttf) format("truetype")
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0e0f11;
    box-shadow: 0 .3125rem .9375rem 0 rgba(1, 1, 1, .45);
    width: 100%;
    z-index: 550;
    border-bottom: .25rem solid #6ca755
}

.site-content, blockquote, q, sub, sup {
    position: relative
}

.site-header:after {
    clear: both;
    content: "";
    display: block
}

.site-content {
    margin-top: 64px
}

.site-main {
    padding-top: 20px;
    padding-bottom: 20px
}

body.admin-bar .site-header {
    margin-top: 46px
}

@media (min-width: 782px) {
    body.admin-bar .site-header {
        margin-top: 32px
    }
}

@media (min-width: 1024px) {
    .site-content {
        margin-top: 84px
    }
}

.button.big, .button.small {
    margin: 10px 5px;
    min-width: 254px
}

@font-face {
    font-family: tsgcom;
    src: url(../../../fonts/tsgcom.eot@vctvif);
    src: url(../../../fonts/tsgcom.eot@vctvif) format("embedded-opentype"), url(../../../fonts/tsgcom.ttf@vctvif) format("truetype"), url(../../../fonts/tsgcom.woff@vctvif) format("woff"), url(../../../fonts/tsgcom.svg@vctvif) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-] {
    font-family: tsgcom !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

blockquote, cite, dfn, em, i, q {
    font-style: italic
}

.icon-horse-racing:before {
    content: ""
}

.icon-movie_clapper:before {
    content: ""
}

.icon-nba_basketball:before {
    content: ""
}

.icon-nhl_hockey:before {
    content: ""
}

.icon-nfl_football:before {
    content: ""
}

.icon-mlb_baseball:before {
    content: ""
}

.icon-hockey-01:before {
    content: ""
}

.icon-ufc:before {
    content: ""
}

.icon-tennis:before {
    content: ""
}

.icon-soccer:before {
    content: ""
}

.icon-premiere_league:before {
    content: ""
}

.icon-ncaa_football:before {
    content: ""
}

.icon-ncaa_basketball:before {
    content: ""
}

.icon-nascar:before {
    content: ""
}

.icon-golf:before {
    content: ""
}

.icon-formula1:before {
    content: ""
}

.icon-boxing:before {
    content: ""
}

.wrap::after, blockquote::after, blockquote::before, q::after, q::before {
    content: ""
}

.button {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.button.green_border {
    box-shadow: 0 0 0 3px #72c534
}

.button.blue {
    background-color: #242224;
    border-radius: 8px;
    color: #72c534
}

.button.blue:hover {
    color: #242224;
    opacity: 1
}

.button.blue:hover.flag img {
    background-color: #477b21;
    border: 4px solid #477b21
}

.button.small {
    min-height: 50px
}

.button.big {
    min-height: 70px;
    font-size: 19px;
    padding: 0;
    color: #fff;
    justify-content: flex-start;
    text-align: left
}

.full_list_button, .gallery-item, .wp-caption-text {
    text-align: center
}

.button.big i {
    font-size: 45px;
    margin: 5px 10px;
    color: #72c534
}

.button.big:hover {
    color: #fff;
    opacity: 1
}

.button.big:hover i {
    color: #fff
}

.button.flag {
    justify-content: flex-start;
    padding: 5px
}

.button.flag img {
    margin: 5px 15px 5px 5px;
    border: 4px solid #fff;
    border-radius: 8px;
    background-color: #fff
}

.new_button_container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    clear: both;
    float: none
}

.new_button_container .threeColButtons {
    max-width: 33%;
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 10px auto;
    float: none;
    box-sizing: border-box;
    min-width: 254px
}

.wp-caption, embed, iframe, img, object, pre {
    max-width: 100%
}

.full_list_button {
    display: block;
    margin: 10px auto
}

.full_list_button > a {
    color: #00761e;
    text-decoration: none;
    background-color: #f0fbff;
    width: 100%;
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    border: 1px solid #d7dee4;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600
}

.full_list_button > a:hover {
    background-color: #003c55;
    color: #569b3b
}

.h1, body, button, h1, input, select, textarea {
    font-family: Helvetica, sans-serif;
    color: #00153a
}

*, ::after, ::before {
    box-sizing: inherit
}

body, button, input, select, textarea {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.0625rem;
    line-height: 1.65
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .9375rem;
    font-family: Helvetica, sans-serif
}

.h1, h1 {
    font-weight: 900;
    font-size: 2rem;
    line-height: 1.125
}

.h2, .h2.headlines, .h3, .h4, h2, h2.headlines, h3, h4 {
    font-weight: 700;
    font-family: Helvetica, sans-serif
}

.h2, h2 {
    color: #99a1b0;
    font-size: 2.25rem;
    line-height: 1.167
}

.h2.headlines, h2.headlines {
    color: #00761e;
    margin: 0 0 2.125rem -.0625rem;
    border-bottom: .125rem solid #ffad05;
    font-size: 1.8rem;
    padding-bottom: .0625rem;
    text-transform: uppercase
}

address, pre {
    margin: 0 0 1.5rem
}

.h3, h3 {
    color: #de7e09;
    font-size: 2rem;
    line-height: 1.125
}

.h4, h4 {
    color: #00761e;
    font-size: 1.75rem;
    line-height: 1.14
}

.h5, h5 {
    color: #999;
    font-family: Helvetica, sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 1.167
}

.h6, b, dt, h6, strong, th {
    font-weight: 700
}

.h6, h6 {
    color: #b1b1b6;
    font-family: Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.33
}

p {
    margin: 0 0 12px
}

blockquote, q {
    color: #b1b1b6;
    margin: 0 0 1.75rem .4375rem;
    padding: 0 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.1667;
    quotes: "" ""
}

blockquote::before, q::before {
    background-color: #ffad05;
    background-image: linear-gradient(to top, #ffad05, #de7e09);
    position: absolute;
    top: 2%;
    left: 0;
    height: 96%;
    width: .625rem
}

pre {
    border-color: #dadada;
    border-radius: .125rem;
    border-style: solid;
    border-width: .125rem;
    font-family: "courier 10 pitch", Courier, monospace;
    font-size: .9375rem;
    line-height: 1.65;
    overflow: auto;
    padding: 1.5rem
}

.aligncenter, .alignleft, .alignright {
    margin-left: auto;
    margin-right: auto;
    display: block
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, andale mono, dejavu sans mono, monospace;
    font-size: .9375rem
}

.card .card-title, .card.featured .card-content, .card.featured .tagged-featured, .category-meta, .header-cta .header-cta-container .cta-content h2, .lively-form div.error::after, .menu, .nav-links .nav-next a, .nav-links .nav-previous a {
    font-family: Helvetica, sans-serif
}

small, sub, sup {
    font-size: 75%
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

.card a:focus, .card a:hover, .dropdown, .js-dynamic-height .blog-page-divider-section:hover, .not-recomended-container .close-btn img {
    cursor: pointer
}

ins, mark {
    text-decoration: none
}

sub, sup {
    height: 0;
    line-height: 0
}

sub {
    bottom: -.25em;
    top: .5ex
}

big {
    font-size: 125%
}

.comment-content, .comments-title, .entry-content, .entry-title, .widget, .widget-title {
    word-break: keep-all;
    word-wrap: break-word
}

.screen-reader-text {
    width: .0625rem;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    height: .0625rem;
    overflow: hidden;
    position: absolute;
    white-space: nowrap
}

.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover {
    height: auto;
    width: auto;
    background-color: #f2f2f2;
    border-radius: 3px;
    box-shadow: 0 0 .125rem .125rem rgba(1, 1, 1, .6);
    clip: auto;
    color: #00761e;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    left: .3125rem;
    line-height: normal;
    padding: .9375rem 1.4375rem .875rem;
    text-decoration: none;
    top: .3125rem;
    z-index: 100000
}

.clear::after, .comment-content::after, .entry-content::after, .site-content::after, .site-footer::after {
    clear: both;
    content: "";
    display: block
}

hr {
    height: 1px;
    width: auto;
    background-color: #ccc;
    border: 0;
    margin: 0 0 1.5rem
}

img, table {
    height: auto
}

figure {
    margin: 0
}

ol, ul {
    display: inline-block;
    font-size: 1.0625rem;
    margin: .2rem 0 1.4rem .5rem
}

ol li, ul li {
    margin-bottom: .17813rem
}

ol li:last-child, ul li:last-child {
    margin-bottom: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li > ol, li > ul {
    margin: 0 0 0 1.5rem
}

dd {
    margin: 0 1.5rem 1.5rem 0
}

table {
    margin: 0 0 1.5rem
}

.comment-content img.wp-smiley, .entry-content img.wp-smiley, .page-content img.wp-smiley {
    margin: 0;
    padding: 0;
    border: none
}

.wp-caption {
    margin: 0 0 1.5rem
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin: 0 auto
}

.wp-caption.aligncenter {
    margin: 0 auto 1.5rem
}

.wp-caption.alignleft {
    margin-right: 1.5rem
}

.wp-caption.alignright {
    margin-left: 1.5rem
}

.wp-caption .wp-caption-text {
    margin: .75rem 0
}

.gallery {
    margin: 0 0 1.5rem
}

.gallery-item {
    height: auto;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.fluid-embed {
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative
}

.fluid-embed embed, .fluid-embed iframe, .fluid-embed object {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.featured-image-as-background {
    background-size: cover
}

.image-as-background {
    background-size: contain;
    height: auto;
    width: 406px
}

.primary, .secondary {
    width: 100%
}

.card .image-as-background {
    background-size: cover
}

.video-as-background {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
    position: absolute;
    z-index: 1
}

.svg-defs {
    display: none
}

.bypostauthor, .comments-link, .sticky, .wrap::after {
    display: block
}

.not-ready {
    opacity: 0;
    transition: opacity .5s ease;
    visibility: hidden
}

.ready .not-ready {
    opacity: 1;
    visibility: visible
}

.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    padding: 0 .9375rem
}

.wrap::after {
    clear: both
}

.site-footer {
    padding: 3.25rem 0 3.375rem
}

.site-content p:last-child {
    margin-bottom: 0
}

.secondary {
    margin-top: 60px
}

.secondary.with-featured {
    position: relative;
    z-index: 50
}

.full-width {
    margin-right: -50vw;
    margin-left: -50vw;
    position: relative;
    right: 50%;
    left: 50%;
    width: 100vw
}

.comments-title {
    font-size: 1.5rem
}

.comment-list {
    list-style: none;
    margin: 0
}

.comment-meta {
    margin: 0 0 .875rem
}

.avatar {
    float: left;
    margin: 0 .625rem 0 0
}

.comment-list .children {
    margin-left: 0;
    padding-left: 1.25rem
}

.entry-title {
    font-size: 2.25rem
}

.hentry {
    margin: 0 0 0 .0625rem
}

.byline, .updated:not(.published) {
    display: none
}

.group-blog .byline, .single .byline {
    display: inline
}

.entry-content, .entry-summary, .page-content {
    margin: 12px 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5rem
}

.edit-link {
    margin: 0 1.5rem
}

.archive .format-aside .entry-title, .blog .format-aside .entry-title {
    display: none
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

input[type=checkbox], input[type=radio] {
    padding: 0
}

input[type=text]::-ms-clear, input[type=search]::-ms-clear {
    display: none
}

input[type=search] {
    box-sizing: content-box
}

.remodal, div.mvsf, html {
    box-sizing: border-box
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], input[type=number], input[type=search], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .0625rem solid #b1b1b6;
    border-radius: .125rem;
    color: #666;
    line-height: 1.5;
    min-width: 15rem;
    padding: .4375rem .9375rem
}

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

input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=range]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b1b1b6;
    font-size: .875rem;
    opacity: 1
}

input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=range]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b1b1b6 !important;
    font-size: .875rem !important;
    opacity: 1 !important
}

input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=range]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=color]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, textarea::-moz-placeholder {
    font-style: italic
}

input[type=text].input-with-button, input[type=email].input-with-button, input[type=url].input-with-button, input[type=password].input-with-button, input[type=tel].input-with-button, input[type=range].input-with-button, input[type=date].input-with-button, input[type=month].input-with-button, input[type=week].input-with-button, input[type=time].input-with-button, input[type=datetime].input-with-button, input[type=datetime-local].input-with-button, input[type=color].input-with-button, input[type=number].input-with-button, input[type=search].input-with-button, textarea.input-with-button {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
    float: left;
    margin-right: 0;
    min-width: 0;
    width: calc(100% - 5.9375rem)
}

.ie input[type=text].input-with-button, .ie input[type=email].input-with-button, .ie input[type=url].input-with-button, .ie input[type=password].input-with-button, .ie input[type=tel].input-with-button, .ie input[type=range].input-with-button, .ie input[type=date].input-with-button, .ie input[type=month].input-with-button, .ie input[type=week].input-with-button, .ie input[type=time].input-with-button, .ie input[type=datetime].input-with-button, .ie input[type=datetime-local].input-with-button, .ie input[type=color].input-with-button, .ie input[type=number].input-with-button, .ie input[type=search].input-with-button, .ie textarea.input-with-button {
    height: 2.625rem
}

textarea {
    height: auto;
    width: 100%;
    overflow: auto;
    vertical-align: top
}

.lively-form div {
    display: inline-block;
    position: relative
}

.lively-form div label {
    color: #b1b1b6;
    padding: 0 .375rem;
    position: absolute;
    top: .5625rem;
    left: .5625rem;
    transition: all .3s ease-in-out;
    background-color: #fff;
    font-size: .875rem;
    z-index: 10
}

.lively-form div label.error, .lively-form div label.focused {
    position: absolute;
    top: -.75rem;
    left: .25rem;
    transform: scale(.8)
}

.lively-form div label.error {
    color: #e22f2f
}

.lively-form div input[type=text] {
    outline: 0;
    z-index: 0
}

.lively-form div input[type=text]:focus {
    border: .0625rem solid #00153a
}

.lively-form div input[type=text].error {
    border: .0625rem solid #e22f2f
}

.lively-form div.error {
    position: relative
}

.lively-form div.error::after {
    font-weight: 400;
    padding: .5rem .84375rem 0 0;
    position: absolute;
    top: 0;
    right: -.0625rem;
    height: 100%;
    width: 100%;
    border-radius: 0 .125rem .125rem 0;
    border-right: .5rem solid #e22f2f;
    color: #e22f2f;
    content: 'ERROR';
    font-size: .875rem;
    text-align: right
}

.header-cta .header-cta-close-button.expand::after, .header-cta .header-cta-close-button::after, .header-cta .header-cta-container .cta-content::after, .header-cta .header-cta-container::after, .menu ul::after, .menu::after, .social-icons::after {
    content: ""
}

.button, button, input[type=button], input[type=reset], input[type=submit] {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    transition: all .3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffad05;
    border: .0625rem solid #e8a553;
    border-radius: .125rem;
    color: #fff;
    font-size: .875rem;
    line-height: 1.95;
    margin: 0;
    padding: .4375rem 2.375rem;
    text-decoration: none;
    text-transform: uppercase
}

.ie .button, .ie button, .ie input[type=button], .ie input[type=reset], .ie input[type=submit] {
    height: 2.625rem
}

.button:active, .button:focus, .button:hover, button:active, button:focus, button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
    background-color: #de7e09
}

.button.disabled, button.disabled, input[type=button].disabled, input[type=reset].disabled, input[type=submit].disabled {
    color: #e8a553;
    background-color: #ffde9b
}

.button.btn-red, button.btn-red, input[type=button].btn-red, input[type=reset].btn-red, input[type=submit].btn-red {
    background-color: #eb6d6d;
    border: .0625rem solid #eb6d6d
}

.button.btn-red:active, .button.btn-red:focus, .button.btn-red:hover, button.btn-red:active, button.btn-red:focus, button.btn-red:hover, input[type=button].btn-red:active, input[type=button].btn-red:focus, input[type=button].btn-red:hover, input[type=reset].btn-red:active, input[type=reset].btn-red:focus, input[type=reset].btn-red:hover, input[type=submit].btn-red:active, input[type=submit].btn-red:focus, input[type=submit].btn-red:hover {
    background-color: #e22f2f
}

.button.btn-red.disabled, button.btn-red.disabled, input[type=button].btn-red.disabled, input[type=reset].btn-red.disabled, input[type=submit].btn-red.disabled {
    color: #eb6d6d;
    background-color: #f3acac
}

.button.btn-blue, button.btn-blue, input[type=button].btn-blue, input[type=reset].btn-blue, input[type=submit].btn-blue {
    background-color: #00761e;
    border: .0625rem solid #4d95b3
}

.button.btn-blue:active, .button.btn-blue:focus, .button.btn-blue:hover, button.btn-blue:active, button.btn-blue:focus, button.btn-blue:hover, input[type=button].btn-blue:active, input[type=button].btn-blue:focus, input[type=button].btn-blue:hover, input[type=reset].btn-blue:active, input[type=reset].btn-blue:focus, input[type=reset].btn-blue:hover, input[type=submit].btn-blue:active, input[type=submit].btn-blue:focus, input[type=submit].btn-blue:hover {
    background-color: #4d95b3
}

.button.btn-blue.disabled, button.btn-blue.disabled, input[type=button].btn-blue.disabled, input[type=reset].btn-blue.disabled, input[type=submit].btn-blue.disabled {
    color: #4d95b3;
    background-color: #99c2d4
}

.button.btn-alt, button.btn-alt, input[type=button].btn-alt, input[type=reset].btn-alt, input[type=submit].btn-alt {
    background-color: #777780;
    border: .0625rem solid #777780
}

.button.btn-alt:active, .button.btn-alt:focus, .button.btn-alt:hover, button.btn-alt:active, button.btn-alt:focus, button.btn-alt:hover, input[type=button].btn-alt:active, input[type=button].btn-alt:focus, input[type=button].btn-alt:hover, input[type=reset].btn-alt:active, input[type=reset].btn-alt:focus, input[type=reset].btn-alt:hover, input[type=submit].btn-alt:active, input[type=submit].btn-alt:focus, input[type=submit].btn-alt:hover {
    background-color: #3d3d49
}

.button.btn-alt.disabled, button.btn-alt.disabled, input[type=button].btn-alt.disabled, input[type=reset].btn-alt.disabled, input[type=submit].btn-alt.disabled {
    color: #777780;
    background-color: #b1b1b6
}

.button.btn-outline, button.btn-outline, input[type=button].btn-outline, input[type=reset].btn-outline, input[type=submit].btn-outline {
    padding: .59375rem 1.5rem;
    background-color: transparent;
    border: .0625rem solid #dbdbdb;
    color: #00761e;
    line-height: 1
}

.button.btn-outline:active, .button.btn-outline:focus, .button.btn-outline:hover, button.btn-outline:active, button.btn-outline:focus, button.btn-outline:hover, input[type=button].btn-outline:active, input[type=button].btn-outline:focus, input[type=button].btn-outline:hover, input[type=reset].btn-outline:active, input[type=reset].btn-outline:focus, input[type=reset].btn-outline:hover, input[type=submit].btn-outline:active, input[type=submit].btn-outline:focus, input[type=submit].btn-outline:hover {
    background-color: #dbdbdb;
    color: #f2f2f2
}

.button.btn-outline.disabled, button.btn-outline.disabled, input[type=button].btn-outline.disabled, input[type=reset].btn-outline.disabled, input[type=submit].btn-outline.disabled {
    background-color: #dbdbdb;
    color: #ccc
}

.button-with-input {
    height: auto;
    width: 5.9375rem;
    border: .0625rem solid #de7e09;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    line-height: 1.85;
    padding-left: 0;
    padding-right: 0
}

#wpadminbar {
    position: fixed
}

.site-header .wrap {
    position: relative
}

.site-header .site-branding {
    margin: 1.5rem 0 2.3125rem -.0625rem;
    height: 1.25rem;
    width: 11.875rem;
    float: left
}

.site-header .site-branding a {
    display: block
}

.site-header .site-branding a:focus, .site-header .site-branding a:hover {
    opacity: 1
}

.site-header .site-branding a img {
    vertical-align: bottom
}

.hidden-searchform {
    padding: .625rem;
    position: relative;
    top: 0;
    right: 0;
    height: 3.5rem;
    width: 100%;
    background-color: #00761e
}

.hidden-searchform .search-form {
    padding: 0;
    position: relative
}

.hidden-searchform .search-form .input-with-button {
    margin: 0;
    padding: 0 .28125rem 0 .875rem;
    height: 2.1875rem;
    width: 100%;
    transition: background-color .3s, width .3s ease-in-out;
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: .1875rem;
    font-size: 1rem;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden
}

.hidden-searchform .search-form .input-with-button::-webkit-input-placeholder {
    color: #b1b1b6;
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    font-style: italic
}

.hidden-searchform .search-form .input-with-button:focus {
    background-color: #fff;
    border: .0625rem;
    outline: 0;
    text-indent: 0
}

.hidden-searchform .search-form .input-with-button:focus + .button-with-input {
    display: block
}

.hidden-searchform .search-form .input-with-button:focus::-webkit-input-placeholder {
    color: #b1b1b6;
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    font-style: italic
}

.hidden-searchform .search-form .button-with-input {
    position: absolute;
    top: 0;
    right: 0;
    padding: .5rem .4375rem;
    height: 2.1875rem;
    width: 2.125rem;
    background-color: transparent;
    background-image: url(../../../assets/images/svg-icons/magnify-dark.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 2.125rem 1.25rem;
    border: 0;
    border-radius: 0;
    display: block;
    outline: 0;
    text-indent: -9999em;
    z-index: 50
}

.hidden-searchform .search-form .button-with-input .icon {
    height: 1.25rem;
    width: 1.25rem;
    fill: #00153a
}

.header-cta {
    position: relative;
    z-index: 10
}

.header-cta .wrap {
    height: 100%;
    position: relative
}

.header-cta .header-cta-container {
    background-color: #00761e;
    border-bottom: .0625rem solid #00153a;
    margin-left: -.1375rem;
    min-height: 0
}

.header-cta .header-cta-container::after {
    clear: both;
    display: block
}

.header-cta .header-cta-container .cta-content {
    width: 100%;
    padding: 0 .9375rem;
    color: #f2f2f2;
    float: none
}

.header-cta .header-cta-container .cta-content::after {
    clear: both;
    display: block
}

.header-cta .header-cta-container .cta-content h2 {
    font-weight: 700;
    color: #f2f2f2;
    display: block;
    float: left;
    font-size: 1.5rem;
    letter-spacing: .00375rem;
    line-height: 1.1
}

.header-cta .header-cta-container .cta-video, .header-cta-container.header-cta-hide .cta-content p, .header-cta-container.header-cta-show .cta-video, .header-cta-container.header-cta-show p {
    display: none
}

.header-cta .header-cta-container .cta-content .cta-button, table th {
    letter-spacing: .0625rem
}

.header-cta .header-cta-container .cta-content p {
    margin: 0 0 1.875rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    max-width: 75%
}

.header-cta .header-cta-container .cta-content p a {
    color: #f2f2f2;
    text-decoration: underline
}

.header-cta-container.header-cta-show {
    padding: 2.25rem 0 .8125rem;
    position: relative
}

.header-cta-container.header-cta-show .cta-content {
    margin: -.625rem 0 1.0625rem .125rem
}

.header-cta-container.header-cta-show .cta-content a {
    -ms-grid-row-align: center;
    align-self: center;
    text-decoration: none;
    vertical-align: middle
}

.header-cta-container.header-cta-show .cta-content h2 {
    margin-bottom: 1.375rem
}

.header-cta-container.header-cta-show .cta-button {
    float: right;
    font-size: .875rem;
    margin-right: .125rem;
    width: calc(100% - .125rem)
}

.header-cta-container.header-cta-hide .cta-content h2 {
    margin-bottom: 0
}

.header-cta-container.header-cta-hide .cta-button {
    margin: .3125rem .0625rem 0;
    padding: .3375rem;
    float: right;
    font-size: .75rem;
    letter-spacing: .0625rem;
    width: calc(100% - .125rem)
}

.header-cta .header-cta-close-button {
    margin: -.0625rem .0625rem -1.875rem 0;
    padding: 0 2.25rem 0 0;
    height: 1.9375rem;
    width: auto;
    background-color: #00761e;
    border: 0;
    color: #f2f2f2;
    display: none;
    float: right;
    font-size: .75rem;
    line-height: 1.25;
    outline: 0;
    position: relative;
    text-align: left
}

.header-cta .header-cta-close-button::after {
    position: absolute;
    top: .4375rem;
    right: .625rem;
    height: .9375rem;
    width: .9375rem;
    background-image: url(../../../assets/images/svg-icons/close.svg)
}

.header-cta .header-cta-close-button.expand {
    height: 1.9375rem;
    width: auto;
    display: block
}

.header-cta .header-cta-close-button.expand::after {
    position: absolute;
    top: .3125rem;
    right: .5rem;
    height: 1.25rem;
    width: 1.25rem;
    background-image: url(../../../assets/images/svg-icons/refresh.svg)
}

.header-cta [data-role=evp-video], .header-cta [data-role=evp-video] .evp-splash-wrap, .header-cta [data-role=evp-video] .evp-splash-wrap .evp-splash-play-wrap, .header-cta [data-role=evp-video] .evp-splash-wrap img, .header-cta [data-role=evp-video] div[id*=-video-shim], .header-cta [data-role=evp-video] div[id*=-video_displayarea], .header-cta [data-role=evp-video] div[id*=-video_wrapper], .header-cta [data-role=evp-video] div[id*=-video_video_wrapper] {
    height: 16.25rem !important;
    width: 28.75rem !important
}

.hero-container {
    background-color: #dbdbdb;
    margin: 20px 0;
    padding: 2.1875rem 0;
    position: relative;
    z-index: 0
}

body.is-closed .hero-container {
    padding: 4.375rem 0 1.875rem
}

.menu, .social-icons {
    padding: 0;
    list-style: none
}

.social-icons {
    margin: 0 auto 2.375rem;
    display: inline-block;
    text-align: center;
    width: 100%
}

.social-icons::after {
    clear: both;
    display: block
}

.social-icons .social-icon, .social-icons .social-icon a {
    display: inline-block
}

.social-icons .social-icon.facebook {
    margin-right: 1.125rem;
    margin-top: 0
}

.social-icons .social-icon.twitter {
    margin-left: -.125rem;
    margin-right: .8125rem;
    margin-top: .125rem
}

.social-icons .social-icon.youtube {
    margin-right: 1.125rem
}

.social-icons .social-icon:last-child {
    margin-right: 0
}

.social-icons .social-icon a .icon-facebook {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-facebook:hover {
    fill: #2a6397
}

.social-icons .social-icon a .icon-facebook-square {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-facebook-square:hover {
    fill: #2a6397
}

.social-icons .social-icon a .icon-googleplus {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-googleplus:hover {
    fill: #d2594a
}

.social-icons .social-icon a .icon-googleplus-square {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-googleplus-square:hover {
    fill: #d2594a
}

.social-icons .social-icon a .icon-instagram {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-instagram:hover {
    fill: #517fa4
}

.social-icons .social-icon a .icon-instagram-square {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-instagram-square:hover {
    fill: #517fa4
}

.social-icons .social-icon a .icon-linkedin {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-linkedin:hover {
    fill: #007bb6
}

.social-icons .social-icon a .icon-linkedin-square {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-linkedin-square:hover {
    fill: #007bb6
}

.social-icons .social-icon a .icon-pinterest {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-pinterest:hover {
    fill: #cb2027
}

.social-icons .social-icon a .icon-pinterest-square {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-pinterest-square:hover {
    fill: #cb2027
}

.social-icons .social-icon a .icon-rss {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-rss:hover {
    fill: #f90
}

.social-icons .social-icon a .icon-rss-square {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-rss-square:hover {
    fill: #f90
}

.social-icons .social-icon a .icon-twitter {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-twitter:hover {
    fill: #00761e
}

.social-icons .social-icon a .icon-twitter-square {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-twitter-square:hover {
    fill: #00761e
}

.social-icons .social-icon a .icon-youtube {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-youtube:hover {
    fill: #de4230
}

.social-icons .social-icon a .icon-youtube-square {
    fill: #f2f2f2;
    vertical-align: bottom
}

.social-icons .social-icon a .icon-youtube-square:hover {
    fill: #de4230
}

.social-icons .social-icon .icon-facebook-square {
    height: 1.875rem;
    width: 1.875rem
}

.social-icons .social-icon .icon-twitter-square {
    height: 1.875rem;
    width: 2.4375rem
}

.social-icons .social-icon .icon-youtube-square {
    height: 1.875rem;
    width: 4.625rem
}

.social-icons .social-icon .icon-googleplus-square {
    height: 1.875rem;
    width: 3rem
}

a, a:visited {
    color: #00761e
}

a:active, a:focus, a:hover {
    color: #00761e;
    opacity: .8
}

.menu {
    font-weight: 400;
    margin: 0
}

.menu::after {
    clear: both;
    display: block
}

.menu li {
    width: 100%;
    margin: 0 1.5rem 0 0;
    display: block;
    font-size: 1.125rem;
    line-height: 1;
    text-transform: capitalize
}

.menu li:last-child, .menu ul {
    margin: 0
}

.menu li a {
    padding: .9375rem 0;
    color: #00153a;
    display: inline-block
}

.menu li a:active, .menu li a:focus, .menu li a:hover {
    color: #00761e;
    opacity: 1
}

.menu ul {
    padding: 0;
    list-style: none
}

.menu ul::after {
    clear: both;
    display: block
}

.menu.with-dropdown ul {
    margin: 0 0 .75rem;
    position: relative;
    background-color: #fff;
    float: left;
    width: 100%;
    z-index: 1000
}

.menu.with-dropdown ul li {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    font-size: 1rem;
    white-space: nowrap
}

.menu.with-dropdown ul li:first-child {
    padding: 1.0625rem 0 0
}

.menu.with-dropdown ul li:first-child a {
    padding: .5rem 0
}

.menu.with-dropdown ul li:last-child {
    padding: 0 0 .9375rem
}

.menu.with-dropdown ul li:last-child a {
    padding: .5625rem 0
}

.menu.with-dropdown ul li a {
    padding: .5rem 0;
    width: 100%
}

.menu.with-dropdown ul li a, .menu.with-dropdown ul li:first-child a, .menu.with-dropdown ul li:last-child a {
    padding-left: .75rem;
    padding-right: .75rem
}

.menu.with-dropdown ul li a:hover {
    color: rgba(0, 103, 147, .7);
    opacity: 1
}

.menu.with-dropdown ul li ul {
    margin: .6875rem 0;
    background-color: #f2f2f2;
    top: 0
}

.menu-button, .menu-button:hover {
    background-color: transparent
}

.menu.with-dropdown ul a {
    padding: .625rem;
    height: auto;
    width: 12.5rem;
    color: #00761e
}

.menu.with-dropdown .focus > ul, .menu.with-dropdown li:hover > ul {
    display: block;
    max-height: 31.25rem;
    overflow: visible
}

.menu.with-dropdown li {
    float: left;
    position: relative;
    width: 100%
}

.menu a {
    display: block;
    text-decoration: none
}

.menu-button {
    margin: 0;
    padding: 0;
    position: relative;
    top: 1.275rem;
    right: -.0625rem;
    border: 0;
    display: block;
    float: right;
    outline: 0
}

.menu-button:active, .menu-button:focus {
    background-color: transparent;
    box-shadow: none
}

.menu-button .burger-icon {
    margin-bottom: .64125rem;
    margin-top: .64125rem;
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

.menu-button .burger-icon, .menu-button .burger-icon::after, .menu-button .burger-icon::before {
    background-color: #f2f2f2;
    display: block;
    height: .1875rem;
    outline: transparent solid .0625rem;
    transition-duration: .3s;
    transition-property: background-color, transform;
    width: 2.5625rem;
    border-radius: 4.6875rem;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s
}

.menu-button .burger-icon::after, .menu-button .burger-icon::before {
    content: "";
    position: absolute
}

.menu-button .burger-icon::before {
    top: -.64125rem
}

.menu-button .burger-icon::after {
    top: .64125rem
}

.menu-button.is-active .burger-icon {
    background-color: transparent
}

.menu-button.is-active .burger-icon::before {
    transform: translateY(.64125rem) rotate(45deg)
}

.menu-button.is-active .burger-icon::after {
    transform: translateY(-.64125rem) rotate(-45deg)
}

.site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation {
    margin: 0 0 2.5625rem
}

.comment-navigation.nav-previous, .post-navigation.nav-previous, .posts-navigation.nav-previous {
    height: auto;
    width: 50%;
    float: left
}

.comment-navigation.nav-next, .post-navigation.nav-next, .posts-navigation.nav-next {
    height: auto;
    width: 50%;
    float: right;
    text-align: right
}

.site-footer .footer-navigation {
    line-height: 2.3;
    margin-bottom: .3125rem
}

.site-footer .footer-navigation ul li {
    margin: 0 0 1.4375rem;
    display: block
}

.site-footer .footer-navigation ul li:last-child {
    margin: 0
}

.site-footer .footer-navigation ul li a {
    padding: 0;
    color: #f2f2f2
}

.site-footer .footer-navigation ul li a:active, .site-footer .footer-navigation ul li a:focus, .site-footer .footer-navigation ul li a:hover {
    color: #00761e
}

.site-footer .subfooter-navigation {
    line-height: 2;
    margin-bottom: .0625rem;
    margin-top: .0625rem
}

.site-footer .subfooter-navigation ul li {
    margin: 0 .125rem 0 0;
    display: inline;
    width: auto
}

.site-footer .subfooter-navigation ul li::after {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: .1875rem;
    color: #fff;
    content: "|";
    font-size: .75rem
}

.modal::after, .nav-links::after, .site-footer .subfooter-navigation ul li:last-child::after, .site-footer::after, table td::before {
    content: ""
}

.site-footer .subfooter-navigation ul li:last-child {
    margin: 0
}

.site-footer .subfooter-navigation ul li a {
    color: #f2f2f2;
    font-size: .75rem;
    text-decoration: underline;
    text-transform: capitalize
}

.site-footer .footer-navigation span.opener {
    display: none
}

.nav-links::after {
    clear: both;
    display: block
}

.nav-links .nav-next a, .nav-links .nav-previous a {
    transition: all .3s ease-in-out;
    padding: .5rem 1.625rem;
    font-weight: 700;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: .0625rem solid #dbdbdb;
    border-radius: .125rem;
    color: #00761e;
    font-size: .875rem;
    line-height: 1.95;
    text-decoration: none;
    text-transform: uppercase
}

.nav-links .nav-next a:active, .nav-links .nav-next a:focus, .nav-links .nav-next a:hover, .nav-links .nav-previous a:active, .nav-links .nav-previous a:focus, .nav-links .nav-previous a:hover {
    background-color: #dbdbdb;
    color: #f2f2f2
}

.nav-links .nav-next a.disabled, .nav-links .nav-previous a.disabled {
    background-color: #dbdbdb;
    color: #ccc
}

.nav-links .nav-previous {
    float: left;
    text-align: left
}

.nav-links .nav-next {
    float: right;
    text-align: right
}

table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    width: 100%
}

table thead {
    display: none
}

table td, table th {
    padding: .625rem;
    text-align: center
}

table th {
    font-size: .875rem;
    text-transform: uppercase
}

table tr {
    display: block;
    margin-bottom: .625rem
}

table td {
    border: .0625rem solid #ccc;
    border-bottom: 0;
    display: block;
    font-size: .8125rem;
    text-align: center
}

table ul {
    text-align: left !important;
    float: left
}

.footer-ad-banner, .main-navigation, .modal .modal-content .modal-header, .site-footer {
    text-align: center
}

table td:last-child {
    border-bottom: .0625rem solid #ccc
}

table td::before {
    float: left;
    font-weight: 700;
    text-transform: uppercase
}

.entry-content .lnk {
    font-size: 20px
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    display: none;
    overflow: hidden;
    z-index: 1050
}

.modal::after {
    clear: both;
    display: block
}

.modal.modal-open {
    display: block;
    overflow-x: hidden;
    overflow-y: auto
}

.modal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.modal .modal-content {
    background-clip: padding-box;
    background-color: #f2f2f2;
    border-radius: .1875rem;
    box-shadow: 0 0 .625rem .1875rem rgba(1, 1, 1, .5);
    outline: 0;
    padding: .625rem;
    position: relative
}

.modal .modal-content .modal-header .close {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -.9375rem;
    right: -.9375rem;
    height: 1.875rem;
    width: 1.875rem;
    background: #010101;
    border: .1875rem solid #f2f2f2;
    border-radius: 50%;
    color: #f2f2f2;
    cursor: pointer;
    font-size: 1.875rem;
    line-height: 0;
    outline: 0
}

.card, .modal .modal-content .modal-body {
    position: relative
}

.modal .modal-content .modal-header .close::after::after {
    clear: both;
    content: "";
    display: block
}

.modal .fluid-embed embed, .modal .fluid-embed iframe, .modal .fluid-embed object {
    border: none
}

.footer-ad-banner {
    padding: 0 0 1.875rem;
    margin: 0;
    width: 100%
}

.footer-ad-banner embed, .footer-ad-banner iframe, .footer-ad-banner object {
    vertical-align: bottom
}

.footer-ad-banner p {
    margin-bottom: 0
}

.archive .footer-ad-banner, .page-try-these .footer-ad-banner, .search .footer-ad-banner {
    padding-top: 0
}

.site-footer {
    background-color: #3d3d49
}

.site-footer::after {
    clear: both;
    display: block
}

.site-footer .footer-logo {
    margin: 1.875rem auto 2.25rem;
    height: 1.5625rem;
    width: 14.8125rem
}

.site-footer .footer-logo a {
    display: block
}

.site-footer .footer-logo a:focus, .site-footer .footer-logo a:hover {
    opacity: 1
}

.site-footer .footer-logo a img {
    vertical-align: bottom
}

.site-footer .copyright-text, .site-footer .disclaimer {
    margin: 0 auto;
    color: #fff;
    font-size: .75rem;
    line-height: 1.25;
    max-width: 19.625rem
}

.site-footer .disclaimer {
    margin-bottom: 0
}

.author-thumbnail {
    color: #b1b1b6;
    border-radius: 0;
    box-shadow: 0 0 .625rem 0 rgba(1, 1, 1, .7);
    display: inline-block;
    overflow: hidden
}

.author-thumbnail img {
    margin: 0;
    padding: 0;
    border-radius: 0
}

.author-thumbnail.responsive {
    height: 3.125rem;
    width: 3.125rem
}

.card {
    border: .0625rem solid #dbdbdb;
    margin-bottom: 2.5rem;
    max-width: 100%
}

.card a {
    text-decoration: none
}

.card a:focus, .card a:hover {
    opacity: .8
}

.card .card-title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.18;
    margin-bottom: .5rem
}

.card .card-title a {
    text-decoration: none
}

.card .card-content-area {
    display: flex;
    justify-content: space-between;
    padding: 1rem .75rem
}

.card .category-meta {
    display: inline-block;
    font-size: .6875rem;
    text-transform: uppercase
}

.card .category-meta:first-child {
    margin-left: .125rem
}

.card .when-and-who {
    color: #777780;
    display: block;
    font-size: .75rem;
    font-style: italic;
    margin: .1875rem 0 1.125rem .125rem
}

.card .when-and-who a {
    color: #777780
}

.card .card-content {
    line-height: 1.55;
    margin-bottom: 0
}

.card .read-more {
    transition: border .3s, fill .3s ease-in-out;
    align-items: center;
    border-left: .0625rem solid #ccc;
    display: none;
    justify-content: center;
    min-width: 2.5rem
}

.card .read-more:active, .card .read-more:focus, .card .read-more:hover {
    border-left: .0625rem solid #777780
}

.card .read-more:active .icon-arrow, .card .read-more:focus .icon-arrow, .card .read-more:hover .icon-arrow {
    fill: #3d3d49
}

.card .icon-arrow {
    margin: .125rem .125rem 0 0;
    height: 1.25rem;
    width: 1.25rem;
    fill: #777780
}

.card.regular {
    display: flex;
    flex-direction: column
}

.card.regular.with-image .card-image {
    margin: -.0625rem -.0625rem 0;
    min-height: 13.75rem;
    min-width: 40%;
    position: relative;
    background-color: #eee;
    border-left: .0625rem solid #dbdbdb;
    border-top: .0625rem solid #dbdbdb;
    border-bottom: .0625rem solid #dbdbdb
}

.card.regular.with-image .author-thumbnail {
    position: absolute;
    bottom: 1.5625rem;
    left: 1.5625rem
}

.card.regular.without-image .card-color-fill {
    margin: -.0625rem -.0625rem 0;
    min-height: 4.6875rem;
    min-width: 4.6875rem;
    position: relative
}

.card.regular.without-image .author-thumbnail {
    position: absolute;
    top: 1.0625rem;
    right: 0;
    transform: translateX(-50%)
}

.card.regular .card-title {
    font-size: 1.75rem;
    line-height: 1.18;
    margin-bottom: .625rem
}

.card.regular .card-title a {
    color: #3d3d49
}

.card.regular .card-content-area {
    background-color: #eee;
    flex: 1;
    padding: 0 .8125rem
}

.card.regular .card-content-area .content-wrapper {
    padding: 1.25rem 0 .9375rem;
    flex: 1;
    width: 100%;
    min-height: 215px
}

.card.regular .card-content-area .card-content {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: .1875rem
}

.card.regular .read-more {
    background-color: #dbdbdb
}

.card.regular .read-more:active, .card.regular .read-more:focus, .card.regular .read-more:hover {
    background-color: #c7c7c7
}

.card.featured {
    border: 3px solid #6ca755;
    margin-bottom: 0
}

.card.featured .card-image {
    border-bottom: .25rem solid #ffad05;
    display: block;
    height: 16.875rem;
    position: relative
}

.card.featured .tagged-featured {
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #ffad05;
    border-top-left-radius: .1875rem;
    border-top-right-radius: .1875rem;
    color: #f2f2f2;
    font-size: .875rem;
    min-width: 92%;
    padding: .5rem 0;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%)
}

.card.featured .card-color-fill {
    display: block;
    height: 8.5625rem;
    position: relative
}

.card.featured .card-header {
    margin-top: .375rem
}

.card.featured .card-content-area {
    background-color: #fff
}

.card.featured .card-content {
    font-weight: 400;
    color: #00153a
}

.card.featured.without-image .author-thumbnail {
    position: absolute;
    top: 1.3125rem;
    right: 1.3125rem
}

.card.featured.with-image .author-thumbnail {
    position: absolute;
    top: 1.25rem;
    right: 1rem
}

.card.featured .read-more {
    margin: .375rem 0 .3125rem
}

.category-meta {
    font-weight: 900;
    padding: .075rem .8125rem;
    margin: 0 .9375rem 0 0;
    border-radius: .25rem;
    color: #fff;
    display: inline-block;
    font-size: .9375rem;
    font-style: normal;
    text-decoration: none
}

.category-meta:active, .category-meta:focus, .category-meta:hover {
    color: #fff;
    opacity: .8
}

.category-meta:visited {
    color: #fff
}

.card .category-meta {
    margin: 0 1.125rem 0 0;
    padding: .28125rem .625rem;
    border-radius: .125rem;
    line-height: 1
}

.main-navigation {
    margin: 0 0 0 -.9375rem;
    background-color: #dbdbdb;
    transition: max-height .3s, padding .3s ease-in-out, left .3s;
    float: left;
    line-height: 1;
    max-height: 0;
    overflow: hidden;
    width: calc(100% + 2 * .9375rem)
}

.gform_wrapper, .gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=url], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=file], .gform_wrapper textarea {
    background: #f2f2f2
}

.main-navigation.is-open {
    max-height: 312.5rem;
    min-height: auto;
    overflow: visible
}

.main-navigation ul li {
    margin: 0;
    display: block;
    width: 100%
}

.main-navigation ul li:last-child {
    margin: 0
}

.main-navigation ul li a {
    padding: .9375rem 0;
    width: 100%
}

.main-navigation ul li ul li {
    margin: 0
}

.main-navigation ul li ul li:first-child, .main-navigation ul li ul li:last-child {
    margin: 0;
    padding: 0
}

.main-navigation ul li ul li:last-child:only-child {
    padding: 1.375rem 0
}

.no-results {
    margin-bottom: 3rem
}

.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.gform_wrapper {
    border: 0 solid #f2f2f2;
    padding: 0
}

.gform_wrapper.gform_body .gform_fields .gfield, .gform_wrapper.gform_body .gform_fields .gfield.gf_left_half, .gform_wrapper.gform_body .gform_fields .gfield.gf_right_half {
    margin-bottom: 1.5625rem
}

.gform_wrapper .gfield_label {
    color: #333;
    font-size: 1rem;
    font-weight: 700
}

.gform_wrapper textarea {
    width: 100%
}

.gform_wrapper select {
    -webkit-appearance: none;
    background: url(https://www.casino-geek/wp-content/themes/sportsgeek/assets/images/svg-icons/caret-down.svg) 97% no-repeat #f2f2f2;
    background-size: .75rem;
    border-color: #b1b1b6;
    border-radius: 0;
    line-height: 1.45;
    padding: .4375rem .9375rem;
    width: 100%
}

.gform_wrapper select[multiple=multiple] {
    background: #f2f2f2
}

.gform_wrapper .gform_body .gform_fields .gfield select, .gform_wrapper.gf_browser_chrome .gform_body .gform_fields .gfield select {
    margin-left: 0;
    width: 100% !important
}

.gform_wrapper .gfield .chosen-container-single {
    font-size: 1rem
}

.dropdown, .dropdown .selected, .dropdown li {
    font-size: .875rem;
    font-weight: 400;
    font-family: Helvetica, sans-serif
}

.gform_wrapper .gfield .chosen-container-single .chosen-single {
    background: #f2f2f2;
    border-color: #b1b1b6;
    border-radius: 0;
    height: auto;
    padding: .4375rem .9375rem
}

.gform_wrapper .gfield .chosen-container-single .chosen-single div b {
    position: absolute;
    top: 40%;
    right: .6875rem;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ccc;
    background: 0 0
}

.gform_wrapper .gfield .chosen-container-single .chosen-drop .chosen-search input[type=text] {
    background: 0 0
}

.gform_wrapper .gfield .chosen-container-single .chosen-drop .chosen-results li {
    padding: .625rem .3125rem
}

.gform_wrapper .gfield .chosen-container-single.chosen-container-single.chosen-with-drop .chosen-single {
    background-image: none
}

.gform_wrapper .gfield .chosen-container-single.chosen-container-single.chosen-with-drop .chosen-single div b {
    height: 0;
    width: 0;
    border: none
}

#content .gform_wrapper {
    margin-right: 0;
    max-width: 100%
}

#content .gform_wrapper input[type=text], #content .gform_wrapper input[type=email], #content .gform_wrapper input[type=url], #content .gform_wrapper input[type=password], #content .gform_wrapper input[type=tel], #content .gform_wrapper input[type=number], #content .gform_wrapper input[type=file], #content .gform_wrapper textarea {
    padding: .4375rem .9375rem;
    width: 100%
}

#content .gform_wrapper .chosen-search input[type=text], #content .gform_wrapper .gf_left_half, #content .gform_wrapper .gf_right_half, #content .gform_wrapper .ginput_complex .name_first input[type=text], #content .gform_wrapper .ginput_complex .name_last input[type=text], #content .gform_wrapper textarea {
    width: 100%
}

.dropdown, .dropdown div, .dropdown div::after, .dropdown li {
    transition: opacity 150ms, height 150ms ease-in-out
}

.dropdown {
    background: #fff;
    border: .0625rem solid #b1b1b6;
    border-radius: .125rem;
    box-shadow: none;
    max-width: 15rem;
    min-height: 2.5625rem;
    opacity: 0;
    position: relative;
    text-align: left;
    transition: opacity .3s, height .3s ease-in-out;
    visibility: hidden
}

body.ready .dropdown {
    opacity: 1;
    visibility: visible
}

.dropdown .carat {
    position: absolute;
    top: .625rem;
    right: 0;
    height: 1.25rem;
    width: 2.125rem;
    border-left: .0625rem solid #b1b1b6
}

.dropdown .carat::before, .dropdown .old, .dropdown select {
    top: 0;
    left: 0;
    position: absolute
}

.dropdown .carat::before {
    height: 1.25rem;
    width: 2.125rem;
    transition: all .3s ease-in-out;
    background-image: url(../../../assets/images/svg-icons/input-arrow.svg);
    background-position: 51% 48%;
    background-repeat: no-repeat;
    content: ''
}

.dropdown div ul::after, .site-breadcrumbs::after {
    content: "";
    display: block;
    clear: both
}

.dropdown .old {
    height: 0;
    width: 0;
    overflow: hidden
}

.dropdown.touch .old {
    height: 100%;
    width: 100%
}

.dropdown.touch select {
    height: 100%;
    width: 100%;
    opacity: 0
}

.dropdown .selected, .dropdown li {
    display: block;
    line-height: 1;
    overflow: hidden;
    padding: .75rem .9375rem;
    white-space: nowrap
}

.dropdown .selected {
    color: #777780
}

.dropdown li {
    color: #919191
}

.dropdown.disabled .selected {
    opacity: .8
}

.dropdown div {
    background-color: #ebebeb;
    position: absolute;
    top: 100%;
    right: -.0625rem;
    left: -.0625rem;
    height: 0;
    margin-top: -.0625rem;
    opacity: 0;
    overflow: hidden
}

.dropdown div ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-bottom: .0625rem solid #b1b1b6;
    border-radius: 0 0 .1875rem .1875rem;
    overflow: hidden
}

.dropdown div ul li {
    padding: .78125rem .9375rem;
    border: .0625rem solid #b1b1b6;
    border-top: 0;
    list-style: none
}

.dropdown div ul li:first-child {
    border-top: .0625rem solid #b1b1b6
}

.dropdown div ul li.focus {
    background-color: #ebebeb;
    position: relative;
    z-index: 3
}

.dropdown div ul li:hover {
    background-color: #dbdbdb
}

.dropdown.open {
    z-index: 2
}

.dropdown.open .carat::before {
    position: absolute;
    top: -.125rem;
    left: 0;
    transform: rotate(180deg)
}

.dropdown.open div {
    opacity: 1;
    z-index: 2
}

.site-breadcrumbs li a:active, .site-breadcrumbs li a:focus, .site-breadcrumbs li a:hover, .widget_categories ul li a:focus, .widget_categories ul li a:hover, .widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .content-container .site-name a:focus, .widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .content-container .site-name a:hover {
    opacity: .8
}

.site-breadcrumbs {
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    margin: 15px 0 0;
    padding: 20px 0 0;
    list-style: none;
    display: block;
    line-height: 1
}

.site-breadcrumbs li, .site-breadcrumbs span {
    display: inline;
    font-size: 1rem;
    text-transform: capitalize
}

.site-breadcrumbs li a, .site-breadcrumbs span a {
    color: #3d3d49;
    text-decoration: none
}

.site-breadcrumbs li span {
    color: #3d3d49
}

.site-breadcrumbs li span.current {
    font-weight: 700
}

.wds-sportsgeek-todays-free-pick {
    margin: 1.5rem 0;
    background-color: #00153a;
    color: #f2f2f2;
    text-align: center;
    width: 100%
}

.wds-sportsgeek-todays-free-pick p {
    margin-bottom: 0;
    position: relative;
    z-index: 10
}

.wds-sportsgeek-todays-free-pick .title-block {
    padding: 1rem 1rem .9375rem;
    font-family: Helvetica, sans-serif;
    font-weight: 900;
    font-size: 2.25rem;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase
}

.wds-sportsgeek-todays-free-pick .title-block::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 21, 58, .6);
    content: '';
    z-index: 1
}

.wds-sportsgeek-todays-free-pick .text-block {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    padding: .8125rem 1.25rem .9375rem;
    background-color: #e22f2f;
    font-size: 1.0625rem;
    line-height: 1.16
}

.homepage-bottom-content .h1, .homepage-bottom-content .h2, .homepage-bottom-content .h3, .homepage-bottom-content .h4, .homepage-bottom-content .h5, .homepage-bottom-content .h6, .homepage-bottom-content h1, .homepage-bottom-content h2, .homepage-bottom-content h3, .homepage-bottom-content h4, .homepage-bottom-content h5, .homepage-bottom-content h6, .homepage-top-content .h1, .homepage-top-content .h2, .homepage-top-content .h3, .homepage-top-content .h4, .homepage-top-content .h5, .homepage-top-content .h6, .homepage-top-content h1, .homepage-top-content h2, .homepage-top-content h3, .homepage-top-content h4, .homepage-top-content h5, .homepage-top-content h6 {
    margin-top: 0;
    margin-bottom: .9375rem
}

.homepage-top-content {
    margin-bottom: 1.875rem
}

.homepage-bottom-content {
    margin-top: 2.1875rem
}

.homepage-bottom-content h4 {
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    margin: 0 0 2.375rem;
    color: #00153a;
    font-size: 1.75rem;
    line-height: 1
}

.homepage-bottom-content h4 small {
    font-size: .875rem
}

.homepage-bottom-content ul li a {
    text-decoration: none
}

.home .site-main .btn-wrapper::after {
    clear: both;
    content: "";
    display: block
}

.home .site-main .btn-wrapper .btn-more {
    float: right
}

.pattern-section {
    margin: 0 0 3.125rem
}

.pattern-section .pattern-section-live {
    margin-bottom: 3.125rem
}

.pattern-section .disabled {
    margin-right: .9375rem
}

.pattern-section .pattern-section-details p:first-child, .pattern-section .pattern-section-usage p:first-child, .pattern-section .pattern-section-usage p:nth-child(3) {
    margin-bottom: 0
}

.pattern-section .icon {
    height: 7.5rem;
    width: 7.5rem
}

.swatch-container::after {
    clear: both;
    content: "";
    display: block
}

.swatch-container .swatch {
    padding: .9375rem;
    height: 9.375rem;
    width: auto;
    border-radius: .125rem;
    color: #929292
}

.entry-header {
    margin: 0 0 12px
}

.entry-header .entry-title {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.125
}

.entry-header .author-link {
    display: none
}

.entry-header .entry-meta {
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    color: #00153a;
    font-size: .875rem;
    font-style: italic
}

.entry-header .entry-meta .when-and-who {
    margin: .625rem 0 0;
    display: block
}

.entry-header .entry-meta .when-and-who .byline a, .entry-header .entry-meta .when-and-who .posted-on a {
    color: #0052cc;
    text-decoration: none
}

.entry-header .entry-meta.entry-meta-with-share {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: 0;
    flex-wrap: wrap
}

.entry-header .entry-meta.entry-meta-with-share .categories-meta {
    display: flex;
    flex-wrap: nowrap;
    border-top: 1px solid #ccc;
    flex: 100%;
    padding-top: .5em
}

.entry-header .entry-meta.entry-meta-with-share.entry-meta-with-time .categories-meta {
    order: 2
}

.entry-header .entry-meta .reading-time, .entry-header .entry-meta.entry-meta-with-share .when-and-who {
    order: -1;
    margin-right: auto;
    -ms-grid-row-align: center;
    align-self: center
}

.entry-header .entry-meta.entry-meta-with-share a.category-meta {
    max-height: 27px;
    -ms-grid-row-align: center;
    align-self: center
}

.entry-header .entry-meta.entry-meta-with-share.entry-meta-with-time .when-and-who {
    flex: 100%
}

.entry-header .entry-meta .posted-time {
    margin-right: auto;
    display: inline
}

.entry-meta .time-group {
    white-space: nowrap
}

.entry-header .entry-meta .reading-time {
    display: inline;
    color: #ccc;
    background-image: url(../../../images/alarm-clock.svg);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 18px;
    font-size: 12px
}

.entry-header .entry-meta .when-and-who .posted-on p {
    color: #00153a
}

.entry-header .entry-meta .when-and-who .byline a:hover, .entry-header .entry-meta .when-and-who .posted-on a:hover {
    color: #3b73af;
    text-decoration: underline
}

.entry-content .focus-paragraph {
    margin: 0 0 2.625rem;
    font-size: 1.25rem;
    line-height: 1.625
}

.entry-content .focus-image {
    margin: 0 0 2.1875rem;
    text-align: center
}

.archive .page-title .icon {
    height: 2.1875rem;
    width: 2.1875rem
}

.archive .page-title {
    line-height: 1.25;
    margin-left: 3rem;
    text-indent: -3rem
}

.info-list {
    border-left: 3px solid;
    padding-left: 1em
}

.info-list .info-label {
    font-weight: 700;
    margin-top: 1em;
    padding-left: .5em;
    margin-left: -1em
}

.info-list:nth-of-type(2) {
    border-left: 3px solid #70b453
}

.info-list .info-label a.tag-link {
    color: #00153a
}

.widget {
    padding: 1.25rem 1.25rem .9375rem;
    margin: 0 0 2.5625rem;
    background-color: #f2f2f2;
    border: .0625rem solid #ccc;
    width: 100%
}

.widget_wds_follow_us_widget .button-social.social-facebook, .widget_wds_follow_us_widget .button-social.social-facebook-square {
    transition: opacity .3s ease-in-out;
    background-color: #2a6397
}

.widget:last-child {
    margin-bottom: 0
}

.widget select {
    max-width: 100%
}

.widget .widget-title {
    margin: -1.25rem -1.25rem 1.25rem;
    padding: 1.1875rem 1.25rem;
    color: #f2f2f2;
    font-size: 1.5rem;
    width: calc(100% + 2.5rem)
}

.widget_categories .widget-title {
    margin-bottom: 1.0625rem;
    position: relative
}

.widget_categories ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widget_categories ul::after {
    clear: both;
    content: "";
    display: block
}

.widget_categories ul li {
    margin: 0 0 .9375rem;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.25
}

.widget_categories ul li:last-child {
    margin-bottom: 0
}

.widget_categories ul li a {
    color: #00761e;
    display: block;
    text-decoration: none
}

.widget_wds_top_betting_sites_widget .widget-title {
    margin-bottom: 1.75rem
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container {
    margin: 0 0 1.625rem
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container::after {
    clear: both;
    content: "";
    display: block
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container:last-child {
    margin-bottom: 1.0625rem
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .image-container {
    height: 3.125rem;
    width: 3.125rem;
    border: .0625rem solid #b1b1b6;
    border-radius: 4.6875rem;
    float: left;
    margin-right: .625rem;
    overflow: hidden
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .image-container img {
    height: 3.125rem;
    width: 3.125rem;
    border-radius: 4.6875rem;
    vertical-align: bottom
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .content-container .site-cta, .widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .content-container .site-name {
    display: block;
    line-height: 1.2
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .content-container .site-name {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    color: #00153a;
    font-size: 1.5rem
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .content-container .site-name a {
    color: #00153a;
    text-decoration: none
}

.widget_wds_top_betting_sites_widget .widget-wds-top-betting-sites-container .content-container .site-cta {
    color: #e22f2f;
    font-size: 1rem
}

.widget_wds_follow_us_widget::after {
    clear: both;
    content: "";
    display: block
}

.widget_wds_follow_us_widget .widget-title {
    position: relative
}

.widget_wds_follow_us_widget .button-social {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    margin: 0 0 .875rem;
    padding: .75rem 0;
    height: 3.5rem;
    width: 100%;
    border-radius: .125rem;
    color: #fff;
    display: inline-block;
    font-size: 1.125rem;
    text-align: center;
    text-decoration: none
}

.widget_wds_follow_us_widget .button-social:last-child {
    margin: 0 0 .3125rem
}

.widget_wds_follow_us_widget .button-social.social-facebook:active, .widget_wds_follow_us_widget .button-social.social-facebook:focus, .widget_wds_follow_us_widget .button-social.social-facebook:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-googleplus, .widget_wds_follow_us_widget .button-social.social-googleplus-square {
    transition: opacity .3s ease-in-out;
    background-color: #d2594a
}

.widget_wds_follow_us_widget .button-social.social-facebook-square:active, .widget_wds_follow_us_widget .button-social.social-facebook-square:focus, .widget_wds_follow_us_widget .button-social.social-facebook-square:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-googleplus:active, .widget_wds_follow_us_widget .button-social.social-googleplus:focus, .widget_wds_follow_us_widget .button-social.social-googleplus:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-instagram, .widget_wds_follow_us_widget .button-social.social-instagram-square {
    transition: opacity .3s ease-in-out;
    background-color: #517fa4
}

.widget_wds_follow_us_widget .button-social.social-googleplus-square:active, .widget_wds_follow_us_widget .button-social.social-googleplus-square:focus, .widget_wds_follow_us_widget .button-social.social-googleplus-square:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-instagram:active, .widget_wds_follow_us_widget .button-social.social-instagram:focus, .widget_wds_follow_us_widget .button-social.social-instagram:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-linkedin, .widget_wds_follow_us_widget .button-social.social-linkedin-square {
    transition: opacity .3s ease-in-out;
    background-color: #007bb6
}

.widget_wds_follow_us_widget .button-social.social-instagram-square:active, .widget_wds_follow_us_widget .button-social.social-instagram-square:focus, .widget_wds_follow_us_widget .button-social.social-instagram-square:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-linkedin:active, .widget_wds_follow_us_widget .button-social.social-linkedin:focus, .widget_wds_follow_us_widget .button-social.social-linkedin:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-pinterest, .widget_wds_follow_us_widget .button-social.social-pinterest-square {
    transition: opacity .3s ease-in-out;
    background-color: #cb2027
}

.widget_wds_follow_us_widget .button-social.social-linkedin-square:active, .widget_wds_follow_us_widget .button-social.social-linkedin-square:focus, .widget_wds_follow_us_widget .button-social.social-linkedin-square:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-pinterest:active, .widget_wds_follow_us_widget .button-social.social-pinterest:focus, .widget_wds_follow_us_widget .button-social.social-pinterest:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-rss, .widget_wds_follow_us_widget .button-social.social-rss-square {
    transition: opacity .3s ease-in-out;
    background-color: #f90
}

.widget_wds_follow_us_widget .button-social.social-pinterest-square:active, .widget_wds_follow_us_widget .button-social.social-pinterest-square:focus, .widget_wds_follow_us_widget .button-social.social-pinterest-square:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-rss:active, .widget_wds_follow_us_widget .button-social.social-rss:focus, .widget_wds_follow_us_widget .button-social.social-rss:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-twitter, .widget_wds_follow_us_widget .button-social.social-twitter-square {
    transition: opacity .3s ease-in-out;
    background-color: #00761e
}

.widget_wds_follow_us_widget .button-social.social-rss-square:active, .widget_wds_follow_us_widget .button-social.social-rss-square:focus, .widget_wds_follow_us_widget .button-social.social-rss-square:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-twitter:active, .widget_wds_follow_us_widget .button-social.social-twitter:focus, .widget_wds_follow_us_widget .button-social.social-twitter:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-youtube, .widget_wds_follow_us_widget .button-social.social-youtube-square {
    transition: opacity .3s ease-in-out;
    background-color: #de4230
}

.widget_wds_follow_us_widget .button-social.social-twitter-square:active, .widget_wds_follow_us_widget .button-social.social-twitter-square:focus, .widget_wds_follow_us_widget .button-social.social-twitter-square:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-youtube:active, .widget_wds_follow_us_widget .button-social.social-youtube:focus, .widget_wds_follow_us_widget .button-social.social-youtube:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social.social-youtube-square:active, .widget_wds_follow_us_widget .button-social.social-youtube-square:focus, .widget_wds_follow_us_widget .button-social.social-youtube-square:hover {
    opacity: .5
}

.widget_wds_follow_us_widget .button-social .icon-twitter-square {
    width: 2.5rem
}

.widget_wds_follow_us_widget .button-social .icon-youtube-square {
    width: 4.875rem
}

.widget_wds_follow_us_widget .button-social .icon-facebook-square {
    width: 2rem
}

.widget_wds_follow_us_widget .button-social .icon-googleplus-square {
    width: 3.3125rem
}

.widget_wds_follow_us_widget .button-social .icon {
    fill: #fff;
    margin-right: .625rem;
    max-height: 2rem;
    vertical-align: bottom
}

.remodal, .remodal-wrapper:after, h2.orng img {
    vertical-align: middle
}

.widget_wds_featured_pages_widget .featured-pages-container, .widget_wds_featured_pages_widget .recent-articles-container, .widget_wds_recent_articles_widget .featured-pages-container, .widget_wds_recent_articles_widget .recent-articles-container {
    margin: 0 0 1.25rem
}

.widget_wds_featured_pages_widget .featured-pages-container::after, .widget_wds_featured_pages_widget .recent-articles-container::after, .widget_wds_recent_articles_widget .featured-pages-container::after, .widget_wds_recent_articles_widget .recent-articles-container::after {
    clear: both;
    content: "";
    display: block
}

.widget_wds_featured_pages_widget .featured-pages-container:last-child, .widget_wds_featured_pages_widget .recent-articles-container:last-child, .widget_wds_recent_articles_widget .featured-pages-container:last-child, .widget_wds_recent_articles_widget .recent-articles-container:last-child {
    margin: 0 0 .75rem
}

.widget_wds_featured_pages_widget .featured-pages-container .featured-title, .widget_wds_featured_pages_widget .featured-pages-container .recent-title, .widget_wds_featured_pages_widget .recent-articles-container .featured-title, .widget_wds_featured_pages_widget .recent-articles-container .recent-title, .widget_wds_recent_articles_widget .featured-pages-container .featured-title, .widget_wds_recent_articles_widget .featured-pages-container .recent-title, .widget_wds_recent_articles_widget .recent-articles-container .featured-title, .widget_wds_recent_articles_widget .recent-articles-container .recent-title {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    color: #00761e;
    display: block;
    font-size: 1rem;
    text-decoration: none
}

.widget_wds_featured_pages_widget .featured-pages-container .excerpt, .widget_wds_featured_pages_widget .recent-articles-container .excerpt, .widget_wds_recent_articles_widget .featured-pages-container .excerpt, .widget_wds_recent_articles_widget .recent-articles-container .excerpt {
    margin: 0;
    color: #00153a;
    display: block;
    font-size: .875rem;
    line-height: 1.2
}

.widget_wds_featured_pages_widget .widget-title {
    margin-bottom: .9375rem
}

.widget_wds_featured_pages_widget .featured-pages-container .featured-title {
    line-height: 1.35
}

.widget_wds_recent_articles_widget .widget-title {
    margin-bottom: .875rem
}

.widget_wds_recent_articles_widget .recent-articles-container .recent-title {
    margin: 0 0 .375rem;
    line-height: 1.2
}

.widget_wds_featured_pages_widget .featured-pages-container.sticky {
    background-color: #fff;
    height: 78px;
    box-shadow: 0 0 8px #b0b0b0;
    display: flex;
    flex-direction: row
}

.widget_wds_featured_pages_widget .featured-pages-container.sticky .left-side {
    width: 78px;
    height: 78px
}

.widget_wds_featured_pages_widget .featured-pages-container.sticky .right-side {
    width: calc(100% - 78px);
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px
}

.widget_wds_featured_pages_widget .featured-pages-container.sticky .featured-title {
    display: block
}

.widget_wds_featured_pages_widget .featured-pages-container.sticky .sticky_image {
    border-style: none;
    height: 78px;
    width: 78px;
    object-fit: cover
}

.widget_wds_featured_pages_widget .featured-pages-container.sticky .excerpt {
    overflow: hidden;
    text-overflow: ellipsis
}

.widget a:focus, .widget a:hover {
    opacity: .8
}

.mainReviewContainer {
    width: 100%;
    height: auto;
    padding-top: 20px
}

.blog-page-divider-section {
    display: flex;
    justify-content: normal;
    align-items: center
}

.blog-page-divider-section hr {
    width: 100%;
    border-color: #6b9bbe;
    margin: 0
}

.blog-page-divider-section span {
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    padding: 0 5px 0 10px;
    color: #6b9bbe;
    display: none
}

.blog-page-divider-section[data-state=less] .more, .blog-page-divider-section[data-state=more] .less {
    display: block
}

.blog-page-divider-section[data-state=more] i {
    transform: rotate(180deg)
}

.blog-page-divider-section i {
    transition: .5s;
    font-size: 11px;
    color: #6b9bbe
}

.js-dynamic-height {
    overflow: hidden;
    position: relative;
    transition: height .5s
}

.js-dynamic-height .blog-page-divider-section {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 0
}

.js-dynamic-height .bottom-line {
    display: block;
    height: 2px
}

.js-dynamic-height table {
    margin-bottom: 0 !important
}

@media screen and (min-width: 22.5rem) {
    .entry-header .entry-meta .when-and-who {
        margin: 0 0 0 .4375rem;
        display: inline
    }

    .entry-header .entry-meta .posted-time {
        margin-left: .4375rem
    }
}

@media screen and (min-width: 29rem) {
    .entry-header .entry-meta.entry-meta-with-share.entry-meta-with-time .categories-meta {
        margin-top: -10px
    }
}

@media screen and (min-width: 40rem) {
    .entry-header .entry-meta.entry-meta-with-share .categories-meta {
        border: none;
        flex: unset;
        padding-top: 0
    }

    .entry-header .entry-meta.entry-meta-with-share .when-and-who {
        margin-right: 1em
    }

    .alignleft {
        display: inline;
        float: left;
        margin: 0 1.5rem 0 0
    }

    .alignright {
        display: inline;
        float: right;
        margin: 0 0 0 1.5rem
    }

    .comment-list .children {
        padding-left: 2.1875rem
    }

    .header-cta .header-cta-container .cta-content h2 {
        display: initial
    }

    .header-cta-container.header-cta-show {
        padding: 2.125rem 0 1.25rem;
        display: flex;
        justify-content: center
    }

    .header-cta-container.header-cta-show .cta-content {
        display: flex;
        margin-bottom: 0
    }

    .header-cta-container.header-cta-show .cta-content a {
        display: flex
    }

    .header-cta-container.header-cta-show .cta-content h2 {
        margin-bottom: 0;
        width: calc(100% - 12rem)
    }

    .header-cta-container.header-cta-show .cta-button {
        padding: .3125rem 1.4375rem;
        width: auto
    }

    .header-cta-container.header-cta-hide .cta-content h2 {
        width: calc(100% - 12rem)
    }

    .header-cta-container.header-cta-hide .cta-button {
        padding: .40625rem 1.40625rem;
        width: auto
    }

    table thead {
        display: table-row-group
    }

    table td, table th {
        display: table-cell
    }

    table tr {
        display: table-row;
        margin-bottom: 0
    }

    table td {
        border-bottom: 0
    }

    table {
        border: .0625rem solid #ccc
    }

    .card .when-and-who {
        display: inline-block
    }

    .gform_wrapper select {
        width: 49%
    }

    .gform_wrapper .gform_body .gform_fields .gfield select, .gform_wrapper.gf_browser_chrome .gform_body .gform_fields .gfield select {
        width: 49% !important
    }

    #content .gform_wrapper input[type=text], #content .gform_wrapper input[type=email], #content .gform_wrapper input[type=url], #content .gform_wrapper input[type=password], #content .gform_wrapper input[type=tel], #content .gform_wrapper input[type=number], #content .gform_wrapper input[type=file], #content .gform_wrapper textarea {
        width: 49%
    }

    #content .gform_wrapper .gf_left_half input[type=text], #content .gform_wrapper .gf_left_half input[type=email], #content .gform_wrapper .gf_left_half input[type=url], #content .gform_wrapper .gf_left_half input[type=password], #content .gform_wrapper .gf_left_half input[type=tel], #content .gform_wrapper .gf_left_half input[type=number], #content .gform_wrapper .gf_left_half input[type=file], #content .gform_wrapper .gf_right_half input[type=text], #content .gform_wrapper .gf_right_half input[type=email], #content .gform_wrapper .gf_right_half input[type=url], #content .gform_wrapper .gf_right_half input[type=password], #content .gform_wrapper .gf_right_half input[type=tel], #content .gform_wrapper .gf_right_half input[type=number], #content .gform_wrapper .gf_right_half input[type=file] {
        width: 100%
    }

    #content .gform_wrapper .gf_left_half, #content .gform_wrapper .gf_right_half {
        width: 49%
    }

    #content .gform_wrapper .gf_left_half {
        margin-right: 2%
    }

    .wds-sportsgeek-todays-free-pick {
        margin: 0 0 .9375rem 2.1875rem;
        float: right;
        max-width: 16.9375rem
    }

    .entry-header .entry-title {
        margin: 0;
        font-size: 2rem;
        line-height: 1.125;
        width: calc(100% - 2 * 6.25rem)
    }

    .entry-header .author-link {
        margin: .4375rem -.0625rem 0 1.5625rem;
        height: 4.6875rem;
        width: 4.6875rem;
        display: block;
        float: right
    }

    .widget_wds_follow_us_widget .button-social {
        float: left;
        height: 3.5rem;
        margin-right: .625rem;
        width: calc(50% - 5px)
    }

    .widget_wds_follow_us_widget .button-social:nth-child(2n+1) {
        margin-right: 0
    }
}

@media screen and (min-width: 48rem) {
    h1 {
        font-size: 3rem
    }

    blockquote, q {
        margin: 0 0 1.75rem 3.3125rem;
        padding: 0 0 0 2rem
    }

    .site-footer {
        padding: 2.5625rem 0 3.25rem
    }

    .comment-list .children {
        padding-left: 3.75rem
    }

    .site-header .site-branding {
        margin: 1.5rem 0 1.375rem -.0625rem;
        height: 1.8125rem;
        width: 17.1875rem
    }

    .header-cta-container.header-cta-show {
        display: block
    }

    .social-icons {
        margin: 0 auto 2.5rem
    }

    .social-icons .social-icon.facebook {
        margin-left: -.25rem
    }

    .menu li {
        display: inline;
        font-size: .9rem;
        width: auto
    }

    .site-footer .footer-navigation ul li {
        margin: 0 1.5rem 0 0;
        display: inline-block
    }

    .site-footer .subfooter-navigation {
        margin-bottom: 0;
        margin-top: .1875rem
    }

    .site-footer .footer-logo {
        margin: 3rem auto 2.4375rem;
        height: 2.1875rem;
        width: 20.6875rem
    }

    .site-footer .copyright-text, .site-footer .disclaimer {
        max-width: 38.75rem
    }

    .site-footer .copyright-text {
        line-height: 1.35
    }

    .site-footer .disclaimer {
        line-height: 1.2
    }

    .card .card-title {
        font-size: 2.25rem;
        line-height: 1.09;
        margin-bottom: 1.1875rem
    }

    .card .card-content-area {
        padding: 1.3125rem 0 1.25rem 2.5rem
    }

    .card .category-meta:first-child {
        margin-left: 0
    }

    .card .when-and-who {
        margin: .3125rem 0 .2rem
    }

    .card .read-more {
        display: flex
    }

    .card.regular {
        flex-direction: row
    }

    .card.regular.with-image .card-image {
        margin: -.0625rem 0 -.0625rem -.0625rem
    }

    .card.regular.without-image .card-color-fill {
        margin: -.0625rem 0 -.0625rem -.0625rem;
        min-height: 6.875rem
    }

    .card.regular.without-image .author-thumbnail {
        position: absolute;
        top: auto;
        bottom: 1.25rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .card.regular .card-title {
        font-size: 1.5rem;
        line-height: 1.16;
        margin-bottom: 0
    }

    .card.regular .card-content-area {
        padding: 0 0 0 1.4375rem
    }

    .card.regular .card-content-area .content-wrapper {
        padding: 0 1rem 0 0
    }

    .card.featured .tagged-featured {
        position: absolute;
        bottom: 0;
        left: 2.5rem;
        min-width: 6.5625rem;
        transform: none
    }

    .card.featured.with-image.with-image-default .card-image, .card.regular.with-image.with-image-default .card-image {
        background-position-x: -30px
    }

    .card.featured .card-color-fill {
        height: 6.25rem
    }

    .card.featured .card-header {
        margin-top: 0
    }

    .card.featured.with-image .author-thumbnail {
        position: absolute;
        top: 1.9375rem;
        right: 2.3125rem
    }

    .main-navigation ul li {
        margin: 0 1.4rem 0 0;
        display: inline-block;
        width: auto
    }

    .swatch-container .swatch {
        height: 15.625rem;
        float: left;
        display: block;
        margin-right: 1%;
        width: 24.25%
    }

    .swatch-container .swatch:last-child, .swatch-container .swatch:nth-child(4) {
        margin-right: 0
    }
}

@media screen and (min-width: 64rem) {
    .primary {
        float: left;
        display: block;
        margin-right: 1%;
        width: 68.7506%
    }

    .primary:last-child {
        margin-right: 0
    }

    .secondary {
        display: block;
        margin-right: 1%;
        width: 27.08389%;
        float: right
    }

    .secondary:last-child {
        margin-right: 0
    }

    .hidden-searchform {
        position: absolute;
        top: .8125rem;
        right: 0;
        height: auto;
        width: auto;
        background-color: transparent
    }

    .hidden-searchform .search-form .input-with-button {
        height: 2.1875rem;
        width: 2.1875rem;
        background-color: transparent;
        background-image: url(../../../assets/images/svg-icons/magnify.svg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 2.0625rem 1.25rem;
        text-indent: -9999em
    }

    .hidden-searchform .search-form .input-with-button:focus {
        height: 2.1875rem;
        width: 17.8125rem;
        background-color: #fff;
        border: .0625rem
    }

    .hidden-searchform .search-form .button-with-input {
        display: none
    }

    .header-cta .header-cta-container .cta-content {
        padding: 0
    }

    .header-cta .header-cta-container .cta-content h2 {
        font-size: 1.99375rem;
        line-height: 1.25
    }

    .header-cta .header-cta-container .cta-content .cta-button {
        letter-spacing: 0;
        width: auto
    }

    .header-cta-container.header-cta-show {
        padding: 1.75rem 0 1.6875rem
    }

    .header-cta-container.header-cta-show .cta-content {
        margin: -.1875rem 1% .9375rem 0;
        position: absolute;
        right: .0625rem;
        width: 57.91667%;
        display: block;
        float: right;
        top: calc(50% - .1875rem);
        transform: translateY(-50%)
    }

    .header-cta-container.header-cta-show .cta-content:last-child {
        margin-right: 0
    }

    .header-cta-container.header-cta-show .cta-content h2 {
        margin-bottom: 1rem;
        width: 100%
    }

    .header-cta-container.header-cta-show .cta-video {
        float: left;
        margin-right: 1%;
        width: 38.75108%;
        display: block
    }

    .header-cta-container.header-cta-show .cta-video:last-child {
        margin-right: 0
    }

    .header-cta-container.header-cta-show p {
        display: block
    }

    .header-cta-container.header-cta-show .cta-button {
        float: left
    }

    .header-cta-container.header-cta-hide {
        padding: 1.5625rem 0;
        display: block;
        max-height: 312.5rem;
        overflow: visible
    }

    .header-cta-container.header-cta-hide .cta-button {
        margin: 0 0 0 .0625rem;
        font-size: .875rem
    }

    .header-cta .header-cta-close-button {
        margin: -.0625rem 0 -1.875rem;
        display: block
    }

    .hero-container, body.is-closed .hero-container {
        padding: 4.375rem 0
    }

    .archive .hero-container {
        margin-bottom: 4.375rem
    }

    .menu li.menu-item-has-children:focus::after, .menu li.menu-item-has-children:hover::after {
        display: block
    }

    .menu li.menu-item-has-children::after {
        position: absolute;
        bottom: -.0625rem;
        left: 50%;
        height: 0;
        width: 0;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 .9375rem 1rem;
        content: "";
        display: none;
        margin-left: -1rem
    }

    .menu li a {
        padding: .9375rem 0;
        color: #f2f2f2
    }

    .menu.with-dropdown ul {
        position: absolute;
        top: 5.0625rem;
        left: 0;
        transition: all .3s ease-in-out;
        height: auto;
        width: 16rem;
        display: none;
        max-height: 0
    }

    .menu.with-dropdown ul li:first-child {
        padding: 1.375rem 0 0
    }

    .menu.with-dropdown ul li:first-child a {
        padding: .6875rem 1.375rem .6875rem 1.3125rem
    }

    .menu.with-dropdown ul li:last-child {
        padding: 0 0 1.375rem
    }

    .menu.with-dropdown ul li:last-child a {
        padding: .6875rem 1.375rem .5rem 1.3125rem
    }

    .menu.with-dropdown ul li a {
        padding: .6875rem 1.375rem .6875rem 1.3125rem
    }

    .menu.with-dropdown ul li ul {
        margin: 0 0 .75rem
    }

    .menu.with-dropdown ul li.focus > ul, .menu.with-dropdown ul li:hover > ul {
        border-left: .25rem solid #00761e;
        display: block;
        left: 13rem;
        max-height: 31.25rem;
        overflow: visible
    }

    .menu-button, .site-footer .footer-navigation ul li.menu-item-has-children:focus::after, .site-footer .footer-navigation ul li.menu-item-has-children:hover::after {
        display: none
    }

    .menu.with-dropdown li {
        width: auto
    }

    .site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation {
        margin: 0
    }

    .footer-ad-banner {
        margin: -2.1875rem 1% 0 0;
        float: left;
        display: block;
        width: 68.7506%
    }

    .footer-ad-banner:last-child {
        margin-right: 0
    }

    .author-thumbnail.responsive {
        height: 4.6875rem;
        width: 4.6875rem
    }

    .card {
        max-width: 51.5625rem
    }

    .main-navigation {
        margin: 0 0 0 2.25rem;
        height: 5rem;
        width: auto;
        background-color: transparent;
        max-height: 312.5rem;
        overflow: visible;
        text-align: left
    }

    .main-navigation ul li a {
        padding: 2rem 0 1.4375rem;
        width: auto
    }

    .homepage-top-content {
        margin-bottom: 1.625rem
    }

    .homepage-bottom-content {
        margin-top: 4.0625rem
    }

    .homepage-bottom-content h4 {
        line-height: .8
    }

    .entry-content p:last-child {
        margin-bottom: 0
    }

    .widget_wds_follow_us_widget .button-social {
        height: 3.5rem;
        width: 100%;
        float: none;
        margin-right: 0
    }

    .widget_wds_follow_us_widget .button-social .icon-twitter-square {
        width: 1.5625rem
    }

    .widget_wds_follow_us_widget .button-social .icon-youtube-square {
        width: 3.3125rem
    }

    .widget_wds_follow_us_widget .button-social .icon-facebook-square {
        width: 1.375rem
    }

    .widget_wds_follow_us_widget .button-social .icon-googleplus-square {
        width: 2.375rem
    }
}

@media screen and (min-width: 75rem) {
    .hidden-searchform {
        position: absolute;
        top: .8125rem;
        right: -.9375rem
    }

    .card.featured .card-content {
        max-width: 43.75rem
    }
}

@media screen and (min-width: 85.375rem) {
    .wrap {
        padding: 0
    }

    .site-header .site-branding {
        margin: 1.5rem 0 1.375rem -.0625rem;
        height: 2.1875rem;
        width: 20.6875rem
    }

    .header-cta .header-cta-close-button {
        margin: -.125rem 0 -1.875rem
    }

    .menu li {
        font-size: 1.2rem
    }

    .site-main .comment-navigation, .site-main .post-navigation, .site-main .posts-navigation {
        margin: 0 0 1.5rem
    }

    .swatch-container .swatch {
        float: left;
        display: block;
        margin-right: 1%;
        width: 11.625%
    }

    .swatch-container .swatch:last-child {
        margin-right: 0
    }

    .swatch-container .swatch:nth-child(4) {
        margin-right: 1%
    }

    .archive .posts-navigation {
        margin-bottom: .8125rem
    }

    .archive .nav-links {
        margin-top: 4.5625rem
    }

    .widget_wds_follow_us_widget .button-social .icon-twitter-square {
        width: 2.5rem
    }

    .widget_wds_follow_us_widget .button-social .icon-youtube-square {
        width: 4.875rem
    }

    .widget_wds_follow_us_widget .button-social .icon-facebook-square {
        width: 2rem
    }

    .widget_wds_follow_us_widget .button-social .icon-googleplus-square {
        width: 3.3125rem
    }
}

.not-recomended-layout {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .7);
    display: none
}

a.top-banner img, a.top-banner p {
    position: relative;
    display: block
}

.not-recomended-container {
    width: 1200px;
    margin: 19% auto 0;
    background: url(../../../images/not-accepted.png) -50px -60px no-repeat #63bf1f;
    background-size: 450px;
    padding: 0 0 0 550px;
    height: 220px;
    max-height: 220px;
    border-radius: 10px;
    text-align: center
}

.not-recomended-container .close-btn {
    position: relative;
    right: 10px;
    display: block;
    text-align: right
}

.not-recomended-container .ln1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: .5em
}

.not-recomended-container .siteName {
    color: #fff;
    font-weight: 900;
    border-bottom: 2px solid #fff
}

.not-recomended-container .ln2 {
    font-size: 26px;
    margin: 0 0 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    letter-spacing: -1px;
    justify-content: center
}

.not-recomended-container .ln2 .logoCont {
    max-width: 170px;
    height: 45px;
    margin: 0 0 0 6px;
    padding: 0;
    border-radius: 5px;
    width: 100%;
    min-width: 140px
}

.not-recomended-container .ln2 .logoCont img {
    object-fit: scale-down;
    width: 100%;
    min-height: 40px
}

.ln4 a {
    background-color: #172a4c;
    color: #fff;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 5px;
    text-decoration: none
}

.not-recomended-container .ln3 {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    margin-top: 18px
}

.not-recomended-container .ln3 .continue-btn {
    color: #fff;
    line-height: 14px;
    display: inline-block
}

@media only screen and (max-width: 1250px) {
    .not-recomended-container {
        margin-top: 30%;
        width: 1000px;
        padding-left: 450px
    }
}

@media only screen and (max-width: 1050px) {
    .not-recomended-container {
        margin-top: 30%;
        width: 700px;
        background-size: 350px;
        padding: 0 0 0 310px;
        max-height: 240px;
        background-position: -20px center
    }

    .not-recomended-container .bodyText {
        padding: 0 5px 0 0
    }

    .not-recomended-container .ln1 {
        font-size: 30px;
        margin-bottom: 0;
        margin-top: -20px
    }

    .not-recomended-container .ln2 {
        font-size: 20px;
        margin: 15px .5em 10px
    }

    .not-recomended-container .ln4 {
        margin-bottom: 20px
    }

    .not-recomended-container .ln3 {
        font-size: 12px;
        margin-top: .5em
    }
}

@media only screen and (min-width: 1024px) {
    .main-navigation .menu.with-dropdown > .menu-item > a > span {
        display: none
    }
}

@media only screen and (max-width: 1023px) {
    .site-header .site-branding {
        margin: 1.2rem 0 1.375rem -.0625rem;
        height: 1.2rem
    }

    .main-navigation {
        margin: 0 0 0 -.9375rem;
        background-color: #dbdbdb;
        transition: max-height .3s, padding .3s ease-in-out, left .3s;
        float: left;
        line-height: 1;
        max-height: 0;
        overflow: hidden;
        text-align: center;
        width: calc(80% + 2 * .9375rem);
        min-width: 302px;
        position: relative;
        left: -100%
    }

    .main-navigation.is-open {
        max-height: 312.5rem;
        min-height: auto;
        overflow: visible;
        width: calc(100% + 30px);
        transition: left .3s;
        left: 0
    }

    .main-navigation .menu.with-dropdown > .menu-item {
        text-align: left;
        height: 54px;
        border-bottom: 1px solid #c6c4c4
    }

    .main-navigation .menu.with-dropdown > .menu-item.is-open {
        height: auto
    }

    .main-navigation .menu.with-dropdown > .menu-item > a {
        padding-left: 20px;
        width: 100%
    }

    .main-navigation .menu.with-dropdown > .menu-item > a > span {
        width: 20px;
        display: inline-block;
        padding: 5px 20px 5px 10px;
        margin-right: 10px;
        font-weight: 700;
        position: absolute;
        right: 0;
        top: 10px
    }

    .main-navigation .menu.with-dropdown > .menu-item .sub-menu {
        padding-left: 30px;
        height: 0;
        transition: all .3s ease-in-out 0s, z-index 0s linear 10ms;
        opacity: 0;
        transform: translateY(-2em);
        z-index: -1;
        transition-delay: 0s, 0s, .3s
    }

    .main-navigation .menu.with-dropdown > .menu-item.is-open .sub-menu {
        opacity: 1;
        z-index: 1;
        height: 100%;
        transition: all .3s ease-in-out 0s, z-index 0s linear 10ms;
        transform: translateY(0)
    }
}

@media only screen and (max-width: 745px) {
    .not-recomended-container {
        margin-top: 20%;
        width: 480px;
        background-size: 480px;
        padding: 0 1em;
        height: 550px;
        max-height: 475px;
        background-position: 0 calc(100% + 40px);
        text-align: center
    }

    .not-recomended-container .ln1 {
        font-size: 30px;
        margin-bottom: 8px
    }

    .not-recomended-container .close-btn {
        right: -5px
    }

    .not-recomended-container .ln2 {
        justify-content: center;
        margin: 10px .5em
    }

    .not-recomended-container .ln3 {
        margin-top: 20px;
        line-height: 20px
    }

    .not-recomended-container .ln3 a.continue-btn {
        display: block
    }
}

@media only screen and (max-width: 510px) {
    .not-recomended-container {
        margin-top: 20%;
        width: 100%;
        background-size: 300px;
        min-height: 310px;
        max-height: 420px;
        max-width: 320px;
        background-position: center calc(100% + 12px)
    }

    .not-recomended-container .ln1 {
        font-size: 20px;
        line-height: 28px;
        padding-top: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 5px
    }

    .not-recomended-container .ln2 {
        margin: 0 0 5px;
        font-size: 14px
    }

    .not-recomended-container .ln2 .logoCont {
        margin: .5em;
        width: 110px;
        height: 35px
    }

    .not-recomended-container .ln3 {
        margin-top: 20px;
        font-size: 13px
    }

    .not-recomended-container .ln4 a {
        font-size: 80%
    }
}

.top-banner {
    margin: 0 auto;
    width: 100%;
    display: block;
    max-width: 75rem;
    padding-top: 20px
}

a.top-banner:hover {
    opacity: 1
}

a.top-banner img {
    margin: 0 auto;
    top: -6px
}

a.top-banner p {
    top: -92px;
    text-align: center;
    margin-left: calc(50% + 380px);
    background-color: #67c459;
    width: 190px;
    color: #fff;
    padding: .5em 1em;
    font-weight: bolder;
    text-shadow: 2px 2px 2px #777
}

.remodal-overlay, .remodal-wrapper {
    position: fixed;
    z-index: 10000;
    display: none
}

a.top-banner:hover p {
    background-color: #e59426
}

@media only screen and (max-width: 1400px) {
    a.top-banner img {
        top: 0;
        max-width: 1200px;
        width: 100%
    }

    a.top-banner p {
        top: -64px;
        margin-left: calc(50% + 380px);
        font-size: 15px;
        padding: .5em;
        width: 160px
    }
}

@media only screen and (max-width: 1170px) {
    a.top-banner p {
        margin-left: calc(50% + 360px)
    }
}

@media only screen and (max-width: 1130px) {
    a.top-banner p {
        margin-left: calc(50% + 340px);
        top: -60px
    }
}

@media only screen and (max-width: 1080px) {
    a.top-banner p {
        margin-left: calc(50% + 320px);
        top: -55px
    }

    .not-recomended-container .ln2 .logoCont {
        max-width: 130px
    }
}

@media only screen and (max-width: 1030px) {
    a.top-banner p {
        margin-left: calc(50% + 295px)
    }
}

@media only screen and (max-width: 980px) {
    a.top-banner p {
        margin-left: calc(50% + 275px);
        top: -53px
    }
}

@media only screen and (max-width: 935px) {
    a.top-banner p {
        margin-left: calc(50% + 255px);
        top: -51px
    }
}

@media only screen and (max-width: 900px) {
    a.top-banner img {
        max-width: 710px
    }

    a.top-banner p {
        top: -79px;
        margin-left: calc(50% + 230px);
        font-size: 14px;
        padding: .25em .5em;
        width: 110px;
        border-radius: 3px
    }
}

@media only screen and (max-width: 750px) {
    .hide-small {
        display: none
    }
}

@media only screen and (max-width: 745px) {
    a.top-banner p {
        margin-left: calc(50% + 220px)
    }
}

@media only screen and (max-width: 720px) {
    a.top-banner p {
        margin-left: calc(50% + 210px)
    }
}

@media only screen and (max-width: 700px) {
    a.top-banner img {
        max-width: 320px
    }

    a.top-banner p {
        font-size: 13px;
        margin: 0 auto;
        padding: .1em .5em;
        width: 130px;
        top: -32px
    }
}

@media only screen and (max-width: 450px) {
    .hide-extra-small {
        display: none
    }
}

.page-template-page-news .hero-container {
    background-image: url(../../../images/TSG-News-Banner.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.page-template-page-news .card.featured .tagged-featured {
    background-color: #4d9fb3
}

.page-template-page-blog .btn-wrapper .button.btn-outline, .page-template-page-news .btn-wrapper .button.btn-outline, .picks-navigation.btn-wrapper .button.btn-outline {
    border: none;
    font-style: italic;
    padding: .25em .5em;
    color: #000;
    font-size: 1rem
}

.page-template-page-blog .btn-wrapper .button.btn-outline.active, .page-template-page-news .btn-wrapper .button.btn-outline.active, .picks-navigation.btn-wrapper .button.btn-outline.active {
    background: #569b3b;
    color: #fff
}

html.remodal-is-locked {
    overflow: hidden;
    touch-action: none
}

.remodal, [data-remodal-id] {
    display: none
}

.remodal-overlay {
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    background: rgba(25, 25, 25, .9)
}

.remodal-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0
}

.remodal-is-initialized, a.remodal-confirm.kd {
    display: inline-block
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
    filter: blur(3px)
}

.remodal-overlay.remodal-is-opening {
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    animation-name: remodal-overlay-closing-keyframes
}

a.remodal-confirm.kd {
    background-color: #e74c3c;
    padding: 10px;
    font-size: 17px;
    margin-top: 20px
}

.remodal.bg-kd.bg-slots {
    background-image: url(https://www.casino-geek/wp-content/themes/gamblingsites/images/popup-bg-casino.png)
}

.remodal.bg-kd.bg-casino {
    background-image: url(https://www.casino-geek/wp-content/themes/gamblingsites/images/popup-bg-casino2.png)
}

.remodal.bg-kd img {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ef9912;
    border-radius: 5px
}

div.popup-white {
    font-size: 20px;
    color: #fff;
    font-style: italic
}

div.popup-yellow {
    font-size: 37px;
    color: #fccd40;
    font-weight: 700;
    text-transform: none
}

.remodal h1, .remodal p, .remodal-confirm {
    text-transform: uppercase
}

.remodal {
    position: relative;
    outline: 0;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    min-height: 400px;
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background-image: url(../../../assets/images/popup_bg.png);
    background-repeat: no-repeat;
    background-color: #0a0604;
    background-position: center 0
}

.remodal-close, .remodal-close:before {
    position: absolute;
    top: 0;
    display: block;
    width: 35px
}

.remodal h1 {
    font-size: 30px;
    color: #9aca3c;
    font-weight: 100;
    font-family: sans-serif;
    margin-top: 40px;
    margin-bottom: 30px
}

.remodal form {
    padding: 15px 0;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff
}

.remodal form input {
    font-size: 17px;
    padding: 10px;
    border-radius: 4px;
    border: none;
    min-width: 45%;
    margin: 10px
}

.remodal p {
    font-size: 14px;
    color: #ccc;
    margin: 20px
}

.remodal-cancel, .remodal-close, .remodal-confirm {
    overflow: visible;
    margin: 0;
    text-decoration: none;
    border: 0;
    outline: 0;
    cursor: pointer
}

.remodal.remodal-is-opening {
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    animation-name: remodal-closing-keyframes
}

.remodal-close {
    right: 0;
    height: 35px;
    padding: 0;
    transition: color .2s;
    color: #fff;
    background: 0 0
}

.remodal-close:focus, .remodal-close:hover {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial, helvetica cy, nimbus sans l, sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    left: 0;
    content: "\00d7";
    text-align: center
}

.remodal-cancel, .remodal-confirm {
    font: inherit;
    display: inline-block;
    min-width: 150px;
    padding: 12px 0;
    transition: background .2s;
    text-align: center;
    vertical-align: middle
}

.bovada_review_head, .bovoda_lagit_site_head, .h2.headline, article h2, h2.headline {
    font-family: Helvetica, sans-serif;
    font-weight: 700
}

.remodal-confirm {
    color: #fff;
    background: #f35720;
    border-radius: 4px;
    font-size: 24px
}

.remodal-confirm:focus, .remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:focus, .remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

table.review, table.review td {
    border: none
}

@keyframes remodal-opening-keyframes {
    from {
        transform: scale(1.05);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1;
        filter: blur(0)
    }
}

@keyframes remodal-closing-keyframes {
    from {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(.95);
        opacity: 0;
        filter: blur(0)
    }
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount, #cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto, #cta_popup_modal .ct_content_wrapper .desc4, #cta_popup_modal .ct_content_wrapper button.black_rounded, .micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount, .micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto, .micromodal-modal .modal__overlay .modal__container .desc4 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#131313', GradientType=0)
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 660px
    }

    .remodal.bonus {
        max-width: 370px;
        margin-right: 40px
    }
}

@media only screen and (max-width: 640px) {
    .remodal.bg-kd h1 {
        background-image: none
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

.entry-header .entry-title, table.review {
    width: 100% !important
}

@font-face {
    font-family: Arvo;
    src: url(../../../assets/fonts/arvo/Arvo-Regular.eot@);
    src: url(../../../assets/fonts/arvo/Arvo-Regular.eot@) format("eot"), url(../../../assets/fonts/arvo/Arvo-Regular.woff2) format("woff2"), url(../../../assets/fonts/arvo/Arvo.woff) format("woff"), url(../../../assets/fonts/arvo/Arvo.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(../../../assets/fonts/lato/Lato-Regular.eot@);
    src: url(../../../assets/fonts/lato/Lato-Regular.eot@) format("eot"), url(../../../assets/fonts/lato/Lato-Regular.woff2) format("woff2"), url(../../../assets/fonts/lato/Lato-Regular.woff) format("woff"), url(../../../assets/fonts/lato/Lato-Regular.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(../../../assets/fonts/raleway/Raleway-Regular.eot@);
    src: url(../../../assets/fonts/raleway/Raleway-Regular.eot@) format("eot"), url(../../../assets/fonts/raleway/Raleway-Regular.woff2) format("woff2"), url(../../../assets/fonts/raleway/Raleway-Regular.woff) format("woff"), url(../../../assets/fonts/raleway/Raleway-Regular.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: droid_sansregular;
    src: url(../../../assets/fonts/droidsans-webfont.eot);
    src: url(../../../assets/fonts/droidsans-webfont.eot@) format("embedded-opentype"), url(../../../assets/fonts/droidsans-webfont.woff) format("woff"), url(../../../assets/fonts/droidsans-webfont.ttf) format("truetype"), url(../../../assets/fonts/droidsans-webfont.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: open_sansbold;
    src: url(../../../assets/fonts/opensans/OpenSans-Bold.eot);
    src: url(../../../assets/fonts/opensans/OpenSans-Bold.eot@) format("embedded-opentype"), url(../../../assets/fonts/opensans/OpenSans-Bold.woff) format("woff"), url(../../../assets/fonts/opensans/OpenSans-Bold.ttf) format("truetype"), url(../../../assets/fonts/opensans/OpenSans-Bold.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: open_sansextrabold;
    src: url(../../../assets/fonts/opensans/OpenSans-ExtraBold.eot);
    src: url(../../../assets/fonts/opensans/OpenSans-ExtraBold.eot@) format("embedded-opentype"), url(../../../assets/fonts/opensans/OpenSans-ExtraBold.woff) format("woff"), url(../../../assets/fonts/opensans/OpenSans-ExtraBold.ttf) format("truetype"), url(../../../assets/fonts/opensans/OpenSans-ExtraBold.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Helvetica;
    src: local("Helvetica"), url(../../../assets/fonts/Helvetica/Helvetica.ttf) format("truetype")
}

html {
    font-size: inherit !important
}

table.rank tbody tr:not(:first-child) td {
    cursor: pointer
}

table tbody td.lnk {
    color: #00761e;
    text-decoration: underline;
    text-align: left
}

table tbody td.lnk:hover {
    color: #438eaf
}

table tbody td.lnk img {
    float: left;
    margin-right: 8px
}

table.review ul {
    text-align: left !important;
    float: left
}

table.review ul li {
    list-style: disc !important
}

table tbody td.lnk div {
    margin-top: -23px
}

h2.orng {
    color: #de7e09 !important;
    font-size: 28px !important;
    font-weight: 700 !important
}

h2.orng img {
    margin: 0 10px 0 0
}

body h3, h3.norm {
    color: #000;
    font-size: 22px;
    font-weight: 700
}

h4 {
    font-size: 18px
}

ol.comment-list li {
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 0 9px 0 #918f91
}

h3.comment-reply-title {
    margin-top: 12px
}

div.comments-title {
    margin: 14px 0 12px;
    border-bottom: 1px dotted #bfbdbd
}

input#submit:hover {
    cursor: pointer
}

p.comment-notes {
    margin-bottom: 10px
}

.h2.headline, article h2, h2.headline {
    color: #174596;
    margin: 0 0 2.125rem -.0625rem;
    border-bottom: .125rem solid #569b3b;
    font-size: 1.7rem;
    padding-bottom: .0625rem;
    text-transform: none
}

.entry-meta {
    margin-top: 45px;
    margin-bottom: -9px
}

.nopadding {
    padding: 0
}

.bovada_review_head {
    background: #00153a;
    border-right: 4px solid #ffad05;
    color: #fff;
    font-size: 48px;
    padding: 5px 0 8px 8px
}

.bovoda_lagit_site_head {
    color: #d78a10;
    font-size: 32px
}

.certificate_section {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center
}

.certificate_section .sub_section {
    display: block;
    width: 100%;
    max-width: 630px;
    margin: auto;
    text-align: left
}

.certificate_section .sub_section .rating_review_section {
    padding-bottom: 105px
}

.certificate_section .sub_section .rating_review_section .main_review_content {
    padding: 50px 0 0 10px;
    text-align: center
}

.certificate_section .sub_section .rating_review_section .main_review_content > .rating_logo {
    display: inline-block;
    vertical-align: top
}

.certificate_section .sub_section .rating_review_section .main_review_content > .rating_star {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 16px 10px 0 -15px;
    display: inline-block;
    vertical-align: top;
    padding: 15px 20px 8px 15px;
    min-width: 230px
}

.certificate_section .sub_section .rating_review_section .main_review_content > .rating_star > .logo_title {
    color: #fff;
    font-family: Arvo;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    display: block
}

.certificate_section .sub_section .rating_review_section .choice_customer, .certificate_section .sub_section .rating_review_section .room_certificate_text_head {
    color: #fff;
    font-family: Arvo;
    font-size: 36px;
    font-style: italic;
    font-weight: 700;
    text-align: center
}

.certificate_section .sub_section .rating_review_section .main_review_content > .rating_star > ul.review {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: block
}

.certificate_section .sub_section .rating_review_section .main_review_content > .rating_star > ul.review > li {
    display: inline
}

.certificate_section .sub_section .rating_review_section .main_review_content > .rating_star > ul.review > li > img {
    width: 34px
}

.certificate_section .sub_section .rating_review_section .main_review_content > .verified_section {
    padding-top: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin: 6px 16px
}

.certificate_section .sub_section .rating_review_section .main_review_content > .verified_section img {
    max-width: 110px
}

.certificate_section .sub_section .rating_review_section .room_certificate_text_head {
    float: left;
    width: 100%
}

.certificate_section .sub_section .join_btn_section {
    display: inline-block;
    width: 100%;
    text-align: center
}

.certificate_section .sub_section .join_btn_section > a {
    background: #ff9600;
    padding: 15px 19px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    margin: 10px auto
}

.certificate_section .sub_section .join_btn_section > a > .join_me_btn {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #000
}

.certificate_section .sub_section .join_btn_section > a > img {
    float: left
}

.second_section {
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    width: 100%
}

.second_section .customer_friendly_section {
    min-height: 256px;
    width: 100%;
    max-width: 49%;
    vertical-align: top;
    display: inline-block;
    padding-right: 30px;
    border-right: 1px solid #000;
    margin: auto 0
}

.second_section .customer_friendly_section .sub_customer_friendly_section {
    background: #fff6e1;
    box-shadow: 0 0 8px #ccc;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    width: 100%;
    display: block;
    min-height: 256px;
    height: 100%
}

.second_section .customer_friendly_section .sub_customer_friendly_section h2.customer_friendly {
    background: #2c3e50;
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0 10px 9px;
    text-align: center
}

.second_section .customer_friendly_section .sub_customer_friendly_section .mapimg {
    display: inline-block
}

.second_section .customer_friendly_section .sub_customer_friendly_section .mapimg > img {
    width: 100%
}

.second_section .customer_friendly_section .sub_customer_friendly_section .us_allowed {
    padding-bottom: 70px;
    padding-top: 55px;
    text-align: center;
    display: inline-block;
    width: 100%;
    max-width: 49%;
    vertical-align: top
}

.second_section .customer_friendly_section .sub_customer_friendly_section .us_allowed a {
    text-decoration: none
}

.second_section .customer_friendly_section .sub_customer_friendly_section .us_allowed h2 {
    background: #1e7537;
    border-radius: 30px;
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 3px;
    margin-top: 3px;
    padding: 15px 0
}

.second_section .customer_friendly_section .sub_customer_friendly_section .us_allowed img {
    float: right;
    margin-right: -4px
}

.second_section .customer_friendly_section .sub_customer_friendly_section .not_allowed {
    padding-bottom: 70px;
    padding-top: 55px;
    text-align: center;
    display: inline-block;
    width: 100%;
    max-width: 49%;
    vertical-align: top
}

.second_section .customer_friendly_section .sub_customer_friendly_section .not_allowed a {
    text-decoration: none
}

.second_section .customer_friendly_section .sub_customer_friendly_section .not_allowed h2 {
    background: #971d1e;
    border-radius: 30px;
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 3px;
    margin-top: 3px;
    padding: 15px 0
}

.second_section .customer_friendly_section .sub_customer_friendly_section .not_allowed img {
    float: left;
    margin-right: 8px
}

.second_section .restricted_country_section {
    display: inline-block;
    width: 100%;
    max-width: 49%;
    vertical-align: top;
    margin: auto 0;
    padding-left: 30px
}

.second_section .restricted_country_section .sub_restricted_country_section {
    background: #fff6e1;
    box-shadow: 0 0 8px #ccc;
    margin-top: 0;
    float: left;
    width: 100%;
    height: 256px;
    overflow: hidden
}

.second_section .restricted_country_section .sub_restricted_country_section .restricted_country {
    background: #2c3e50;
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0 10px 9px;
    text-align: center
}

.second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points {
    list-style: none;
    padding-left: 0;
    display: inline-block;
    width: 100%;
    margin: 0;
    position: relative;
    text-align: center
}

.second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points img {
    margin-right: 5px
}

.second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points > li {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    line-height: 29px;
    width: 100%;
    max-width: 32%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    white-space: nowrap;
    padding-left: 15px;
    background-image: url(https://388803b8fbeaf8c08fc98fcd-yqjivnwq09blzymkn6q.netdna-ssl.com/wp-content/themes/sportsgeek/images/bullet_arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 8px auto
}

ul.arrowBulletPoint li, ul.defaultBulletPoints li, ul.iconBulletPoint li {
    line-height: 35px
}

.second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points > li.show_hidden_trigger {
    position: absolute;
    right: 11px;
    top: 140px;
    background-color: #fff6e1
}

.second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points > li.show_hidden_trigger > a {
    cursor: pointer
}

.second_section .restricted_country_section .sub_restricted_country_section.expanded {
    height: calc(100%);
    overflow: visible;
    display: inline-block
}

.second_section .restricted_country_section .sub_restricted_country_section.expanded .restricted_country_points > li.show_hidden_trigger {
    position: relative;
    max-width: 96%;
    text-align: center;
    top: 0;
    right: 0;
    background-color: #0183ff;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    background-image: none;
    margin: 10px auto;
    display: block
}

.second_section .restricted_country_section .sub_restricted_country_section.expanded .restricted_country_points > li.show_hidden_trigger > a {
    color: #fff
}

.video_section_third {
    display: block
}

.video_section_third .main_boxes_video_section {
    display: inline-flex;
    align-items: flex-start;
    padding: 20px 0;
    background-repeat: no-repeat;
    margin-top: 50px;
    text-align: center;
    margin-bottom: 30px;
    width: 100%
}

.video_section_third .main_boxes_video_section .first_small_boxes, .video_section_third .main_boxes_video_section .second_small_boxes {
    display: inline-block;
    max-width: 12%;
    vertical-align: top;
    margin: 0 10px
}

.video_section_third .main_boxes_video_section .first_small_boxes img, .video_section_third .main_boxes_video_section .second_small_boxes img {
    max-width: 150px;
    max-height: 100px;
    width: 100%;
    height: 100%
}

.video_section_third .main_boxes_video_section .first_box, .video_section_third .main_boxes_video_section .fourth_box, .video_section_third .main_boxes_video_section .second_box, .video_section_third .main_boxes_video_section .third_box {
    margin-bottom: 15px
}

.video_section_third .main_boxes_video_section .video_box {
    display: inline-flex;
    align-items: center;
    width: 76%;
    max-width: 850px
}

.video_section_third .main_boxes_video_section .video_box > img {
    width: 100%;
    max-height: 500px
}

.video_section_third .main_boxes_video_section img {
    cursor: pointer
}

.under_video_section_head {
    color: #03183d;
    float: left;
    font-family: Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 700;
    width: 100%
}

.under_video_section_text {
    font-family: Helvetica, sans-serif;
    font-size: 16px
}

.important_criteria_section {
    padding-left: 20px
}

.important_criteria_head {
    color: #333;
    font-family: Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 700
}

.important_criteria_text {
    font-family: Helvetica, sans-serif;
    font-size: 16px
}

.border_div {
    border-bottom: 4px solid #ffad05;
    margin-bottom: 10px
}

.another_subheading_head {
    color: #132649;
    font-family: Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 700
}

.another_subheading_text, .bovoda_lagit_site_text {
    font-size: 16px;
    font-family: Helvetica, sans-serif
}

.main_content {
    margin-bottom: 30px
}

.bovoda_lagit_site_text {
    margin-bottom: 35px
}

.left_arrow {
    float: left;
    padding-right: 30px
}

.right_arrow {
    float: right;
    padding-left: 30px
}

.join_me_btn {
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 24px
}

.yellow_head {
    color: #ffcf40
}

.dash_border {
    border: 1px dashed #ccc;
    float: left;
    width: 100%
}

.review_data {
    display: none
}

img.attachment-focus-image {
    border: 6px solid #ddd
}

.twitter-tweet {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.maximgwidth {
    margin: auto;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px
}

.mainReviewContainer.extraTop {
    top: 150px
}

#at20mc #at15s, div.atm {
    margin-top: -75px
}

.admin-bar #at20mc #at15s, div.atm {
    margin-top: -105px
}

div#at-expanded-menu-host #at-expanded-menu-container .at-expanded-menu-hidden, div#at-expanded-menu-host #at-expanded-menu-container .at-expanded-menu-top-services-header.at-expanded-menu-hidden {
    display: block;
    visibility: visible
}

#at-expanded-menu-host #at-expanded-menu-container .at-expanded-menu-service-list.border-before:before {
    content: none;
    display: none
}

#at-expanded-menu-host .at-expanded-menu-top-services-header {
    display: none
}

#at-expanded-menu-host .at-expanded-menu-service-list {
    display: inline
}

#at-expanded-menu-host #at-expanded-menu-bd {
    max-width: 50%;
    display: inline
}

#at-expanded-menu-host #at-expanded-menu-service-list-container.at-expanded-menu-service-list li, #at-expanded-menu-host #at-expanded-menu-top-service-list-container.at-expanded-menu-service-list li {
    display: none
}

#at-expanded-menu-host #at-expanded-menu-service-list-container.at-expanded-menu-service-list li.at3winsvc_facebook, #at-expanded-menu-host #at-expanded-menu-service-list-container.at-expanded-menu-service-list li.at3winsvc_link, #at-expanded-menu-host #at-expanded-menu-service-list-container.at-expanded-menu-service-list li.at3winsvc_messenger, #at-expanded-menu-host #at-expanded-menu-service-list-container.at-expanded-menu-service-list li.at3winsvc_pinterest, #at-expanded-menu-host #at-expanded-menu-service-list-container.at-expanded-menu-service-list li.at3winsvc_print, #at-expanded-menu-host #at-expanded-menu-service-list-container.at-expanded-menu-service-list li.at3winsvc_tumblr, #at-expanded-menu-host #at-expanded-menu-service-list-container.at-expanded-menu-service-list li.at3winsvc_twitter, #at-expanded-menu-host #at-expanded-menu-top-service-list-container.at-expanded-menu-service-list li.at3winsvc_facebook, #at-expanded-menu-host #at-expanded-menu-top-service-list-container.at-expanded-menu-service-list li.at3winsvc_link, #at-expanded-menu-host #at-expanded-menu-top-service-list-container.at-expanded-menu-service-list li.at3winsvc_messenger, #at-expanded-menu-host #at-expanded-menu-top-service-list-container.at-expanded-menu-service-list li.at3winsvc_pinterest, #at-expanded-menu-host #at-expanded-menu-top-service-list-container.at-expanded-menu-service-list li.at3winsvc_print, #at-expanded-menu-host #at-expanded-menu-top-service-list-container.at-expanded-menu-service-list li.at3winsvc_tumblr, #at-expanded-menu-host #at-expanded-menu-top-service-list-container.at-expanded-menu-service-list li.at3winsvc_twitter {
    display: inline-block
}

.standardOrangeBox span, .standardRedBox span {
    display: table;
    font-family: Helvetica, sans-serif;
    font-weight: 600;
    font-style: italic
}

@media screen and (max-width: 768px) {
    .dialog .leadbox__close {
        top: -.25em;
        right: -.25em
    }
}

h4.orangeBorderBottom {
    font-size: 18px;
    border-bottom: 5px solid #ffad05;
    color: #333;
    padding: 0 0 7px
}

ul.arrowBulletPoint, ul.iconBulletPoint {
    list-style-type: none;
    padding: 0 0 0 7px
}

h4.orangeBorderBottom img {
    margin: 0 7px 0 0
}

ul.arrowBulletPoint li::before {
    content: '';
    background: url(../../../images/bullet_arrow.png) no-repeat;
    width: 12px;
    height: 18px;
    float: left;
    margin: 9px 10px 0
}

ul.iconBulletPoint li.baseballIcon::before, ul.iconBulletPoint li.basketballIcon::before, ul.iconBulletPoint li.footballIcon::before, ul.iconBulletPoint li.moneyIcon::before, ul.iconBulletPoint li.soccerballIcon::before {
    content: '';
    width: 25px;
    height: 25px;
    float: left;
    margin: 6px 12px 0 -2px
}

ul.iconBulletPoint li.footballIcon::before {
    background: url(../../../images/footballIcon.png) no-repeat
}

ul.iconBulletPoint li.soccerballIcon::before {
    background: url(../../../images/soccerballIcon.png) no-repeat
}

ul.iconBulletPoint li.baseballIcon::before {
    background: url(../../../images/baseballIcon.png) no-repeat
}

ul.iconBulletPoint li.basketballIcon::before {
    background: url(../../../images/basketballIcon.png) no-repeat
}

ul.iconBulletPoint li.moneyIcon::before {
    background: url(../../../images/moneyIcon.png) no-repeat
}

.standardRedBox span {
    color: #aa0d43;
    font-size: 1.1em
}

.standardOrangeBox span {
    text-align: center;
    font-size: 1.1em
}

.articlePostBox .exampleBoxHead span::before, .articlePostBox .greyBoxHead span::before, .articlePostBox .infoBoxHead span::before, .articlePostBox .noteBoxHead span::before, .articlePostBox .tipsBoxHead span::before, .articlePostBox .warningBoxHead span::before {
    display: none
}

.articlePostBanner span, .articlePostBox .exampleBoxHead span, .articlePostBox .greyBoxHead span, .articlePostBox .infoBoxHead span, .articlePostBox .noteBoxHead span, .articlePostBox .tipsBoxHead span, .articlePostBox .warningBoxHead span, .thumbsUpArea span {
    font-weight: 700;
    font-family: Helvetica, sans-serif
}

.articlePostBox .exampleBoxHead {
    width: 100%;
    padding: 15px 20px 3px;
    background: #ecf0f1;
    border-left: 5px solid #303229
}

.articlePostBox .exampleBoxHead span {
    text-transform: uppercase;
    font-size: 1.1em
}

.articlePostBox .exampleBoxBody {
    width: 100%;
    padding: 0 20px 20px;
    background: #ecf0f1;
    border-left: 5px solid #303229
}

.articlePostBox .noteBoxBody, .articlePostBox .noteBoxHead {
    border-left: 5px solid #ff641a;
    width: 100%;
    background: #ecf0f1
}

.articlePostBox .exampleBoxBody p {
    font-size: .9em
}

.articlePostBox .noteBoxHead {
    padding: 15px 20px 3px
}

.articlePostBox .noteBoxHead span {
    text-transform: uppercase;
    color: #000;
    font-size: 1.1em
}

.articlePostBox .noteBoxBody {
    padding: 0 20px 20px
}

.articlePostBox .noteBoxBody p {
    font-size: .9em
}

.articlePostBox .warningBoxHead {
    width: 100%;
    padding: 15px 20px 3px;
    background: #ecf0f1;
    border-left: 5px solid #c0392b
}

.articlePostBox .warningBoxHead span {
    text-transform: uppercase;
    color: #000;
    font-size: 1.1em
}

.articlePostBox .warningBoxBody {
    width: 100%;
    padding: 0 20px 20px;
    background: #ecf0f1;
    border-left: 5px solid #c0392b
}

.articlePostBox .tipsBoxBody, .articlePostBox .tipsBoxHead {
    width: 100%;
    background: #ecf0f1;
    border-left: 5px solid #167ba0
}

.articlePostBox .warningBoxBody p {
    font-size: .9em
}

.articlePostBox .tipsBoxHead {
    padding: 15px 20px 3px
}

.articlePostBox .tipsBoxHead span {
    text-transform: uppercase;
    color: #000;
    font-size: 1.1em
}

.articlePostBox .tipsBoxBody {
    padding: 0 20px 20px
}

.articlePostBox .infoBoxBody, .articlePostBox .infoBoxHead {
    border-left: 5px solid #52669f;
    width: 100%;
    background: #ecf0f1
}

.articlePostBox .tipsBoxBody p {
    font-size: .9em
}

.articlePostBox .infoBoxHead {
    padding: 15px 20px 3px
}

.articlePostBox .infoBoxHead span {
    text-transform: uppercase;
    color: #000;
    font-size: 1.1em
}

.articlePostBox .infoBoxBody {
    padding: 0 20px 20px
}

.articlePostBox .infoBoxBody p {
    font-size: .9em
}

.articlePostBox .greyBoxHead {
    width: 100%;
    padding: 15px 20px 3px;
    background: #ecf0f1;
    border-left: 5px solid #999
}

.articlePostBox .greyBoxHead span {
    text-transform: uppercase;
    color: #000;
    font-size: 1.1em
}

.articlePostBox .greyBoxBody {
    width: 100%;
    padding: 0 20px 20px;
    background: #ecf0f1;
    border-left: 5px solid #999
}

.articlePostBox .greyBoxBody p {
    font-size: .9em
}

.thumbsUpArea span {
    color: #246f44
}

.articlePostBanner span {
    text-transform: uppercase;
    width: 90%;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    background: #0188a2;
    display: table;
    padding: 15px;
    text-align: center;
    color: #fff;
    border-bottom: 3px solid #ff9600;
    font-size: 1.2em
}

.articlePostBanner span::after, .articlePostBanner span::before {
    content: '';
    width: 20px;
    height: 10px;
    top: 0;
    float: left;
    position: absolute
}

.articlePostBanner span::before {
    background: url(../../../images/articlePostBannerLeftSliver.png) no-repeat;
    left: -20px
}

.articlePostBanner span::after {
    background: url(../../../images/articlePostBannerRightSliver.png) no-repeat;
    right: -20px
}

.featuredContain .paymentGrade span::after, .featuredContain .percentageBonus span::after, .featuredContainer .paymentGrade span::after, .featuredContainer .percentageBonus span::after {
    content: '\A';
    white-space: pre
}

.articlePostBanner p {
    font-family: Helvetica, sans-serif;
    font-size: 1.1em
}

.articlePostBoxDesignContainer {
    width: 100%;
    float: left;
    clear: both;
    display: block;
    margin: 20px 0
}

.articlePostBoxDesignImage img {
    width: 100%;
    vertical-align: middle
}

.articlePostBoxDesignContent {
    padding: 20px
}

.articlePostBoxDesignContent h3 {
    color: #333;
    margin: 0 0 5px
}

.articlePostBoxDesignContent span {
    color: #999;
    font-style: italic;
    font-size: .8em
}

.articlePostBoxDesignContent p {
    color: #333;
    font-size: .95em
}

.ui-icon, .ui-widget-content .ui-icon {
    background: url(../../../images/articlePostFAQarrowRight.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 48%;
    width: 18px;
    height: 14px
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    background: #3d3d49;
    color: #fff;
    border: 0
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    background: #ffad05;
    color: #333;
    border: 0
}

.ui-accordion .ui-accordion-header {
    border-left: 5px solid #ffad05;
    padding: 20px 45px 20px 15px;
    margin: 15px 0 0;
    line-height: 26px;
    font-family: Helvetica, sans-serif;
    font-weight: 800;
    font-size: 1.1em
}

.ui-accordion .ui-accordion-content {
    background: #ecf0f1;
    margin: 5px 0;
    box-shadow: 0 0 7px 1px #ccc;
    font-style: italic
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-br, .ui-corner-left, .ui-corner-right, .ui-corner-tl, .ui-corner-top, .ui-corner-tr {
    border-radius: 0
}

.ui-accordion-content, .ui-accordion-content-active, .ui-corner-bottom, .ui-helper-reset, .ui-widget-content {
    height: auto
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background: url(../../../images/articlePostFAQarrowRight.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 48%;
    width: 18px;
    height: 14px
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background: url(../../../images/articlePostFAQarrowDown.png) no-repeat;
    position: absolute;
    right: 19px;
    top: 40%;
    width: 14px;
    height: 18px
}

.mvsf .sub_title, div.mvsf {
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

div.mvsf {
    margin-bottom: 10px;
    padding: 15px;
    min-height: 590px;
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background-image: url(../../../assets/images/McGregor_vs_Mayweather.png);
    background-color: #0a0604;
    background-position: center 0;
    border: 4px solid #fff;
    border-radius: 10px;
    font-family: droid_sansregular
}

.mvsf .title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700
}

.mvsf div {
    color: #fff
}

.mvsf .sub_title {
    background-image: url(../../../assets/images/Fight-of-the-century.png);
    display: block;
    height: 100px;
    max-width: 660px;
    margin: -20px auto 20px
}

.mvsf .text {
    font-size: 20px;
    font-weight: 700
}

.mvsf .text .red {
    color: #cb0000
}

.mvsf .text .yellow {
    color: #dcb93d
}

.mvsf .amount {
    color: #76cc1e;
    font-size: 48px;
    font-weight: 700;
    line-height: 70px
}

.mvsf .question {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 30px
}

.mvsf .mvsf_btn {
    background-image: url(../../../assets/images/mvsf_btn.png);
    background-repeat: no-repeat;
    color: #fff;
    background-color: #5c9f17;
    border-radius: 30px;
    font-size: 18px;
    background-position: center;
    text-transform: uppercase;
    padding: 10px;
    min-width: 220px;
    border: 3px solid #487d12;
    background-size: 100% 100%;
    margin-top: 15px;
    margin-bottom: 8px
}

.mvsf .name_bg {
    background-color: rgba(0, 0, 0, .2);
    margin-top: 20px
}

.mvsf .names {
    width: 49%;
    font-size: 36px;
    display: inline-table;
    font-weight: 700;
    text-align: center
}

.mvsf .date {
    background-image: url(../../../assets/images/sat-august-26th.png);
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 260px;
    margin: 10px auto 0
}

.remodal.bg-kd.bg-sports {
    background-image: url(../../../assets/images/popup-bg-sports.png)
}

.remodal.bg-kd {
    background-image: url(../../../assets/images/background-kd.png);
    border: 1px solid #fff;
    border-radius: 5px;
    height: auto;
    min-height: auto;
    margin-bottom: -61px;
    padding-bottom: 25px
}

.remodal.bg-kd h1 {
    margin-top: -60px;
    color: #806821;
    background: url(../../../assets/images/ribbon.png) no-repeat;
    font-size: 20px;
    height: 61px;
    padding-top: 26px;
    font-weight: 700
}

.oddsContain .odds_converter_section {
    margin: 10px;
    max-width: 300px;
    float: left
}

.oddsContain .setWidth {
    width: 500px
}

.oddsContain {
    max-width: 1024px;
    height: auto;
    margin: 0 auto
}

.oddsContain p {
    float: left;
    margin: 20px 0 0
}

.oddsContain .submit_section {
    float: left;
    clear: left;
    margin: 10px 0 0 10px
}

.oddsContain .break {
    height: 20px;
    width: 100%;
    float: none;
    display: block
}

table.rank_site2 a {
    text-decoration: none
}

.rank_site2 tbody tr td > p {
    display: none
}

.rank_site2 tbody td:nth-child(2) {
    padding-top: 10px
}

div.rank-name {
    display: block;
    float: none;
    clear: both;
    padding-left: 0;
    font-size: 24px;
    font-weight: 700
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.featuredContainer .featuredSite {
    display: block;
    padding: 10px 20px;
    margin: 0 auto
}

.featuredContainer .rating span {
    font-size: 3em;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    display: block
}

.featuredContainer .rating {
    color: #fff;
    border-radius: 43px;
    background: #569b3b;
    padding: 16px 24px;
    position: absolute;
    left: -20px;
    top: -20px;
    font-size: .8em
}

.rt_theme7_header_row, .rt_theme7_header_row:hover > td {
    background-color: #00761e
}

.featuredContainer > span {
    position: absolute;
    left: -75px;
    bottom: -95px
}

.featuredContainer a:nth-child(1) {
    display: block;
    text-decoration: none
}

.rt_theme7_header_row {
    color: #fff;
    height: 50px
}

.rt_theme7_header_row th {
    text-align: center;
    vertical-align: middle
}

.rt_theme7_header_row .rt_theme7_column_title {
    font-weight: 700;
    font-size: 20px;
    cursor: pointer
}

.rt_theme7_header_row .rt_theme7_column_title .rank {
    display: inline-block;
    float: none;
    margin-left: 15px;
    margin-right: 25px
}

.rt_theme7_header_row .rt_theme7_column_title .site_name {
    display: inline-block
}

@media all and (min-width: 0px) and (max-width: 991px) {
    .featuredContainer a:nth-child(2) {
        font-size: .9em
    }
}

@media all and (min-width: 992px) and (max-width: 6000px) {
    .featuredContainer a:nth-child(2) {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0;
        bottom: -40px;
        font-size: .9em
    }
}

.featuredContainer a {
    text-decoration: none
}

.featuredContainer a:hover:nth-child(2) {
    color: #569b3b
}

.featuredContainer .paymentGrade span {
    color: #fff;
    font-size: 1.2em;
    font-weight: bolder;
    background: #569b3b;
    padding: 0 12px;
    text-align: center;
    border-radius: 30px;
    line-height: 40px;
    display: block;
    max-width: 110px;
    margin: 0 auto
}

@media all and (min-width: 0px) and (max-width: 599px) {
    .featuredContainer .grid {
        width: 90%;
        clear: both;
        display: block;
        margin: 0 auto
    }

    .featuredContainer {
        width: 100%;
        display: block;
        padding: 5px;
        margin: 60px auto 100px;
        position: relative;
        background: #fff;
        box-shadow: 0 0 15px 2px #ccc;
        text-align: center;
        outline: #fff dashed 2px
    }

    .featuredContainer .featuredSite > span {
        font-size: 3.2em;
        text-transform: uppercase;
        font-style: italic;
        color: #000;
        font-weight: bolder;
        line-height: 50px;
        background: 0 0
    }

    .featuredContainer .paymentGrade, .featuredContainer .percentageBonus {
        color: #569b3b;
        width: 50%;
        font-size: 1.2em;
        font-weight: bolder;
        text-align: center
    }

    .featuredContainer .percentageBonus {
        float: left
    }

    .featuredContainer .paymentGrade {
        float: right
    }

    .featuredContainer .money img:nth-child(1) {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -100px;
        width: 100%
    }

    .featuredContainer .money img:nth-child(2) {
        display: none
    }

    .featuredContainer .featuredSite img {
        display: block;
        max-width: 200px;
        margin: 7px auto 0
    }

    .featuredContainer .percentageBonus span {
        color: #fff;
        font-size: 1.2em;
        font-weight: bolder;
        background: #569b3b;
        padding: 0 17px;
        text-align: center;
        border-radius: 30px;
        line-height: 40px;
        display: block;
        margin: 0 auto;
        max-width: 110px
    }
}

@media all and (min-width: 600px) and (max-width: 991px) {
    .featuredContainer .grid {
        width: 80%;
        clear: both;
        display: block;
        margin: 0 auto
    }

    .featuredContainer {
        width: 100%;
        display: block;
        margin: 60px auto 100px;
        position: relative;
        background: #fff;
        box-shadow: 0 0 15px 2px #ccc;
        text-align: center;
        outline: #fff dashed 2px
    }

    .featuredContainer .featuredSite > span {
        font-size: 3.2em;
        text-transform: uppercase;
        font-style: italic;
        color: #000;
        font-weight: bolder;
        line-height: 50px;
        background: 0 0
    }

    .featuredContainer .percentageBonus {
        position: absolute;
        right: 40px !important;
        top: 44px;
        color: #569b3b;
        font-size: 1.2em;
        width: 100px !important;
        font-weight: bolder
    }

    .featuredContainer .paymentGrade {
        position: absolute;
        left: 38px;
        top: 43px;
        color: #569b3b;
        font-size: 1.2em;
        font-weight: bolder
    }

    .featuredContainer .money img:nth-child(1) {
        position: absolute;
        left: -35px;
        bottom: -72px
    }

    .featuredContainer .money img:nth-child(2) {
        position: absolute;
        right: -34px;
        bottom: -72px
    }

    .featuredContainer .featuredSite img {
        display: block;
        max-width: 260px;
        margin: 7px auto 0
    }

    .featuredContainer .percentageBonus span {
        color: #fff;
        font-size: 1.2em;
        font-weight: bolder;
        background: #569b3b;
        padding: 0 17px;
        text-align: center;
        border-radius: 30px;
        line-height: 40px;
        display: block;
        margin: 0 auto;
        max-width: 110px
    }
}

@media all and (min-width: 992px) and (max-width: 6000px) {
    .featuredContainer .grid {
        width: 1024px;
        clear: both;
        display: block;
        margin: 0 auto
    }

    .featuredContainer {
        min-width: 70%;
        display: table;
        margin: 60px auto 100px;
        position: relative;
        background: #fff;
        box-shadow: 0 0 15px 2px #ccc;
        text-align: center;
        outline: #fff dashed 3px
    }

    .featuredContainer .featuredSite > span {
        font-size: 3.2em;
        text-transform: uppercase;
        font-style: italic;
        color: #000;
        font-weight: bolder;
        line-height: 50px;
        background: 0 0
    }

    .featuredContainer .percentageBonus {
        position: absolute;
        right: 40px !important;
        top: 20px;
        color: #569b3b;
        font-size: 1.2em;
        width: 100px !important;
        font-weight: bolder
    }

    .featuredContainer .paymentGrade {
        position: absolute;
        left: 38px;
        top: 20px;
        color: #569b3b;
        font-size: 1.2em !important;
        font-weight: bolder
    }

    .featuredContainer .money img:nth-child(1) {
        position: absolute;
        left: -84px;
        bottom: -72px
    }

    .featuredContainer .money img:nth-child(2) {
        position: absolute;
        right: -84px;
        bottom: -72px
    }

    .featuredContainer .featuredSite img {
        display: block;
        max-width: 260px;
        margin: 7px auto 0
    }

    .featuredContainer .percentageBonus span {
        color: #fff;
        font-size: 1.2em;
        font-weight: bolder;
        background: #569b3b;
        padding: 0 17px;
        text-align: center;
        border-radius: 30px;
        line-height: 40px;
        display: block;
        margin: 0 auto;
        max-width: 110px
    }
}

.featuredContainer .featuredSite .stars span {
    color: #fff;
    background: #569b3b;
    margin: 12px auto 0;
    display: block;
    font-size: 1em;
    font-weight: bolder;
    width: 165px;
    padding: 10px
}

.featuredContainer .featuredSite p:nth-child(1) {
    margin: 0;
    font-weight: bolder;
    font-size: 1.6em !important;
    text-transform: uppercase;
    line-height: 40px
}

.featuredContainer .featuredSite p:nth-child(2) {
    margin: 0;
    font-weight: bolder;
    font-size: 3.4em !important;
    text-transform: uppercase;
    line-height: 70px;
    font-style: italic;
    color: #000
}

.featuredContain .featuredSite {
    display: block;
    padding: 10px 20px;
    margin: 0 auto
}

.featuredContain .featuredSite .stars span {
    color: #fff;
    background: #569b3b;
    margin: 12px auto 0;
    display: block;
    font-size: 1em;
    font-weight: bolder;
    width: 165px;
    padding: 10px
}

.featuredContain a:hover .featuredSite .stars span {
    color: #fff;
    background: #264283
}

.featuredContain .featuredSite .stars a:hover {
    background: #264283
}

.featuredContain .featuredSite .stars img:nth-child(1) {
    animation: pulse 1s infinite ease-in-out;
    animation-direction: alternate
}

.featuredContain .featuredSite .stars img:nth-child(2) {
    animation: pulse 1.1s infinite ease-in-out;
    animation-direction: alternate
}

.featuredContain .featuredSite .stars img:nth-child(3) {
    animation: pulse 1.2s infinite ease-in-out;
    animation-direction: alternate
}

.featuredContain .featuredSite .stars img:nth-child(4) {
    animation: pulse 1.3s infinite ease-in-out;
    animation-direction: alternate
}

.featuredContain .featuredSite .stars img:nth-child(5) {
    animation: pulse 1.4s infinite ease-in-out;
    animation-direction: alternate
}

@keyframes animateStarsOne {
    0%, 100% {
        opacity: 0
    }
    50% {
        opacity: 100
    }
}

@keyframes animateStarsTwo {
    0%, 100% {
        opacity: 0
    }
    50% {
        opacity: 100
    }
}

@keyframes animateStarsThree {
    0%, 100% {
        opacity: 0
    }
    50% {
        opacity: 100
    }
}

@keyframes animateStarsFour {
    0%, 100% {
        opacity: 0
    }
    50% {
        opacity: 100
    }
}

@keyframes animateStarsFive {
    0%, 100% {
        opacity: 0
    }
    50% {
        opacity: 100
    }
}

.featuredContain .rating span {
    font-size: 3em;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    display: block
}

.featuredContain .rating {
    color: #fff;
    border-radius: 43px;
    background: #569b3b;
    padding: 16px 24px;
    position: absolute;
    left: -20px;
    top: -20px;
    font-size: .8em
}

@keyframes pulse {
    0%, 100% {
        transition: all 1s ease
    }
    50% {
        transform: scale(.25)
    }
}

.featuredContain > span {
    position: absolute;
    left: -75px;
    bottom: -95px
}

.featuredContain a:nth-child(1) {
    display: block;
    text-decoration: none
}

@media all and (min-width: 0px) and (max-width: 700px) {
    .featuredContain a:nth-child(2) {
        font-size: .9em;
        padding: 10px 0;
        display: block
    }
}

@media all and (min-width: 701px) and (max-width: 6000px) {
    .featuredContain a:nth-child(2) {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0;
        bottom: -40px;
        font-size: .9em
    }
}

.featuredContain a:hover:nth-child(2) {
    color: #569b3b
}

.featuredContain .paymentGrade span, .featuredContain .percentageBonus span {
    color: #fff;
    font-size: 2em;
    background: #569b3b;
    padding: 7px 17px;
    border-radius: 30px;
    line-height: 48px;
    font-weight: bolder;
    text-align: center
}

@media all and (min-width: 0px) and (max-width: 360px) {
    .featuredContain .grid {
        width: 90%;
        clear: both;
        display: block;
        margin: 0 auto
    }

    .featuredContain {
        width: 100%;
        display: block;
        padding: 5px 5px 80px;
        margin: 50px auto 170px;
        position: relative;
        background: #fff;
        box-shadow: 0 0 15px 2px #ccc;
        text-align: center;
        outline: #fff dashed 2px
    }

    .featuredContain p {
        margin: 0;
        height: 0;
        line-height: 0
    }

    .featuredContain .featuredSite > span {
        color: #264283;
        text-align: center;
        display: block;
        font-size: 1.2em;
        margin: 0 0 15px;
        font-weight: bolder
    }

    .featuredContain .paymentGrade, .featuredContain .percentageBonus {
        color: #569b3b;
        font-size: .8em;
        text-align: center
    }

    .featuredContain .paymentGrade {
        margin: 10px 0
    }

    .featuredContain .money img:nth-child(1) {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -140px;
        max-width: 100%
    }

    .featuredContain .money img:nth-child(2) {
        display: none
    }

    .featuredContain .featuredSite img {
        display: block;
        max-width: 200px;
        margin: auto
    }

    .featuredContain .stars img {
        text-align: center;
        display: inline-block;
        margin: 8px 0 3px;
        -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, .2)))
    }
}

@media all and (min-width: 361px) and (max-width: 699px) {
    .featuredContain .grid {
        width: 90%;
        clear: both;
        display: block;
        margin: 0 auto
    }

    .featuredContain {
        width: 100%;
        display: block;
        padding: 5px 5px 120px;
        margin: 50px auto 125px;
        position: relative;
        background: #fff;
        box-shadow: 0 0 15px 2px #ccc;
        text-align: center;
        outline: #fff dashed 2px
    }

    .featuredContain p {
        margin: 0;
        height: 0;
        line-height: 0
    }

    .featuredContain .featuredSite > span {
        color: #264283;
        text-align: center;
        display: block;
        font-size: 1.2em;
        margin: 0 0 15px;
        font-weight: bolder
    }

    .featuredContain .paymentGrade, .featuredContain .percentageBonus {
        color: #569b3b;
        font-size: .8em;
        text-align: center
    }

    .featuredContain .paymentGrade {
        margin: 10px 0
    }

    .featuredContain .money img:nth-child(1) {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -120px;
        max-width: 100%
    }

    .featuredContain .money img:nth-child(2) {
        display: none
    }

    .featuredContain .featuredSite img {
        display: block;
        max-width: 200px;
        margin: auto
    }

    .featuredContain .stars img {
        text-align: center;
        display: inline-block;
        margin: 8px 0 3px;
        -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, .2)))
    }
}

@media all and (min-width: 700px) and (max-width: 991px) {
    .featuredContain .grid {
        width: 80%;
        clear: both;
        display: block;
        margin: 0 auto
    }

    .featuredContain {
        width: 100%;
        display: block;
        margin: 50px auto 125px;
        position: relative;
        background: #fff;
        box-shadow: 0 0 15px 2px #ccc;
        text-align: center;
        outline: #fff dashed 2px
    }

    .featuredContain p {
        margin: 0;
        height: 0;
        line-height: 0
    }

    .featuredContain .featuredSite > span {
        color: #264283;
        text-align: center;
        display: block;
        font-size: 1.2em;
        margin: 0 0 95px;
        font-weight: bolder
    }

    .featuredContain .percentageBonus {
        position: absolute;
        right: 27px;
        top: 43px;
        color: #569b3b;
        font-size: .8em
    }

    .featuredContain .paymentGrade {
        position: absolute;
        left: 38px;
        top: 43px;
        color: #569b3b;
        font-size: .8em
    }

    .featuredContain .money img:nth-child(1) {
        position: absolute;
        left: -35px;
        bottom: -90px
    }

    .featuredContain .money img:nth-child(2) {
        position: absolute;
        right: -34px;
        bottom: -90px
    }

    .featuredContain .featuredSite img {
        display: block;
        max-width: 260px;
        margin: auto
    }

    .featuredContain .stars img {
        text-align: center;
        display: inline-block;
        margin: 8px 0 3px;
        -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, .2)))
    }
}

@media all and (min-width: 992px) and (max-width: 6000px) {
    .featuredContain .grid {
        width: 1024px;
        clear: both;
        display: block;
        margin: 0 auto
    }

    .featuredContain {
        width: 80%;
        display: block;
        margin: 50px auto 125px;
        position: relative;
        background: #fff;
        box-shadow: 0 0 15px 2px #ccc;
        text-align: center;
        outline: #fff dashed 3px
    }

    .featuredContain p {
        margin: 0;
        height: 0;
        line-height: 0
    }

    .featuredContain .featuredSite > span {
        color: #264283;
        text-align: center;
        display: block;
        font-size: 1.2em;
        margin: 0 0 5px;
        font-weight: bolder
    }

    .featuredContain a .percentageBonus {
        position: absolute;
        right: 50px !important;
        top: 20px;
        color: #569b3b;
        font-size: .8em;
        width: 100px !important
    }

    .featuredContain .paymentGrade {
        position: absolute;
        left: 38px;
        top: 20px;
        color: #569b3b;
        font-size: .8em
    }

    .featuredContain .money img:nth-child(1) {
        position: absolute;
        left: -84px;
        bottom: -90px
    }

    .featuredContain .money img:nth-child(2) {
        position: absolute;
        right: -84px;
        bottom: -90px
    }

    .featuredContain .featuredSite img {
        display: block;
        max-width: 215px;
        margin: auto
    }

    .featuredContain .stars img {
        text-align: center;
        display: inline-block;
        margin: 9px 0 3px;
        -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, .2)))
    }
}

a.lightBlueButton-reflect, a.lightGreenButton-reflect, a.lightOrangeButton-reflect, a.navyBlueButton-reflect, a.redButton {
    display: block;
    margin: 20px auto 50px;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    max-width: 280px;
    position: relative;
    overflow: hidden;
    font-weight: bolder;
    -webkit-box-reflect: below 0 -webkit-linear-gradient(bottom, rgba(255, 255, 255, .3) 0, transparent 50%, transparent 100%)
}

a.darkBlueButton, a.grayButton, a.lightBlueButton, a.lightGreenButton, a.lightOrangeButton, a.navyBlueButton, a.redButton, a.whiteButton {
    display: block;
    margin: 10px auto;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    max-width: 255px;
    position: relative;
    overflow: hidden;
    font-weight: bolder
}

a.darkBlueButton .icon-wrapper, a.grayButton .icon-wrapper, a.lightBlueButton .icon-wrapper, a.lightGreenButton .icon-wrapper, a.lightOrangeButton .icon-wrapper, a.navyBlueButton .icon-wrapper, a.redButton .icon-wrapper, a.whiteButton .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px
}

a.darkBlueButton i, a.grayButton i, a.lightBlueButton i, a.lightGreenButton i, a.lightOrangeButton i, a.navyBlueButton i, a.redButton i, a.whiteButton i {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    float: right;
    margin-top: 10px
}

.rankingTableSpotLightOne span.hoverNumberOne, .stars span:nth-child(1) {
    transform: rotate(45deg);
    animation-iteration-count: infinite;
    animation-direction: alternate
}

a.arrowButton {
    display: block;
    margin: 10px auto;
    padding: 10px 54px;
    color: #fff;
    text-decoration: none;
    max-width: 255px;
    position: relative;
    overflow: hidden;
    font-weight: bolder
}

a.arrowButton::after {
    content: '';
    background: url(../../../images/whiteArrowForButtonsSmallest.png) no-repeat;
    width: 12px;
    height: 20px;
    float: right;
    animation-name: movingArrows;
    animation-duration: .3s;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

a.darkBlueButton-reflect.expanded, a.darkBlueButton.expanded, a.grayButton.expanded {
    height: 126px
}

a.arrowButton::before {
    content: '';
    background: #72b557;
    padding: 25px 20px;
    position: absolute;
    right: 0;
    top: 0
}

@keyframes movingArrows {
    0% {
        position: absolute;
        right: 10px;
        top: 14px
    }
    100% {
        position: absolute;
        right: 13px;
        top: 14px
    }
}

a.arrowButton, a.arrowButton-reflect {
    background: #569b3b
}

a.navyBlueButton, a.navyBlueButton-reflect {
    background: #00153a
}

a.whiteButton, a.whiteButton-reflect {
    background: #fff;
    border: 1px solid #242224;
    color: #242224
}

a.whiteButton i, a.whiteButton-reflect i {
    border: solid #242224;
    border-width: 0 3px 3px 0
}

a.whiteButton-reflect:hover, a.whiteButton:hover {
    background: #242224;
    color: #fff
}

a.whiteButton-reflect:hover i, a.whiteButton:hover i {
    border: solid #fff;
    border-width: 0 3px 3px 0
}

a.darkBlueButton, a.darkBlueButton-reflect {
    background: #242224;
    max-width: 190px
}

a.darkBlueButton-reflect.wide, a.darkBlueButton.wide {
    max-width: 255px
}

a.darkBlueButton-reflect.underline, a.darkBlueButton.underline {
    border-bottom: 3px solid #72bb55
}

a.darkBlueButton-reflect.underline:hover, a.darkBlueButton.underline:hover {
    background: #72c534
}

a.darkBlueButton .icon-wrapper.underline, a.darkBlueButton-reflect .icon-wrapper.underline {
    border-bottom: 1px solid #72bb55
}

a.darkBlueButton i, a.darkBlueButton-reflect i {
    border: solid #fff;
    border-width: 0 3px 3px 0
}

a.darkBlueButton-reflect:hover, a.darkBlueButton:hover {
    background: #72bb55
}

a.darkBlueButton-reflect:hover i, a.darkBlueButton:hover i {
    border: solid #fff;
    border-width: 0 3px 3px 0
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-win-icon, a.darkBlueButton:hover .icon-wrapper img.btn-win-icon {
    content: url(../../../images/win-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-chips-icon, a.darkBlueButton:hover .icon-wrapper img.btn-chips-icon {
    content: url(../../../images/chips-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-stats-icon, a.darkBlueButton:hover .icon-wrapper img.btn-stats-icon {
    content: url(../../../images/stats-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-odds-icon, a.darkBlueButton:hover .icon-wrapper img.btn-odds-icon {
    content: url(../../../images/odds-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-nfl-icon, a.darkBlueButton:hover .icon-wrapper img.btn-nfl-icon {
    content: url(../../../images/nfl-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-mlb-icon, a.darkBlueButton:hover .icon-wrapper img.btn-mlb-icon {
    content: url(../../../images/mlb-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-nba-icon, a.darkBlueButton:hover .icon-wrapper img.btn-nba-icon {
    content: url(../../../images/nba-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-nhl-icon, a.darkBlueButton:hover .icon-wrapper img.btn-nhl-icon {
    content: url(../../../images/nhl-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-horse-icon, a.darkBlueButton:hover .icon-wrapper img.btn-horse-icon {
    content: url(../../../images/horse-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-golf-icon, a.darkBlueButton:hover .icon-wrapper img.btn-golf-icon {
    content: url(../../../images/golf-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-soccer-icon, a.darkBlueButton:hover .icon-wrapper img.btn-soccer-icon {
    content: url(../../../images/soccer-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-ncaafootball-icon, a.darkBlueButton:hover .icon-wrapper img.btn-ncaafootball-icon {
    content: url(../../../images/ncaa-football-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-ncaabasketball-icon, a.darkBlueButton:hover .icon-wrapper img.btn-ncaabasketball-icon {
    content: url(../../../images/ncaa-basketball-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-nascar-icon, a.darkBlueButton:hover .icon-wrapper img.btn-nascar-icon {
    content: url(../../../images/nascar-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-ufc-icon, a.darkBlueButton:hover .icon-wrapper img.btn-ufc-icon {
    content: url(../../../images/ufc-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-cricket-icon, a.darkBlueButton:hover .icon-wrapper img.btn-cricket-icon {
    content: url(../../../images/cricket-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-faq-icon, a.darkBlueButton:hover .icon-wrapper img.btn-faq-icon {
    content: url(../../../images/faq-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-news-icon, a.darkBlueButton:hover .icon-wrapper img.btn-news-icon {
    content: url(../../../images/news-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-reviews-icon, a.darkBlueButton:hover .icon-wrapper img.btn-reviews-icon {
    content: url(../../../images/reviews-icon-white.png)
}

a.darkBlueButton-reflect:hover .icon-wrapper img.btn-blog-icon, a.darkBlueButton:hover .icon-wrapper img.btn-blog-icon {
    content: url(../../../images/blog-icon-white.png)
}

a.grayButton {
    background: #efefef;
    max-width: 190px;
    color: #242224
}

a.grayButton.wide {
    max-width: 255px
}

a.grayButton.same-height {
    min-height: 126px
}

a.grayButton.underline {
    border-bottom: 3px solid #242224
}

a.grayButton.underline:hover {
    background: #72c534
}

a.grayButton .icon-wrapper.underline {
    border-bottom: 1px solid #242224
}

a.grayButton i {
    border: solid #242224;
    border-width: 0 3px 3px 0
}

a.grayButton:hover {
    background: #72bb55
}

a.grayButton:hover i {
    border: solid #242224;
    border-width: 0 3px 3px 0
}

a.grayButton:hover .icon-wrapper img.btn-win-icon {
    content: url(../../../images/win-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-chips-icon {
    content: url(../../../images/chips-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-stats-icon {
    content: url(../../../images/stats-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-odds-icon {
    content: url(../../../images/odds-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-nfl-icon {
    content: url(../../../images/nfl-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-mlb-icon {
    content: url(../../../images/mlb-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-nba-icon {
    content: url(../../../images/nba-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-nhl-icon {
    content: url(../../../images/nhl-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-horse-icon {
    content: url(../../../images/horse-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-golf-icon {
    content: url(../../../images/golf-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-soccer-icon {
    content: url(../../../images/soccer-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-ncaafootball-icon {
    content: url(../../../images/ncaa-football-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-ncaabasketball-icon {
    content: url(../../../images/ncaa-basketball-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-nascar-icon {
    content: url(../../../images/nascar-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-ufc-icon {
    content: url(../../../images/ufc-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-cricket-icon {
    content: url(../../../images/cricket-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-faq-icon {
    content: url(../../../images/faq-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-news-icon {
    content: url(../../../images/news-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-reviews-icon {
    content: url(../../../images/reviews-icon-white.png)
}

a.grayButton:hover .icon-wrapper img.btn-blog-icon {
    content: url(../../../images/blog-icon-white.png)
}

a.lightBlueButton, a.lightBlueButton-reflect {
    background: #00761e
}

a.lightBlueButton i, a.lightBlueButton-reflect i {
    border: solid #72c534;
    border-width: 0 3px 3px 0
}

a.lightBlueButton-reflect:hover, a.lightBlueButton:hover {
    background-color: #72c534;
    color: #254111
}

a.lightBlueButton-reflect:hover i, a.lightBlueButton:hover i {
    border: solid #254111;
    border-width: 0 3px 3px 0
}

a.lightOrangeButton, a.lightOrangeButton-reflect {
    background: #ffad05
}

a.lightGreenButton, a.lightGreenButton-reflect {
    background: #569b3b
}

a.redButton, a.redButton-reflect {
    background: #de4230
}

img.btn-win-icon {
    content: url(../../../images/win-icon.png)
}

img.btn-chips-icon {
    content: url(../../../images/chips-icon.png)
}

img.btn-stats-icon {
    content: url(../../../images/stats-icon.png)
}

img.btn-odds-icon {
    content: url(../../../images/odds-icon.png)
}

img.btn-nfl-icon {
    content: url(../../../images/nfl-icon.png)
}

img.btn-mlb-icon {
    content: url(../../../images/mlb-icon.png)
}

img.btn-nba-icon {
    content: url(../../../images/nba-icon.png)
}

img.btn-nhl-icon {
    content: url(../../../images/nhl-icon.png)
}

img.btn-horse-icon {
    content: url(../../../images/horse-icon.png)
}

img.btn-golf-icon {
    content: url(../../../images/golf-icon.png)
}

img.btn-soccer-icon {
    content: url(../../../images/soccer-icon.png)
}

img.btn-ncaafootball-icon {
    content: url(../../../images/ncaa-football-icon.png)
}

img.btn-ncaabasketball-icon {
    content: url(../../../images/ncaa-basketball-icon.png)
}

img.btn-nascar-icon {
    content: url(../../../images/nascar-icon.png)
}

img.btn-ufc-icon {
    content: url(../../../images/ufc-icon.png)
}

img.btn-cricket-icon {
    content: url(../../../images/cricket-icon.png)
}

img.btn-faq-icon {
    content: url(../../../images/icon-faq.png)
}

img.btn-news-icon {
    content: url(../../../images/icon-news.png)
}

img.btn-reviews-icon {
    content: url(../../../images/icon-reviews.png)
}

img.btn-blog-icon {
    content: url(../../../images/icon-blog.png)
}

.block-list, .buttonsContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    clear: both;
    float: none;
    list-style: none;
    margin: 0 auto 20px;
    padding: 0
}

.block-list--homepage, .buttonsContainer--homepage {
    justify-content: space-around
}

.block-list--homepage a, .buttonsContainer--homepage a {
    width: 43%;
    margin: 3% 8px;
    min-width: 121px
}

@media screen and (min-width: 48em) {
    .block-list--homepage a, .buttonsContainer--homepage a {
        margin: 2% 4px;
        width: 33%
    }
}

@media screen and (min-width: 64em) {
    .block-list--homepage a, .buttonsContainer--homepage a {
        margin: 3% 4px
    }
}

@media screen and (min-width: 75em) {
    .block-list--homepage a, .buttonsContainer--homepage a {
        margin: 5px 4px
    }
}

.block-list.withborder, .buttonsContainer.withborder {
    border: 1px solid #cdcdcd
}

.stars {
    position: relative;
    overflow: hidden
}

.stars span:nth-child(1) {
    opacity: .5;
    box-shadow: 0 0 200px 130px #fff;
    animation-name: coolAnimaHover;
    animation-duration: 3s;
    background: #fff !important
}

a.lightBlueButton span, a.lightBlueButton-reflect span, a.lightGreenButton span, a.lightGreenButton-reflect span, a.lightOrangeButton span, a.lightOrangeButton-reflect span, a.navyBlueButton span, a.navyBlueButton-reflect span, a.redButton span, a.redButton-reflect span {
    height: 70px;
    opacity: .5;
    box-shadow: 0 0 200px 130px #fff;
    animation-name: coolAnimaHoverTwo;
    animation-duration: 3s;
    transform: rotate(45deg);
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@keyframes coolAnimaHover {
    0% {
        position: absolute;
        left: -900px;
        top: -10px
    }
    100% {
        position: absolute;
        left: 900px;
        top: -10px
    }
}

@keyframes coolAnimaHoverTwo {
    0% {
        position: absolute;
        left: -900px;
        top: -40px
    }
    100% {
        position: absolute;
        left: 900px;
        top: -40px
    }
}

@media all and (min-width: 0px) and (max-width: 768px) {
    ul.block-list li {
        width: 50%;
        float: left;
        display: inline-block;
        text-align: center
    }

    ul.block-list li a {
        max-width: none;
        margin: 4px
    }

    .buttonsContainer .FourColButtons, .buttonsContainer .threeColButtons, .buttonsContainer .twoColButtons {
        width: 100%;
        float: left;
        display: inline-block;
        text-align: center
    }
}

@media all and (min-width: 769px) and (max-width: 6000px) {
    .buttonsContainer .fourColButtons, .buttonsContainer .threeColButtons, ul.block-list li {
        float: left;
        display: inline-block;
        padding: 0 10px
    }

    ul.block-list li {
        width: 33.333333334%
    }

    .buttonsContainer .twoColButtons {
        width: 50%;
        float: left;
        display: inline-block
    }

    .buttonsContainer .threeColButtons {
        width: 33.333333334%
    }

    .buttonsContainer .fourColButtons {
        width: 25%
    }
}

.twoColBulletPoint {
    width: 50%;
    float: left;
    display: inline-block
}

table.default {
    width: 100%;
    margin: 30px 0
}

table.default tr {
    background: #fff;
    display: table-row
}

table.default tr:nth-child(1) {
    background: #00761e;
    color: #fff
}

table.default tr:nth-child(even) {
    background: #dedede
}

@media all and (min-width: 0px) and (max-width: 480px) {
    table.default tr td {
        padding: 2px;
        border: 1px solid #ccc;
        display: table-cell !important;
        font-size: .7em !important
    }
}

@media all and (min-width: 481px) and (max-width: 6000px) {
    table.default tr td {
        padding: 10px;
        border: 1px solid #ccc;
        display: table-cell !important
    }
}

.rankingTableSpotLightOne:hover {
    opacity: 100
}

.rankingTableSpotLightOne span.hoverNumberOne {
    height: 600px;
    opacity: .6;
    box-shadow: 0 0 300px 130px #fff;
    animation-name: coolAnimaHoverNumberOne;
    animation-duration: 2s
}

@keyframes coolAnimaHoverNumberOne {
    0% {
        position: absolute;
        left: -600px;
        top: 0
    }
    100% {
        position: absolute;
        left: 600px;
        top: 0
    }
}

.header-cta-container.header-cta-hide {
    padding: 2.6rem 0 2rem;
    display: block;
    max-height: 312.5rem;
    overflow: visible !important;
    box-shadow: 4px 6px 12px 2px #232323
}

.homepage-bottom-content {
    margin: 0
}

h4 {
    color: #01286d !important
}

h4 a:active, h4 a:link, h4 a:visited {
    color: #00a7ef
}

@media all and (min-width: 0px) and (max-width: 1229px) {
    #cta_russia_2018 {
        position: fixed;
        right: 0;
        z-index: 51;
        display: block;
        width: 150px;
        bottom: 5px
    }

    #cta_russia_2018 a img {
        width: 70px;
        position: absolute;
        left: 0;
        right: 0;
        top: 7px;
        margin: auto;
        text-align: center
    }

    #cta_russia_2018 a {
        background: url(../../../images/russiaLightImageMobile.png) no-repeat;
        width: 100px;
        height: 100px;
        float: left
    }

    #cta_russia_2018 .container {
        position: relative;
        width: 100px
    }

    #cta_russia_2018 a:hover::after {
        content: 'GET IN ON THE ACTION';
        background: #63bf1f;
        padding: 10px 20px;
        color: #0a0a0a;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
        margin: auto;
        opacity: 100 !important;
        font-weight: 900;
        line-height: 18px;
        width: 80%;
        box-shadow: 0 0 10px 1px #000;
        border-radius: 10px
    }
}

@media all and (min-width: 1230px) and (max-width: 6000px) {
    #cta_russia_2018 a img, #cta_russia_2018 a:hover img, #cta_russia_2018 a:hover::after {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto
    }

    #cta_russia_2018 {
        position: fixed;
        right: 200px;
        z-index: 51;
        display: block;
        width: 200px;
        bottom: 5px
    }

    #cta_russia_2018 a img {
        width: 140px;
        top: 11px
    }

    #cta_russia_2018 a:hover img {
        width: 140px;
        top: 11px;
        opacity: .3
    }

    #cta_russia_2018 a, #cta_russia_2018 a:hover {
        background: url(../../../images/russiaLightImage2.png) no-repeat;
        width: 200px;
        height: 200px;
        float: left
    }

    #cta_russia_2018 a:hover::after {
        content: 'GET IN ON THE ACTION';
        background: #63bf1f;
        padding: 10px 20px;
        color: #0a0a0a;
        top: 80px;
        opacity: 100 !important;
        font-weight: 900;
        line-height: 18px;
        width: 80%;
        box-shadow: 0 0 10px 1px #000;
        border-radius: 10px
    }

    #cta_russia_2018 .container {
        position: relative;
        width: 200px
    }
}

aside.secondary {
    margin: 20px 0
}

aside.secondary:nth-of-type(2) {
    position: -webkit-sticky;
    position: sticky;
    top: 126px
}

.awareLogos img {
    float: left;
    margin: 10px
}

.awareLogos {
    width: 280px;
    margin: 0 auto;
    display: inline-block
}

.menu .current-menu-item a, .menu .current_page_item a {
    color: #569b3b
}

.button, button, input[type=button], input[type=reset], input[type=submit] {
    background: #569b3b;
    border: none
}

.button:active, .button:focus, .button:hover, button:active, button:focus, button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
    background-color: #43a71c;
    cursor: pointer
}

.not-active {
    cursor: no-drop
}

.header-cta .header-cta-container {
    background: #898c92
}

.widget .widget-title {
    background-color: #242224;
    border-right: .25rem solid #569b3b
}

.widget {
    display: inline-block !important
}

.widget_wds_recent_articles_widget ul.recent-articles-container {
    list-style: none;
    padding-left: 0
}

.widget_wds_recent_articles_widget ul.recent-articles-container:last-child {
    margin: 0
}

.widget_wds_recent_articles_widget ul.recent-articles-container li {
    margin-bottom: 1em
}

.site-footer {
    background: #242224;
    border-bottom: .25rem solid #6ca755
}

.featuredSite p:nth-child(1), .featuredSite p:nth-child(2) {
    clear: left
}

.picks_cta {
    display: flex;
    flex-direction: row;
    min-height: 170px;
    height: 100%
}

.picks_cta > div {
    width: 100%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.picks_cta > div:nth-of-type(1) {
    box-shadow: 0 0 15px -1px #adadad;
    padding: 10px 3%
}

.picks_cta > div:nth-of-type(1) > div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    align-items: center
}

.picks_cta > div:nth-of-type(1) .pick_name > br {
    display: none
}

.picks_cta > div:nth-of-type(1) .pick_name > label {
    display: inline-block;
    max-width: 100%;
    margin: 0;
    font-weight: 700;
    font-size: 17px;
    padding: 5px 10px;
    height: 32px;
    color: #fff;
    background-color: #6ca755
}

.picks_cta > div:nth-of-type(1) .pick_name > span {
    color: #00153a;
    font-size: 48px;
    margin: 5px 10px
}

.picks_cta > div:nth-of-type(1) .pick_data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.picks_cta > div:nth-of-type(1) .pick_data > p {
    display: none
}

.picks_cta > div:nth-of-type(1) .pick_data .odds, .picks_cta > div:nth-of-type(1) .pick_data .spread {
    font-size: 17px;
    color: #030e37;
    border: 1px solid #030e37;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 240px;
    min-height: 60px
}

.picks_cta > div:nth-of-type(1) .pick_data .odds > span, .picks_cta > div:nth-of-type(1) .pick_data .spread > span {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #030e37;
    color: #f1ae02;
    font-size: 22px;
    width: 100%;
    max-width: 100px;
    min-height: 48px
}

.picks_cta > div:nth-of-type(2) {
    background-color: #030c2e;
    position: relative;
    height: 100%;
    min-height: 170px
}

.picks_cta > div:nth-of-type(2) br, .picks_cta > div:nth-of-type(2) p {
    display: none
}

.picks_cta > div:nth-of-type(2):after {
    content: '';
    display: block;
    height: 100%;
    width: 20px;
    position: absolute;
    left: -20px;
    top: 0;
    z-index: 1;
    border-left: 0 solid transparent;
    border-right: 19px solid #030c2e;
    border-top: 170px solid transparent;
    border-bottom: 0 solid transparent
}

.big_arrowButton, .picksBtn a, .picksEntry, .picksName {
    position: relative
}

.picks_cta > div:nth-of-type(2) > a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    opacity: 1
}

.picks_cta > div:nth-of-type(2) > a > img {
    margin: 13px auto;
    width: auto
}

.big_arrowButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
    height: 84px;
    padding: 0 0 0 40px;
    color: #fff;
    max-width: 391px;
    width: 100%;
    overflow: hidden;
    font-size: 29px;
    font-weight: bolder;
    background-color: #569b3b;
    text-decoration: none
}

.big_arrowButton:after {
    content: '>';
    display: inherit;
    justify-content: center;
    align-items: center;
    background-color: #6eb452;
    padding: 8px 20px;
    position: relative;
    right: 0;
    height: 100%;
    font-size: 40px;
    top: 0
}

.big_arrowButton:hover {
    background-color: #65a54b
}

.big_arrowButton:hover:after {
    background-color: #589041
}

div#sbc_placeholder {
    padding-top: 10px;
    background-color: #242224
}

.oddsBox {
    display: flex;
    justify-content: space-between;
    background: #a2a2a2;
    font-size: 22px;
    color: #fff;
    padding: 5px;
    margin-bottom: 20px;
    align-items: center
}

.oddsNum, .picksHead {
    color: #242224;
    font-weight: 700;
    font-family: Helvetica, sans-serif
}

.oddsName {
    padding: 10px 7px;
    line-height: 25px
}

.oddsNum {
    background: #e4e4e4;
    line-height: 50px;
    padding: 0 20px
}

.picksEntry {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.picksBtn, .picksBtn a, .picksHead {
    display: inline-block
}

.picksHead {
    text-transform: uppercase;
    background: gold;
    padding: 5px 15px
}

.picksBody {
    background: #242224;
    padding: 10px 35px;
    margin-top: -10px
}

.picksName {
    color: #fff;
    font-size: 22px;
    font-family: Helvetica, sans-serif;
    padding: 14px 0 14px 28px;
    line-height: 45px
}

.picksOdds {
    color: #242224;
    font-weight: 700;
    font-family: Helvetica, sans-serif;
    background: #e5f4de;
    line-height: 50px;
    padding: 0 20px;
    margin: 12px 0;
    font-size: 22px;
    width: 105px;
    text-align: center
}

.picksBtn a {
    background: #6eb452;
    color: #fff;
    text-decoration: none;
    padding: 12px 70px 12px 38px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700
}

.picksBtn {
    margin: 12px 0 12px 15px
}

.rightSide {
    margin-left: auto;
    display: flex
}

.picksBtn a::after, .picksEntry::after, .picksName::before {
    display: inline-block;
    position: absolute;
    content: ''
}

.picksBox {
    margin: 30px auto 50px;
    max-width: 824px
}

.picksName::before {
    width: 10px;
    height: 46px;
    left: 0;
    background: url(../../../../../uploads/2018/09/picksArrow.png) center no-repeat
}

.picksBtn a::after {
    width: 38px;
    height: 40px;
    right: 6px;
    bottom: 5px;
    background: url(../../../../../uploads/2018/09/picksBtnArrow.png);
    background-size: 100%
}

.picksBtn a:hover::after {
    background: url(../../../../../uploads/2018/09/picksBtnArrowYellow.png)
}

.picksBtn a:hover {
    opacity: 1
}

.picksEntry::after {
    width: 100%;
    height: 1px;
    bottom: 0;
    background: url(../../../../../uploads/2018/09/picksLine.png) no-repeat
}

.picksEntry:last-of-type::after {
    display: none
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .rightSide {
        margin-left: 0;
        width: 100%
    }

    .picksName {
        padding: 14px 0 0 28px
    }

    .picksBox {
        max-width: 430px
    }
}

@media screen and (min-width: 320px) and (max-width: 575px) {
    .rightSide {
        margin-left: 0;
        width: 100%
    }

    .picksName {
        padding: 14px 0 0 28px
    }

    .picksBtn {
        margin: 12px 0
    }

    .picksBtn a {
        padding: 12px 65px 12px 20px
    }

    .picksOdds {
        margin: 12px 15px 12px 0
    }

    .picksBox {
        max-width: 405px
    }
}

@media screen and (max-width: 450px) {
    .picksBody {
        background: #242224;
        padding: 10px 20px;
        margin-top: -10px
    }

    .picksOdds {
        padding: 0 5px;
        font-size: 16px;
        margin-right: 4%;
        width: 28%;
        line-height: 40px
    }

    .picksBtn a {
        padding: 5px 40px 5px 10px;
        font-size: 14px;
        line-height: 2.2em;
        display: block;
        text-align: center
    }

    .picksBtn {
        width: 68%
    }

    .picksBtn a::after {
        width: 28px;
        height: 30px;
        background-size: 100%
    }
}

div.odd-box {
    border-top: 1px solid #e2e2e2;
    border-bottom: 4px solid #569b3b;
    margin: 4em auto 2em;
    width: 60%
}

div.odd-box h3 {
    margin-top: -15px;
    background: #fff;
    width: auto;
    float: left;
    clear: both;
    color: #242224;
    text-transform: uppercase;
    font-size: 130%;
    padding-right: .5em
}

div.odd-box ul {
    clear: both;
    display: block;
    list-style: none;
    margin-bottom: 1em;
    margin-left: 0
}

div.odd-box ul li {
    font-size: 120%;
    font-weight: 700
}

div.odd-box ul li:first-child {
    font-size: 90%;
    color: #787878
}

div.odd-box ul li span {
    float: right;
    color: #569b3b
}

@media screen and (max-width: 580px) {
    div.odd-box {
        width: 100%
    }
}

.sendgrid-subscribe {
    background-color: #293343;
    padding: 10px 6px;
    display: inline-block;
    margin-bottom: 2.5625rem
}

.sendgrid-subscribe .title {
    color: #fff;
    white-space: nowrap;
    font-size: 95%
}

.sendgrid-subscribe .title span.icon {
    width: 37px;
    height: 24px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub
}

.sendgrid-subscribe #streamline_sendgrid_form {
    margin-top: 5px
}

.sendgrid-subscribe #streamline_sendgrid_form input[type=email] {
    width: 49%;
    min-width: 48%;
    float: right
}

.sendgrid-subscribe #streamline_sendgrid_form input[type=text] {
    width: 49%;
    min-width: 48%
}

.sendgrid-subscribe #streamline_sendgrid_form input[type=submit] {
    float: right;
    margin-top: 5px;
    border-radius: 0
}

aside.secondary .alert {
    border: 2px solid transparent;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px
}

aside.secondary .alert.alert-success {
    color: #70c352;
    border: 2px solid #70c352
}

aside.secondary .alert.alert-warning {
    color: #e00808;
    border: 2px solid #e00808
}

form.sendgrid_confirmation_form label input {
    margin-right: 8px
}

form.sendgrid_confirmation_form input[type=submit] {
    margin-top: 10px
}

.comment_box_sidebar {
    background-color: #f0f0f0;
    border: 1px solid #c5c5c5;
    margin-top: 11px;
    padding: 10px;
    display: inline-block;
    width: 100%
}

.comment_box_sidebar #respond h3 {
    color: #09618c;
    font-size: 15px;
    margin-bottom: 0
}

.comment_box_sidebar #respond form#commentform p.comment-notes {
    font-size: 10px;
    color: #8c8c8c
}

.comment_box_sidebar #respond form#commentform label {
    font-size: 12px;
    font-weight: 700
}

.comment_box_sidebar #respond form#commentform #comment {
    max-height: 120px
}

.comment_box_sidebar #respond form#commentform p.form-submit .button, .comment_box_sidebar #respond form#commentform p.form-submit button, .comment_box_sidebar #respond form#commentform p.form-submit input[type=button], .comment_box_sidebar #respond form#commentform p.form-submit input[type=reset], .comment_box_sidebar #respond form#commentform p.form-submit input[type=submit] {
    background: #293343;
    border: none;
    float: right
}

.comment_box_sidebar #respond form#commentform p.form-submit .button:hover, .comment_box_sidebar #respond form#commentform p.form-submit button:hover, .comment_box_sidebar #respond form#commentform p.form-submit input[type=button]:hover, .comment_box_sidebar #respond form#commentform p.form-submit input[type=reset]:hover, .comment_box_sidebar #respond form#commentform p.form-submit input[type=submit]:hover {
    background: #264478
}

.comment_box_sidebar p.akismet_comment_form_privacy_notice {
    display: none
}

.author_box {
    margin: 30px 0;
    border: 2px solid #70c352;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #f0f0f0;
    border-left: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-bottom: 5px solid #293343;
    padding: 18px 12px
}

.author_box .picture {
    position: relative;
    overflow: hidden;
    width: 141px;
    height: 141px;
    vertical-align: top;
    border-bottom: 3px solid #70c352
}

.author_box .right {
    display: inline-block;
    width: 74%;
    margin-left: 26px
}

.author_box .right .box_1 {
    width: 100%;
    min-width: 129px;
    display: inline-block;
    vertical-align: top
}

.author_box .right .box_1 .title {
    text-transform: uppercase;
    color: #293343;
    font-family: Helvetica, sans-serif;
    position: relative;
    font-size: 14px;
    margin-top: 13px
}

.author_box .right .box_1 .title:before {
    content: "";
    width: 59px;
    height: 3px;
    background-color: #70c352;
    position: absolute;
    left: 0;
    bottom: 0
}

.author_box .right .box_1 .author_name {
    color: #10668f;
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700
}

.author_box .right .box_1 .author_name span.separator {
    color: #2b2b2b
}

.author_box .right .box_1 .author_name span.role {
    color: #858585;
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize
}

.author_box .right .box_1 .social_net {
    margin-top: 22px
}

.author_box .right .box_1 .social_net a {
    margin: 0 2px
}

.author_box .right .box_2 {
    width: 100%;
    display: inline-block;
    padding: 5px 0 0
}

.author_box .right .box_2 p {
    color: #000;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-word;
    margin-bottom: 8px
}

.author_box .right .box_2 .btns_cont {
    width: 100%;
    display: block;
    text-align: right
}

.author_box .right .box_2 .btns_cont a.author_btn {
    color: #293343;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 10px;
    text-decoration: none;
    display: inline-block;
    margin: 5px
}

.author_box .right .box_2 .btns_cont a.author_btn span {
    margin-right: 6px;
    vertical-align: middle
}

.author_box .right .box_2 .btns_cont a.author_btn span.btn_text {
    border-bottom: 2px solid #70c352;
    color: #293343;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding-bottom: 2px
}

.theme04_rankingTable {
    width: 100%;
    display: block;
    float: left;
    box-shadow: 0 0 7px 1px #63bf1f;
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff
}

.theme04_rankingTable .ribbonArea {
    width: 13%;
    display: block;
    float: left
}

.theme04_rankingTable .ribbonArea span {
    position: absolute;
    top: 6px;
    left: 12px;
    z-index: 1;
    color: #fff;
    font-weight: 900;
    font-size: 2.4em;
    text-shadow: 0 0 3px #000
}

.theme04_rankingTable .ribbonArea img {
    position: absolute;
    left: -8px;
    top: 11px
}

.theme04_rankingTable .contentArea {
    width: 100%;
    display: flex;
    padding-left: 80px;
    min-height: 190px
}

.theme04_rankingTable .contentArea .box {
    width: 25%;
    display: inline-block
}

.theme04_rankingTable .contentArea .box.bonus {
    display: flex;
    align-items: center;
    margin: 0 10px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center
}

.theme04_rankingTable .contentArea .box.bonus span.percentage {
    color: #000;
    font-family: open_sansbold;
    font-weight: 700;
    font-size: 42px;
    line-height: 40px
}

.theme04_rankingTable .contentArea .box.bonus span.upto {
    color: #000;
    font-family: open_sansextrabold;
    font-weight: 700;
    font-size: 16px;
    width: 31px;
    display: inline-block;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center
}

.theme04_rankingTable .contentArea .box.bonus span.amount {
    color: #619d4b;
    font-family: open_sansextrabold;
    font-weight: 700;
    font-size: 57px;
    line-height: 52px
}

.theme04_rankingTable .contentArea .box.logo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    margin: 0 10px
}

.theme04_rankingTable .contentArea .box.logo .image {
    display: block;
    text-align: center;
    width: 100%
}

.theme04_rankingTable .contentArea .box.logo .image img {
    max-width: 220px
}

.theme04_rankingTable .contentArea .box.logo .link {
    display: block;
    color: #1a1a1a;
    font-size: 13px;
    font-family: droid_sansregular;
    text-decoration: underline;
    width: 100%;
    text-align: center
}

.theme04_rankingTable .contentArea .box.screenshot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center
}

.theme04_rankingTable .contentArea .box.screenshot span.image {
    padding: 2px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #d6d6d6
}

.theme04_rankingTable .contentArea .box_btn {
    width: 25%;
    background-color: #293343;
    float: right;
    display: inline-block;
    border-left: 5px solid #70c352;
    position: relative
}

.theme04_rankingTable .contentArea .box_btn span.visit_now {
    background-color: #6abd34;
    color: #fff;
    font-family: open_sansbold;
    font-size: 18px;
    text-align: center;
    padding: 15px 40px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 57px;
    width: 170px
}

.expandable-list-container {
    margin: 50px 0
}

.expandable-list-container ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-basis: 300px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 0 40px;
    margin: 0 auto;
    max-height: 157px;
    overflow: hidden;
    transition: max-height 1s ease
}

.expandable-list-container ul li {
    width: 20%;
    min-width: 220px
}

.expandable-list-container ul.expand {
    max-height: 5000px
}

.expandable-list-container .btn-cont {
    background: #569b3b;
    padding: 10px 30px;
    display: table;
    border-radius: 10px;
    margin: 35px auto;
    border-bottom: 3px solid #174596;
    cursor: pointer
}

.expandable-list-container .btn-cont:hover {
    background: #174596;
    border-bottom: 3px solid #569b3b;
    color: #fff
}

.tandc .tooltip2 {
    position: relative;
    display: unset;
    border-bottom: 1px dotted #67b76b;
    font-size: 12px;
    color: #67b76b
}

.tandc .tooltip2:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.tandc .tooltip2 .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: #0e613d;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 700;
    top: 25px;
    bottom: unset;
    left: 0;
    margin-left: -80px;
    opacity: 0;
    transition: opacity .3s;
    font-weight: 400
}

ul.colList1, ul.colList2, ul.colList3, ul.colList4, ul.colList5 {
    padding: 20px 7px;
    list-style-type: none
}

.tandc .tooltip2 .tooltiptext:after {
    content: "";
    position: absolute;
    bottom: 100%;
    top: unset;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #0e613d
}

.tandc .tooltip2 .tooltiptext:before {
    content: "";
    position: absolute;
    top: -10px;
    background-color: transparent;
    width: 100%;
    height: 14px;
    left: 0
}

ul.colList1 li::before, ul.colList2 li::before, ul.colList3 li::before, ul.colList4 li::before, ul.colList5 li::before {
    background: url(../../../images/bullet_circle.png) no-repeat;
    height: 18px;
    float: left;
    margin: 9px 10px 0;
    content: ""
}

.tandc .tooltip2 .tooltiptext a, .tandc .tooltip2 .tooltiptext a:hover {
    color: #fff
}

.tandc .tooltip2 .tooltiptext p {
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.tandc .tooltip2 .tooltiptext p a {
    font-weight: 700;
    text-decoration: underline
}

ul.colList5 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(minmax(20%, 1fr)) [ auto-fit ];
    grid-template-columns:repeat(auto-fit, minmax(20%, 1fr))
}

ul.colList5 li {
    display: inline-block;
    width: 100%;
    line-height: 35px
}

ul.colList5 li::before {
    width: 12px
}

ul.colList4 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(minmax(25%, 1fr)) [ auto-fit ];
    grid-template-columns:repeat(auto-fit, minmax(25%, 1fr))
}

ul.colList4 li {
    display: inline-block;
    width: 100%;
    line-height: 35px
}

ul.colList4 li::before {
    width: 12px
}

ul.colList3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(minmax(33%, 1fr)) [ auto-fit ];
    grid-template-columns:repeat(auto-fit, minmax(33%, 1fr))
}

ul.colList3 li {
    display: inline-block;
    width: 100%;
    line-height: 35px
}

ul.colList3 li::before {
    width: 12px
}

ul.colList2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(minmax(50%, 1fr)) [ auto-fit ];
    grid-template-columns:repeat(auto-fit, minmax(50%, 1fr))
}

ul.colList2 li {
    display: inline-block;
    width: 100%;
    line-height: 35px
}

ul.colList2 li::before {
    width: 12px
}

ul.colList1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(minmax(100%, 1fr)) [ auto-fit ];
    grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))
}

ul.colList1 li {
    display: inline-block;
    width: 100%;
    line-height: 35px
}

ul.colList1 li::before {
    width: 12px
}

@font-face {
    font-family: AxionRegular;
    src: url(../../../fonts/Azonix.otf)
}

@font-face {
    font-family: ITCAvantGardeStd;
    src: url(../../../fonts/ITCAvantGardeStd-BoldCn.otf)
}

#header_cta_wrapper {
    background-image: url(../../../images/cta_sb_19_cta_bg.png);
    background-size: cover;
    width: 100%;
    padding: 10px 5px;
    background-repeat: no-repeat;
    background-position: center top;
    max-width: 1670px;
    margin: auto
}

#header_cta_wrapper .ct_content_wrapper .teams_logos .team1 > img, #header_cta_wrapper .ct_content_wrapper .teams_logos .team2 > img, #header_cta_wrapper .ct_content_wrapper .teams_logos .vs > img {
    width: 80%
}

#header_cta_wrapper .ct_content_wrapper {
    display: flex;
    flex-direction: row
}

#header_cta_wrapper .ct_content_wrapper .teams_logos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 50%
}

#header_cta_wrapper .ct_content_wrapper .teams_logos .team1 {
    text-align: right
}

#header_cta_wrapper .ct_content_wrapper .teams_logos .vs {
    background-image: url(../../../images/cta_sb_19_vs.png);
    background-position: center 60%;
    background-repeat: no-repeat;
    min-width: 86px;
    min-height: 100%
}

#header_cta_wrapper .ct_content_wrapper .teams_logos .team2 {
    text-align: left
}

#header_cta_wrapper .ct_content_wrapper .teams_logos .team_name {
    background-image: url(../../../images/cta_sb_19_logo_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    display: inline-block;
    max-width: 193px;
    width: 100%;
    color: #fff;
    font-size: 27px;
    min-height: 48px;
    border-radius: 10px;
    text-align: center;
    padding: 5px
}

#header_cta_wrapper .ct_content_wrapper .g_information {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 50%;
    text-align: center
}

#header_cta_wrapper .ct_content_wrapper .g_information .sb_logo > img {
    width: 100%;
    max-width: 200px
}

#header_cta_wrapper .ct_content_wrapper .g_information .desc1 {
    font-size: 44px;
    color: #000;
    font-weight: 600;
    font-family: helvetica;
    text-shadow: 1px 1px 13px #fff;
    margin: 0 auto;
    letter-spacing: -3px
}

#header_cta_wrapper .ct_content_wrapper .g_information .desc2 {
    font-size: 23px;
    color: #000;
    font-weight: 900;
    font-family: helvetica;
    text-shadow: 1px 1px 13px #fff;
    margin: 10px auto
}

#header_cta_wrapper .ct_content_wrapper .g_information .site_logo {
    margin: 0 auto
}

#header_cta_wrapper .ct_content_wrapper .g_information .cta_button {
    margin-bottom: 50px;
    margin-top: 10px
}

#header_cta_wrapper .ct_content_wrapper .g_information .cta_button > a {
    display: inline-flex;
    background-color: #f95704;
    color: #fff;
    text-decoration: none;
    padding: 10px 50px 10px 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #000;
    min-height: 75px;
    font-size: 28px;
    line-height: 24px;
    text-align: center;
    max-width: 280px;
    font-weight: 700;
    background-image: url(../../../images/cta_sb_19_btn_arrow.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 9px) center
}

#header_cta_wrapper .ct_content_wrapper .g_information .cta_button > a:hover {
    background-color: #23a456;
    opacity: 1
}

#footer_cta_wrapper {
    display: none;
    position: fixed;
    bottom: 0;
    right: 8%;
    z-index: 10;
    background-color: #fff;
    background-image: url(../../../images/tsg_cta_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation-name: custompulse;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0s
}

#footer_cta_wrapper a {
    display: flex;
    flex-direction: column;
    width: 408px;
    height: 330px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding-top: 5px
}

#footer_cta_wrapper a span.prize {
    font-family: droid_sansregular;
    color: #000;
    font-size: 48px;
    font-weight: bolder;
    padding: 0 0 5px;
    line-height: 48px
}

#footer_cta_wrapper a span.desc {
    font-family: droid_sansregular;
    color: #000;
    font-size: 20px;
    font-weight: bolder;
    padding: 0 0 30px
}

#footer_cta_wrapper a > button {
    min-with: 230px;
    min-height: 50px;
    font-size: 24px;
    color: #fff;
    font-weight: 600
}

#footer_cta_wrapper a span.so {
    font-family: fantasy;
    letter-spacing: 2px;
    font-style: italic;
    color: #0d3773;
    font-size: 30px;
    font-weight: 800;
    padding: 16px 0 0
}

#cta_popup_modal {
    width: 100%;
    max-width: 800px;
    min-height: 700px;
    padding: 0;
    background-image: url(../../../images/march_madness_2019.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 18px
}

#cta_popup_modal .remodal-close {
    z-index: 1;
    top: 15px;
    right: 15px;
    background-color: #fffa;
    color: #000;
    border-radius: 25px
}

#cta_popup_modal .remodal-close:hover {
    cursor: pointer;
    background-color: #000;
    color: #fffa
}

#cta_popup_modal .remodal-close:before {
    font-family: ITCAvantGardeStd;
    font-size: 32px;
    line-height: 32px;
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center
}

#cta_popup_modal .ct_content_wrapper .desc1, #cta_popup_modal .ct_content_wrapper .desc2 {
    font-size: 54px;
    font-family: AxionRegular;
    font-weight: 100;
    -webkit-text-fill-color: transparent
}

#cta_popup_modal .ct_content_wrapper {
    width: 100%;
    padding: 10px 5px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    text-decoration: none;
    display: block
}

#cta_popup_modal .ct_content_wrapper:hover {
    opacity: 1
}

#cta_popup_modal .ct_content_wrapper .desc1 {
    color: #f86118;
    margin: 25px auto 0;
    background: -webkit-linear-gradient(#fbe389, #ef2706);
    -webkit-background-clip: text;
    line-height: 44px
}

#cta_popup_modal .ct_content_wrapper .desc2 {
    color: #b4b6b8;
    margin: 6px auto 0;
    background: -webkit-linear-gradient(#fff, #b4b6b8);
    -webkit-background-clip: text;
    line-height: 54px
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus {
    display: flex;
    flex-direction: row;
    color: #000;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(1) {
    font-size: 170px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: -webkit-linear-gradient(#fff, #b4b6b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 170px;
    position: relative
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(1):after {
    background: 0 0;
    content: attr(data-text);
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 1px 1px 3px #000
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 290px;
    margin: 0 5px
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .gray_big {
    font-size: 72px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: -webkit-linear-gradient(#fff, #b4b6b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 72px;
    text-align: left;
    position: relative
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .gray_big:after {
    background: 0 0;
    content: attr(data-text);
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 1px 1px 3px #000
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount:after, #cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto:after, #cta_popup_modal .ct_content_wrapper .desc4:after {
    z-index: -1;
    text-shadow: 2px -2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 3px 2px 0 #fff;
    content: attr(data-text);
    left: 0
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: linear-gradient(to bottom, #383838 0, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 25px;
    position: relative
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto:after {
    background: 0 0;
    position: absolute
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount {
    font-size: 97px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: linear-gradient(to bottom, #383838 0, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 97px;
    position: relative
}

#cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount:after {
    background: 0 0;
    position: absolute
}

#cta_popup_modal .ct_content_wrapper .desc4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: -webkit-fit-content;
    width: fit-content;
    font-style: italic;
    font-size: 36px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: linear-gradient(to bottom, #383838 0, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 25px auto;
    padding: 0 5px;
    line-height: 36px;
    border-bottom: 2px solid #000;
    position: relative
}

#cta_popup_modal .ct_content_wrapper .desc4:after {
    background: 0 0;
    position: absolute;
    padding: 0 5px
}

#cta_popup_modal .ct_content_wrapper button.big_orange {
    background: #dd611d;
    background: linear-gradient(to bottom, #dd611d 0, #7c2415 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd611d', endColorstr='#7c2415', GradientType=0);
    border-radius: 50px;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    font-size: 45px;
    line-height: 45px;
    padding: 20px 40px;
    color: #e7e8e8;
    text-shadow: 1px 2px 1px #000;
    margin: 10px auto
}

#cta_popup_modal .ct_content_wrapper button.black_rounded {
    background: #383838;
    background: linear-gradient(to bottom, #383838 0, #595959 12%, #666 25%, #474747 39%, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    border-radius: 50px;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    font-size: 20px;
    line-height: 20px;
    padding: 16px 25px;
    text-shadow: 1px 2px 1px #000;
    margin: 10px auto;
    text-transform: capitalize;
    color: #fff
}

#cta_popup_modal .ct_content_wrapper .site_logo {
    margin: 20px auto
}

#cta_popup_modal .ct_content_wrapper .site_logo img {
    width: 100%;
    max-width: 400px
}

#cta_popup_modal .ct_content_wrapper .cta_button > button {
    display: inline-flex;
    background-color: #f95704;
    color: #fff;
    text-decoration: none;
    padding: 10px 50px 10px 10px;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    border-bottom: 2px solid #000;
    min-height: 75px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    max-width: 220px;
    font-weight: 700;
    background-image: url(../../../images/cta_sb_19_btn_arrow.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 9px) center
}

#cta_popup_modal .ct_content_wrapper .cta_button > button:hover {
    background-color: #23a456;
    opacity: 1
}

#cta_popup_modal .ct_content_wrapper .tsandcs {
    font-size: 12px;
    color: #c5c5c5
}

.super-bowl-popup:hover {
    cursor: pointer;
    opacity: .7
}

.showSuperBowl {
    background: 0 0;
    margin: 0;
    padding: 0
}

.micromodal-modal {
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif
}

.micromodal-modal .modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000
}

.micromodal-modal .modal__overlay .modal__container {
    background-color: transparent;
    padding: 20px 5px;
    width: 100%;
    max-width: 786px;
    background-image: url(../../../images/super_bowl_2021.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    text-decoration: none;
    text-align: center;
    border: 8px solid #d9e0e4
}

.micromodal-modal .modal__overlay .modal__container .site_logo {
    margin: 10px auto
}

.micromodal-modal .modal__overlay .modal__container .site_logo img {
    width: 100%;
    max-width: 400px
}

.micromodal-modal .modal__overlay .modal__container .desc1 {
    font-size: 54px;
    color: #f86118;
    font-family: AxionRegular;
    font-weight: 100;
    margin: -8px auto 0;
    background: -webkit-linear-gradient(#fbe389, #ef2706);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 44px
}

.micromodal-modal .modal__overlay .modal__container .desc2 {
    font-size: 54px;
    color: #b4b6b8;
    font-family: AxionRegular;
    font-weight: 100;
    margin: 6px auto 0;
    background: -webkit-linear-gradient(#fff, #b4b6b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 54px
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus {
    display: flex;
    flex-direction: row;
    color: #000;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(1) {
    font-size: 170px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: -webkit-linear-gradient(#fff, #b4b6b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 170px;
    position: relative
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(1):after {
    background: 0 0;
    content: attr(data-text);
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 1px 1px 3px #000
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 290px;
    margin: 0 5px
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .gray_big {
    font-size: 72px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: -webkit-linear-gradient(#fff, #b4b6b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 72px;
    text-align: left;
    position: relative
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .gray_big:after {
    background: 0 0;
    content: attr(data-text);
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 1px 1px 3px #000
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: linear-gradient(to bottom, #383838 0, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 25px;
    position: relative
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto:after {
    background: 0 0;
    content: attr(data-text);
    left: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 2px -2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 3px 2px 0 #fff
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount {
    font-size: 97px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: linear-gradient(to bottom, #383838 0, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    line-height: 97px;
    position: relative
}

.micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount:after {
    background: 0 0;
    content: attr(data-text);
    left: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 2px -2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 3px 2px 0 #fff
}

.micromodal-modal .modal__overlay .modal__container .desc4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: -webkit-fit-content;
    width: fit-content;
    font-style: italic;
    font-size: 33px;
    color: #b4b6b8;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    background: linear-gradient(to bottom, #383838 0, #2c2c2c 50%, #000 51%, #111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 25px auto;
    padding: 5px;
    line-height: 36px;
    border-bottom: 3px solid #000;
    position: relative
}

.micromodal-modal .modal__overlay .modal__container .desc4:after {
    background: 0 0;
    content: attr(data-text);
    left: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 2px -2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 3px 2px 0 #fff;
    padding: 0 5px
}

.micromodal-modal .modal__overlay .modal__container .big_orange {
    background: #dd611d;
    background: linear-gradient(to bottom, #dd611d 0, #7c2415 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd611d', endColorstr='#7c2415', GradientType=0);
    border-radius: 50px;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    font-size: 45px;
    line-height: 45px;
    padding: 20px 40px;
    color: #e7e8e8;
    text-shadow: 1px 2px 1px #000;
    display: block;
    margin: 25px auto;
    max-width: 400px;
    text-align: center;
    text-decoration: none;
    opacity: 1
}

.micromodal-modal .modal__overlay .modal__container .big_orange:hover {
    transform: scale(1.05);
    opacity: 1;
    background: linear-gradient(to top, #dd611d 0, #7c2415 100%)
}

.micromodal-modal .modal__overlay .modal__container .big_orange:focus {
    outline: 0
}

.micromodal-modal .modal__overlay .modal__container .black_rounded {
    background: #2a2a2a;
    background: linear-gradient(180deg, #2a2a2a 0, #000 100%);
    border-radius: 50px;
    font-family: ITCAvantGardeStd;
    font-weight: 100;
    font-size: 20px;
    line-height: 20px;
    padding: 16px 25px;
    text-shadow: 1px 2px 1px #000;
    margin: 10px auto;
    text-transform: capitalize;
    color: #fff;
    display: block;
    max-width: 340px;
    text-align: center;
    text-decoration: none;
    opacity: 1
}

.micromodal-modal .modal__overlay .modal__container .black_rounded:hover {
    transform: scale(1.05);
    opacity: 1;
    background: linear-gradient(90deg, #2a2a2a 0, #000 100%)
}

.micromodal-modal .modal__overlay .modal__container .black_rounded:focus {
    outline: 0
}

.micromodal-modal .modal__overlay .modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.micromodal-modal .modal__overlay .modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box
}

.micromodal-modal .modal__overlay .modal__close {
    background: 0 0;
    border: 0
}

.micromodal-modal .modal__overlay .modal__header .modal__close:before {
    content: "\2715"
}

.micromodal-modal .modal__overlay .modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, .8)
}

.micromodal-modal .modal__overlay .modal__btn {
    position: absolute;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    border: 0;
    outline: 0;
    z-index: 1;
    top: 15px;
    right: 15px;
    background-color: #fffa;
    color: #000;
    border-radius: 25px
}

.micromodal-modal .modal__overlay .modal__btn:focus, .micromodal-modal .modal__overlay .modal__btn:hover {
    transform: scale(1.05)
}

.micromodal-modal .modal__overlay .modal__btn-primary {
    background-color: #00449e;
    color: #fff
}

@keyframes mmfadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-10%)
    }
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=false] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
    will-change: transform
}

@keyframes custompulse {
    35%, 45% {
        transform: scale(1)
    }
    40% {
        transform: scale(1.01)
    }
}

@media screen and (max-width: 768px) {
    #header_cta_wrapper .ct_content_wrapper .teams_logos .team_name, #header_cta_wrapper .ct_content_wrapper .teams_logos .vs {
        display: none
    }

    #header_cta_wrapper {
        background-image: url(../../../images/cta_sb_19_res_bg.png)
    }

    #header_cta_wrapper .ct_content_wrapper {
        flex-direction: column;
        flex-wrap: wrap;
        position: relative
    }

    #header_cta_wrapper .ct_content_wrapper .teams_logos {
        max-width: 100%;
        position: absolute;
        top: 0;
        min-height: 166px
    }

    #header_cta_wrapper .ct_content_wrapper .teams_logos .team1 > img, #header_cta_wrapper .ct_content_wrapper .teams_logos .team2 > img {
        max-width: 50%
    }

    #header_cta_wrapper .ct_content_wrapper .teams_logos .team1 {
        text-align: left
    }

    #header_cta_wrapper .ct_content_wrapper .teams_logos .team2 {
        text-align: right;
        padding-right: 30px
    }

    #header_cta_wrapper .ct_content_wrapper .g_information {
        max-width: 100%
    }

    #header_cta_wrapper .ct_content_wrapper .g_information .sb_logo > img {
        width: 100%;
        max-width: 200px
    }

    #header_cta_wrapper .ct_content_wrapper .g_information .desc1 {
        font-size: 44px;
        color: #000;
        font-weight: 600;
        font-family: helvetica;
        text-shadow: 1px 1px 13px #fff;
        margin: 0 auto;
        letter-spacing: -3px
    }

    #header_cta_wrapper .ct_content_wrapper .g_information .desc2 {
        font-size: 23px;
        color: #000;
        font-weight: 900;
        font-family: helvetica;
        text-shadow: 1px 1px 13px #fff;
        margin: 10px auto
    }

    #header_cta_wrapper .ct_content_wrapper .g_information .site_logo {
        margin: 0 auto;
        max-width: 350px
    }

    #header_cta_wrapper .ct_content_wrapper .g_information .cta_button {
        margin-bottom: 50px;
        margin-top: 10px
    }
}

@media screen and (max-width: 480px) {
    #cta_popup_modal .remodal-close, .micromodal-modal .modal__overlay .modal__container .modal__btn {
        right: 5px
    }

    #cta_popup_modal .ct_content_wrapper .desc1, #cta_popup_modal .ct_content_wrapper .desc2 {
        font-size: 30px;
        line-height: 30px
    }

    #cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(1) {
        font-size: 80px;
        line-height: 80px
    }

    #cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .gray_big {
        font-size: 66px;
        line-height: 66px
    }

    #cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto {
        margin: 0 10px
    }

    #cta_popup_modal .ct_content_wrapper .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount {
        font-size: 40px;
        line-height: 40px
    }

    #cta_popup_modal .ct_content_wrapper button.big_orange {
        font-size: 24px;
        line-height: 24px;
        padding: 18px 40px;
        margin: 0 auto
    }

    .micromodal-modal .modal__overlay .modal__container .desc1 {
        margin: 40px auto 0
    }

    .micromodal-modal .modal__overlay .modal__container .desc1, .micromodal-modal .modal__overlay .modal__container .desc2 {
        font-size: 30px;
        line-height: 30px
    }

    .micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(1) {
        font-size: 80px;
        line-height: 80px
    }

    .micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .gray_big {
        font-size: 66px;
        line-height: 66px
    }

    .micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .upto {
        margin: 0 10px
    }

    .micromodal-modal .modal__overlay .modal__container .desc3 .signup-bonus > div:nth-of-type(2) .stacked-text .amount {
        font-size: 40px;
        line-height: 40px
    }

    .micromodal-modal .modal__overlay .modal__container .big_orange {
        font-size: 24px;
        line-height: 24px;
        padding: 18px 40px;
        margin: 0 auto
    }
}

.individual_cta_wrapper {
    display: block;
    position: relative;
    margin: 30px auto;
    width: 100%;
    max-width: 825px
}

.individual_cta_wrapper br {
    display: none
}

.individual_cta_wrapper .cta_item {
    display: block;
    font-family: Helvetica, sans-serif
}

.individual_cta_wrapper .cta_item p {
    display: none
}

.individual_cta_wrapper .cta_item .cta_anchor {
    display: flex;
    flex-direction: row;
    background-color: #f3f3f3;
    max-width: 299px;
    align-items: center;
    padding: 2px 0;
    margin: 4px 0;
    min-height: 90px;
    border: 2px solid #f3f3f3;
    position: relative;
    cursor: pointer
}

.individual_cta_wrapper .cta_item .cta_anchor .number {
    color: #fff;
    background-color: #474b70;
    width: 100%;
    max-width: 40px;
    height: 70px;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.individual_cta_wrapper .cta_item .cta_anchor .site_logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%
}

.individual_cta_wrapper .cta_item .cta_content, .individual_cta_wrapper .cta_item .cta_content .site_logo_res {
    display: none
}

.individual_cta_wrapper .cta_item .cta_anchor .site_logo > img {
    max-width: 70%
}

.individual_cta_wrapper .cta_item .cta_anchor .site_logo > span {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.individual_cta_wrapper .cta_item .cta_content > a {
    text-decoration: none
}

.individual_cta_wrapper .cta_item.active .cta_anchor {
    display: flex;
    flex-direction: row;
    background-color: #fff;
    max-width: 290px;
    align-items: center;
    padding: 2px 0;
    margin: 4px 0;
    min-height: 90px;
    border-bottom: 2px solid #1a5685;
    border-top: 2px solid #1a5685
}

.individual_cta_wrapper .cta_item.active .cta_anchor:after {
    content: '';
    background-color: #fff;
    width: 30px;
    height: 90px;
    position: absolute;
    top: -2px;
    right: -28px;
    border-top: 2px solid #1a5685;
    border-bottom: 2px solid #1a5685;
    z-index: 2
}

.individual_cta_wrapper .cta_item.active .cta_anchor .number {
    background-color: #72c534
}

.individual_cta_wrapper .cta_item.active .cta_content {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 510px;
    min-height: 466px;
    border: 2px solid #1a5685;
    padding: 15px 25px;
    z-index: 1;
    background-color: #fff
}

.individual_cta_wrapper .cta_item.active .cta_content .top_logos {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 30px;
    min-height: 140px
}

.individual_cta_wrapper .cta_item.active .cta_content .top_logos .team1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 150px;
    line-height: 24px
}

.individual_cta_wrapper .cta_item.active .cta_content .top_logos .team1 > span:nth-of-type(1) {
    color: #00153a;
    font-weight: 800;
    font-size: 14px
}

.individual_cta_wrapper .cta_item.active .cta_content .top_logos .team1 > span:nth-of-type(2) {
    color: #00153a;
    font-weight: 800;
    font-size: 24px
}

.individual_cta_wrapper .cta_item.active .cta_content .top_logos .vs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #242224;
    font-size: calc(100% * 3)
}

.individual_cta_wrapper .cta_item.active .cta_content .top_logos .team2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    min-width: 150px;
    line-height: 24px
}

.individual_cta_wrapper .cta_item.active .cta_content .top_logos .team2 > span:nth-of-type(1) {
    color: #00153a;
    font-weight: 800;
    font-size: 14px
}

.individual_cta_wrapper .cta_item.active .cta_content .top_logos .team2 > span:nth-of-type(2) {
    color: #00153a;
    font-weight: 800;
    font-size: 24px
}

.individual_cta_wrapper .cta_item.active .cta_content .odds_data {
    display: block
}

.individual_cta_wrapper .cta_item.active .cta_content .odds_data .odd {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding: 5px;
    margin: 20px 0
}

.individual_cta_wrapper .cta_item.active .cta_content .odds_data .odd > div {
    font-size: 20px
}

.individual_cta_wrapper .cta_item.active .cta_content .odds_data .odd > div:nth-of-type(2) {
    font-size: 14px;
    color: #787878;
    font-weight: 400
}

.individual_cta_wrapper .cta_item.active .cta_content .button_wrapper {
    display: block
}

.individual_cta_wrapper .cta_item.active .cta_content .button_wrapper > button {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: #72c534;
    color: #fff;
    min-height: 64px;
    font-size: 18px;
    font-weight: 700
}

.individual_cta_wrapper .cta_item.active .cta_content .button_wrapper > button:hover {
    background-color: #474b70
}

.individual_cta_wrapper .next, .individual_cta_wrapper .prev {
    display: none
}

@media screen and (max-width: 1200px) {
    .individual_cta_wrapper {
        max-width: 698px;
        min-height: 600px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: relative;
        margin: 30px auto;
        width: 100%
    }

    .individual_cta_wrapper .cta_item {
        max-width: 56px
    }

    .individual_cta_wrapper .cta_item .cta_anchor {
        display: flex;
        flex-direction: row;
        background-color: #f3f3f3;
        border: 2px solid #f3f3f3;
        align-items: center;
        text-align: center;
        position: unset;
        margin: 0 2px;
        min-height: 30px;
        max-width: 64px
    }

    .individual_cta_wrapper .cta_item .cta_anchor .number {
        color: #000;
        background-color: #dadada;
        width: 100%;
        max-width: 40px;
        height: 40px;
        padding: 5px 10px;
        font-size: 18px;
        font-weight: 700;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .individual_cta_wrapper .cta_item .cta_anchor .site_logo, .individual_cta_wrapper .cta_item.active .cta_anchor:after {
        display: none
    }

    .individual_cta_wrapper .cta_item.active .cta_anchor {
        margin: 0;
        min-height: 30px;
        max-width: 64px;
        border: 2px solid #f3f3f3
    }

    .individual_cta_wrapper .cta_item.active .cta_anchor .number {
        background-color: #72c534;
        color: #fff
    }

    .individual_cta_wrapper .cta_item.active .cta_content {
        display: block;
        padding: 20px 25px 15px;
        max-width: 680px;
        z-index: -1;
        left: 0;
        top: 48px;
        position: absolute;
        width: 100%;
        min-height: 466px;
        border: 2px solid #1a5685
    }

    .individual_cta_wrapper .cta_item.active .cta_content .site_logo_res {
        display: flex;
        margin: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media screen and (max-width: 854px) {
    .individual_cta_wrapper .next, .individual_cta_wrapper .prev {
        width: 30px;
        height: 390px;
        display: flex;
        background-color: rgba(204, 204, 204, .19);
        position: absolute;
        top: 102px;
        font-size: 44px;
        font-weight: 100;
        font-family: monospace;
        color: #929292
    }

    .individual_cta_wrapper .cta_item.active .cta_content {
        padding: 20px 40px 15px;
        border-right: none;
        border-left: none
    }

    .individual_cta_wrapper .prev {
        justify-content: center;
        align-items: center;
        left: 0
    }

    .individual_cta_wrapper .next {
        justify-content: center;
        align-items: center;
        right: 0
    }
}

@media screen and (max-width: 480px) {
    .individual_cta_wrapper .cta_item.active .cta_content .top_logos .team1 > img, .individual_cta_wrapper .cta_item.active .cta_content .top_logos .team2 > img {
        display: none
    }

    .individual_cta_wrapper .cta_item.active .cta_content {
        padding: 20px 25px 15px;
        max-width: 430px;
        margin: auto
    }

    .individual_cta_wrapper .cta_item.active .cta_content .top_logos {
        padding: 0 15px
    }

    .individual_cta_wrapper .cta_item.active .cta_content .top_logos .team1 {
        min-width: 90px;
        align-items: center
    }

    .individual_cta_wrapper .cta_item.active .cta_content .top_logos .team1 > span:nth-of-type(2) {
        font-size: 16px
    }

    .individual_cta_wrapper .cta_item.active .cta_content .top_logos .vs {
        font-size: 30px
    }

    .individual_cta_wrapper .cta_item.active .cta_content .top_logos .team2 {
        min-width: 90px;
        align-items: center
    }

    .individual_cta_wrapper .cta_item.active .cta_content .top_logos .team2 > span:nth-of-type(2) {
        font-size: 16px
    }
}

.predictor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.predictor .predictor__game {
    display: flex;
    flex-flow: row nowrap;
    width: 90%;
    margin: 0 auto 1em;
    justify-content: space-between;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 1em
}

.predictor .predictor__game > div {
    text-align: center;
    flex-grow: 0;
    flex-shrink: 1
}

.predictor .predictor__game .predictor__team--away, .predictor .predictor__game .predictor__team--home {
    flex-basis: 30%;
    position: relative
}

.predictor .predictor__game .predictor__team--check::before {
    content: "";
    min-width: 40px;
    min-height: 58px;
    background-image: url(../../../images/check.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: -20px;
    top: -3px
}

.predictor .predictor__game .predictor__stats {
    flex-basis: 20%;
    margin: 2% 10% 0;
    height: -webkit-fit-content;
    height: fit-content;
    background-color: #70c352;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    line-height: 120%
}

.predictor .predictor__game .predictor__stats span {
    display: block;
    font-size: 130%;
    font-weight: 700
}

.predictor .predictor__game .predictor__title {
    display: none
}

.predictor .predictor__game .predictor__team-score {
    background-color: #293343;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 130%
}

.predictor .predictor__game .predictor__info {
    background-color: #f0f0f0;
    color: #001533;
    display: flex;
    padding: 1em 0
}

.predictor .predictor__game .predictor__info > div {
    flex-basis: 50%
}

.predictor .predictor__game .predictor__team-name {
    font-weight: 700;
    -ms-grid-row-align: center;
    align-self: center
}

.predictor .predictor__game .predictor__team-logo {
    border-left: 1px solid #c5c5c5
}

.predictor .predictor__game .predictor__team--away .predictor__team-score, .predictor .predictor__game .predictor__team--away .predictor__title {
    background-color: #1f4464
}

.predictor .predictor__game .predictor__stats-top {
    flex-basis: 100%;
    display: flex;
    padding: .5em 0
}

.predictor .predictor__game .predictor__mov, .predictor .predictor__game .predictor__odds, .predictor .predictor__game .predictor__total {
    -ms-grid-row-align: center;
    align-self: center;
    padding: .5em
}

.predictor .predictor__game .predictor__odds {
    flex-basis: calc(50% - 2px);
    margin-right: 1px;
    border-right: 1px solid #a0e686
}

.predictor .predictor__game .predictor__total {
    flex-basis: calc(50% - 2px);
    margin-left: 1px;
    border-left: 1px solid #a0e686
}

.predictor .predictor__game .predictor__mov {
    flex-basis: 100%;
    background-color: #5faa43;
    font-size: 130%;
    line-height: 100%;
    padding: .25em
}

@media only screen and (max-width: 1023px) {
    .predictor .predictor__game {
        width: 95%
    }

    .predictor .predictor__game .predictor__stats {
        flex-basis: 25%;
        margin: 2% 5% 0
    }
}

@media only screen and (max-width: 767px) {
    .predictor .predictor__game {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 1px
    }

    .predictor .predictor__game .predictor__stats {
        flex-basis: 60%;
        order: 0;
        margin: 2% 2.5% 1em;
        flex-wrap: nowrap
    }

    .predictor .predictor__game .predictor__stats-top {
        padding: 0
    }

    .predictor .predictor__game .predictor__team--away, .predictor .predictor__game .predictor__team--home {
        flex-basis: calc(50% - 1em);
        order: 1;
        margin-left: .5em
    }

    .predictor .predictor__game .predictor__team--away.predictor__team--check::before {
        right: -20px;
        left: auto
    }

    .predictor .predictor__game .predictor__mov {
        margin: 0;
        min-height: 75px;
        display: block;
        padding-top: .5em
    }

    .predictor .predictor__game .predictor__info {
        min-height: 110px
    }
}

@media only screen and (max-width: 467px) {
    .predictor .predictor__game {
        margin: 0
    }

    .predictor .predictor__game .predictor__stats {
        margin-bottom: .5em
    }

    .predictor .predictor__game .predictor__stats-top, .predictor .predictor__game .predictor__team--away, .predictor .predictor__game .predictor__team--home {
        font-size: 70%
    }

    .predictor .predictor__game .predictor__team--check::before {
        min-width: 28px;
        background-size: 100%;
        left: -14px
    }

    .predictor .predictor__game .predictor__team--away.predictor__team--check::before {
        right: -14px
    }

    .predictor .predictor__game .predictor__mov {
        font-size: 100%;
        padding-top: .5em;
        min-height: 52px
    }

    .predictor .predictor__game .predictor__info {
        min-height: 70px
    }

    .predictor .predictor__game .predictor__odds, .predictor .predictor__game .predictor__total {
        padding: .25em .5em
    }
}

.cf-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 940px;
    background-color: #f5f5f5;
    margin: 25px auto 30px;
    padding-bottom: 20px
}

.cf-container #cf-captcha_message .error-message:nth-child(n+2), .cf-container #cf-captcha_message .success-message:nth-child(n+2), .cf-container .cf-message-container .error-message:nth-child(n+2), .cf-container .cf-message-container .success-message:nth-child(n+2) {
    display: none
}

.cf-container #cf-captcha_message, .cf-container .cf-message-container {
    display: none;
    width: 100%;
    padding: 20px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #e2eef9
}

.cf-container #cf-captcha_message .success-message, .cf-container .cf-message-container .success-message {
    color: #73ac05
}

.cf-container #cf-captcha_message .error-message, .cf-container .cf-message-container .error-message {
    color: red
}

.cf-container #cf-captcha_message .sending-message, .cf-container .cf-message-container .sending-message {
    color: #e2eef9;
    font-size: 12px
}

.cf-container #cf-captcha_message {
    color: red
}

.cf-container .submit-button {
    border-radius: 8px;
    width: 120px;
    height: 35px;
    font-size: 14px;
    font-weight: 700;
    background-color: #73ac05;
    border: 1px solid #73ac05;
    color: #fff;
    margin-top: 7px;
    padding: 0
}

.cf-container .submit-button:hover {
    background-color: #fff;
    color: #73ac05
}

.cf-container .cf-title {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 44px;
    color: #fff;
    background-color: #2b2b2b;
    border-bottom: 2px solid #73ac05;
    text-transform: uppercase
}

.cf-container .cf-input-container {
    display: flex;
    flex-direction: column
}

.cf-container .cf-input-container .cf-input-row {
    display: flex;
    flex-direction: row;
    min-height: 60px;
    justify-content: center;
    align-items: center
}

.cf-container .cf-input-container .cf-input-row textarea {
    border: 1px solid #e2eef9;
    color: #2b2b2b;
    font-size: 12px;
    height: 150px
}

.cf-container .cf-input-container .cf-input-row .cf-input-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.cf-container .cf-input-container .cf-input-row .cf-input-column input, .cf-container .cf-input-container .cf-input-row .cf-input-column select {
    border: 1px solid #e2eef9;
    width: 90%;
    color: #2b2b2b;
    font-size: 12px;
    padding: 3px;
    line-height: 25px
}

.cf-container .cf-input-container .cf-input-row .cf-input-column select {
    width: 95%;
    height: 35px
}

.cf-container .cf-input-container .cf-input-row .cf-input-column span {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 28px
}

.cf-container .cf-input-container .cf-input-row .cf-input-column .cf-input-title {
    color: #2b2b2b;
    font-size: 12px;
    font-weight: 700;
    margin-top: 0
}

.cf-container .cf-input-container .cf-input-row .cf-input-column .recaptcha-container {
    margin: 0;
    height: 50px;
    padding-left: 45px
}

.cf-container #captcha-container, .cf-container .g-recaptcha {
    transform: scale(.77);
    -webkit-transform: scale(.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.cf-container #cf-captcha_message, .cf-container .cf-message-container {
    font-size: 14px
}

.cf-container .cf-title {
    font-size: 16px
}

.cf-container .cf-input-container .cf-input-row {
    flex-wrap: wrap
}

.cf-container .cf-input-container .cf-input-row.submit-row {
    flex-direction: column-reverse
}

.cf-container .cf-input-container .cf-input-row textarea {
    width: 90%
}

.cf-container .cf-input-container .cf-input-row .cf-input-column {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%
}

.logo-chinese-new-year, .logo-halloween, .logo-new-year, .logo-superbowl {
    margin-top: -20px
}

.logo-day-dead {
    margin-top: -10px
}

.logo-election {
    margin-top: -25px
}

.logo-veterans {
    margin-top: -20px
}

.logo-thanksgiving {
    margin-top: -10px
}

.logo-christmas {
    margin-top: -25px
}

@media screen and (min-width: 1066px) {
    .logo-independence {
        margin-top: -5px
    }
}

@media screen and (min-width: 1024px) {
    .logo-easter {
        margin-top: -20px
    }

    .logo-911 {
        margin-top: -15px
    }

    .logo-mayo {
        margin-top: -10px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .logo-easter {
        margin-top: -20px
    }

    .logo-flag, .logo-independence, .logo-mayo, .logo-st-patricks {
        margin-top: -10px
    }

    .logo-memorial {
        margin-top: -20px
    }

    .logo-911 {
        margin-top: -17px
    }

    .logo-election {
        margin-top: -26px
    }

    .logo-veterans {
        margin-top: -22px
    }

    .logo-christmas {
        width: 85%
    }
}

@media screen and (max-width: 767px) {
    .logo-election {
        margin-top: -6px
    }

    .logo-christmas {
        margin-top: -15px
    }
}

.accordion {
    margin: 0 auto 10px;
    padding: 0;
    width: 100%
}

.accordion__item {
    list-style: none;
    font-size: 1rem;
    margin-bottom: 5px
}

.accordion__item .accordion__header {
    background-color: #f3f3f3;
    color: #2e3a4c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 10px 20px;
    line-height: 1.2;
    transition: background-color .5s
}

.accordion__item .accordion__header:hover {
    cursor: pointer
}

.accordion__item .accordion__header.question-opened {
    background-color: #2e3a4c;
    color: #fff
}

.accordion__item .accordion__header.question-opened .accordion__btn {
    border-left: 1px solid #fff
}

.accordion__item .accordion__header.question-opened .accordion__btn:after, .accordion__item .accordion__header.question-opened .accordion__title {
    color: #fff
}

.accordion__item .accordion__header.show-more-items-extended .accordion__btn:after {
    transform: rotate(180deg);
    background-position: left
}

.accordion__item .accordion__header .accordion__title {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    padding-right: 10px
}

.accordion__item .accordion__header .accordion__btn {
    background: 0 0;
    border: none;
    line-height: 1.1;
    margin: 0;
    padding: 12px;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    border-left: 1px solid #2e3a4c
}

.accordion__item .accordion__header .accordion__btn:after {
    content: '';
    transition: transform .5s;
    display: block;
    color: #2e3a4c;
    width: 20px;
    height: 20px;
    background-image: url(../../../images/bullet-arrow-sprite.png);
    background-position: right;
    background-size: 40px 13px;
    background-repeat: no-repeat
}

.accordion__item .accordion__header .accordion__btn:active, .accordion__item .accordion__header .accordion__btn:focus, .accordion__item .accordion__header .accordion__btn:hover {
    background: 0 0;
    outline: 0
}

.accordion__item .accordion__text {
    background-color: #f3f3f3;
    color: #2e3a4c;
    font-size: inherit;
    top: -10px;
    z-index: -1;
    padding: 0 20px
}

.accordion__item .accordion__text.accordion-opened {
    top: 0;
    padding: 20px;
    z-index: auto
}

.accordion__item .accordion__text.js-auto-height-box {
    overflow: hidden;
    position: relative;
    transition: .5s
}

.accordion__item .accordion__text.js-auto-height-box .bottom-line {
    display: block;
    height: 2px
}

.accordion__item .accordion__text a {
    color: #6ca755
}

.new-accordion {
    overflow: hidden
}

.accordion-item {
    width: 100%;
    color: #2c3e50;
    background-color: #f3f3f3;
    overflow: hidden;
    margin-bottom: 5px
}

.accordion-item-label {
    display: flex;
    justify-content: space-between;
    padding: 1em 1em 0;
    background: #f3f3f3;
    font-weight: 700;
    cursor: pointer;
    color: #000
}

.accordion-item-label:after {
    content: '';
    transition: transform .5s;
    display: block;
    color: #2e3a4c;
    width: 20px;
    height: 20px;
    background-image: url(../../../images/bullet-arrow-sprite.png);
    background-position: right;
    background-size: 40px 13px;
    background-repeat: no-repeat
}

.accordion-item input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.accordion-item-content {
    max-height: 0;
    padding: 0 1em;
    color: #2e3a4c;
    background: #fff;
    transition: all .35s
}

.accordion-item-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: .75em;
    background: #2e3a4c;
    cursor: pointer
}

.accordion-item input:checked + .accordion-item-label {
    background: #1b222c;
    color: #fff;
    padding-bottom: 1em
}

.accordion-item input:checked + .accordion-item-label:after {
    transform: rotate(180deg);
    background-position: left
}

.accordion-item input:checked ~ .accordion-item-content {
    max-height: 100vh;
    padding: 1em;
    background-color: #f3f3f3
}

.author-page__section {
    padding: 50px 20px
}

.author-page__section.page-hub-section {
    margin: 0
}

.author-page__section--dark {
    background-color: #f8f8f8
}

.author-page__section--blue {
    background-color: #2e3a4c
}

.author-page__section .author-info {
    max-width: 1200px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    grid-template-areas:"image" "title" "bio" "buttons"
}

.author-page__section .author-info__image {
    grid-area: image;
    justify-self: center
}

.author-page__section .author-info__image .avatar {
    float: none;
    margin: 0;
    border: 1px solid #6ca755;
    padding: 10px;
    box-sizing: content-box;
    background-color: #fff
}

.author-page__section .author-info__name {
    grid-area: title
}

.author-page__section .author-info__name h1 {
    margin-bottom: 0;
    font-size: 30px;
    border-bottom: 3px solid #6ca755;
    text-align: center;
    line-height: 1.2
}

.author-page__section .author-info__name h1 strong {
    font-weight: bolder;
    color: #6ca755
}

.author-page__section .author-info__bio {
    grid-area: bio
}

.author-page__section .author-info__actions {
    grid-area: buttons;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.author-page__section .author-info__actions a {
    background: #fff;
    border: 1px solid #6ca755;
    padding: 3px 15px;
    text-decoration: none;
    border-bottom: 4px solid #6ca755;
    color: #000;
    margin: 5px
}

.author-page__section .author-info__actions a:active, .author-page__section .author-info__actions a:focus, .author-page__section .author-info__actions a:hover {
    opacity: 1;
    border-bottom: 4px solid #316331
}

.author-page__section .author-info__actions a img {
    padding-right: 10px
}

.author-page__section .author-filters__title {
    text-align: center;
    color: #fff;
    font-size: 20px
}

.author-page__section .author-filters__items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.author-page__section .author-filters__item {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 7px;
    align-items: center
}

.author-page__section .author-filters__label {
    min-width: 140px;
    margin-right: 12px;
    color: #fff;
    display: block;
    text-align: center
}

.author-page__section .author-filters__search {
    position: relative
}

.author-page__section .author-filters__button {
    position: absolute;
    top: unset;
    right: 9px;
    background: #fff;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    bottom: 6px
}

.author-page__section .author-filters__input {
    max-width: 190px !important;
    width: 190px !important;
    min-width: 100px !important;
    padding: 4px 8px !important;
    border-radius: 5px !important
}

.author-page__section .author-posts {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.author-page__section .author-posts__search {
    width: 100%;
    text-align: center;
    padding: 0 0 30px
}

.author-page__section .author-posts__search h2 {
    color: #2e3a4c;
    font-size: 20px;
    line-height: 1.5
}

.author-page__section .author-posts__search h2 strong {
    color: #2e3a4c;
    text-transform: uppercase;
    font-weight: bolder
}

.author-page__section .author-posts__suggestions ul li {
    list-style: none
}

.author-page__section .author-posts__suggestions ul li a {
    background: #efefef;
    border-bottom: 3px solid #2e3a4c;
    padding: 11px 20px;
    margin: 20px 0;
    transition: .3s;
    display: block;
    text-decoration: none
}

.author-page__section .author-posts__suggestions ul li a:hover {
    box-shadow: 5px 5px 10px #9c9c9c;
    color: #2e3a4c;
    opacity: 1
}

.author-page__section .author-posts__item {
    min-width: 330px;
    width: 75%;
    max-width: 660px;
    margin: 10px auto;
    position: relative;
    background-color: #000;
    background-image: url(../../../images/sportsgeek-post-default-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 166px
}

.author-page__section .author-posts__item a {
    overflow: hidden;
    display: block
}

.author-page__section .author-posts__item a:hover {
    opacity: 1
}

.author-page__section .author-posts__item a img {
    width: 100%;
    transition: 2s;
    transform: scale(1.1)
}

.author-page__section .author-posts__item a img:hover {
    transform: scale(1.2)
}

.author-page__section .author-posts__cat-label {
    position: absolute;
    top: 20px;
    background: red;
    padding: 0 14px;
    left: -10px;
    font-size: 14px;
    z-index: 2
}

.author-page__section .author-posts__cat-label a {
    color: #fff;
    text-decoration: none
}

.author-page__section .author-posts__cat-label:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #000;
    left: 0;
    bottom: -10px;
    border-top: 5px solid #000;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #000;
    border-right: 5px solid #fff;
    transform: rotate(90deg)
}

.author-page__section .author-posts__info {
    background: 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px
}

.author-page__section .author-posts__title {
    color: #fff;
    font-weight: 100;
    margin: 0;
    letter-spacing: 1px;
    font-size: .8rem
}

.author-page__section .author-posts__sub-title {
    color: #6ca755;
    font-weight: 600;
    font-size: .8rem
}

.author-page__section .author-pagination {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px 0
}

.author-page__section .author-pagination a {
    padding: 0 15px;
    margin: 0 4px;
    text-decoration: none;
    transition: .5s;
    border-bottom: 3px solid #fff
}

.author-page__section .author-pagination a:hover {
    background-color: #e2e2e2
}

.author-page__section .author-pagination a.next, .author-page__section .author-pagination a.prev {
    background: #2e3a4c;
    padding: 10px 15px;
    color: #fff
}

.author-page__section .author-pagination a.next:hover, .author-page__section .author-pagination a.prev:hover {
    background: #12171f;
    opacity: 1
}

.author-page__section .author-pagination .current {
    margin: 0 4px;
    padding: 0 15px;
    color: #2e3a4c;
    font-weight: bolder;
    background-color: #efefef;
    border-bottom: 3px solid #2e3a4c
}

h1.hub-title, h2.hub-title {
    border-bottom: 2px solid #a7dc92
}

.author-page .content-area.author-no-posts-message {
    min-height: 30vh;
    padding: 20px;
    text-align: center
}

#author-filter-component-wrapper {
    position: relative
}

#author-filter-component-wrapper.loading:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 2;
    background-image: url(https://www.casino-geek/wp-content/themes/sportsgeek/images/blue-neon-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .6;
    background-size: contain
}

h2.hub-title::before, h3.hub-title::before {
    max-width: 500px;
    height: 1px;
    left: 0;
    bottom: -8px;
    width: 100%;
    content: ''
}

h1.hub-title {
    color: #25509d;
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 8px
}

h2.hub-title, h3.hub-title {
    color: #174596;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 20px
}

h2.hub-title {
    font-size: 25px;
    position: relative
}

h2.hub-title::before {
    position: absolute;
    border-bottom: 3px solid #a7dc92
}

h3.hub-title {
    border-bottom: 1px solid #a7dc92;
    font-size: 23px;
    position: relative
}

h3.hub-title::before {
    position: absolute;
    border-bottom: 2px solid #a7dc92
}

h3.hubs-featured {
    color: #569b3b;
    border-bottom: 2px solid #fff;
    padding: 5px 0;
    font-size: 20px
}

#page-hub-top-section {
    margin-top: 20px
}

.page-hub-section {
    margin: 40px 0 0
}

.featured_post_top {
    width: 100%;
    background-color: #f5f5f5;
    padding: 15px;
    box-shadow: 0 0 8px -1px #a0a0a0bf;
    border-radius: 5px;
    margin: 20px auto
}

.featured_post_top .featured_post_image {
    margin-bottom: 15px;
    width: 100%;
    max-width: 100%
}

.featured_post_top .featured_post_information {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    min-width: 270px
}

.featured_post_top .featured_post_information .featured_top_title {
    color: #0e0f11;
    font-size: 22px;
    line-height: 25px;
    font-weight: 600
}

.featured_post_top .featured_post_information .featured_top_author {
    font-size: 14px;
    margin: 5px 0 20px;
    color: #7a7a7a;
    font-style: italic
}

.featured_post_top .featured_post_information .featured_top_content {
    font-size: 16px;
    color: #3d4656;
    font-weight: 600
}

.featured_post_top .featured_post_information .featured_top_content span {
    color: #569b3b;
    font-style: italic
}

.posts_filter_bar_wrapper {
    display: flex;
    flex-direction: row;
    background-color: #0e0f11;
    color: #fff;
    min-height: 60px;
    margin-bottom: 15px;
    padding: 20px 0
}

.posts_filter_bar_wrapper > .wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap
}

.posts_filter_bar_wrapper > .wrap:after {
    display: none
}

.posts_filter_bar_wrapper > .wrap > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 360px;
    margin: 0 20px;
    flex-wrap: wrap
}

.posts_filter_bar_wrapper > .wrap > div label {
    margin: 10px 10px 10px 0;
    min-width: 135px;
    text-align: center
}

.posts_filter_bar_wrapper > .wrap > div select {
    max-width: 205px;
    width: 100%
}

.posts_filter_bar_wrapper > .wrap > div input[type=text] {
    max-width: 205px;
    width: 100%;
    min-width: 190px;
    background-image: url(https://www.casino-geek/wp-content/themes/sportsgeek/images/search_logo_blue.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    padding-right: 35px;
    border-radius: .5em
}

#hub-items-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    justify-content: center
}

#hub-items-wrapper .hub-item {
    display: inline-flex;
    width: 100%;
    max-width: 385px;
    min-height: 188px;
    min-width: 300px;
    margin: 10px 7px
}

#hub-items-wrapper .hub-item a.hub-item-link {
    display: block;
    position: relative;
    width: 100%
}

#hub-items-wrapper .hub-item a.hub-item-link > img {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 386px;
    min-height: 188px;
    height: auto;
    max-height: 187px
}

#hub-items-wrapper .hub-item a.hub-item-link .hub-item-category {
    position: absolute;
    top: 20px;
    left: -8px;
    font-size: 12px;
    color: #fff;
    background-color: #0e0f11;
    padding: 5px 10px;
    min-width: 68px;
    text-align: center;
    box-shadow: 3px 3px 3px -1px #272727a3
}

#hub-items-wrapper .hub-item a.hub-item-link .hub-item-category:before {
    content: '';
    position: absolute;
    border-top: 0 solid transparent;
    border-right: 8px solid #181d25;
    border-left: 5px solid transparent;
    border-bottom: 6px solid transparent;
    width: 0;
    height: 0;
    left: -5px;
    bottom: -6px
}

#hub-items-wrapper .hub-item a.hub-item-link .hub-item-category.card-mma {
    background-color: #fe0000
}

#hub-items-wrapper .hub-item a.hub-item-link .hub-item-category.card-mma:before {
    border-right: 8px solid #7e0000
}

#hub-items-wrapper .hub-item a.hub-item-link .hub-item-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 76px;
    background-color: #212121ba;
    color: #fff;
    padding: 10px
}

#hub-items-wrapper .hub-item a.hub-item-link .hub-item-info .hub-item-date {
    color: #569b3b;
    font-size: 14px
}

#hub-items-wrapper .hub-item a.hub-item-link .hub-item-info .hub-item-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.hub-select {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #0e0f11;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzI5MzI0MiIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    text-align-last: center
}

.standardPinkBox span, a.big_btn {
    font-family: Helvetica, sans-serif
}

.hub-select::-ms-expand {
    display: none
}

.hub-select:hover {
    border-color: #888
}

.hub-select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: 0
}

.hub-select option {
    font-weight: 400
}

.hub-navigation {
    text-align: center;
    margin: 30px auto
}

.hub-navigation > .page-numbers {
    text-decoration: none;
    padding: 0 2px;
    font-size: 14px
}

.hub-navigation > .page-numbers.dots {
    display: none
}

.hub-navigation > .page-numbers.current {
    color: #ffa42a;
    text-decoration: underline
}

.featured-post-anchor, .hub-navigation span, .hub-navigation > .nxtprev > a, .mainReviewContainer .leftContainer span, .mainReviewContainer .leftContainer span.link, .mainReviewContainer a, .moreInfoTabs a, .moreInfoTabsForPicks a {
    text-decoration: none
}

.hub-navigation span {
    padding: 0 5px
}

.hub-navigation > .nxtprev {
    display: inline-block;
    padding: 0 10px
}

.hub-navigation > .nxtprev > a {
    background-color: #001532;
    color: #fff;
    padding: 5px 10px;
    font-size: 17px;
    font-weight: 600;
    margin: 0 2px
}

.hub-bottom-featured-pages {
    width: 100%;
    padding-top: 15px;
    display: inline-block;
    position: relative
}

.hub-bottom-featured-pages .widget {
    margin: 0
}

.hub-bottom-featured-pages .widget.widget_wds_featured_pages_widget {
    border: none
}

.hub-bottom-featured-pages .widget .inner-widget {
    border: none;
    width: 100%;
    max-width: 75rem;
    margin: 0 auto
}

.hub-bottom-featured-pages .widget .inner-widget .widget-title {
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    border: 0;
    background: 0 0;
    color: #569b3b;
    border-bottom: 1px solid #fff;
    line-height: 1.5;
    text-transform: uppercase
}

.hub-bottom-featured-pages .sticky_sidebar {
    width: 100%;
    text-align: center;
    background-color: #569b3b;
    padding: 19px
}

.hub-bottom-featured-pages .sticky_sidebar > .sendgrid-subscribe {
    background-color: transparent;
    padding: 10px 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 75rem;
    margin: 0 auto
}

.hub-bottom-featured-pages .sticky_sidebar > .sendgrid-subscribe .title span.icon {
    width: 54px;
    height: 44px;
    margin-right: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: sub;
    background-color: #23282d;
    border-radius: 50%
}

.hub-bottom-featured-pages .sticky_sidebar > .sendgrid-subscribe #streamline_sendgrid_form {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 800px
}

.hub-bottom-featured-pages .sticky_sidebar > .sendgrid-subscribe #streamline_sendgrid_form input[type=text] {
    width: 100%;
    min-width: 190px;
    max-width: 300px;
    margin: 5px
}

.hub-bottom-featured-pages .sticky_sidebar > .sendgrid-subscribe #streamline_sendgrid_form input[type=email] {
    width: 100%;
    min-width: 190px;
    max-width: 300px;
    margin: 5px;
    float: none
}

.hub-bottom-featured-pages .sticky_sidebar > .sendgrid-subscribe #streamline_sendgrid_form input[type=submit] {
    float: none;
    border-radius: 0;
    width: 100%;
    max-width: 20%;
    background-color: #22272c;
    padding: 0;
    min-height: 40px;
    margin: 5px 10px
}

#posts-found {
    width: 100%;
    position: relative;
    display: flex;
    height: 44px;
    margin-bottom: 20px
}

#posts-found:after {
    display: block;
    width: 100%;
    content: '';
    height: 3px;
    background-color: #b9b9b9;
    position: absolute;
    top: 21px;
    z-index: 1
}

#posts-found h5 {
    text-align: center;
    font-size: 21px;
    color: #b5b5b5;
    text-shadow: 2px 2px 16px #0e0f1159;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 0 20px
}

#posts-found h5 span {
    font-size: 30px;
    color: #0e0f11ab
}

.hub-page-posts-loader {
    width: 16px;
    display: block;
    margin: 0 auto
}

.hub-page-backend-content-section {
    padding: 10px 0 20px
}

@media all and (min-width: 320px) {
    .posts_filter_bar_wrapper > .wrap {
        justify-content: center
    }

    .posts_filter_bar_wrapper > .wrap > div {
        margin: 15px 20px
    }

    #hub-items-wrapper {
        justify-content: center
    }

    .hub-bottom-featured-pages .sticky_sidebar > .sendgrid-subscribe #streamline_sendgrid_form input[type=submit] {
        max-width: 300px
    }
}

@media all and (min-width: 480px) {
    .posts_filter_bar_wrapper > .wrap {
        justify-content: center
    }

    .posts_filter_bar_wrapper > .wrap > div {
        margin: 10px 20px
    }
}

@media screen and (min-width: 48em) {
    .hub-bottom-featured-pages .sticky_sidebar .sendgrid-subscribe #streamline_sendgrid_form input[type=submit] {
        max-width: 12%
    }

    .hub-bottom-featured-pages .widget .inner-widget {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start
    }

    .hub-bottom-featured-pages .widget .inner-widget .featured-pages-container {
        width: 50%;
        padding: 1%
    }
}

@media all and (min-width: 992px) {
    .posts_filter_bar_wrapper > .wrap {
        justify-content: center
    }

    .posts_filter_bar_wrapper > .wrap > div {
        margin: 0 20px
    }
}

@media screen and (min-width: 64em) {
    .featured_post_top {
        display: flex
    }

    .featured_post_top .featured_post_image {
        width: 60%;
        margin-bottom: 0;
        display: flex
    }

    .featured_post_top .featured_post_information {
        width: 40%;
        padding-left: 30px
    }

    .hub-bottom-featured-pages .widget .inner-widget .featured-pages-container {
        width: 23%;
        padding: 1%
    }
}

@media all and (min-width: 1366px) {
    #hub-items-wrapper {
        justify-content: flex-start
    }
}

@media only screen and (max-width: 700px) {
    table tbody td.lnk {
        text-align: center !important
    }

    table tbody td.lnk img {
        float: none !important
    }

    .site-breadcrumbs {
        display: none
    }
}

@media screen and (max-width: 338px) {
    .second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points > li {
        max-width: 40%;
        margin-left: 20px
    }

    .second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points > li.show_hidden_trigger {
        right: 20px;
        top: 139px
    }
}

@media screen and (max-width: 379px) {
    .second_section .customer_friendly_section .sub_customer_friendly_section .us_allowed {
        display: block;
        margin: auto;
        max-width: 80%
    }
}

@media screen and (max-width: 480px) {
    .join_me_btn, .not_connected {
        margin-top: 5px
    }

    .bovada_review_head {
        font-size: 30px
    }

    .bovoda_lagit_site_head {
        font-size: 25px
    }

    .bovoda_lagit_site_text {
        text-align: justify
    }

    .certificate_section {
        background-position: center center;
        background-size: cover
    }

    .main_review_content {
        padding: 93px 0 0
    }

    .brovoda_text_head, .choice_customer {
        font-size: 24px
    }

    .customer_friendly, .join_me_btn, .not_connected {
        font-size: 16px
    }

    .left_arrow {
        padding-right: 5px
    }

    .right_arrow {
        padding-left: 5px
    }

    .join_btn_section > a {
        padding: 10px
    }

    .rating_logo {
        text-align: center
    }

    .another_subheading_text, .important_criteria_text, .under_video_section_text {
        text-align: justify
    }

    .restricted_country {
        font-size: 14px
    }

    .another_subheading_head, .under_video_section_head {
        font-size: 20px
    }

    .under_video_section {
        float: left;
        width: 100%
    }

    .customer_friendly_section {
        border-right: 0
    }

    .video_box > img {
        min-height: 0;
        width: 100%
    }
}

@media screen and (max-width: 750px) {
    .author_box {
        height: auto;
        display: block
    }

    .author_box .picture {
        width: 140px;
        margin: 0 auto 10px;
        height: 140px
    }

    .author_box .right {
        width: 100%;
        margin: 0 auto 20px;
        display: block
    }

    .author_box .right .box_2 .btns_cont {
        text-align: center
    }
}

@media screen and (max-width: 500px) {
    .certificate_section .sub_section .rating_review_section .main_review_content {
        padding-top: 76px
    }

    .certificate_section .sub_section .rating_review_section .main_review_content > .rating_logo {
        display: block
    }

    .certificate_section .sub_section .rating_review_section .main_review_content > .rating_star {
        background-image: none !important
    }

    .certificate_section .sub_section .rating_review_section .main_review_content > .rating_star > h2 {
        display: none !important
    }

    .second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points {
        text-align: left
    }

    .video_section_third .main_boxes_video_section {
        display: inline-block;
        width: 100%;
        padding: 0;
        background-repeat: no-repeat;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 30px
    }

    .video_section_third .main_boxes_video_section .first_small_boxes, .video_section_third .main_boxes_video_section .second_small_boxes {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        vertical-align: top;
        margin: 0 auto
    }

    .video_section_third .main_boxes_video_section .first_box, .video_section_third .main_boxes_video_section .fourth_box, .video_section_third .main_boxes_video_section .second_box, .video_section_third .main_boxes_video_section .third_box {
        margin: 5px;
        display: inline-block
    }

    .video_section_third .main_boxes_video_section .video_box {
        display: inline-block;
        align-items: center;
        width: 100%;
        max-width: 500px
    }

    .video_section_third .main_boxes_video_section .video_box > img {
        width: 100%;
        max-height: 276px
    }
}

@media screen and (max-width: 500px) and (min-width: 339px) {
    .second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points > li {
        max-width: 43%;
        margin-left: 20px
    }

    .second_section .restricted_country_section .sub_restricted_country_section .restricted_country_points > li.show_hidden_trigger {
        left: auto;
        top: 138px;
        margin-left: 0
    }
}

@media screen and (max-width: 520px) and (min-width: 380px) {
    .second_section .customer_friendly_section .sub_customer_friendly_section .us_allowed {
        display: block;
        margin: auto;
        max-width: 50%
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .logo_title, .rating_logo, .review {
        text-align: center
    }

    .another_subheading_text, .important_criteria_text, .under_video_section_text {
        text-align: justify
    }

    .brovoda_text_head, .logo_title {
        font-size: 26px
    }

    .choice_customer {
        float: left;
        font-size: 26px;
        width: 100%;
        margin-top: 0
    }

    .join_btn_section > a {
        padding: 15px 45px
    }

    .first_bullet, .second_bullet {
        float: left;
        width: 33.33%
    }

    .restricted_country_points li {
        font-size: 13px
    }

    .video_box > img {
        min-height: 0
    }

    .important_criteria_head {
        font-size: 19px
    }

    .another_subheading_head {
        font-size: 24px
    }

    .customer_friendly_section {
        border-right: 0
    }

    .not_allowed {
        float: left;
        width: 50%;
        padding-top: 30px
    }
}

@media screen and (max-width: 618px) {
    .certificate_section {
        background-size: cover
    }

    .certificate_section .sub_section .rating_review_section .main_review_content > .verified_section {
        display: block;
        width: 100%
    }
}

@media screen and (max-width: 760px) {
    .second_section .customer_friendly_section {
        max-width: 100%;
        padding-right: 0;
        border-right: none;
        margin: auto 0 20px
    }

    .second_section .restricted_country_section {
        max-width: 100%;
        padding-left: 0
    }

    .second_section .customer_friendly_section .sub_customer_friendly_section .not_allowed {
        max-width: 75%
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .join_me_btn, .rating_star {
        margin-top: 5px
    }

    .first_box > img, .fourth_box > img, .second_box > img, .third_box > img {
        width: 100%
    }

    .video_box > img {
        min-height: 0
    }

    .not_connected {
        font-size: 10px;
        padding: 16px 0
    }

    .not_allowed img {
        width: 50px
    }

    .not_allowed {
        float: left;
        width: 50%;
        padding-top: 30px
    }

    .restricted_country_points > li {
        font-size: 11px;
        line-height: 20px
    }

    .rating_logo > img {
        width: 100%
    }

    .logo_title {
        font-size: 22px
    }

    .review img {
        width: 16px
    }

    .choice_customer {
        font-size: 30px
    }

    .join_me_btn {
        font-size: 15px
    }

    .left_arrow {
        padding-right: 5px
    }

    .right_arrow {
        padding-left: 5px
    }

    .join_btn_section > a {
        padding: 15px 10px
    }

    .rating_review_section {
        padding-bottom: 5px
    }

    .another_subheading_text, .important_criteria_text, .under_video_section_text {
        text-align: justify
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .rating_logo > img {
        width: 100%
    }

    .review img {
        width: 25px
    }

    .rating_star {
        margin-top: 7px
    }

    .join_me_btn {
        font-size: 18px
    }

    .join_btn_section > a {
        padding: 15px
    }

    .not_connected {
        padding: 18px 0;
        font-size: 13px
    }

    .restricted_country_points > li {
        font-size: 12px
    }

    .first_box > img, .fourth_box > img, .second_box > img, .third_box > img {
        width: 100%
    }

    .another_subheading_text, .important_criteria_text, .under_video_section_text {
        text-align: justify
    }
}

@media all and (min-width: 0px) and (max-width: 480px) {
    .articlePostBanner {
        width: 100%;
        margin: 45px auto;
        padding: 110px 40px 20px;
        background: #ecf0f1;
        position: relative
    }

    .standardOrangeBox span::before {
        content: '';
        background: url(../../../images/orangeBoxYield.png) no-repeat;
        width: 51px;
        height: 45px;
        float: left
    }

    .standardOrangeBox span::after {
        display: none
    }

    .standardOrangeBox {
        background: #ef9033;
        width: 100%;
        padding: 20px;
        margin: 30px auto;
        position: relative;
        clear: both
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .articlePostBanner {
        width: 100%;
        margin: 45px auto;
        padding: 80px 40px 20px;
        background: #ecf0f1;
        position: relative
    }

    .standardOrangeBox span::before {
        content: '';
        background: url(../../../images/orangeBoxYield.png) no-repeat;
        width: 51px;
        height: 45px;
        float: left
    }

    .standardOrangeBox span::after {
        display: none
    }

    .standardOrangeBox {
        background: #ef9033;
        width: 100%;
        padding: 20px 40px;
        margin: 30px auto;
        position: relative;
        clear: both
    }
}

@media all and (min-width: 769px) and (max-width: 6000px) {
    .articlePostBanner {
        width: 100%;
        margin: 45px auto;
        padding: 60px 40px 20px;
        background: #ecf0f1;
        position: relative
    }

    .standardOrangeBox span::after, .standardOrangeBox span::before {
        content: '';
        background: url(../../../images/orangeBoxYield.png) no-repeat;
        width: 51px;
        height: 45px;
        float: left;
        position: absolute;
        top: 25px
    }

    .standardOrangeBox span::before {
        left: 25px
    }

    .standardOrangeBox span::after {
        right: 25px
    }

    .standardOrangeBox {
        background: #ef9033;
        width: 100%;
        padding: 20px 100px;
        margin: 30px auto;
        position: relative;
        clear: both
    }
}

@media all and (min-width: 0px) and (max-width: 991px) {
    .articlePostBoxDesignCenter3Col, .articlePostBoxDesignLeft2Col, .articlePostBoxDesignLeft3Col, .articlePostBoxDesignRight2Col, .articlePostBoxDesignRight3Col {
        width: 100%;
        float: left;
        margin: 20px 0 0;
        background: #fff;
        clear: both;
        box-shadow: 0 0 7px 1px #ccc
    }

    .articlePostBoxDesignImage {
        width: 100%;
        min-height: 200px;
        overflow: hidden
    }

    .articlePostBox {
        width: 100%;
        margin: 20px auto;
        position: relative;
        clear: both
    }

    .standardPinkBox, .standardRedBox {
        width: 100%;
        margin: 30px auto;
        padding: 20px;
        clear: both
    }

    .standardPinkBox {
        background: #f6e6ec;
        border: 2px solid #aa0d43
    }

    .standardRedBox {
        background: #ecf0f1
    }

    .thumbsUpArea::before {
        content: '';
        background: url(../../../images/articlePostThumbsUpIcon.png) no-repeat;
        width: 50px;
        height: 50px;
        float: left;
        margin: 2px 10px 0 0
    }

    .thumbsUpArea {
        background: #ecf0f1;
        width: 100%;
        margin: 25px auto;
        padding: 20px;
        border-left: 5px solid #1e864a;
        position: relative;
        clear: both
    }
}

@media all and (min-width: 992px) and (max-width: 6000px) {
    .articlePostBoxDesignLeft2Col {
        width: 49%;
        float: left;
        margin: 1% 1% 1% 0;
        background: #fff;
        box-shadow: 0 0 7px 1px #ccc
    }

    .articlePostBoxDesignRight2Col {
        width: 49%;
        float: left;
        margin: 1% 0 1% 1%;
        background: #fff;
        box-shadow: 0 0 7px 1px #ccc
    }

    .articlePostBoxDesignCenter3Col, .articlePostBoxDesignLeft3Col, .articlePostBoxDesignRight3Col {
        width: 31.333333333334%;
        float: left;
        background: #fff;
        box-shadow: 0 0 7px 1px #ccc
    }

    .articlePostBoxDesignLeft3Col {
        margin: 1% 3% 1% 0
    }

    .articlePostBoxDesignCenter3Col {
        margin: 1% 0
    }

    .articlePostBoxDesignRight3Col {
        margin: 1% 0 1% 3%
    }

    .articlePostBoxDesignImage {
        width: 100%;
        min-height: 200px;
        overflow: hidden
    }

    .articlePostBanner {
        width: 90%;
        margin: 45px auto;
        padding: 50px 40px 30px;
        background: #ecf0f1;
        position: relative
    }

    .articlePostBox {
        width: 100%;
        margin: 20px auto;
        position: relative
    }

    .standardOrangeBox {
        background: #ef9033;
        width: 70%;
        padding: 20px 100px;
        margin: 30px auto;
        position: relative
    }

    .standardPinkBox {
        background: #f6e6ec;
        border: 2px solid #aa0d43;
        width: 60%;
        padding: 20px;
        margin: 30px auto
    }

    .standardRedBox, .thumbsUpArea {
        background: #ecf0f1;
        width: 100%;
        padding: 20px
    }

    .standardRedBox {
        margin: 30px auto;
        border-left: 5px solid #aa0d43
    }

    .thumbsUpArea::before {
        display: none
    }

    .thumbsUpArea {
        margin: 25px auto;
        border-left: 5px solid #1e864a;
        position: relative
    }
}

@media all and (min-width: 641px) {
    div.mvsf {
        max-width: 810px
    }
}

@media all and (max-width: 480px) {
    div.mvsf .sub_title {
        margin-top: 42%
    }

    div.mvsf .names {
        font-size: 30px;
        width: 100%;
        margin-bottom: 10px
    }
}

@media all and (max-width: 767px) {
    div.mvsf .sub_title {
        margin-top: 60%;
        margin-bottom: 0
    }

    div.mvsf .names {
        font-size: 34px
    }
}

.standardPinkBox span {
    text-align: center;
    display: table;
    color: #71092d;
    font-weight: 600;
    font-style: italic;
    font-size: 1.1em
}

@media all and (min-width: 0px) and (max-width: 806px) {
    .comment-form {
        float: left;
        display: block;
        margin-right: 1%;
        width: 100%;
        padding: 20px
    }

    .comment-form:last-child {
        margin-right: 0
    }

    .comment-form input:not(.submit) {
        max-width: 100%
    }

    .comment-form textarea {
        resize: none
    }

    .comment-form-comment label, p.comment-notes {
        color: #fff
    }

    .comment-form-author label, .comment-form-email label, .comment-form-url label {
        float: left;
        display: block;
        margin-right: 1%;
        width: 100%;
        color: #fff
    }

    .comment-form-author label:last-child, .comment-form-email label:last-child, .comment-form-url label:last-child {
        margin-right: 0
    }

    .comment-form-author, .comment-form-email {
        width: 100%;
        float: left;
        margin: 0 18px 16px 0
    }

    input.submit[type=submit] {
        font-family: Helvetica, sans-serif;
        font-weight: 700;
        transition: all .3s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #ffad05;
        border: .0625rem solid #e8a553;
        border-radius: .125rem;
        color: #fff;
        font-size: .875rem;
        line-height: 1.95;
        margin: 10px 0 18px;
        padding: .4375rem 2.375rem;
        text-decoration: none;
        text-transform: uppercase;
        clear: both
    }
}

@media all and (min-width: 807px) and (max-width: 1024px) {
    .comment-form {
        float: left;
        display: block;
        margin-right: 1%;
        width: 100%;
        padding: 20px
    }

    .comment-form:last-child {
        margin-right: 0
    }

    .comment-form input:not(.submit) {
        max-width: 100%
    }

    .comment-form textarea {
        resize: none
    }

    .comment-form-comment label, p.comment-notes {
        color: #fff
    }

    .comment-form-author label, .comment-form-email label, .comment-form-url label {
        float: left;
        display: block;
        margin-right: 1%;
        width: 100%;
        color: #fff
    }

    .comment-form-author label:last-child, .comment-form-email label:last-child, .comment-form-url label:last-child {
        margin-right: 0
    }

    .comment-form-author {
        width: 49%;
        float: left;
        margin: 0 18px 16px 0
    }

    .comment-form-email {
        width: 47.5%;
        float: left;
        margin: 0 0 16px
    }

    input.submit[type=submit] {
        font-family: Helvetica, sans-serif;
        font-weight: 700;
        transition: all .3s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #ffad05;
        border: .0625rem solid #e8a553;
        border-radius: .125rem;
        color: #fff;
        font-size: .875rem;
        line-height: 1.95;
        margin: 10px 0 18px;
        padding: .4375rem 2.375rem;
        text-decoration: none;
        text-transform: uppercase;
        clear: both
    }
}

@media all and (min-width: 1025px) and (max-width: 6000px) {
    .comment-form {
        float: left;
        display: block;
        margin-right: 1%;
        width: 100%
    }

    .comment-form:last-child {
        margin-right: 0
    }

    .comment-form input:not(.submit) {
        max-width: 100%
    }

    .comment-form textarea {
        resize: none
    }

    .comment-form-author label, .comment-form-email label, .comment-form-url label {
        float: left;
        display: block;
        margin-right: 1%;
        width: 4.6875rem
    }

    .comment-form-author label:last-child, .comment-form-email label:last-child, .comment-form-url label:last-child {
        margin-right: 0
    }
}

@media all and (min-width: 0px) and (max-width: 799px) {
    .rank_site2 tbody, .rank_site2 td, .rank_site2 th, .rank_site2 tr, table.rank_site2 {
        display: block
    }

    .rank_site2 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .rank_site2 td {
        border: none;
        position: relative
    }

    .rank_site2 tbody tr:hover td:nth-child(4) span.link {
        background: #ff9600;
        padding: 20px 40px;
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        font-weight: bolder;
        display: block
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) img.crown, .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span {
        display: none
    }

    .rank_site2 tbody tr:hover {
        background: #e1e1e1;
        cursor: pointer
    }

    .rank_site2 tbody td:nth-child(2) {
        clear: left;
        font-size: 1em
    }

    .rank_site2 tbody td img, .rank_site2 tbody td img:nth-child(1) {
        float: none
    }

    .rank_site2 tr {
        margin: 0;
        border-bottom: 10px solid #000;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333
    }

    .rank_site2 tbody td span {
        font-size: 1.4em;
        line-height: 20px;
        font-weight: bolder;
        color: #34b36a;
        background: 0 0
    }

    div.rank-name {
        padding-left: 0
    }

    .rank_site2 tbody tr td {
        padding: 5px
    }
}

@media all and (min-width: 800px) and (max-width: 1134px) {
    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(15) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(14) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(13) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(12) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(11) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(10) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(9) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(8) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(7) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(6) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span {
        padding: 30px 10px;
        display: inline-block;
        margin: 0 15px 0 0;
        position: relative;
        font-size: 2em;
        text-align: center;
        color: #fff;
        float: none
    }

    .rank_site2, .rank_site2Head {
        border: 1px solid #ccc;
        box-shadow: 0 0 5px 1px #ccc
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span {
        background: #ff9600
    }

    .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span {
        background: #167ba0
    }

    .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span {
        background: #9f00d3
    }

    .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span {
        background: #848484
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(6) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(7) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(8) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(9) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(10) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(11) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(12) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(13) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(14) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(15) td:nth-child(1) > span::after{
        width: 0;
        height: 0;
        content: '';
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        right: -10px;
        top: 30px
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span::after {
        border-left: 10px solid #ff9600
    }

    .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span::after {
        border-left: 10px solid #167ba0
    }

    .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span::after {
        border-left: 10px solid #9f00d3
    }

    .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span::after {
        border-left: 10px solid #848484
    }

    .rank_site2 tbody tr td {
        padding: 5px 6px
    }

    .rank_site2 tbody tr:hover td:nth-child(4) span.link {
        background: #ff9600;
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        font-weight: bolder;
        display: block
    }

    .rank_site2 tbody tr:hover {
        background: #e1e1e1;
        cursor: pointer
    }

    .rank_site2 tbody td span {
        font-size: 1.4em;
        line-height: 20px;
        font-weight: bolder;
        color: #34b36a;
        background: 0 0
    }

    .rank_site2 tbody td img:nth-child(1) {
        float: none;
        margin: 0
    }

    .rank_site2 tbody td img {
        float: left
    }

    .rank_site2 tbody td:nth-child(2) {
        font-size: 1.2em
    }

    .rank_site2Head {
        width: 100%;
        padding: 5px 15px;
        background: #000;
        color: #ffad05;
        font-size: 1.4em;
        font-weight: bolder;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) img.crown {
        display: none
    }

    div.rank-name {
        padding-left: 0;
        min-width: 200px
    }
}

@media all and (min-width: 1135px) and (max-width: 1364px) {
    .rank_site2, .rank_site2Head {
        border: 1px solid #ccc;
        box-shadow: 0 0 5px 1px #ccc
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) span {
        background: #ff9600;
        padding: 36px 30px 24px;
        color: #000;
        text-align: center;
        display: inline-block;
        float: none;
        margin: 0 30px 0 0;
        position: relative;
        font-size: 2em
    }

    .rank_site2 tbody tr td {
        position: relative
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) img.crown {
        position: absolute;
        top: 50px;
        left: calc(50% - 24px);
        background: url(../../../images/crown.png) no-repeat;
        float: none;
        width: 18px;
        height: 13px
    }

    .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span {
        padding: 30px;
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative;
        font-size: 2em;
        text-align: center;
        color: #fff;
        float: none
    }

    .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span {
        background: #167ba0
    }

    .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span {
        background: #9f00d3
    }

    .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span {
        background: #848484
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span::after {
        width: 0;
        height: 0;
        content: '';
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        right: -10px;
        top: 30px
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span::after {
        border-left: 10px solid #ff9600
    }

    .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span::after {
        border-left: 10px solid #167ba0
    }

    .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span::after {
        border-left: 10px solid #9f00d3
    }

    .rank_site2 tbody tr td:nth-child(5) > span::after, .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span::after {
        width: 0;
        height: 0;
        content: '';
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #848484;
        position: absolute;
        right: -10px;
        top: 30px
    }

    .rank_site2 tbody tr td {
        padding: 5px 10px
    }

    .rank_site2 tbody tr:hover td:nth-child(4) span.link {
        background: #ff9600;
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        font-weight: bolder;
        display: block
    }

    .rank_site2 tbody tr:hover {
        background: #e1e1e1;
        cursor: pointer
    }

    .rank_site2 tbody td span {
        font-size: 1.4em;
        line-height: 20px;
        font-weight: bolder;
        color: #34b36a;
        background: 0 0
    }

    .rank_site2 tbody td img:nth-child(1) {
        float: none;
        margin: 0
    }

    .rank_site2 tbody td img {
        float: left
    }

    .rank_site2 tbody td:nth-child(2) {
        font-size: 1.2em
    }

    .rank_site2Head {
        width: 100%;
        padding: 5px 15px;
        background: #000;
        color: #ffad05;
        font-size: 1.4em;
        font-weight: bolder;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px
    }
}

@media all and (min-width: 1365px) and (max-width: 6000px) {
    .rank_site2, .rank_site2Head {
        border: 1px solid #ccc;
        box-shadow: 0 0 5px 1px #ccc
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) span {
        background: #ff9600;
        padding: 36px 30px 24px;
        color: #000;
        text-align: center;
        display: inline-block;
        float: none;
        margin: 0 30px 0 0;
        position: relative;
        font-size: 2em
    }

    .rank_site2 tbody tr td {
        position: relative
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) img.crown {
        position: absolute;
        top: 50px;
        left: calc(50% - 24px);
        background: url(../../../images/crown.png) no-repeat;
        float: none;
        width: 18px;
        height: 13px
    }

    .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span {
        padding: 30px;
        color: #fff;
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative;
        font-size: 2em;
        text-align: center;
        float: none
    }

    .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span {
        background: #167ba0
    }

    .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span {
        background: #9f00d3
    }

    .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span {
        background: #848484
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span::after {
        width: 0;
        height: 0;
        content: '';
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        right: -10px;
        top: 30px
    }

    .rank_site2 tbody tr:nth-child(1) td:nth-child(1) > span::after {
        border-left: 10px solid #ff9600
    }

    .rank_site2 tbody tr:nth-child(2) td:nth-child(1) > span::after {
        border-left: 10px solid #167ba0
    }

    .rank_site2 tbody tr:nth-child(3) td:nth-child(1) > span::after {
        border-left: 10px solid #9f00d3
    }

    .rank_site2 tbody tr td:nth-child(5) > span::after, .rank_site2 tbody tr:nth-child(4) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(5) td:nth-child(1) > span::after, .rank_site2 tbody tr:nth-child(n+5) td:nth-child(1) > span::after {
        width: 0;
        height: 0;
        content: '';
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #848484;
        position: absolute;
        right: -10px;
        top: 30px
    }

    .rank_site2 tbody tr td {
        padding: 5px 15px;
        text-align: center
    }

    .rank_site2 tbody tr:hover {
        background: #e1e1e1;
        cursor: pointer
    }

    .rank_site2 tbody td span {
        font-size: 1.37em;
        line-height: 20px;
        font-weight: bolder;
        color: #34b36a;
        background: 0 0
    }

    .rank_site2 tbody td img:nth-child(1) {
        float: none;
        margin: 0
    }

    .rank_site2 tbody td img {
        float: left
    }

    .rank_site2 tbody td:nth-child(2) {
        font-size: 1.2em
    }

    .rank_site2Head {
        width: 100%;
        padding: 5px 15px;
        background: #000;
        color: #ffad05;
        font-size: 1.4em;
        font-weight: bolder;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px
    }
}

.moreInfoTabs a, .moreInfoTabsForPicks a, .rankingTableContainer a.rankingTable:last-child ul {
    border-bottom: 1px solid #dedede
}

.rankingTableContainer a.rankingTable:hover ul {
    background: #fff
}

.rankingTableContainer a.rankingTable {
    display: flex;
    opacity: 100 !important
}

.rankingTableContainer span:nth-child(1) {
    background: #000;
    width: 100%;
    display: block;
    text-align: center;
    padding: 9px 0 12px;
    color: #ffad05;
    font-size: 1.4em;
    line-height: 28px
}

.rankingTableWrapper, .rankingTableWrapperReview {
    width: 100%;
    display: inline-block;
    clear: both;
    float: none;
    margin: 10px auto 40px;
    opacity: .9
}

.rankingTableWrapper a .numberOne .ribbonArea span, .rankingTableWrapperReview .numberOne .ribbonArea span {
    position: absolute;
    top: 6px;
    left: 12px;
    z-index: 1;
    color: #fff;
    font-weight: 900;
    font-size: 2.4em;
    text-shadow: 0 0 3px #000
}

.rankingTableWrapper a .otherNumber .ribbonArea span, .rankingTableWrapperReview .otherNumber .ribbonArea span {
    position: absolute;
    top: 9px;
    left: 13px;
    z-index: 1;
    color: #fff;
    font-weight: 900;
    font-size: 1.4em;
    text-shadow: 0 0 3px #000
}

.rankingTableWrapper a .numberOne .ribbonArea img, .rankingTableWrapperReview .numberOne .ribbonArea img {
    position: absolute;
    left: -8px;
    top: 11px
}

.rankingTableWrapper a .otherNumber .ribbonArea img, .rankingTableWrapperReview .otherNumber .ribbonArea img {
    position: absolute;
    left: -6px;
    top: 6px
}

.rankingTableWrapper a .numberOne .contentArea ul, .rankingTableWrapper a .otherNumber .contentArea ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%
}

.rankingTableWrapper a .numberOne .contentArea ul li {
    margin: 0;
    padding: 0;
    text-align: center
}

.rankingTableWrapper a .otherNumber .contentArea ul li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center
}

.rankingTableWrapperReview .numberOne .contentArea ul, .rankingTableWrapperReview .otherNumber .contentArea ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%
}

.rankingTableWrapperReview .numberOne .contentArea ul li {
    margin: 0;
    padding: 0;
    text-align: center
}

.rankingTableWrapperReview .otherNumber .contentArea ul li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center
}

.rankingTableWrapperReview .numberOne .contentArea ul li:nth-child(4) a, .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(4) a {
    color: #fff;
    display: block;
    text-decoration: none
}

.rankingTableWrapper .numberOne:hover, .rankingTableWrapper .otherNumber:hover, .rankingTableWrapperReview .numberOne:hover, .rankingTableWrapperReview .otherNumber:hover {
    animation: tableRowHover .6s infinite ease-in-out;
    box-shadow: 0 0 20px 1px #63bf1f
}

.rankingTableWrapperReview .otherNumber:nth-child(odd) {
    background: #e0dede
}

.rankingTableWrapper .otherNumber.row2, .rankingTableWrapperReview .otherNumber:nth-child(even) {
    background: #f4f4f4
}

.rankingTableWrapper .otherNumber.row3 {
    background: #e0dede
}

.rankingTableWrapper .otherNumber.row4 {
    background: #f4f4f4
}

.rankingTableWrapper .otherNumber.row5 {
    background: #e0dede
}

@media all and (min-width: 0px) and (max-width: 768px) {
    .rankingTableWrapper a .numberOne, .rankingTableWrapper a .otherNumber, .rankingTableWrapperReview .numberOne, .rankingTableWrapperReview .otherNumber {
        width: 100%;
        height: auto;
        margin: 0 0 15px;
        display: block;
        float: left;
        box-shadow: 0 0 7px 1px #63bf1f;
        position: relative
    }

    .rankingTableWrapper a .numberOne, .rankingTableWrapperReview .numberOne {
        padding: 10px;
        background: #fff
    }

    .rankingTableWrapper a .numberOne.twoUp {
        width: 48%;
        display: block;
        min-height: 250px;
        float: left;
        box-shadow: 0 0 7px 1px #63bf1f;
        margin: 0 2%;
        padding: 10px;
        position: relative;
        background: #fff
    }

    .rankingTableWrapper .numberOne .contentArea ul li:nth-child(1), .rankingTableWrapper .otherNumber .contentArea ul li:nth-child(1), .rankingTableWrapperReview .numberOne .contentArea ul li:nth-child(1), .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(1) {
        display: inline-block;
        margin: 0 auto;
        width: 100%
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(1) img {
        display: inline-block;
        margin: 0 auto;
        max-width: 215px
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(2) {
        width: 100%;
        font-size: 1.2em;
        font-weight: 900;
        color: #000
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(3) {
        line-height: 34px;
        width: 100%;
        font-size: .8em;
        margin: 0 0 10px
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(4) {
        background: #63bf1f;
        padding: 12.75px;
        display: block;
        color: #fff;
        width: 100%
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.logo li {
        display: inline-block;
        width: 100%
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.logo li img {
        display: inline-block;
        margin: 18px auto 0;
        max-width: 80%
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(1) {
        width: 100%;
        margin: auto;
        font-weight: 900;
        color: #000;
        font-size: 1.6em
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(2) {
        width: 100%;
        font-size: .8em
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(3) a {
        background: #63bf1f;
        padding: 7px;
        display: block;
        color: #fff;
        width: 100%;
        margin: 5px auto 0;
        text-decoration: none
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(1) {
        display: inline-block;
        margin: 0 auto;
        width: 100%
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(1) img {
        display: inline-block;
        margin: 0 auto;
        max-width: 215px
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(2) {
        width: 100%;
        font-size: 1.2em;
        font-weight: 900;
        color: #000;
        margin: 0 0 10px
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(3) {
        background: #63bf1f;
        padding: 9.5px;
        display: block;
        color: #fff;
        width: 100%
    }

    .rankingTableWrapper .numberOne .ribbonArea img, .rankingTableWrapper .numberOne .ribbonArea span, .rankingTableWrapper .otherNumber .ribbonArea img, .rankingTableWrapper .otherNumber .ribbonArea span, .rankingTableWrapperReview .numberOne .ribbonArea img, .rankingTableWrapperReview .numberOne .ribbonArea span, .rankingTableWrapperReview .otherNumber .ribbonArea img, .rankingTableWrapperReview .otherNumber .ribbonArea span {
        display: none
    }

    .rankingTableWrapper a .numberOne .contentArea, .rankingTableWrapper a .numberOne .ribbonArea, .rankingTableWrapper a .otherNumber .contentArea, .rankingTableWrapper a .otherNumber .ribbonArea, .rankingTableWrapperReview .otherNumber .ribbonArea {
        display: block;
        width: 100%;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapperReview .otherNumber .contentArea {
        width: 100%;
        display: block;
        min-height: 1px;
        float: left;
        padding: 10px
    }

    .rankingTableWrapper a .otherNumber .contentArea {
        padding: 10px
    }

    .rankingTableWrapper a .numberOne .contentArea ul.logo li {
        display: inline-block;
        width: 100%
    }

    .rankingTableWrapper a .numberOne .contentArea ul.logo li img {
        display: inline-block;
        margin: 18px auto 0;
        max-width: 80%
    }

    .rankingTableWrapper a .numberOne .contentArea ul.info li:nth-child(1) {
        width: 100%;
        margin: 0 0 5px;
        font-weight: 900;
        color: #000;
        font-size: 1.6em
    }

    .rankingTableWrapper a .numberOne .contentArea ul.info li:nth-child(2) {
        background: #63bf1f;
        padding: 7px;
        display: block;
        color: #fff;
        width: 100%;
        margin: 0 auto
    }

    .rankingTableWrapperReview .numberOne .ribbonArea {
        display: none
    }

    .rankingTableWrapperReview .numberOne .contentArea {
        width: 100%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapperReview .numberOne.twoUp {
        width: 100% !important;
        float: left !important;
        margin: 0 0 5px !important
    }
}

@media all and (min-width: 769px) and (max-width: 1200px) {
    .rankingTableWrapper a .otherNumber, .rankingTableWrapperReview .otherNumber {
        width: 100%;
        display: block;
        float: left;
        height: 58px;
        margin: 0 0 15px;
        box-shadow: 0 0 7px 1px #63bf1f;
        position: relative
    }

    .rankingTableWrapper a .numberOne, .rankingTableWrapperReview .numberOne {
        width: 100%;
        display: block;
        height: auto;
        float: left;
        box-shadow: 0 0 7px 1px #63bf1f;
        margin: 0 0 15px;
        padding: 10px;
        position: relative;
        background: #fff
    }

    .rankingTableWrapper a .numberOne.twoUp {
        width: 48%;
        display: block;
        min-height: 250px;
        float: left;
        box-shadow: 0 0 7px 1px #63bf1f;
        margin: 0 1%;
        padding: 10px;
        position: relative;
        background: #fff
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(1) {
        display: inline-block;
        margin: 0 auto;
        width: 20%
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(1) img {
        display: inline-block;
        height: inherit;
        vertical-align: -webkit-baseline-middle;
        width: 130px;
        position: absolute;
        left: 75px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(2) {
        line-height: 47px;
        width: 75%;
        font-size: 1.2em;
        font-weight: 900;
        color: #000
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(3) {
        line-height: 48px;
        width: 17.5%;
        font-size: .8em;
        position: absolute;
        right: 150px
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(4) {
        background: #63bf1f;
        padding: 8.75px;
        display: block;
        color: #fff;
        width: 17.5%;
        position: absolute;
        right: 7px
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.logo li {
        display: inline-block;
        width: 100%
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.logo li img {
        display: inline-block;
        margin: 18px auto 0;
        max-width: 80%
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(1) {
        width: 100%;
        margin: auto;
        font-weight: 900;
        color: #000;
        font-size: 1.4em
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(2) {
        width: 100%;
        font-size: .8em
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(3) a {
        background: #63bf1f;
        padding: 7px;
        display: block;
        color: #fff;
        width: 150px;
        margin: 5px auto 0;
        text-decoration: none
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(1) {
        display: inline-block;
        margin: 0 auto;
        width: 20%
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(1) img {
        display: inline-block;
        height: inherit;
        vertical-align: -webkit-baseline-middle;
        width: 130px;
        position: absolute;
        left: 75px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(2) {
        line-height: 47px;
        width: 75%;
        font-size: 1.2em;
        font-weight: 900;
        color: #000
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(3) {
        background: #63bf1f;
        padding: 9.5px;
        display: block;
        color: #fff;
        width: 25%
    }

    .rankingTableWrapperReview .otherNumber .ribbonArea {
        width: 10%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapperReview .otherNumber .contentArea {
        width: 90%;
        display: block;
        min-height: 1px;
        float: left;
        padding: 6px
    }

    .rankingTableWrapper a .otherNumber .ribbonArea {
        width: 10%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapper a .otherNumber .contentArea {
        width: 90%;
        display: block;
        min-height: 1px;
        float: left;
        padding: 6px
    }

    .rankingTableWrapper a .numberOne .ribbonArea {
        width: 0%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapper a .numberOne .contentArea {
        width: 100%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapper a .numberOne .contentArea ul.logo li {
        display: inline-block;
        width: 100%
    }

    .rankingTableWrapper a .numberOne .contentArea ul.logo li img {
        display: inline-block;
        margin: 18px auto 0;
        max-width: 80%
    }

    .rankingTableWrapper a .numberOne .contentArea ul.info li:nth-child(1) {
        width: 100%;
        margin: 5px 0;
        font-weight: 900;
        color: #000;
        font-size: 1.4em
    }

    .rankingTableWrapper a .numberOne .contentArea ul.info li:nth-child(2) {
        background: #63bf1f;
        padding: 7px;
        display: block;
        color: #fff;
        width: 150px;
        margin: 0 auto
    }

    .rankingTableWrapperReview .numberOne .ribbonArea {
        width: 0%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapperReview .numberOne .contentArea {
        width: 100%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapperReview .numberOne.twoUp {
        width: 46% !important;
        float: left !important
    }
}

@media all and (min-width: 1201px) and (max-width: 6000px) {
    .rankingTableWrapper a .otherNumber, .rankingTableWrapperReview .otherNumber {
        width: 66%;
        display: block;
        float: right;
        height: 58px;
        margin: 0 0 5px;
        box-shadow: 0 0 7px 1px #63bf1f;
        position: relative
    }

    .rankingTableWrapper a .numberOne, .rankingTableWrapperReview .numberOne {
        width: 31.3%;
        margin: 0 2% 0 0;
        display: block;
        box-shadow: 0 0 7px 1px #63bf1f;
        padding: 10px;
        position: relative;
        float: left
    }

    .rankingTableWrapper a .numberOne {
        min-height: 213px;
        background: #fff
    }

    .rankingTableWrapperReview .numberOne {
        min-height: 233px
    }

    .rankingTableWrapper a .numberOne.twoUp {
        width: 48%;
        display: block;
        min-height: 250px;
        float: left;
        box-shadow: 0 0 7px 1px #63bf1f;
        margin: 0 2%;
        padding: 10px;
        position: relative
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(1) {
        display: inline-block;
        margin: 0 auto;
        width: 20%
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(1) img {
        display: inline-block;
        height: inherit;
        width: 130px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -5px
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(2) {
        line-height: 47px;
        width: 85%;
        font-size: 1.2em;
        font-weight: 900;
        color: #000
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(3) {
        line-height: 48px;
        width: 17.5%;
        font-size: .8em;
        position: absolute;
        right: 135px
    }

    .rankingTableWrapperReview .otherNumber .contentArea ul li:nth-child(4) {
        background: #63bf1f;
        padding: 8.75px;
        display: block;
        color: #fff;
        width: 17.5%;
        position: absolute;
        right: 5px
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.logo li {
        display: inline-block;
        width: 100%
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.logo li img {
        display: inline-block;
        margin: 18px auto 0;
        max-width: 80%
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(1) {
        width: 100%;
        margin: auto;
        font-weight: 900;
        color: #000;
        font-size: 1.4em
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(2) {
        width: 100%;
        font-size: .8em;
        line-height: 34px
    }

    .rankingTableWrapperReview .numberOne .contentArea ul.info li:nth-child(3) a {
        background: #63bf1f;
        padding: 7px;
        display: block;
        color: #fff;
        width: 150px;
        margin: 5px auto 0;
        text-decoration: none
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(1) {
        display: inline-block;
        margin: 0 auto;
        width: 20%
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(1) img {
        display: inline-block;
        height: inherit;
        width: 130px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -5px
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(2) {
        line-height: 47px;
        width: 90%;
        font-size: 1.2em;
        font-weight: 900;
        color: #000
    }

    .rankingTableWrapper a .otherNumber .contentArea ul li:nth-child(3) {
        background: #63bf1f;
        padding: 9.5px;
        display: block;
        color: #fff;
        width: 25%;
        position: absolute;
        right: 5px
    }

    .rankingTableWrapperReview .otherNumber .ribbonArea {
        width: 10%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapperReview .otherNumber .contentArea {
        width: 90%;
        display: block;
        min-height: 1px;
        float: left;
        padding: 6px;
        position: relative
    }

    .rankingTableWrapper a .otherNumber .ribbonArea {
        width: 10%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapper a .otherNumber .contentArea {
        width: 90%;
        display: block;
        min-height: 1px;
        float: left;
        padding: 6px;
        position: relative
    }

    .rankingTableWrapper a .numberOne .ribbonArea {
        width: 13%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapper a .numberOne .contentArea {
        width: 87%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapper a .numberOne .contentArea ul.logo li {
        display: inline-block;
        width: 100%
    }

    .rankingTableWrapper a .numberOne .contentArea ul.logo li img {
        display: inline-block;
        margin: 18px auto 0;
        max-width: 80%
    }

    .rankingTableWrapper a .numberOne .contentArea ul.info {
        position: absolute;
        bottom: 20px;
        left: 20px;
        margin: auto
    }

    .rankingTableWrapper a .numberOne .contentArea ul.info li:nth-child(1) {
        width: 100%;
        margin: 5px 0;
        font-weight: 900;
        color: #000;
        font-size: 1.4em
    }

    .rankingTableWrapper a .numberOne .contentArea ul.info li:nth-child(2) {
        background: #63bf1f;
        padding: 7px;
        display: block;
        color: #fff;
        width: 150px;
        margin: 0 auto
    }

    .rankingTableWrapperReview .numberOne .ribbonArea {
        width: 13%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapperReview .numberOne .contentArea {
        width: 87%;
        display: block;
        min-height: 1px;
        float: left
    }

    .rankingTableWrapper .numberOne.twoUp {
        width: 46% !important;
        float: left !important
    }
}

.moreInfoTabs span.bettingSitesTab, .moreInfoTabsForPicks span.bettingSitesTab {
    width: 80px;
    text-align: center;
    line-height: 17px;
    transition: all .4s ease-in-out;
    border-right: 4px solid #63bf1f;
    color: #63bf1f
}

.flex-control-nav {
    display: none
}

.meter {
    height: 40px;
    position: relative;
    margin: 0 0 15px;
    background: #fff;
    box-shadow: inset 0 0 7px 1px #242224
}

.meter > span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden
}

.animate > span > span, .meter > span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    overflow: hidden;
    border-radius: 20px 8px 8px 20px
}

.moreInfoTabs, .moreInfoTabsForPicks {
    position: fixed;
    top: 40%;
    z-index: 1;
    left: 0
}

.animate > span:after {
    display: none
}

.orange > span {
    background-color: #242224
}

.red > span {
    background-color: #f0a3a3;
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323)
}

.nostripes > span:after, .nostripes > span > span {
    -webkit-animation: none;
    background-image: none
}

.moreInfoTabs a, .moreInfoTabs span.bettingSitesTab, .moreInfoTabsForPicks a, .moreInfoTabsForPicks span.bettingSitesTab {
    background: #fff;
    border-top: 1px solid #dedede
}

.moreInfoTabs a {
    display: table;
    padding: 15px 0;
    border-left: 1px solid #dedede
}

.moreInfoTabs a:nth-child(2):hover::after, .moreInfoTabs a:nth-child(3):hover::after, .moreInfoTabs a:nth-child(4):hover::after, .moreInfoTabs a:nth-child(5):hover::after, .moreInfoTabs a:nth-child(6):hover::after {
    padding: 20px 10px
}

.moreInfoTabs a img {
    display: none
}

.moreInfoTabs a:hover img {
    display: unset;
    height: 20px;
    padding: 0 20px;
    vertical-align: -12%
}

.moreInfoTabs span.bettingSitesTab {
    padding: 10px;
    font-size: .8em;
    display: block
}

.moreInfoTabs a:nth-child(2)::after, .moreInfoTabs a:nth-child(3)::after, .moreInfoTabs a:nth-child(4)::after, .moreInfoTabs a:nth-child(5)::after, .moreInfoTabs a:nth-child(6)::after {
    padding: 20px 25px;
    transition: all .4s ease-in-out;
    border-right: 4px solid #63bf1f;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    font-size: 1.2em;
    color: #63bf1f;
    font-weight: 900
}

.moreInfoTabs a:nth-child(2)::after {
    content: "#1"
}

.moreInfoTabs a:nth-child(3)::after {
    content: "#2"
}

.moreInfoTabs a:nth-child(4)::after {
    content: "#3"
}

.moreInfoTabs a:nth-child(5)::after {
    content: "#4"
}

.moreInfoTabs a:nth-child(6)::after {
    content: "#5"
}

.moreInfoTabsForPicks a {
    display: table;
    padding: 15px 0;
    border-left: 1px solid #dedede
}

.moreInfoTabsForPicks a:nth-child(1):hover::after, .moreInfoTabsForPicks a:nth-child(2):hover::after, .moreInfoTabsForPicks a:nth-child(3):hover::after, .moreInfoTabsForPicks a:nth-child(4):hover::after, .moreInfoTabsForPicks a:nth-child(5):hover::after {
    padding: 20px 10px
}

.moreInfoTabsForPicks a img {
    display: none
}

.moreInfoTabsForPicks a:hover img {
    display: unset;
    height: 20px;
    padding: 0 20px;
    vertical-align: -12%
}

.moreInfoTabsForPicks span.bettingSitesTab {
    padding: 10px;
    font-size: .8em;
    display: block
}

.moreInfoTabsForPicks a:nth-child(1)::after, .moreInfoTabsForPicks a:nth-child(2)::after, .moreInfoTabsForPicks a:nth-child(3)::after, .moreInfoTabsForPicks a:nth-child(4)::after, .moreInfoTabsForPicks a:nth-child(5)::after {
    padding: 20px 25px;
    transition: all .4s ease-in-out;
    border-right: 4px solid #63bf1f;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    font-size: 1.2em;
    color: #63bf1f;
    font-weight: 900
}

.moreInfoTabsForPicks a:nth-child(1)::after {
    content: "MLB"
}

.moreInfoTabsForPicks a:nth-child(2)::after {
    content: "NBA"
}

.moreInfoTabsForPicks a:nth-child(3)::after {
    content: "SOCCER"
}

.moreInfoTabsForPicks a:nth-child(4)::after {
    content: "FOOTBALL"
}

.moreInfoTabsForPicks a:nth-child(5)::after {
    content: "HOCKEY"
}

.dev article.card {
    width: 100% !important
}

#slider {
    height: 900px
}

@media all and (min-width: 0px) and (max-width: 1024px) {
    .sendgrid-subscribe {
        max-width: 100%;
        width: 100%
    }

    .comment_box_sidebar {
        display: none
    }

    a.cta_relative {
        position: relative;
        z-index: 10
    }

    a.cta_relative .cta_positioning {
        position: fixed;
        bottom: 7px;
        right: 14px;
        text-decoration: none;
        animation: pulse 1.4s infinite ease-in-out
    }

    a.cta_relative .cta_positioning img {
        width: 140px
    }

    a.cta_relative .cta_positioning span {
        width: 80px;
        display: block;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        line-height: 18px;
        font-weight: 900
    }

    @keyframes pulse {
        0%, 100% {
            transition: all 2.25s ease
        }
        50% {
            transform: scale(1.1)
        }
    }h3.titleHeight {
         margin: 14px 8px 8px;
         font-size: 1.2em;
         line-height: 24px;
         color: #000;
         text-align: center
     }

    li.postSliderHeights {
        height: 200px;
        box-shadow: 0 0 7px 1px #999
    }

    .boxHeight {
        height: 120px;
        overflow: hidden
    }

    .flex-viewport {
        max-height: 205px
    }
}

@media all and (min-width: 1025px) and (max-width: 6000px) {
    a.cta_relative {
        position: relative;
        z-index: 10
    }

    a.cta_relative .cta_positioning {
        position: fixed;
        bottom: 45px;
        right: 55px;
        text-decoration: none;
        animation: pulse 1.4s infinite ease-in-out
    }

    a.cta_relative .cta_positioning img {
        width: 140px
    }

    a.cta_relative .cta_positioning span {
        width: 80px;
        display: block;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        line-height: 18px;
        font-weight: 900
    }

    @keyframes pulse {
        0%, 100% {
            transition: all 2.25s ease
        }
        50% {
            transform: scale(1.1)
        }
    }h3.titleHeight {
         margin: 10px 8px;
         font-size: .9em;
         line-height: 19px;
         color: #000;
         text-align: center
     }

    li.postSliderHeights {
        height: 200px;
        box-shadow: 0 0 7px 1px #999
    }

    .boxHeight {
        height: 130px;
        overflow: hidden
    }

    .flex-viewport {
        max-height: 900px
    }
}

.btn-wrapper {
    margin: 0 0 40px;
    display: block;
    clear: both
}

.parallax {
    background-image: url(https://388803b8fbeaf8c08fc98fcd-yqjivnwq09blzymkn6q.netdna-ssl.com/wp-content/themes/sportsgeek/images/mlb-picks-823x270.jpg);
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

body, html {
    height: 100%
}

.parallax span:nth-child(1), .parallax span:nth-child(2), .parallax span:nth-child(3) {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 15px;
    height: 10px;
    background: url(../../../images/downArrowForParalax4.png) no-repeat;
    float: left
}

.parallax span:nth-child(1) {
    animation: animatedArrowOne 1.4s infinite ease-in-out
}

.parallax span:nth-child(2) {
    animation: animatedArrowTwo 1.4s infinite ease-in-out
}

.parallax span:nth-child(3) {
    animation: animatedArrowThree 1.4s infinite ease-in-out
}

@keyframes animatedArrowOne {
    from {
        bottom: 25%;
        opacity: 0
    }
    to {
        bottom: 16%;
        opacity: .5
    }
}

@keyframes animatedArrowTwo {
    from {
        bottom: 23%;
        opacity: 0
    }
    to {
        bottom: 16%;
        opacity: .5
    }
}

@keyframes animatedArrowThree {
    from {
        bottom: 21%;
        opacity: 0
    }
    to {
        bottom: 16%;
        opacity: .5
    }
}

@media all and (min-width: 0px) and (max-width: 1414px) {
    a.stickyNoteRacingFestival {
        width: 120px;
        height: 150px;
        background: url(../../../images/racing-festival-belmont-stakes-150_mobile.png) 50% 20% no-repeat #fff;
        box-shadow: 0 0 15px 1px #ab9365;
        position: fixed;
        bottom: 0;
        right: 20px;
        z-index: 1;
        display: block;
        border-bottom: 35px solid #ab9365
    }

    a.stickyNoteRacingFestival span {
        position: absolute;
        bottom: -28px;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        color: #fff;
        text-align: center;
        font-size: .8em
    }
}

@media all and (min-width: 1415px) and (max-width: 6000px) {
    a.stickyNoteRacingFestival {
        width: 170px;
        height: 220px;
        background: url(../../../images/racing-festival-belmont-stakes-150.png) 50% 20% no-repeat #fff;
        box-shadow: 0 0 20px 1px #ab9365;
        position: fixed;
        bottom: 0;
        right: 200px;
        z-index: 9;
        display: block
    }

    a.stickyNoteRacingFestival:hover {
        bottom: 0;
        height: 268px;
        border-bottom: 50px solid #ab9365;
        opacity: 100;
        box-shadow: 0 0 40px 1px #ab9365
    }

    a.stickyNoteRacingFestival span {
        position: absolute;
        bottom: -40px;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        color: #fff;
        text-align: center
    }
}

@media all and (min-width: 0px) and (max-width: 768px) {
    .fifa_container {
        width: 100%;
        padding: 20px;
        background: #fff;
        float: left;
        clear: both;
        height: auto;
        display: -ms-inline-grid;
        display: inline-grid;
        position: relative;
        box-shadow: 0 0 12px 1px #dedede
    }

    .fifa_container h3 {
        color: #00153a
    }

    .fifa_container img {
        text-align: -webkit-center;
        margin: 0 auto;
        display: block
    }

    .fifa_container span.link {
        background: #8ad06f;
        padding: 15px 40px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        margin: 20px auto 0;
        text-align: center;
        display: block
    }

    .fifa_container ol.one, .fifa_container ul.one {
        display: block;
        margin: 0
    }

    .fifa_container ol.two, .fifa_container ul.two {
        display: block;
        margin: 0 0 10px
    }

    .fifa_container ol li, .fifa_container ul li {
        list-style: none;
        background: 0 0
    }

    .fifa_container ol li span::before, .fifa_container ul li span::before {
        content: ''
    }
}

@media all and (min-width: 769px) and (max-width: 6000px) {
    .fifa_container {
        width: 60%;
        padding: 20px;
        background: #fff;
        float: left;
        clear: both;
        min-height: 240px;
        display: flex;
        margin: 0 20%;
        position: relative;
        box-shadow: 0 0 12px 1px #dedede
    }

    .fifa_container img {
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .fifa_container h3 {
        color: #00153a
    }

    .fifa_container span.link {
        position: absolute;
        left: 20px;
        bottom: 20px;
        background: #8ad06f;
        padding: 15px 40px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700
    }

    .fifa_container ol.one, .fifa_container ul.one {
        position: absolute;
        left: 0;
        top: 70px;
        display: block;
        margin: 0 0 94px
    }

    .fifa_container ol.two, .fifa_container ul.two {
        position: absolute;
        left: 125px;
        top: 70px;
        display: block;
        margin: 0 0 94px
    }

    .fifa_container ol li, .fifa_container ul li {
        list-style: none;
        background: 0 0
    }

    .fifa_container ol li span::before, .fifa_container ul li span::before {
        content: ''
    }
}

@media all and (min-width: 0px) and (max-width: 1229px) {
    #cta_russia_2018 {
        position: fixed;
        right: 0;
        z-index: 51;
        display: block;
        width: 150px;
        bottom: 5px
    }

    #cta_russia_2018 a img {
        width: 70px;
        position: absolute;
        left: 0;
        right: 0;
        top: 7px;
        margin: auto;
        text-align: center
    }

    #cta_russia_2018 a {
        background: url(../../../images/russiaLightImageMobile.png) 50% 50% no-repeat #fff;
        width: 100px;
        height: 100px;
        float: left;
        border-radius: 60px;
        box-shadow: 0 0 21px 1px #333;
        border: 2px solid #acaeb0
    }

    #cta_russia_2018 .container {
        position: relative;
        width: 100px
    }
}

@media all and (min-width: 1230px) and (max-width: 6000px) {
    #cta_russia_2018 a, #cta_russia_2018 a:hover {
        width: 200px;
        height: 200px;
        float: left;
        box-shadow: 0 0 21px 1px #333
    }

    #cta_russia_2018 a img, #cta_russia_2018 a:hover img, #cta_russia_2018 a:hover::after {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto
    }

    #cta_russia_2018 {
        position: fixed;
        right: 200px;
        z-index: 51;
        display: block;
        width: 200px;
        bottom: 5px
    }

    #cta_russia_2018 a img {
        width: 140px;
        top: 11px
    }

    #cta_russia_2018 a:hover img {
        width: 140px;
        top: 11px;
        opacity: .3
    }

    #cta_russia_2018 a {
        background: url(../../../images/russiaDarkImage4.png) 50% 50% no-repeat #fff;
        border-radius: 100px;
        border: 2px solid #acaeb0
    }

    #cta_russia_2018 a:hover {
        background: url(../../../images/russiaDarkImage4.png) 50% 50% no-repeat;
        border: 2px solid #acaeb0
    }

    #cta_russia_2018 a:hover::after {
        content: 'GET IN ON THE ACTION';
        background: #63bf1f;
        padding: 10px 20px;
        color: #0a0a0a;
        top: 80px;
        opacity: 100 !important;
        font-weight: 900;
        line-height: 18px;
        width: 80%;
        box-shadow: 0 0 10px 1px #000;
        border-radius: 10px
    }

    #cta_russia_2018 .container {
        position: relative;
        width: 200px
    }
}

@media all and (min-width: 0px) {
    .mainReviewContainer .leftContainer .topBox {
        width: 100%;
        margin: 10px auto 0
    }

    .mainReviewContainer .leftContainer .bottomBox {
        width: 100%;
        margin: 10px auto;
        text-align: center
    }

    .mainReviewContainer .leftContainer {
        background: #172a4c;
        padding: 20px;
        opacity: .9;
        width: 100%;
        display: inline-block;
        float: left;
        margin: 10px 0 0;
        border: 1px solid #757f92
    }

    .mainReviewContainer .rightContainer {
        width: 100%;
        display: inline-block;
        float: left;
        margin: 7px 0
    }

    .mainReviewContainer .leftContainer span.percentage {
        color: #fff;
        font-weight: 900;
        font-size: 5em;
        text-align: center;
        line-height: 67px;
        display: block
    }

    .mainReviewContainer .leftContainer span.welcome {
        color: #fff;
        font-size: 2em;
        line-height: 34px;
        font-weight: 900;
        text-align: center;
        display: block;
        margin: 20px 0 0
    }

    .mainReviewContainer .leftContainer span.upTo {
        color: #fff;
        font-size: 2em;
        line-height: 65px;
        font-weight: 900;
        text-align: center;
        display: block;
        margin: 0
    }

    .mainReviewContainer .leftContainer span.amount {
        color: #fff;
        font-weight: 900;
        font-size: 4em;
        line-height: 67px;
        text-align: center;
        display: block
    }

    .mainReviewContainer .rightContainer .contents {
        width: 100%
    }

    .mainReviewContainer .rightContainer .contents div {
        font-size: 1.4em;
        line-height: 25px;
        color: #fff;
        clear: both;
        text-align: center;
        padding: 20px 0
    }

    .mainReviewContainer .rightContainer .contents.pros {
        border: 1px solid #74cc52
    }

    .mainReviewContainer .rightContainer .contents.cons {
        border: 1px solid #ed0e33
    }

    .mainReviewContainer .rightContainer .contents > img {
        margin: 0 auto;
        display: block
    }

    .singleReviewH1 {
        color: #00153a
    }

    .vHeight {
        margin: 0
    }
}

@media all and (min-width: 768px) {
    .mainReviewContainer .leftContainer .topBox {
        width: 70%;
        margin: 0 auto
    }

    .mainReviewContainer .leftContainer .bottomBox {
        width: 100%;
        margin: 30px auto 10px;
        text-align: center
    }

    .mainReviewContainer .leftContainer .bottomBoxWider {
        width: 100%;
        margin: 0 auto 10px;
        text-align: center
    }

    .mainReviewContainer .leftContainer {
        background: #242224;
        padding: 20px;
        opacity: .9;
        display: inline-block;
        float: left;
        border: 1px solid #757f92;
        width: 100%;
        margin: 1% 1% 1% 0
    }

    .mainReviewContainer .rightContainer {
        width: 100%;
        display: inline-block;
        float: left;
        margin: 1% 0 1% 1%
    }

    .mainReviewContainer .leftContainer span.percentage {
        color: #fff;
        font-weight: 900;
        font-size: 6em;
        line-height: 67px;
        margin: 0 9px 0 0
    }

    .mainReviewContainer .leftContainer span.welcome {
        color: #fff;
        font-size: 2em;
        line-height: 34px;
        font-weight: 900
    }

    .mainReviewContainer .leftContainer span.upTo {
        color: #fff;
        font-size: 2em;
        display: block;
        line-height: 65px;
        font-weight: 900
    }

    .mainReviewContainer .leftContainer span.amount {
        color: #fff;
        font-weight: 900;
        font-size: 6em;
        float: right;
        display: contents;
        line-height: 67px;
        margin: 0 9px 0 0
    }

    .mainReviewContainer .rightContainer .contents {
        width: 30.5%
    }

    .mainReviewContainer .rightContainer .contents div {
        font-size: 1.4em;
        line-height: 1.2;
        color: #fff;
        clear: none;
        text-align: left
    }

    .mainReviewContainer .rightContainer .contents > img {
        float: right;
        margin: 0 0 20px
    }

    .mainReviewContainer {
        background: #1a2029;
        margin-top: 2px
    }

    .singleReviewH1 {
        color: #fff
    }

    .vHeight {
        margin: 730px 0 0
    }
}

@media (max-width: 700px) and (min-width: 1400px) {
    .mainReviewContainer {
        padding-top: 0
    }
}

.header-cta .header-cta-container .cta-content h2 {
    text-shadow: 0 0 7px #333
}

.mainReviewContainer .rightContainer .contents {
    background: #242224;
    padding: 0 20px;
    opacity: .9;
    display: block;
    float: left;
    border: 1px solid #757f92;
    margin: 0 1% 1%
}

.mainReviewContainer .rightContainer .contents .starContain {
    text-align: center
}

.mainReviewContainer .rightContainer .contents .starContain img {
    margin: 0 10px 0 0
}

.mainReviewContainer .rightContainer .contents.pros > span {
    border-bottom: 1px solid #74cc52;
    display: block;
    color: #74cc52;
    font-size: 1.6em
}

.mainReviewContainer .rightContainer .contents.cons > span {
    border-bottom: 1px solid #ed0e33;
    display: block;
    color: #ed0e33;
    font-size: 1.6em
}

ul.cons, ul.cons.black, ul.pros, ul.pros.black {
    margin: 10px;
    padding: 0;
    font-size: 1em;
    list-style: none
}

.mainReviewContainer .rightContainer .contents > div > span {
    font-weight: 900;
    color: #ffb41b
}

ul.cons, ul.pros {
    color: #fff
}

ul.cons.black, ul.pros.black {
    color: #333
}

ul.cons li::before, ul.pros li::before {
    content: '';
    width: 16px;
    height: 16px;
    float: left;
    margin: 7px
}

ul.pros li::before {
    background: url(../../../images/greenCheckMark.png)
}

ul.cons li::before {
    background: url(../../../images/redX.png)
}

.mainReviewContainer .leftContainer img {
    margin: 0 auto;
    display: block
}

.mainReviewContainer .leftContainer span.link {
    background: #70c454;
    max-width: 260px;
    display: block;
    padding: 10px;
    text-align: center;
    margin: 20px auto 0;
    color: #fff;
    font-weight: 900;
    font-size: 1.6em
}

@media all and (min-width: 0px) {
    .fourCol, .threeCol {
        width: 100%;
        float: left;
        box-shadow: 0 0 10px 1px #dedede;
        padding: 20px 20px 0;
        margin: 0 0 15px;
        height: auto
    }
}

@media all and (min-width: 1200px) {
    .fourCol, .threeCol {
        float: left;
        box-shadow: 0 0 10px 1px #dedede;
        padding: 20px 20px 0;
        margin: 1%;
        min-height: 280px
    }

    .fourCol {
        width: 31.3333333334%
    }

    .threeCol {
        width: 23%
    }
}

@media all and (min-width: 0px) {
    .reviewBar, .reviewBoxes {
        display: block;
        text-align: center
    }

    .reviewBoxes {
        width: 97%;
        float: left;
        min-height: 200px;
        margin: 2%;
        box-shadow: 0 0 5px 1px #d4d4d4;
        position: relative;
        background: #ececec
    }

    .reviewBar {
        background: #63bf1f;
        padding: 3px 5px;
        width: 60%;
        margin: 7px auto;
        color: #fff;
        font-size: .9em
    }

    .reviewSearchBar, .reviewSearchBar input, .reviewSelect, .reviewSelect select, .reviewText {
        width: 100%;
        float: left;
        display: block;
        min-height: 1px
    }

    .reviewSearchBar {
        margin: 5px 0
    }

    .reviewSearchBar input {
        margin: 0
    }

    img.reviewLogos {
        clear: both;
        max-width: 180px;
        vertical-align: -webkit-baseline-middle
    }
}

@media all and (min-width: 380px) {
    .reviewBar, .reviewBoxes {
        display: block;
        text-align: center
    }

    .reviewBoxes {
        width: 46%;
        float: left;
        min-height: 200px;
        margin: 2%;
        box-shadow: 0 0 5px 1px #d4d4d4;
        position: relative;
        background: #ececec
    }

    .reviewBar {
        background: #63bf1f;
        padding: 3px 5px;
        width: 80%;
        margin: 7px auto;
        color: #fff;
        font-size: .9em
    }

    .reviewSearchBar, .reviewSearchBar input, .reviewSelect, .reviewSelect select, .reviewText {
        width: 100%;
        float: left;
        display: block;
        min-height: 1px
    }

    .reviewSearchBar {
        margin: 5px 0
    }

    .reviewSearchBar input {
        margin: 0
    }

    img.reviewLogos {
        clear: both;
        max-width: 100%;
        vertical-align: -webkit-baseline-middle
    }
}

@media all and (min-width: 480px) {
    .reviewBar, .reviewBoxes {
        display: block;
        text-align: center
    }

    .reviewBoxes {
        width: 48%;
        float: left;
        min-height: 200px;
        margin: 1%;
        box-shadow: 0 0 5px 1px #d4d4d4;
        position: relative;
        background: #ececec
    }

    .reviewBar {
        background: #63bf1f;
        padding: 3px 5px;
        width: 60%;
        margin: 7px auto;
        color: #fff;
        font-size: .9em
    }

    .reviewSearchBar, .reviewSearchBar input, .reviewSelect, .reviewSelect select, .reviewText {
        width: 100%;
        float: left;
        display: block;
        min-height: 1px
    }

    .reviewSearchBar {
        margin: 0
    }

    .reviewSearchBar input {
        margin: 5px 0
    }

    img.reviewLogos {
        clear: both;
        max-width: 140px;
        vertical-align: -webkit-baseline-middle
    }
}

@media all and (min-width: 991px) {
    .reviewBoxes {
        width: 23%;
        float: left;
        display: block;
        min-height: 200px;
        margin: 1%;
        box-shadow: 0 0 5px 1px #d4d4d4;
        text-align: center;
        position: relative;
        background: #ececec
    }

    .reviewSearchBar, .reviewSearchBar input, .reviewSelect, .reviewSelect select, .reviewText {
        float: left;
        display: block;
        min-height: 1px
    }

    .reviewBar {
        display: block;
        background: #63bf1f;
        padding: 3px 5px;
        text-align: center;
        width: 80%;
        margin: 7px auto;
        color: #fff;
        font-size: .9em
    }

    .reviewText {
        width: 35%
    }

    .reviewSearchBar {
        width: 45%
    }

    .reviewSelect {
        width: 20%
    }

    .reviewSearchBar input {
        width: 97%;
        margin: 0
    }

    .reviewSelect select {
        width: 100%
    }

    img.reviewLogos {
        clear: both;
        max-width: 140px;
        vertical-align: -webkit-baseline-middle
    }
}

@media all and (min-width: 1200px) {
    .reviewBoxes {
        width: 23%;
        float: left;
        display: block;
        min-height: 200px;
        margin: 1%;
        box-shadow: 0 0 5px 1px #d4d4d4;
        text-align: center;
        position: relative;
        background: #ececec
    }

    .reviewSearchBar, .reviewSearchBar input, .reviewSelect, .reviewSelect select, .reviewText {
        float: left;
        display: block;
        min-height: 1px
    }

    .reviewBar {
        display: block;
        background: #63bf1f;
        padding: 3px 5px;
        text-align: center;
        width: 140px;
        margin: 7px auto;
        color: #fff;
        font-size: .9em
    }

    .reviewSearchBar input {
        width: 97%;
        margin: 0
    }

    .reviewSelect select {
        width: 100%
    }

    .reviewText {
        width: 35%
    }

    .reviewSearchBar {
        width: 45%
    }

    .reviewSelect {
        width: 20%
    }

    img.reviewLogos {
        clear: both;
        max-width: 140px;
        vertical-align: -webkit-baseline-middle
    }
}

input#reviews:-ms-input-placeholder {
    font-size: 1em;
    color: #000
}

input#reviews::placeholder {
    font-size: 1em;
    color: #000
}

.flip-container.hover .flipper, .flip-container:hover .flipper {
    transform: rotateY(180deg)
}

.flipper {
    transition: .6s;
    transform-style: preserve-3d;
    position: relative
}

.back, .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.back a {
    color: #000
}

.big_btn_image a, .big_btn_white a, a.big_btn {
    color: #fff;
    text-decoration: none
}

@media all and (min-width: 0px) and (max-width: 1024px) {
    .flip-container {
        perspective: 1000px;
        position: fixed;
        right: 18px;
        bottom: 30px;
        z-index: 2
    }

    .front {
        z-index: 2;
        transform: rotateY(0);
        display: none
    }

    .back {
        transform: rotateY(180deg)
    }

    .back, .flip-container, .front {
        width: 100px;
        height: 102px
    }

    span.text {
        position: absolute;
        left: 0;
        right: 0;
        top: 40px;
        font-weight: 900;
        display: block;
        text-align: center;
        line-height: 16px;
        font-size: .7em;
        transform: scale(-1, 1)
    }

    img.text {
        position: absolute;
        bottom: -118px
    }

    ul.mobile1 {
        -ms-grid-columns:(minmax(100%, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))
    }

    ul.mobile2 {
        -ms-grid-columns:(minmax(50%, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(50%, 1fr))
    }

    ul.mobile3 {
        -ms-grid-columns:(minmax(33%, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(33%, 1fr))
    }

    ul.mobile4 {
        -ms-grid-columns:(minmax(25%, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(25%, 1fr))
    }

    ul.mobile5 {
        -ms-grid-columns:(minmax(20%, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(20%, 1fr))
    }
}

@media screen and (max-width: 992px) {
    .picks_cta > div:nth-of-type(1) .pick_data .odds, .picks_cta > div:nth-of-type(1) .pick_data .spread {
        margin: 5px
    }

    .picks_cta > div:nth-of-type(2) {
        padding: 20px
    }

    .picks_cta > div:nth-of-type(2):after {
        display: none
    }

    .theme04_rankingTable .contentArea {
        padding-left: 0;
        flex-wrap: wrap;
        justify-content: space-around
    }

    .theme04_rankingTable .contentArea .box_btn {
        width: 100%;
        height: 80px
    }

    .theme04_rankingTable .contentArea .box.screenshot span.image {
        margin-left: 80px
    }

    .theme04_rankingTable .contentArea .box {
        width: 31%;
        padding: 30px 0
    }
}

@media screen and (max-width: 768px) {
    .picks_cta {
        flex-direction: column
    }

    .picks_cta > div {
        max-width: 100%
    }

    .picks_cta > div:nth-of-type(1) .pick_name {
        flex-direction: column
    }

    .picks_cta > div:nth-of-type(1) .pick_data {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap
    }

    .picks_cta > div:nth-of-type(1) .pick_data .odds, .picks_cta > div:nth-of-type(1) .pick_data .spread {
        margin: 5px;
        min-width: 190px
    }

    .picks_cta > div:nth-of-type(2) {
        padding: 20px
    }

    .picks_cta > div:nth-of-type(2):after {
        display: none
    }

    .theme04_rankingTable .contentArea .box.bonus {
        display: block;
        width: 100%;
        text-align: center
    }

    .theme04_rankingTable .contentArea .box {
        width: 48%;
        padding: 30px 0
    }
}

@media screen and (max-width: 530px) {
    .theme04_rankingTable .contentArea .box.screenshot span.image {
        margin-left: 0
    }

    .theme04_rankingTable .contentArea .box {
        width: 100%;
        padding: 10px 0
    }

    .theme04_rankingTable .contentArea .box.screenshot {
        width: 254px
    }

    ul.smallmobile1 {
        -ms-grid-columns:(minmax(100%, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))
    }

    ul.smallmobile2 {
        -ms-grid-columns:(minmax(50%, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(50%, 1fr))
    }

    ul.smallmobile3 {
        -ms-grid-columns:(minmax(33%, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(33%, 1fr))
    }
}

@media screen and (max-width: 480px) {
    .big_arrowButton {
        font-size: 25px
    }
}

@media (min-width: 576px) and (max-width: 1200px) {
    .featuredContainer .featuredSite {
        padding: 10px 20px
    }

    .featuredContainer .featuredSite p:nth-child(2) {
        font-size: 3em
    }

    .author-page__section .author-posts__sub-title, .author-page__section .author-posts__title {
        font-size: 1.2rem
    }
}

@media (min-width: 768px) {
    .featuredContainer .featuredSite {
        padding: 10px 20px
    }

    .featuredContainer .featuredSite p:nth-child(2) {
        font-size: 3.4em
    }

    .author-page__section .author-info {
        grid-column-gap: 0;
        -ms-grid-columns: 192px auto;
        grid-template-columns:192px auto;
        -ms-grid-rows: auto;
        grid-template-rows:auto;
        grid-template-areas:"image title" "image bio" "image buttons"
    }

    .author-page__section .author-info__image {
        justify-self: self-end
    }

    .author-page__section .author-info__name h1 {
        font-size: 36px;
        padding-left: 30px;
        text-align: left
    }

    .author-page__section .author-info__bio {
        padding-left: 30px
    }

    .author-page__section .author-info__actions {
        justify-content: flex-end
    }

    .author-page__section .author-posts__item {
        width: 48%
    }
}

@media (min-width: 1160px) {
    .author-page__section {
        padding: 50px 0
    }

    .author-page__section .author-filters__items {
        flex-wrap: unset;
        flex-direction: row;
        justify-content: space-between;
        max-width: 1200px;
        margin: 0 auto
    }

    .author-page__section .author-filters__input {
        max-width: 230px !important;
        width: auto !important
    }
}

@media (min-width: 1200px) {
    .author-page__section .author-posts__item {
        max-width: 385px
    }
}

@media only screen and (max-width: 1200px) {
    .image-as-background {
        width: auto
    }
}

@media all and (min-width: 1025px) and (max-width: 6000px) {
    .flip-container {
        perspective: 1000px;
        position: fixed;
        right: 50px;
        bottom: 60px;
        z-index: 2
    }

    .front {
        z-index: 2;
        transform: rotateY(0)
    }

    .back {
        transform: rotateY(180deg)
    }

    .back, .flip-container, .front {
        width: 160px;
        height: 162px
    }

    span.text {
        position: absolute;
        left: 0;
        right: 0;
        top: 65px;
        font-weight: 900;
        display: block;
        text-align: center
    }

    img.text {
        position: absolute;
        bottom: -190px
    }
}

.big_btn_image a, a.big_btn {
    font-weight: 700;
    text-align: center
}

@media (min-width: 576px) {
    .featuredContainer .featuredSite {
        padding: 10px 20px
    }

    .featuredContainer .featuredSite p:nth-child(2) {
        font-size: 3em
    }

    .author-page__section .author-filters__label {
        display: inline-block
    }
}

@media (min-width: 768px) {
    .featuredContainer .featuredSite {
        padding: 10px 20px
    }

    .featuredContainer .featuredSite p:nth-child(2) {
        font-size: 3.4em
    }
}

@media (max-width: 700px) {
    .top-banner {
        max-width: 320px
    }
}

.flex-center-wrap {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    max-width: 1000px;
    margin: 20px auto
}

.big_btn_image, a.big_btn {
    max-width: 245px;
    background-position: center
}

.big_btn_image {
    width: 46%;
    min-height: 64px;
    padding: 4px;
    margin: 10px 4px;
    border: 1px solid #000d21;
    border-bottom: 4px solid #000d21;
    background-size: cover
}

.big_btn_image a {
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 20px;
    font-size: 18px
}

.big_btn_white, a.big_btn {
    width: 46%;
    margin: 10px 4px
}

.big_btn_image:hover {
    transition: all .3s;
    border-bottom: 4px solid #285bac
}

a.big_btn {
    padding: 20px 5px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 4px solid #000d21;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 60px;
    line-height: 22px
}

a.big_btn:hover {
    transition: all .3s;
    border-bottom: 4px solid #285bac
}

.big_btn_white {
    min-height: 110px;
    min-width: 300px;
    max-width: 355px;
    position: relative
}

.big_btn_white a {
    display: flex;
    justify-content: center
}

.big_btn_white .big_btn_image_text {
    position: absolute;
    box-shadow: inset 0 0 0 2px #fff;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 30px;
    font-weight: 700;
    font-size: 30px;
    padding: 40px;
    text-align: center
}

.big_btn_white:hover .big_btn_image_bg {
    transition: all .1s;
    filter: blur(2px);
    -webkit-filter: blur(2px)
}

.big_btn_white:hover .big_btn_image_text {
    opacity: .75
}

.big_btn_image_bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: cover
}

a.slots_btn {
    background-image: url(../../../images/slots.jpg)
}

a.blackjack_btn {
    background-image: url(../../../images/blackjack.jpg)
}

a.craps_btn {
    background-image: url(../../../images/craps.jpg)
}

a.roulette_btn {
    background-image: url(../../../images/roulette.jpg)
}

a.bingo_btn {
    background-image: url(../../../images/bingo.jpg)
}

a.poker_btn {
    background-image: url(../../../images/poker.jpg)
}

@media screen and (max-width: 768px) {
    .big_btn_white .big_btn_image_text {
        line-height: 25px;
        font-size: 25px
    }
}

@media screen and (max-width: 499px) {
    .big_btn_image a {
        font-size: 16px
    }
}

@media screen and (max-width: 425px) {
    .big_btn_white .big_btn_image_text {
        line-height: 20px;
        font-size: 18px
    }
}

.rank_site2 tbody:nth-of-type(1) tr:nth-of-type(1) {
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px
}

.rank_site2 tbody tr td span.link {
    background: #00761e;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 1.6em;
    font-weight: bolder;
    display: flex;
    flex-wrap: wrap;
    min-width: 170px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 60%;
    border-radius: 30px
}

@media screen and (min-width: 50em) {
    .rank_site2 tbody tr td span.link {
        justify-content: space-between
    }

    .rank_site2 tbody tr td span.link:after {
        content: '';
        background: url(../../../images/whiteRightArrow.png) no-repeat;
        width: 20px;
        height: 20px;
        float: right;
        margin: 0 0 0 8px
    }
}

.rank_site2 tbody tr:first-child td:nth-child(4) span.link {
    background: #d2bb23
}

.rank_site2 tbody tr:hover td:nth-child(4) span.link {
    background: #ff9600
}

.rank_site2 tbody tr td.nt_bonus span span.bonus_amount {
    font-size: inherit !important
}

.rank_site2 tbody tr td.nt_bonus span span.bonus_amount:before {
    content: none
}

.wrap-404 {
    background: url(../../../images/404-bg-mobile.png) bottom center no-repeat;
    background-size: contain;
    min-height: 780px;
    padding-top: 60px
}

@media screen and (min-width: 36em) {
    .wrap-404 {
        background: url(../../../images/404-bg-desktop.gif) bottom center no-repeat;
        background-size: cover;
        min-height: 850px
    }
}

.wrap-404__wrapper {
    padding: 0 38px 100px;
    max-width: 400px
}

@media screen and (min-width: 64em) {
    .wrap-404__wrapper {
        margin-left: 10%
    }
}

@media screen and (min-width: 85.375em) {
    .wrap-404__wrapper {
        margin-left: 20%
    }
}

@media screen and (min-width: 120em) {
    .wrap-404__wrapper {
        margin-left: 30%
    }
}

.wrap-404__title {
    width: 80%;
    height: auto;
    margin: 0 auto 40px;
    text-align: center
}

.wrap-404__content {
    font-family: montserrat regular;
    color: #000;
    text-align: center
}

.wrap-404__fl {
    font-size: 22px;
    line-height: 22px
}

.wrap-404__sl {
    font-size: 14px;
    line-height: 14px
}

.wrap-404__buttons a {
    background: #293243;
    font-family: montserrat semibold;
    width: 100%;
    padding: 12px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin: 5px;
    font-size: 14px
}

.wrap-404__buttons a:hover {
    background: #37496c;
    opacity: 1
}

.reviews-cta-wrapper {
    color: #081c40;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    width: 100%;
    top: 0;
    border-top: 2px solid #6ca755;
    background-color: #fff;
    min-height: 80px;
    box-shadow: 0 5px 10px -4px #b8b8b8;
    margin-top: 15px
}

.reviews-cta-wrapper .cta-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    padding: 0 .9375rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.reviews-cta-wrapper .cta-container .cta-logo-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 260px;
    min-width: 200px
}

.reviews-cta-wrapper .cta-container .cta-logo-wrapper img.cta-stars {
    max-height: 20px;
    margin-bottom: 4px
}

.reviews-cta-wrapper .cta-container .cta-logo-wrapper .cta-logo {
    width: 100%;
    max-width: 260px;
    height: auto;
    max-height: 40px
}

.reviews-cta-wrapper .cta-container .cta-logo-wrapper .cta-us-allowed {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.reviews-cta-wrapper .cta-container .cta-logo-wrapper .cta-us-allowed span {
    font-size: 10px;
    color: #081c40;
    margin: auto 2px;
    font-weight: 700
}

.reviews-cta-wrapper .cta-container .cta-logo-wrapper .cta-us-allowed span.cta-approved {
    color: #569b3b
}

.reviews-cta-wrapper .cta-container .cta-logo-wrapper .cta-us-allowed img:nth-of-type(2) {
    margin: auto 10px
}

.reviews-cta-wrapper .cta-container .cta-bonus-info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 380px
}

.reviews-cta-wrapper .cta-container .cta-bonus-info .percentage {
    font-size: 4em;
    line-height: 80px;
    font-weight: 700;
    color: #569b3b;
    font-family: sans-serif;
    margin-right: 12px;
    letter-spacing: -3px
}

.reviews-cta-wrapper .cta-container .cta-bonus-info .welcome {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    justify-content: center;
    max-width: 76px;
    color: #081c40;
    font-size: 15px;
    font-weight: 900;
    line-height: 18px;
    margin-right: 5px
}

.reviews-cta-wrapper .cta-container .cta-bonus-info .upTo {
    color: #569b3b;
    font-size: 15px;
    max-width: 25px;
    margin: auto 0;
    line-height: 14px;
    font-weight: 800
}

.reviews-cta-wrapper .cta-container .cta-bonus-info .amount {
    font-size: 4em;
    line-height: 80px;
    font-weight: 700;
    color: #081c40;
    font-family: sans-serif;
    margin-right: 12px;
    letter-spacing: -3px
}

.reviews-cta-wrapper .cta-container .cta-site-features {
    width: 100%;
    max-width: 250px;
    text-align: left
}

.reviews-cta-wrapper .cta-container .cta-site-features > .pros {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    list-style: none;
    margin: 10px;
    padding: 0;
    color: #fff;
    font-size: 1em;
    text-align: left
}

.reviews-cta-wrapper .cta-container .cta-site-features > .pros li {
    color: #081c40;
    font-size: 14px;
    margin: auto 0
}

.reviews-cta-wrapper .cta-container .cta-site-features > .pros li::before {
    content: '';
    background: url(../../../images/reviews-cta-pros-green-check-hollow.png) no-repeat;
    width: 14px;
    height: 16px;
    float: left;
    margin: 6px 3px
}

.reviews-cta-wrapper .cta-container .cta-visit-button {
    text-align: center;
    width: 100%;
    max-width: 200px;
    min-width: 90px
}

.reviews-cta-wrapper .cta-container .cta-visit-button a.link {
    background: #70c454;
    max-width: 260px;
    display: block;
    padding: 10px;
    text-align: center;
    margin: auto 0;
    color: #fff;
    font-weight: 900;
    font-size: 1.6em;
    text-decoration: none
}

@media screen and (max-width: 992px) {
    .reviews-cta-wrapper .cta-container .cta-bonus-info .amount, .reviews-cta-wrapper .cta-container .cta-bonus-info .percentage {
        font-size: 5vw
    }

    .reviews-cta-wrapper .cta-container .cta-site-features > .pros li {
        font-size: 1.5vw
    }
}

@media screen and (max-width: 768px) {
    .reviews-cta-wrapper .cta-container .cta-bonus-info .amount, .reviews-cta-wrapper .cta-container .cta-bonus-info .percentage {
        font-size: 5vw
    }

    .reviews-cta-wrapper .cta-container .cta-site-features {
        display: none
    }

    .reviews-cta-wrapper .cta-container .cta-visit-button {
        font-size: 3vw
    }

    .reviews-cta-wrapper .cta-container .cta-visit-button a.link {
        font-size: inherit
    }
}

@media screen and (max-width: 530px) {
    .reviews-cta-wrapper .cta-container .cta-logo-wrapper {
        min-width: 50%;
        margin-right: 10px
    }

    .reviews-cta-wrapper .cta-container .cta-bonus-info, .reviews-cta-wrapper .cta-container .cta-site-features {
        display: none
    }

    .reviews-cta-wrapper .cta-container .cta-visit-button {
        font-size: 6vw
    }
}

.reviews-console__filters {
    width: 100%;
    background: #242224;
    padding: 16px;
    margin: 20px 0 10px;
    border-bottom: 5px solid #6ca755
}

.reviews-console__filters .wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    padding: 0 .9375rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media screen and (min-width: 85.375em) {
    .reviews-console__filters .wrap {
        padding: 0
    }
}

.reviews-console__filters__reviewText {
    width: 100%;
    float: left;
    display: block;
    min-height: 1px;
    padding: 0 20px 0 0;
    color: #fff;
    font-size: 1.2em
}

.reviews-console__filters__reviewText span {
    color: #3574a5
}

@media screen and (min-width: 64em) {
    .reviews-console__filters__reviewText {
        width: 35%
    }
}

.reviews-console__filters__reviewSearchBar, .reviews-console__filters__reviewSearchBar input[type=text] {
    width: 100%;
    float: left;
    display: block;
    min-height: 1px;
    margin: 0
}

.reviews-console__filters__reviewSearchBar input[type=text]:-ms-input-placeholder {
    color: #000;
    font-size: 100%
}

.reviews-console__filters__reviewSearchBar input[type=text]::placeholder {
    color: #000;
    font-size: 100%
}

@media screen and (min-width: 64em) {
    .reviews-console__filters__reviewSearchBar {
        margin: 0
    }

    .reviews-console__filters__reviewSearchBar input[type=text] {
        width: 97%
    }
}

.reviews-console__filters__reviewSelect {
    width: 100%;
    float: left;
    display: block;
    min-height: 1px;
    margin: 5px 0
}

.reviews-console__filters__reviewSelect select {
    width: 100%;
    float: left;
    display: block;
    min-height: 1px;
    margin: 0;
    padding: 8px
}

@media screen and (min-width: 36em) {
    .reviews-console__filters__reviewSearchBar {
        max-width: 240px
    }

    .reviews-console__filters__reviewSelect {
        max-width: 240px;
        margin: 0 0 0 10px
    }
}

.reviews-console__results {
    max-width: 75rem;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.reviews-console__results .hub-navigation {
    margin: 30px auto 0
}

.review_card {
    width: 276px;
    box-shadow: 0 0 5px 1px #d4d4d4;
    background: #ececec;
    margin: 10px;
    text-decoration: none
}

.review_card__logo {
    width: 140px;
    margin: 15px auto 0;
    position: relative
}

.review_card__logo:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 35.71429%
}

.review_card__logo > .inner {
    position: absolute;
    object-fit: contain;
    object-position: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%
}

.review_card__cta {
    display: block;
    background: #63bf1f;
    padding: 3px 5px;
    text-align: center;
    width: 140px;
    margin: 7px auto;
    color: #fff;
    font-size: .9em
}

.review_card__rating {
    text-align: center
}

.review_card__rating .label {
    color: #00761e;
    font-size: 12px
}

.review_card__rating .raiting-bar {
    height: 40px;
    position: relative;
    margin: 0;
    background: #fff;
    box-shadow: inset 0 0 5px 0 #242224
}

.review_card__rating .raiting-bar__progress {
    background: #242224;
    height: 100%
}

.review_card__rating .raiting-bar__number {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-shadow: 1px 1px 2px #000
}

:root {
    --theme-green: #569b3b;
    --wp-admin-theme-color-darker-20: #214a6a
}

#computer-pick-layout {
    border: 1px solid #c1c1c1;
    background-color: #f1f1f1;
    border-radius: 3px;
    margin-bottom: 12px;
    border-bottom: 4px solid var(--theme-green)
}

#computer-pick-layout h6 {
    color: #fff;
    background: var(--theme-green);
    text-align: center;
    padding: 1%;
    font-size: 23px;
    margin-bottom: 2px
}

#computer-pick-layout section {
    padding: 0 30px 15px
}

#computer-pick-layout section label {
    color: #5a5a5a;
    font-size: 14px
}

@media screen and (min-width: 48em) {
    #computer-pick-layout h6 {
        margin-bottom: 10px
    }

    #computer-pick-layout section label {
        font-size: 17px
    }
}

#computer-pick-layout section input {
    border-radius: 4px;
    margin-bottom: 0;
    width: 100%;
    min-width: auto;
    font-size: 14px
}

#computer-pick-layout section input:focus {
    outline: 0 !important;
    border: 2px solid #005a87
}

#computer-pick-layout section .computer-picks-layout__top {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 10px
}

#computer-pick-layout section .computer-picks-layout__bottom {
    margin-top: 0
}

@media screen and (min-width: 48em) {
    #computer-pick-layout section input {
        font-size: 17px
    }

    #computer-pick-layout section .computer-picks-layout__top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr;
        column-gap: 20px
    }

    #computer-pick-layout section .computer-picks-layout__bottom {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr;
        grid-column-gap: 20px;
        margin-top: 5px
    }

    #computer-pick-layout section .computer-picks-layout__bottom #calculator_bet_amount {
        font-size: 20px
    }
}

#computer-pick-layout section .computer-picks-layout__bottom #calculator_payout_result, #computer-pick-layout section .computer-picks-layout__bottom #calculator_to_win_result {
    background: 0 0;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 20px;
    color: #000
}

#computer-pick-layout section .link-to-bet {
    text-align: center
}

#calculator_reset_button {
    width: 100%;
    background-color: var(--wp-admin-theme-color-darker-20);
    border-radius: 4px;
    text-transform: unset;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

ul.nav_menu {
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 10;
    margin: 0;
    cursor: default
}

@media screen and (min-width: 64em) {
    .widget-area #computer-pick-layout section label {
        font-size: 12px
    }

    .widget-area #computer-pick-layout section .computer-picks-layout__bottom {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns:1fr 1fr
    }

    .widget-area #computer-pick-layout section .computer-picks-layout__bottom div:first-child {
        -ms-grid-column-span: 2;
        -ms-grid-column: 1;
        grid-column: 1/span 2
    }

    ul.nav_menu {
        height: 60px;
        margin-top: 21px
    }
}

ul.nav_menu .drop-arrow {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #d0d0d0;
    display: block;
    height: 46px;
    width: 46px
}

ul.nav_menu .drop-arrow:before {
    content: "";
    background: url(../../../images/blue-arrow-down.png) center center no-repeat;
    position: absolute;
    width: 12px;
    height: 11px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s ease-in-out
}

ul.nav_menu .drop-arrow.rotate:before {
    transform: rotate(180deg)
}

@media screen and (min-width: 64em) {
    ul.nav_menu .drop-arrow {
        background-color: transparent;
        height: 10px;
        width: 15px;
        bottom: 0;
        margin: auto;
        display: none
    }
}

ul.nav_menu li {
    display: block;
    margin: 0;
    border-top: 1px solid #cfcece;
    color: #fff;
    position: relative;
    text-align: left
}

@media screen and (min-width: 64em) {
    ul.nav_menu li {
        display: inline-block;
        border-top: none;
        position: initial
    }
}

ul.nav_menu li a {
    font-family: Helvetica, sans-serif;
    color: #00761e;
    font-size: 20px;
    padding: 13px;
    display: block;
    text-decoration: none
}

@media screen and (min-width: 64em) {
    ul.nav_menu li a.open-link, ul.nav_menu li a:hover {
        opacity: 1;
        background: #6ca755;
        border-radius: 7px 7px 0 0
    }

    ul.nav_menu li a {
        padding: 21px 6px;
        font-size: 18px;
        color: #fff
    }

    ul.nav_menu li a:hover {
        text-decoration: none;
        color: #fff
    }

    ul.nav_menu li a.open-link {
        color: #00761e
    }
}

ul.nav_menu li .sub_menu_level_1, ul.nav_menu li .sub_menu_level_2, ul.nav_menu li .sub_menu_level_3, ul.nav_menu li .sub_menu_wrapper {
    background-color: #1f2d37;
    padding: 0;
    display: none;
    margin: 0
}

ul.nav_menu li .sub_menu_level_1 li, ul.nav_menu li .sub_menu_level_2 li, ul.nav_menu li .sub_menu_level_3 li, ul.nav_menu li .sub_menu_wrapper li {
    width: 100%
}

@media screen and (min-width: 64em) {
    ul.nav_menu li .sub_menu_level_1 a:not([href]), ul.nav_menu li .sub_menu_level_2 a:not([href]), ul.nav_menu li .sub_menu_level_3 a:not([href]), ul.nav_menu li .sub_menu_wrapper a:not([href]) {
        cursor: default
    }

    ul.nav_menu li .sub_menu_level_1 a:not([href]):hover, ul.nav_menu li .sub_menu_level_2 a:not([href]):hover, ul.nav_menu li .sub_menu_level_3 a:not([href]):hover, ul.nav_menu li .sub_menu_wrapper a:not([href]):hover {
        text-decoration: none;
        color: #fff
    }

    ul.nav_menu li .sub_menu_level_1 a, ul.nav_menu li .sub_menu_level_2 a, ul.nav_menu li .sub_menu_level_3 a, ul.nav_menu li .sub_menu_wrapper a {
        color: #00761e;
        padding: 13px 20px 13px 13px
    }

    ul.nav_menu li .sub_menu_level_1 a:hover, ul.nav_menu li .sub_menu_level_2 a:hover, ul.nav_menu li .sub_menu_level_3 a:hover, ul.nav_menu li .sub_menu_wrapper a:hover {
        text-decoration: underline
    }

    ul.nav_menu li .sub_menu_level_1 .drop-arrow, ul.nav_menu li .sub_menu_level_2 .drop-arrow, ul.nav_menu li .sub_menu_level_3 .drop-arrow, ul.nav_menu li .sub_menu_wrapper .drop-arrow {
        display: block;
        right: 5px;
        transform: rotate(90deg);
        margin-left: auto;
        margin-right: 5px;
        position: inherit
    }

    ul.nav_menu li .sub_menu_level_1 li, ul.nav_menu li .sub_menu_level_2 li, ul.nav_menu li .sub_menu_level_3 li, ul.nav_menu li .sub_menu_wrapper li {
        display: flex;
        align-items: center
    }

    ul.nav_menu li .sub_menu_level_1, ul.nav_menu li .sub_menu_level_2, ul.nav_menu li .sub_menu_level_3, ul.nav_menu li .sub_menu_wrapper {
        position: absolute;
        min-width: 232px
    }
}

ul.nav_menu li .sub_menu_level_1.open, ul.nav_menu li .sub_menu_level_2.open, ul.nav_menu li .sub_menu_level_3.open, ul.nav_menu li .sub_menu_wrapper.open {
    max-height: 8000px;
    transition: max-height 1s ease-in-out;
    display: block
}

ul.nav_menu li .sub_menu_level_1 ul li, ul.nav_menu li .sub_menu_level_2 ul li, ul.nav_menu li .sub_menu_level_3 ul li, ul.nav_menu li .sub_menu_wrapper ul li {
    width: 100%;
    margin: 0
}

ul.nav_menu li .sub_menu_level_1 ul li a, ul.nav_menu li .sub_menu_level_2 ul li a, ul.nav_menu li .sub_menu_level_3 ul li a, ul.nav_menu li .sub_menu_wrapper ul li a {
    text-transform: capitalize
}

ul.nav_menu li .sub_menu_level_1 ul li:last-child, ul.nav_menu li .sub_menu_level_2 ul li:last-child, ul.nav_menu li .sub_menu_level_3 ul li:last-child, ul.nav_menu li .sub_menu_wrapper ul li:last-child {
    border-bottom: none
}

ul.nav_menu li .sub_menu_wrapper {
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .42)
}

ul.nav_menu li .sub_menu_wrapper .sub_menu {
    padding: 0
}

ul.nav_menu li .sub_menu_level_1, ul.nav_menu li .sub_menu_level_1 li {
    background-color: #fff
}

ul.nav_menu li .sub_menu_level_1 li a {
    padding-left: 30px;
    font-size: 17px;
    position: relative
}

@media screen and (min-width: 64em) {
    ul.nav_menu li .sub_menu_level_1 li a {
        padding-left: 10px
    }

    ul.nav_menu li .sub_menu_level_1 li a:hover {
        background: #f3f3f3;
        border-radius: 0
    }

    ul.nav_menu li .sub_menu_level_1 li a:before {
        content: ''
    }

    ul.nav_menu li .sub_menu_level_1 li a.open-link {
        opacity: 1;
        background: #f3f3f3
    }

    ul.nav_menu li .sub_menu_level_1.open {
        overflow: inherit
    }
}

ul.nav_menu li .sub_menu_level_1 li .drop-arrow:before {
    background: url(../../../images/green-arrow.png) center center no-repeat
}

ul.nav_menu li .sub_menu_level_2, ul.nav_menu li .sub_menu_level_2 li {
    background-color: #dbdbdb
}

ul.nav_menu li .sub_menu_level_2 li a {
    padding-left: 45px
}

ul.nav_menu li .sub_menu_level_2 li a:before {
    content: '⚬';
    color: #79a55f;
    font-size: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    left: 30px
}

ul.nav_menu li .sub_menu_level_2 li .drop-arrow:before {
    background: url(../../../images/green-arrow.png) center center no-repeat
}

@media screen and (min-width: 64em) {
    ul.nav_menu li .sub_menu_level_2 li a {
        padding-left: 10px
    }

    ul.nav_menu li .sub_menu_level_2 li a:before {
        content: ''
    }

    ul.nav_menu li .sub_menu_level_2 {
        top: 0;
        left: 100%;
        height: 100%
    }

    ul.nav_menu li .sub_menu_level_2.open {
        overflow: inherit
    }
}

ul.nav_menu li .sub_menu_level_3, ul.nav_menu li .sub_menu_level_3 li {
    background-color: #c8c8c8
}

ul.nav_menu li .sub_menu_level_3 li a {
    padding-left: 60px
}

ul.nav_menu li .sub_menu_level_3 li a:before {
    content: '⚬';
    color: #79a55f;
    font-size: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    left: 40px
}

ul.nav_menu li .sub_menu_level_3 li {
    border-top: 1px solid #cfcece
}

ul.nav_menu li.active {
    color: green
}

@media screen and (min-width: 64em) {
    ul.nav_menu li .sub_menu_level_3 li a {
        padding-left: 10px
    }

    ul.nav_menu li .sub_menu_level_3 li a:before {
        content: ''
    }

    ul.nav_menu li .sub_menu_level_3 {
        top: 0;
        left: 100%;
        height: 100%
    }

    ul.nav_menu li .sub_menu_level_3.open {
        overflow: inherit
    }

    ul.nav_menu li .sub_menu_level_3.open .drop-arrow {
        display: none
    }

    ul.nav_menu li:hover > ul {
        display: block
    }

    ul.nav_menu li:hover > ul li:hover {
        background: #f3f3f3
    }
}

.tsghometheme {
    padding-top: 30px
}

.tsghometheme h3 {
    font-size: 1.4em;
    text-align: center
}

@media screen and (min-width: 1200px) {
    .tsghometheme .tsghometheme__wrap {
        display: -ms-grid;
        display: grid;
        column-gap: 33px;
        grid-template-areas:"main none" "main none" "main none" "main none"
    }
}

.tsghometheme .tsghometheme__row {
    box-shadow: 0 0 7px 1px #63bf1f;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
    transition: .6s
}

.tsghometheme .tsghometheme__row--feature {
    background: linear-gradient(-45deg, #747aaa, #3fb697, #63bf1f);
    background-size: 400% 400%;
    animation: gradient 9s ease infinite
}

@keyframes gradient {
    0%, 100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

.tsghometheme .tsghometheme__row--feature .tsghometheme__button {
    border: 2px solid #c0e8a2
}

.tsghometheme .tsghometheme__row--feature .tsghometheme__bonus {
    color: #fff
}

.tsghometheme .tsghometheme__row--feature .tsghometheme__ribbon span {
    color: #fff;
    text-shadow: 0 0 3px #000
}

.tsghometheme .tsghometheme__row--feature .tandc .tooltip2 {
    color: #fff
}

@media screen and (min-width: 48em) {
    .tsghometheme .tsghometheme__row {
        padding: 6px;
        display: flex;
        align-items: center
    }

    .tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__content ul {
        flex-direction: column
    }
}

.tsghometheme .tsghometheme__row:hover {
    cursor: pointer;
    box-shadow: 0 0 20px 1px #63bf1f
}

.tsghometheme .tsghometheme__row:nth-child(odd) {
    background-color: #e0dede
}

.tsghometheme .tsghometheme__row:nth-of-type(1) {
    padding: 10px;
    grid-area: main;
    background-color: #fff
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__ribbon {
    position: absolute;
    top: 15px
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__ribbon span {
    background-position: right top;
    background-repeat: no-repeat;
    width: 80px;
    height: 66px;
    font-size: 2.4em;
    line-height: 1.4
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__content {
    margin: 0
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__content .tsghometheme__button {
    width: 50%
}

@media screen and (min-width: 48em) {
    .tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__content .tsghometheme__button {
        width: 150px
    }
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__logo img {
    width: auto
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__bonus {
    margin: 20px 0;
    font-size: 1.4em
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__tooltip {
    font-size: 1.2em
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__tooltip:hover {
    cursor: pointer
}

.tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__button {
    width: 100%
}

@media screen and (min-width: 48em) {
    .tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__tooltip {
        margin: 0 0 20px
    }

    .tsghometheme .tsghometheme__row:nth-of-type(1) .tsghometheme__button {
        width: 150px
    }
}

.tsghometheme .tsghometheme__row .tsghometheme__content .tsghometheme__button {
    width: 50%
}

.tsghometheme .tsghometheme__ribbon {
    display: none
}

@media screen and (min-width: 48em) {
    .tsghometheme .tsghometheme__row .tsghometheme__content .tsghometheme__button {
        width: 150px
    }

    .tsghometheme .tsghometheme__ribbon {
        display: inline-block;
        position: absolute;
        transform: translateX(-15px);
        top: 5px;
        left: -9px
    }
}

.tsghometheme .tsghometheme__ribbon span {
    position: absolute;
    top: 4px;
    left: 18px;
    z-index: 1;
    color: #000;
    font-weight: 900;
    font-size: 1.4em;
    width: 60px;
    height: 54px;
    text-align: center;
    line-height: 1.8
}

@media screen and (min-width: 48em) {
    .tsghometheme .tsghometheme__content {
        width: 100%;
        line-height: 1;
        margin-left: 66px
    }
}

.tsghometheme .tsghometheme__content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.tsghometheme .tsghometheme__logo img {
    max-width: 215px
}

.tsghometheme .tsghometheme__bonus {
    font-size: 1.2em;
    font-weight: 900;
    color: #000
}

.tsghometheme .tsghometheme__tooltip {
    margin: 0 0 20px
}

@media screen and (min-width: 48em) {
    .tsghometheme .tsghometheme__content ul {
        flex-direction: row;
        justify-content: space-between
    }

    .tsghometheme .tsghometheme__logo img {
        width: 130px
    }

    .tsghometheme .tsghometheme__tooltip {
        margin-bottom: 0
    }
}

.tsghometheme .tsghometheme__tooltip .tandc .tooltip2 .tooltiptext {
    left: 50%
}

.tsghometheme .tsghometheme__button {
    background: #63bf1f;
    padding: 9.5px;
    display: block;
    width: 100%;
    height: 50px;
    text-align: center
}

@media screen and (min-width: 48em) {
    .tsghometheme .tsghometheme__button {
        width: 25%
    }
}

.tsghometheme .tsghometheme__button a {
    color: #fff;
    text-decoration: none;
    line-height: 1.7
}

.body-blackout {
    position: absolute;
    z-index: 1010;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
    display: none
}

.body-blackout.is-blacked-out {
    display: block;
    position: fixed
}

.popup-trigger {
    display: inline-block
}

.popup-modal-blocked {
    max-width: 70%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    transition: all .3s ease-in-out;
    z-index: 1011;
    border: 2px solid red;
    border-radius: 5px;
    pointer-events: auto
}

.popup-modal-blocked a {
    background-color: #0cb107;
    display: inline-block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: green 0 4px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.popup-modal-blocked span {
    font-size: 1em;
    display: block;
    font-weight: 700
}

#navbar-logo {
    /* padding is visible in hover background-color change */
    min-width: 14em;
    color: #6ca755;
}

#navbar-logo:hover,
#navbar-logo:active,
#navbar-logo:focus {
    background-color: #0e0f11;
    text-decoration: none;
}

#navbar-logo,
#navbar-logo > * {
    float: left;
}

[dir="rtl"] #navbar-logo,
[dir="rtl"] #navbar-logo > * {
    float: right;
}

#navbar-logo img {
    height: 4em;
    width: 3em;
    padding: 0.5em 0em;
    margin: 0em 1em 0em 0em;
}

[dir="rtl"] #navbar-logo > img {
    margin: 0em 0em 0em 1em;
}

#navbar-logo > span {
    font-size: 1rem;
    padding-top: 2px;
}

@media screen and (min-width: 64em) {
    ul.nav_menu {
        height: 60px;
        margin-top: 10px;
    }
}

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

    #navbar-logo > span {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 1023px) {
    #navbar-logo > span {
        font-size: 1rem;
    }

    .site-header .site-branding {
        width: 40rem;
    }
}


@media only screen and (max-width: 767px) {
    #navbar-logo > span {
        font-size: 1rem;
    }

    .site-header .site-branding {
        width: 26rem;
    }
}

@media only screen and (max-width: 480px) {
    .site-header .site-branding {
        width: 15rem;
    }

    #navbar-logo > span {
        font-size: 1rem;
        line-height: 16px;
    }

}

ul.nav_menu li a.open-link, ul.nav_menu li a:hover {
    border-radius: 7px;
}



.list-casino-link{
      display: flex;
    flex-wrap: wrap;
}
.list-casino-link a{
 width: 30%;
    text-align: center;
}


.list-casino ul, .list-casino-2 ul, .list-casino-3 ul{
      display: flex;
    flex-wrap: wrap;
}
.list-casino ul li{
      width: 23%;
       text-align: left;
}
.list-casino-2 ul li{
   width: 48%;
    text-align: left;
}
.list-casino-3 ul li{
   width: 30%;
    text-align: left;
}
@media (max-width: 1023.98px) {
.list-casino ul li{
      width: 30%;
}
.list-casino-3 ul li{
 width: 48%;
}
}
@media (max-width: 480.98px) {
.list-casino ul li{
      width: 48%;
}
}