html, body {padding:0;margin:0;}
img {max-width:100%;height:auto;}
body *{text-shadow:none;}
a {transition:all 0.2s ease-in-out;}
hr {margin:2rem 0;}

body {
    word-wrap:break-word;font-family:'Proxima Nova Rg';
    width: 100wh;
    height: 90vh;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #ffd800, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 10s ease infinite;
    -moz-animation: Gradient 10s ease infinite;
    animation: Gradient 10s ease infinite;
}

@-webkit-keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}

@-moz-keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}

@keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}


@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('ProximaNova-Regular.woff2') format('woff2'),
        url('ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('ProximaNova-Semibold.woff2') format('woff2'),
        url('ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('ProximaNova-Light.woff2') format('woff2'),
        url('ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('ProximaNova-Bold.woff2') format('woff2'),
        url('ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

#top {padding:5px 3px;position:fixed;bottom:50px;right:50px;display:none;cursor:pointer;z-index:9999;}
#top img {height:50px;width:50px;opacity:.5;}
#top img:hover {opacity:1;}

/* -------------------- SECTIONS -------------------- */
.cpanel-Login {position:relative;top:100px;padding-bottom:50px;}
.cpanel-Login form {background:rgba(0,0,0,0.25);padding:50px;border-radius:10px;text-align:center;}
.cpanel-Login form h1 {font:700 30px 'Proxima Nova Rg';color:#fff;text-align:center;}
.cpanel-Login form p {font:400 14px 'Proxima Nova Rg';color:#fff;text-align:center;}
.cpanel-Login form input {box-shadow:none;border:none;background:rgba(0,0,0,0.25);padding:20px;transition:all 0.1s ease-in-out;font-size:14px;color:#fff;}
.cpanel-Login form input:focus {box-shadow:none;}
.cpanel-Login form textarea {box-shadow:none;border:none;background:rgba(0,0,0,0.25);padding:20px;transition:all 0.1s ease-in-out;font-size:14px;color:#fff;resize:none;}
.cpanel-Login form textarea:focus {box-shadow:none;}
.cpanel-Login form button {padding:10px 20px;}

.cpanel-Login p {font:400 12px 'Proxima Nova Rg';color:#fff;text-align:center;}
.cpanel-Login .col-form-label {top:4px;font-size:14px;text-align:left;}
.cpanel-Login form .btn-block {text-align:left;box-shadow:none;}
.cpanel-Login form .btn-block {box-shadow:none;}
.cpanel-Login form .dropdown-toggle::after {float:right;top:8px;position:relative;}
.cpanel-Login form .dropdown-menu {width:100%;}
.cpanel-Login .form-check {text-align:left;top:8px;position:relative;}


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

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

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