@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
/* MAIN COLOR */
/* SECONDARY COLOR */
html, body { height: 100%; font-family: "Poppins", 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; } }
section h1, section h2, section h3 { font-family: "Poppins", sans-serif; }
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; }
q, blockquote { quotes: "“" "”"; }
/* 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; }
.logo { max-height: 100px; }
@media (max-width: 767px) { .logo { max-height: 60px; } }
nav { width: 100%; z-index: 2; top: 0; left: 0; }
nav.navbar { z-index: 1000; border: none; }
nav.navbar .navbar-nav > li > a.nav-link, nav.navbar .navbar-nav > li > a.nav-link:active, nav.navbar .navbar-nav > li > a.nav-link:focus { text-align: center; color: #000; margin-top: 0; font-size: 0.8rem; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-transition: all .3s ease; transition: all .3s ease; }
nav.navbar .navbar-nav > li > a.nav-link:hover, nav.navbar .navbar-nav > li > a.nav-link:active:hover, nav.navbar .navbar-nav > li > a.nav-link:focus:hover { background: #3A3AA0; color: #fff; }
a, a:hover, a:focus, a:active { outline: 0 !important; }
/** 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: #D91C5C; color: #fff; padding: 1em 2em; font-size: 0.9rem; text-align: center; text-transform: uppercase; letter-spacing: 1px; display: inline-block; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; border: none; margin-bottom: 1em; text-decoration: none !important; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.btn-default:active, .btn-default:focus, .btn-default:hover { background: #3A3AA0; color: #fff; }
.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 .close { color: #000; font-size: 1em; }
.modal-dialog .close:hover { color: #3A3AA0; }
.modal-dialog .modal-content { color: #3A3AA0; border-radius: 0; border-left: 10px solid #3A3AA0; }
.modal-dialog .modal-content h2 { text-align: center; }
.modal-dialog input { border: 1px solid #777; text-align: center; }
.modal-dialog label { color: #000; }
.modal-dialog input#username, .modal-dialog input#password { height: 45px; border: 1px solid #000; font-size: 16px; }
@media (max-width: 1024px) { .modal-dialog input#username, .modal-dialog input#password { font-size: 16px; } }
.modal-dialog input#username:focus, .modal-dialog input#password:focus { outline: #D91C5C; }
.modal-dialog input#username:active, .modal-dialog input#password:active { outline: #D91C5C; }
.modal-dialog button { background: transparent; margin-top: 5px; color: #fff; 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"] { background: #D91C5C; color: #fff; padding: 1em 2em; font-size: 0.9rem; text-align: center; text-transform: uppercase; letter-spacing: 1px; display: inline-block; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; border: none; margin-bottom: 1em; text-decoration: none !important; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ display: block; width: 100%; font-size: 18px; margin: 25px 0; cursor: pointer; }
.modal-dialog input[type="submit"]:active, .modal-dialog input[type="submit"]:focus, .modal-dialog input[type="submit"]:hover { background: #3A3AA0; color: #fff; }
.modal-header, .modal-footer { border-radius: 0; color: #3A3AA0; }
.modal-open { overflow: auto; padding-right: 0px !important; }
.modal-open .modal { padding-right: 0 !important; }
input#username { margin-bottom: 20px; }
/** END LOGIN FORM **/
span { font-weight: bold; }
.bg, .section, .section-b { background-size: cover; background-position: 40% center; padding: 150px 0; }
@media (max-width: 1024px) { .bg, .section, .section-b { padding: 100px 0; } }
@media (max-width: 768px) { .bg, .section, .section-b { padding: 75px 0; } }
@media (max-width: 600px) { .bg, .section, .section-b { padding: 50px 0; } }
.pd, .section-a, .section-b, .section-c, .section-d { padding: 150px 0; }
@media (max-width: 1024px) { .pd, .section-a, .section-b, .section-c, .section-d { padding: 100px 0; } }
@media (max-width: 767px) { .pd, .section-a, .section-b, .section-c, .section-d { padding: 50px 0; } }
img { border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.section { background-image: -webkit-gradient(linear, right top, left top, from(rgba(58, 58, 160, 0.5)), to(rgba(58, 58, 160, 0.7))), url("../img/bg1.jpg"); background-image: linear-gradient(-90deg, rgba(58, 58, 160, 0.5), rgba(58, 58, 160, 0.7)), url("../img/bg1.jpg"); color: #fff; }
.section img { padding: 10px; border: solid 2px #D91C5C; margin-bottom: 10px; -webkit-transition: 0.9s all ease; transition: 0.9s all ease; }
.section img:hover { border: 2px solid #fff; -webkit-transition: 0.9s all ease; transition: 0.9s all ease; }
.section-b { background-image: -webkit-gradient(linear, right top, left top, from(rgba(217, 28, 92, 0.5)), to(rgba(217, 28, 92, 0.7))), url("../img/bg1.jpg"); background-image: linear-gradient(-90deg, rgba(217, 28, 92, 0.5), rgba(217, 28, 92, 0.7)), url("../img/bg1.jpg"); color: #3A3AA0; }
.section-d { background-color: #D91C5C; color: #fff; }
footer { padding: 50px 0px 20px; background: #3A3AA0; color: #fff; font-size: 0.7rem; }
footer a { color: #fff; white-space: nowrap; font-size: 0.7rem; }
footer a:hover, footer a:focus { color: #fff; }
footer p { font-size: 0.7rem; }
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: ""; }
.top-pad { padding: 3em 0; background: white; }
@media (max-width: 990px) { .top-pad { padding: 1em; } }
.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; }
@media (min-width: 576px) { .modal-dialog { max-width: 350px; } }
.modal-dialog input { width: 100%; }
/* Dummy devices (replace them with your own or something else entirely!) */
.product-device { position: absolute; right: 10%; bottom: -30%; width: 300px; height: 540px; background-color: #333; border-radius: 21px; -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.product-device::before { position: absolute; top: 10%; right: 10px; bottom: 10%; left: 10px; content: ""; background-color: rgba(255, 255, 255, 0.1); border-radius: 5px; }
.product-device-2 { top: -25%; right: auto; bottom: 0; left: 5%; background-color: #e5e5e5; }
/* Extra utilities */
.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05); }
.flex-equal > * { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
@media (min-width: 768px) { .flex-md-equal > * { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } }
.overflow-hidden { overflow: hidden; }
.img-holder1 { background-image: url("../img/img7.jpg"); background-size: cover; background-position: center center; }
.img-holder2 { background-image: url("../img/img8.jpg"); background-size: cover; background-position: center center; }
/* ÐX ADDITIONS */
.modal-footer { padding: 0 !important; }
.modal-dialog input { padding: 10px !important; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 0; }
.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(255, 255, 255, 0.5); border-radius: 5px; padding: 20px; }
.btn-animate { display: block; overflow: hidden; margin-bottom: 20px; }
section + section { margin-top: 0px; }
.navbar li > a { display: block !important; text-align: center !important; }
.navbar-nav { margin-left: 0; margin-right: 0; }
p.card-text { margin: 0 !important; }
.logo { max-height: 60px; }
@media (max-width: 960px) { .section-b .col-lg-3:nth-of-type(1) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }