body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Rajdhani-Regular';
    font-size: 18px;
    color: #808080;
    line-height: 30px;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    min-height: 100%;
    background-color: #f4f4f4;
    background-size: cover;
    background-position: center;
}

body.home {
    background-color: #000;
}

body.events,
body.veelgestelde-vragen {
    background-color: #fff;
}

#slogan.inactive {
    display: none;
}

.clr,
.clearfix {
    clear: both;
}

.social-button {
    width: 35px;
    height: 35px;
    border: 1px solid #1FAEE1;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 1em;
}

.social-button svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 50%;
    max-height: 50%;
}

#sponsors,
.footer-triangle {
    display: none !important;
}

#sponsors .col-xs-4 {
    text-align: center;
}

.element-invisible {
    display: none;
}

.rsca #cta,
.rsca #soccer-camps p.margin-top,
.rsca #locations .nav-pills,
.rsca footer,
.nkskillgames #locations .nav-pills {
    display: none !important;
}

.nav-pills.inactive {
    display: none !important;
}

a,
a:visited {
    text-decoration: none;
    color: inherit
}

img {
    border: 0;
    margin: 0;
    padding: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

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

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

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

.margin-top {
    margin-top: 60px;
}

.bg-black {
    background-color: #000000;
}

.bg-sand {
    background-color: #f6f6f6;
}

.bg-white {
    background-color: white;
}

#cta a:hover {
    color: #ffffff !important;
}

/* do not group these rules */
*::-webkit-input-placeholder {
    color: #afafaf;
}

*:-moz-placeholder {
    /* FF 4-18 */
    color: #afafaf;
}

*::-moz-placeholder {
    /* FF 19+ */
    color: #afafaf;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: #afafaf;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////// FAQ /////////////////////////////////////////////// */

 
.faq_intro {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.faq_intro h1,
.faq_intro p,
#faqs h2 {
    padding-left: 15px;
}

.faq_intro p {
    padding-right: 10px;
}

.faq_answer {
    margin-bottom: 10px;
    padding: 5px 10px 5px 15px;
    display: none;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////// Clinic aanvragen / Cntact /////////////////////////////////// */
.clinic-aanvragen #system-message-container,
.contact #system-message-container,
#clinicaanvraag_thankswrapper {
    display: none;
}

#form-clinicaanvraag.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

#form-clinicaanvraag .mce-menubar,
#form-clinicaanvraag .mce-toolbar-grp,
#form-clinicaanvraag .mce-menubar,
#form-clinicaanvraag .mce-path,
#form-clinicaanvraag .mce-resizehandle,
#form-clinicaanvraag .toggle-editor {
    display: none;
}

#form-clinicaanvraag .row {
    margin-bottom: 10px;
}

#form-clinicaanvraag textarea {
    padding: 10px;
}

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

#subscriber-form .introduction {
    padding-top: 10px;
}

.transaction-edit .event_desc p,
#subscriber-form .introduction p {
    font-size: 22px;
    padding-bottom: 10px;
}

#subscriber-form label {
    color: #404040;
    font-size: 16px;
}

.voorwaarts #subscriber-form label {
    color: #fff;
}

@media (max-width: 767px) {
    .mobile-left {
        text-align: left !important;
    }
}

.email-opt {
    margin-bottom: -10px;
}

.inschrijven .legal-notice {
    padding: 10px 0 10px 18px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 10px;
}

.asito .email-opt,
.nkskillgames .email-opt {
    display: none;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    margin-top: 8px;
}

.checkbox label.error {
    padding: 0;
    color: #404040;
    font-size: 16px;
    font-weight: 700;
}

.unstyled-ul {
    padding: 0;
    margin: 0;
}

.unstyled-ul > li,
.unstyled-ul ul > li {
    list-style: none;
}

.unstyled-ul > li:not(:last-child) {
    margin-bottom: 10px;
}

#iDealIssuers .select2-container {
    width: 100% !important;
}

.extra-issuer-info.closed {
    display: none;
}

#ideal_radio_buttons {
    margin-left: 30px;
}

.ideal_radio_button_input {
    width: 1px;
    opacity: 0;
}

.ideal_radio_button_label {
    margin-bottom: 0;
    padding: 8px 0 4px 60px;
    width: calc(100% - 20px);
    font-size: 14px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 10px 1px;
    border: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.ideal_radio_button_label.active {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#label-abn-amro {
    border-top: 1px solid #ccc;
    background-image: url(../img/label-abn.png);
}

#label-ing {
    background-image: url(../img/label-ing.png);
}

#label-rabobank {
    background-image: url(../img/label-rabo.png);
}

#label-asn-bank {
    background-image: url(../img/label-asn.png);
}

#label-bunq {
    background-image: url(../img/label-bunq.png);
}

#label-knab {
    background-image: url(../img/label-knab.png);
}

#label-regiobank {
    background-image: url(../img/label-regiobank.png);
}

#label-revolut {
    background-image: url(../img/label-revolut.png);
}

#label-sns-bank {
    background-image: url(../img/label-sns.png);
}

#label-triodos {
    background-image: url(../img/label-triodos.png);
}

#label-van-lanschot {
    background-image: url(../img/label-lanschot.png);
}

img.scale-with-grid {
    max-width: 100%;
    height: auto;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////// /events categories_menu //////////////////////////////// */
.categories_menu {
    display: block;
    position: fixed;
    top: 0;
    padding: 8px 0;
    width: 100%;
    z-index: 9001;
}

.categories_menu .close_menu {
    display: none;
}

.categories_menu img {
    display: block;
    float: left;
    height: 50px;
    width: auto
}

.categories_menu ul {
    display: block;
    float: left;
    margin: 0 0 0 12px;
    padding: 8px 0 0 0;
}

.categories_menu ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.categories_menu ul li a,
.categories_menu ul li a:hover,
.categories_menu ul li a.active,
.categories_menu ul li a:visited {
    display: block;
    margin: 0 9px;
    padding: 1px 0 0 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: 'Rajdhani-Bold';
    text-decoration: none;
}

.categories_menu ul li a:hover,
.categories_menu ul li a.active {
    border-bottom: 1px solid #fff;
}

.categories_menu_spacer {
    height: 66px;
}

.hamburger {
    display: none;
}

@media (max-width: 1200px) {

    .categories_menu,
    .categories_menu_spacer {
        display: none;
    }

    .categories_menu {
        top: -2000px;
        height: 100%;
    }

    .categories_menu .close_menu {
        display: block;
        margin: 20px 25px 20px 0;
        text-align: right;
        font-size: 25px;
        font-weight: 900;
        color: #fff;
        cursor: pointer;
    }

    .categories_menu img {
        float: none;
        margin: 0 auto 20px auto;
    }

    .categories_menu ul {
        float: none;
        margin: 0;
        padding: 0;
    }

    .categories_menu ul li {
        display: block;
    }

    .categories_menu ul li a,
    .categories_menu ul li a:hover,
    .categories_menu ul li a.active,
    .categories_menu ul li a:visited {
        padding: 5px 12px 4px 12px;
        font-size: 22px;
    }

    .categories_menu ul li a:hover,
    .categories_menu ul li a.active {
        text-decoration: underline;
        border-bottom: none !important;
    }

    .hamburger {
        display: block;
        position: fixed;
        top: 10px;
        right: 10px;
        width: 46px;
        height: 46px;
        border-radius: 5px;
        cursor: pointer;
        z-index: 9001;
    }

    .hamburger > div {
        height: 46px;
        padding: 8px;
        overflow: hidden;
    }

    .hamburger svg {
        display: block;
        width: 37px;
        height: 37px;
    }

}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////// HEADER /////////////////////////////////////////// */
header {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #efefef;
    background-size: cover;
}

body.inschrijven.tui {
    color: #404040;
}

.tui header {
    height: 500px;
    background-position: center top;
}

.tui #soccer-camps ul li {
    line-height: 23px;
    padding: 10px 0;
    min-height: 0;
}

.tui #usps,
.tui .footer-triangle,
.tui #sponsors,
.tui.inschrijven .email-opt,
.tui #soccer-camps > .container > .row:nth-child(1) {
    display: none;
}

.tui #sc-list > .row {
    margin: 0;
}

.tui .subscriber-wrapper .close {
    opacity: 1;
    text-shadow: none;
}

.tui .home-1 #cta,
.tui .home-1 #mobile-cta {
    display: none;
}

body.front.home.tui {
    background-color: #70cbf4;
}

.tui footer,
.tui footer a {
    background-color: #70cbf4 !important;
    color: #fff !important;
}

.tui footer a {
    text-decoration: underline;
}


.nav-pills li a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px 85px;
    background: #ffffff none;
    border-radius: 0;
    font-size: 20px;
    color: #808080;
}

.events .nav-pills li a {
    padding: 10px 60px;
}

.thanks-email + .row .col-md-4 {
    display: none;
}

.nav-pills li.active a,
.nav-pills li a:hover {
    color: #fff;
}

@media (min-width: 768px) {
    .nav-pills li a {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .nav-pills > li {
        float: none;
        width: 100%;

        margin-bottom: 5px;
    }

    .nav-pills > li + li {
        margin-left: 0;
    }

    .nav-pills li a {
        width: 100%;
    }
}

.home-original header #cta {
    border: 2px solid white;
    border-radius: 50%;
    font-family: "Rajdhani-Bold";
    font-size: 20px;
    height: 190px;
    left: 50%;
    margin-left: 31%;
    overflow: hidden;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 19px;
    width: 190px;
    z-index: 99999;
}

#mobile-cta {
    display: none;
}

.home-original #cta div {
    padding-top: 62px;
    display: block;
    width: 100%;
    height: 100%;
}

/*
.home-1 header #cta {
    font-family: "Rajdhani-Bold";
    width: 280px;
    height: 280px;
    background-color: transparent;

    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    display: inline-block;

    right: -5px;
    top: -5px;
    position: fixed;
    z-index: 999;
}
*/

.home-1 header #cta {
    position: fixed;
    right: 0px;
    top: 0px;
    width: 280px;
    height: 280px;
    font-family: "Rajdhani-Bold";
    z-index: 999;
}

/*
.home-1 #cta div {

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;

    position: absolute;
    right: -3px;
    top: 151px;
    width: auto;
    height: auto;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
}
*/

.home-1 #cta div {
    position: absolute;
    right: 0px;
    top: 350px;
    width: auto;
    height: auto;
    color: #ffffff;
    text-transform: uppercase;
    padding: 35px 40px 45px 60px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 90px;
    cursor: pointer;
}

header #cta span {
    font-size: 32px;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// SLOGAN //////////////////////////////////////// */
.has_categories_overview_background #slogan {
    display: none;
}

#slogan {
    height: 120px;
    color: white;
    font-size: 60px;
    text-align: center;
    font-family: 'Rajdhani-Bold';
}

.slogan-nav-pills-wrapper {
    overflow: hidden;
    overflow-x: auto;
    margin-top: -8px;
    padding-bottom: 3px;
}

/* width */
.slogan-nav-pills-wrapper::-webkit-scrollbar {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
}

#slogan.single-cat {
    background-color: #ffffff !important;
    height: 29px;
}

.slogan-nav-pills-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.slogan-nav-pills-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-right: none;
    border-left: none;
}

.slogan-nav-pills-wrapper::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 10px;
}

.slogan-nav-pills-wrapper::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 10px;
}

.single-cat .slogan-mobile-pre-title,
.single-cat .slogan-nav-pills-wrapper {
    display: none !important;
}

.slogan-mobile-pre-title {
    text-align: left;
    line-height: normal;
    font-size: 20px;
    margin-top: 15px;
}

@media (max-width: 990px) {
    #slogan ul.nav-pills a {
        padding: 10px 50px;
    }
}

@media (max-width: 767px) {
    .slogan-mobile-pre-title {
        display: block;
        float: none !important;
        margin-top: 0;
    }

    .slogan-nav-pills-wrapper {
        height: auto;
        margin-left: 0;
        margin-bottom: 11px;
        margin-top: 0;
    }

    .slogan-nav-pills {
        width: 100% !important;
    }

    #slogan ul.nav-pills {
        margin-left: 0;
        margin-top: 5px;
        width: 100% !important;
    }

    #slogan ul.nav-pills > li:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    #slogan ul.nav-pills a {
        padding: 5px;
        font-size: 19px;
    }
}

.home-original #slogan,
.asito #slogan {
    background-color: black;
}

#slogan img {
    position: absolute;
    display: block;

    left: 0;
    height: 190px;
}

.home-1 #slogan.single-cat img {
    top: 0;
    transform: translateY(-50%);
}

.home-original #slogan img,
.asito #slogan img {
    background-color: black;
    top: -35px;
}

.home-1 #slogan img {
    top: -10px;
    transform: translateY(-100%);
}

#slogan .container {
    position: relative;
}

#slogan.inner-logo img {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    transform: none;
}

#slogan.inner-logo p {
    display: inline-block;
    float: left;
    margin-left: 60px;
    margin-bottom: 0;
}

#slogan.inner-logo {
    height: auto;
    padding: 15px 0;
    line-height: 106px;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////// Video-holder ////////////////////////////////////// */
#video {
    padding: 40px 0;
}

@media (min-width: 2500px) {
    header {
        height: 700px;
    }
}

@media (min-width: 3000px) {
    header {
        height: 1000px;
    }
}

@media (min-width: 6000px) {
    header {
        height: 1000px;
        background-position: top -403px center;
    }
}

@media (max-width: 1199px) {

    #video,
    #video .container,
    #video .col-sx-12 {
        padding: 0;
        width: 100%;
    }
}

.tour-option {
    margin-top: 15px;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////// SOCCER-CAMPS ////////////////////////////////////// */
#soccer-camps h2 {
    color: #505050;
    font-size: 30px;
    font-family: 'Rajdhani-Bold';
}

.subscriber-wrapper h2,
.intro-wrapper h2 {
    color: #404040;
    font-size: 30px;
    font-family: 'Rajdhani-Bold';
}

#soccer-camps h3 {
    color: #404040;
    font-size: 24px;
    font-family: 'Rajdhani-Bold';
}

#soccer-camps,
.asito .home-1 #soccer-camps {
    padding: 80px 0 100px 0;
}

.home-1 #soccer-camps {
    padding: 80px 0 100px 0;
}

@media (max-width: 767px) {
    .home-1 #soccer-camps {
        padding: 0px 0 50px 0;
    }
}

#soccer-camps ul {
    margin: 0;
    padding: 0;
}

#soccer-camps ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    min-height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #808080;
}

#soccer-camps a {
    text-decoration: underline;
    font-family: 'Rajdhani-SemiBold';
}

#soccer-camps strong {
    font-family: 'Rajdhani-SemiBold';
}

#soccer-camps #player_holder {
    position: relative;
}

.home-1 #soccer-camps #player_holder img {
    top: 10px;
}

#soccer-camps #player_holder img {
    position: absolute;
    display: block;
    top: -221px;
    left: -26px;
}

.telstar #soccer-camps #player_holder img {
    left: -88px;
}

#usps {
    padding: 50px 0 70px;
    color: white;
}

#system-message {
    text-align: center;
}

.alert {
    width: 65%;
    margin: 0 auto;
    background-color: #ffffff;
}

#event-list .alert,
.transaction-edit .alert {
    width: initial;
    margin: 0;
}

.form-control {
    border: none !important;
    outline: 0 !important;
}

.form-control:focus {
    -webkit-appearance: none;
    border: 1px solid #cccccc !important;
    box-shadow: none;
}

.form-control.error {
    border: 1px solid #ff8585 !important;
}

[class^='select2'] {
    border: none !important;
    outline: none !important;
}

#system-message .close,
#system-message .alert-heading {
    display: none;
}

.subscriber-wrapper:first-child {
    border: none;
}

.subscriber-wrapper {
    border-top: 1px solid #cccccc;
    padding: 15px 0;
}

#usps h3 {
    color: white;
    font-size: 30px;
    font-family: 'Rajdhani-Bold';
}

#usps h3 span {
    font-size: 24px;
    margin-right: 4px;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// Locations / Events /////////////////////////////////// */
.has_categories_overview_background #locations .nav-pills {
    display: none;
}

.link_to_locations {
    margin: 5px 0 15px 0;
    font-family: 'Rajdhani-SemiBold';
    text-decoration: underline;
    cursor: pointer;
}

.link_to_locations_button {
    cursor: pointer;
}

#cta .link_to_locations_button {
    text-decoration: none;
}

#locations {
    padding: 20px 0 68px 0;
}

@media (max-width: 768px) {
    #locations {
        text-align: center;
        font-weight: bold;
    }
}

#locations h2 {
    color: #404040;
    font-size: 52px;
    font-family: 'Rajdhani-Light';
}

#locations strong {
    color: #404040;
    font-size: 52px;
    font-family: 'Rajdhani-Bold';
}

.home-1 #locations h2,
.home-1 #locations h2 strong {
    color: #ffffff;
}

#locations .btn {
    padding: 10px 85px;
    background-color: #ffffff;
    border-radius: 0px;
    font-size: 20px;
}

#locations .loc-btn {
    color: #fff;
    padding: 15px 35px;
    border-radius: 24px;
    text-transform: uppercase;
    font-family: 'Rajdhani-Bold';
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 85px;
}

#sd-list {
    display: block !important;
}

#locations .fa {
    margin-right: 10px;
}

#locations .loc-title {
    font-family: 'Rajdhani-Bold';
    font-size: 20px;
    color: #404040;
    margin-bottom: 15px;
}

#event-list h3 {
    color: #fff;
}

#locations .btn.active {
    color: #ffffff;
}

#locations .loc-items {
    background-color: #ffffff;
    padding: 35px 20px;
    margin-bottom: 40px;
}

.category-text-blocks .category-text-block {
    display: none;
}

.category-text-blocks .category-text-block.active {
    display: block;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////// SPONSORS //////////////////////////////////////////// */
#sponsors {
    padding: 50px 0 100px 0;
}

#sponsors h2 {
    font-family: 'Rajdhani-Bold';
    font-size: 22px;
    margin: 0 0 64px 0;
    color: #cecece;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////// PAGE ///////////////////////////////////////////// */
#page h1 {
    font-size: 48px;
    font-family: 'Rajdhani-Bold';
    color: #404040;
}

.footer-triangle {
    width: 109%;
    height: 78px;
    background-color: transparent;
    transform: rotate(260deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(270deg);
    z-index: 999;
    background-image: linear-gradient(to top right, #000000 47%, transparent 48%);
}

@media (max-width: 480px) {
    .footer-triangle {
        height: 35px;
        background-image: linear-gradient(to top right, #000000 47%, transparent 49%);
    }
}

.home-1 footer {
    background-color: #000000;
    padding-bottom: 35px;
}

.home-1 footer .footer-logo {
    margin: 35px 0;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////// TRANSACTION FORM /////////////////////////////////////// */

.form-inline .date-day,
.form-inline .date-month,
.form-inline .date-year {
    display: inline-block;
}

.date-day,
.date-month,
.date-year {
    width: 32%;
}

.back-url {
    cursor: pointer;
}

.back-url:hover {
    text-decoration: none;
}

textarea {
    resize: vertical;
    min-height: 150px;
}

/* Make Select2 boxes match Bootstrap3 heights: */
.full-select .select2-selection__rendered {
    line-height: 32px !important;
}

.full-select .select2-selection {
    height: 34px !important;
}

.full-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px !important;
}

.full-select .select2-container {
    width: 100% !important;
}

.add-more .fa {
    color: #57b559;

}

.back-form {
    margin-bottom: 20px;
}

.transaction-page {
    padding-top: 50px !important;
    padding-bottom: 100px !important;
}

.transaction-page-leftside,
.transaction-page-rightside {
    background: #fff;
}

.product {
    border-bottom: 1px solid black;
    padding: 10px 0;
}

.transaction-page .product:first-child {
    border-top: 1px solid black;
}

.price_tag {
    display: inline-block;
    margin-top: 5px;
    border-radius: 5px;
    background: #000;
    color: #fff;
    padding: 5px;
}

.product-size,
.product-amount {
    margin-bottom: 20px;
}

#add-subscriber {
    cursor: pointer;
}

#add-subscriber:hover {
    color: #808080 !important;
}

.voorwaarts #add-subscriber,
.voorwaarts #add-subscriber:hover {
    color: #fff !important;
}

.birthday-group {
    position: relative;
    margin-bottom: 20px;
}

.birthday-group #selectDate-error {
    position: absolute;
    bottom: -37px;
    left: 15px;
}

.submit-btn {
    color: #ffffff;
    font-family: 'Rajdhani-Bold';
    font-size: 14px;
    padding: 10px 40px;
    border-radius: 20px;
    float: right;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.btn-product {
    width: 100%;
    padding: 10px 0;
}

.delete-button {
    padding: 0;
    font-size: 16px;
}

.btn-disabled {
    color: #fff;
    padding: 15px 35px;
    border-radius: 24px;
    text-transform: uppercase;
    font-family: 'Rajdhani-Bold';
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 85px;
    background-color: #b0abab;
    display: inline;
}

.submit-btn:hover {
    color: #ffffff;
}

.transaction-page .sticky-wrapper td i {
    cursor: pointer;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////// Thanks Page ////////////////////////////////////// */
#inner-thanks {
    padding: 50px;
    margin-top: 100px;
    background-color: #ffffff;
    margin-bottom: 100px;
}

#inner-thanks > div {
    padding: 30px 0;
}

.thanks-sharing {
    padding: 0 !important;
}

.thanks-title {
    font-size: 36px;
    font-family: 'Rajdhani-Bold';

}

#thankspage .share-title {
    font-weight: bold;
    font-size: 20px;
}

#thankspage .share-subtitle {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
}

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

#pageheader {
    padding-top: 50px;
    padding-bottom: 25px;
}

.thanks-logo img {
    max-width: 135px;
}

.thanks-confirm {
    font-size: 18px;
    color: #4cb14f;
    font-family: 'Rajdhani-SemiBold';
}

.thanks-email {
    font-size: 16px;
    font-family: 'Rajdhani-Light';
}

.thanks-email span {
    font-family: 'Rajdhani-Medium';
}

#mobile-logo {
    display: none;
}

#mobile-logo img {
    /*    height: 110px;*/
    height: 75px;
    width: auto;
}

.nkskillgames.thanks .share-title,
.nkskillgames.thanks .share-subtitle,
.nkskillgames.thanks .thanks-sharing {
    display: none;
}

@media (max-width: 767px) {
    #inner-thanks {
        padding: 25px;
    }
}

#adminbar {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: white;
    background-color: #404040;
    border-bottom: 1px solid white;
    text-align: right;
}

.logout-button,
.login-greeting {
    display: inline;
}

.logout-button .btn {
    padding: 0 4px;
    vertical-align: inherit;
    margin-right: 10px;
}

.styled-select {
    height: 29px;
    overflow: hidden;
    width: 100% !important;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 6px;
}

/* /////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////// Offline page /////////////////////////////////////// */

.preview-offline-club a {
    padding: 5px;
    background-color: #10223e;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}

#offline_page {
    min-height: 100%;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-bottom: 20px;
}

#offline_page .offline_logo img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    display: block;
    padding-top: 75px;
}

.offline_text {
    text-align: center;
}

.offline_primary_text {
    padding-top: 85px;
    font-family: 'Rajdhani-Bold';
    font-size: 60px;
    text-transform: uppercase;
}

.offline_secondary_text {
    padding-top: 25px;
    font-size: 36px;
    text-transform: uppercase;
}

.offline_countdown {
    padding-top: 45px;
}

#clockdiv {
    display: block;
    text-align: center;
    width: 800px;
    margin: 0 auto;
}

#clockdiv > div {
    display: inline-block;
    padding: 0px 0px;
    width: 22%;
}

#clockdiv div > span {
    padding: 15px;
    display: inline-block;
}

.smalltext {
    padding-top: 25px;
    font-size: 24px;
}

#clockdiv .clock-timer {
    font-size: 130px;
    font-family: 'Rajdhani-Bold';
}

.offline_email {
    text-align: center;
    padding-top: 60px;
}

#offline_email {
    padding-top: 48px;

}

.offline_email_text {
    font-size: 24px;
}

.offline_email_holder {
    width: 660px;
    margin: 0 auto;
}

.offline_input {
    background-color: transparent;
    border-radius: 21px;
    display: inline-block;
    height: 45px;
    width: calc(49% - 10px);
    text-align: center;
    outline: none;
    border: 1px solid;
}

.offline_submit {
    border: none;
    border-radius: 21px;
    height: 45px;
    margin-left: 20px;
    width: calc(49% - 10px);
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 46px;
    cursor: pointer;
}

#offline_email_message {
    display: none;
    font-size: 20px;
    padding-top: 10px;
}

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

    #clockdiv .clock-timer {
        font-size: 100px;
    }
}

@media only screen and (max-width: 1200px) {
    #soccer-camps #player_holder img {
        top: 0;
    }

}

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

    body,
    html {
        -webkit-overflow-scrolling: touch;
    }
}

@media only screen and (max-width: 980px) {
    #soccer-camps #player_holder {
        display: none;
    }

    .home-original header #cta {
        left: 0;
    }

    .home-original #slogan,
    .asito #slogan {
        height: auto;
    }

    #slogan.inner-logo {
        font-size: 60px;
    }

    .product_header {
        display: none;
    }

    #clockdiv > div {
        width: 18%;
    }
}

@media only screen and (max-width: 800px) {
    #clockdiv {
        width: 100%;
    }

    #clockdiv .clock-timer {
        font-size: 80px;
    }

    #clockdiv div > span:first-child {
        padding-left: 0px;
    }

    #clockdiv div > span:last-child {
        padding-right: 0;
    }
}

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

    #slogan {
        font-size: 33px;
        line-height: 30px;
        padding-top: 8px;
    }

    #locations .btn {
        padding: 10px;
        font-size: 14px;
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }

    #slogan.inner-logo {
        font-size: 33px;
    }

    #slogan.inner-logo p {
        margin-left: 0;
    }

    header {
        background-size: cover;
        height: 215px;
        position: relative;
    }

    .smalltext {
        padding-top: 10px;
        font-size: 22px;
    }

    #clockdiv .clock-timer {
        font-size: 88px;
    }

    #clockdiv > div {
        width: 20%;
    }

    .offline_email_holder {
        width: 450px;
    }
}

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

    #slogan img,
    #cta {
        display: none !important;
    }

    .home-1 #slogan {
        height: auto;
    }

    #mobile-logo {
        display: block;
        position: absolute;
        left: 10px;
        bottom: 11px;
    }

    #mobile-cta {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 6px;
        text-align: center;
        color: #fff;
        z-index: 999;
    }

    #soccer-camps {
        padding: 25px 0 100px 0;
    }
}

@media only screen and (max-width: 660px) {
    #clockdiv .clock-timer {
        font-size: 75px;
    }
}

@media only screen and (max-width: 480px) {
    #slogan {
        font-size: 24px;
    }

    #mobile-cta a {
        width: 100%;
        display: block;
    }

    .loc-img,
    .loc-title,
    .loc-location,
    .loc-date {
        text-align: center;
    }

    #locations h2,
    #locations strong {
        font-size: 37px;
    }

    .loc-location,
    .loc-date {
        font-size: 13px;
    }

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

    #clockdiv {
        width: 100%;
    }

    #offline_page .offline_logo img {
        width: 200px;
        padding-top: 25px;
    }

    .offline_primary_text {
        padding-top: 40px;
        font-size: 45px;
    }

    .offline_secondary_text {
        font-size: 23px;
        padding: 20px 20px 0 20px;
    }

    .offline_countdown {
        padding-top: 15px;
    }

    #clockdiv .clock-timer {
        font-size: 40px;
        padding-bottom: 0px;
    }

    .smalltext {
        padding-top: 0px;
        font-size: 11px;
    }

    .offline_email {
        padding-top: 0;
    }

    .offline_email_text {
        font-size: 15px;
        padding: 15px 20px 0px 20px;
    }

    #offline_email {
        padding-top: 0;
    }

    .offline_email_holder {
        width: 100%;
    }

    .offline_input {
        height: 40px;
        width: calc(45% - 10px);
        font-size: 14px;
    }

    .offline_submit {
        height: 40px;
        width: calc(45% - 10px);
        line-height: 41px;
        font-size: 14px;
    }

}

.language-bar {
    width: 100%;
    height: 38px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 101;
}

.language-switcher {
    position: absolute;
    right: 279px;
    top: 3px;
}

.tui .language-switcher {
    right: 10px;
    top: 10px;
}

.home .select2-container,
.events .select2-container {
    width: 72px !important;
}

.home .select2-container .select2-selection img,
.home .select2-container .select2-results__option img,
.events .select2-container .select2-selection img,
.events .select2-container .select2-results__option img {
    width: 18px;
}

.home .select2-container--default .select2-selection--single,
.events .select2-container--default .select2-selection--single {
    background-color: transparent;
}

.home .select2-container--default .select2-selection--single .select2-selection__rendered,
.events .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.home .select2-container--default .select2-selection--single .select2-selection__arrow b,
.events .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}

.home .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.events .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
}

.home .select2-container--open .select2-dropdown,
.events .select2-container--open .select2-dropdown {
    top: 6px;
}

.home .select2-results,
.events .select2-results {
    text-align: center;
}

@media only screen and (max-width: 720px) {
    .language-switcher {
        right: 10px;
    }
}

#categories_overview_darklayer {
    background: rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 768px) {
    #categories_overview {
        padding-top: 75px;
    }
}

.categories_overview_logo {
    height: 100px;
    width: auto;
}

#categories_overview_text {
    padding-top: 60px;
    padding-bottom: 0px;
}

@media only screen and (max-width: 768px) {
    #categories_overview_text {
        display: none;
    }
}

#categories_overview_text h1 {
    font-size: 50px;
    color: #fff;
}

#category_buttons a,
#category_buttons a:hover {
    text-decoration: none;
}

.category_button {
    position: relative;
    margin: 20px 8px;
    min-height: 240px;
    letter-spacing: 0.02rem;
    border-radius: 8px;
    background-color: #ccc;
    background-size: cover;
    transform: scale(1);
    filter: brightness(1);
    transition: transform 0.5s, filter 0.5s;
}

.category_button:hover {
    transform: scale(1.02);
    filter: brightness(1.3);
    -webkit-box-shadow: 2px 2px 50px 10px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: 2px 2px 50px 10px rgba(255, 255, 255, 0.05);
    box-shadow: 2px 2px 50px 10px rgba(255, 255, 255, 0.05);
    border: 1px solid #000;
    border-top: 1px solid #333;
}

.category_button_darklayer {
    position: absolute;
    top: -0.5%;
    left: -0.5%;
    width: 101%;
    height: 101%;
    border-radius: 6px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}

.category_button_icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: auto;
    height: 30px;
    z-index: 3;
}

.category_button_icon img {
    width: auto;
    height: 30px;
}

.category_button_inner {
    position: absolute;
    bottom: 10px;
    padding: 0 10px;
    width: calc(100%);
    text-align: center;
    z-index: 3;
}

#soccer-camps .category_button_inner h2 {
    margin-bottom: 0;
    font-size: 33px;
    color: #fff;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    #soccer-camps .category_button_inner h3 {
        font-size: 22px;
    }
}

#soccer-camps .category_button_inner p {
    text-transform: uppercase;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?kqaerh');
    src: url('fonts/icomoon.eot?kqaerh#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?kqaerh') format('truetype'),
        url('fonts/icomoon.woff?kqaerh') format('woff'),
        url('fonts/icomoon.svg?kqaerh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

.icon-medal:before {
    content: "\e902";
}

.icon-field:before {
    content: "\e900";
}

.icon-shoe:before {
    content: "\e901";
}