@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
/* BACON 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; } }
p { font-size: 1rem; }
h1 { font-size: 5.0625rem; }
h1 { font-size: 50.625px; }
@media screen and (min-width: 320px) { h1 { font-size: calc(50.625px + 44.34938 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h1 { font-size: 94.97438px; } }
h2 { font-size: 3.375rem; }
h2 { font-size: 50.625px; }
@media screen and (min-width: 320px) { h2 { font-size: calc(50.625px + 44.34938 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h2 { font-size: 94.97438px; } }
h3 { font-size: 2.25rem; }
h3 { font-size: 33.75px; }
@media screen and (min-width: 320px) { h3 { font-size: calc(33.75px + 17.5875 * ((100vw - 320px) / 1600)); } }
@media screen and (min-width: 1920px) { h3 { font-size: 51.3375px; } }
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: 80px; }
@media (max-width: 767px) { .logo { max-height: 50px; margin: 10px 0; } }
nav { width: 100%; z-index: 2; top: 0; left: 0; min-width: 320px !important; }
nav.navbar { z-index: 1000; border: none; }
nav.navbar .navbar-nav > li > a.nav-link, nav.navbar .navbar-nav > li > a.nav-link:focus, nav.navbar .navbar-nav > li > a.nav-link:active, nav.navbar .navbar-nav > li > a.nav-link:visited { display: block; text-align: center; background: #75c737; color: #fff; margin-top: 0; font-size: 0.8rem; border-radius: 50px; padding: 0.25em 1em; }
nav.navbar .navbar-nav > li > a.nav-link:hover, nav.navbar .navbar-nav > li > a.nav-link:focus:hover, nav.navbar .navbar-nav > li > a.nav-link:active:hover, nav.navbar .navbar-nav > li > a.nav-link:visited:hover { background: #0f715a; color: #fff; }
nav.navbar li { margin: 2px; }
a, a:hover, a:focus, a:active { outline: 0 !important; }
a { color: #75c737; }
a:hover { color: #0f715a; }
/** LOGIN FORM **/
.btn-default { background: #75c737; color: #fff; padding: 1em 2em; font-size: 0.9rem; text-align: center; text-transform: uppercase; display: inline-block; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; border: none; margin-bottom: 1em; border-radius: 50px; text-decoration: none !important; }
.btn-default:hover { background: #0f715a; color: #fff; }
.modal-dialog { max-width: 300px; text-align: center; margin: 6em auto; }
@media (max-width: 823px) and (orientation: landscape) { .modal-dialog { margin: 0 auto; } }
.modal-dialog .close { display: none; }
.modal-dialog .modal-content { color: #75c737; }
.modal-dialog .modal-content h2 { text-align: center; }
.modal-dialog input { border: 1px solid #777; text-align: center; }
@media (max-width: 1024px) { .modal-dialog input#username, .modal-dialog input#password, .modal-dialog input#email { font-size: 16px; } }
.modal-dialog button { background: transparent; margin-top: 10px; color: #fff; display: block; border: none; padding: 1em 2em; margin: 0 auto; font-size: 18px; }
.modal-dialog button:hover { background: transparent; color: #fff; -webkit-box-shadow: none; box-shadow: none; text-shadow: 0px 0px 3px #000; border: none; }
.modal-dialog input[type="submit"] { background: #75c737; color: #fff; padding: 1em 2em; font-size: 0.9rem; text-align: center; text-transform: uppercase; display: inline-block; -webkit-transition: 0.3s ease all; transition: 0.3s ease all; border: none; margin-bottom: 1em; border-radius: 50px; text-decoration: none !important; display: block; width: 100%; font-size: 18px; margin: 10px auto; }
.modal-dialog input[type="submit"]:hover { background: #0f715a; color: #fff; }
.modal-header, .modal-footer { background: #75c737; color: #fff; }
.modal-open { overflow: auto; padding-right: 0px !important; }
.modal-open .modal { padding-right: 0 !important; }
input#username { margin-bottom: 20px; }
/** END LOGIN FORM **/
section h1, section h2, section h3 { font-family: "Poppins", sans-serif; line-height: 1; font-weight: 600; }
span { font-weight: bold; }
img { border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
@media (min-width: 768px) { .pd, .section, .section-a, .section-b, .section-c { padding: 100px 0; } }
@media (max-width: 767px) { .pd, .section, .section-a, .section-b, .section-c { padding: 50px 0; } }
@media (min-width: 768px) { .section { padding: 250px 0; } }
.section { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.25))), url("../img/bg1.jpg"); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.25)), url("../img/bg1.jpg"); background-position: top center; background-size: cover; color: #fff; }
.section-a, .section-c { background: rgba(117, 199, 55, 0.15); border-bottom: 10px solid #0f715a; }
.section-a { background-color: #f2f2f2; }
.section-a img { padding: 5px; border: 1px solid #0f715a; margin-bottom: 10px; border-radius: 5px; }
.section-a img:hover { border: 1px solid #75c737; -webkit-transition: 0.9s all ease; transition: 0.9s all ease; }
.section-b { background-color: #e6e6e6; }
.section-c { color: #000; }
footer { padding: 50px 0px 20px; background: #0f715a; 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, input#email { width: 100%; }
@media (max-width: 1024px) { input#username, input#password, input#email { font-size: 16px; } }
select { -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; }
.top-pad { padding: 7em 1em; background: white; }
.top-pad .heading, .top-pad img { display: none; }
@media (max-width: 990px) { .top-pad { padding: 7em 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; }
.terms h1, .privacy h1 { font-size: 2.5rem; }
.terms h2, .terms h3, .privacy h2, .privacy h3 { font-size: 1.5rem; }
@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: top center; }
.img-holder2 { background-image: url("../img/img8.jpg"); background-size: cover; background-position: top center; }
.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; }
.section-c h3 { color: #0f715a; }
.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(117, 199, 55, 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; }
* { text-shadow: none !important; }