#modalk {
            top: 15% !important;
            left: 37% !important;
        }
        .paypal-button .paypal-button-text {
            visibility: hidden !important;
        }
        .paypal-button .paypal-button-text {
            visibility: hidden !important;
            display:none !important;
        }
        .mt-25 {
            margin-top: -25px;
        }
        .bb__ {
            color: black;
        }
        .sweet-overlay {
            z-index: 9999999999 !important;
        }

        .sweet-alert {
            z-index: 9999999999999999 !important;
        }

        .slider_wrap {
         
            height: 100%;
        }
        .container-cm {
            display: flex; justify-content: center;
        }
        .row-cm {
            width: 100% !important;
      
        }
        .sweet-overlay {
            z-index: 9999;
        }
        .sweet-alert {
            z-index: 999999;
        }
        .needed {
                padding: 0;
            font-size: 25px;
            font-weight: 300;
        }
        .needed_2{
            font-size: 19px;
            font-weight: 300;
            margin-top: -14px;
            margin-left: -8px;
        }
        #needed {
                padding: 0;
            font-size: 25px;
            font-weight: 800;
        }
        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            display: none;
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            outline: 0;
        }

        .modal {
            overflow-x: hidden;
            overflow-y: auto;
            visibility: visible !important;
         
        }
            .slider-n {
                height: 241px;
                background-color: #4d4d4c;
                    overflow: hidden !important;
            }
            .down {

                transition: all .5s ease-in-out;
                height: 0px !important;
            }

            .up {
                height: 241px;
                transition: all .5s ease-in-out;
            }

            .force-show-li {
                transition: all .5s ease-in-out;
                    top: -10px !important;
            }
            .force-position {
                position: relative !important;
                height: 0px !important;
                width: 0px !important;
                height: 0px !important;
            }
            .h-show-sli {
                transition: all .5s ease-in-out;
                cursor:pointer;
                background-color: #4d4d4c;
                width: 165px;
                position: absolute;
                top: -45px;
                height: 45px;
                color: white;
                border-radius: 10px 10px 0px 0px;
                right: 0px;
                display: flex;
                align-items: center;
                justify-content: space-evenly;
                font-weight: 500;
            }
            .rotate-0 {
                transition: all .3s ease-in-out;
                transform: rotate(0);
            }
            .rotate-180 {
                transition: all .3s ease-in-out;
                transform: rotate(180deg);
            }

            .leftarr {
                position: absolute;
                width: 100px;
                height: 100px;
                background: white;
                top: 30%;
                border-radius: 100px;
                left: -50px;
                display: flex;
                align-items: center;
                padding-left: 40px;
                cursor:pointer;
            }

            .rightarr {
                position: absolute;
                cursor:pointer;
                width: 100px;
                height: 100px;
                background: white;
                top: 30%;
                border-radius: 100px;
                right: -50px;
                display: flex;
                align-items: center;
                padding-left: 20px;
            }
            .rotate-90 {
                transform: rotate(-90deg);
            }
            .rotate--90 {
                transform: rotate(90deg);
            }

            .slider-n {
                display: flex;
                color: white;
                align-items: center;
                justify-content: center;
            }

            .pic_ {
                background-image: url(/newland_assets/imgs/new_boats/OBC_18_Dark_Fish/1.jpg);
                height: 150px;
                width: 200px;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                border: solid 2px white;
                box-shadow: 0 0 20px 0px black;
            }


            .fix-btn-default-n{
                background-color: #ccc;
                border-radius: 0 !important;
                color: #575756 !important;
                font-weight: 700;
                height: 36px;
                width: 16%;
            }
            .add-another-wrapper {
                width: 100%;
                display: flex;
                justify-content: space-between;
                border: solid 1px gray;
                border-radius: 4px;
            }
            .add-another-wrapper .text-an {
                display: flex;
                padding-left: 15px;
                align-items: center;
                justify-content: center;
                font-weight: 500;
            }
            #openAddCardBtn {
                cursor:pointer;    
                color: white !important;
                font-size: 16px;
                font-weight: 700; 
                background-color: #e14845;
                padding: 10px;
                width: 16%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .modal-footer {
                border-top: none !important;
            }
            .modal-title {
                text-transform: uppercase;
                color: #de332a;
                font-size: 20px;
            }
            .modal-title {
                text-transform: uppercase;
                color: #de332a;
                font-size: 20px;
            }
            .overlay_custom {
                position: fixed;
                height: 100%;
                width: 100%;
                background-color: black;
                z-index: 999;
                top: 0;
                left: 0;
                opacity: 0.4;
            }

            .slider_section {
             
                background-color: white;
                bottom: 0px;
                width: 100%;
                position: fixed;
                opacity: 1 !important;
                z-index: 1000;
                left: 0;
                padding-top: 30px !important;
              
            }

            .slider_head {
                padding-top: 45px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .slider_head .back_btn {
                height: 50px;
                width: 170px;
                background-color: #d8d8d8;
                color: #4d4d4c;
                font-weight: 800;
                font-size: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                position: absolute;
                top: 7px;
            left: 0px;
            }

            
        
        

        .close_circle {
         
            }

            .slider_content {
                position: relative;
                height: 100%;
                box-shadow: 0px 0px 20px 0px #c6c6c680;
                margin-top: 28px;
                margin-bottom: 28px;
            }

            .s_title {
                color: #db2a1b;
                font-size: 30px;
                font-weight: 800;
             
            }

            .s_title_2 {
                color: #4d4d4c;
                font-size: 30px;
                font-weight: 800;
                margin-top: 10px;
            
            }

            .s_sub_title {
                color: #4d4d4c;
                font-size: 16px;
                line-height: 20px;
                font-weight: 300;
                margin-top: -22px;
            }

            .force-pad div {
                padding: 10px;
            }
            .force-pad-2 div {
                 
                padding: 0px !important;
            }

            .force-pad div input {
                background: #eaeaea !important;
                height: 50px !important;
            }

            .intl-tel-input .selected-flag {
                z-index: 1;
                position: relative;
                width: 36px;
                height: 100%;
                padding: 0 0 0 8px !important;
            }
            .intl-tel-input.separate-dial-code .selected-dial-code {
                display: table-cell;
                vertical-align: middle;
                padding-left: 28px !important;
            }
            .force-pad-2 div input {
                background: #eaeaea !important;
                height: 50px !important;
            }

            .s_button {
                background-color: #de332a;
                color: white;
                border: none;
                font-size: 18px;
                font-weight: 700;
                width: 100%;
                height: 50px;
            }

            .fix-register-btn {
                color: #e03d38 !important;
                background-color: #ffffff !important;
                border: solid 2px #979797 !important;
                border-radius: 4px !important;
            }

            .slides-wrapper {
                display: flex;
            }

            .form-control:focus+.form-control-placeholder,
            .form-control:valid+.form-control-placeholder {
                font-size: 75% !important;
                transform: translate3d(0, -45%, 0) !important;
            }

            .form-control-placeholder {
                position: absolute !important;
                top: 13px !important;
                padding: 7px 0 0 13px !important;
                transition: all 200ms !important;
                opacity: 0.5 !important;
            }

            .profile {
                padding: 12px 39px;
            border: none !important;
                position: absolute;
                background: #f4f4f4;
                top: -50px;
                z-index: 999999999999999999;
                display: flex;
                align-items: center;
                justify-content: center;
               
                border: solid 1px #dddddd;
                padding-left: 15px;
                padding-right: 5px;
            }
            .close_btn {
                cursor:pointer;
                padding: 12px 39px;
            border: none !important;
            position: absolute;
            background: #f4f4f4;
            top: -53px;
            z-index: 999999999999999999;
            display: flex;
            right: 0;
            align-items: center;
            justify-content: center;
            border: solid 1px #dddddd;
            padding-left: 15px;
            padding-right: 5px;
            width: 126px;
            height: 53px;
            font-weight: 700;
            }

            .p_img {
                background-image: url(https://d2x5ku95bkycr3.cloudfront.net/App_Themes/Common/images/profile/0_200.png);
                height: 48px;
                width: 57px;
                background-size: contain;
                background-repeat: no-repeat;
            }

            .p_name {
                font-weight: 600;
            color: #de332a;
            }

            .btn_change {
               
            }

            .selected-plan {
                margin-top: 15px;
                border: 2px solid green !important;
                border-radius: 5px;
                padding: 15px;
            }

            .sweet-alert fieldset, .sa-error-container {
                display: none;
            }

            .payment-message {
                display: none;
            }

            .error h2 {
                color: red
            }

            .fn1 {
                text-align: center;
            }

            #pay-container {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .pay-container {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .clickable {
                cursor: pointer;
            }

            .plan-option-responsive {
                background-color: gray;
                border-color: gray
            }

            .modal {
               
            }
       
            
            .row-pad {
                padding: 40px 100px;
            } 
            .flex-ct {
                /* display: flex;  */
                justify-content: center;
            }
            .s_sub_margin-fix {
                margin-top: 10px;
            }
            .s_fix {
                padding: 10px;
            }
            .s_sub_title_sfix {
                margin-top: 8px; 
                padding: 10px; 
            }
            
            .semaine-k {
                font-weight: 500; margin-top: -22px; font-size: 14px; padding: 10px; margin-left: 4px;
            }
            .m-60 {
                margin-top: -60px; font-size: 25px;
            }

            .enough-txt {
                display: flex; align-items: center; margin-top: -12px; font-size: 18px; font-weight: 500;
            }

            .s_title.mt-60 {
                margin-top: -60px;
            }
            .paypal-button-text {
                display: none !important;
            }
            .h2-purchase {color: #4d4d4c; font-size: 20px; margin-top: 0px; margin-bottom: 0px; padding: 10px;}
            #buy_balance_section {
                padding-top: 10px !important;
            }
            .alert_upgrade {
                position: absolute;
                width: 50%;
                height: 100%;
                background: rgba(255, 255, 255, 1);
                z-index: 9999;
                right: 0;
            }
                    .subscribK {
                        font-weight: 600;
                        font-size: 26px;
                        color: #4d4d4c;
                        line-height: 30px;
                        margin-bottom: 11px;
                    }
                    .kb {
                        height: 53px !important;
                        margin-top: 15px;
                    }
                    
                    .w400 {
                        width: 400px;    
                    }
                    
                    @media only screen and (max-width: 767px) {
                        #modalk {
                            top: 0px !important;
                            left: 0px !important;   
                        }
                        .iti-mobile .intl-tel-input.iti-container {
                            top: 6.7% !important;
                            position: absolute !important;
                        }
                        .slider_head .back_btn {
                            height: 35px;
                            width: 170px;
                            background-color: #f4f4f4;
                            color: #4d4d4c;
                            font-weight: 800;
                            font-size: 15px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            cursor: pointer;
                            position: absolute;
                            top: 31px;
                            left: 0px;
                        }
                        
                    .subscribK { 
                        margin-bottom: 0px;
                    }
                    .w400 {
                        text-align: center;
                    }
                .kb {
                    height: 53px !important;
                    margin-top: -15px;
                }
                .alert_upgrade {
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(255, 255, 255, 1);
                z-index: 9999;
                left: 0;
            }
                .s_sub_title {
                    margin-top: auto !important;
                }
                .nom__2 {    margin-bottom: 16px !important;}
                .slider_content {
                    overflow: visible !important;
                }
                #upgrade_section {
                    margin-bottom: 50px;
                    background: #efefef;
                    padding: 24px 10px;
                    border: solid 2px white;
                }
                .row-cm {
                    width: auto !important;
                } 
                .k_title {
                    font-size: 22px !important;
                }
                .payline-button-recharge {
                    margin-top: 15px !important;
                }
                .needed_2 {
                    font-size: 19px;
                    font-weight: 300;
                    margin-top: -11px;
                    margin-left: 0px !important;
                }
                #buy_balance_section {
                    margin-top:0px !important;
                   

                    display: flex ;
          
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            width: 100% !important;

                display: block;
            background: #eee;
            border: solid 5px white;
                }
                #buy_warn {
                    padding-bottom: 0px !important;
                }

                .h2-purchase {color: #4d4d4c; font-size: 20px; margin-top: 0px; margin-bottom: 0px; padding: 0px !important;}
                .stki {
                    margin-top: -5px !important;
                }
                .hrk {
                    margin-top: -30px !important;
                }
                .icon_warn {
                    margin-right: 16px;
                }
                .enough-txt {
                    display: flex;
                    align-items: center;
                    margin-top: 10px;
                    font-size: 18px;
                    font-weight: 500;
                }

                .s_title.mt-60 {
                    margin-top: 0px !important; font-size: 25px;
                    margin-top: 15px !important;
                }
                .semaine-k {
                    font-weight: 500;
                    margin-top: -35px;
                    font-size: 14px;
                    padding: 10px;
                 
                }
                .mt-25 {
                    margin-top: 0px !important;
                }
                .nom__2 {
                    padding: 0px !important;
                }
                .slider_wrap {
                    overflow: scroll;
                    height: 100%;
                    padding-top: 30px;
                    /* padding-top: 60px; */
                }
                .container-cm {
                    display: block !important;
                }
                .row-cm {
                    padding: 0px;
                }
            #add_card_modal {
                    overflow: scroll;
                    height: 100vh;
                }
                .s_title {
                margin-bottom: 30px !important;
                }
                .slider_head {
                    padding-top: 10px;
                }
            .close_circle {
              
                }
                .profile {
                    padding-left: 0px;
                }
                .slider_section {
                    height: 100% !important;
                }
                .row-pad {
                    padding: 0px !important;
                }
                .slider_content {
                    margin-top: 5px;
                }
                .force-pad div {
                 
                        padding: 0px !important;
                }
                .fix-btn-default-n {
                    width: 100% !important;
                }
                .slides-wrapper {
                    display: block !important;
                }
                .flex-ct {
                    display: block !important; 
                }
                .slider_content {
                    overflow: scroll;
                    height: 85vh;
                }
                .s_title {
                    font-size: 28px;
                }
                .s_sub_margin-fix {
                    margin-top: -20px;
                }
                .s_fix {
                    padding: 0px;
                }
                .s_sub_title_sfix {
                    margin-top: 0px; 
                    padding: 0px; 
                }
            }
       
            .photo-wrap {}

            .main_photo {
                height: 400px;
                background: #d8d8d8;
            }

            .sub_photo_wrap {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: right;
             
            }

            .sub_photo {
                width: 150px;
                height: 100px;
                background: #d8d8d8;
                margin: 1px 1px 0px 0px;
            }

            .rest_wrapp {
                border: solid 1px #bcbcbc;
                padding: 10px;
            }

            .rest_wrapp div {
                padding: 23px 10px;
                border-bottom: solid 1px #dadada;
                text-align: left;
                font-size: 20px;
                font-weight: 500;
            }

            .rest_title span {
                color: #dd2706;
                font-weight: 800;
            }

            .no_rental {
                font-size: 14px !important;
                border: none !important;
                padding: 0 10px !important;
            }

            .rent {
                border-bottom: solid 1px #dadada !important;
                padding: 0 10px !important;
            }

            .rest_fecha {}

            .rest_invitados {
                border: none !important;
            }

            .rest_btn_reserva {
                border: none !important;
            }

            .rest_btn {

                background-color: #de332a;
                color: white;
                border: none;
                width: 100%;
                height: 63px;
            }
            .rest_btn_2 {

                background-color: #de332a;
                color: white;
                border: none;
                width: 100%;
                height: 63px;
            }

            #datep {
                opacity: 1 !important;
                border: none !important;
                width: 100% !important;
                color: #504f4f;
                font-weight: 500;
                font-size: 19px;
                height: 44px;
                font-family: sans-serif;
                background-image: url(/assets/calendar.svg) !important;
                background-size: 19px !important;
                background-repeat: no-repeat !important;
                background-color: #f8f8f8 !important;
                background-position-x: 96% !important;
                background-position-y: center !important;
            }

            .select2-container .select2-choice,
            .select2-container .select2-choices {
                background: none !important;
                border-color: #cccccc !important;
             
                background-color: #f8f8f8 !important;
            }

            .select2-container {
                padding-top: 0 !important;
            }

            .select2-container .select2-choice {
                height: 48px !important;
                margin-left: -10px;
            } 
            a:focus, a:hover , a{
    color: #333;
    text-decoration: none;
}