.hero-section {
    background-color: #303b5f;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.blenu-action-button {
    background-color: #F66761;
    border-radius: 30px;
    border-color: #F66761;
    color: white;
    min-width: 185px;
}

.blenu-action-button:hover {
    background-color: #ed5b55;
    border-color: #ed5b55;
    border-radius: 30px;
    color: white;
}

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
}

@media (max-width: 767px) {
    input[type="submit"].btn-xs-block, input[type="reset"].btn-xs-block, input[type="button"].btn-xs-block {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .btn-block + .btn-xs-block, .btn-xs-block + .btn-block, .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    input[type="submit"].btn-sm-block, input[type="reset"].btn-sm-block, input[type="button"].btn-sm-block {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-block + .btn-sm-block, .btn-sm-block + .btn-block, .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    input[type="submit"].btn-md-block, input[type="reset"].btn-md-block, input[type="button"].btn-md-block {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-block + .btn-md-block, .btn-md-block + .btn-block, .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    input[type="submit"].btn-lg-block, input[type="reset"].btn-lg-block, input[type="button"].btn-lg-block {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .btn-block + .btn-lg-block, .btn-lg-block + .btn-block, .btn-lg-block + .btn-lg-block {
        margin-top: -1.5rem;
    }
}

.bg-col-sun-beds {
    background-image: url('/static/img/beach_beds.png');
    background-size: cover;
}

.bg-col-blue-frape {
    background-image: url('/static/img/middle_section_bg.png');
    background-size: cover;
}

@media (min-width: 992px) {
    .bg-col-blue-frape {
        background-image: url('/static/img/middle_section_bg.png');
        background-size: contain;
    }
}

.bg-navy-blue {
    background: rgba(48, 59, 95, 0.93);
}


@media (min-width: 992px) {
    .hidden-lg {
        display: none;
    }
}

.scan-max-height {
    max-height: 314px;
}

@media (max-width: 767px) {
    .beach-bed-image {
        display: none;
    }
}

@media (max-width: 767px) {
    .conditional-image {
        display: none;
    }
}

@media (min-width: 768px) {
    .beach-bed-image-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .conditional-image-mobile {
        display: none;
    }
}

.holidays-min-size {
    min-width: 18em;
}

@media (min-width: 992px) {
    .holidays-min-size {
        min-width: 23em;
    }
}

.mac-image {
    text-align: center !important;
}

@media (min-width: 768px) {
    .mac-image {
        text-align: left !important;
    }
}

.bg-blenu-orange {
    background-color: #F66761;
}

.bordered-container {
    border-radius: 30px;
}

.footer-logo {
    max-width: 200px;
}

.blenu-link {
    color: #F66761;
}

.blenu-link:hover {
    color: #F66761;
}

.footer-h {
    min-height: 325px;
}

.footer-site-link {
    color: #8296A5;
}

.footer-site-link:hover {
    color: #8296A5;
}

.text-light-gray {
    color: #8296A5;
}

body {
    font-family: 'Open Sans';
}

.orange-span {
    color: #F66761;
}

.underline-orange {
    border-bottom: 2px solid #F66761;
}

.btn {
    font-weight: 600;
    font-size: 18px;
}

h1, h2, h3 {
    font-weight: 700;
}

p {
    font-weight: 400;
    font-size: 18px;
}

li {
    font-weight: 400;
    font-size: 18px;
}

.select2-container .select2-selection--single {
    height: auto !important;
}

.select2-results {
    height: 257px;
    overflow-y: scroll;
}

.select2-selection__clear {
    float: right;
}

.select2-container--bootstrap4 {
}

.select2-container {
    min-width: 200px !important;
}

.main-header {
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 1.5em;
}

.section-margin {
    margin-top: 10em;
}

.section-margin-half {
    margin-top: 5em;
}


@media (min-width: 992px) {
    .right-section-image-width {
        min-width: 30em;
    }
}

@media (max-width: 350px) {
    .logo-img {
        width: 96%;
    }
}

.navbar-brand {
    width: 7em !important;
}

.mt-6 {
    margin-top: 6rem !important;
}

.mb-6 {
    margin-bottom: 6rem !important;
}

.btn-halo-orange {
    border: 5px solid rgba(246, 103, 97, 0.2);
    border-radius: 35px;
    width: fit-content;
}

.btn-halo-white {
    border: 5px solid rgba(255, 255, 255, 0.2);
    border-radius: 35px;
    width: fit-content;
}

.overflow-should-be-hidden {
    overflow: hidden !important;
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

/* background of the scrollbar except button or resizer */
body::-webkit-scrollbar-track {
    background-color: #fff;
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
    background-color: #F66761;
    border-radius: 16px;
    border: 3px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {
    display:none;
}