:root {
    --gold-gradient-background: linear-gradient(91.07deg, #F4BF3A 3.91%, rgba(255, 221, 152, 0.485486) 53.14%, #F4BF3A 99.59%);
    --platinum-gradient-background: linear-gradient(91.07deg, #A0A0A0 3.91%, rgba(151, 151, 151, 0.485486) 53.14%, #919191 99.59%);
    --basic-gradient-background: #E7E7E7;
    --hive-blue: #41C6F4;
    --hive-main-font: 'Poppins', sans-serif;
    --hive-red: #bf3152;
    --hive-gray: #bcbcbc;
    --hive-black: #000000;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

.toggle-multilang-content {
    display: none !important;
}

body {
    font-family: 'Poppins', sans-serif;
}

.fade-in {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.category-title {
    display: none;
           
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.hero-text-content p {
    line-height: 1.2;
    padding-top: 10px;
    font-size: 18px;
    margin: 0;
}


.learn-more-left {
    width: 230px;
    border: 1px solid #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /* padding-left: 20px; */
    margin-top: 40px;
    cursor: pointer;
}

.btn-hive {
    border: 2px solid black;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    padding: 9px 26px 9px 26px;
    background: transparent;
    font-weight: bold;
    font-size: 26px;
    color: black;
    border-radius: 0px;
    margin-left: 0px;
}

    .btn-hive:hover {
        color: black;
    }

.btn-hive-lighter {
    border: 1px solid black;
    font-size: 16px;
    font-weight: normal;
}

.btn-hive:disabled {
    cursor: not-allowed;
}

.learn-more-left p {
    padding: 0;
    margin: 0;
}

    .learn-more-left p a {
        color: white;
    }

        .learn-more-left p a:hover {
            text-decoration: none;
        }



.learn-more-right {
    width: 230px;
    border: 1px solid #000;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /* padding-left: 20px; */
    margin-top: 40px;
    cursor: pointer;
}

    .learn-more-right p {
        padding: 0;
        margin: 0;
    }

        .learn-more-right p a {
            color: black;
        }

            .learn-more-right p a:hover {
                text-decoration: none;
            }




h5 {
    font-size: 28px;
}

.h6, h6 {
    margin-bottom: 15px;
    letter-spacing: 1.6px;
    font-size: 21px;
}

.top-area {
    height: 50px;
    background: #41C6F4;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.menu-bcg {
    background-color: black;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
}

.menu {
    height: 94px;
    border-bottom: 2px inset var(--hive-gray);
    background-color: var(--hive-black);
}
.menu nav {
    text-align: center;
    
    background: black;
    text-transform: uppercase;
    
}

    .menu a {
        font-size: 14px;
    }
    .menu nav a {    
        color: var(--hive-white);
        font-size: 14px;
    }

        .menu nav a:hover {
            color: #57c8f3;
            transition: 0.2s;
        }
        
        .menu a span.badge {
            font-size: inherit;
        }
       
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.header-menu-button:hover {
    background-color: rgba(255,255,255,0.2);
    transition: 0.1s;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-right: 0px;
}


.menu > div > .col-xl-2 {
    padding-left: 5px;
    padding-right: 5px;
}


.header-menu-button {
    /* margin: 0px 14px;*/
    border: 1px solid white;
    color: white;
    text-align: center;
}

.points-bar {
    color: #e075c1;
    border-color: #e075c1;
    background-color: white;
}
/*menu line*/
.menu-line {
    display: grid;
    grid-template-columns: 1fr 179px 1fr;
    margin-top: 0px;
}
.menu-line > div {
    gap: 20px;
    display: flex;
}
.menu-line > div a {
    font-size: 16px;
    letter-spacing: 1.07px;
    text-decoration: none;
}
.menu-left {
    justify-content: right;
    padding-right: 10px;
}
.menu-right {
    justify-content: left;
    padding-left: 10px;
}
.menu-logo {
    position: relative;
}

.menu-logo {
    display: flex;
    gap: 20px;
}

    .menu-logo img {
        position: absolute;
        width: 100%;
        top: -30px;
        z-index: 3;
    }
    /*end of menu line*/
@media only screen and (max-width: 991px) {
    .menu-line > div a {
        font-size: 14px;
    }
}

    @media only screen and (max-width: 879px) {
        
        .top-menu, .top-menu a, .top-menu span {
            font-size: 13px;
        }

        .menu-line .menu-left a, .menu-line .menu-right a {
            display: none;
        }
    }
    .sub-menu {
        height: 0px;
        overflow: hidden;
        transition: height ease-in-out 1s;
    }
    .sub-menu a {
        font-size: 16px;
    }
    @media only screen and (max-width :767px) {
        .menu nav {
        }
        #main-menu.show-sub-menu {
            height: auto;
            
        }
            #main-menu.show-sub-menu .sub-menu {
                height: auto;
                margin-top: 6px;
            }
        .h767 {
            display:none;
        }
    }



    @media screen and (max-width :768px) and (min-width:576px) {
        .menu nav {
        }

        .hidden-sm {
            display: none;
        }
    }

    @media screen and (max-width:575px) {
        .hidden-xs {
            display: none;
        }
    }




    .bottom-line {
        background-image: url('../images/DividerLine@2x.png');
        height: 2px;
        background-position: left;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hero-section {
        background-image: url('../images/herobg.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        /*border-bottom: 3px solid white;*/
        color: white;
        min-height: 700px;
        position: relative;
    }

        .hero-section h1 {
            font-size: 61px;
            text-align: left;
        }

        .hero-section .inner-hero-left {
            width: 65%;
            margin-top: 50px;
            text-align: left;
            letter-spacing: 1.2px;
        }

        .hero-section .inner-hero-right {
            margin: 50px auto;
            color: black;
            width: 65%;
            letter-spacing: 1.2px;
        }

            .hero-section .inner-hero-right img, .hero-section .inner-hero-left img {
                width: 150px;
            }




    .hero-text-content {
        z-index: 10;
    }

    .avatar {
        /*	position: absolute;
    bottom: 0;
    width: 90%;
    left: 50%;
    right: 119px;*/
        position: absolute;
        bottom: 0;
        width: 90%;
        left: -45%;
        right: 119px;
    }

        .avatar img {
            /*
	    width: 100%;		
		right: 0;
		margin: auto;		
		position: relative;
		left: -50%;    */
            width: 75%;
            right: 0;
            margin: auto;
            position: relative;
            left: 67%;
        }

    /*
footer {
    background: black;
    color: white;
    padding: 10px 0;
    margin-top: 0px;
}

    footer .footer-heading {
        text-align: center;
    }

        footer .footer-heading h4 {
            color: #41c6f4;
            padding: 15px 0;
            font-size: 36px;
            letter-spacing: 2.74px;
        }

        footer .footer-heading p {
            color: #bcbcbc;
            font-size: 22px;
            height: 36px;
            letter-spacing: 1.68px;
            font-weight: 400;
        }


.social-container {
    width: fit-content;
    text-align: center;
}

.social-left {
    margin-top: 20px;
    text-align: center;
}

footer .social-left i {
    font-size: 20px;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
}

.social-right {
    margin-top: 20px;
    text-align: center;
}

footer .social-right i {
    font-size: 20px;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
}

footer .right-footer {
    text-align: -webkit-right;
}

footer .left-footer {
    border-right: 1px solid #ddd;
}

.footer-right-logo img {
    max-width: 150px;
    float: right;
}

footer .header-content {
    padding-bottom: 20px;
}


.contact-info {
    line-height: 1.2;
}

    .contact-info p {
        color: #bcbcbc;
        font-size: 16px;
        letter-spacing: 1.58px;
        font-weight: 300;
    }


.end {
    border-bottom: 1px solid #938c8c;
    border-top: 1px solid #938c8c;
    padding: 20px 0;
}*/

    button, input {
        padding: 8px 40px;
        overflow: visible;
        background: transparent;
        border: 1px solid white;
        text-align: left;
        font-family: 'Poppins', sans-serif;
        color: white;
        font-size: 18px;
    }


    .subs-cont {
        line-height: 0;
    }

        .subs-cont input {
            width: 290px;
            padding-left: 15px;
        }

    button {
        padding: 18px 40px;
        overflow: visible;
        background: transparent;
        border: 1px solid white;
        text-align: left;
        color: white;
        margin-left: 10px;
        cursor: pointer;
        font-size: 20px;
    }


    .checkbox {
        /*    display: flex;*/
        margin-top: 40px;
    }

        .checkbox input {
            background: transparent;
            width: auto;
            margin-right: 5px;
            margin-top: -6px;
        }

        .checkbox label {
            font-weight: 300;
            /* margin-top: 25px; */
            color: #bcbcbc;
            font-size: 18px;
            padding: 0;
            cursor: pointer
        }

    .copy-right {
        margin: 30px;
    }

        .copy-right p {
            font-size: 14px;
            color: #bcbcbc;
            font-family: 'Poppins';
            font-weight: 300;
        }

        .copy-right a {
            color: #41c6f4
        }


    @media screen and (max-width: 1200px) {

        .avatar img {
            width: 100%;
            position: relative;
            left: -0.5%;
            right: 0;
            margin: auto;
            /*top: 382px;*/
        }
    }


    @media screen and (max-width: 1024px) {

        .avatar img {
            width: 100%;
            position: relative;
            left: 55%;
            right: 0;
            margin: auto;
        }

        button {
            padding: 18px 40px;
            overflow: visible;
            background: transparent;
            border: 1px solid white;
            text-align: left;
            color: white;
            margin-left: 53px;
            margin-top: 15px;
        }

        .menu-line button {
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
        }
    }



    @media screen and (max-width:768px) {
        .hero-section h1 {
            font-size: 40px;
        }

        h5 {
            font-size: 24px;
        }

        .hero-text-content {
            width: 100%;
        }

        footer .left-footer {
            text-align: -webkit-center;
        }

        footer .right-footer {
            text-align: -webkit-center;
            margin-top: 30px;
        }

        .contact-info {
            line-height: 1.2;
            text-align: center;
        }

        .subs-cont {
            text-align: center;
        }


        footer .left-footer {
            text-align: -webkit-center;
            margin-top: 30px;
        }





        .inner-hero-right h1 {
            font-size: 40px;
            color: #fff;
        }

        .inner-hero-right h5 {
            font-size: 24px;
            color: #fff;
        }

        .inner-hero-right p {
            color: #fff;
        }


        .avatar {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: -50%;
            /* right: 119px; */
            text-align: center;
            /* overflow: auto;*/
        }

            .avatar img {
                width: 100%;
                position: relative;
                left: 50%;
                /* right: 6%; */
                margin: auto;
                /* top: 540px;*/
            }

        .hero-section .inner-hero-left, .hero-section .inner-hero-right {
            width: 100%;
            margin-top: 50px;
            text-align: justify;
        }

        .inner-hero-right img {
            content: url("../images/Group 2@2x.png");
        }

        /*
	.learn-more-right p a{color: white;}
	
	.learn-more-right{

    border: 1px solid white;
}*/


        button {
            padding: 18px 40px;
            overflow: visible;
            background: transparent;
            border: 1px solid white;
            text-align: left;
            color: white;
            margin-left: 10px;
            margin-top: 15px;
        }

        .checkbox {
            width: max-content;
        }
    }



    .padding-left-5 {
        padding-left: 5px;
    }

    .padding-right-5 {
        padding-right: 5px;
    }


    @media screen and (max-width:500px) {
        .top-area {
            height: 62px;
        }
    }


    @media screen and (max-width:769px) {


        .social-container {
            width: inherit !important;
        }
    }

    @media screen and (max-width:420px) {
        .hero-section h1 {
            font-size: 45px;
        }



        h5 {
            font-size: 24px;
        }

        .hero-text-content {
            width: 100%;
        }

        footer .left-footer {
            text-align: -webkit-center;
        }

        footer .right-footer {
            text-align: -webkit-center;
            margin-top: 30px;
        }

        .contact-info {
            line-height: 1.2;
            text-align: center;
        }

        .subs-cont {
            text-align: center;
            line-height: 1;
        }


        footer .left-footer {
            /*display: none;*/
        }


        .footer-right-logo {
            text-align: center;
            margin-top: 20px;
        }

            .footer-right-logo img {
                max-width: 250px;
                float: none;
            }






        #content h1 {
            font-size: 45px;
            color: #fff;
        }

        #content h5 {
            font-size: 24px;
            color: #fff;
        }

        #content p {
            color: #fff;
        }

        .avatar {
            left: -50%;
            /* right: 0; */
            width: 100%;
        }

            .avatar img {
                width: 100%;
                position: relative;
                left: 50%;
                /* right: 0; */
                margin: auto;
                /* top: 667px;*/
            }

        .hero-section .inner-hero-left, .hero-section .inner-hero-right {
            width: 100%;
            margin-top: 50px;
            text-align: justify;
        }


        .inner-hero-right img {
            content: url("../images/Group 2@2x.png");
        }

        .learn-more-right p a {
            color: white;
        }

        .learn-more-right {
            border: 1px solid white;
        }


        button {
            padding: 18px 40px;
            overflow: visible;
            background: transparent;
            border: 1px solid white;
            text-align: left;
            color: white;
            margin-left: 10px;
            margin-top: 15px;
        }

        .copy-right p {
            font-size: 10px;
            color: #eee;
            font-family: 'Poppins';
            font-weight: 300;
        }

        .checkbox {
            justify-content: center;
            width: auto;
        }

            .checkbox label {
                font-size: 13px;
            }

        .social-container {
            text-align: center;
        }
    }

    .padding-top-100 {
        padding-top: 100px;
    }

    .thumb-product {
    }

    .roboto-8-white-bold {
        font-family: 'Poppins', sans-serif;
        font-size: 8px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
        font-weight: 600;
        margin-top: 23px;
    }

    .roboto-5-white {
        font-family: 'Poppins', sans-serif;
        font-size: 4px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
    }

    .no-underline:hover {
        text-decoration: none;
    }

    /*new footer*/

    footer {
        font-family: 'Poppins', sans-serif !important;
        width: 100%;
        background-color: black;
        padding-top: 41px;
        color: white;
        letter-spacing: 1.68px;
    }

        footer > div {
            padding-left: 10px;
            padding-right: 10px;
        }

        footer h5 {
            font-weight: bold;
            font-size: 18px;
            text-align: center;
        }

        footer p {
            font-family: 'Poppins', sans-serif;
        }

        footer .container {
            display: flex;
            flex-direction: column;
        }

        footer .footer-header {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            footer .footer-header h4 {
                color: #41c6f4;
                text-transform: uppercase;
                font-size: 36px;
                font-weight: bold;
                letter-spacing: 2.75px;
                text-align: center;
            }

            footer .footer-header p {
                color: #bcbcbc;
                font-size: 22px;
                font-weight: normal;
                letter-spacing: 1.68px;
                text-align: center;
            }

        footer .footer-social {
            display: flex;
            flex-direction: row;
            justify-content: center;
            margin-bottom: 20px;
        }

        footer .realestate-social {
            justify-self: flex-start;
        }

        footer .insurance-social {
            justify-self: flex-end;
        }

        footer .footer-links {
            display: flex;
            justify-content: center;
            gap: 30px;
        }

            footer .footer-links a {
                font-size: 30px;
                color: white;
            }

        footer .footer-end-container {
            border-top: 1px solid #938c8c;
            border-bottom: 1px solid #938c8c;
        }

        footer .footer-end {
            display: grid;
            padding-top: 25px;
            padding-bottom: 25px;
            grid-template-columns: 200px 1fr 200px;
            grid-template-areas: "start middle end";
            grid-template-rows: auto;
        }

        footer .footer-buzzer {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            text-align: center;
        }

            footer .footer-buzzer h6 {
                font-size: 18px;
                font-weight: bold;
                letter-spacing: 1.68px;
            }

        footer .footer-buzzer-info {
            font-size: 14px;
            color: white;
            font-family: 'Poppins', sans-serif;
            font-weight: normal;
        }

        footer .footer-buzzer button {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 18px;
            background: transparent;
            color: white;
            font-family: 'Poppins', sans-serif;
            padding: 5px 30px 5px 30px;
            margin-top: 10px;
            margin-bottom: 20px;
        }


    .footer-contact-info {
        min-width: 200px;
    }

        .footer-contact-info h5 {
            text-align: left;
        }

    footer .footer-contact-info p, footer .footer-contact-info a {
        font-weight: lighter;
        font-size: 16px;
        color: white;
        text-decoration: none;
    }

    footer .footer-logo {
        text-align: right;
        min-width: 200px;
    }

    footer .footer-bottom p {
        font-size: 13px;
        text-align: center;
        padding: 20px 10px 20px 10px;
        font-weight: normal;
        font-family: 'Poppins', sans-serif;
        color: #bcbcbc;
        margin-bottom: 0px;
    }

    footer .footer-bottom > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

        footer .footer-bottom > div a, footer .footer-bottom > p a {
            font-family: 'Poppins', sans-serif;
            color: #bcbcbc;
            text-decoration: none;
        }

            footer .footer-bottom > div a:hover, footer .footer-bottom > p a:hover {
                color: #41c6f4;
            }

    footer .footer-bottom div div:first-child {
        text-align: right;
    }

    footer .footer-bottom div div:last-child {
        text-align: left;
    }

    @media only screen and (max-width: 766px) {
        footer .footer-end {
            display: grid;
            padding-top: 25px;
            padding-bottom: 25px;
            grid-template-columns: 1fr 1fr;
            grid-template-areas: "one one" "two three";
            grid-template-rows: auto;
            row-gap: 20px;
            ;
        }

        footer .footer-buzzer {
            grid-area: one
        }

        footer .footer-contact-info {
            grid-area: two;
        }

        footer .footer-logo {
            grid-area: three;
        }
    }

    @media only screen and (max-width: 534px) {
        footer .footer-header h4 {
            font-size: 23px;
        }

        footer .footer-social {
            flex-direction: column;
            row-gap: 30px;
        }

        footer .footer-end {
            display: grid;
            padding-top: 25px;
            padding-bottom: 25px;
            grid-template-columns: 1fr;
            grid-template-areas: "one" "two" "three";
            grid-template-rows: auto;
            row-gap: 30px;
        }

        footer .footer-buzzer {
            grid-area: one
        }

        footer .footer-contact-info h5 {
            text-align: center;
        }

        footer .footer-contact-info {
            grid-area: two;
            text-align: center;
        }

        footer .footer-logo {
            grid-area: three;
            text-align: center;
        }
    }
    /*end of new footer*/
    /*start of the new category menu*/
    .category-top {
        padding-top: 70px;
    }

    @media only screen and (max-width: 764px) {
        .category-top {
            padding-top: 50px;
        }
    }

    @media only screen and (max-width: 412px) {
        .category-top {
            padding-top: 40px;
        }
    }

    .no-padding-left {
        padding-left: 0px;
    }

    .no-padding-right {
        padding-right: 0px;
    }


    .category-header {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 40px;
        column-gap: 10px;
        margin-bottom: 10px;
    }

    .category-menu {
        flex-grow: 1;
        display: flex;
        column-gap: 20px;
        height: 100%;
        align-items: center;
    }

        .category-menu a {
            text-decoration: none;
            text-transform: uppercase;
            font-size: 18px;
            color: black;
        }

            .category-menu a.category-active {
                color: #41c6f4;
            }

    .category-type-selector {
        display: flex;
        justify-self: right;
        gap: 10px;
        flex-direction: row;
        justify-content: flex-end;
    }

        .category-type-selector a {
            color: #41c6f4;
            padding: 5px 25px 5px 25px !important;
            font-size: 20px;
            box-shadow: 0px 2px 4px #b3b3b33d, 0px 1px 2px #1b4ea33d;
            border-radius: 4px;
        }

    a.menu-display-type-inactive {
        background-color: #eeeeee;
        box-shadow: none;
        color: #787885 !important;
    }

    .category-menu-dropdown button {
        color: black;
        margin-left: -6px;
        margin-top: 0px;
        font-size: 14px;
        box-shadow: 0px 2px 4px #b3b3b33d, 0px 1px 2px #1b4ea33d;
        color: #41c6f4;
        padding-top: 7px;
        padding-bottom: 8px;
    }

    .category-menu-dropdown a {
        color: black;
        text-transform: uppercase;
        font-size: 18px;
    }

    .menu-block-more {
        display: none;
        flex-grow: 1;
    }

    .restricted-image-holder {
        width: 100%;
        position: relative;
    }

    .restricted-image-text {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .restricted-image-text div {
            padding: 20px;
            color: white;
            font-size: 39px;
            /*text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;*/
            text-shadow: 2px 2px 2px black;
            text-align: center;
            font-weight: bold;
        }

    .cursor-pointer {
        cursor: pointer;
    }

    @media only screen and (max-width: 767px) {
        .restricted-image-text div {
            font-size: 29px;
        }
    }

    @media only screen and (max-width: 461px) {
        .restricted-image-text div {
            font-size: 20px;
        }
    }

    @media only screen and (max-width: 1327px) {
        .category-menu {
            column-gap: 10px;
        }

            .category-menu a {
                font-size: 16px;
            }
    }

    @media only screen and (max-width: 991px) {
        .category-menu {
            /*column-gap: 10px;*/
        }
    }

    @media only screen and (max-width: 1152px) {
        .menu-block-less {
            display: none;
        }

        .menu-block-more {
            display: flex;
        }

        #calendar_container {
        }
    }

    .search-bar-holder {
        width: 30px;
    }

    .view-grid {
        align-items: center;
        display: flex;
        height: 28px;
        justify-content: center;
        margin-left: 1px;
        /* width: 28px;*/
        position: relative;
    }

        .view-grid > img {
            height: 18px;
            width: 18px;
            z-index: 3;
            position: absolute;
            right: 0;
        }

    .search-form-wrapper {
        display: none;
        /*position: absolute;*/
        left: 0;
        right: 0;
        padding: 20px 15px;
        margin-top: 50px;
    }


        .search-form-wrapper.open {
            display: block;
        }

    #txt-search {
        margin-bottom: 20px;
    }

    #divMainSearch {
        border-radius: 10px;
        max-width: 386px;
        width: 386px;
    }

        #divMainSearch ol {
            list-style-type: none;
        }

            #divMainSearch ol li {
                overflow: hidden;
                white-space: nowrap;
                padding-left: 0px;
                font-size: 16px;
                border-bottom: 1px dotted rgb(0, 255, 0, 0.3);
            }

                #divMainSearch ol li:last-child {
                    border-bottom: 0px;
                }

                #divMainSearch ol li a {
                    font-size: 16px;
                    box-shadow: none;
                    padding-left: 10px !important;
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                #divMainSearch ol li:first-child a {
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                }

                #divMainSearch ol li a:hover {
                    background-color: #3ac6f4;
                    color: #555;
                    text-decoration: none;
                }

                #divMainSearch ol li a span {
                    padding-left: 10px;
                }

                    #divMainSearch ol li a span:last-child {
                        opacity: 0.5;
                    }

    #txt-search {
        margin-bottom: 5px;
    }

    span.search-instructions {
        margin-bottom: 25px;
    }

    li.search-empty-set {
        text-align: center;
        font-size: 16px;
        color: #3ac6f4;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    a.search-more {
        text-align: center;
    }

    .padding-top-10 {
        padding-top: 10px;
    }

    .padding-top-20 {
        padding-top: 20px;
    }

    .padding-top-30 {
        padding-top: 30px;
    }

    .testPartial {
        position: relative;
    }

    .search-hover input {
        outline: none;
        background-size: 22px;
        background-position: 13px;
        border-radius: 10px;
        width: 0px;
        height: 50px;
        padding: 10px;
        transition: all 0.5s;
        z-index: 2;
        position: absolute;
        right: 0;
    }

        .search-hover:hover input, .search-hover input:focus {
            border: 1px solid #ccc;
            background-color: white;
            color: black;
            width: 386px;
            padding: 25px;
        }

    .search-hover img {
        right: 10px;
    }

    .search-hover:hover img {
        right: 10px;
    }

    @media only screen and (max-width: 460px) {
        .category-menu-dropdown button {
            font-size: 14px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .category-type-selector a {
            color: #41c6f4;
            padding: 5px 10px 5px 10px !important;
        }

        .search-hover:hover input, .search-hover input:focus {
            max-width: 320px;
        }
    }

    .main-search-container:hover ~ div #txtMainSearch {
        border: 1px solid #ccc;
        background-color: white;
        color: black;
        width: 386px;
        padding-left: 50px;
        margin-left: -267px;
    }



    .product-search-item, .product-search-item-note {
        border-bottom: 1px solid #dedede;
        padding: 13px;
        color: #fff;
    }


        .product-search-item > a {
            color: #fff;
            font-size: 1.05em;
            text-decoration: none;
            margin-left: 10px;
        }

            .product-search-item-note > a:hover, .product-search-item > a:hover, .product-search-item > a:focus {
                color: #FF8000;
            }

    .product-search-item-note {
        background-color: #dedede;
    }

        .product-search-item-note > a {
            color: #0060BB;
            text-decoration: none;
        }


    .search-bar-top {
        position: relative;
    }

        .search-bar-top .input-group-addon {
            color: #fff;
            background-color: #2070C1;
        }


    .main-search-container {
        background-color: #555;
        right: 0px;
        top: 36px;
        margin-top: 5px;
        position: absolute;
        width: 300px;
        z-index: 100;
    }
    /* end of
        the new category menu */


    /*calendar css*/
    #calendar_container {
        /*max-width: 1400px;*/
        /*margin-bottom: 100px;
    margin-top: 100px;*/
        margin-bottom: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 12px;
    }

        #calendar_container h3 {
            color: white;
        }


    .calendar-item {
        display: flex;
        flex-direction: column;
        background-color: #5959d8;
        min-height: 461px;
        color: white;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 300;
        box-sizing: border-box;
    }

        .calendar-item a.register-button {
            color: white;
            font-weight: bold;
            width: 100%;
            margin-bottom: 30px;
            padding: 18px 5px 18px 5px;
            border: 2px solid white;
            border-radius: 0px;
            float: left;
        }

    .calendar-item-header {
        display: flex;
        flex-direction: row;
        padding-top: 19px;
    }

    .calendar-item-date {
        flex-grow: 0.5;
    }

    .calendar-item-large-day {
        font-size: 36px;
        font-weight: bold;
    }

    .calendar-item-type {
        flex-grow: 1;
        text-align: right;
    }

        .calendar-item-type span {
            font-size: 18px;
            background-color: black;
            padding: 7px 12px 7px 12px;
        }


    .calendar-item-name {
        flex-grow: 1;
        padding-top: 30px;
    }

        .calendar-item-name h3 {
            font-weight: bold;
            /*font-size: 36px;*/
            font-size: 28px;
            word-break: break-word;
        }

    .calendar-item > div {
        margin-left: 20px;
        margin-right: 20px;
    }

    .calendar-item-presenter {
        margin-bottom: 11px;
    }

        .calendar-item-presenter a {
            color: white !important;
            text-decoration: none;
        }

    .calendar-item-time {
        padding-bottom: 30px;
        display: flex;
        align-items: center;
        gap: 10px;
    }



    @media only screen and (max-width: 1299px) {
        .calendar-item > div {
            margin-left: 10px;
            margin-right: 10px;
        }

        .calendar-item-name h3 {
            font-weight: bold;
            font-size: 28px;
        }
    }

    @media only screen and (max-width: 1199px) {
        .calendar-item-time {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 992px) {
        #calendar_container {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }

    @media only screen and (max-width: 768px) {
        #calendar_container {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        #calendar_container {
            grid-template-columns: 1fr 1fr;
        }

        .calendar-item-time {
            font-size: 18px;
        }
    }

    @media only screen and (max-width: 480px) {

        #calendar_container {
            grid-template-columns: 1fr;
        }
    }

    .catalog-products {
        display: grid;
        column-gap: 12px;
        row-gap: 12px;
        grid-template-columns: repeat(3, 1fr);
        font-size: 14px;
    }

        .catalog-products > div {
            padding-left: 0px;
            padding-right: 0px;
        }

    .product {
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        display: flex;
        flex-direction: column;
    }

    .p-details {
        display: flex;
        flex-direction: row;
        min-height: 200px;
        flex-grow: 1;
    }
    /* reward rating section*/
    .p-reward-rating {
        display: flex;
        flex-direction: column;
        max-width: 194px;
        flex-grow: 1;
        background: #f8f8f8;
        padding-left: 10px;
        padding-right: 10px;
    }

    .p-reward {
        text-align: center;
        align-items: center;
        flex-grow: 1;
        padding-top: 20px;
        font-weight: 600;
    }

        .p-reward img {
            margin-bottom: 10px;
        }

    .p-rating {
        text-align: center;
        margin-bottom: 20px;
        font-size: 12px;
    }

    /*end of rating reward section */
    /*pricing section*/
    .p-info {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .p-pricing {
        display: flex;
        flex-direction: column;
        padding-top: 24px;
        flex-grow: 1;
        justify-content: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    #variants-holder div {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
    }

        .p-pricing span, #variants-holder div span {
            align-self: center;
            padding: 5px 20px 5px 20px;
            text-align: center;
        }

            .p-pricing span.p-active-variant {
                background: #3ac6f4;
                border-radius: 43px;
                font-weight: bold;
            }

            .p-pricing span.p-customer-level {
                border-radius: 43px;
                font-weight: bold;
                margin-top: 10px;
            }

            .p-pricing span.p-customer-level-platinum {
                background: var(--platinum-gradient-background);
            }

            .p-pricing span.p-customer-level-gold {
                background: var(--gold-gradient-background);
            }

            .p-pricing span.p-customer-level-wcr {
                background: var(--basic-gradient-background);
            }

    /*end of pricing section*/
    /*access section*/

    .p-access {
        text-align: center;
    }

        .p-access a {
            border: 2px solid black;
            margin-bottom: 20px;
            margin-top: 20px;
            text-transform: uppercase;
            padding: 13px;
            background: transparent;
            font-weight: bold;
            color: black;
            border-radius: 0px;
        }

            .p-access a:hover {
                background-color: #3ac6f4;
            }

        .p-access p {
            padding: 0px 10px 0px 10px;
        }
    /*end of access section */
    .p-dimmed {
        opacity: 0.4;
    }

    @media only screen and (max-width: 1150px) {


        .p-pricing span {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 945px) {
        .catalog-products {
            grid-template-columns: repeat(2, 1fr);
        }

        .p-pricing span {
            padding: 5px 10px 5px 10px;
        }
    }


    @media only screen and (max-width: 709px) {
        .p-pricing span {
            padding: 5px 10px 5px 10px;
        }
    }

    @media only screen and (max-width: 650px) {
        .catalog-products {
            grid-template-columns: repeat(1, 1fr);
        }

        .p-pricing span {
            padding: 5px 30px 5px 30px;
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 370px) {
        .p-pricing span {
            padding: 5px 5px 5px 5px;
        }
    }


    .background-superhero {
        background-image: url(../images/superhero.png);
        background-size: cover; /* <------ */
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 100%;
    }

    .background-mapa {
        background-image: url(../images/mapa.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 100%;
        background-color: #f8f9fd;
    }

    .background-pink {
        background-image: url(../images/pink_bcg.png);
        background-size: cover; /* <------ */
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 100%;
    }

    .olark-launch-button {
        text-align: center;
    }

    .load-more-container {
        display: flex;
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }

    .list-product-image {
        overflow: hidden;
    }

        .list-product-image img {
            max-width: 100%;
        }

    .bpop-modal .modal-header {
    }

    .noti-info .modal-header {
        background: #3ac6f4;
    }

    .noti-warn .modal-header {
        background: #ef438d;
    }

    .bpop-modal .modal-header h5 {
        font-size: 16px;
    }

    .bpop-modal .modal-footer button {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 5px 16px 5px 16px;
        font-size: 16px;
    }

    .vimeo-wide .modal-dialog {
        max-width: 95vw;
    }

    vimeo-wide .modal-header {
        background: #3ac6f4;
    }

    @media only screen and (max-width: 400px) {
        #divMainSearch {
            border-radius: 10px;
            max-width: 386px;
            width: 340px;
        }
    }

    .section-disabled {
        opacity: 0.5;
        pointer-events: none;
        cursor: not-allowed;
    }

    .menu .top-menu {
        background-color: black;
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: space-between;
        height: 55px;
        align-items: center;
    }

    .menu .top-menu-md {
        height: 40px;
    }

    .menu .top-menu a {
        text-transform: uppercase;
        color: white;
        text-decoration: none;
        position: relative;
    }

        .menu .top-menu a:HOVER {
            color: #41C6F4
        }


        .menu .top-menu a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 0.05em;
            background-color: #41C6F4;
            opacity: 0;
            transition: opacity 300ms, transform 300ms;
        }

        .menu .top-menu a:hover::after, .menu .top-menu a:focus::after {
            opacity: 1;
            transform: translate3d(0, 0.2em, 0);
        }

        .menu .top-menu a::after {
            opacity: 1;
            transform: scale(0);
            transform-origin: center;
        }

        .menu .top-menu a:hover::after, a:focus::after {
            transform: scale(1);
        }
    /*link animation*/

    .menu .top-menu > div {
        display: flex;
        gap: 20px;
    }

        .menu .top-menu > div:first-child {
            padding-left: 10px;
        }

        .menu .top-menu > div:last-child {
            padding-right: 10px;
        }

    .menu, top-menu > div > div.points-holder {
        color: white;
    }

    .points-holder {
        font-size: 14px;
    }

    .menu .top-menu > div div > span.points {
        font-weight: bold;
        display: inline-block;
        color: black;
        background-color: #41C6F4;
        padding: 0px 10px 0px 10px;
        border-radius: 10px;
    }

    span.subscription-level-menu-badge {
        display: inline-block;
        padding: 0px 10px 0px 10px;
        border-radius: 10px;
        color: black;
        font-weight: 700;
        text-transform: uppercase;
    }

    span.slb-gold {
        background: var(--gold-gradient-background);
    }

    span.slb-platinum {
        background: var(--platinum-gradient-background);
    }

    span.slb-basic {
        background: var(--basic-gradient-background);
    }
    /*.menu .top-menu a.border-gold::after {
        background: var(--gold-gradient-background);
    }
    .menu .top-menu a.border-gold::after {
        background: var(--platinum-gradient-background);
    }*/
    @media only screen and (max-width: 1140px) {
        .menu .top-menu a, .menu .top-menu span, .menu .top-menu div {
            font-size: 14px;
        }
    }

    .h879 {
        display: none;
    }

    @media only screen and (max-width: 879px) {
        .menu .top-menu > div {
            gap: 10px;
        }

        .menu .top-menu a, .menu .top-menu span, .menu .top-menu div {
            font-size: 13px;
        }

        .h879 {
            display: block;
        }

        .menu-left {
            justify-content: left;
            margin-left: 25px;
        }

        .menu-top-menu
        .menu .top-menu a, .menu .top-menu span, .menu .top-menu div {
            font-size: 13px;
        }

        .menu-left button {
            padding: .20rem .75rem;
            margin-top: -6px;
        }
    }

    @media only screen and (max-width: 870px) {
        .h870 {
            display: none;
        }
    }

    div.sTour {
        box-sizing: border-box;
        position: absolute;
        z-index: 9998;
        box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6);
        pointer-events: none;
        font-family: var(--hive-main-font);
        font-size: 18px;
    }

    div.sTour-block {
        box-sizing: border-box;
        position: absolute;
        z-index: 9999;
        border: 1px solid gray;
        min-width: 300px;
        min-height: 150px;
        max-width: 400px;
        width: 100%;
        background-color: white;
        display: flex;
    }

        div.sTour-block .sTour-box {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            padding: 15px;
            content: "";
        }

            div.sTour-block .sTour-box .sTour-content {
                flex-grow: 1;
                overflow: auto;
                font-size: 18px;
            }

            div.sTour-block .sTour-box .sTour-footer {
                height: 30px;
                border-top: 1px solid gray;
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }

                div.sTour-block .sTour-box .sTour-footer button {
                    padding: 0px 10px 0px 10px;
                    background-color: var(--hive-blue);
                }

        div.sTour-block .sTour-arrow {
            content: "";
            position: absolute;
            height: 20px;
            width: 20px;
            background-color: white;
            transform: rotate(45deg);
            top: -10px;
            left: 5px;
        }

    [data-hive-popup] {
        cursor: pointer;
    }

    a.closing-gifts {
        color: #ffcd00 !important;
    }

    @media only screen and (max-width: 991px) {
        .h991 {
            display: none;
        }
    }

    @media only screen and (max-width: 870px) {
        .h870 {
            display: none;
        }
    }

    @media only screen and (max-width: 867px) {
        .h867 {
            display: none;
        }
    }

    @media only screen and (max-width: 440px) {
        .menu .top-menu a, .menu .top-menu span, .menu .top-menu div {
            font-size: 12px;
        }
    }




    /*
.product-details {
    border: 1px solid #dedede;
    border-radius: 3px;
    margin-bottom: 30px;
    color: #747474;
    position: relative;
    min-height: 190px;
}

    .product-details .product-thumb-wrap {
        float: left;
        width: 50%;
        height: auto;
        overflow: hidden;
        border-right: 1px solid #b5b5b5;
    }


    */
    .product-title {
        font-weight: bold;
        font-size: 0.9em;
    }

    .product-points {
        background-color: #007bc1;
        border-radius: 3px;
        color: #fff;
        font-size: 0.8em;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        position: absolute;
        right: 3px;
        top: 3px;
    }

    .product-rating-container {
        bottom: 20px;
        position: absolute;
        right: 5px;
    }

    .border-top {
        border-top: 1px solid #dedede;
    }

    .clear-both {
        clear: both;
    }

    .product-duration {
        float: right;
        font-size: 0.9em;
        padding-right: 3px;
    }

    .product-price {
        font-size: 0.9em;
        padding-left: 3px;
    }

    .ui-widget-content a {
        color: #222222;
    }

    .product-container-grid .product-title {
        margin-top: 10px;
        width: 100%;
        height: 25px;
        color: black;
        font-size: 16px;
    }

    .product-container-grid a:hover {
        color: #fb901e;
        text-decoration: underline;
    }

    .product-container-grid img {
        width: 100%;
    }

    .product-container-grid {
        margin-top: 15px;
    }

    .album-title {
        color: black;
        font-size: 20px;
    }

    .product-container-grid .content-description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }


    /*page loader*/
    #page-loader {
        display: none;
    }

    .lds-ring {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
        margin-left: 50%;
        transform: translateX(-40px);
    }

        .lds-ring div {
            box-sizing: border-box;
            display: block;
            position: absolute;
            width: 64px;
            height: 64px;
            margin: 8px;
            border: 8px solid #bf3152;
            border-radius: 50%;
            animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            border-color: #bf3152 transparent transparent transparent;
        }

            .lds-ring div:nth-child(1) {
                animation-delay: -0.45s;
            }

            .lds-ring div:nth-child(2) {
                animation-delay: -0.3s;
            }

            .lds-ring div:nth-child(3) {
                animation-delay: -0.15s;
            }

    @keyframes lds-ring {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
    /* end of page loader*/

    /* subscriptions */
    .dashboard-subscriptions {
        margin-left: 20px;
        margin-right: 20px;
    }

        .dashboard-subscriptions > div {
            padding-left: 0px;
            padding-right: 0px;
        }

        .dashboard-subscriptions table {
            width: 100%;
            max-width: 100%;
        }

            .dashboard-subscriptions table thead, .dashboard-subscriptions table tbody {
                width: 100%;
                max-width: 100%;
            }

                .dashboard-subscriptions table thead th {
                    padding-left: 5px;
                    font-size: 13px;
                    min-height: 50px;
                    background-color: #EFF1F9;
                    border-bottom: solid #aaaaaa 1px;
                    border-top: 0px;
                    padding-top: 2px;
                    text-align: center;
                }

                    .dashboard-subscriptions table thead th:first-child {
                        text-align: left;
                    }

                    .dashboard-subscriptions table thead th:last-child {
                        text-align: right;
                    }

                .dashboard-subscriptions table tbody td {
                    font-size: 13px;
                    font-weight: bold;
                    vertical-align: middle;
                    text-align: center;
                    background-color: white;
                }

                    .dashboard-subscriptions table tbody td:first-child {
                        text-align: left;
                    }

                    .dashboard-subscriptions table tbody td:last-child {
                        width: auto;
                        text-align: right;
                    }

        .dashboard-subscriptions td.additional {
            text-align: left !important;
            border-top: 0px;
            border-bottom: 1px solid #dee2e6;
            padding-top: 0px;
            padding-left: 0px;
        }

        .dashboard-subscriptions button[disabled] {
            pointer-events: none;
            opacity: 0.5;
        }

        .dashboard-subscriptions td.additional > div {
            margin: 10px;
            border: 1px dashed gray;
            display: none;
            transition: height 1s ease-in;
        }

            .dashboard-subscriptions td.additional > div[collapsed="false"] {
                display: block;
            }

        .dashboard-subscriptions td.additional table {
            box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
        }

            .dashboard-subscriptions td.additional table td {
                height: 0px;
            }

    .btn-hive-info {
        cursor: none;
        pointer-events: none;
        font-size: 12px;
        color: #5959d8 !important;
        text-transform: uppercase;
        padding: 4px 16px;
        border: solid 1px #4993f9;
        margin: 3px 3px 3px 3px;
        font-weight: bold;
        border-radius: 7px;
        width: auto;
        height: auto;
        padding: 9px 16px !important;
    }

    .live-programs a.btn-res {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .live-programs .btn2 {
        width: auto !important;
        height: auto !important;
    }
    /* end of subscriptions */
    /* live programs */
    @media screen and (min-width :1230px) {
        .hive-x-visible {
        }

        .hive-m-hidden {
            display: none;
        }
    }

    @media screen and (max-width :1230px) {
        table.live-programs thead th, table.live-programs tbody td {
            display: none;
        }

            table.live-programs thead th:first-child, table.live-programs tbody td:first-child {
                display: block;
            }

                table.live-programs tbody td:first-child > div:nth-child(2) {
                    margin-top: 10px;
                }

        .hive-x-visible {
            display: none;
        }

        .hive-m-hidden {
        }

        table.live-programs tbody tr td.live-title > div:nth-child(2) {
            display: grid;
            grid-template-columns: auto 1fr;
        }

            table.live-programs tbody tr td.live-title > div:nth-child(2) div:nth-child(2) {
                display: flex;
                flex-flow: row;
                flex-direction: row-reverse;
            }

        .live-expander {
            display: flex;
            justify-self: left;
        }
    }

    .cpls {
        height: 0px;
        transition: height 0.5s;
        overflow: hidden;
        box-sizing: border-box;
    }

        .cpls > div.row {
            margin-top: 10px;
        }

    .cpls-open {
        height: auto;
        border: 1px dashed gray;
        border-radius: 7px;
        padding: 10px;
    }

    .live-programs-dropdown {
    }
    /*end of live programs*/
    a.res-restricted {
        opacity: .65;
        cursor: default;
    }

    input.magic-link-error {
        border: 1px solid red;
    }

    span.magic-link-error {
        color: red;
    }

    p.magic-link-p {
        font-size: 14px;
        padding: 10px;
        background-color: aqua;
    }