/*hide this code for verification*/
    :root{
        --color_choice_1: #ffffff;
        --color_choice_2: #686767;
        --color_choice_3: #0b0c0a;
        --color_choice_4: #ffffff;
    }
    @font-face{
        font-family: 'OpenSans-SemiBold';
        src: local('OpenSans-SemiBold.ttf'),
            url("../../../../lib/fonts/OpenSans-SemiBold.ttf") format("truetype");
    }
    @font-face{
        font-family: 'OpenSans-Bold';
        src: local('OpenSans-Bold.ttf'),
            url("../../../../lib/fonts/OpenSans-Bold.ttf") format("truetype");
    }
    @font-face{
        font-family: 'OpenSans-ExtraBold';
        src: local('OpenSans-ExtraBold.ttf'),
            url("../../../../lib/fonts/OpenSans-ExtraBold.ttf") format("truetype");
    } 
    @font-face {
        font-family:'OpenSans';
        src: local('OpenSans-VariableFont_wdth,wght.ttf'),
            url("../../../../lib/fonts/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
    }
    /* font family & font weight adjustment for safari browser */
    .safari .header-custm-button,
    .safari .review-section h3,
    .safari .studio-website-review-btn,
    .safari .about-section-content h1,
    .safari .gallery-promo-section h1,
    .safari .gallery-promo-section button,
    .safari .slider-img-caption,
    .safari .gallery-header h6,
    .safari .lead-form h1,
    .safari .website-cstm-continue-btn,
    .safari .gdpr-ok-btn,
    .safari .slide-menu-custm-button,
    .safari .studio-website-banner,
    .safari .gallery-header h6.viewall,
    .safari .program.gallery-header h6
    {
       font-family: 'OpenSans-Bold' !important;
       font-weight: normal !important;
    }
    .custm-open-popup-modal-in {
        -webkit-transition-duration: 0ms !important;
        transition-duration: 0ms !important;
    }
    /*PAGE CONTENT CSS*/
        .main-navbar-div .logo-cover{
            /*margin-top: 17px;*/
        }
        .main-navbar-div{
            max-width: none;
            margin: 0 40px;
            /*padding-top: 10px;*//*hide this code for client update feedback*/
        }
        .studioWebPage-view .page-content{
            margin-bottom:0;
            /*height: calc(100% - 60px);*/
            /*AVOID SPACE FOR BOTTOM*/
            height: calc(100%);
            padding-bottom: 0 !important;
        }
        .studioWebPage-view.preview-mode .page-content{
            margin:0;
            height:100%;
            padding-bottom: 0 !important;
        }
/*        .studioWebPage-view .page-content{
            margin-top: 0px;
        }*/
        .bg-white{
            background: white !important;
        }
        .page{
            background: white;
        }
        .gallery-promo-section .button:active{
            /*NOTE: TO AVOID COLOR CHANGE WHEN CLICKING BUTTON IN WEBSITE PAGE*/
            background:#ffffff;
        }
        .studio-website-review-btn:active{
            /*NOTE: TO AVOID COLOR CHANGE WHEN CLICKING BUTTON IN WEBSITE PAGE*/
             background-color: var(--color_choice_2);
        }
        .navbar-through .page-content, .navbar-fixed .page-content {
            padding-top: 70px;
        }
        .center.mobile-view .nav-img.logo-cover{
            margin-top: 0px;
        }
        .logo-cover {
            object-fit: cover;
            /*min-width: 100px;*/
            height: 50px;
        }
        .main-navbar-div .logo-cover{
            height: 52px;
            margin: 8px 0;
        }
        .website-default-color{
            background-color: #696667;
        }
    /*PREVIEW SECTION*/
        
                /*note need this css for preview for studio website*/
        .studioWebPage-preview{
            background-color: var(--color_choice_1);
            color: var(--color_choice_4);
            margin:0px;
            padding: 3px 0px 3px 0px;
            display: none;  
            /*HIDE BY DEFAULT*/
            border-bottom: 1px solid var(--color_choice_4);
        }
        .preview-mode .studioWebPage-preview{
            display: block;
        }
        .studioWebPage-preview-button{
            background-color: transparent;
            color: var(--color_choice_4);
            padding: 4px 18px 4px 18px;
            border-radius: 6px;
            margin: 4px 0px 0px 0px;
            width: 100px;
            border: 1px solid #fff;
            cursor: pointer;
            font-size: 14px;
        }
        .studioWebPage-preview span{
            font-size: 16px;
            margin-left: -25%;
        }
        .navbar.studioWebPage{
            height: 70px;
            background-color: #ffffff !important;
        }
/*        .logo-cover{
            margin-top: 17px;
        }*/
    /*BANNER CSS*/
        
        .studio-website-banner{
            color: #fff;
            margin:0px;
            font-size: 16px;
            height: 38px;
            font-size: 21px;
            padding: 7px 0 0;
            background-color: #e4bc0d !important;
            /*SET THIS HODE CODE COLOR VALUE FOR UPDATE FEEDBACK*/
        }
        .banner-close-icon{
/*            margin-top: -39px;
            margin-right: 21px;
            color: #ffffff;
            cursor: pointer;
            width: 100%;
            text-align: right;*/
            margin-top: -39px;
            margin-right: 24px;
            color: #ffffff;
            cursor: pointer;
            z-index: 10;
            position: absolute;
            right: 0px;
        }
        .banner-close-icon .f7-icons{
            width:17px;
            height: 17px;
        }
        
        
    /*HEADER SECTION*/
        
        .overlay-container{
            position: relative;
            text-align: center;
            color: #ffffff;
        }
        .overlay-container .overlay-image{
            max-width: 100%;
            opacity: 0.8;
        }
        .overlay-container .overlay-text{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            z-index: 999;
            height: 600px;
        }
        .overlay-text h1{
            font-size: 43px;
            margin: 0 6%;
            overflow-wrap: break-word !important;/*ADD THIS CSS FOR MOBILE VIEW TO AVOID IF LONG TEXT TO CROP CROPPING*/
            font-family: OpenSans;
            font-style: normal;
            font-weight: 600;
            line-height: 59px;
            align-items: center;
            text-align: center;
            text-transform: uppercase;
        }
        .overlay-text h3{
            margin: 0 6%;
            font-family: OpenSans;
            font-style: normal;
            font-weight: 400;
            font-size: 28px;
            line-height: 38px;
            align-items: center;
            text-align: center;
            color: #FFFFFF;
            overflow-wrap: break-word !important;/*ADD THIS CSS FOR MOBILE VIEW TO AVOID IF LONG TEXT TO CROP CROPPING*/
        }
        .header-swiper .swiper-slide{
            border-radius: 0;
        }
        .header-swiper.swiper-container{
            height: calc(80vh) !important; 
        }
        .has-banner +.row .header-swiper.swiper-container{
            height: calc(80vh - 45px)  !important; 
            /*110px(navbar) + 45px(banner)*/
            /*70px(navbar) + 45px(banner)*/
        }
        .header-swiper .swiper-slide{
            background-position: center;
        }
        .header-swiper.swiper-container .outer{
            height: 100%;
            top: 0;
        }
        .overlay-container .overlay-text{
            height: auto !important;
        }
        .header-custm-button {
            background-color: var(--color_choice_1);
            border-color: var(--color_choice_1);
/*            height: 40px;
            padding: 6px 22px;
            border-radius: 5px;
            display: inline-block;
            font-weight: 600;
            border-color: #fff;
            width: 172px !important;
            margin: 41px 0 0;
            color: #ffffff;
            border: none !important;*/
            width: 230px !important;
            height: 55px !important;
            font-family: OpenSans;
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 25px;
            /* identical to box height */
            align-items: center;
            text-align: center;
            text-transform: uppercase;
            color: #FFFFFF;
            margin-top:72px;
            border-radius: 5px;
        }
        .header-custm-button:active{
            background-color: var(--color_choice_1);
            border-color: var(--color_choice_1);
        }
        iframe {
            position: fixed;
            right: 0;
            bottom: 0;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -100;
            /*background: url('/assets/images/polina.jpg') no-repeat;*/
            background-size: cover;
        }
        .leadpopup{
            /*height: auto !important;*/
            /*NOTE: HIDE THIS VALUE TO AVOID UI ALIGNMENT MISSING FOR MOBILE VIEW*/
        }
        #loadLeadPopUp iframe {
            position: initial !important;
            right: auto !important;
            bottom: auto !important;
            min-width: 330px !important;
            /*min-height: 100%;*/
            width: auto;
        }
        #headerVideoiframe iframe{
            /*position: static;*/
            /*height:500px;*/
            z-index: auto;
        }
        .iframe-container {
            /*position: sticky;*/
            position: relative;
            width: 100%;
            /*overflow: hidden;*/
            padding-top: 56.25%;  /*16:9 Aspect Ratio */
          }
          .responsive-iframe {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border: none;
          }
        
    /*AWARD SECTION*/
        
        .award-section{
            justify-content: center;
            max-width:800px;
        }
        .award-section .col-16 {
            width: 16.66%;
        }
        .row.award-section{
            width:90%
        }
        .row.award-section.server-image{
            width:100%
        }
        .award-section img {
            width: 90%;
            padding:5px;
        }
        .award-section.server-image img{
        /*    width: calc((100% - 100px) / 4);
            width: calc((100% - 150px) / 6);*/
            padding: 0;
        }
        .award-section.server-image img + img{
            margin-left:30px;
        }
        .award-section .award-bg-img img{
            width:100%;
            padding:0;
            height: auto;
            margin: 0px 0.50rem;
            /*margin:0 25px*/
        }
        .award-bg-img{
            height: 100px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            margin: 15px;
        }
        
    /*TRIAL SECTION*/
        
    /*REVIEW SECTION*/
        .review-section{
             padding: 10px 0px 60px 0px !important;
        }
        .review-section h3{
            width: auto;
            height: 39px;
            margin: 0 92px 83px 95px;
            font-family: OpenSans;
            font-size: 34px;
            font-weight: 700;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: var(--color_choice_2);
        }
        .what-other-saying-content{
                margin-top: 125px;
                font-weight: 500;
                color: #b3b1b1;
        }
        .studio-website-review-btn{
            font-family: OpenSans;
            font-size: 18px;
            font-weight: 700;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            width: 235px !important;
            height: 55px;
            padding: 15px 0;
            border-radius: 5px;
            margin: 50px auto 34px auto;
            background-color: var(--color_choice_2);
            color: #ffffff;
            border-width: 0px;
        }
        .social-section{
            padding: 5px;
            margin-top:20px; 
            text-align: center;
        }
        .social-section img{
                cursor: pointer;
                margin: 40px;
        }
        .review-swiper.swiper-container{
            height: auto !important;  /*giving value auto for avoiding image crop for large screen*/
            padding: 0;
        }
        .review-swiper .swiper-slide{
            border-radius: 0;
        }
        
    /*ABOUT US SECTION*/
        
        .studio-website-about{
            /*margin-top: 60px;*/
            padding: 40px;
            background-color:var(--color_choice_1);
            color:var(--color_choice_4);
        }
        .studio-website-about h1{
            margin: 0;
        }
        .studio-website-about p{
            width: auto;
            /*height: 132px;*/
            height: auto;
            /*margin: 13px 121px 0;*/
            font-family: OpenSans;
            font-size: 20px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
        }
        .about-section-content{
            max-width: 800px;
            margin: 30px 0px !important;
        }
        .about-section-content h1{
            width: auto;
            /*height: 25px;*/
            margin: 2px 1px 3px;
            font-family: OpenSans;
            font-size: 18px;
            font-weight: 700;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
            font-size: 34px;
            text-transform: uppercase;
        }
    
    /*UPCOMING EVENT SECTION*/
        
        #website_events .swiper-button-prev, #website_events .swiper-button-next{
            top:40%;
        }
    
    /*IMAGE GALLERY SECTION*/
        
        .default-image-gallery-bg-img, .image-gallery-bg-img{
            width: 139px !important;
            height: 139px !important;
            margin: 15px !important;
            border-radius:10px !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: center !important;
            
        }
        .default-image-gallery-bg-img{
            background-color: #ffffff;
        }
        .image-gallery-view{
            margin: 0px !important;
        }
        .image-gallery-view-close .f7-icons{
                font-size: 30px;
                /*font-weight: 900;*/
        }
        .image-gallery {
            background-color: var(--color_choice_2);
            padding: 45px; 
            width: auto;
        }
        .image-gallery .row{
            justify-content: start;
            width: 65%;
        }
        .outer {
            display: table;
            position: absolute;
            height: 80%;
            width: 100%;
        }
        .middle {
            display: table-cell;
            vertical-align: middle;
        }

        .inner {
            margin-left: auto;
            margin-right: auto;
        }
        .image-gallery-view .swiper-custom{
            width:auto;
        }
        .imagegallery-swiper.swiper-container {
            width: 863.2px;
            height: calc(100vh - 100px) !important;
            margin: 0px !important;
            padding: 0px !important;
        }
        .imagegallery-swiper.swiper-container .swiper-slide{
            background: #fff0;
            height:auto;
        }
        .imagegallery-swiper.swiper-container .swiper-slide img{
            width: 100%;
            margin: auto;
            height: auto;

            /*top: calc(100vh - 70%);*/
            position: relative;
        }
        .imagegallery-swiper.swiper-container .outer{
            height: calc(100% + 50px);
        }
        .imagegallery-swiper.swiper-container .swiper-button-prev,
        .imagegallery-swiper.swiper-container .swiper-button-next{
          z-index: 5;  
        }
        .image-gallery-view-close, .lead-popup {
            /*text-align: right;*/ 
            /*padding-right: 5%;*/ 
            /*margin-top: 2%;*/
            /*color: #D8D8D8 !important;*/
            color: #D8D8D8 !important;
            position: absolute !important;
            top:10px !important;
            right: 20px !important;
            z-index: 5 !important;
        }
        .popup.popup-about.photo-browser-custom.modal-in{
            background-color: rgba(0, 0, 0, 0.8) !important;
        }
        .photo-browser-custom .close-popup{
            cursor:pointer;
        }
        .photo-browser-custom .content-block{
            margin: 0px !important;
            padding-bottom: 0px !important;
        }
        
        .image-gallery .col-25{
            width: calc((100% - 15px*4) / 6) !important;
            margin-left: 10px;
        }
        .image-gallery .row {
            justify-content: start;
            width: 1015px;
        }
        
    /*OUR PROGRAM SECTION*/
    
        .program-swiper.swiper-container,.event-swiper.swiper-container, .trial-swiper.swiper-container {
            /*height: 170px;*/ 
            height: auto !important; 
            padding: 0 0 100px 0;
        }
        #website_programs .swiper-button-prev, #website_programs .swiper-button-next{
            top:38%;
        }
        
    /*TRIAL PROMO SECTION*/
    
        .gallery-promo-section{
            padding: 50px 30px;
            background-color:var(--color_choice_1);
        }
        .gallery-promo-section h1{
            width: auto;
            height: 39px;
            margin: 0 0 6px;
            font-family: OpenSans;
            font-size: 34px !important;
            font-weight: 700 ;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
            text-transform: uppercase;
        }
        .gallery-promo-section h4{
            width: auto;
            height: 36px;
            margin: 6px 0 37px;
            font-family: OpenSans;
            font-size: 24px !important;
            font-weight: 500 !important;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
        }
        .gallery-promo-section button{
                margin: 15px 0;
                font-family: OpenSans;
                font-size: 18px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_1);
                width: 230px;
                height: 55px;
                padding: 2px 2px 2px 0;
                border-radius: 5px;
                background-color:#ffffff;
                border-color:#ffffff;
                text-transform: uppercase;
        }
        .gallery-promo-section button + button{
             margin-left: 15px;
        }
        
    /*FOOTER SECTION*/
        
        .footer-social-section{
             padding: 5px;
            text-align: center;
        }
        .footer-social-section img{
                cursor: pointer;
                margin: 0px 15px;
                width: 60px;
                height: 60px;
        } 
        .studio-website-footer{
            /*padding: 20px;*/
            text-align: left;
            background-color: var(--color_choice_2);
            color:  var(--color_choice_4);
            /*padding-bottom: 40px;*/
        }  
        .studio-website-footer h1{
            margin:5px 10px 15px 10px;
        }
        .studio-website-footer h3{
            margin: 5px 0;
        }
        .studio-website-footer p{
            margin: 2px 0 0;
        }
        .footer-studio-details{
            margin-top: 59px;
            margin-bottom:74px;
        }
        .studio-website-footer .footer-margin{
            margin-top: 92px !important;
        }
               
    /*SWIPER CSS*/
        
        .swiper-slide {
            background:#fff;
        }
        .swiper-slide span {
            text-align:center;
            display:block;
            margin:20px;
            font-size:21px;
        }
        .swiper-slide{
            box-sizing:border-box;
            line-height:120px;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 5px;
        }
        .slider-img-caption{
            /*width: 393px;*/
            /*height: 29px !important;*/
            height: auto;
            margin: 25px 30px 0 !important;
            font-family: OpenSans;
            font-size: 20px !important;
            font-weight: 700;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: var(--color_choice_2);
            top:0px !important;
        }
        .swiper-container {
            height: 100%;
        }
        .swiper-slide .slide-bg-img{
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 5px;
            box-sizing: border-box;
            background-position: center;
            height: 100%;
        }
        .program-slider-padding, .event-slider-padding{
           padding:0 20px;
        }
        .intrinsicsize-img{
            position: absolute !important;
        }
    
    /*EVENT TRIAL AND PROGRAM TITLE AND VIEW TEXT CSS*/    
    
        .rewards-section, .gallery-header{
            padding:30px 30px;
        }
        .gallery-header h6{
            width: 181px;
            height: 25px;
            margin: 0;
            font-family: OpenSans;
            font-size: 18px;
            font-weight: 700;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: var(--color_choice_2);
            display: inline;
        }
        .gallery-header h6.viewall{
            font-weight:700 ;
            margin: 0 0 0 10px;
            color:var(--color_choice_1) !important;
            cursor: pointer;
            font-size: 18px !important;
            font-style: normal !important;
        }
        .event.gallery-header {
            padding: 30px;
        }
        .program.gallery-header{
            padding: 30px;
        }
        .review-swiper + .swiper-button-prev , .program-swiper + .swiper-button-prev, .event-swiper + .swiper-button-prev, .trial-swiper + .swiper-button-prev{
        left:15px;
        height:15px;
        } 
        .review-swiper + .swiper-button-prev + .swiper-button-next, .program-swiper + .swiper-button-prev + .swiper-button-next, .event-swiper + .swiper-button-prev + .swiper-button-next, .trial-swiper + .swiper-button-prev + .swiper-button-next{
           right:15px; 
           height:15px;
        }
        .program-swiper img, .event-swiper img, .review-swiper img, .trial-swiper img{
            position: relative;
            display: block;
            text-align: center;
            width: 100%;
            height: 100%;
            max-width: 100%;
            border-radius: 5px;
        }
        .review-swiper img{
            border-radius: 0px !important;
        }
         
        
    /*LEAD SECTION*/
    .lead-form{
        width:330px;
        height:428px;
        background-color:var(--color_choice_1);
        color:var(--color_choice_4);
        top:240px;
    }
    .leadpopup .icons {
        font-weight: 900;
        width: 25px;
        height: 25px;
        margin-top: 21px;
        margin-right: 15px;
    }
    .leadpopup center{
        margin-top: 10%;
    }
    .lead-form h1{
        font-size: 18px !important;
        padding-top: 12px !important;
        width: 300px;
        height: 30px;
        font-weight: 700;
        font-family: OpenSans;
    }
    .lead-subtitle{
        font-size: 16px !important;
        width: 300px;
        height: 43px;
        font-weight: 500;
        font-family: OpenSans;
    }
    .lead-form input, .lead-form select{
        width: 300px !important;
        height: 43px;
        border-radius: 5px;
        /*margin-top: 15px;*/
        border-color: #ffffff;
        box-sizing: border-box;
        padding: 0 0 0 5%;
        border: #ffffff;
    }
    .lead-form input + input, .lead-form select{
        margin-top: 15px;
    }
    .lead-continue-popup{
        width: 330px;
        height: 213px;
        top: 249px;
        background-color: var(--color_choice_1);
        color: var(--color_choice_4);
        min-height: 214px !important;
    }
    .website-cstm-continue-btn{
        width: 165px !important;
        height: 43px;
        background: #FFFFFF;
        border-radius: 5px;
        font-family: OpenSans;
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 18px;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
        color: #20639B;
        padding-top: 12px;
        border: #fff;
    }
    .website-cstm-continue-btn:active{
        background: #ffffff !important;
        border: #fff !important;
    }
    #website_events .swiper-button-prev, #website_events .swiper-button-next,
    #website_trial .swiper-button-prev, #website_trial .swiper-button-next,
    #website_programs .swiper-button-prev, #website_programs .swiper-button-next{
        top:40%;
    }

    /*MAP SECTION*/
    .map-section{
        position: relative;
        z-index: 1;
        height: 425px;
    }
    #map iframe{
        /*position: relative;*/ 
        /*NOTE: IF WE SET POSITION AS RELATIVE MAP ZOOM IN OR CLICK ACTION IS NOT WORKING*/
        position: absolute;
    }
    .mt0{
    /*mt-0 - MARGIN-TOP*/
        margin-top: 0px!important;
    }
    .menu_icn{
        color: black;
        display: block;
        font-weight: 900;
        font-size: 27px !important;
        filter: hue-rotate(-60deg) brightness(1) contrast(1)
    }
    /*GDPR SECTION*/
    .gdpr-section{
        width: 100%;
        position: fixed;
        z-index: 11;
        bottom: 0px;
        background-color:#272727;
        color:#ffffff;
        height: auto;  
        padding-bottom: 44px;
        padding-top:30px;
    }
    .gdpr-text-section{
        width: 50%;
        font-size: 16px;
        padding-bottom: 18px;
        line-height: 25px;
    }
    .gdpr-learnmore-btn{
        font-weight: 500;
        font-size: 13px;
        text-transform: uppercase;
        color: #FFFFFF; 
        width: 110px;
        height: 35px;
        border-radius: 5px;
        background-color: #686767;
        border-color: #ffffff;
        border-width: thin;
        outline: none;
        cursor: pointer;
        border-style: solid;
    }
    .gdpr-ok-btn{
        width: 70px;
        height: 35px;
        border-radius: 5px;
        border: none;
        background-color: #ffffff;
        font-family: OpenSans;
        font-style: normal;
        font-weight: 700;
        font-size: 14px; 
        line-height: 18px;
        text-align: center;
        text-transform: uppercase;
        color: #686767;
        outline: none;
        cursor: pointer;
    }
    

    @media only screen and (max-width: 1178px) and (min-width: 991px){
        .image-gallery .row {
            width: auto;
        }
        .default-image-gallery-bg-img, .image-gallery-bg-img{
            width: 93px !important;
            height: 93px !important;
            margin:10px !important;
        }
    }
    
/*TABLET VIEW CSS BELOW*/
        @media only screen and (max-width: 990px) {
            
        .navbar-through .page-content, .navbar-fixed .page-content {
            padding-top: 86px !important;
        }
         /*WEBSITE PAGE CONTENT CSS*/
         
            .studioWebPage-view .page-content{
                margin-top: 0px;
                /*height: calc(100% - 136px);*/
                 /*AVOID SPACE FOR BOTTOM*/
                 height:100%;
            }
            .navbar.studioWebPage{
                height: 86px;
            }
            .center.mobile-view .nav-img.logo-cover{
/*                margin-top: 18px;
                margin-left: 0;
                height: 48px;
                object-fit: contain;*/
            }
            .logo-cover {
                height:48px
            }
            
         /*BANNER SECTION*/
         
            .studio-website-banner{
                font-family: OpenSans;
                font-size: 14px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
                height: 20px;
                margin: 0px 0 0;
                padding: 5px 198px;
            } 
            .banner-close-icon{
                margin-top: -32px;
            }
         
         /*HEADER SECTION*/
         
            .overlay-container .overlay-text{
                height: 600px;
            }
            .overlay-text h1{
                /*width: 700px;*/
                height: auto; /*to avoid text overlapping set height to auto*/
                font-family: OpenSans;
                font-size: 30px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
             }
            .overlay-text h3 {
                height: auto;
                font-family: OpenSans;
                font-size: 24px;
                font-weight: 400;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
            }
            .header-swiper.swiper-container{
                height: calc(80vh - 116px) !important; 
                /*86px(navbar) + 30px(banner)*/
            }
            .header-custm-button {
                width: 202px !important;
                height: 50px !important;
                margin-top:60px;
                font-size: 16px;
            }
         /*AWARD SECTION*/
         
            .award-section.server-image img + img{
                margin-left:25px;
            }
            .award-bg-img{
                height: 50px;
                margin:10px;
            }
/*            .award-section{
                margin-top:20px;
            }*/
         
         /*TRIAL SECTION*/
         
         /*REVIEW SECTION*/
         
            .review-swiper.swiper-container{
                height: 200px; 
            }
            .review-section h3{
                width: auto;
                height: 33px;
                margin: 0 181px 20px 187px;
                font-family: OpenSans;
                font-size: 24px !important;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_2);
            }
            .what-other-saying-content{
               margin-top: 260px;
            }
            .gdpr-learnmore-btn{
                font-size: 12px;
            }
            .studio-website-review-btn{
                width: 220px !important;
                height: 50px;
                margin: 25px 0 15px 1px; /*changing margin-top from 50px to 25px to avoid too much scpace*/
                font-family: OpenSans;
                font-size: 16px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
                border-radius: 5px;
                background-color: var(--color_choice_2);
            }
            .review-section {
                padding: 10px 0px 60px 0px !important;
            }
         
         /*ABOUT US SECTION*/

            .about-section-content{
                width: 82%;
            }
            .studio-website-about {
                /*margin-top:45px;*/
                padding: 15px 15px 15px 15px;
            }
            .studio-website-about p{
                width: auto;
                /*height: 133px;*/
                /*margin: 7px 56px 0;*/
                font-family: OpenSans;
                font-size: 18px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
            }
            .about-section-content h1 {
                width: 546px;
                /*height: 30px;*/
                margin: 0 0 7px;
                font-family: OpenSans;
                font-size: 22px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
            }
         
         /*UPCOMING EVENT SECTION*/
         
         /*IMAGE GALLERY SECTION*/
         
            .imagegallery-swiper.swiper-container .swiper-button-next,
            .imagegallery-swiper.swiper-container .swiper-button-prev{
                background-color: black;
            }
            
            .image-gallery-view .swiper-custom{
                width:auto;
            }
            .default-image-gallery-bg-img, .image-gallery-bg-img{
                width: 93px !important;
                height: 93px !important;
                margin:10px !important;
            }
            .imagegallery-swiper.swiper-container {
                width: auto !important;
            }
            .image-gallery .row {
                width:auto;
            }
            .image-gallery {
                padding: 25px 10px;
            }
         
         /*OUR PROGRAM SECTION*/
         
         /*TRIAL PRMO SECTION*/
         
            .gallery-promo-section h1{
                width: auto;
                height: 33px;
                font-family: OpenSans;
                font-size: 24px !important;
                font-weight: 700 ;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
            }
            .gallery-promo-section h4 {
                width: auto;
                height: 27px;
                margin: 0 0 27px;
                font-family: OpenSans;
                font-size: 20px !important;
                font-weight: 500 !important;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
            }
            .gallery-promo-section button {
                width: 203px;
                height: 46px;
                padding: 12px 0;
                margin: 0;
                border-radius: 5px;
                background-color: #ffffff;
                font-family: OpenSans;
                font-size: 16px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_1);
            }
         
         /*FOOTER SECTION*/
         
            .footer-social-section img{
                   cursor: pointer;
                   margin: 0px 10px;
                   width: 40px;
                   height: 40px
               }
            .footer-studio-details{
                margin-top: 29px;
                margin-bottom:58px;
            }
            .studio-website-footer .footer-margin{
                margin-top: 77px !important;
            }
            .studio-website-footer h1 {
                margin: 5px 10px 15px 10px;
                font-weight: 900;
                font-size: 22px;
                line-height: 30px;
                text-align: center;
                text-transform: uppercase;
            }
            .studio-website-footer p {
                margin: 2px 10px;
                font-family: OpenSans;
                font-style: normal;
                font-weight: 500;
                font-size: 18px;
                line-height: 25px;
                text-align: center;
            }
         
         /*LEAD SECTION*/
            .lead-form{
                 top:175px;
             }
             .leadpopup .icons {
                margin-top: 0px;
                margin-right: 0px;
             }
             .lead-continue-popup{
                top:169px;
             }
             .leadpopup center{
                margin-top: 20%;
             }
         /*SWIPER CSS*/
         
            .slider-img-caption{
                /*width: 342.6px;*/
                /*height: 28.5px !important;*/
                margin: 25px 22.4px 0 0 !important;
                font-family: OpenSans;
                font-size: 16px !important;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_2);
                top:0px !important;
            }
            .program-swiper.swiper-container, .event-swiper.swiper-container, .trial-swiper.swiper-container {
                /*height: 317px;*/
                padding: 0 0 15px 0;
            }
         
         /*EVENT TRIAL AND PROGRAM TITLE AND VIEW TEXT CSS*/  

            .program.gallery-header{
                padding:20px 0;
            }
            .gallery-header h6 {
                width: auto;
                height: 22px;
                margin: 0 10px 0 0;
                font-family: OpenSans;
                font-size: 16px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_2);
            }
            .gallery-header h6.viewall{
                width: 74px;
                height: 22px;
                margin: 0 0 0 10px;
                font-family: OpenSans;
                font-size: 16px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_1);
            }
            .event.gallery-header{
                padding: 19px 0;
            }
            
       
    /*IMAGE GALLERY AND LEAD POPUP CSS*/
            .image-gallery-view-close, .lead-popup{ 
                padding-right: 0%; 
                margin-top: 0%;
            }
            .image-gallery-view-close .f7-icons, .lead-popup .f7-icons{
                font-size: 25px;
            }
    /*MAP SECTION*/        
            .map-section{
                height: 320px;
            } 
            /*GDPR SECTION*/
            .gdpr-text-section{
                width: 90%;
            }
            .gdpr-section{ 
                padding-bottom: 36px;
                padding-top:20px;
            }
        }
        
/*MOBILE VIEW CSS*/        
        @media only screen and (max-width: 600px) {

            .navbar-through .page-content, .navbar-fixed .page-content {
              padding-top: 43px !important;
            }  
    /*WEBSITE PAGE CONTENT CSS*/
         
            .studioWebPage-view .page-content{
                margin-top: 0px;
                /*height: calc(100% - 116px);*/
                 /*AVOID SPACE FOR BOTTOM*/
                 height:100%;
            }
            .center.mobile-view .nav-img.logo-cover{
                object-fit: cover;
                height: 32px;
                margin:0px;
            }
            .logo-cover {
                height:32px
            }
            .navbar.studioWebPage{
                height: 43px;
            }
         
    /*BANNER SECTION*/
            .studio-website-banner{
                font-size: 14px;
                background-color: #e4bb0c;
                color: #fff;
                margin:0px;
                height: 20px;
                padding: 6px 0px 5.6px 0px;
                 /*above css are common for tab and native so i add css this here*/
            }
            .banner-close-icon .f7-icons{
                width: 12px;
                height: 12px;
            }
            .has-banner +.row .header-swiper.swiper-container{
                height: 300px  !important;
            }
            
            
    /*HEADER SECTION*/
    
            .overlay-text h1{
                height: auto;/*to avoid text overlapping set height to auto*/
                font-weight: 600;
                color:#ffffff;
                line-height: normal;
                text-transform: uppercase;
                font-size: 24px;

            }
            .overlay-text h3 {
                height: auto;/*to avoid text overlapping set height to auto*/
                font-size: 18px;
                font-weight: 400;
                color: #ffffff;
                line-height: normal;
            }
            .header-swiper.swiper-container{
                height: 300px !important; 
            }
            .header-custm-button {
                width: 165px !important;
                height: 35px !important;
                margin-top:30px;
                font-size: 13px;
            }
            
            
    /*AWARD SECTION*/
            .about-section-content{
                width: 100%;
            }
    /*TRIAL SECTION*/
         
    /*REVIEW SECTION*/
            .review-swiper.swiper-container{
                height: 170px; 
            }
            .review-section h3{
               width: auto;
               height: 25px;
               margin: 0 3px 26px 2px !important;
               font-family: OpenSans;
               font-size: 18px !important;
               font-weight: 700;
               font-stretch: normal;
               font-style: normal;
               line-height: normal;
               letter-spacing: normal;
               text-align: center;
               color: var(--color_choice_2);
             }
            .social-section img{
                margin:18px;  
            }
            .studio-website-review-btn{
                width: 166px !important;
                height: 43px;
                margin: 25px 0 0;/*changing margin-top from 50px to 25px to avoid too much scpace*/
                font-family: OpenSans;
                font-size: 13px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
                border-radius: 5px;
                background-color: var(--color_choice_2);
            }
            .review-section {
                padding: 10px 0px 30px 0px !important;
            }
            .what-other-saying-content{
               margin-top: 200px;
            }
            .gdpr-ok-btn{
                font-size: 12px;
            }
            
            
    /*ABOUT US SECTION*/
            .studio-website-about p{
                width: auto;
                /*height: 118px;*/
                /*margin: 1px 0 0;*/
                font-family: OpenSans;
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
            }
            .about-section-content h1 {
                width: 340px;
                /*height: 25px;*/
                margin: 2px 1px 3px;
                font-family: OpenSans;
                font-size: 18px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
            }
            .about-section-content{
                width: 100%;
            }
            .studio-website-about {
                /*margin-top: 35px;*/
            }
    /*UPCOMING EVENT SECTION*/
         
    /*IMAGE GALLERY SECTION*/
    
            .default-image-gallery-bg-img, .image-gallery-bg-img{
                width: 72px !important;
                height: 72px !important;
                margin:7.5px !important;
            }
            .image-gallery .col-25{
                width: calc((100% - 15px*3) / 4) !important;
            }
               
    /*OUR PROGRAM SECTION*/
         
    /*TRIAL PROMO SECTION*/
    
            .gallery-promo-section h1 {
                width: auto;
                height: auto;
                margin: 0 0 0px;
                font-family: OpenSans;
                font-size: 18px !important;
                font-weight: 700 ;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
                text-transform: uppercase;
            }
            .gallery-promo-section h4 {
                width: auto;
                height: 42px;
                margin: 0;
                font-family: OpenSans;
                font-size: 16px !important;
                font-weight: 500 !important;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #ffffff;
            }
            .gallery-promo-section button {
                width: 165px;
                height: 43px;
                /*margin: 0 0 0 1px;*/
                border-radius: 5px;
                background-color: #ffffff;
                font-family: OpenSans;
                font-size: 13px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_1);
                text-transform: uppercase;
            }
         
    /*FOOTER SECTION*/   
            .footer-social-section img{
                margin:0px 6.5px; 
                width: 25px;
                height: 25px
            } 
            .footer-studio-details{
                margin-top: 44px;
                margin-bottom:26px;
            }
            .studio-website-footer .footer-margin{
                margin-top: 44px !important;
            }
            .studio-website-footer h1{
                margin: 5px 10px 15px 10px;
                font-size: 18px;
                font-weight: 700;
                text-transform: uppercase;
            }
            .studio-website-footer p {
                margin: 2px 10px;
                font-family: OpenSans;
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 19px;
                text-align: center;
            }
    /*LEAD SECTION*/
            .lead-form{
                 top:80px;
             }
             .lead-popup{
                 right: 0px !important;
             }
             .leadpopup .icons {
                margin-top: 0px;
                margin-right: 13px;
            }
            .lead-continue-popup{
                top:80px;
             }
             
    /*SWIPER CSS*/   
            .program-swiper.swiper-container,.event-swiper.swiper-container, .trial-swiper.swiper-container{
                   /*height: 170px;*/ 
                   /*height: 154px !important;*/ 
                   padding: 0 0 25px 0;
            }  
            .slider-img-caption{
                /*height: 20px !important;*/
                margin: 25px 19px 0 18px !important;
                font-family: OpenSans;
                font-size: 14px !important;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_2);
                top:0px !important; /*event text is hiding for mobile view so adding is top value*/
            }
            
    /*EVENT TRIAL AND PROGRAM TITLE AND VIEW TEXT CSS*/  
            
            .program.gallery-header{
                padding: 20px 0;
            }
            .program.gallery-header h6 {
                width: auto;
                height: 19px;
                margin: 0 10px 0 0;
                font-family: OpenSans;
                font-size: 14px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_2);
            }
            .gallery-header h6.viewall{
                width: 65px;
                height: 19px;
                margin: 0 0 0 10px;
                font-family: OpenSans;
                font-size: 14px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: var(--color_choice_1);
            }
            .event.gallery-header{
                padding: 19px 0;
            }
    /*MAP SECTION*/        
            .map-section{
                height: 220px;
            } 
   /*GDPR SECTION*/
            .gdpr-text-section{
                width: 95%;
            }
            .gdpr-section{
                padding-top:15px;
            }
        }
             
        /*form group css*/ 
        .form-group {
            position:relative;
        }
        .form-group + .form-group{
            margin-top: 30px;
        }
        #addNewCard > .form-group + .form-group, #edit_Buyer_Info > .form-group + .form-group{
            margin-top: 20px;
        }
        .form-group .form-label.registerPhoneNumberLabel{
            left: 55px !important;
        }
        .form-group .dropdown, .form-group .dropdown1,.editcreditdropdown .dropdown{
            position: absolute;
            top: 20px;
            left: auto;
            width: 15px;
            right: 10px;
            pointer-events: none;
        }
        .form-group.regcols{
            margin-top:0 !important;
        }
        .retail-view .form-group + .form-group,.retail-view .labelAlignMT2,.retail-view .labelAlignMT2+.form-group{
            margin-top: 15px;
        }
        .form-group{
            position: relative;
        }
        .form-group + .form-group {
            margin-top: 15px;
        }
        .form-group,.form-group select{
            border-radius: 10px;
            background: rgb(244,246,248);
            border: 0px solid rgb(244,246,248);
        }
        .form-group select{
            font-size: 16px;
            color:rgb(74,74,74);
            -webkit-appearance: none;
            -moz-appearance: none;
        }
        .form-group .ip-alone{
            padding: 10px 10px 10px 15px;
        }
        .form-group.white-bg{
            position: initial;
            border-radius: 0;
            background: white;
            border: none;
        }
        .form-group.white-bg label.expiryLabel{
            position: initial;
            padding-left: 16px;
        }
/*        .form-group.expiryWidth label{
            font-size: 12px;
        }*/
        .form-group + .form-group,.labelAlignMT2,.labelAlignMT2+.form-group,.form-group+.form-group-split.row,.form-group-split.row+.form-group{
            margin-top: 15px;
        }
/*        .form-group label {
            position: absolute;
            top: 17px;
            z-index: 10;
            transition: transform 150ms ease-out, font-size 150ms ease-out;
            background: #fff0;
            left: 15px;
            bottom: 18px;
            color: rgb(74,74,74);
            pointer-events: none;
            font-size: 16px;
        }*/
/*        .form-group input {
            font-size: 14px;
            height: 25px;
            background: transparent;
            position: relative;
            padding: 20px 0px 5px 15px;
            width: 95.5%;
            outline: 0;
            box-shadow: 0 1px 0 0 #e5e5e5;
            transition: box-shadow 150ms ease-out;
            border-bottom: 1px solid lightgrey;
            border-radius: 0;
            border: none;
            color: rgb(74,74,74);
            font-weight: 400;
        }*/
        .form-group, .form-group select {
            border-radius: 5px !important;
            background: rgb(244,246,248);
            border: 1px solid rgb(244,246,248);
            font-size: 16px;
            margin: 0px !important;
            width: 300px !important;
            height: 43px !important;
        }
        .form-group.white-bg label.expiryLabel {
            position: initial;
            padding-left: 16px;
        }
        .selecttag{
            margin-top: 5px;
            width: 100%;
            height: 45px;
            padding-left: 15px !important;
            font-family: OpenSans !important;
            font-style: normal !important;
            font-weight: 600;
            font-size: 13px !important;
            line-height: 18px;
            /* identical to box height */
            text-transform: uppercase;
        }
        .panel-overlay{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0);
            opacity: 0;
            z-index: 5999;
            display: none;
        }
        body.with-panel-left-cover .panel-overlay, body.with-panel-right-cover .panel-overlay{
            display: block;
            visibility: visible;
            opacity: 0.2;
            background: black;
        }
        
/*BLACK SCREEN POPUP CSS*/

@media all and (min-width: 630px) and (min-height: 630px) {
    .popup:not(.tablet-fullscreen){
        height: 100% !important;
        left: 0% !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        top: 0% !important;
        transform: translate3d(0px, 1024px, 0px);
        width: 100% !important;
    }
    .popup:not(.tablet-fullscreen).modal-in {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .popup:not(.tablet-fullscreen).modal-out {
        -webkit-transform: translate3d(0, 1024px, 0);
        transform: translate3d(0, 1024px, 0);
    }
}

    .popup.popup-about.photo-browser-cstm.modal-in{
        background-color: rgba(0, 0, 0, 0.7) !important;
    }
    .photo-browser-cstm .close-popup{
        cursor:pointer;
    }
    
    .m0{
        margin: 0px !important;
    }
    .right{
        float:right;
    }
    body.with-panel-left-cover .panel-left{
        transform: translate3d(300px, 0, 0);
    }
    .panel.panel-left.panel-cover{
        width: 300px;
        left:-300px
    }
    .custom-nav{
    color:#111111;
    font-family: OpenSans;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.custom-nav ul{
    list-style: none;
    background: #ffffff;
    padding: 5px;
    margin: 5px 0 0 0;
}
.custom-nav ul li{
    margin: 5px;
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: default;
}
.custom-nav li +li{
    /*margin-top: 10px;*/
}
.custom-nav li a{
    font-weight: 500;
}
.panel .custom-nav p{
    border:none;
    padding:0;
    margin:0;
}
.custom-nav li h2.head{
    font-size: 18px;
    font-weight: 500;
    margin:0;
}
.custom-nav li h2.head + .row .col-33{
    padding-top: 5px;
}
/*.custom-nav img{
    width: 25px;
    position: relative;
    top: 4px;
}*/
.custom-nav label.vertical{
    position: relative;
    top: -2px;
}
.custom-nav label.head{
    /*font-size: 18px;*/
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #686767;
    align-items: center;
    cursor: pointer;
}
.custom-nav .col-33 label.head{
    font-size:14px;
}
.custom-nav .col-33 img{
    width:30px;
    margin-bottom: 3px;
}
.nav-menu{
    height: 40px;
    text-align: right;
     background-color: var(--color_choice_1);
}
.nav-menu img{
    padding-right: 23px;
    padding-top: 10px;
    color: #ffffff;
    filter: brightness(0) invert(1);
    width: 15px;
    height: 15px;
}
.side-menu-social-icons{
    position: fixed;
    bottom: 23px;
    width: 100%;
    text-align: center;
}
.side-menu-social-icons img{
    width: 30px;
    height: 30px;
    margin: 0 10px;
    cursor: pointer;
}
.slide-menu-custm-button{
    background-color: var(--color_choice_1);
    border-color: var(--color_choice_1);
    width: 165px !important;
    height: 43px !important;
    font-family: OpenSans;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 5px;
    position: fixed;
    bottom: 14%;
    left: 22%;;
}
.slide-menu-custm-button:active{
    background-color: var(--color_choice_1);
    border-color: var(--color_choice_1);
}
.custom-nav img{
    float: right;
    width: 10.82px;
    height: 18px;
    margin-top:3px;
}
.left{
    float: left;
}
.center{
    left:-21.5px;
}

@font-face {
    font-family:'NunitoSans-Regular';
    font-style: normal;
    font-weight:400;    
    src: local('NunitoSans-Regular.ttf'),           
        url("../../../../lib/fonts/NunitoSans-Regular.ttf") format("truetype");
        
} 
@font-face {
    font-family:'NunitoSans-Black';
    font-style: normal;
    font-weight: 400;    
    src: local('NunitoSans-Black.ttf'),           
        url("../../../../lib/fonts/NunitoSans-Black.ttf") format("truetype");
        
} 

@font-face {
    font-family:'NunitoSans-Bold';
    font-style: normal;
    font-weight: 400;    
    src: local('NunitoSans-Bold.ttf'),           
        url("../../../../lib/fonts/NunitoSans-Bold.ttf") format("truetype");
        
}