@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");
@import url("https://fonts.googleapis.com/css?family=Barlow:900");

@font-face {
    font-family: "BrushUpTooW01";
    src: url("https://hooplifebasketball.com/core/fonts/BrushUpTooW01-Regular.woff2") format("woff2"),
        url("https://hooplifebasketball.com/core/fonts/BrushUpTooW01-Regular.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

/** ************************************* **

	TABLE OF CONTENTS
	---------------------------
		01. ESSENTIALS
		02. DEFAULTS
		03. FRAMEWORK

        -- PAGE STYLES --
		04. HOME
		05.
		06.
		07.
		08.
		09.
		10.
		11.
		12. FOOTER

	---------------------------

 ** ************************************* **/

/* --------------------------------

 01. ESSENTIALS

-------------------------------- */
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    color: #2a2a2a;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}
body.register {
}
body.check-in {
    background: #f7f7f7;
}
body.app-scoreboard {
    background: #000000;
}
body.nav-on-left.overflow-hidden,
body.overflow-hidden {
    overflow: hidden;
}
.no-padding {
    padding: 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.no-padding-left {
    padding-left: 0;
}
.no-padding-all {
    padding: 0 !important;
}
.padding-resp {
    padding: 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.padding-side-50 {
    padding-left: 50px;
    padding-right: 50px;
}
.padding-side-75 {
    padding-left: 75px;
    padding-right: 75px;
}
@media screen and (max-width: 992px) {
    .padding-resp {
        padding: 0 15px !important;
    }
    .no-padding-left {
        padding-left: 15px;
    }
    .padding-side-50 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .padding-side-75 {
        padding-left: 35px;
        padding-right: 35px;
    }
}

/* DEFAULTS */
.font-1 {
    font-family: "Roboto Condensed", sans-serif;
}
.font-2 {
    font-family: "Barlow", sans-serif;
}
.text-white {
    color: #fff;
}
.text-black {
    color: #212121;
}
.text-grey {
    color: #6f6f6e;
}
.text-red,
.text-red:active,
.text-red:hover,
.text-red:focus {
    color: #bf202f;
}
.text-uppercase {
    text-transform: uppercase;
}
.no-decoration {
    text-decoration: none !important;
}
.fa.margin-left {
    margin-left: 6px;
}
.fa.margin-right {
    margin-right: 6px;
}
.pointer {
    cursor: pointer;
}
img {
    width: auto;
    max-width: 100%;
    height: auto;
}
a {
    color: #bf202f;
    cursor: pointer;
}
a:hover {
    color: #bf202f;
}
.alert {
    line-height: 1.35;
}

input:focus,
div:focus,
a:focus {
    outline: none;
    outline: 0;
}
.responsive-iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.br-2 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.br-4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.br-6 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.br-100 {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/* --------------------------------

 02. DEFAULTS

-------------------------------- */
h1 {
    margin: 0;
    padding: 0;
}
h2 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 30px;
    font-weight: 700;
}
h1.title,
h2.title {
    margin: 0 0 30px;
    font-size: 38px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}
h2.sub-title {
    margin: 0 0 15px;
    font-size: 24px;
}
h3 {
    margin: 25px 0 10px;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
}
h4 {
    margin: 25px 0 10px;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
}
p {
    margin: 0 0 15px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #6f6f6e;
}
p strong {
    color: #212121;
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
@media screen and (max-width: 992px) {
    h2 {
        margin: 0 0 10px;
        font-size: 24px;
    }
    h1.title,
    h2.title {
        margin: 0 0 25px;
        font-size: 26px;
    }
    h2.sub-title {
        font-size: 21px;
    }
    h3 {
        font-size: 19px;
    }
    h4 {
        font-size: 16px;
    }
    body,
    p {
        font-size: 14px;
    }
}

.btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
    padding: 10px 18px;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    text-transform: none;
    border: none;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.btn:focus,
.btn:hover {
    outline: 0;
}
.btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn:hover:before,
.btn:focus:before,
.btn:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.btn .fa {
    margin: 0 0 0 6px;
}
.btn-1 {
    background: #212121;
    color: #fff;
}
.btn-1:before {
    background: #bf202f;
}
.btn-1:hover,
.btn-1:focus,
.btn-1:active {
    color: #fff;
}
.btn-2 {
    background: #bf202f;
    color: #fff;
}
.btn-2:before {
    background: #bf202f;
}
.btn-2:hover,
.btn-2:focus,
.btn-2:active {
    color: #fff;
}
.btn-3 {
    background: #fff;
    color: #212121;
}
.btn-3:before {
    background: #bf202f;
    background: #fff;
}
.btn-3:hover,
.btn-3:focus,
.btn-3:active {
    color: #fff;
    color: #212121;
}
.btn-4 {
    background: #bf202f;
    color: #fff;
}
.btn-4:before {
    background: #bf202f;
}
.btn-4:hover,
.btn-4:focus,
.btn-4:active {
    color: #fff;
}
.btn-5 {
    background: #eeba47;
    color: #fff;
}
.btn-5:before {
    background: #609d2b;
}
.btn-5:hover,
.btn-5:focus,
.btn-5:active {
    color: #fff;
}
.btn-6 {
    background: transparent;
    color: #fff;
    border: 3px solid #fff;
}
.btn-6:before {
    background: #fff;
}
.btn-6:hover,
.btn-6:focus,
.btn-6:active {
    color: #212121;
}
.btn-7 {
    background: #bf202f;
    color: #fff;
}
.btn-7:before {
    background: #bf202f;
}
.btn-7:hover,
.btn-7:focus,
.btn-7:active {
    color: #fff;
}
.btn-8 {
    background: #212121;
    color: #fff;
}
.btn-8:before {
    background: #212121;
}
.btn-8:hover,
.btn-8:focus,
.btn-8:active {
    color: #fff;
}
.btn-10 {
    background: #609d2b;
    color: #fff;
}
.btn-10:before {
    background: #528a22;
}
.btn-10:hover,
.btn-10:focus,
.btn-10:active {
    color: #fff;
}
.gdt-fill {
    color: #fff;
    background: linear-gradient(230deg, #7dcc39, #609d2b);
    /* background: linear-gradient(230deg,#ff8800,#BF202F); */
    background-size: 400% 400%;
    -webkit-animation: GradientTransition 15s ease infinite;
    -moz-animation: GradientTransition 15s ease infinite;
    -o-animation: GradientTransition 15s ease infinite;
    animation: GradientTransition 15s ease infinite;
}
@media only screen and (max-width: 992px) {
    .btn {
        padding: 8px 15px;
        font-size: 14px;
    }
}

.same-height {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
@media only screen and (max-width: 992px) {
    .same-height {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

iframe,
object,
embed {
    display: block;
    max-width: 100%;
}
@media screen and (max-width: 480px) {
    iframe,
    object,
    embed {
        max-width: 100%;
        height: auto;
    }
}

/* TRANSITIONS & EFFECTS */

/* HVR REVEAL */
.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #bf202f;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 5px;
}

/* HVR UNDERLINE FROM RIGHT */
.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #bf202f;
    height: 5px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
    left: 0;
}

/* HVR SWEEP TO RIGHT */
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* HVR SWEEP TO TOP */
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #bf202f;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
    color: white;
}
.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* HVR COLORS */
.hvr-green:before {
    background: #609d2b;
}

/* OVERLAY */
.overlay {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #000;
    opacity: 0.65;
}

/* GADIENT OVERLAY */
.gradient-overlay {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* --------------------------------

 03. FRAMEWORK

-------------------------------- */
.cd-main-content {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: #fff;
    z-index: 2;
}
.cd-main-content.margin-to-header {
    margin-top: 75px;
}
@media screen and (max-width: 992px) {
    .cd-main-content,
    .cd-main-content.margin-to-header {
        margin-top: 0;
        padding-top: 50px;
    }
}

/* PAGE HEADER */
#page-header {
    position: relative;
    display: block;
    margin: 0;
    padding: 215px 0 140px;
    width: 100%;
    height: auto;
    background: #212121;
}
#page-header .main-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#page-header .text-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    z-index: 3;
}
#page-header .text-wrap h1 {
    margin: 0;
    font-size: 78px;
    line-height: 0.9;
}
#page-header .text-wrap p {
    margin: 0 0 30px;
    padding: 0;
    font-size: 18px;
    color: #fff;
}
@media only screen and (max-width: 992px) {
    #page-header {
        padding: 50px 0;
    }
    #page-header .text-wrap h1 {
        font-size: 28px;
    }
}

/* BREADCRUMBS */
#breadcrumbs {
    display: block;
    margin: 0;
    padding: 15px 0 10px;
    width: 100%;
    background: #fff;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #a3a3a3;
    text-transform: none;
}
body.boost-kids #breadcrumbs {
    display: none;
}
#breadcrumbs a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #bf202f;
    background: transparent;
}
#breadcrumbs .breadcrumb {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 5px;
    margin: 0;
    background: transparent;
}
#breadcrumbs .breadcrumb:after {
    content: "/";
    display: inline-block;
    vertical-align: top;
    margin: 1px 4px 0 6px;
    font-size: 12px;
    line-height: 1;
}
#breadcrumbs .breadcrumb:nth-of-type(1):before {
    display: inline-block;
    vertical-align: top;
    content: "\f020";
    margin: 0 6px 0 0;
    padding: 0;
    font-family: "Hooplife";
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
#breadcrumbs .current {
}
#breadcrumbs .current:after {
    display: none;
}
#breadcrumbs .my-credits {
    position: absolute;
    padding-left: 12px;
    top: -2px;
    right: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6e;
    background: #fff;
}
#breadcrumbs .my-credits span {
    font-weight: 600;
    color: #212121;
}
#breadcrumbs .credit-options,
#breadcrumbs .shop-options {
    position: absolute;
    padding-left: 12px;
    top: -2px;
    right: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6e;
    background: #fff;
}
#breadcrumbs .credit-options .available-credits,
#breadcrumbs .shop-options .cart-count {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
}
#breadcrumbs .credit-options .available-credits span {
    font-weight: 600;
    color: #212121;
}
#breadcrumbs .credit-options .buy-credits,
#breadcrumbs .shop-options .checkout {
    display: none;
    vertical-align: middle;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    border-left: 1px solid #ddd;
}
#breadcrumbs .shop-options .checkout {
    display: inline-block;
    margin: 0 0 0 12px;
}
#breadcrumbs .credit-options .buy-credits a,
#breadcrumbs .shop-options .cart-count a {
    color: #bf202f;
    text-decoration: none;
}
@media screen and (max-width: 992px) {
    #breadcrumbs {
        font-size: 12px;
    }
    body.boost-kids #breadcrumbs {
        display: block;
    }
    #breadcrumbs .breadcrumb:after {
        margin-top: 0;
        font-size: 12px;
    }
    #breadcrumbs .my-credits {
        top: 0;
        font-size: 12px;
    }
    #breadcrumbs .credit-options,
    #breadcrumbs .shop-options {
        top: 0;
        font-size: 12px;
    }
    #breadcrumbs .credit-options .buy-credits {
        display: inline-block;
    }
    #breadcrumbs .shop-options .checkout {
        padding: 0 0 0 8px;
        margin: 0 0 0 10px;
    }
}
@media print {
    #breadcrumbs {
        display: none;
    }
}

/* QUICK LINKS */
#quick-links {
    display: block;
    margin: 0 0 20px;
    padding: 20px 20px 10px;
    background: #f8f8f8;
    border-top: 4px solid #bf202f;
}
#quick-links h3 {
    margin: 0 0 6px;
    padding: 0;
    font-size: 26px;
}
#quick-links .link-wrap a {
    display: block;
    margin: 0;
    padding: 0;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px dotted #ddd;
    font-weight: 500;
    color: #212121;
    text-decoration: none;
}
#quick-links .link-wrap a:last-child {
    border-bottom: 0;
}
#quick-links .link-wrap a .fa {
    display: none;
    float: left;
    margin: 14px 0 0 -18px;
    color: #bf202f;
}
@media only screen and (max-width: 992px) {
    #quick-links {
        margin: 25px 0;
    }
    #quick-links h3 {
        margin: 0 0 5px;
        font-size: 22px;
    }
}

/* NEED HELP */
#need-help {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 20px;
    background: #f8f8f8;
    color: #a3a3a3;
}
#need-help h2 {
    margin: 0 0 8px;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
    color: #212121;
}
#need-help p {
    padding: 0 0 5px;
    line-height: 1.4;
}
#need-help a {
    display: block;
    margin: 6px 0 0;
    padding: 0;
    color: #212121;
    font-weight: 700;
}
@media only screen and (max-width: 992px) {
    #need-help {
        padding: 15px;
    }
    #need-help h2 {
        margin: 0 0 5px;
        font-size: 18px;
    }
    #need-help a {
        margin: 5px 0 0;
    }
}

/* CONTENT WRAP */
#content-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding: 35px 0;
}
#content-wrap h3 {
    line-height: 1.35;
}
#content-wrap ul,
#content-wrap ol {
    list-style: disc outside none;
    padding: 0 10px 10px 25px;
}
#content-wrap.no-list ul,
#content-wrap.no-list ol {
    list-style: none;
    padding: 0;
}
#content-wrap ol {
    list-style: decimal outside none;
}
#content-wrap.no-list ol {
    list-style: none;
}
#content-wrap ul li,
#content-wrap ol li {
    margin: 0;
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
#content-wrap.no-list ul li,
#content-wrap.no-list ol li {
    margin: 0;
    padding: 0;
    font-size: auto;
    line-height: 1;
}
#content-wrap ul li strong,
#content-wrap ol li strong {
    color: #2a2a2a;
}
@media only screen and (max-width: 992px) {
    #content-wrap {
        padding: 10px 0;
    }
    #content-wrap h2 {
        line-height: 1.25;
    }
    #content-wrap ul li,
    #content-wrap ol li {
        padding: 0 0 8px;
        font-size: 14px;
    }
}

/* --------------------------------

 04. WELCOME

-------------------------------- */

/* INTRO SLIDER */
.intro-slider {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 100vh;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
}
.intro-slider .testimony {
    position: absolute;
    right: 50px;
    bottom: 50px;
    max-width: 225px;
    text-align: right;
}
.intro-slider .testimony p {
    margin: 0 0 12px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.95);
}
.intro-slider .testimony h4 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.75);
}
@media only screen and (max-width: 992px) {
    .intro-slider {
        height: 475px;
    }
    .intro-slider .testimony {
        right: 20px;
        bottom: 20px;
        max-width: 175px;
    }
    .intro-slider .testimony p {
        margin: 0 0 10px;
        font-size: 12px;
    }
    .intro-slider .testimony h4 {
        font-size: 10px;
    }
}

#welcome {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100%;
    background: #303030;
    overflow: hidden;
}
#welcome .logo {
    position: absolute;
    height: 50px;
    width: 165px;
    top: 25px;
    left: 50%;
    margin-left: -78px;
    z-index: 5;
}
#welcome .logo img {
    display: block;
    max-width: 165px;
}
#welcome .logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
#welcome .welcome-promo {
    position: absolute;
    display: block;
    top: 25px;
    right: 0;
    margin: 0;
    padding: 0 15px 0 15px;
    height: 36px;
    line-height: 36px;
    width: auto;
    background: #bf202f;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
    z-index: 6;
}
#welcome .welcome-promo:before,
#welcome .welcome-promo:after {
    position: absolute;
    display: block;
    content: "";
    left: -18px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 18px solid #bf202f;
    border-left: 18px solid transparent;
    z-index: 7;
}
#welcome .welcome-promo:after {
    top: auto;
    bottom: 0;
    border-bottom: 18px solid #bf202f;
}
#welcome .slide,
#welcome .slide .bg-image,
#welcome .slide .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 33.33%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
#welcome .slide .bg-image {
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}
#welcome .slide:hover .bg-image {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);

    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#welcome .slide .overlay {
    width: 100%;
    opacity: 0.55;
    background: #000;

    transition: all 0.25s;
}
#welcome .slide:hover .overlay {
    opacity: 0.35;
}
#welcome .slide.slide-one {
    left: 0;
}
#welcome .slide.slide-one .overlay {
}
#welcome .slide.slide-two {
    left: 33.33%;
}
#welcome .slide.slide-two .overlay {
}
#welcome .slide.slide-three {
    left: auto;
    right: 0;
}
#welcome .slide.slide-three .overlay {
}
#welcome .slide .wrap {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: white;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    text-align: center;
}
#welcome .slide .wrap h1 {
    margin: 0 0 2px;
    padding: 0;
    font-size: 78px;
    font-weight: 900;
    letter-spacing: -1px;
    text-transform: lowercase;
}
#welcome .slide .wrap h2 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 400;
}
#welcome .slide .wrap .btn {
    margin: 35px 0 0;
}
@media only screen and (max-width: 1200px) {
    #welcome .slide .wrap h1 {
        font-size: 68px;
    }
    #welcome .slide .wrap h2 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 992px) {
    #welcome {
        height: 900px;
    }
    #welcome .logo {
        width: 110px;
        top: 15px;
        margin-left: -55px;
    }
    #welcome .logo img {
        position: relative;
        display: block;
        margin: 0 auto;
        max-width: 110px;
    }
    #welcome .welcome-promo {
        top: 15px;
        padding: 0 8px 0 8px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }
    #welcome .welcome-promo:before,
    #welcome .welcome-promo:after {
        left: -13px;
        border-top: 13px solid #bf202f;
        border-left: 13px solid transparent;
    }
    #welcome .welcome-promo:after {
        border-bottom: 13px solid #bf202f;
    }
    #welcome .slide,
    #welcome .slide .bg-image,
    #welcome .slide .overlay {
        height: 300px;
        width: 100%;
    }
    #welcome .slide.slide-one {
        left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    }
    #welcome .slide.slide-two {
        top: 300px;
        left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    }
    #welcome .slide.slide-three {
        top: 600px;
        left: auto;
        right: 0;
    }
    #welcome .slide .bg-image {
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    #welcome .slide .wrap h1 {
        font-size: 52px;
    }
    #welcome .slide .wrap h2 {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 400;
    }
    #welcome .slide .wrap .btn {
        margin: 20px 0 0;
    }
}

/* WELCOME BANNER */
#welcome-banner {
    display: block;
    margin: 0;
    padding: 15px 0;
    background: #bf202f;
    color: #fff;
    text-align: center;
}
#welcome-banner h2 {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
}
@media only screen and (max-width: 992px) {
    #welcome-banner {
        padding: 12px 0;
    }
    #welcome-banner h2 {
        font-size: 16px;
    }
}

/* --------------------------------

 06. HOME

-------------------------------- */
#main-video {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
    background: #000;
    text-align: center;
}
#main-video .main-image {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -wekbit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    z-index: 1;
}
#main-video .video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
#main-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2;
}
#main-video .text-wrap {
    position: relative;
    margin: 200px 0 135px;
    padding: 0;
    text-align: center;
    color: #fff;
    z-index: 3;
}
#main-video .text-wrap h1 {
    position: relative;
    display: block;
    margin: 0 auto 6px;
    padding: 0;
    font-size: 84px;
    font-weight: 900;
    line-height: 1.1;
}
#main-video .text-wrap h2 {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}
#main-video .text-wrap a {
    margin: 35px 5px 0;
    padding: 12px 20px;
}
@media only screen and (max-width: 992px) {
    #main-video .video-container {
        display: none;
    }
    #main-video .text-wrap {
        margin: 65px 0;
    }
    #main-video .text-wrap h1 {
        font-size: 44px;
    }
    #main-video .text-wrap h2 {
        font-size: 14px;
        max-width: 400px;
    }
    #main-video .text-wrap a {
        margin: 25px 2px 0;
        padding: 10px 14px;
    }
}

/* MAIN SUMMARY */
#main-summary {
    position: relative;
    display: block;
    margin: 0;
    padding: 65px 0;
}
#main-summary h1 {
    margin: 0 0 15px;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
}
#main-summary p {
    margin: 0;
    font-size: 18px;
    line-height: 1.7;
}
@media screen and (max-width: 992px) {
    #main-summary {
        padding: 35px 0;
    }
    #main-summary h1 {
        margin: 0 0 10px;
        font-size: 28px;
    }
    #main-summary p {
        font-size: 14px;
        line-height: 1.6;
    }
}

/* CAMP BENEFITS */
#camp-benefits {
    position: relative;
    margin: 0;
    padding: 65px 0 85px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat;
    background-position: bottom right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#camp-benefits h1 {
    position: relative;
    margin: 0 0 15px;
    max-width: 655px;
    font-size: 62px;
    font-weight: 900;
    line-height: 1.1;
}
#camp-benefits p {
    position: relative;
    margin: 0 0 30px;
    max-width: 600px;
    font-size: 18px;
}
#camp-benefits h4 {
    position: relative;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    color: #fff;
    white-space: nowrap;
}
#camp-benefits .fa {
    float: left;
    margin: 0 12px 0 0;
    height: 35px;
    width: 35px;
    line-height: 36px;
    font-size: 17px;
    border-radius: 100%;
    box-shadow: inset 0 0 0 2px #fff;
    color: #fff;
}
#camp-benefits .btn {
    margin: 25px 10px 0 0;
}
@media screen and (max-width: 992px) {
    #camp-benefits {
        padding: 35px 0 50px;
    }
    #camp-benefits h1 {
        font-size: 32px;
    }
    #camp-benefits p {
        margin: 0 0 20px;
        font-size: 14px;
    }
    #camp-benefits h4 {
        margin: 0 0 15px;
        font-size: 14px;
        line-height: 35px;
    }
    #camp-benefits .btn {
        margin: 20px 5px 0 0;
    }
}

/* MAIN FEATURED VIDEO */
#main-featured-video {
    position: relative;
    display: block;
    margin: 0 0 55px;
    padding: 150px 0;
    background: #212121;
}
#main-featured-video .main-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#main-featured-video .text-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
}
#main-featured-video .text-wrap h3 {
    margin: 0 0 4px;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
}
#main-featured-video .text-wrap h2 {
    margin: 0 0 25px;
    font-size: 68px;
    font-weight: 900;
    text-transform: uppercase;
}
@media screen and (max-width: 992px) {
    #main-featured-video {
        margin: 0 0 25px;
        padding: 75px 0;
    }
    #main-featured-video .text-wrap h3 {
        margin: 0 0 5px;
        font-size: 14px;
    }
    #main-featured-video .text-wrap h2 {
        margin: 0 0 29px;
        font-size: 42px;
    }
}

/* MAIN TESTIMONIALS */
#main-testimonials {
    position: relative;
    margin: 0;
    padding: 65px 0 70px;
    text-align: center;
}
#main-testimonials p {
    margin: 0 0 25px;
    padding: 0;
    font-size: 24px;
    font-weight: 400;
    color: #212121;
    line-height: 1.7;
}
#main-testimonials h4 {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
    color: #bf202f;
}
@media only screen and (max-width: 992px) {
    #main-testimonials {
        padding: 30px 0;
    }
    #main-testimonials p {
        font-size: 16px;
    }
    #main-testimonials h4 {
        font-size: 14px;
    }
}

/* MAIN SLIDESHOW */
#main-slideshow {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
}
#main-slideshow .item {
    position: relative;
    display: block;
    margin: 0;
    padding: 65px 0 135px;
    height: auto;
    color: #fff;
    border-bottom: 3px solid #bf202f;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#main-slideshow .background-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}
#main-slideshow .item .gradient-overlay {
    display: none;
}
#main-slideshow .item .text-wrap {
    padding: 0;
}
#main-slideshow .item .text-wrap h1 {
    margin: 0;
    padding: 0;
    max-width: 500px;
    font-family: "Kanit", sans-serif;
    font-size: 70px;
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#main-slideshow .item .text-wrap h1 span {
    display: block;
}
#main-slideshow .item .text-wrap p {
    margin: 10px 0 0;
    padding: 0;
    max-width: 425px;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
#main-slideshow .item .text-wrap a {
    margin: 30px 4px 0 0;
}
#main-slideshow .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 46%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
    opacity: 0;
}
#main-slideshow:hover .owl-nav {
    opacity: 1;
}
#main-slideshow .owl-nav .owl-prev,
#main-slideshow .owl-nav .owl-next {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 40px;
    left: 15px;
    font-size: 34px;
    text-indent: -2px;
    color: #fff;
    outline: none;
    border: none;
    opacity: 0.5;
}
#main-slideshow .owl-nav .owl-next {
    left: auto;
    right: 15px;
    text-indent: 2px;
}
#main-slideshow .owl-nav .owl-prev:hover,
#main-slideshow .owl-nav .owl-next:hover {
    opacity: 1;
}
#main-slideshow .owl-dots {
    position: absolute;
    margin: 0;
    padding: 8px 12px;
    bottom: 35px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
    height: auto;
    width: auto;
    text-align: center;
    background: #212121;
    box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    opacity: 0;
    z-index: 5;
}
#main-slideshow:hover .owl-dots {
    opacity: 1;
}
#main-slideshow .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    height: 10px;
    width: 10px;
    background: #fff;
    outline: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
#main-slideshow .owl-dots .owl-dot.active {
    background: #bf202f;
}
@media screen and (max-width: 992px) {
    #main-slideshow .item {
        padding: 35px 0 100px;
        height: auto;
    }
    #main-slideshow .item .text-wrap {
        padding: 0;
    }
    #main-slideshow .item .text-wrap h1 {
        max-width: 300px;
        font-size: 38px;
        line-height: 1;
    }
    #main-slideshow .item .text-wrap p {
        max-width: 300px;
        font-size: 14px;
    }
    #main-slideshow .item .text-wrap a {
        margin: 20px 4px 0 0;
    }
    #main-slideshow .owl-nav,
    #main-slideshow .owl-dots {
        display: none;
    }
}

/* MAIN OPTIONS */
#main-options {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 1;
}
#main-options .item {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    color: #fff;
}
#main-options .item .main-image {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 350px;
    width: 100%;

    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    transition: all 0.25s;
}
#main-options .item .main-image .overlay {
    background: rgba(0, 0, 0, 0.6);
}
#main-options .item .text-wrap {
    position: absolute;
    width: 90%;
    max-width: 1170px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
#main-options .item .text-wrap h2 {
    position: relative;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    z-index: 2;
}
#main-options .item .text-wrap p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}
@media only screen and (max-width: 992px) {
    #main-options {
        margin: 0;
    }
    #main-options .item .main-image {
        height: 250px;
    }
    #main-options .item .text-wrap h2 {
        font-size: 24px;
    }
    #main-options .item .text-wrap p {
        font-size: 14px;
    }
}

/* SHOP PROMOTIONAL */
#shop-promotional {
    position: relative;
    display: block;
    margin: 0 0 55px;
    padding: 115px 0;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#shop-promotional h3 {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 500;
}
#shop-promotional a {
    color: #fff;
    text-decoration: none;
}
#shop-promotional h2 {
    display: inline-block;
    margin: 0 0 15px;
    padding: 15px;
    font-size: 80px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    border: 8px solid #bf202f;
    line-height: 1;
}
#shop-promotional p {
    position: relative;
    display: block;
    margin: 0 auto 35px;
    padding: 0;
    max-width: 550px;
    font-size: 18px;
    color: #fff;
}
@media only screen and (max-width: 1200px) {
    #shop-promotional h2 {
        font-size: 72px;
    }
}
@media only screen and (max-width: 992px) {
    #shop-promotional {
        margin: 0 0 25px;
        padding: 50px 0;
    }
    #shop-promotional h3 {
        font-size: 14px;
    }
    #shop-promotional h2 {
        font-size: 48px;
        border: 6px solid #bf202f;
    }
    #shop-promotional p {
        margin: 0 auto 25px;
        max-width: 450px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 480px) {
    #shop-promotional h3 {
        font-size: 12px;
    }
    #shop-promotional h2 {
        font-size: 32px;
    }
    #shop-promotional p {
        max-width: 350px;
    }
}

/* FEATURED VIDEOS */
#featured-videos {
    position: relative;
    display: block;
    margin: 30px 0 0;
    padding: 0;
    z-index: 1;
}
#featured-videos.home-page {
    margin: 0;
    padding: 55px 0 20px;
}
#featured-videos .item {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 0 0 15px;
    text-align: left;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
}
#featured-videos .item:focus {
    outline: 0;
}
#featured-videos .item .main-image {
    position: relative;
    display: block;
    margin: 0 0 10px;
    padding: 0;
    height: 325px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: 110%;
}
#featured-videos.home-page .item .main-image {
    height: 200px;
}
#featured-videos .item .main-image .fa {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    background: #bf202f;
    color: #fff;
}
#featured-videos .item h2 {
    display: block;
    margin: 0 0 5px;
    padding: 0 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    color: #212121;
}
#featured-videos .item h3 {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #212121;
    color: #212121;
}
@media only screen and (max-width: 992px) {
    #featured-videos.home-page {
        margin: 0;
        padding: 35px 0 0;
    }
    #featured-videos .item {
        padding: 0 0 10px;
    }
    #featured-videos .item .main-image {
        height: 175px;
    }
    #featured-videos .item h2 {
        font-size: 16px;
    }
}

/* CAMP FINDER */
#camp-finder {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
#camp-finder .overlay {
    opacity: 0.35;
}
#camp-finder .main-image {
    position: relative;
    margin: 0;
    padding: 65px;
    background-image: url(https://images.pexels.com/photos/33148/shoes-lebron-nike-spalding.jpg?w=1260&h=750&auto=compress&cs=tinysrgb);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#camp-finder .main-image .text-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 460px;
    color: #fff;
    z-index: 1;
}
#camp-finder .main-image .text-wrap h2 {
    margin: 0 0 12px;
    font-size: 42px;
}
#camp-finder .main-image .text-wrap p {
    margin: 0 0 30px;
    max-width: 415px;
    color: #fff;
}
@media only screen and (max-width: 992px) {
    #camp-finder .main-image {
        padding: 25px;
    }
    #camp-finder .main-image .text-wrap h2 {
        margin: 0 0 10px;
        font-size: 26px;
    }
    #camp-finder .main-image .text-wrap p {
        margin: 0 0 20px;
    }
}

/* --------------------------------

 07. CITY DETAIL

-------------------------------- */
/* TRAINING RESULTS */
#training-results {
    margin: 0;
    padding: 0;
}
#training-results .item {
    display: block;
    margin: 0 0 50px;
    padding: 0;
    width: 100%;
}
#training-results .item h2 {
    margin: 10px 0 15px;
}
#training-results .item h2 span {
    display: block;
    margin: 6px 0 0;
    font-size: 18px;
    font-weight: 400;
    color: #bf202f;
}
#training-results .item .main-image {
    position: relative;
    display: block;
    width: 100%;
    height: 315px;
    background-image: url(https://images.pexels.com/photos/33148/shoes-lebron-nike-spalding.jpg?w=1260&h=750&auto=compress&cs=tinysrgb);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    cursor: pointer;
}
#training-results .item .main-image .fa {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    background: #bf202f;
    color: #fff;
}
#training-results .item .play-video {
    display: block;
    margin: 15px 0 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
#training-results .item .play-video .fa {
    margin: 0 6px 0 0;
}
@media only screen and (max-width: 992px) {
    #training-results .item {
        margin: 0 0 25px;
        padding: 0 0 30px;
        border-bottom: 1px dotted #ddd;
    }
    #training-results .item:last-child {
        padding: 0;
        border: none;
    }
    #training-results .item h2 {
        margin: 0 0 12px;
    }
    #training-results .item h2 span {
        display: block;
        font-size: 14px;
    }
    #training-results .item .main-image {
        height: 250px;
    }
    #training-results .item .play-video {
        font-size: 14px;
    }
}

/* SKILL DEVELOPMENT */
#skill-development {
    position: relative;
    display: block;
    margin: 35px 0 0;
    padding: 0;
    border-top: 1px solid #ddd;
}
#skill-development h2 {
    margin: 0 0 30px;
    font-size: 28px;
    display: none;
}
#skill-development .item {
    position: relative;
    display: block;
    margin: 0;
    padding: 30px 0;
    text-align: left;
    background: #fff;
}
#skill-development .promo-image {
    float: left;
    display: block;
    margin: 8px 30px 15px 0;
    padding: 0;
    height: 115px;
    width: 115px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: auto 115px;
}
#skill-development h3 {
    margin: 0;
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #bf202f;
}
#skill-development .item h3:after {
    display: none;
    content: "• • •";
    margin: 7px 0 0;
    color: #dedede;
    font-size: 20px;
}
#skill-development p {
    display: block;
    margin: 0 auto;
    padding: 0;
}
@media only screen and (max-width: 992px) {
    #skill-development {
        margin: 0 0 15px;
        padding: 20px 0 0;
    }
}
@media only screen and (max-width: 768px) {
    #skill-development p {
        max-width: 100%;
        padding: 0 35px;
    }
}
@media only screen and (max-width: 480px) {
    #skill-development p {
        max-width: 100%;
        padding: 0 25px;
    }
}

/* TESTIMONIALS */
#testimonials {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
#testimonials.promotional {
    margin: 0 0 5px;
    padding: 65px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    overflow: hidden;
}
#testimonials .grid-sizer {
}
#testimonials .grid-item {
}
#testimonials .item {
    margin: 0 0 30px;
    padding: 25px;
    border: 1px solid #ddd;
}
#testimonials.promotional .item {
    margin: 0;
    padding: 0;
    border: none;
}
#testimonials.promotional h2 {
    margin: 0 0 20px;
    max-width: 480px;
    line-height: 1.2;
}
#testimonials p {
    margin: 0;
    font-size: 16px;
}
#testimonials h4 {
    margin: 35px 0 0;
    padding: 20px 0 0;
    border-top: 1px dotted #ddd;
    font-size: 14px;
    font-weight: 500;
}
#testimonials.promotional h4 {
    margin: 0 0 35px;
    font-size: 18px;
    border: 0;
}
#testimonials.promotional h4 span {
    display: block;
    margin: 5px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6e;
}
#testimonials.promotional .logo {
    position: absolute;
    right: 300px;
    bottom: 65px;
    height: auto;
    width: 150px;
    display: none;
}
#testimonials.promotional .main-image {
    position: absolute;
    right: 25px;
    top: 30px;
    height: 700px;
    width: 420px;
    background-image: url(https://hooplifebasketball.com/uploads/images/andrew-hands-on-hip.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
@media only screen and (max-width: 992px) {
    #testimonials.promotional {
        margin: 20px 0 0;
        padding: 25px;
    }
    #testimonials .item {
        margin: 0 0 15px;
        padding: 20px;
    }
    #testimonials.promotional h2 {
        margin: 0 0 15px;
        max-width: 280px;
        font-size: 21px;
    }
    #testimonials p {
        margin: 0 0 20px;
        font-size: 14px;
    }
    #testimonials h4 {
        font-size: 14px;
    }
    #testimonials.promotional h4 {
        margin: 0 0 20px;
        font-size: 16px;
    }
    #testimonials.promotional h4 span {
        font-size: 12px;
    }
    #testimonials.promotional .logo,
    #testimonials.promotional .main-image {
        display: none;
    }
}

/* OUR SPONSORS */
#our-sponsors {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #ddd;
}
#our-sponsors .wrap {
    margin: 0 0 30px;
    padding: 35px 25px;
    height: auto;
    text-align: center;
    border: 1px solid #ddd;
}
#our-sponsors .wrap .promo-image {
    margin: 0 auto 15px;
    padding: 0;
    height: 80px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
#our-sponsors .wrap h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    color: #212121;
}
#our-sponsors .wrap a {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #bf202f;
    font-weight: 500;
    cursor: pointer;
}
#our-sponsors .wrap a.website:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin: -1px 4px 0 8px;
    padding: 0;
    height: 12px;
    width: 2px;
    background: #ededed;
}
@media screen and (max-width: 992px) {
    #our-sponsors .wrap {
        margin: 0 0 15px;
        padding: 25px 10px;
        height: auto;
    }
    #our-sponsors .wrap .promo-image {
        margin: 0 auto 15px;
        height: 75px;
        max-width: 80%;
    }
    #our-sponsors .wrap h3 {
        margin: 0 0 10px;
        font-size: 18px;
    }
}

/* --------------------------------

 08. SHOP

-------------------------------- */
#shop {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

/* SHOP BANNER */
#shop-banner {
    margin: 0;
    padding: 12px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
}
#shop-banner a {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    text-decoration: none;
}
#shop-banner a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 22px;
    height: 16px;
    width: 1px;
    background: #ddd;
}
#shop-banner a:last-child:after {
    display: none;
}
#shop-banner .fa {
    margin: 0 6px 0 0;
}
@media only screen and (max-width: 992px) {
    #shop-banner {
        padding: 12px 0 7px;
    }
    #shop-banner a {
        margin: 0 5px 5px;
        font-size: 12px;
    }
    #shop-banner a:first-child {
        display: none;
    }
    #shop-banner a:after {
        display: none;
    }
}

/* MOBILE SHOP */
#shop .expand-mobile-shop-btn {
    display: none;
    margin-top: 0;
    width: 100%;
}
#shop .expand-mobile-shop-btn .fa {
    margin: 0 6px 0 0;
}
@media only screen and (max-width: 992px) {
    #shop .expand-mobile-shop {
        display: none;
    }
    #shop .expand-mobile-shop-btn {
        display: block;
    }
}

/* REFINE YOUR SEARCH - CART WRAP - PROCEED TO CHECKOUT */
#shop .refine-your-search,
.proceed-to-checkout {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
}
#shop .refine-your-search h2,
.proceed-to-checkout h2,
.sidebar-search h2 {
    margin: 0;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
}
.sidebar-search h2 {
    margin: 0 0 10px;
}
#shop .refine-your-search .options-wrap,
.proceed-to-checkout .cart-wrap,
.proceed-to-checkout .items-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding: 20px 0 0;
}
#shop .refine-your-search .options-wrap p.notification,
.proceed-to-checkout .cart-wrap p.notification,
.proceed-to-checkout .items-wrap p.notification {
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 1.45;
    font-style: italic;
}
#shop .refine-your-search .options-wrap a {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    color: #212121;
    line-height: 1.2;
    text-decoration: none;
}
#shop .refine-your-search .options-wrap a span {
    color: #bf202f;
}
#shop .refine-your-search .options-wrap a.active {
}
.proceed-to-checkout {
}
.proceed-to-checkout .cart-wrap {
}
.proceed-to-checkout .cart-wrap .item {
    position: relative;
    display: block;
    margin: 0 0 15px;
}
.proceed-to-checkout .cart-wrap .item h3 {
    margin: 0;
    padding: 0 10px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}
.proceed-to-checkout .cart-wrap .item h3 span.quantity {
    color: #6f6f6e;
    font-weight: 400;
}
.proceed-to-checkout .cart-wrap .item .price {
    margin: 4px 0 0;
    color: #6f6f6e;
    font-weight: 400;
}
.proceed-to-checkout .cart-wrap .item .remove {
    position: absolute;
    top: 2px;
    right: 0;
}
.proceed-to-checkout .items-wrap {
    padding-top: 2px;
}
.proceed-to-checkout .items-wrap .item {
    position: relative;
    display: block;
    margin: 10px 0 0;
    padding: 10px 0 0;
    line-height: 1.3;
    font-weight: 700;
    text-transform: none;
    border-top: 1px dotted #ddd;
}
.proceed-to-checkout .items-wrap .item .price {
    float: right;
    margin: -18px 0 0;
    font-weight: 400;
}
.proceed-to-checkout .items-wrap .item .estimate-shipping-btn {
    cursor: pointer;
}
.proceed-to-checkout .items-wrap .total {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 900;
}
.proceed-to-checkout .items-wrap .total .price {
    font-weight: 700;
    color: #bf202f;
}
.proceed-to-checkout .items-wrap a.guest-checkout,
.proceed-to-checkout .items-wrap a.member-checkout {
    position: relative;
    display: block;
    margin: 0 0 10px;
    padding: 10px 0;
    font-size: 15px;
}
.proceed-to-checkout .items-wrap a.guest-checkout .fa,
.proceed-to-checkout .items-wrap a.member-checkout .fa {
    margin: 0 6px 0 0;
}
@media only screen and (max-width: 992px) {
    #shop .refine-your-search,
    .proceed-to-checkout {
        margin: 0 0 20px;
    }
    #shop .refine-your-search {
        padding-top: 15px;
    }
    #shop .refine-your-search h2,
    .proceed-to-checkout h2,
    .sidebar-search h2 {
        font-size: 18px;
    }
    .sidebar-search h2 {
        margin: 0 0 15px;
    }
    #shop .refine-your-search .options-wrap,
    .proceed-to-checkout .cart-wrap,
    .proceed-to-checkout .items-wrap {
        padding: 15px 0 0;
    }
    .proceed-to-checkout .items-wrap {
        padding-top: 2px;
    }
}

/* CALCULATE SHIPPING */
.calculate-shipping {
    margin: 0;
    padding: 20px 0 0;
    display: none;
}
.calculate-shipping input[type="text"],
.calculate-shipping select {
    margin: 0 0 10px;
    height: 35px;
    line-height: 35px;
}
.calculate-shipping .btn {
    margin: 5px 0 0;
    padding: 10px 0;
    width: 100%;
    font-size: 14px;
}

/* REQUIRE LOGIN */
#require-login {
    position: relative;
    display: block;
    margin: 0 0 35px;
    padding: 0;
}
#require-login img {
    float: left;
    margin: -35px 25px 0 0;
    max-width: 275px;
}
#require-login h2 {
    margin-top: 35px;
}
#require-login h2 span {
    display: block;
    margin: 6px 0 0;
    padding: 0;
    font-size: 17px;
    font-weight: 500;
    color: #bf202f;
}
#require-login a {
    margin: 20px 0 0;
}
@media only screen and (max-width: 992px) {
    #require-login img {
        display: none;
    }
    #require-login h2 {
        margin-top: 0;
    }
    #require-login h2 span {
        font-size: 14px;
    }
}

/* YEARLY PROMOTIONAL */
#yearly-promotional {
    margin: 0 0 20px;
    padding: 20px;
    background: #212121;
    color: #fff;
}
#yearly-promotional h4 {
    margin: 0 0 35px;
    padding: 0;
    max-width: 150px;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.25;
}
#yearly-promotional a {
    display: inline-block;
    margin: 0;
    padding: 8px 12px;
    width: auto;
    background: #fff;
    color: #212121;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

/* SHOP LANDING */
#shop-landing {
    position: relative;
    display: block;
    height: calc(100vh - 117px);
}
#shop-landing .main-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#shop-landing .text-wrap {
    display: inline-block;
    margin: 10px 0 0;
    padding: 20px 25px 12px;
    background: rgba(0, 0, 0, 0.75);
}
#shop-landing h1 {
    margin: 0 0 10px;
    font-size: 42px;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
}
#shop-landing h1 span {
    display: block;
    margin: 4px 0 0;
}
#shop-landing p {
    display: block;
    margin: 0 0 24px;
    padding: 0 0 20px;
    max-width: 225px;
    border-bottom: 3px solid #bf202f;
    line-height: 1.4;
    color: #ffffff;
}
#shop-landing .btn {
    margin: 10px 0 0;
}
#shop-landing .quick-shop-nav {
}
#shop-landing .quick-shop-nav a,
#shop-landing .quick-shop-nav a:hover,
#shop-landing .quick-shop-nav a:active,
#shop-landing .quick-shop-nav a:focus {
    display: block;
    margin: 0 0 14px;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
#shop-landing .quick-shop-nav a:hover {
    padding-left: 5px;
}
#shop-landing .quick-shop-nav a .fa {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 6px 0 0;
    font-size: 18px;
}
#shop-landing .quick-shop-nav a:hover .fa {
    /* color: #BF202F; */
}
@media screen and (max-width: 992px) {
    #shop-landing {
        margin: 0 0 15px;
        height: auto;
    }
    #shop-landing .text-wrap {
        margin: 10px 0 75px;
        padding: 15px 20px 10px;
    }
    #shop-landing h1 {
        font-size: 32px;
    }
    #shop-landing p {
        margin: 0 0 20px;
        padding: 0 0 15px;
        max-width: 185px;
    }
    #shop-landing .quick-shop-nav {
    }
    #shop-landing .quick-shop-nav a,
    #shop-landing .quick-shop-nav a:hover,
    #shop-landing .quick-shop-nav a:active,
    #shop-landing .quick-shop-nav a:focus {
        margin: 0 0 12px;
        font-size: 18px;
    }
    #shop-landing .quick-shop-nav a .fa {
        font-size: 14px;
    }
}

/* SHOP NAVIGATION */
#shop .shop-navigation {
    position: relative;
    display: block;
    margin: 0 0 45px;
    padding: 12px 0 6px;
    border-top: 2px solid #212121;
    border-bottom: 2px solid #212121;
    text-align: center;
}
#shop .shop-navigation a {
    display: inline-block;
    margin: 0 10px 6px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}
@media screen and (max-width: 992px) {
    #shop .shop-navigation {
        margin: 0 0 30px;
        padding: 10px 0 5px;
    }
    #shop .shop-navigation a {
        margin: 0 5px 5px;
        font-size: 14px;
    }
}

/* PRODUCT PROMO */
#shop .product-promo {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 300px 25px 25px;
    width: 100%;
    color: #fff;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #ededed;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#shop .product-promo h3 {
    margin: 0;
    padding: 0;
    font-size: 44px;
    font-weight: 900;
}
#shop .product-promo p {
    margin: 0;
    padding: 0;
    max-width: 400px;
    font-size: 14px;
    line-height: 1.45;
    color: #fff;
}
#shop .product-promo a {
    display: block;
    margin: 15px 0 0;
    padding: 0;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
}
@media only screen and (max-width: 992px) {
    #shop .product-promo {
        margin: 0 0 20px;
        padding: 15px;
    }
    #shop .product-promo h3 {
        font-size: 18px;
    }
    #shop .product-promo p {
        font-size: 14px;
    }
}

/* PRODUCT SUMMARY */
#shop .list-item:nth-child(4n + 1) {
    clear: left;
}
#shop .product-summary {
    position: relative;
    display: block;
    margin: 0 0 45px;
    padding: 0;
    text-align: center;
}
#shop .product-summary .main-image {
    position: relative;
    display: block;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    height: 275px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    overflow: hidden;
}
#shop .product-summary .main-image .link-to {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
#shop .product-summary .main-image .tag {
    position: absolute;
    top: 20px;
    left: 0;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    opacity: 1;
    text-transform: uppercase;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
#shop .product-summary .main-image:hover .tag {
    opacity: 0;
}
#shop .product-summary .main-image .tag.new {
    background: #609d2b;
    display: none;
}
#shop .product-summary .main-image .tag.sold-out {
    background: #bf202f;
}
#shop .product-summary .main-image .tag.best-seller {
    background: #eeba47;
    background: #212121;
}
#shop .product-summary .main-image .product-options {
    position: absolute;
    top: 20px;
    right: -30px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}
#shop .product-summary .main-image:hover .product-options {
    right: 20px;
}
#shop .product-summary .main-image .product-options .hide-input {
    height: 0;
    width: 0;
    overflow: hidden;
}
#shop .product-summary .main-image .product-options a,
#shop .product-summary .main-image .product-options button {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    font-size: 21px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #212121;
    cursor: pointer;
}
#shop .product-summary .main-image .product-options a:focus,
#shop .product-summary .main-image .product-options button:focus {
    outline: 0;
    border: 0;
}
#shop .product-summary .main-image .quick-view {
    position: absolute;
    margin: 0;
    padding: 8px 18px;
    top: auto;
    bottom: -35px;
    left: 50%;
    background: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #212121;
    cursor: pointer;
}
#shop .product-summary .main-image:hover .quick-view {
    bottom: 20px;
}
#shop .product-summary .main-image .quick-view:hover {
    color: #fff;
}
#shop .product-summary .description-wrap {
    margin: 0;
    padding: 0;
}
#shop .product-summary .description-wrap .rating {
    display: none;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #ddd;
}
#shop .product-summary .description-wrap .rating .fa {
    display: inline-block;
    color: #bf202f;
}
#shop .product-summary .description-wrap .rating .all-ratings {
    display: inline-block;
    margin: 0 0 0 2px;
    font-size: 12px;
    color: #6f6f6e;
    text-decoration: none;
}
#shop .product-summary .description-wrap h2 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
}
#shop .product-summary .description-wrap h2 a {
    text-decoration: none;
    color: #212121;
}
#shop .product-summary .description-wrap p {
    display: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
#shop .product-summary .description-wrap .price {
    display: block;
    margin: 10px 0 0;
    font-size: 18px;
    font-weight: 600;
}
#shop .product-summary .description-wrap .price span.discount {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 8px;
    font-size: 12px;
    font-weight: 400;
    color: #bf202f;
}
@media only screen and (max-width: 992px) {
    #shop .product-summary {
        margin: 0 0 30px;
    }
    #shop .product-summary .description-wrap h2 {
        margin: 0;
        font-size: 16px;
    }
    #shop .product-summary .description-wrap p {
        font-size: 12px;
    }
    #shop .product-summary .description-wrap .price {
        margin: 5px 0 0;
        font-size: 16px;
    }
}

/* PRODUCT DETAIL */
#shop .product-detail .product-description {
    position: relative;
    display: block;
    margin: 0 0 15px;
}
#shop .product-detail .product-description h2 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 26px;
}
#shop .product-detail .product-description h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #6f6f6e;
}
#shop .product-detail .product-description a.save,
#shop .product-detail .product-description button.save {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin: 0 0 15px;
    padding: 0;
    font-size: 21px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #bf202f;
    cursor: pointer;
}
#shop .product-detail .product-description .hide-input {
    height: 0;
    width: 0;
    overflow: hidden;
}
#shop .product-detail .product-description a.save:focus,
#shop .product-detail .product-description button.save:focus {
    outline: 0;
    border: 0;
}
#shop .product-detail .product-description .rating {
    display: none;
    margin: 0 0 12px;
    padding: 0;
}
#shop .product-detail .product-description .rating .fa {
    display: inline-block;
    color: #bf202f;
}
#shop .product-detail .product-description .rating .all-ratings {
    display: inline-block;
    margin: 0 0 0 2px;
    font-size: 12px;
    color: #6f6f6e;
    text-decoration: none;
}
#shop .product-detail .product-description .price {
    display: block;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px dotted #ddd;
    font-size: 22px;
    font-weight: 600;
}
#shop .product-detail .product-description .price span.discount {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 8px;
    font-size: 12px;
    font-weight: 400;
    color: #bf202f;
}
#shop .product-detail .product-description .return-policy {
    position: relative;
    display: block;
    margin: 15px 0 0;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#shop .product-detail .product-description .return-policy h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}
#shop .product-detail .product-description .return-policy p {
    margin: 3px 0 0;
    padding: 0;
    line-height: 1.5;
}
#shop .product-detail .product-description .sizing-chart {
    display: none;
    margin: 25px 0;
    padding: 0;
}
#shop .product-detail .product-description .sizing-chart h3 {
    margin: 0 0 16px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}
#shop .product-detail .product-description .sizing-chart img {
    width: 275px;
    pointer-events: none;
}
#shop .product-detail .add-to-cart,
.quick-view-popup-container .description-wrap .add-to-cart {
    position: relative;
    margin: 50px 0 0;
    padding: 0;
}
.quick-view-popup-container .description-wrap .add-to-cart {
    margin: 0;
    /* position: absolute;
    margin: 0;
    bottom: 25px;
    width: auto;
    left: 25px;
    right: 25px; */
}
#shop .product-detail .add-to-cart form,
.quick-view-popup-container .description-wrap .add-to-cart form {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.quick-view-popup-container .description-wrap .add-to-cart form {
    max-width: 425px;
}
#shop .product-detail .add-to-cart form:after,
.quick-view-popup-container .description-wrap .add-to-cart form:after {
    content: "";
    display: block;
    clear: both;
}
#shop .product-detail .add-to-cart input,
#shop .product-detail .add-to-cart select,
#shop .product-detail .add-to-cart button,
.quick-view-popup-container .description-wrap .add-to-cart input,
.quick-view-popup-container .description-wrap .add-to-cart select,
.quick-view-popup-container .description-wrap .add-to-cart button {
    display: block;
    float: left;
    margin: 0 0 10px;
    padding: 0 15px;
    height: 45px;
    width: 100%;
    font-size: 15px;
    border: 1px solid #ddd;
    outline: none;
    text-align: center;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
#shop .product-detail .add-to-cart input.quantity,
.quick-view-popup-container .description-wrap .add-to-cart input.quantity {
    float: none;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    border: none;
}
#shop .product-detail .add-to-cart select,
.quick-view-popup-container .description-wrap .add-to-cart select {
    width: 65%;
    background: #fff;
}
#shop .product-detail .add-to-cart button,
.quick-view-popup-container .description-wrap .add-to-cart button {
    margin-left: 4%;
    border: 0;
    width: 31%;
}
#shop .product-detail .add-to-cart select,
.quick-view-popup-container .description-wrap .add-to-cart select {
    background-image: url(../images/drop_down_arrow_grey.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: top 18px right 12px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
#shop .product-detail .add-to-cart button .fa,
.quick-view-popup-container .description-wrap .add-to-cart button .fa {
    margin: 0 6px 0 0;
}
@media only screen and (max-width: 1200px) {
    #shop .product-detail .add-to-cart select {
        width: 60%;
    }
    #shop .product-detail .add-to-cart button {
        width: 36%;
    }
}
@media only screen and (max-width: 992px) {
    #shop .product-detail .product-description {
    }
    #shop .product-detail .product-description h2 {
        margin: 0;
        font-size: 21px;
    }
    #shop .product-detail .product-description h3 {
        font-size: 14px;
    }
    #shop .product-detail .product-description a.save,
    #shop .product-detail .product-description button.save {
        top: 2px;
        font-size: 18px;
    }
    #shop .product-detail .product-description .return-policy {
        margin: 25px 0 0;
    }
    #shop .product-detail .product-description .return-policy h3 {
        font-size: 15px;
    }
    #shop .product-detail .product-description .sizing-chart {
        margin: 25px 0;
        padding: 0;
    }
    #shop .product-detail .product-description .sizing-chart h3 {
        margin: 0 0 15px;
        font-size: 15px;
    }
    #shop .product-detail .product-description .sizing-chart img {
        width: 100%;
        max-width: 275px;
        pointer-events: none;
    }
    #shop .product-detail .product-description .add-to-cart,
    .quick-view-popup-container .description-wrap .add-to-cart {
        position: relative;
        margin: 25px 0 0;
        bottom: auto;
        left: auto;
        right: auto;
    }
    #shop .product-detail .product-description .add-to-cart form,
    .quick-view-popup-container .description-wrap .add-to-cart form {
        max-width: 100%;
    }
    #shop .product-detail .product-description .add-to-cart input,
    #shop .product-detail .product-description .add-to-cart select,
    #shop .product-detail .product-description .add-to-cart button,
    .quick-view-popup-container .description-wrap .add-to-cart input,
    .quick-view-popup-container .description-wrap .add-to-cart select,
    .quick-view-popup-container .description-wrap .add-to-cart button {
        float: none;
        margin: 10px 0 0;
        padding: 0 12px;
        height: 40px;
        width: 100%;
    }
    #shop .product-detail .add-to-cart select,
    .quick-view-popup-container .description-wrap .add-to-cart select {
        background-position: top 16px right 12px;
    }
}

/* EXTRA PRODUCTS */
#shop .extra-products {
    position: relative;
    display: block;
    margin: 0;
    padding: 50px 0 0;
}
#shop .extra-products h2 {
    margin: 0 0 30px;
    font-size: 24px;
    text-align: center;
}
#shop .extra-products .owl-nav {
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    top: 120px;
}
#shop .extra-products .owl-nav .owl-prev,
#shop .extra-products .owl-nav .owl-next {
    position: absolute;
    margin: 0;
    padding: 0;
    height: 36px;
    width: 36px;
    text-indent: -2px;
    left: 0;
    font-size: 20px;
    color: #212121;
    background: #fff;
    outline: none;
    border: none;
}
#shop .extra-products .owl-nav .owl-next {
    left: auto;
    right: 0;
    text-indent: 2px;
}
#shop .extra-products .owl-dots {
    position: relative;
    display: block;
    margin: 25px auto 0;
    padding: 0;
    height: auto;
    width: auto;
    text-align: center;
}
#shop .extra-products .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    height: 10px;
    width: 10px;
    background: #ddd;
    outline: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
#shop .extra-products .owl-dots .owl-dot.active {
    background: #bf202f;
}
@media only screen and (max-width: 992px) {
    #shop .extra-products {
        margin: 0;
        padding: 20px 0 0;
    }
    #shop .extra-products h2 {
        margin: 0 0 20px;
        font-size: 18px;
    }
    #shop .extra-products .owl-nav,
    #shop .extra-products .owl-dots {
        display: none;
    }
}

/* ADD YOUR REVIEW */
#shop .add-your-review {
    margin: 0;
    padding: 0;
    text-align: center;
}
#shop .add-your-review h2 {
    margin: 0;
    padding: 0;
}
#shop .add-your-review p {
    display: block;
}
#shop .add-your-review .rating {
    margin: 0 0 12px;
    padding: 0;
}
#shop .add-your-review .rating .fa {
    display: inline-block;
    font-size: 44px;
    color: #bf202f;
}
#shop .add-your-review a {
    margin: 40px 0 0;
}
#shop .submit-review {
    display: none;
    padding: 40px 0 0;
    overflow: hidden;
}
@media only screen and (max-width: 992px) {
    #shop .add-your-review .rating .fa {
        font-size: 36px;
    }
    #shop .add-your-review a {
        margin: 20px 0 0;
    }
}

/* ALL REVIEWS */
#shop .all-reviews {
    margin: 65px 0 0;
    padding: 55px 0 0;
    border-top: 1px solid #ddd;
}
#shop .all-reviews .item {
    position: relative;
    display: block;
    margin: 0 0 40px;
}
#shop .all-reviews .item .rating {
    margin: 0 0 8px;
    padding: 0;
}
#shop .all-reviews .item .rating .fa {
    display: inline-block;
    color: #bf202f;
}
#shop .all-reviews .item .rating .date {
    display: inline-block;
    margin: 0 0 0 6px;
    font-size: 12px;
    color: #6f6f6e;
    text-decoration: none;
}
#shop .all-reviews .item h3 {
    margin: 0 0 2px;
    padding: 0;
}
@media only screen and (max-width: 992px) {
    #shop .all-reviews {
        margin: 50px 0 0;
        padding: 35px 0 0;
    }
    #shop .all-reviews .item {
        position: relative;
        display: block;
        margin: 0 0 25px;
    }
    #shop .all-reviews .item .rating {
        margin: 0 0 5px;
    }
}

/* CART OVERVIEW */
#cart-overview {
    display: inline-block;
    width: 100%;
    height: auto;
}
#cart-overview .alert {
    padding: 0;
    border: 0;
    background: #fff;
    color: #212121;
}
#cart-overview .footable-overview {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    width: 100%;
    color: #000000;
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
}
#cart-overview .footable-overview span.col-description {
    display: none;
    padding: 0 4px 0 0;
    font-weight: 700;
}
#cart-overview .footable-overview.breakpoint > tbody > tr.footable-row-detail {
    background: #eeeeee;
}
#cart-overview .footable-overview.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
    cursor: pointer;
}
#cart-overview .footable-overview.breakpoint > tbody > tr > td.footable-row-detail-cell {
    background: #fff;
}
#cart-overview .footable-overview > tbody img {
    vertical-align: middle;
}
#cart-overview .footable-overview > tbody > tr:hover:not(.footable-row-detail) {
    background: #f8f8f8;
}
#cart-overview .footable-overview > tbody > tr:hover:not(.footable-row-detail) .title {
}
#cart-overview .footable-overview > tbody > tr:hover:not(.footable-row-detail) > td {
    color: #000000;
}
#cart-overview .footable-overview > tbody > tr:last-child > td {
    border-bottom: none;
}
#cart-overview .footable-overview > tbody > tr {
}
#cart-overview .footable-overview > tbody > tr:nth-child(even) {
    background: #f8f8f8;
}
#cart-overview .footable-overview > tbody > tr > td {
    padding: 20px 15px;
    border: 0;
    text-align: left;
    border-bottom: 1px dotted #ddd;
}
#cart-overview .footable-overview > tbody > tr > td.title {
    font-size: 16px;
    font-weight: 500;
}
#cart-overview .footable-overview tbody tr span {
    display: none;
}
#cart-overview .footable-overview > tbody > tr > td.footable-row-detail-cell,
#cart-overview .footable-overview > tbody > tr > td.footable-first-column {
    border-left: none;
}
#cart-overview .footable-overview > thead {
}
#cart-overview .footable-overview > thead > tr > th {
    padding: 10px 15px 15px;
    text-align: left;
}
#cart-overview .footable-overview > thead > tr > th,
#cart-overview .footable-overview > thead > tr > td {
    background-color: #fff;
    border: 0;
    color: #a3a3a3;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #dddddd;
}
#cart-overview .footable-overview > thead > tr > th.footable-first-column,
#cart-overview .footable-overview > thead > tr > td.footable-first-column {
    border-left: none;
}
#cart-overview .footable-overview input.cms_textfield {
    border: 1px solid #ddd;
    text-align: center;
}
#cart-overview .action-buttons {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    text-align: right;
}
#cart-overview .action-buttons .btn {
    padding: 8px 16px;
    font-size: 14px;
    outline: 0;
}
#cart-overview .action-buttons .btn:focus {
    outline: 0;
}
#cart-overview .continue_shopping {
    padding: 8px 12px;
    color: #2a2a2a;
    width: auto;
}
#cart-overview fieldset.line-spacing {
    line-height: 1.6;
}
@media screen and (max-width: 992px) {
    #cart-overview .footable-overview {
        border: none;
    }
    #cart-overview .footable-overview span.col-description {
        display: inline-block;
    }
    #cart-overview .footable-overview caption {
        background-image: none;
    }
    #cart-overview .footable-overview thead {
        display: none;
    }
    #cart-overview .footable-overview > tbody > tr > td {
        display: block;
        padding: 15px 10px;
    }
    #cart-overview .footable-overview > tbody > tr:last-child > td {
        border-bottom: 1px dotted #ddd;
    }
    #cart-overview .footable-overview tbody tr {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 15px;
        background: #fff;
        border: 1px solid #ddd;
    }
    #cart-overview .footable-overview tbody tr span {
        display: inline-block;
        margin: 0 6px 0 0;
        color: #a3a3a3;
    }
    #cart-overview .footable-overview tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 0rem;
    }
    #cart-overview .action-buttons .btn {
        position: relative;
        display: block;
        padding: 10px 0;
        width: 100%;
        margin: 0 0 10px;
    }
    #cart-overview .continue_shopping {
        margin: 0;
        display: block;
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
}

/* COUPON CODE */
#coupon-code {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
}
#coupon-code h4 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}
#coupon-code h4 span {
    display: block;
    margin: 2px 0 0;
    font-size: 12px;
    color: #6f6f6e;
}
#coupon-code .coupon-input,
#coupon-code .btn {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 10px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    width: 80%;
    font-size: 14px;
    font-weight: 400;
    color: #212121;
    border: 1px solid #ddd;
}
#coupon-code .btn {
    padding: 0;
    text-align: center;
    width: 20%;
    border: none;
    color: #fff;
}
#coupon-code .btn .fa {
    margin: 0;
}
#coupon-code .coupon-list {
    position: relative;
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
#coupon-code .coupon-list h5 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}
#coupon-code .coupon-list span {
    display: block;
    margin: 0 0 6px;
    padding: 0;
    font-size: 12px;
}
#coupon-code .coupon-list span .fa {
    margin: 0 6px 0 0;
    color: #609d2b;
}
#coupon-code .clear-coupons,
#coupon-code .clear-coupons:focus {
    position: relative;
    display: block;
    margin: 20px 0 0;
    padding: 0;
    height: auto;
    width: auto;
    border: 0;
    outline: 0;
    line-height: 1.2;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    background: transparent;
    color: #a3a3a3;
}
@media screen and (max-width: 992px) {
    #coupon-code {
        padding: 30px 20px 30px;
    }
    #coupon-code input[type="submit"] {
        margin: 10px 0 0;
        padding: 15px 0;
    }
}

/* CANCELLATION INSURANCE AD */
#cancellation-insurance-ad {
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 100%;
    background: #fff;
    z-index: 2;
}
#cancellation-insurance-ad.visible {
    display: block;
    -webkit-animation: cd-fade-in 0.5s;
    -moz-animation: cd-fade-in 0.5s;
    animation: cd-fade-in 0.5s;
}
#cancellation-insurance-ad form {
    display: inline-block;
    max-width: 150px;
}

/* ORDER CONFIRM */
#order-confirm {
    margin: 0;
    padding: 0;
}
#order-confirm h2 span {
    display: block;
    margin: 6px 0 0;
    font-size: 16px;
    font-weight: 400;
    color: #bf202f;
}
@media only screen and (max-width: 992px) {
    #order-confirm h2 span {
        margin: 2px 0 0;
        font-size: 14px;
    }
}

#order-confirm .camps-selected {
}
#order-confirm .player-select-wrap {
    position: relative;
    display: block;
    margin: 10px 0 35px;
}
#order-confirm .player-select-wrap .camp-summary {
    position: relative;
    display: block;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px dotted #ddd;
}
#order-confirm .player-select-wrap .camp-summary .fa {
    position: absolute;
    top: 29px;
    right: 0;
    margin: 0 10px 0 0;
    font-size: 34px;
    color: #bf202f;
}
#order-confirm .player-select-wrap .camp-summary h2 {
    display: block;
    margin: 0 0 0;
    padding: 0;
    line-height: 1.25;
    font-size: 16px;
    font-weight: 700;
}
#order-confirm .player-select-wrap .camp-summary #register-player-form {
    position: relative;
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
#order-confirm .player-select-wrap .camp-summary #register-player-form a.add-player-open {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    height: 30px;
    line-height: 30px;
}
#order-confirm .player-select-wrap .camp-summary #register-player-form form {
    display: inline-block;
    vertical-align: middle;
}
#order-confirm .player-select-wrap .camp-summary #register-player-form select {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0 25px 0 10px;
    height: 30px;
    line-height: 28px;
    text-align: left;
    border: 1px solid #ddd;
    outline: 0;
    border-radius: 0;
    background-color: #f8f8f8;
    background-image: url(../images/drop_down_arrow_grey.svg);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: top 12px right 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
#order-confirm .player-select-wrap .camp-summary .success #register-player-form select {
    pointer-events: none;
    background: #ededed;
}
#order-confirm .player-select-wrap .camp-summary #register-player-form .submit {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px;
    width: auto;
    line-height: 30px;
}
#order-confirm .player-select-wrap .camp-summary #register-player-form .submit:before {
    position: relative;
    margin: 0 6px 0 0;
    content: "\f04a";
    font-family: "Hooplife";
    font-size: 14px;
    color: #609d2b;
    display: none;
}
#order-confirm .player-select-wrap .camp-summary #register-player-form .submit input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #609d2b;
    background: #fff;
    border: 0;
    outline: 0;
    border-radius: 0;
}
#order-confirm .player-select-wrap .camp-summary #register-player-form input.success {
    color: #609d2b;
    pointer-events: none;
}
@media only screen and (max-width: 992px) {
    #order-confirm .player-select-wrap .camp-summary {
        padding: 15px 0;
    }
    #order-confirm .player-select-wrap .camp-summary .fa {
        display: none;
        margin: 2px 12px 0 0;
        font-size: 34px;
    }
    #order-confirm .player-select-wrap .camp-summary h2 {
        margin: 0;
        line-height: 1.25;
        font-size: 17px;
    }
    #order-confirm .player-select-wrap .camp-summary #register-player-form {
        position: relative;
        display: block;
        margin: 8px 0 0;
        top: 0;
        right: 0;
        padding: 0;
        background: transparent;
    }
    #order-confirm .player-select-wrap .camp-summary #register-player-form select {
        padding: 0 20px 0 5px;
    }
    #order-confirm .player-select-wrap .camp-summary #register-player-form a.add-player-open {
        margin: 0 0 0 8px;
    }
}

/* ORDER CONFIRM */
#order-confirm h4 {
    margin: 15px 0 4px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}
#order-confirm h4.unregistered-message {
    margin: 35px 0;
    text-align: center;
    line-height: 1.4;
}
@media only screen and (max-width: 992px) {
    #order-confirm h4.unregistered-message {
        margin: 20px 0 35px;
    }
}

/* FOOTABLE CONFIRM */
#order-confirm .footable-checkout {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin: 10px 0 0;
    width: 100%;
    color: #444444;
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0px solid #ededed;
}
#order-confirm .footable-checkout span.col-description {
    display: none;
    padding: 0 4px 0 0;
    font-weight: 700;
}

#order-confirm .footable-checkout.breakpoint > tbody > tr.footable-row-detail {
    background: #eeeeee;
}
#order-confirm .footable-checkout.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
    cursor: pointer;
}
#order-confirm .footable-checkout.breakpoint > tbody > tr > td.footable-row-detail-cell {
    background: #fff;
}
#order-confirm .footable-checkout > tbody img {
    vertical-align: middle;
}
#order-confirm .footable-checkout > tbody > tr:hover:not(.footable-row-detail) {
    /* background: #f8f8f8; */
}
#order-confirm .footable-checkout > tbody > tr:hover:not(.footable-row-detail) > td {
    color: #000000;
}
#order-confirm .footable-checkout > tbody > tr:last-child > td {
    border-bottom: none;
}
#order-confirm .footable-checkout > tbody > tr:first-child > td {
    border-top: 0;
}
#order-confirm .footable-checkout > tbody > tr > td {
    border-top: 1px dashed #dddddd;
    padding: 10px 0;
    text-align: left;
    border-left: none;
    font-size: 14px;
}
#order-confirm .footable-checkout > tbody > tr > td.footable-row-detail-cell,
#order-confirm .footable-checkout > tbody > tr > td.footable-first-column {
    border-left: none;
}
#order-confirm .footable-checkout > thead > tr > th {
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
    text-align: left;
    font-size: 15px;
}
#order-confirm .footable-checkout > thead > tr > th,
#order-confirm .footable-checkout > thead > tr > td {
    /* background-color: #2a2a2a;
    border: 1px solid #2a2a2a; */
    color: #212121;
    border-top: none;
    border-left: none;
    font-weight: 700;
}
#order-confirm .footable-checkout > thead > tr > th.footable-first-column,
#order-confirm .footable-checkout > thead > tr > td.footable-first-column {
    border-left: none;
}
#order-confirm .footable-checkout .itemprice input.cms_textfield {
    padding: 5px 0px;
    border: none;
    text-align: center;
    width: auto;
    border-bottom: solid 2px #c9c9c9;
}
@media only screen and (max-width: 992px) {
    #order-confirm .footable-checkout {
        margin: 0;
        border: none;
    }
    #order-confirm .footable-checkout span.col-description {
        display: inline-block;
    }
    #order-confirm .footable-checkout caption {
        background-image: none;
    }
    #order-confirm .footable-checkout thead {
        display: none;
    }
    #order-confirm .footable-checkout > tbody > tr > td {
        /* display: block;
        padding: 12px 10px; */
        display: inline-block;
        margin: 0 -4px 0 0;
        padding: 12px 0;
        width: 20%;
    }
    #order-confirm .footable-checkout > tbody > tr > td:nth-child(1) {
        width: 60%;
    }
    #order-confirm .footable-checkout > tbody > tr > td:nth-child(6) {
        display: none;
    }
    #order-confirm .footable-checkout > tbody > tr > td:empty {
        display: none;
    }
    #order-confirm .footable-checkout > tbody > tr:last-child > td {
        /* border-bottom: 1px dotted #ddd; */
    }
    #order-confirm .footable-checkout tbody tr {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        background: #fff;
        /* border: 1px solid #ddd; */
    }
    #order-confirm .footable-checkout tbody tr span {
        display: inline-block;
        margin: 0 6px 0 0;
        color: #a3a3a3;
    }
    #order-confirm .footable-checkout tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 0rem;
    }
}

/* ORDER CONFIRM */
#order-confirm .payment-options {
    position: relative;
    display: block;
    margin: 40px auto 40px;
    padding: 0;
    text-align: center;
}
#order-confirm .payment-options .checkout-spacer {
    position: relative;
    display: block;
    margin: 30px auto 35px;
    width: 100%;
    max-width: 245px;
    height: 1px;
    background: #ddd;
}
#order-confirm .payment-options .gateway.paypal input {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 235px;
}
#order-confirm .payment-options .gateway.invoice input {
    position: relative;
    display: block;
    margin: 0 auto 25px;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #212121;
    outline: 0;
    border: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
@media only screen and (max-width: 992px) {
    #order-confirm .payment-options {
        margin: 30px auto 40px;
    }
}

/* CONFIRM ORDER WRAP */
.confirm-order-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.confirm-order-wrap .billing-details {
    position: relative;
    display: block;
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.confirm-order-wrap .billing-details h5.sub-title {
    margin: 0 0 20px;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
}
.confirm-order-wrap .billing-details .edit {
    float: right;
    margin: 0;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 400;
    color: #a3a3a3;
    background: #f8f8f8;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.confirm-order-wrap .billing-details p {
    margin: 0 0 10px;
    line-height: 1;
}
.confirm-order-wrap .order-total {
    position: relative;
    display: block;
    margin: 0 0 15px;
    padding: 20px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.confirm-order-wrap .order-total h5.sub-title {
    margin: 0;
    padding: 0;
    font-size: 18px;
}
.confirm-order-wrap .order-total h5.sub-title span {
    float: right;
}
.confirm-order-wrap p.payment-details {
    margin: 0 0 30px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}
.confirm-order-wrap .payment-options {
}
.confirm-order-wrap .payment-options img,
.confirm-order-wrap .payment-options input {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 35px;
    max-width: 275px;
    height: auto;
    cursor: pointer;
}
@media only screen and (max-width: 992px) {
    .confirm-order-wrap .billing-details h5 {
        margin: 0 0 15px;
        font-size: 18px;
    }
    .confirm-order-wrap .billing-details .edit {
        padding: 6px 10px;
    }
    .confirm-order-wrap .billing-details p {
        font-size: 14px;
    }
    .confirm-order-wrap .order-total {
        margin: 0 0 12px;
    }
    .confirm-order-wrap .order-total h5.sub-title {
        font-size: 16px;
    }
    .confirm-order-wrap p.payment-details {
        margin: 0 0 20px;
    }
    .confirm-order-wrap .payment-options {
    }
    .confirm-order-wrap .payment-options img,
    .confirm-order-wrap .payment-options input {
        max-width: 235px;
    }
}

/* VIEW CART WRAP */
.view-cart-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.view-cart-wrap .alert {
    padding: 0;
    border: 0;
    background: #fff;
    color: #212121;
}
.view-cart-wrap h5.sub-title {
    margin: 0;
    padding: 18px 20px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-bottom: 0;
}
.view-cart-wrap .cart-items {
    position: relative;
    display: block;
    margin: 0;
    padding: 10px 20px 15px;
    border: 1px solid #ddd;
}
.view-cart-wrap .item {
    display: block;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.view-cart-wrap .item:last-child {
    padding-bottom: 10px;
    border-bottom: 0;
}
.view-cart-wrap .item .ticket {
    position: relative;
    float: left;
    margin: 0 15px 0 0;
    height: 75px;
    width: 75px;
    text-align: center;
    background: #fff;
    box-shadow: inset 0 0 0 3px #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.view-cart-wrap .item .ticket .fa {
    line-height: 75px;
    font-size: 34px;
}
.view-cart-wrap .item .ticket span {
    position: absolute;
    top: -5px;
    right: -5px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #bf202f;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.view-cart-wrap .item h2 {
    display: block;
    margin: 5px 0 5px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}
.view-cart-wrap .item h3 {
    display: block;
    margin: 0 0 12px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}
.view-cart-wrap .item .product-actions {
    position: relative;
    display: block;
}
.view-cart-wrap .item .product-actions input[type="checkbox"] {
    position: relative;
    float: left;
    margin: -2px 6px 0 0;
    width: 15px;
    height: 15px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
}
.view-cart-wrap .item .product-actions input[type="checkbox"]:checked {
    background: #bf202f;
    border: 1px solid #fff;
}
.view-cart-wrap .item .product-actions input[type="checkbox"]:active,
.view-cart-wrap .item .product-actions input[type="checkbox"]:focus {
    outline: 0;
}
.view-cart-wrap .item .product-actions button {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    border: 0;
    outline: 0;
    font-size: 12px;
    font-weight: 700;
    background: transparent;
    color: #212121;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
.view-cart-wrap .item .product-actions button.inactive {
    opacity: 0.5;
    pointer-events: none;
}
.view-cart-wrap .action-buttons {
    position: relative;
    float: right;
    display: block;
    margin: 5px 0 20px;
    padding: 0;
}
.view-cart-wrap .action-buttons .btn {
    padding: 8px 16px;
    font-size: 15px;
    outline: 0;
}
.view-cart-wrap .action-buttons .btn:focus {
    outline: 0;
}
.view-cart-wrap .continue_shopping {
    padding: 8px 12px;
    color: #2a2a2a;
    width: auto;
}
@media only screen and (max-width: 992px) {
    .view-cart-wrap h5.sub-title {
        padding: 12px 20px;
        font-size: 18px;
    }
    .view-cart-wrap .item .ticket {
        margin: 0 12px 0 0;
        height: 65px;
        width: 65px;
        box-shadow: inset 0 0 0 2px #ddd;
    }
    .view-cart-wrap .item .ticket .fa {
        line-height: 65px;
        font-size: 28px;
    }
    .view-cart-wrap .item h2 {
        font-size: 15px;
    }
    .view-cart-wrap .item h3 {
        display: inline-block;
        margin: 0 0 10px;
        font-size: 12px;
    }
    .view-cart-wrap .item .product-actions {
        display: inline-block;
        margin: 0 0 0 6px;
    }
    .view-cart-wrap .item .product-actions input[type="checkbox"] {
        margin: -2px 4px 0 0;
    }
    .view-cart-wrap .action-buttons {
        float: none;
        width: 100%;
    }
    .view-cart-wrap .action-buttons .btn {
        position: relative;
        display: block;
        padding: 10px 0;
        width: 100%;
        margin: 0 0 10px;
        font-size: 14px;
    }
    .view-cart-wrap .continue_shopping {
        margin: 0;
        display: block;
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
}

/* BUY CREDITS */
#buy-credits {
    position: relative;
    display: block;
    margin: 25px 0 30px;
    padding: 0;
}
#buy-credits .item {
    position: relative;
    display: block;
    margin: 0 0 15px;
    background: #f7f7f7;
    overflow: hidden;
}
#buy-credits .item:before {
    position: absolute;
    content: "\f03b";
    font-family: "Hooplife";
    height: 175px;
    width: 175px;
    line-height: 160px;
    bottom: -65px;
    right: -55px;
    font-size: 100px;
    text-align: center;
    background: #f2f2f2;
    color: #ebebeb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
#buy-credits .item h3 {
    margin: 0;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #bf202f;
    text-align: center;
}
#buy-credits .item .wrap {
    position: relative;
    display: block;
    padding: 85px 0 35px;
    text-align: center;
    z-index: 5;
}
#buy-credits .item .wrap .fa {
    position: relative;
    display: none;
    margin: 0 auto 50px;
    font-size: 48px;
    color: #a3a3a3;
}
#buy-credits .item .wrap span {
    display: block;
    font-size: 21px;
    font-weight: 400;
}
#buy-credits .item .buy-credits-btn {
    position: relative;
    display: inline-block;
    margin: 12px auto 0;
    padding: 10px 16px;
    width: auto;
    border: 0;
    outline: 0;
    background: transparent;
    box-shadow: inset 0 0 0 2px #212121;
    color: #212121;
    font-weight: 16px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
#buy-credits .item .buy-credits-btn:hover {
    color: #fff;
    background: #212121;
}
#buy-credits .membership-promotion {
    position: relative;
    display: block;
    margin: 15px 0 0;
    padding: 30px 0 0;
    border-top: 1px dashed #ddd;
}
#buy-credits .membership-promotion .sub-item {
    position: relative;
    display: block;
    margin: 0 0 15px;
    width: 100%;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#buy-credits .membership-promotion .sub-item .text-wrap {
    position: relative;
    display: block;
    padding: 18px 20px;
    color: #fff;
}
#buy-credits .membership-promotion .sub-item .text-wrap h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
#buy-credits .membership-promotion .sub-item .text-wrap p {
    margin: 0;
    color: #fff;
}
@media only screen and (max-width: 992px) {
    #buy-credits {
        margin: 20px 0 15px;
    }
    #buy-credits .item:before {
        height: 125px;
        width: 125px;
        line-height: 110px;
        bottom: -35px;
        right: -25px;
        font-size: 70px;
    }
    #buy-credits .item h3 {
        padding: 10px 0;
    }
    #buy-credits .item .wrap {
        padding: 50px 0 25px;
    }
    #buy-credits .item .wrap span {
        font-size: 18px;
    }
    #buy-credits .item .buy-credits-btn {
        padding: 8px 14px;
    }
    #buy-credits .membership-promotion {
        margin: 20px 0 0;
        padding: 20px 0 0;
    }
    #buy-credits .membership-promotion .sub-item .text-wrap {
        padding: 15px;
    }
    #buy-credits .membership-promotion .sub-item .text-wrap h3 {
        font-size: 16px;
    }
}

/* --------------------------------

 09. COACHES

-------------------------------- */
#our-staff {
    margin: 35px 0 0;
    padding: 0;
}
#our-staff .item {
    position: relative;
    margin: 0 0 35px;
    padding: 0;
    border: 1px solid #ddd;
    border-bottom: 3px solid #bf202f;
}
#our-staff .item .main-image {
    height: 255px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
#our-staff .item .hover-wrap,
#our-staff .item .hover-wrap .text-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.5s;
    overflow: hidden;
    z-index: 1;
}
#our-staff .item .hover-wrap:hover {
    opacity: 1;
}
#our-staff .item .hover-wrap .text-wrap {
    position: absolute;
    padding: 20px;
    top: auto;
    bottom: -15px;
    opacity: 1;
    background: transparent;
    transition-property: bottom;
}
#our-staff .item .hover-wrap:hover .text-wrap {
    bottom: 0;
}
#our-staff .item .hover-wrap .text-wrap h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
}
#our-staff .item .hover-wrap .text-wrap h2 span {
    display: block;
    margin: 4px 0 0;
    font-size: 16px;
    font-weight: 400;
}
#our-staff .item .hover-wrap .text-wrap p {
    line-height: 1.4;
}
@media screen and (max-width: 1200px) {
    #our-staff .item .main-image {
        height: 215px;
    }
}
@media screen and (max-width: 992px) {
    #our-staff {
        margin: 20px 0 0;
        padding: 0;
    }
    #our-staff .item {
        margin: 0 0 20px;
    }
}

/* --------------------------------

 10. TRAINING

-------------------------------- */
#training {
    position: relative;
    display: block;
    margin: 0;
    padding: 65px 65px 0;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#training .training-summary h1 {
    display: block;
    margin: 0 0 20px;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
}
#training .training-summary p {
    font-size: 18px;
    line-height: 1.8;
}
#training .training-summary .benefits-list {
    margin: 20px 0 15px;
}
#training .training-summary .benefits-list .item {
    margin: 0 0 20px;
}
#training .training-summary .benefits-list .item h4 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
}
#training .training-summary .benefits-list .item .fa {
    margin-right: 12px;
}
#training .training-summary .training-actions {
    margin: 5px auto 65px;
}
#training .training-summary .training-actions a {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 10px 0;
}
#training .training-summary .training-actions a img {
    max-width: 150px;
}
#training .background-image {
    position: absolute;
    right: 65px;
    bottom: 0;
}
#training .background-image img {
    margin: 0 auto;
    display: block;
    max-width: 450px;
}
@media screen and (max-width: 1200px) {
    #training {
        padding: 45px 45px 0 45px;
    }
    #training .training-summary h1 {
        margin: 0 0 15px;
        font-size: 48px;
    }
    #training .training-summary p {
        font-size: 16px;
        line-height: 1.8;
    }
    #training .training-summary .benefits-list .item h4 {
        margin: 0;
        font-size: 16px;
        line-height: 1.2;
    }
    #training .background-image {
        right: 45px;
    }
    #training .background-image img {
        max-width: 395px;
    }
}
@media screen and (max-width: 992px) {
    #training {
        padding: 20px 20px 0;
    }
    #training .training-summary h1 {
        margin: 0 0 10px;
        font-size: 28px;
    }
    #training .training-summary p {
        font-size: 14px;
        line-height: 1.6;
    }
    #training .training-summary .benefits-list {
        margin: 15px 0 5px;
    }
    #training .training-summary .benefits-list .item {
        margin: 0 0 15px;
    }
    #training .training-summary .benefits-list .item h4 {
        font-size: 14px;
    }
    #training .training-summary .benefits-list .item .fa {
        margin-right: 10px;
    }
    #training .training-summary .training-actions {
        margin: 0 auto 25px;
    }
    #training .training-summary .training-actions a {
        margin: 0 15px 10px 0;
    }
    #training .training-summary .training-actions a img {
        max-width: 110px;
    }
    #training .background-image {
        height: 335px;
        overflow: hidden;
    }
    #training .background-image {
        position: relative;
        display: block;
        left: 0;
        bottom: auto;
        right: auto;
    }
    #training .background-image img {
        width: 100%;
        max-width: 395px;
    }
}

#training .sign-up {
    position: relative;
    display: block;
    margin: 200px auto 200px;
    text-align: center;
}
#training .sign-up h1 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 64px;
    font-weight: 900;
    color: #fff;
}
#training .sign-up p {
    margin: 0 0 30px;
    font-size: 18px;
    color: #fff;
}
#training .sign-up .customform label {
    color: #fff;
}
#training .sign-up .customform input[type="submit"] {
    background: #bf202f;
    color: #fff;
}
@media only screen and (max-width: 992px) {
    #training .sign-up {
        margin: 50px auto;
    }
    #training .sign-up h1 {
        margin: 0 0 12px;
        font-size: 34px;
    }
    #training .sign-up p {
        margin: 0 0 20px;
        font-size: 14px;
    }
}

/* --------------------------------

 11. PLAYER PROFILE LIST

-------------------------------- */

/* PLAYER PROFILE LIST */
#player-profile-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
}
#player-profile-list .col-md-3:nth-of-type(4n + 1) {
    clear: left;
}
#player-profile-list .item {
    display: block;
    margin: 0 0 30px;
    padding: 35px 0;
    width: 100%;
    background: rgb(248, 248, 248);
    border-bottom: 3px solid #ddd;
    text-align: center;
}
#player-profile-list .item a {
    text-decoration: none;
}
#player-profile-list .item .fa {
    display: block;
    margin: 0 auto 20px;
    padding: 0;
    font-size: 42px;
    color: #212121;
    text-decoration: none;
}
#player-profile-list .item h2 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #212121;
    text-decoration: none;
}
#player-profile-list .item h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6e;
}
#player-profile-list .item h3 span {
    font-weight: 600;
    color: #212121;
}
#player-profile-list .item .options {
    display: block;
    margin: 50px 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}
#player-profile-list .item .options a {
    margin: 0 5px;
    padding: 6px 12px;
    color: #fff;
    font-weight: 600;
    background: #bf202f;
    text-decoration: none;
}
#player-profile-list .btn {
    margin: 0 0 75px;
}
@media only screen and (max-width: 992px) {
    #player-profile-list .item {
        margin: 0 0 15px;
    }
    #player-profile-list .item .fa {
        font-size: 34px;
    }
    #player-profile-list .item h2 {
        margin: -3px 0 0;
        font-size: 17px;
    }
    #player-profile-list .item .options {
        margin: 35px 0 0;
    }
}

/* BOOST APPLICANT LIST */
#boost-applicant-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
}
#boost-applicant-list .col-md-3:nth-of-type(4n + 1) {
    clear: left;
}
#boost-applicant-list .item {
    display: block;
    margin: 0 0 30px;
    padding: 40px 0;
    width: 100%;
    background: rgb(248, 248, 248);
    border-bottom: 3px solid #ddd;
    text-align: center;
}
#boost-applicant-list .item a {
    text-decoration: none;
}
#boost-applicant-list .item .fa {
    display: block;
    margin: 0 auto 20px;
    padding: 0;
    font-size: 42px;
    color: #212121;
    text-decoration: none;
}
#boost-applicant-list .item h2 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    color: #212121;
    text-decoration: none;
}
#boost-applicant-list .item h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6e;
}
#boost-applicant-list .item h3 span {
    font-weight: 600;
    color: #212121;
}
#boost-applicant-list .item h4 {
    position: absolute;
    top: 15px;
    right: 30px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6e;
}
#boost-applicant-list .item h4 span {
    font-weight: 600;
    color: #212121;
}
#boost-applicant-list .item .options {
    display: block;
    margin: 50px 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}
#boost-applicant-list .item .options a {
    margin: 0 5px;
    padding: 6px 12px;
    color: #fff;
    font-weight: 600;
    background: #bf202f;
    text-decoration: none;
}
#boost-applicant-list .btn {
    margin: 0 0 75px;
}
@media only screen and (max-width: 992px) {
    #boost-applicant-list .item {
        margin: 0 0 15px;
    }
    #boost-applicant-list .item .fa {
        font-size: 34px;
    }
    #boost-applicant-list .item h2 {
        margin: -3px 0 0;
        font-size: 17px;
    }
    #boost-applicant-list .item .options {
        margin: 35px 0 0;
    }
}

/* CAMP REGISTER */
#camp-register {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

/* MEMBERSHIP PROMO */
#camp-register .membership-promo {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 15px;
    background: #bf202f;
    color: #fff;
}
#camp-register .membership-promo .fa {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 32px;
}
#camp-register .membership-promo h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 900;
}
#camp-register .membership-promo p {
    margin: 4px 0 0;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}
#camp-register .membership-promo a {
    position: absolute;
    margin: 0;
    padding: 10px 14px;
    top: 16px;
    right: 15px;
    font-size: 12px;
    font-weight: 900;
    background: #9c1c28;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 992px) {
    #camp-register .membership-promo .fa {
        display: none;
    }
    #camp-register .membership-promo h4 {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 900;
    }
    #camp-register .membership-promo p {
        font-size: 12px;
    }
    #camp-register .membership-promo a {
        position: relative;
        display: block;
        margin: 15px 0 0;
        padding: 8px 0;
        width: 90px;
        top: auto;
        right: auto;
        font-size: 12px;
        text-align: center;
    }
}

/* CALENDAR LIST */
#calendar-list {
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 992px) {
    #calendar-list {
        margin: 0;
    }
}

/* CALENDAR FILTER */
#calendar-list .calendar-filter {
    margin: 0;
    padding: 0 0 35px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
#calendar-list .calendar-filter .search-top {
    position: relative;
    display: block;
    padding: 0 0 25px;
}
#calendar-list .calendar-filter .search-top .training-type-options {
    display: block;
    margin: 25px auto 0;
    text-align: center;
}
#calendar-list .calendar-filter .search-top .training-type-options li {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
#calendar-list .calendar-filter .search-top .training-type-options li.has-border {
    border-right: 1px solid #ddd;
}
#calendar-list .calendar-filter .search-top .training-type-options li.middle {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#calendar-list .calendar-filter .search-top .training-type-options li span {
    display: block;
    margin: 0;
    padding: 0 25px;
    height: 25px;
    line-height: 25px;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    /* box-shadow: inset 0 0 0 1px #ddd; */
}
#calendar-list .calendar-filter .search-top .training-type-options li span.jplist-selected {
    /* background: #f7f7f7; */
}
#calendar-list .calendar-filter .search-top .calendar-quick-options {
    display: none;
    float: right;
    margin: -4px 0 0;
}
#calendar-list .calendar-filter .search-top .calendar-quick-options .btn {
    margin: 0 0 0 7px;
    font-size: 14px;
}
#calendar-list .calendar-filter .search-top .calendar-quick-options .btn .fa {
    margin: 0 8px 0 0;
}
#calendar-list .calendar-filter .search-top .calendar-quick-options .my-credits {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 8px 0;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6e;
}
#calendar-list .calendar-filter .search-top .calendar-quick-options .my-credits span {
    font-weight: 600;
    color: #212121;
}
#calendar-list .calendar-filter .search-bottom {
    position: relative;
    display: block;
    padding: 0;
}
#calendar-list .calendar-filter .search-bottom h4.sub-title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6e;
}
#calendar-list .calendar-filter .training-update {
    margin: 20px auto -4px;
}
@media screen and (max-width: 1200px) {
    #calendar-list .calendar-filter .search-bottom h4.sub-title {
        margin-right: 6px;
    }
}
@media screen and (max-width: 992px) {
    #calendar-list .calendar-filter {
        padding: 0 0 8px;
    }
    #calendar-list .calendar-filter .search-top {
        padding: 0;
    }
    #calendar-list .calendar-filter .search-top .training-type-options {
        margin: 10px auto 10px;
        text-align: left;
        width: 100%;
    }
    #calendar-list .calendar-filter .search-top .training-type-options li.has-border,
    #calendar-list .calendar-filter .search-top .training-type-options li.middle {
        margin: 0 0 7px;
        border: 0;
    }
    #calendar-list .calendar-filter .search-top .training-type-options li span {
        margin: 0 5px 0 0;
        padding: 0 15px;
        height: 33px;
        line-height: 33px;
        font-size: 14px;
        box-shadow: inset 0 0 0 1px #ddd;
    }
    #calendar-list .calendar-filter .search-top .training-type-options li span.jplist-selected {
        background: #ffffff;
    }
    #calendar-list .calendar-filter .search-top .calendar-quick-options .btn {
        margin: 0 0 0 5px;
        padding: 6px 12px;
        font-size: 12px;
    }
    #calendar-list .calendar-filter .search-top .calendar-quick-options .btn.add-player {
        display: none;
    }
    #calendar-list .calendar-filter .search-bottom {
        padding: 0;
    }
    #calendar-list .calendar-filter .search-bottom h4.sub-title {
        display: none;
    }
    #calendar-list .calendar-filter .training-update {
        margin: 0 auto 10px;
        text-align: left;
    }
    #calendar-list .calendar-filter .search-top .calendar-quick-options .my-credits {
        float: none;
        display: block;
        margin: 12px 0 8px;
        text-align: right;
    }
}
@media only screen and (max-width: 600px) {
    #calendar-list .jplist-panel {
        display: block;
    }
}
@media screen and (max-width: 400px) {
    /* #calendar-list .calendar-filter .search-top .calendar-quick-options{
        float: left;
        display: block;
        width: 100%;
        margin: -8px 0 0;
    } */
    #calendar-list .calendar-filter .search-top .calendar-quick-options .btn {
        display: none;
    }
}

/* REGISTER PROMOTION */
.register-promotion {
    position: relative;
    display: block;
    margin: 25px 0 0;
    padding: 25px 0 0;
    border-top: 1px solid #ddd;
}
.register-promotion .sub-item {
    position: relative;
    display: block;
    margin: 0 0 15px;
    width: 100%;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.register-promotion .sub-item .text-wrap {
    position: relative;
    display: block;
    padding: 15px 20px;
    color: #fff;
}
.register-promotion .sub-item .text-wrap h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
.register-promotion .sub-item .text-wrap p {
    margin: 0;
    font-size: 14px;
    color: #fff;
}
@media only screen and (max-width: 992px) {
    .register-promotion .sub-item .text-wrap {
        padding: 12px 15px;
    }
    register-promotion .sub-item .text-wrap h3 {
        font-size: 14px;
    }
}

/* REGISTER CALENDAR */
#register-calendar {
}
#register-calendar .fc-center h2 {
    font-size: 18px;
    font-weight: 600;
}
#register-calendar button {
    padding: 0 8px !important;
    height: auto !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    outline: 0;
}
#register-calendar button.fc-state-active {
    color: #bf202f;
}
#register-calendar .fc-left button {
    padding: 0 4px !important;
}
#register-calendar .fc-left button.fc-today-button {
    padding: 0 8px !important;
}
#register-calendar .fc-left button .fc-icon {
    top: 0 !important;
    margin: 0 !important;
}
#register-calendar .fc-day-header {
    padding: 10px 0 !important;
    font-weight: 400;
    color: #6f6f6e;
}
#register-calendar .fc-event {
    background: #bf202f !important;
    border-color: #bf202f !important;
    border-radius: 0;
}
#register-calendar .fc-title {
    font-weight: 600;
}

/* 3X3 REGISTER */
#team-register {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 25px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#team-register .overlay {
    opacity: 0.5;
}
#team-register .text-wrap {
    margin: 0;
    padding: 75px 0 200px;
    max-width: 600px;
    color: #fff;
}
#team-register .text-wrap h1 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 84px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}
#team-register .text-wrap h1 span {
    display: block;
    margin: 2px 0 0;
    font-size: 88px;
}
#team-register .text-wrap h2 {
    display: block;
    margin: 0 0 25px;
    padding: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
}
#team-register .text-wrap h2 strong {
    font-weight: 900;
    color: #fff;
}
#team-register .text-wrap h3 {
    display: inline-block;
    margin: 0;
    padding: 15px;
    background: rgba(191, 32, 47, 0.75);
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}
#team-register .text-wrap h4 {
    position: relative;
    display: block;
    margin: 25px 0 12px;
    padding: 0;
    font-size: 18px;
    font-weight: 900;
}
#team-register .text-wrap p {
    display: block;
    margin: 0 0 25px;
    padding: 0;
    color: #fff;
}
#team-register .text-wrap p strong,
#team-register .text-wrap p a {
    color: #fff;
}
@media only screen and (max-width: 992px) {
    #team-register {
        padding: 0;
    }
    #team-register .text-wrap {
        padding: 35px 0 150px;
        max-width: 375px;
    }
    #team-register .text-wrap h1 {
        font-size: 44px;
    }
    #team-register .text-wrap h1 span {
        font-size: 46px;
    }
    #team-register .text-wrap h2 {
        margin: 0 0 25px;
        font-size: 18px;
    }
    #team-register .text-wrap h3 {
        padding: 12px;
        font-size: 16px;
        line-height: 1.2;
    }
    #team-register .text-wrap h4 {
        font-size: 16px;
    }
}
@media only screen and (max-width: 768px) {
    #team-register .text-wrap {
        padding: 35px 0 100px;
        max-width: 325px;
    }
    #team-register .text-wrap h1 {
        font-size: 32px;
    }
    #team-register .text-wrap h1 span {
        font-size: 34px;
    }
    #team-register .text-wrap h2 {
        margin: 0 0 20px;
        font-size: 18px;
    }
    #team-register .text-wrap h3 {
        padding: 10px;
        font-size: 16px;
        line-height: 1.2;
    }
    #team-register .text-wrap h4 {
        margin: 20px 0 10px;
        font-size: 14px;
    }
}

/* COUNTDOWN */
#team-register #countdown {
    position: relative;
    display: block;
    margin: 10px 0 25px;
    padding: 0;
}
#team-register #countdown .time-stamp {
    display: inline-block;
    margin: 0 12px 0 0;
    text-align: center;
}
#team-register #countdown .time-stamp span {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 55px;
    width: 55px;
    line-height: 55px;
    box-shadow: inset 0 0 0 2px #fff;
    font-size: 22px;
    font-weight: 700;
}
#team-register #countdown .time-stamp em {
    display: block;
    margin: 8px 0 0;
    padding: 0;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
}
@media only screen and (max-width: 992px) {
    #team-register #countdown {
        margin: 5px 0 15px;
        padding: 0;
    }
    #team-register #countdown .time-stamp {
        display: inline-block;
        margin: 0 12px 10px 0;
        text-align: center;
    }
    #team-register #countdown .time-stamp span {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 18px;
    }
    #team-register #countdown .time-stamp em {
        font-size: 10px;
    }
}

/* INVOICE LIST */
#invoice-list {
    margin: 0;
    padding: 0;
}
#invoice-list .item {
    margin: 0 0 30px;
    padding: 25px 0;
    background: rgb(248, 248, 248);
    border-bottom: 3px solid #ddd;
    text-align: center;
}
#invoice-list .item a {
    text-decoration: none;
    color: #212121;
}
#invoice-list .item .fa {
    margin: 0 0 15px;
    padding: 0;
    font-size: 52px;
}
#invoice-list .item h3 {
    margin: 0 0 2px;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
}
#invoice-list .item h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #6f6f6e;
}
@media screen and (max-width: 992px) {
    #invoice-list .item {
        margin: 0 0 15px;
        padding: 20px 0;
    }
    #invoice-list .item .fa {
        font-size: 42px;
    }
    #invoice-list .item h3 {
        font-size: 16px;
    }
}

/* REGISTER YOUR TEAM FORM */
.register-your-team h2 {
    margin: 0 0 10px;
    text-align: center;
}
.register-your-team p {
    margin: 0 0 25px;
    text-align: center;
}
.register-your-team fieldset {
    padding: 5px 0 15px;
}
.register-your-team fieldset:nth-of-type(1) {
    padding: 0;
}
.register-your-team fieldset.no-padding-fieldset {
    padding: 0;
}
.register-your-team .player-button span {
    display: block;
    margin: 0 0 15px;
    padding: 22px 20px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    color: #bf202f;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}
@media only screen and (max-width: 992px) {
    .register-your-team h2 {
        margin: 0 0 5px;
    }
    .register-your-team p {
        margin: 0 0 20px;
        line-height: 1.4;
    }
    .register-your-team fieldset {
        padding: 5px 0;
    }
    .register-your-team fieldset:nth-of-type(1) {
        padding: 0;
    }
    .register-your-team .player-button span {
        margin: 5px 0 10px;
        padding: 15px;
        font-size: 16px;
    }
}

/* --------------------------------

 9. BOOST KIDS

-------------------------------- */
#boost-kids {
}
#boost-kids .boost-summary,
#boost-kids .background-image {
    position: relative;
    display: block;
    margin: 0;
    padding: 65px;
    min-height: 765px;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#boost-kids .boost-summary h1 {
    display: block;
    margin: 0 0 20px;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
}
#boost-kids .boost-summary p {
    font-size: 18px;
    line-height: 1.8;
}
#boost-kids .boost-summary .benefits-list {
    margin: 20px 0 15px;
}
#boost-kids .boost-summary .benefits-list .item {
    margin: 0 0 20px;
}
#boost-kids .boost-summary .benefits-list .item h4 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
}
#boost-kids .boost-summary .benefits-list .item .fa {
    margin-right: 12px;
}
#boost-kids .background-image .boost-logo {
    position: absolute;
    top: 65px;
    left: 65px;
    width: 85px;
    z-index: 2;
}
#boost-kids .background-image .boost-logo img {
    width: 100%;
    height: auto;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
#boost-kids .background-image .quote {
    position: absolute;
    margin: 0;
    padding: 150px 40% 65px 65px;
    bottom: 0;
    left: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
#boost-kids .background-image .quote p {
    color: #fff;
    font-size: 14px;
}
#boost-kids .background-image .quote p strong {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
#boost-kids .boost-benefits {
    display: block;
    margin: 0;
    padding: 65px 50px 25px;
    border-top: 1px solid #ddd;
}
#boost-kids .boost-benefits .col-md-6:nth-child(3) {
    clear: left;
}
#boost-kids .boost-benefits .item {
    display: block;
    margin: 0 0 40px;
}
#boost-kids .boost-benefits .item h3 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2;
}
#boost-kids .boost-benefits .item p {
    margin: 0;
    font-size: 16px;
}
@media screen and (max-width: 1320px) {
    #boost-kids .boost-summary h1 {
        margin: 0 0 20px;
        font-size: 46px;
    }
    #boost-kids .boost-summary .benefits-list {
        margin: 20px 0 5px;
    }
    #boost-kids .boost-summary .benefits-list .item h4 {
        font-size: 16px;
    }
    #boost-kids .background-image .quote p {
        font-size: 12px;
    }
    #boost-kids .background-image .quote p strong {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    #boost-kids .boost-summary,
    #boost-kids .background-image {
        padding: 50px;
        min-height: 720px;
    }
    #boost-kids .background-image .quote {
        padding: 150px 20% 50px 50px;
    }
}
@media screen and (max-width: 992px) {
    #boost-kids .boost-summary,
    #boost-kids .background-image {
        padding: 20px;
        min-height: auto;
    }
    #boost-kids .boost-summary {
        padding-top: 5px;
        max-width: 500px;
    }
    #boost-kids .boost-summary h1 {
        margin: 0 0 10px;
        font-size: 28px;
    }
    #boost-kids .boost-summary p {
        font-size: 14px;
        line-height: 1.6;
    }
    #boost-kids .boost-summary .benefits-list {
        margin: 15px 0 5px;
    }
    #boost-kids .boost-summary .benefits-list .item {
        margin: 0 0 15px;
    }
    #boost-kids .boost-summary .benefits-list .item h4 {
        font-size: 14px;
    }
    #boost-kids .boost-summary .benefits-list .item .fa {
        margin-right: 10px;
    }
    #boost-kids .background-image {
        height: 300px;
        overflow: hidden;
    }
    #boost-kids .background-image .boost-logo {
        position: absolute;
        top: auto;
        bottom: 20px;
        left: auto;
        right: 20px;
        width: 65px;
    }
    #boost-kids .background-image .quote {
        padding: 65px 35% 15px 20px;
    }
    #boost-kids .background-image .quote p {
        margin: 0 0 5px;
        font-size: 12px;
    }
    #boost-kids .background-image .quote p strong {
        font-size: 14px;
        font-weight: 600;
    }
    #boost-kids .boost-benefits {
        padding: 30px 5px 10px;
        border-top: 0;
    }
    #boost-kids .boost-benefits .item {
        margin: 0 0 20px;
    }
    #boost-kids .boost-benefits .item h3 {
        margin: 0 0 10px;
        font-size: 18px;
    }
    #boost-kids .boost-benefits .item p {
        font-size: 14px;
    }
}

/* --------------------------------

 9.1. THE LAB

-------------------------------- */
#the-lab {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
}
#the-lab .landing {
    position: relative;
    margin: 0;
    padding: 0;
    height: calc(100vh - 75px);
    width: 100%;
}
#the-lab .landing .main-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#the-lab .landing .overlay {
}
#the-lab .landing .text-wrap {
    position: absolute;
    display: block;
    top: 45%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
#the-lab .landing .text-wrap h1 {
    display: block;
    margin: 0 auto 8px;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}
#the-lab .landing .text-wrap h2 {
    display: block;
    margin: 0 auto 30px;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
}
#the-lab .landing .text-wrap .register-wrap {
    display: block;
    margin: 0 auto;
    text-align: center;
}
#the-lab .landing .scroll-down {
    position: absolute;
    display: block;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 21px;
}
#the-lab .landing .sponsored-by {
    position: absolute;
    top: auto;
    right: 50px;
    bottom: 50px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}
#the-lab .landing .social-icons {
    position: absolute;
    top: auto;
    left: 50px;
    bottom: 50px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}
#the-lab .landing .social-icons a {
    font-weight: 400;
    color: #fff;
    font-size: 28pt;
}
#the-lab .landing .social-icons a:hover {
    text-decoration: none;
}
#the-lab .landing .sponsored-by strong {
    color: #fff;
    font-weight: 700;
}
#the-lab .lab-description {
    margin: 0;
    padding: 65px 0;
}
@media screen and (max-width: 992px) {
    #the-lab .landing {
        height: calc(100vh - 90px);
    }
    #the-lab .landing .text-wrap {
        top: 42%;
        left: 50%;
    }
    #the-lab .landing .text-wrap h1 {
        font-size: 38px;
    }
    #the-lab .landing .text-wrap h2 {
        margin: 0 auto 25px;
        font-size: 16px;
    }
    #the-lab .landing .scroll-down {
        display: none;
        bottom: 25px;
        font-size: 20px;
    }
    #the-lab .landing .sponsored-by {
        right: 25px;
        bottom: 25px;
        font-size: 14px;
    }
    #the-lab .lab-description {
        margin: 0;
        padding: 45px 0;
    }
}

/* --------------------------------

 9.2. THRONE LEAGUE

-------------------------------- */
#throne-league {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
}
#throne-league hr {
    margin: 0 auto 30px !important;
    max-width: 100%;
}
#throne-league .landing {
    position: relative;
    margin: 0;
    padding: 0;
    height: calc(100vh - 75px);
    width: 100%;
}
#throne-league .landing .main-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#throne-league .landing .text-wrap {
    position: absolute;
    display: block;
    top: 45%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
#throne-league .throne-btn::before {
    background: black;
}
#throne-league .throne-btn {
    background: #d4b24c;
    color: white;
}
#throne-league .league-title {
    font-size: 72px;
    color: #d4b24c;
}
#throne-league .league-dates p {
    font-size: 25px;
}
#throne-league .league-sub {
    font-size: 22px;
    margin: 20px auto 0px;
}
#throne-league .landing .text-wrap h1 {
    display: none;
    margin: 0px auto 35px;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}
#throne-league .font-throne {
    font-family: "BrushUpTooW01";
}
#throne-league .landing .text-wrap h2 {
    display: block;
    margin: 0 auto 30px;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
}
#throne-league .landing .text-wrap .register-wrap {
    display: block;
    margin: 0 auto;
    text-align: center;
}
#throne-league .landing .scroll-down {
    position: absolute;
    display: block;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 21px;
}
#throne-league .landing .sponsored-by {
    position: absolute;
    top: auto;
    right: 50px;
    bottom: 50px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}
#throne-league .landing .located-in {
    position: absolute;
    top: auto;
    left: 50px;
    bottom: 50px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}
#throne-league .landing .icon {
    padding-right: 8px;
    font-weight: 700;
}
#throne-league .landing .sponsored-by strong {
    color: #fff;
    font-weight: 700;
}
#throne-league .league-description {
    margin: 0;
    padding: 45px 0;
}
@media screen and (max-width: 992px) {
    #throne-league .landing {
        height: calc(100vh - 90px);
    }
    #throne-league .landing .text-wrap {
        top: 42%;
        left: 50%;
    }
    #throne-league .landing .text-wrap h1 {
        font-size: 38px;
    }
    #throne-league .landing .text-wrap h2 {
        margin: 0 auto 25px;
        font-size: 16px;
    }
    #throne-league .landing .scroll-down {
        display: none;
        bottom: 25px;
        font-size: 20px;
    }
    #throne-league .landing .sponsored-by {
        right: 25px;
        bottom: 25px;
        font-size: 14px;
    }
    #throne-league .league-description {
        margin: 0;
        padding: 45px 0;
    }
    #throne-league .league-title {
        font-size: 38px;
    }
}
#throne-league .puff-in-center {
    -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
    animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

/* --------------------------------

 9.2. HOOPLIFE LEAGUE

-------------------------------- */
#hooplife-league {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
}
#hooplife-league .overlay {
    opacity: 0.75;
}
#hooplife-league hr {
    margin: 0 auto 30px !important;
    max-width: 100%;
}
#hooplife-league .landing {
    position: relative;
    margin: 0;
    padding: 0;
    height: calc(100vh - 75px);
    width: 100%;
}
#hooplife-league .landing .main-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#hooplife-league .landing .text-wrap {
    position: absolute;
    display: block;
    top: 45%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
#hooplife-league .youtube-placeholder {
    display: block;
    width: 450px;
    margin: auto;
    object-fit: contain;
}
#hooplife-league .darken {
    filter: brightness(100%);
}
#hooplife-league .darken:hover {
    filter: brightness(50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#hooplife-league .throne-btn::before {
    background: black;
}
#hooplife-league .throne-btn {
    background: #bf202f;
    color: white;
}
#hooplife-league .league-title {
    font-size: 72px;
    color: #bf202f;
}
#hooplife-league .league-dates p {
    font-size: 25px;
}
#hooplife-league .league-sub {
    font-size: 22px;
    margin: 20px auto 0px;
}
#hooplife-league .landing .text-wrap h1 {
    display: none;
    margin: 0px auto 35px;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}
#hooplife-league .font-throne {
    font-family: "BrushUpTooW01";
}
#hooplife-league .landing .text-wrap h2 {
    display: block;
    margin: 40px auto 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
}
#hooplife-league .landing .text-wrap .register-wrap {
    display: block;
    margin: 0 auto;
    text-align: center;
}
#hooplife-league .landing .scroll-down {
    position: absolute;
    display: block;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    font-size: 21px;
}
#hooplife-league .landing .sponsored-by {
    position: absolute;
    top: auto;
    right: 50px;
    bottom: 50px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}
#hooplife-league .landing .located-in {
    position: absolute;
    top: auto;
    left: 50px;
    bottom: 50px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}
#hooplife-league .landing .icon {
    padding-right: 8px;
    font-weight: 700;
}
#hooplife-league .landing .sponsored-by strong {
    color: #fff;
    font-weight: 700;
}
#hooplife-league .league-description {
    margin: 0;
    padding: 45px 0;
}
@media screen and (max-width: 992px) {
    #hooplife-league .landing {
        height: calc(100vh - 90px);
    }
    #hooplife-league .landing .text-wrap {
        top: 42%;
        left: 50%;
    }
    #hooplife-league .landing .text-wrap h1 {
        font-size: 38px;
    }
    #hooplife-league .landing .text-wrap h2 {
        margin: 0 auto 25px;
        font-size: 16px;
    }
    #hooplife-league .landing .scroll-down {
        display: none;
        bottom: 25px;
        font-size: 20px;
    }
    #hooplife-league .landing .sponsored-by {
        right: 25px;
        bottom: 25px;
        font-size: 14px;
    }
    #hooplife-league .league-description {
        margin: 0;
        padding: 45px 0;
    }
    #hooplife-league .league-title {
        font-size: 38px;
    }
}
#throne-league .puff-in-center {
    -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
    animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */
@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

/* --------------------------------

 9.3 NATIONS

-------------------------------- */
#boost-kids {
}
#boost-kids .boost-summary {
    position: relative;
    display: block;
    margin: 0;
    padding: 65px;
    min-height: 765px;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#boost-kids .boost-summary h1 {
    display: block;
    margin: 0 0 20px;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
}
#boost-kids .boost-summary p {
    font-size: 18px;
    line-height: 1.8;
}

@media screen and (max-width: 1320px) {
    #boost-kids .boost-summary h1 {
        margin: 0 0 20px;
        font-size: 46px;
    }
    #boost-kids .boost-summary .benefits-list {
        margin: 20px 0 5px;
    }
    #boost-kids .boost-summary .benefits-list .item h4 {
        font-size: 16px;
    }
    #boost-kids .background-image .quote p {
        font-size: 12px;
    }
    #boost-kids .background-image .quote p strong {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    #boost-kids .boost-summary,
    #boost-kids .background-image {
        padding: 50px;
        min-height: 720px;
    }
    #boost-kids .background-image .quote {
        padding: 150px 20% 50px 50px;
    }
}
@media screen and (max-width: 992px) {
    #boost-kids .boost-summary,
    #boost-kids .background-image {
        padding: 20px;
        min-height: auto;
    }
    #boost-kids .boost-summary {
        padding-top: 5px;
        max-width: 500px;
    }
    #boost-kids .boost-summary h1 {
        margin: 0 0 10px;
        font-size: 28px;
    }
    #boost-kids .boost-summary p {
        font-size: 14px;
        line-height: 1.6;
    }
    #boost-kids .boost-summary .benefits-list {
        margin: 15px 0 5px;
    }
    #boost-kids .boost-summary .benefits-list .item {
        margin: 0 0 15px;
    }
    #boost-kids .boost-summary .benefits-list .item h4 {
        font-size: 14px;
    }
    #boost-kids .boost-summary .benefits-list .item .fa {
        margin-right: 10px;
    }
    #boost-kids .background-image {
        height: 300px;
        overflow: hidden;
    }
    #boost-kids .background-image .boost-logo {
        position: absolute;
        top: auto;
        bottom: 20px;
        left: auto;
        right: 20px;
        width: 65px;
    }
    #boost-kids .background-image .quote {
        padding: 65px 35% 15px 20px;
    }
    #boost-kids .background-image .quote p {
        margin: 0 0 5px;
        font-size: 12px;
    }
    #boost-kids .background-image .quote p strong {
        font-size: 14px;
        font-weight: 600;
    }
    #boost-kids .boost-benefits {
        padding: 30px 5px 10px;
        border-top: 0;
    }
    #boost-kids .boost-benefits .item {
        margin: 0 0 20px;
    }
    #boost-kids .boost-benefits .item h3 {
        margin: 0 0 10px;
        font-size: 18px;
    }
    #boost-kids .boost-benefits .item p {
        font-size: 14px;
    }
}

/* --------------------------------

 10. BLOG

-------------------------------- */
#blog {
}
#blog .sidebar-widget {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}
#blog .sidebar-widget h3 {
    margin: 0;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    background: #f8f8f8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#blog .sidebar-widget .wrap {
    display: block;
    padding: 20px;
}
#blog .sidebar-widget .wrap form {
    display: block;
    width: 100%;
}
#blog .sidebar-widget .wrap form input,
#blog .sidebar-widget .wrap form button {
    float: left;
    margin: 0;
    padding: 0 12px;
    width: 75%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    border-radius: 0;
}
#blog .sidebar-widget .wrap form button {
    width: 25%;
    border-color: #bf202f;
    background: #bf202f;
    color: #fff;
    font-weight: 700;
}
#blog .sidebar-widget .wrap a {
    float: left;
    margin: 0 0 10px;
    padding: 0 0 10px;
    width: 100%;
    border-bottom: 1px dotted #ddd;
    line-height: 1.2;
    color: #212121;
}
#blog .sidebar-widget .wrap a:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}
#blog .sidebar-widget .wrap a em {
    color: #bf202f;
    font-style: normal;
}

/* RECENT POST */
#blog .recent-post {
    position: relative;
    display: block;
    margin: 0 0 30px;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
}
#blog .recent-post .text-wrap a {
    text-decoration: none;
}
#blog .recent-post .main-image {
    position: relative;
    display: block;
    margin: 0;
    height: 350px;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #212121;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#blog .recent-post .main-image .date-released {
    position: absolute;
    left: 0;
    top: 30px;
    margin: 0;
    padding: 10px 0 0;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    color: #bf202f;
    text-transform: uppercase;

    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#blog .recent-post .main-image .date-released span {
    display: block;
    margin: 3px 0 0;
    font-size: 10px;
    color: #6f6f6e;
}
#blog .recent-post .text-wrap {
    display: block;
    margin: 0;
    padding: 20px;
}
#blog .recent-post .text-wrap h1 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.1;
}
#blog .recent-post .text-wrap a h1 {
    color: #212121;
}
#blog .recent-post .text-wrap h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    color: #bf202f;
}
#blog .recent-post .text-wrap h2 .fa {
    margin: 0 6px 0 0;
}
#blog .recent-post .date-wrap {
    margin: 0;
    padding: 14px 20px;
    font-size: 13px;
    font-weight: 400;
    color: #6f6f6e;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#blog .recent-post .date-wrap strong {
    color: #212121;
    font-weight: 700;
}
@media only screen and (max-width: 992px) {
    #blog .recent-post {
        margin: 0 0 20px;
    }
    #blog .recent-post .main-image {
        height: 230px;
    }
    #blog .recent-post .main-image .date-released {
        font-size: 15px;
    }
    #blog .recent-post .main-image .date-released span {
        font-size: 9px;
    }
    #blog .recent-post .text-wrap h1 {
        margin: 0 0 8px;
        font-size: 26px;
    }
    #blog .recent-post .text-wrap h2 {
        font-size: 17px;
    }
    #blog .recent-post .text-wrap a {
    }
    #blog .recent-post .date-wrap {
        font-size: 12px;
    }
}

/* DETAIL POST */
#blog .detail-post {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
#blog .detail-post .main-image {
    position: relative;
    display: block;
    margin: 0 0 15px;
    padding: 125px 0 145px;
    text-align: left;
    background-color: #212121;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#blog .detail-post .main-image h1 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 82px;
    font-weight: 900;
    color: #fff;
}
#blog .detail-post .main-image h2 {
    margin: 0 0 35px;
    padding: 0;
    font-size: 28px;
    font-weight: 400;
    font-style: italic;
    color: #609d2b;
    color: #eeba47;
}
#blog .detail-post .main-image h2 .fa {
    margin: 0 6px 0 0;
}
#blog .detail-post .main-image h5 {
    display: inline-block;
    margin: 0;
    padding: 14px 20px;
    color: #fff;
    font-size: 16px;
    border: 2px solid #fff;
}
#blog .detail-post .main-image h5 strong {
    font-weight: 700;
    color: #fff;
}
#blog .detail-post .post-navigation {
    position: relative;
    display: block;
    margin: 25px 0 0;
    padding: 25px 0 0;
    width: 100%;
    border-top: 1px solid #ddd;
}
#blog .detail-post .post-navigation .prev {
    float: left;
    width: auto;
}
#blog .detail-post .post-navigation .next {
    float: right;
    width: auto;
}
@media only screen and (max-width: 992px) {
    #blog .detail-post .main-image {
        margin: 0 0 5px;
        padding: 50px 0 60px;
    }
    #blog .detail-post .main-image h1 {
        margin: 0 0 10px;
        font-size: 38px;
    }
    #blog .detail-post .main-image h2 {
        margin: 0 0 20px;
        font-size: 17px;
        line-height: 1.3;
    }
    #blog .detail-post .main-image h5 {
        padding: 10px 14px;
        font-size: 14px;
    }
}

/* --------------------------------

 11. MEMBER ACCOUNT

-------------------------------- */
#login {
    margin: 35px auto;
}
#login.margin-to-header {
    margin-top: 115px;
}
@media screen and (max-width: 992px) {
    #login.margin-to-header {
        margin-top: 35px;
    }
}
#login .login-wrap {
    margin: 0;
    padding: 0;
}
#login .login-wrap input,
#login .login-wrap button {
    margin: 0 0 10px;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    width: 100%;
    font-size: 14px;
}
#login .login-wrap button .fa {
    margin: 0 6px 0 0;
}
#login .login-wrap .login-options {
    position: relative;
    display: block;
    margin: 4px 0 20px;
    padding: 0;
}
#login .login-options input {
    float: left;
    margin: -4px 6px 0 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    width: auto;
}
#login .login-options label,
#login .login-options a {
    font-size: 12px;
    color: #6f6f6e;
}
#login .login-options a {
    float: right;
}
#login a.create-account {
    display: block;
    margin: 12px 0 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}
h2.create-account-title {
    margin: 0 0 5px;
}
@media only screen and (max-width: 992px) {
    #login {
        margin: 15px auto;
    }
    #login a.create-account {
        font-size: 14px;
    }
    h2.create-account-title {
        margin: 0;
    }
}

/* MY ACCOUNT */
#my-account {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
#my-account .account-summary {
    position: relative;
    display: block;
    margin: 0 0 10px;
    height: 235px;
    width: 100%;
    background: #bf202f;
    border-bottom: 6px solid #ad1826;
    overflow: hidden;
}
#my-account .account-summary .credit-count {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}
#my-account .account-summary .credit-count span {
    font-weight: 600;
}
#my-account .account-summary .background-wall {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
#my-account .account-summary .background-wall .fa {
    display: inline-block;
    height: 75px;
    width: 75px;
    line-height: 75px;
    font-size: 48px;
    text-align: center;
    color: rgba(255, 255, 255, 0.1);
}
#my-account .account-summary .text-wrap {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 90%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#my-account .account-summary .text-wrap .fa {
    display: block;
    margin: 0 auto 15px;
    height: 85px;
    width: 85px;
    line-height: 85px;
    font-size: 40px;
    box-shadow: inset 0 0 0 4px #fff;
}
#my-account .account-summary .text-wrap h4 {
    display: block;
    margin: 0 0 5px;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}
#my-account .account-summary .text-wrap p {
    position: relative;
    display: inline-block;
    margin: 0;
    position: 0;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}
#my-account .account-summary .text-wrap p:before,
#my-account .account-summary .text-wrap p:after {
    position: absolute;
    content: "";
    top: 9px;
    height: 1px;
    width: 15px;
    background: #fff;
}
#my-account .account-summary .text-wrap p:before {
    left: -22px;
}
#my-account .account-summary .text-wrap p:after {
    right: -22px;
}
#my-account .main-sidebar {
    padding-left: 0;
    padding-right: 0;
    background: #f8f8f8;
}
#my-account .main-body {
    padding-left: 0;
    padding-right: 0;
}
#my-account .main-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 50px 50px 45px;
}
#my-account .main-title h2 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 700;
}
#my-account .main-title p {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
#my-account .main-title a {
    position: absolute;
    margin: 0;
    padding: 10px 18px;
    top: 26px;
    right: 40px;
    color: #bf202f;
    border: 2px solid #bf202f;
    text-decoration: none;
}
#my-account .main-wrap {
    margin: 0;
    padding: 0 50px 50px;
    background: #fff;
}
#my-account .all-16-sessions {
    position: absolute;
    left: 15px;
    width: 100px;
    height: 20px;
}
@media only screen and (max-width: 992px) {
    #my-account .account-summary {
        margin: 0 0 5px;
        padding: 0 15px;
        height: 185px;
        border-bottom: 4px solid #ad1826;
    }
    #my-account .account-summary .credit-count {
        right: 30px;
    }
    #my-account .account-summary .background-wall .fa {
        height: 65px;
        width: 65px;
        line-height: 65px;
        font-size: 42px;
    }
    #my-account .account-summary .text-wrap .fa {
        margin: 0 auto 12px;
        height: 65px;
        width: 65px;
        line-height: 65px;
        font-size: 28px;
        box-shadow: inset 0 0 0 3px #fff;
    }
    #my-account .account-summary .text-wrap h4 {
        font-size: 20px;
    }
    #my-account .account-summary .text-wrap p {
        font-size: 12px;
    }
    #my-account .main-title {
        padding: 25px 30px 25px;
        background: #fff;
    }
    #my-account .main-title h2 {
        font-size: 20px;
    }
    #my-account .main-wrap {
        padding: 0 30px 25px;
    }
}

/* MEMBER NAVIGATION */
#member-navigation {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    min-height: 575px;
}
#member-navigation h3 {
    margin: 0 0 12px;
    padding: 18px 35px 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #a3a3a3;
}
#member-navigation a {
    display: block;
    margin: 0;
    padding: 0 35px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #212121;
    transition: all 0.25s;
}
#member-navigation a:hover,
#member-navigation a.menuactive {
    background: #ededed;
}
#member-navigation a .fa {
    margin: 0 10px 0 0;
    width: 18px;
    text-align: center;
}
@media only screen and (max-width: 992px) {
    #member-navigation {
        padding: 0 0 5px;
        min-height: auto;
    }
    #member-navigation a {
        padding: 0 30px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

/* DASHBOARD NAVIGATION */
#dashboard-navigation {
    margin: 0;
    padding: 0;
}
#dashboard-navigation .item {
    margin: 0 0 30px;
}
#dashboard-navigation a {
    display: inline-block;
    margin: 0;
    padding: 40px 20px;
    color: #212121;
    width: 100%;
    text-align: center;
    background: rgb(248, 248, 248);
    border-bottom: 3px solid #ddd;
    text-decoration: none;
    cursor: pointer;

    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
#dashboard-navigation a:hover {
    opacity: 0.65;
}
#dashboard-navigation .fa {
    position: relative;
    margin: 0 0 25px;
    font-size: 46px;
    font-weight: 300;
    color: #212121;
}
#dashboard-navigation h3 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
}
#dashboard-navigation p {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 220px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
}
@media screen and (max-width: 992px) {
    #dashboard-navigation .item {
        margin: 0 0 15px;
    }
    #dashboard-navigation a {
        padding: 30px 10px;
    }
    #dashboard-navigation .fa {
        margin: 0 0 15px;
        font-size: 32px;
    }
    #dashboard-navigation h3 {
        font-size: 16px;
    }
}

/* UPCOMING CAMPS */
#upcoming-camps {
    margin: 0 0 15px;
    padding: 0;
}
#upcoming-camps h5.total-camps {
    position: relative;
    display: block;
    margin: 0 0 25px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    color: #6f6f6e;
}
#upcoming-camps h5.total-camps strong {
    color: #212121;
}
#upcoming-camps .item {
    position: relative;
    display: block;
    margin: 0;
    padding: 18px;
    width: 100%;
    border-bottom: 1px dotted #ddd;
}
#upcoming-camps .list-item:nth-child(even) .item {
    background: #f8f8f8;
}
#upcoming-camps .item.featured {
    background: #f2faeb !important;
    border-bottom: 1px solid #609d2b;
}
#upcoming-camps .item:first-child {
}
#upcoming-camps .list-item:last-child .item {
    border: none;
}
#upcoming-camps .item .date-box {
    float: left;
    margin: 0 12px 0 0;
    padding: 0;
    width: 45px;
    text-align: center;
    background: #212121;
    border: 2px solid #212121;
}
#upcoming-camps .item .date-box span {
    display: block;
    padding: 4px 0;
    font-weight: 900;
}
#upcoming-camps .item .date-box span.number {
    font-size: 14px;
    background: #fff;
    color: #212121;
}
#upcoming-camps .item .date-box span.day {
    font-size: 10px;
    background: #212121;
    color: #fff;
}
#upcoming-camps .item h2 {
    margin: 2px 0 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 1.2;
}
#upcoming-camps .item .featured-banner {
    position: absolute;
    display: none;
    top: 30px;
    right: 15px;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 900;
    color: #212121;
}
#upcoming-camps .item.featured .featured-banner {
    display: block;
}
#upcoming-camps .item .camp-details {
    position: relative;
    display: block;
    padding: 20px 0;
}
#upcoming-camps .item .camp-summary {
    display: block;
}
#upcoming-camps .item .camp-summary h3 {
    display: inline-block;
    margin: 5px 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #6f6f6e;
}
#upcoming-camps .item .camp-summary h3 a {
    color: #212121;
    font-weight: 500;
    cursor: pointer;
}
#upcoming-camps .item .camp-summary h3 .fa {
    margin: 0 6px 0 0;
    color: #609d2b;
}
#upcoming-camps .item .camp-status {
    display: inline-block;
    float: right;
    margin: 8px 0 0;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #609d2b;
    background: #bf202f;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
#upcoming-camps .item .camp-status.checked-in,
#upcoming-camps .item .camp-status.cancelled {
    background: transparent;
    color: #a3a3a3;
}
#upcoming-camps .item .camp-cancel {
    display: inline-block;
    float: right;
    margin: 8px 0 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    color: #bf202f;
    text-decoration: none;
}
@media only screen and (max-width: 992px) {
    #upcoming-camps .item {
        padding: 15px;
    }
    #upcoming-camps .item .date-box {
        float: none;
        display: block;
        margin: 0 0 12px;
    }
    #upcoming-camps .item h2 {
        margin: 0;
        font-size: 16px;
    }
    #upcoming-camps .item .camp-summary h3 {
        display: block;
        margin: 4px 15px 4px 0;
        font-size: 12px;
    }
    #upcoming-camps .item .camp-status {
        position: relative;
        display: inline-block;
        float: left;
        margin: 10px 0 0;
        width: auto;
        top: auto;
        bottom: auto;
        right: auto;
        font-size: 12px;
    }
    #upcoming-camps .item .camp-status.checked-in {
        box-shadow: inset 0 0 0 1px #ddd;
    }
    #upcoming-camps .item .camp-cancel {
        display: inline-block;
        float: none;
        margin: 10px 0 0 12px;
        font-size: 12px;
        font-weight: 400;
    }
}

/* ADD PRODUCT ATTRIBUTES */
.footable {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin: 5px 0 5px;
    width: 100%;
    color: #444444;
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
}
.footable input {
    margin-bottom: 0 !important;
}
.footable span.col-description {
    display: none;
    padding: 0 4px 0 0;
    font-weight: 700;
}
.footable.breakpoint > tbody > tr.footable-row-detail {
    background: #eeeeee;
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
    cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-row-detail-cell {
    background: #fff;
}
.footable > tbody img {
    vertical-align: middle;
}
.footable > tbody > tr:hover:not(.footable-row-detail) {
    background: #f8f8f8;
}
.footable > tbody > tr:hover:not(.footable-row-detail) > td {
    color: #000000;
}
.footable > tbody > tr:last-child > td {
    border-bottom: none;
}
.footable > tbody > tr > td {
    border-top: 1px solid #dddddd;
    padding: 15px 10px;
    text-align: left;
    border-left: none;
}
.footable tbody tr td a {
    color: #212121;
    font-weight: 500;
}
.footable > tbody > tr > td.footable-row-detail-cell,
.footable > tbody > tr > td.footable-first-column {
    border-left: none;
}
.footable > thead > tr > th {
    border-bottom: 1px solid #dddddd;
    padding: 18px 10px;
    text-align: left;
    font-weight: 700 !important;
}
.footable > thead > tr > th,
.footable > thead > tr > td {
    background-color: #fff;
    border: 0px solid #2a2a2a;
    border-bottom: 3px solid #ddd;
    color: #212121;
    border-top: none;
    border-left: none;
    font-weight: normal;
}
.footable > thead > tr > th.footable-first-column,
.footable > thead > tr > td.footable-first-column {
    border-left: none;
}
.footable .itemprice input.cms_textfield {
    padding: 5px 0px;
    border: none;
    text-align: center;
    width: auto;
    border-bottom: solid 2px #c9c9c9;
}
@media only screen and (max-width: 992px) {
    .footable {
        border: none;
    }
    .footable span.col-description {
        display: inline-block;
    }
    .footable caption {
        background-image: none;
    }
    .footable thead {
        display: none;
    }
    .footable tbody {
        background: #fff;
    }
    .footable tbody td {
        display: block;
        padding: 0.6rem;
    }
    .footable tbody tr {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 15px;
        background: #fff;
        border: 1px solid #ddd;
        border-top: 0;
    }
    .footable tbody tr td:first-child {
        background: #2a2a2a;
        color: #fff;
    }
    .footable tbody tr td:first-child a {
        color: #fff;
    }
    .footable tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 0rem;
    }
    .footable > tbody > tr:hover:not(.footable-row-detail) {
        background: #ededed;
    }
    .footable > tbody > tr:hover:not(.footable-row-detail) > td {
        color: #000;
    }
    .footable > tbody > tr:hover:not(.footable-row-detail) > td:first-child {
        color: #fff;
    }
}

/* --------------------------------

 12. FOOTER

-------------------------------- */

/* FEATURED SPONSORS */
#featured-sponsors {
    position: relative;
    display: none;
    margin: 60px 0 0;
    padding: 0;
    height: 90px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ddd;
    text-align: center;
}
#featured-sponsors h2 {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 90px;
    text-align: left;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 900;
}
#featured-sponsors .featured-sponsors-carousel .item {
    display: block;
    margin: 15px 0 0;
    padding: 0;
    width: 100%;
    height: 60px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
@media screen and (max-width: 992px) {
    #featured-sponsors {
        margin: 25px 0 0;
        padding: 15px 0;
        height: auto;
    }
    #featured-sponsors h2 {
        margin: 0 0 15px;
        text-align: center;
        font-size: 18px;
        line-height: 1;
    }
}

/* FIND US ON */
#find-us-on {
    position: relative;
    display: block;
    margin: 60px 0 0;
    padding: 0;
    padding: 0;
    color: #fff;
    background: #bf202f;
    height: 4px;
    overflow: hidden;
}
body.no-margin-footer #find-us-on {
    margin: 0;
}
#find-us-on h4 {
    margin: 2px 0 0;
    padding: 0;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
}
#find-us-on a {
    display: inline-block;
    margin: 0 0 0 2px;
    font-size: 23px;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 992px) {
    #find-us-on {
        margin: 25px 0 0;
        text-align: center;
    }
    #find-us-on h4 {
        margin: 0 0 10px;
        padding: 0;
        font-size: 16px;
        line-height: 1.2;
    }
    #find-us-on .text-right {
        text-align: center;
    }
}

/* FOOTER */
footer {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #fff;
    background: #212121;
    /* border-top: 5px solid #BF202F; */
}
@media only screen and (max-width: 992px) {
    footer {
        margin: 0;
    }
}

/* TOP WRAP */
footer .top-wrap {
    padding: 40px 0 0;
}
footer .top-wrap .wrap {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
footer .top-wrap .wrap.contact-us {
    text-align: right;
}
footer .top-wrap .wrap h2 {
    margin: 0 0 18px;
    padding: 0;
    font-size: 20px;
    font-weight: 900;
    text-transform: none;
    color: #fff;
}
footer .top-wrap .wrap a {
    display: block;
    margin: 0 0 12px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}
@media screen and (max-width: 992px) {
    footer .top-wrap {
        padding: 50px 0 0;
        text-align: center;
    }
    footer .top-wrap .wrap {
        margin: 0 0 35px;
    }
    footer .top-wrap .wrap.contact-us {
        text-align: center;
    }
    footer .top-wrap .wrap h2 {
        margin: 0 0 15px;
        font-size: 18px;
    }
}

/* NEWSLETTER SIGNUP */
footer .newsletter-signup {
    display: block;
    margin: 75px 0 0;
    padding: 20px 0;
    width: 100%;
    background: #303030;
}
footer .newsletter-signup h3 {
    margin: 6px 0 0;
    padding: 0;
    font-size: 21px;
    font-weight: 700;
}
footer .newsletter-signup input,
footer .newsletter-signup button {
    display: inline-block;
    margin: 0;
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    width: 225px;
    border: 0;
    outline: 0;
    border-radius: 0;
    background: #fff;
    color: #212121;
}
footer .newsletter-signup button {
    margin: 0 0 0 6px;
    padding: 0 12px;
    height: 35px;
    line-height: 35px;
    width: auto;
    border: 0;
    outline: 0;
    background: #bf202f;
    color: #fff;
    font-weight: 700;
}
@media screen and (max-width: 992px) {
    footer .newsletter-signup {
        margin: 50px 0 0;
        padding: 20px 0;
        text-align: center;
    }
    footer .newsletter-signup h3 {
        display: block;
        margin: 0 auto 15px;
        padding: 0;
        max-width: 240px;
        font-size: 18px;
        line-height: 1.25;
    }
    footer .newsletter-signup .text-right {
        text-align: center;
    }
    footer .newsletter-signup input {
        width: 180px;
        border-radius: 0;
    }
}

/* BOTTOM WRAP */
footer .bottom-wrap {
    display: block;
    margin: 0;
    padding: 20px 0;
    width: 100%;
}
footer .bottom-wrap .country {
    display: inline-block;
    font-weight: 500;
}
footer .bottom-wrap .country span {
    display: inline-block;
    height: 11px;
    width: 16px;
    margin: 0 8px -1px 0;
    overflow: hidden;
    text-indent: 100%;
    background: url("../images/sprite_icons.png");
    background-position: -336px -119px;
}
footer .bottom-wrap .copyright {
    display: inline-block;
    margin: 5px 0 0 10px;
}
footer .bottom-wrap .developed {
    display: inline-block;
}
footer .bottom-wrap a {
    color: #fff;
}
footer .bottom-wrap .social-networks {
    text-align: right;
}
footer .bottom-wrap .social-networks a {
    display: inline-block;
    margin: 0 0 0 2px;
    font-size: 21px;
}
@media screen and (max-width: 992px) {
    footer .bottom-wrap {
        padding: 35px 0;
        text-align: center;
        font-size: 14px;
        line-height: 1.4;
    }
    footer .bottom-wrap .copyright {
        display: block;
        margin: 15px auto 10px;
        max-width: 250px;
    }
    footer .bottom-wrap .developed {
        margin: 5px 0 0;
    }
    footer .bottom-wrap .social-networks {
        text-align: center;
    }
    footer .bottom-wrap .social-networks a {
        margin: 25px 0 0 2px;
    }
}

/* --------------------------------

 13. REGISTER

-------------------------------- */

/* REGISTER HEADER */
#register-header {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 80px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
#register-header .logo {
    position: absolute;
    top: 6px;
    left: 15px;
}
#register-header .logo img {
    width: 170px;
}
#register-header .cd-multi-steps {
    display: block;
    margin: 16px auto 0;
    padding: 0;
    text-align: center;
}
#register-header .cd-multi-steps li {
    position: relative;
    display: inline-block;
    float: none;
    margin: 0 40px 0 0;
    width: 60px;
    text-align: center;
}
#register-header .cd-multi-steps li:last-of-type {
    margin-right: 0;
}
#register-header .cd-multi-steps li::after {
    position: absolute;
    content: "";
    top: 12px;
    margin: 0;
    height: 3px;
    /* this is the line connecting 2 adjacent items */
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
    background: #edeff0;
    color: #a3a3a3;
}
#register-header .cd-multi-steps li:last-of-type::after {
    /* hide separator after the last item */
    display: none;
}
#register-header .cd-multi-steps li.visited::after {
    background-color: #609d2b;
}
#register-header .cd-multi-steps li em {
    font-style: normal;
}
#register-header .cd-multi-steps li > * {
    /* single step */
    display: inline-block;
    padding-top: 32px;
    font-size: 12px;
    color: #707070;
    text-decoration: none;
}
#register-header .cd-multi-steps li.visited > * {
    color: #609d2b;
}
#register-header .cd-multi-steps li.current > * {
    position: relative;
    color: #609d2b;
}
#register-header .cd-multi-steps a:hover {
    /* steps already visited */
    color: #609d2b;
}
#register-header .cd-multi-steps.count li {
    counter-increment: steps;
}
#register-header .cd-multi-steps.count li > *::before {
    /* this is the spot indicator */
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 24px;
    width: 24px;
    line-height: 24px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 1px #4d4d4d;
    content: counter(steps);
    font-size: 14px;
    color: #609d2b;
}
#register-header .cd-multi-steps.text-bottom li.visited > *::before,
#register-header .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #fff;
    box-shadow: 0 0 1px #609d2b;
}

#register-header .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #a3a3a3;
}
#register-header .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
}
#register-header .back-to-main {
    position: absolute;
    top: 0;
    right: 15px;
    color: #212121;
    line-height: 80px;
    text-decoration: none;
}
#register-header .back-to-main .fa {
    margin: 0 0 0 6px;
}
@media only screen and (max-width: 992px) {
    #register-header {
        height: 50px;
    }
    #register-header .logo {
        top: 2px;
    }
    #register-header .logo img {
        width: 115px;
    }
    #register-header .cd-multi-steps {
        display: none;
    }
    #register-header .back-to-main {
        line-height: 50px;
        font-size: 13px;
    }
}

/* REGISTER OPTIONS */
#register-options {
    margin: 0;
    padding: 15px 0 0;
    width: 100%;
    text-align: right;
}
#register-options a {
    display: inline-block;
    margin: 0 0 0 6px;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6e;
    cursor: pointer;
}

/* REGISTER WRAP */
#register-wrap {
    margin: 0;
    padding: 0;
}
#register-wrap h4.sub-title {
    margin: 0;
    padding: 22px 20px 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: none;
}
#register-wrap .sidebar-wrap {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 20px 20px 10px;
    background: #fff;
    border: 1px solid #ddd;
}
@media only screen and (max-width: 992px) {
    #register-wrap h4.sub-title {
        padding: 17px 20px 0;
        font-size: 18px;
    }
    #register-wrap .sidebar-wrap {
        padding: 20px;
    }
}

/* REGISTER START */
#register-wrap .register-start {
    position: relative;
    display: block;
    margin: 15px auto 25px;
    padding: 0;
    max-width: 400px;
}
#register-wrap .register-start h2 {
    margin: 0 0 6px;
    padding: 0;
    font-size: 32px;
    font-weight: 700;
}
#register-wrap .register-start p {
    margin: 0;
    padding: 0 0 25px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
#register-wrap .register-start a.search-for-camp {
    margin: 10px 0 0;
    padding: 0;
    height: 55px;
    line-height: 55px;
    width: 100%;
}
#register-wrap .register-start a.tournament-register {
    display: block;
    margin: 18px 0 0;
    text-align: center;
}
@media only screen and (max-width: 992px) {
    #register-wrap .register-start {
        margin: 0 auto 25px;
    }
    #register-wrap .register-start h2 {
        margin: 0 0 2px;
        font-size: 26px;
    }
    #register-wrap .register-start p {
        padding: 0 0 20px;
    }
    #register-wrap .register-start a.search-for-camp {
        margin: 5px 0 0;
        height: 45px;
        line-height: 45px;
    }
    #register-wrap .register-start a.tournament-register {
        margin: 15px 0 0;
    }
}
@media only screen and (max-width: 600px) {
    #register-wrap .jplist-panel {
        display: block;
    }
}

/* CHECKOUT NOW PROMO */
#register-wrap .checkout-now-promo {
    position: relative;
    display: block;
    margin: 0 0 15px;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
}
#register-wrap .checkout-now-promo h4 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
}
#register-wrap .checkout-now-promo a {
    position: absolute;
    margin: 0;
    padding: 10px 14px;
    top: 8px;
    right: 15px;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    background: #609d2b;
    text-decoration: none;
}
@media screen and (max-width: 992px) {
    #register-wrap .checkout-now-promo h4 {
        font-size: 16px;
    }
    #register-wrap .checkout-now-promo a {
        position: relative;
        display: block;
        margin: 15px 0 0;
        padding: 8px 0;
        width: 90px;
        top: auto;
        right: auto;
        font-size: 12px;
        text-align: center;
    }
}

/* MEMBERSHIP PROMO */
#register-wrap .membership-promo {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 15px;
    background: #bf202f;
    color: #fff;
}
#register-wrap .membership-promo .fa {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 32px;
}
#register-wrap .membership-promo h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 900;
}
#register-wrap .membership-promo p {
    margin: 2px 0 0;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}
#register-wrap .membership-promo a {
    position: absolute;
    margin: 0;
    padding: 10px 14px;
    top: 16px;
    right: 15px;
    font-size: 12px;
    font-weight: 900;
    background: #9c1c28;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 992px) {
    #register-wrap .membership-promo .fa {
        display: none;
    }
    #register-wrap .membership-promo h4 {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 900;
    }
    #register-wrap .membership-promo p {
        font-size: 12px;
    }
    #register-wrap .membership-promo a {
        position: relative;
        display: block;
        margin: 15px 0 0;
        padding: 8px 0;
        width: 90px;
        top: auto;
        right: auto;
        font-size: 12px;
        text-align: center;
    }
}

/* REGISTER HEADINGS */
#register-wrap .register-headings {
    padding: 0 15px;
}
#register-wrap .register-headings h4 {
    margin: 10px 0 12px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
}
@media only screen and (max-width: 992px) {
    #register-wrap .register-headings {
        display: none;
    }
}

/* PAYMENT PLANS PROMOTION */
#payment-plans-promotion {
    position: relative;
    display: block;
    margin: 5px 0 15px;
    padding: 0 0 0 15px;
    color: #212121;
    font-weight: 400;
    line-height: 1.35;
}
#payment-plans-promotion a {
    font-weight: 700;
    color: #bf202f;
}
@media screen and (max-width: 992px) {
    #payment-plans-promotion {
        padding: 0;
    }
}

/* CAMP LIST */
#camp-list {
    position: relative;
    display: block;
    margin: 0 0 20px;
    padding: 0;
}
#camp-list .jplist-panel {
}
#camp-list .list {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 0px solid #ddd;
    border-top: 0;
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 600px) {
    #camp-list .jplist-panel {
        display: block;
    }
}

/* CAMP ITEM */
#camp-list .item {
    position: relative;
    display: block;
    margin: 0;
    padding: 18px;
    width: 100%;
    border-bottom: 1px dotted #ddd;
}
#camp-list .list-item:nth-child(even) .item {
    background: #f8f8f8;
}
#camp-list .item.featured {
    background: #f2faeb !important;
    border-bottom: 1px solid #609d2b;
}
#camp-list .item:first-child {
}
#camp-list .list-item:last-child .item {
    border: none;
}
#camp-list .item .date-box {
    float: left;
    margin: 0 12px 0 0;
    padding: 0;
    width: 45px;
    text-align: center;
    background: #212121;
    border: 2px solid #212121;
}
#camp-list .item .date-box span {
    display: block;
    padding: 4px 0;
    font-weight: 900;
}
#camp-list .item .date-box span.number {
    font-size: 14px;
    background: #fff;
    color: #212121;
}
#camp-list .item .date-box span.day {
    font-size: 10px;
    background: #212121;
    color: #fff;
}
#camp-list .item h2 {
    margin: 2px 0 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 1.2;
}
#camp-list .item .featured-banner {
    position: absolute;
    display: none;
    top: 30px;
    right: 15px;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 900;
    color: #212121;
}
#camp-list .item.featured .featured-banner {
    display: block;
}
#camp-list .item .camp-details {
    position: relative;
    display: block;
    padding: 20px 0;
}
#camp-list .item .camp-summary h3 {
    display: inline-block;
    margin: 5px 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #6f6f6e;
}
#camp-list .item .camp-summary h3 a {
    color: #212121;
    font-weight: 500;
    cursor: pointer;
}
#camp-list .item .camp-summary h3 .fa {
    margin: 0 6px 0 0;
    color: #609d2b;
}
#camp-list .item .camp-options {
    position: relative;
    display: block;
    top: 0;
    margin: 6px 0 0;
    padding: 0;
    right: 0;
}
#camp-list .item .camp-options.individual {
    margin: 12px 0 0;
}
#camp-list .item .camp-options .cms_form {
    display: inline-block;
}
#camp-list .item .camp-options .cms_form .hidden-input {
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
    border: 0;
    outline: 0;
    overflow: hidden;
}
#camp-list .item .camp-options select {
    margin: 0 10px 0 0;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #ddd;
    outline: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#camp-list .item .camp-options .elite-password-success {
    display: none;
}
#camp-list .item .camp-options .elite-password-success.visible {
    display: block;
}
#camp-list .item .camp-options .sign-up-btn {
    display: inline-block;
    margin: 0 4px 5px 0;
    padding: 0 12px;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    font-weight: 700;
    color: #4c8020;
    background: #fff;
    border: 1px solid #609d2b;
    text-decoration: none;
    text-transform: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    cursor: pointer;
}
#camp-list .item .camp-options .sign-up-btn.elite-password-open {
    display: block;
}
#camp-list .item .camp-options .sign-up-btn.elite-password-open .fa {
    margin: 0 6px 0 0;
}
#camp-list .item .camp-options .sign-up-btn:focus {
    outline: 0;
}
#camp-list .item .camp-options .price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 2px;
    padding: 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #212121;
}
@media only screen and (max-width: 992px) {
    #camp-list .item {
        padding: 15px 15px 5px;
    }
    .camp-register-popup-container .item {
        height: auto;
    }
    #camp-list .item .date-box {
        display: none;
    }
    #camp-list .item h2 {
        margin: 0;
        font-size: 16px;
    }
    #camp-list .item .featured-banner {
        top: auto;
        bottom: 22px;
        right: 15px;
        font-size: 14px;
    }
    #camp-list .item.featured .featured-banner {
        display: block;
    }
    #camp-list .item .camp-summary h3 {
        display: block;
        margin: 4px 15px 4px 0;
        font-size: 12px;
    }
    #camp-list .item .camp-options,
    #camp-list .item .camp-options.individual {
        position: relative;
        display: block;
        margin: 15px 0 0;
        top: auto;
        bottom: auto;
        right: auto;
    }
    #camp-list .item .camp-options select {
        margin-bottom: 10px;
    }
    #camp-list .item .camp-options .sign-up-btn {
        margin-bottom: 10px;
        padding: 0 14px;
    }
    #camp-list .item .camp-options .price {
        margin-top: 4px;
        margin-bottom: 10px;
        font-size: 18px;
    }
}

/* SIDEBAR SEARCH */
#sidebar-search {
}
#sidebar-search #register-wrap .select-your-camp a {
    margin: 0;
    width: 100%;
    font-size: 14px;
}

/* REGISTER FOOTER */
#register-footer {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 50px;
}
#register-footer .payment-logos {
    position: absolute;
    display: block;
    left: 15px;
    top: 13px;
}
#register-footer .payment-logos .payment-icon {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 30px;
    height: 21px;
    background: url(../images/sprite_payments.png) no-repeat;
    background-repeat: no-repeat;
}
#register-footer .payment-logos .payment-icon.paypal {
    background-position: -132px -173px;
}
#register-footer .payment-logos .payment-icon.visa {
    background-position: -91px -173px;
}
#register-footer .payment-logos .payment-icon.mastercard {
    background-position: -51px -173px;
}
#register-footer .payment-logos .payment-icon.amex {
    background-position: -12px -173px;
}
#register-footer .sub-links {
    display: block;
    margin: 0;
    padding: 0;
    text-align: right;
}
#register-footer .sub-links a {
    display: inline-block;
    margin: 0 0 0 12px;
    padding: 0;
    line-height: 50px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: #212121;
}
@media only screen and (max-width: 992px) {
    #register-footer {
        padding: 25px 0;
        height: auto;
    }
    #register-footer .payment-logos {
        position: relative;
        left: 0;
        top: 0;
        text-align: center;
    }
    #register-footer .payment-logos .payment-icon {
        margin: 0 2px;
    }
    #register-footer .sub-links {
        margin: 15px 0 0;
        text-align: center;
    }
    #register-footer .sub-links a {
        display: inline-block;
        margin: 0 6px 10px;
        padding: 0;
        line-height: 1;
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        color: #212121;
    }
}

/* REGISTRATION LIST */
#registration-list {
    margin: 0;
    padding: 0;
}
#registration-list #copy-emails-to-clipboard {
    position: relative;
    float: right;
    display: inline-block;
    margin: -85px 0 0;
    padding: 0 14px;
    height: 34px;
    line-height: 34px;
    width: auto;
    font-size: 14px;
    font-weight: 700;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #bf202f;
    color: #fff;
    z-index: 5;
}
#registration-list .list-item:nth-of-type(4n):after {
    content: "";
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
}
#registration-list .list-item .item-wrap {
    position: relative;
    display: block;
    margin: 0 0 25px;
    padding: 25px 10px;
    text-align: center;
    border: 1px solid #ddd;
}
#registration-list .list-item .item-wrap .email-copy {
}
#registration-list .list-item .item-wrap .id-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #6f6f6e;
}
#registration-list .list-item .item-wrap .id-tag strong {
    color: #212121;
    font-weight: 700;
}
#registration-list .list-item .item-wrap .fa {
    display: block;
    margin: 0 auto 12px;
    padding: 0;
    font-size: 42px;
    font-weight: 400;
}
#registration-list .list-item .item-wrap h2 {
    margin: 0 0 2px;
    padding: 0;
    font-size: 17px;
    font-weight: 700;
}
#registration-list .list-item .item-wrap h3 {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    color: #6f6f6e;
}
#registration-list .list-item .item-wrap h4 {
    display: block;
    margin: 10px 0 15px;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
}
#registration-list .list-item .item-wrap h5 {
    display: block;
    margin: 5px 0 0;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: #6f6f6e;
}
#registration-list .list-item .item-wrap h5.order-status {
    text-transform: uppercase;
    color: #212121;
}
#registration-list .list-item .item-wrap .delete {
    margin: 20px auto 0;
    padding: 0;
}

/* CANCELLATION INSURANCE PROMOTION */
.cancellation-insurance-promotion {
    position: relative;
    margin: 0 0 15px;
    padding: 20px;
    background: rgb(248, 248, 248);
    border-bottom: 3px solid #ddd;
}
.cancellation-insurance-promotion h3 {
    display: block;
    margin: 0 0 5px;
    font-size: 18px;
}
.cancellation-insurance-promotion p {
    display: block;
    margin: 0;
    max-width: 70%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}
.cancellation-insurance-promotion .btn {
    float: right;
    position: absolute;
    margin: 0;
    bottom: 20px;
    right: 20px;
    padding: 6px 10px;
    font-size: 14px;
}

/* CHOOSE PLAYER MEMBERSHIP */
#choose-player-membership {
    margin: -15px 0 100px;
}
#choose-player-membership .player-item {
    position: relative;
    display: block;
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px dotted #ddd;
}
#choose-player-membership .player-item .fa {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    font-size: 38px;
}
#choose-player-membership .player-item h4 {
    display: block;
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
}
#choose-player-membership .player-item p {
    margin: 0;
    padding: 0;
    line-height: 1;
}
#choose-player-membership .player-item .main-actions {
    float: right;
    margin: -33px 0 0;
}
#choose-player-membership .player-item .main-actions .checkbox-wrap {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
    width: auto;
    height: 30px;
    line-height: 30px;
}
#choose-player-membership .player-item .main-actions .checkbox-wrap:last-child {
    margin-right: 0;
}
#choose-player-membership .player-item .main-actions .checkbox-wrap label {
    cursor: pointer;
}
#choose-player-membership .player-item .main-actions .checkbox-wrap input[type="checkbox"] {
    margin: 0 2px 0 0;
}
#choose-player-membership .player-item .main-actions button {
    display: none;
    margin: 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    width: auto;
    font-size: 13px;
    font-weight: 600;
}
@media only screen and (max-width: 992px) {
    #choose-player-membership {
        margin: -10px 0 50px;
    }
    #choose-player-membership .player-item {
        margin: 15px 0 0;
        padding: 15px 0 0;
    }
    #choose-player-membership .player-item .fa {
        font-size: 34px;
    }
    #choose-player-membership .player-item h4 {
        margin: 0 0 4px;
        font-size: 17px;
    }
    #choose-player-membership .player-item .main-actions {
        float: none;
        display: block;
        margin: 12px 0 0;
    }
    #choose-player-membership .player-item .main-actions .checkbox-wrap {
        margin: 0 10px 0 0;
        height: 25px;
        line-height: 25px;
    }
    #choose-player-membership .player-item .main-actions button {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }
}

/* CHECK IN */
#check-in {
    position: relative;
    display: block;
    margin: 0;
    padding: 100px 30px 30px;
}
#check-in img.logo {
    position: relative;
    display: block;
    margin: 25px auto 45px;
    max-width: 190px;
}
#check-in .navigation {
    position: fixed;
    margin: 0;
    padding: 0 25px;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    text-align: right;
    background: #609d2b;
    background: #bf202f;
    z-index: 5;
}
#check-in .navigation h5 {
    position: relative;
    float: left;
    height: 75px;
    line-height: 73px;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}
#check-in .navigation .refresh-list {
    position: relative;
    float: left;
    margin: 26px 12px 0;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    z-index: 6;
}
#check-in .navigation .reset-list {
    position: absolute;
    top: 0;
    right: 30px;
    height: 75px;
    line-height: 73px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
#check-in .camp-filter {
    position: relative;
    margin: 50px auto 0;
    max-width: 500px;
}
#check-in .camp-filter h2 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}
#check-in .camp-filter a.proceed {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 60px;
    line-height: 60px;
    width: 100%;
    background: #bf202f;
    color: #fff;
    border: 0;
    outline: 0;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}
#check-in .player-check-in {
    position: relative;
    display: block;
    margin: 0 0 15px;
    padding: 20px;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 0.25rem 0.125rem 0 rgba(0, 0, 0, 0.05);
}
#check-in .player-check-in .main-image {
    float: left;
    margin: -1px 15px 0 0;
    padding: 0;
    height: 55px;
    width: 55px;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #212121;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#check-in .player-check-in .user-icon {
    float: left;
    margin: 0 20px 0 0;
    padding: 0 22px 0 10px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 42px;
    color: #212121;
    border-right: 1px solid #ddd;
}
#check-in .player-check-in h3 {
    margin: 3px 0 4px;
    padding: 0;
    font-size: 21px;
    font-weight: 600;
}
#check-in .player-check-in p {
    margin: 0;
    padding: 0;
}
#check-in .player-check-in .form-wrap {
    float: right;
    margin: -45px 0 0;
    width: 250px;
    text-align: right;
}
#check-in .player-check-in .form-wrap .notifications {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
#check-in .player-check-in .form-wrap .notifications a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    font-size: 21px;
    font-weight: 400;
    color: #6f6f6e;
}
#check-in .player-check-in .form-wrap .notifications a .boost-icon {
    font-size: 25px;
}
#check-in .player-check-in .form-wrap form {
    display: inline-block;
    vertical-align: middle;
}
#check-in .player-check-in .form-wrap .fbsubmit {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 12px 14px;
    height: auto;
    width: auto;
    background: #bf202f;
    outline: 0;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#check-in .player-check-in.checked .fbsubmit {
    margin-left: -9px;
    padding-right: 3px;
    background: #fff;
    color: #a3a3a3;
}

/* APP SCOREBOARD */
#app-scoreboard {
    position: relative;
    display: block;
    margin: 0;
    padding: 100px 30px 30px;
}
#app-scoreboard .main-image {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    background-image: url(../images/app-scoreboard-background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#app-scoreboard .overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.75);
    opacity: 1;
}
#app-scoreboard img.logo {
    position: relative;
    display: block;
    margin: 25px auto 45px;
    max-width: 190px;
}
#app-scoreboard .navigation {
    position: fixed;
    margin: 0;
    padding: 0 25px;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    text-align: right;
    background: rgba(0, 0, 0, 0.65);
    z-index: 5;
}
#app-scoreboard .navigation h5 {
    position: relative;
    float: left;
    height: 75px;
    line-height: 73px;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}
#app-scoreboard .navigation .refresh-list {
    position: relative;
    float: left;
    margin: 26px 12px 0;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    z-index: 6;
}
#app-scoreboard .navigation .reset-list {
    position: absolute;
    top: 0;
    right: 30px;
    height: 75px;
    line-height: 73px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
#app-scoreboard .camp-filter {
    position: relative;
    margin: 50px auto 0;
    max-width: 500px;
}
#app-scoreboard .camp-filter h2 {
    margin: 0 0 25px;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
}
#app-scoreboard .camp-filter a.proceed {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 60px;
    line-height: 60px;
    width: 100%;
    background: #bf202f;
    color: #fff;
    border: 0;
    outline: 0;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}
#app-scoreboard .list {
    position: relative;
    display: block;
    width: 100%;
    z-index: 2;
}
#app-scoreboard .item {
    position: relative;
    display: block;
    margin: 0 0 8px;
    padding: 12px 20px;
    width: 100%;
    border-radius: 4px;
    background: rgba(209, 31, 48, 0.75);
    box-shadow: 0 0.25rem 0.125rem 0 rgba(0, 0, 0, 0.05);
    color: #ffffff;
}
#app-scoreboard .item .main-image {
    float: left;
    margin: -1px 15px 0 0;
    padding: 0;
    height: 55px;
    width: 55px;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #212121;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#app-scoreboard .item .icon {
    float: left;
    margin: -1px 15px 0 0;
    font-size: 30px;
    color: #ffffff;
}
#app-scoreboard .item h3 {
    margin: 3px 0 4px;
    padding: 0;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
}
#app-scoreboard .item .points {
    float: right;
    margin: -32px 0 0;
    padding: 0;
    font-size: 32px;
    font-weight: 600;
    color: #ffffff;
}

/* MB ECO CREDENTIALS */
.mb-eco-credentials {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    opacity: 0;
    overflow: auto;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999;
}
.mb-eco-credentials.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.mb-eco-credentials .text-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.mb-eco-credentials .text-wrap img {
    position: relative;
    display: block;
    margin: 0 auto 5px;
    width: 80px;
}
.mb-eco-credentials .text-wrap h3 {
    margin: 0 0 5px;
    font-size: 21px;
    font-weight: 600;
    line-height: 1 !important;
}
.mb-eco-credentials .text-wrap p {
    margin: 0;
    font-size: 16px;
}
@media screen and (max-width: 992px) {
    .mb-eco-credentials .text-wrap img {
        width: 65px;
    }
    .mb-eco-credentials .text-wrap h3 {
        font-size: 18px;
    }
    .mb-eco-credentials .text-wrap p {
        font-size: 14px;
    }
}

/* BASIC FADE IN OUT */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes cd-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* GRADIENT TRANSITION */
@-webkit-keyframes GradientTransition {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-moz-keyframes GradientTransition {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-o-keyframes GradientTransition {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes GradientTransition {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}