@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap");
/* BACON 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: "Comfortaa", 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: 1.2em; font-weight: lighter; }
h1 { font-size: 2.44141rem; }
h1 { font-size: 29.29688px; }
@media screen and (min-width: 320px) { h1 { font-size: calc(29.29688px + 21.32812 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h1 { font-size: 50.625px; } }
h2 { font-size: 1.95312rem; }
h2 { font-size: 29.29688px; }
@media screen and (min-width: 320px) { h2 { font-size: calc(29.29688px + 21.32812 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h2 { font-size: 50.625px; } }
h3 { font-size: 1.5625rem; }
h3 { font-size: 23.4375px; }
@media screen and (min-width: 320px) { h3 { font-size: calc(23.4375px + 10.3125 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h3 { font-size: 33.75px; } }
section h1, section h2, section h3 { font-family: "Comfortaa", sans-serif; font-weight: 700 !important; line-height: 1.25 !important; }
body { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.flash { display: none; }
q, blockquote { quotes: "“" "”"; }
.navbar-default { background-color: rgba(0, 0, 0, 0.8); }
.navbarFixed { position: fixed; width: 100%; top: 0; z-index: 999; background-color: #0d0d0d; margin-bottom: 0; margin-top: 0; }
.special { background-color: rgba(0, 0, 0, 0.9); }
/* 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-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }
nav.navbar { z-index: 1000; border: none; border-radius: 0px; }
nav.navbar .navbar-nav > li > a, nav.navbar .navbar-nav > li > a:focus, nav.navbar .navbar-nav > li > a:active { text-align: center; margin-top: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fafafa; font-size: 1.2em; }
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: #fafafa; -webkit-box-shadow: 0 3px 0 0 #D55E6E; box-shadow: 0 3px 0 0 #D55E6E; }
.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 { background: #d55e6e !important; padding: 1em 2em; font-size: 1.2em; line-height: 1.5; font-weight: 400; text-align: center; text-transform: uppercase; display: inline-block; min-width: 150px; margin: 1em 0.5em; border: none !important; color: #fafafa !important; border-radius: 5px; text-decoration: none !important; }
.btn-default:hover { background: #5388bd !important; }
.modal-dialog { max-width: 300px; text-align: center; margin: 6em auto; background: -webkit-gradient(linear, left top, left bottom, from(rgba(213, 94, 110, 0.8)), to(rgba(213, 94, 110, 0.8))); background: linear-gradient(rgba(213, 94, 110, 0.8), rgba(213, 94, 110, 0.8)); }
@media (max-width: 812px) and (orientation: landscape) { .modal-dialog { margin: 0 auto; } }
.modal-dialog .close { display: none; }
.modal-dialog .modal-header { border: none; }
.modal-dialog .form-signin { font-size: 16px; font-weight: 300; padding: 24px; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; color: #000; }
.modal-dialog .form-signin input, .modal-dialog .form-signup input { color: #000; font-size: 13px; }
.modal-dialog .form-styling { width: 100%; height: 35px; padding-left: 15px; border: none; border-radius: 0px; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0.5); }
.modal-dialog label { font-weight: 400; text-transform: uppercase; font-size: 13px; padding-left: 15px; padding-bottom: 10px; color: #000; display: block; }
.modal-dialog :focus { outline: none; }
.modal-dialog .form-signin input:focus { background: rgba(255, 255, 255, 0.3); border: none; -webkit-transition: background 0.5s ease; transition: background 0.5s ease; }
.modal-dialog .btn-signin { float: left; padding-top: 8px; width: 100%; height: 45px; border: none; border-radius: 0px; background-color: #d04a5c; color: #fafafa !important; }
.modal-dialog a.btn-signin:hover { cursor: pointer; background-color: #5388BD; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; }
.modal-header, .modal-footer { background: #D55E6E; color: #fafafa; }
.modal-open { overflow: auto; padding-right: 0px !important; }
.modal-open .modal { padding-right: 0 !important; }
.modal-body { padding: 0; }
input#username { margin-bottom: 20px; }
/** END LOGIN FORM **/
.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; }
.box { background-color: rgba(0, 0, 0, 0.75); 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: 50px 0; } }
.bg, section { background-position: center center; background-size: cover; background-repeat: no-repeat; }
.section-a { color: #fafafa; background-image: url("../img/bg1.jpg"); }
.section-a .btn-default { margin: 5px; }
.section-b { background-image: url("../img/bg2.jpg"); }
.section-c { background-image: url("../img/bg3.jpg"); color: #fafafa; }
.section-d { background-image: url("../img/bg4.jpg"); color: #fafafa; }
footer { padding: 50px 0px 10px; background: #fafafa; color: #1a1a1a; font-size: 15px; }
footer a { color: #1a1a1a; white-space: nowrap; font-size: 15px; }
@media (max-width: 990px) { footer a { font-size: 13px; } }
footer a:hover { color: #1a1a1a; outline: 0 !important; text-decoration: none; }
footer a:focus { color: #000; 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: 0.5em; }
@media (max-width: 767px) { .logo { max-height: 60px; }
  .navbar-header a { float: left; }
  .navbar-toggle { margin-top: 12px; } }
.top-pad { padding: 6em 0; background: white; }
.top-pad a, .top-pad li, .top-pad p, .top-pad span { font-size: 0.9em; }
.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; }
/* Ð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; text-transform: capitalize; color: #D55E6E; }
.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; }
a, button, [class^="btn"], [type="submit"] { -webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important; }
a { color: #D55E6E; }
.navbar-default .navbar-toggle { border-color: #D55E6E !important; }
.navbar-default .navbar-toggle:focus { background-color: #D55E6E !important; }
.navbar-toggle { background: none !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fafafa !important; }
.terms h1, .privacy h1, .terms h2, .privacy h2 { font-size: 32px; font-weight: 700; }