@charset "UTF-8";
/* CSS Document */

/* Custom css below this line */

body {
    background-color: #ffffff;
    color: #333333;
}

/* Customize the scrollbars */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.5);
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-button {
    background: rgba(0,0,0,0.8);
    display: none;
}
::-webkit-scrollbar-track {
  background: #f2f2f2;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.3);
  border-radius: 20px;
  border: 0 solid #f2f2f2;
}

/* Links */
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #929292;
}
/*
.grecaptcha-badge {
    visibility: hidden;
}
*/

/* Nav-bar */
.navbar-brand img {
    max-height: 50px;
}
.navbar {
    font-size: 1.5rem;
}
.nav-link {
    color: inherit;
}
.img-hide img {
    opacity: 0;
}
.nav-link:focus, .nav-link:hover {
    color: #929292;
}

/* Titles & Fonts */
body {
    font-family: 'Work Sans', sans-serif;
}
.font-one {
    font-weight: 800;
}

/* one */
.bg-one {
    background-color: #9f1e22;
    background-image: linear-gradient(45deg, #9f1e22, #66008c);
    color: #ffffff;
}
.btn-one {
    background-color: #9f1e22;
    background-image: linear-gradient(45deg, #9f1e22, #66008c);
    color: #ffffff;
}
.btn-one:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.color-one {
    color: #66008c;
}

/* two */
.bg-two {
    background-color: #222222;
    color: #ffffff;
}
.btn-two {
    background-color: #222222;
    color: #ffffff;
}
.btn-two:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* Backgrounds */
.bg-landing {
    background-image: url('../../images/img-landing.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 745px;
}
.bg-homepage {
    background-image: url('../../images/bg-homepage.jpg');
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.3)), url('../../images/bg-homepage.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
}

/* Hero section */
.section-hero {
    padding-top: 50px;
}
.bg-alert {
    background-color: #66008c;
    color: #ffffff;
}

/* Images */
.overlay {
    background-color: rgba(0,0,0,0.4);
    border-width: 0;
    margin: 0;
    width: 100%;
}
.frame-footer {
    margin-bottom: -1px;
}
/* Social Media */
.fa-facebook-f {
    color: #5d82d1;
}
.fa-instagram {
    color: #dc473a;
}
.fa-youtube {
    color: #ff0000;
}
.fa-twitter {
    color: #40bff5;
}
.fa-reddit {
    color: #ff4500;
}
.fa-tiktok {
    color: #ff0050;
}

/* Rounded cards */
.rounded-custom {
    border-radius: 25px !important;
}
.rounded-custom-top {
    border-radius: 25px 25px 0 0 !important;
}
.rounded-custom-bottom {
    border-radius: 0 0 25px 25px !important;
}

/* Forms */
.message-box {
    height: 150px !important;
}

/* Styling for special screen sizes */

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .box-stack {
        border-right: #111111 1px solid;
    }
    .section-hero {
        padding-top: 200px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}