/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
a.menu_item {
    color: #282359;
}

footer a {
    color: #fff;
}

footer a:hover, footer a:focus {
    color: #0dd0f3;
    text-decoration: none;
    outline: none;
}

.bottom-footer a {
    color: #e71687;
}

.bottom-footer a:hover, .bottom-footer a:focus {
    color: #0dd0f3;
    text-decoration: none;
    outline: none;
}

.kc-badge-image {
    width: 36px;
    height: 44px;
}

.kc-footer-logo {
    width: 80px;
    height: 100px;
}

.margin_60_22 {
    padding-top: 60px;
    padding-bottom: 22px; 
}

.fs-190 {
    font-size: 190px !important;
}

.fs-105 {
    font-size: 105px !important;
}

.fs-80 {
    font-size: 80px !important;
}

.fs-65 {
    font-size: 65px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.ls-5 {
    letter-spacing: 5px !important;
}

.text-shadow-lg {
    text-shadow: -2px 8px #000,
    2px 8px #000;
}

.text-shadow {
    text-shadow: -1px 4px #000,
    -1px 4px #000;
}

.text-shadow-sm {
    text-shadow: -1px 2px #000,
    -1px 2px #000;
}

.box-shadow {
    box-shadow: 2px 4px #000,
    0px 4px #000 !important;
}

.box-shadow-form {
    box-shadow: 2px 4px #000,
    0px 4px #000 !important;
}

.text-blue {
    color: #0dd0f3 !important;
}

.bg-blue {
    background: #0dd0f3 !important;
}

.text-dark-blue {
    color: #282359 !important;
}

.bg-dark-blue {
    background: #282359 !important;
}

.text-pink {
    color: #e71687 !important;
}

.bg-pink {
    background: #e71687 !important;
}

.header-container {
    position: relative;
    display: inline-block;
}

.primary-header-text {
    margin-bottom: 0px !important;
    text-shadow: -2px 8px #000, 2px 8px #000;
    letter-spacing: 5px !important;
    font-size: 190px !important;
    color: #fff;
}

.secondary-header-text {
    text-shadow: -2px 8px #000, 2px 8px #000;
    font-size: 105px !important;
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1200px) {
    .primary-header-text {
        font-size: 150px !important;
    }
    
    .secondary-header-text {
        font-size: 85px !important;
        top: 110px;
    }
}

@media (max-width: 992px) {
    .primary-header-text {
        font-size: 120px !important;
        letter-spacing: 1px !important;
    }
    
    .secondary-header-text {
        font-size: 70px !important;
        top: 90px;
    }
}

@media (max-width: 768px) {
    .primary-header-text {
        font-size: 100px !important;
    }
    
    .secondary-header-text {
        font-size: 60px !important;
        top: 75px;
    }
}

@media (max-width: 576px) {
    .primary-header-text {
        font-size: 80px !important;
    }
    
    .secondary-header-text {
        font-size: 50px !important;
        top: 60px;
    }
}

@media (max-width: 400px) {
    .primary-header-text {
        font-size: 60px !important;
    }
    
    .secondary-header-text {
        font-size: 40px !important;
        top: 50px;
    }
}

@media (max-width: 240px) {    
    .secondary-header-text {
        top: 0px !important;
        position: inherit !important;
    }
}

.box_how > figure > i {
    font-size: 6rem;
}

.cursor-pointer {
    cursor: pointer !important;
}

.connect-container {
    margin-top: 0px; z-index: 100000;
}

.custom-connect-btn {
    visibility: visible !important;
}

iframe.threeDs {
    z-index: 100001;
}

.connect-container .payment-container .header {
    background-color: #f9fafb !important;
}

.connect-container .payment-container .footer {
    padding: 0px !important;
    background-color: #f9fafb !important;
}

.connect-btn.active {
    background-color: #04a6e6 !important;
}

.connect-container .payment-container .connect-loader.active {
    z-index: 100000;
}