:root {
    --background-color: #000;
    --background-transparent-color: rgba(0, 0, 0, 0.8);
    --background-dark-gray-color: #202020;
    --background-gray-color: #333;
    --background-orange-color: #f90;

    --border-orange-color: #f90;
    --border-gray-color: #333;
    --border-light-gray-color: #ccc;

    --text-color: #fff;
    --text-middle-gray-1-color: #333;
    --text-middle-gray-2-color: #444;
    --text-gray-color: #666;
    --text-light-gray-1-color: #999;
    --text-light-gray-2-color: #ccc;
    --text-orange-color: #f90;

    --text-page-header-border-color: #333;
    --text-page-header-background-color: #202020;
    --text-page-header-bold-color: #f90;
    --text-page-header-link-color: #fff;
    --text-page-header-color: #fff;

    --form-control-background: #ededed;
    --form-control-focused-border: #ccc;

    --button-text-color: #000;
    --button-background-color: #f90;
    --button-border-color: #f90;
    --button-disabled-color: #333;

    --button-hover-text-color: #fff;
    --button-hover-background-color: #333;

    --button-outline-text-color: #f90;
    --button-outline-background-color: #000;
    --button-outline-border-color: #f90;

    --button-outline-hover-text-color: #000;
    --button-outline-hover-background-color: #f90;
    --button-outline-hover-border-color: #f90;

    --button-filter-border-color: #333;

    --button-filter-hover-text-color: #fff;
    --button-filter-hover-background-color: #333;
    --button-filter-hover-border-color: #333;

    --button-filter-active-text-color: #000;
    --button-filter-active-background-color: #f90;
    --button-filter-active-border-color: #f90;

    --button-secondary-disabled-color: #6c757d;
    --button-secondary-disabled-border-color: #000;

    --block-afterplay-background: #000d;
    --block-afterplay-splash-background: #000d;
    --block-afterplay-splash-border-color: #f90;

    --block-afterplay-splash-background-gradiend-start: #0008;
    --block-afterplay-splash-background-gradiend-end: #0000;

    --block-dropdown-background: #202020;
    --block-dropdown-active-background: #444;
    --block-dropdown-border: #333;
    --block-dropdown-orange-text: #f90;

    --block-search-box-color-i-ago: #ccc;
    --block-search-box-border: #ccc;
    --block-search-box-background: #ccc;
    --block-search-box-result-background: #eee;
    --block-search-box-shadow: rgba(0,0,0,0.4);

    --block-18-splash-background: rgba(0,0,0,1);

    --block-downloader-demo-background: #2a2a2a;

    --block-pricing-card-sub-color: #6c757d;
    --block-pricing-card-price-i-color: #6c757d;
    --block-pricing-plan-selector-color: #ccc;
    --block-pricing-plan-selector-background: #333;
    --block-pricing-plan-selector-border: #333;

    --block-user-data-header-color: #a0a0a0;
    --block-user-data-border: #333;

    --block-topscreen-info-border: #856404;

    --block-alert-danger-color: #fff;
    --block-alert-danger-border: #721c24;
    --block-alert-danger-background: #721c24;

    --shadow-color: #000;

    --error-border-color: #af3541;

    --live-status-background-color: #ff0008;

    --round-mark-border: #f90b;

    --block-glare-ultimate-background: url("https://cdn.recu.me/i/ultimate.gif");
    --block-glare-titanium-background: url("https://cdn.recu.me/i/titanium.gif");

    --font-base: Arial, Helvetica, sans-serif;
    --font-header: "Montserrat Alternates", sans-serif;
    --font-navigation: "Montserrat", sans-serif;

    --plyr-color-main: var(--text-color) !important;
    --plyr-menu-color: var(--text-color);
    --plyr-menu-background: var(--background-color);
    --plyr-control-toggle-checked-background: var(--background-orange-color);
    --plyr-video-control-background-hover: none;
    --plyr-video-control-color-hover: var(--background-orange-color);
    --plyr-range-fill-background: var(--background-orange-color);

    --clipmaker-bar-backround: #f906;
    --clipmaker-bar-border: 1px dotted var(--border-orange-color);
}

.recuclub-login-page h1, .recuclub-header {
    font-family: var(--font-header), serif;
    font-weight: 700;
    font-size: 66px;
    margin-top: 20px;
    margin-bottom: 120px;
}

.recuclub-login-page h2 {
    font-family: var(--font-base), serif;
    font-size: 24px;
    margin-bottom: 20px;
}

.recuclub-login-page .form-control {
    height: 48px;
    border-radius: 4px;
    border: 1px solid #FFFFFF33;
    padding: 12px 16px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 10px;
    background: var(--background-color);
    color: var(--color-white);
    opacity: 80%;
}

.recuclub-login-page .form-control::placeholder {
    opacity: 70%;
}

.recuclub-login-page .btn-base {
    background-color: var(--color-white);
    border: var(--color-white);
}

@media (max-width: 400px) {
    .recuclub-login-page h1 {
        font-size: 54px;
    }
}