@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");
/* main COLOR */
/* SECONDARY COLOR */
/* DARK GRAY, REASON WHY IT'S SET TO #333 IS SO YOU CAN DARKEN IT IF NEEDED USING darken($blk, 10%); FOR EXAMPLE. YOU COULD ALSO USE 2 VARIABLES INSTEAD */
/* USE THIS TO SET THE BORDER RADIUS FOR BUTTONS */
html, body { height: 100%; font-family: "Open Sans", sans-serif; }
html { font-size: 15px; }
@media screen and (min-width: 320px) { html { font-size: calc(15px + 7 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { html { font-size: 22px; } }
p { font-size: 1rem; }
h1 { font-size: 2.0736rem; }
h1 { font-size: 25.92px; }
@media screen and (min-width: 320px) { h1 { font-size: calc(25.92px + 24.705 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h1 { font-size: 50.625px; } }
h2 { font-size: 1.728rem; }
h2 { font-size: 25.92px; }
@media screen and (min-width: 320px) { h2 { font-size: calc(25.92px + 24.705 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h2 { font-size: 50.625px; } }
h3 { font-size: 1.44rem; }
h3 { font-size: 21.6px; }
@media screen and (min-width: 320px) { h3 { font-size: calc(21.6px + 12.15 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h3 { font-size: 33.75px; } }
body { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.flash { display: none; }
q, blockquote { quotes: "“" "”"; }
.navbarFixed { position: fixed; width: 100%; top: 0; z-index: 999; }
/* Change autocomplete styles in WebKit */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 1px solid #0065dd; -webkit-text-fill-color: #0065dd; -webkit-box-shadow: 0 0 0px 1000px #000 inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }
.navbar-default { background-color: white; }
nav.navbar { z-index: 1000; border: none; border-radius: 0px; -webkit-box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.75) !important; box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.75) !important; }
nav.navbar .navbar-nav > li > a, nav.navbar .navbar-nav > li > a:focus, nav.navbar .navbar-nav > li > a:active { display: block; text-align: center; margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; font-size: 1.2em; border-bottom: 2px solid transparent; }
@media (max-width: 767px) { nav.navbar .navbar-nav > li > a, nav.navbar .navbar-nav > li > a:focus, nav.navbar .navbar-nav > li > a:active { margin-top: 0; padding: 8px; display: inline-block; } }
nav.navbar .navbar-nav > li > a:hover, nav.navbar .navbar-nav > li > a:focus:hover, nav.navbar .navbar-nav > li > a:active:hover { background: none; color: #FF0055; border-color: #578F57; }
.navbar-right { margin-top: 0px; }
.navbar-toggle { margin: 20px 15px 8px 0px; border: 1px solid transparent; border-radius: 4px; }
/** FORMS **/
form .form-error { color: #f00; }
form .form-error ul { margin-bottom: 0; margin-top: 1.5rem; }
form .form-error li { text-align: left; }
input[type="submit"]:disabled { color: lightgray !important; background-color: gray !important; }
/** END FORMS **/
/** LOGIN FORM **/
.btn-default, .btn-default:active, .btn-default:focus { border: none; border-radius: 50px; background: #FF0055; color: #fafafa; padding: 1em 2em; font-size: 18px; font-weight: 400; text-align: center; text-transform: uppercase; display: inline-block; margin: 1em 0em 0; -webkit-transition: 0.3 ease all; transition: 0.3 ease all; }
.btn-default:hover, .btn-default:active:hover, .btn-default:focus:hover { background: #578F57; color: #fafafa; text-decoration: none; }
.modal-dialog { max-width: 350px; margin: 6em auto; border-radius: 0; }
@media (max-width: 812px) and (orientation: landscape) { .modal-dialog { margin: 0 auto; } }
.modal-dialog i { font-size: 1.2em; }
.modal-dialog .modal-title { display: inline; font-size: 1.5em; }
.modal-dialog .close { color: #000; font-size: 1.5em; padding: 0.25em; margin: 3px; }
.modal-dialog .close:hover { color: #FF0055; }
.modal-dialog .modal-content { color: #FF0055; border-radius: 0; border-left: 10px solid #FF0055; }
.modal-dialog .modal-content h2 { text-align: center; }
.modal-dialog input { border: 1px solid #777; text-align: center; }
.modal-dialog label { color: #000; font-weight: normal; font-size: 1.2em; }
.modal-dialog input#username, .modal-dialog input#password, .modal-dialog input#email { height: 45px; border: 1px solid #000; font-size: 16px; }
@media (max-width: 1024px) { .modal-dialog input#username, .modal-dialog input#password, .modal-dialog input#email { font-size: 16px; } }
.modal-dialog input#email { width: 100%; }
.modal-dialog input#username:focus, .modal-dialog input#password:focus { outline: #578F57; }
.modal-dialog input#username:active, .modal-dialog input#password:active { outline: #578F57; }
.modal-dialog button { background: transparent; margin-top: 5px; color: #fafafa; display: block; border: none; padding: 0.5em 2em; margin: 25px auto; font-size: 18px; }
.modal-dialog button:hover { background: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; border: none; }
.modal-dialog input[type="submit"] { border: none; border-radius: 50px; background: #FF0055; color: #fafafa; padding: 1em 2em; font-size: 18px; font-weight: 400; text-align: center; text-transform: uppercase; display: inline-block; margin: 1em 0em 0; -webkit-transition: 0.3 ease all; transition: 0.3 ease all; display: block; width: 50%; font-size: 18px; margin: 25px 0; cursor: pointer; border-radius: 105px; }
.modal-dialog input[type="submit"]:hover { background: #578F57; color: #fafafa; text-decoration: none; }
.modal-header, .modal-footer { border-radius: 0; color: #FF0055; }
.modal-open { overflow: auto; padding-right: 0px !important; }
.modal-open .modal { padding-right: 0 !important; }
input#username { margin-bottom: 20px; }
#resetPasswordModal input[type="submit"] { width: 100%; }
/** END LOGIN FORM **/
section h1, section h2, section h3 { font-family: "Open Sans", sans-serif; text-align: center; }
section img { padding: 15px; border: 1px solid #FF0055; }
.section-b h1, .section-d h1, .section-b h3, .section-d h3 { color: #FF0055; }
.delay-1 { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
.delay-2 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay-3 { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.delay-4 { -webkit-animation-delay: 1s; animation-delay: 1s; }
.pd, .section-b, .section-d { padding: 100px 0; }
@media (max-width: 991px) { .pd, .section-b, .section-d { padding: 70px 0; } }
@media (max-width: 767px) { .pd, .section-b, .section-d { padding: 50px 0; } }
.box { background-color: rgba(0, 0, 0, 0.6); padding: 350px 0; }
@media (max-width: 1024px) { .box { padding: 250px 0; } }
@media (max-width: 767px) { .box { padding: 150px 0; } }
@media (max-width: 600px) { .box { padding: 100px 0; } }
.bg, .section-a, .section-c { background-position: center left; background-size: cover; background-repeat: no-repeat; }
.section-a { color: #fafafa; background-image: url("../img/bg1.jpg"); }
.section-a h1, .section-a h3 { color: white; }
.section-b { background-color: white; }
.section-c { color: #fafafa; background-image: url("../img/bg2.jpg"); background-position: top right !important; }
.section-c .box { background-color: rgba(0, 0, 0, 0.5); }
footer { padding: 50px 0px 10px; background: #FF0055; color: #fafafa; font-size: 15px; }
footer a { color: #fafafa; white-space: nowrap; font-size: 15px; }
@media (max-width: 990px) { footer a { font-size: 13px; } }
footer a:hover { color: white; outline: 0 !important; text-decoration: none; }
footer a:focus { color: #fafafa; outline: 0 !important; text-decoration: none; }
footer p { font-size: 15px; }
@media (max-width: 990px) { footer p { font-size: 13px; } }
input#username, input#password { width: 100%; }
@media (max-width: 1024px) { input#username, input#password { font-size: 16px; } }
select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; }
a, a:hover, a:focus, a:active { outline: 0 !important; }
.logo { max-height: 80px; padding: 1em; }
@media (max-width: 812px) and (orientation: landscape) { .logo { max-height: 60px; } }
@media (max-width: 767px) { .logo { max-height: 70px; }
  .navbar-header a { float: left; }
  .navbar-toggle { margin-top: 18px; } }
.top-pad { padding: 3em; background: white; }
@media (max-width: 990px) { .top-pad { padding: 1em; } }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (max-width: 1024px) { .flex { display: block; /* may need to be inline-block */ } }
.terms, .privacy { font-size: 1rem; }
.terms ol li, .privacy ol li { font-size: 1rem; }
.terms ol ol li, .privacy ol ol li { font-size: 0.85rem; }
.form-error { color: red; }
.form-error li { text-align: left !important; }
/* ÐX ADDITIONS */
.modal-footer { padding: 0 !important; }
.modal-dialog input { padding: 10px !important; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 0; font-weight: 700; line-height: 1; }
.navbar .container, .navbar .container-sm { max-width: 100% !important; width: 100% !important; }
.row { margin: 0 !important; }
.navbar-light .navbar-toggler { margin-top: 20px; margin-bottom: 20px; margin-right: 20px; }
.bgthis { background: rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 20px; }
.btn-animate { display: block; overflow: hidden; margin-bottom: 20px; }
section + section { margin-top: 0px; }
.navbar { padding: 0 !important; }
.navbar li > a { display: block !important; text-align: center !important; }
.navbar-nav { margin-left: 0; margin-right: 0; }
@media (min-width: 576px) { .navbar .container, .navbar .container-sm { max-width: 100% !important; }
  .navbar .d-flex .row { margin: 0 !important; } }
a, button, [class^="btn"], [type="submit"] { -webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important; }
a { color: #FF0055; }
.section-b img { margin-bottom: 1rem; }