/* ---------- HTML & BODY - BEGIN ---------------------------------------- */
html {
}
body {
    font-family: 'Montserrat', sans-serif;
    color: #251a1a;
    font-size: 18px;
    -webkit-overflow-scrolling: touch;
}
/* ---------- HTML & BODY - END ------------------------------------------ */
/* ---------- Set Montserrat font - BEGIN -------------------------------- */
p, a, span, input, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
/* ---------- Set Montserrat font - END ---------------------------------- */
/* ---------- Accessibility link - BEGIN --------------------------------- */
.f-accessibility-link {
    color: #000000; 
    background-color: #efefef;
    padding: 0.5rem;
    position: absolute !important;
    z-index: 2000;
}
/* ---------- Accessibility link - END ----------------------------------- */
/* ---------- Loading div with single color - BEGIN ---------------------- */
div#loading-div.single-color {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 2147473647;
    text-align: center;
    background-color: #000000;
}
div#loading-div.single-color img {
    max-width: 300px

}
/* ---------- Loading div with single color - END ------------------------ */
/* ---------- Backgrounds & colors - BEGIN ------------------------------- */
.bg-body {
    background-image: url(../files/images/products/0001/3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.bg-body::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.6;
}
.bg-blue-0 {
    background-color: #0b3b84;
}
/* ---------- Backgrounds & colors - END --------------------------------- */
/* ---------- Buttons - BEGIN -------------------------------------------- */

/* ---------- Buttons - END ---------------------------------------------- */
/* ---------- Scrolls - BEGIN -------------------------------------------- */
/* ---------- Scroll 0 ---------- */
.scroll-0 {
    overflow-y: auto;
}
/* width */
.scroll-0::-webkit-scrollbar {
  width: 6px;
}
/* Track */
.scroll-0::-webkit-scrollbar-track {
    background: #dadada; 
    border-radius: 4px;
}
/* Handle */
.scroll-0::-webkit-scrollbar-thumb {
    background: #ababab;
    border-radius: 4px;
    opacity: 1;
}
/* Handle on hover */
.scroll-0::-webkit-scrollbar-thumb:hover {
    background: #9c9c9c;
}
/* ---------- Scroll 1 ---------- */
.scroll-1 {
    overflow-y: auto;
}
/* width */
.scroll-1::-webkit-scrollbar {
  width: 10px;
}
/* Track */
.scroll-1::-webkit-scrollbar-track {
    background: #dadada;
    border-radius: 4px;
}
/* Handle */
.scroll-1::-webkit-scrollbar-thumb {
    background: #EB6167;
    border-radius: 4px;
    opacity: 1;
}
/* Handle on hover */
.scroll-1::-webkit-scrollbar-thumb:hover {
    background: #EB6100;
}
/* ---------- Scrolls - END ---------------------------------------------- */
/* ---------- General section - BEGIN ------------------------------------ */
.carousel-indicators li {
    opacity: 0.6;
    height: 10px;
    background-color: #0b3b84;
}
/* ---------- General section - END -------------------------------------- */
/* Extra small device. */
@media (max-width: 575px) {
    #main-container>div {
        height: auto !important;
    }
    #main-container>div>div {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}
/* Small device: sm */
@media (min-width: 576px) and (max-width: 767px) {
    #main-container>div {
        height: auto !important;
    }
    #main-container>div>div {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
}
/* Medium device: md */
@media (min-width: 768px) and (max-width: 991px) {
    
}
/* Large device: lg */
@media (min-width: 992px) and (max-width: 1199px) {
    
}
/* Extra large device: xl */
@media (min-width: 1200px) {
}
@media (min-width: 1300px) {
    
}
/* Browser: IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
}
/* Device: iPad */
@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px) and (orientation : portrait) {
    
}