/* font-families */

    @font-face {
        font-family: 'Myriad Pro Regular';
        font-style: normal;
        font-weight: normal;
        src: url('../fonts/Myriad-Pro-Regular.woff2') format('woff2');
    }
    
    @font-face {
        font-family: 'Myriad Pro Light';
        font-style: normal;
        font-weight: normal;
        src: url('../fonts/Myriad-Pro-Light.woff2') format('woff2');
    }
    
    @font-face {
        font-family: 'Myriad Pro Bold';
        font-style: normal;
        font-weight: normal;
        src: url('../fonts/Myriad-Pro-Bold.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Myriad Pro Semibold';
        font-style: normal;
        font-weight: normal;
        src: url('../fonts/Myriad Pro-Semibold.woff2') format('woff2');
    }

html, body {
    max-width: 100%;
}

.container{
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
}

/* Header section */
.menu-header {
    background-color: #686058;
    padding: 1.5em 0.5em;
}

/* .main-menu { text-align: right} */

/* .main-menu a {
    color: rgba(255,255,255,.5);
    text-decoration: none;
    padding:0 10px 0 10px;
}

.main-menu a:hover {
    color: white;
} */

.dropdown-menu a {
    color: white;
    padding: 10px 20px;
}

/* .dropdown-item:hover {
    background: none;
} */

.menu-header .dropbtn {
    color: white;
    padding-left: 11px;
    padding-bottom: 14px;
    font-size: 28px;
}

.menu-header .dropdown {
  position: relative;
  display: inline-block;
}

.menu-header .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 205px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
    right: 0;
    top: 1rem;
    margin-top: 40px;
    padding: 21px 30px;
    border-radius: 4px;

}
.menu-header .dropdown-content a {
  color: black;
  padding: 12px 0;
  text-decoration: none;
  display: block;
  font-family: 'Myriad Pro Regular';
  font-size: 17px;
}
.menu-header .dropdown-content a:hover {font-weight: 600;}

.menu-header .dropdown:hover .dropdown-content {display: block;}
.menu-header .profileimg:hover + li .dropdown-content { display: block; }

.menu-header ul.menulist {
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    align-items: center;
}
.homebanner img.bannerimg {
    width: 100%;
    object-fit: cover;
}
.homebanner .banner-box {
    position: absolute;
    top: 16%;
    right: 16%;
    width: 37%;
}
.homebanner .opacitybox {
    background-color: #00000061;
    border-radius: 3px;
}
.homebanner .banner-box h2 {
    font-size: 38px;
    color: #fff;
    text-align: right;
    font-family: 'Myriad Pro Bold';
    padding: 22px;
    width: 78%;
    margin-left: 3em;
}
.orngdot {
    color: #ff671d;
}
.banner-box p.required {
    color: #fff;
    margin-top: 0.5em;
    font-size: 14px;
    margin-bottom: 0;
}
.banner-box button.btn {
    background-color: #ff671d;
    border-radius: 2px;
    float: right;
    padding: 8px 35px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Myriad Pro Regular';
}
.banner-box button.btn i.fa.fa-search {
    padding-right: 7px;
}
.banner-box input{
    padding-left: 25px;
    cursor: pointer;
}
.banner-box input::placeholder{
    font-size: 14px;
    color: #B7B7B7;
}
.banner-box .calendar-icon {
    background: url('imgs/Calendar-Icon.png')no-repeat scroll left 5px top 12px #fff;
}
.banner-box .location-icon {
    background: url('imgs/Location-Icon.png')no-repeat scroll left 8px top 12px #fff;
}
.banner-box .person-icon {
    background: url('imgs/Person-Icon.png')no-repeat scroll left 7px top 12px #fff;
}
.banner-box .price-icon {
    background: url('imgs/Price-Icon.png')no-repeat scroll left 7px top 12px #fff;
}
.banner-box .amenities-icon {
    background: url('imgs/Amenities-Icon.png')no-repeat scroll left 7px top 12px #fff;
}


.njbrhome .homemap iframe {
    width: 100%;
    /* height: 100%; */
}
.njbrhome h2 {
    font-size: 2.0rem;
    /* font-family: 'Myriad Pro Bold'; */
    color: #444444;
}
/* .slideproducts .filterselect p {
    font-size: 20px;
    color: #444444;
    margin: 6px 20px;
    font-family: 'Myriad Pro Regular';
} */
.slideproducts .filterselect select.form-select {
    border: none;
    color: #444444;
    font-family: 'Myriad Pro Regular';
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0;
    cursor: pointer;
	font-size: 20px;
    word-wrap: normal;
}
.slideproducts .filterselect select.form-select option {
    cursor: pointer;
}
ul.fivestars {
    list-style-type: none;
    display: flex;
    color: #6A635B;
}
ul.fivestars li {
    padding-right: 2px;
    font-size: 12px;
}
.cardslider h5.card-title {
    /* The line-clamp property truncates text at a specific number of lines */
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
    color: #444444;
    font-size: 16px;
    font-family: 'Myriad Pro Regular';
}
.cardslider p.card-text {
    color: #7C7C7C;
    font-size: 15px;
    font-family: 'Myriad Pro Regular';
    margin-bottom: 0;
    font-weight: 600;
}
h2.yourtop-txt {
    font-size: 45px;
}
h6.listcountplus2 {
    color: #7C7C7C;
}
.cardslider .carousel-control-prev-icon:hover,
.cardslider .carousel-control-next-icon:hover,
.brslider .carousel-control-prev-icon:hover,
.brslider .carousel-control-next-icon:hover {
    background-color: #ff671d;
    border-radius: 3px;
}

/* .cardslider .card-body {
    padding: 12px 10px;
    height: 170px;
} */

.njbrhome .homemap {
    padding-left: 20px;
}
/* .cardslider {
    display: flex;
} */

/* .cardslider .card {
    max-height: 350px;
} */

.cardslider span.discavl,
.jb-card-image span.discavl {
    position: absolute;
    bottom: 22px;
    right: 0;
    background-color: #ff671d;
    color: #fff !important;
    text-decoration: none;
    padding: 2px 6px;
    font-size: 12px;
    z-index: 9;
    width: 70%;
    text-align: center;
}
.cardslider span.rdybook,
.jb-card-image span.rdybook {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #00000085;
    color: #fff !important;
    text-decoration: none;
    padding: 2px 9px;
    font-size: 12px;
    z-index: 9;
    width: 70%;
    text-align: center;
}
.cardslider span.pprpln,
.jb-card-image span.pprpln {
    background-color: #666666;
    opacity: 0.7;
    color: #fff;
    padding: 2px 9px;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    font-size: 14px;
    z-index: 9;
}

.cardslider .carousel-indicators [data-bs-target],
.brslider .carousel-indicators [data-bs-target] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.cardslider .carousel-indicators{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    margin-left: 13%;
}
.banner-box .locationoptn {
    position: absolute;
    z-index: 99;
    right: 12px;
    width: 90%;
    margin-top: 6px;
    padding: 11px 0;
    display: none;
}
.banner-box .selectbox {
    background-color: #fff;
    color: #444444;
    padding: 20px 37px;
    position: absolute;
    margin-top: 6px;
    border-radius: 4px;
    box-shadow: 0px 3px 9px #ccc;
    border: 1px solid #ccc;
    text-align: center;
    z-index: 99;
}
.banner-box .rmcap {
    display: none;
}
.banner-box .prcrng{
    display: none;
}
.selectbox .prgrsbar {
    width: 95%;
    height: 2px;
    margin: auto;
    background-color: #ff671d;
    margin-bottom: 2em;
    margin-top: 1.5em;
}
.selectbox .prgrsbar::before,
.selectbox .prgrsbar::after {
    content: " ";
    position: absolute;
    bottom: 67px;
    width: 20px;
    height: 20px;
    background-color: #ff671d;
    border-radius: 50%;
    border: 1px solid #fff;
}
.selectbox .prgrsbar::before{
    left: 24px;
}
.selectbox .prgrsbar::after{
    right: 22px
}
.banner-box .selectbox a {
    background-color: #ff671d;
    color: #fff;
    text-decoration: none;
    padding: 6px 18px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 11px;
}
.amenities-boxes {
    position: absolute;
    background: #fff;
    right: 0;
    margin-top: 7px;
    box-shadow: 0px 3px 9px #ccc;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 17px 27px;
    width: 95%;
    margin-right: 12px;
    font-family: 'Myriad Pro Regular';
    z-index: 99;
    display: none;
}
.amenities-boxes a {
    background-color: #ff671d;
    color: #fff;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 12px;
}
.amenitie-box {
    border: 1px solid #ababab;
    border-radius: 4px;
    padding: 1px 10px;
    text-align: center;
}



.ui-datepicker {
    background-color: #fff;
    width: 25%;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 1em;
    margin: 7px 0;
}
.ui-datepicker-header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.ui-datepicker-header a.ui-datepicker-prev {
    order: 1;
}
.ui-datepicker-header .ui-datepicker-title {
    order: 2;
}
.ui-datepicker-header a.ui-datepicker-next {
    order: 3;
}





/* search reasult */

.menu-header ul.srchbar {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin-bottom: 0;
}
.menu-header .srchbar li:not(:last-child) {
    padding-right: 8px;
}
.menulist h1.usernameicon {
    color: #fff;
    width: 51px;
    height: 51px;
    /*line-height: 1;*/
    text-align: center;
    background-color: #ff671d;
    border-radius: 50%;
    border: 1px solid #fff;
    font-family: 'Myriad Pro Semibold';
}
.menulist p.username {
    color: #fff;
    margin-right: 6px;
    font-family: 'Myriad Pro Regular';
    font-size: 16px;
    margin-bottom: 0;
}
.srchbar .locationoptn {
    width: 17%;
    left: 28.6%;
}
.srchbar .rmcap {
    left: 40%;
    width: 40%;
}
.srchbar .prcrng {
    right: 18%;
}
.srchbar .amenities-boxes {
    width: 62%;
    margin-right: -1px;
}



/* Boardroom Detail */

.brslider .carousel-indicators [data-bs-target].active {
    width: 7px;
    height: 7px;
}
.carousel-indicators{
    align-items: center;
}
.brslider .carousel-indicators {
    bottom: 1.5em;
}
.brslider a.request-to-book {
    position: absolute;
    bottom: 0;
    background-color: #686058;
    color: #ffffffb5 !important;
    text-decoration: none;
    padding: 9px 54px;
    font-size: 13px;
    transform: translate(-50%, 0);
}
.brslider a.request-to-book i {
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: #ff671d;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}
.brdetailmain p.gotosrchrslt a {
    /* color: #7C7C7C; */
    color: #000000;
    text-decoration: none;
}
.brdetailmain p.gotosrchrslt i {
    color: #ff671d;
    font-size: 28px;
    margin-right: 7px;
    position: relative;
    bottom: -3px;
}
.detail-amen-box {
    border: none;
    box-shadow: none;
    padding: 0;
}
.brdetailmain {
    font-family: 'Myriad Pro Regular';
}
.brdetailmain h4 {
    color: #000000;
    /* color: #444444; */
    font-size: 25px;
    margin-bottom: 0.8em;
	font-weight:bold;
}

.brdetailmain ul li{
    /* color: #444444; */
    color: #000000;
    font-size: 15px;
}
.request-card p.date{
    font-size: 19px;
}
.request-card ul  {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    align-items: center;
}
.request-card ul li {
    padding: 0 6px;
}
.request-card {
    box-shadow: 0px 0px 11px #ccc;
    border-radius: 4px;
    padding: 20px 40px 35px 40px;
    background-color: #f2f2f2;
}
.request-card a.chngchk {
    color: #fff;
}
.request-card a.chngchk {
    border: none;
    background-color: #ff671d;
    margin-bottom: 10px;
    padding: 10px 0;
    display: block;
}
.request-card button.btn.btn-primary {
    /* background-color: #ff671d;
    border-color: #ff671d; */
    text-transform: uppercase;
    background-color: #006400;
    border-color: #006400;
    width: 100%;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 17px;
    margin-bottom: 10px;
}

.availability-card button.btn.btn-outline-secondary {
    border: 2px solid #ff671d;
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
    color: #ff671d;
    margin-top: 2em;
}
.availability-card button.btn.btn-outline-secondary:hover {
    background-color: #ff671d;
    color: #fff;
}
.availability-card p.pricehrdy strong {
    font-size: 25px;
    color: #444444;
    font-weight: 400;
}
.availability-card p.pricehrdy {
    color: #a1a1a1;
    margin-bottom: 0;
}
.availability-card p.dicnt {
    text-align: center;
    background-color: #ec0517;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    border-radius: 7px;
    padding-bottom: 4px;
}
.availability-card p.dicnt strong {
    font-size: 23px;
}
.availability-card .hr {
    border-bottom: 1px solid #ccc;
    margin-bottom: 17px;
    padding-bottom: 17px;
    margin-left: 0px;
    margin-right: 0px;
}


.brdetailmain ul.fivestars li.starcounting {
    padding-left: 1em;
}
.brdetailmain .address p.locnm {
    font-size: 17px;
}
.brdetailmain .features a,
.brdetailmain .house-rules a {
    display: block;
    /* color: #444444; */
    color: #000000;
    padding-left: 2em;
    margin-bottom: 1em;
}
.brdetailmain .house-rules button.btn.btn-outline-secondary {
    border: 2px solid #ff671d;
    width: 45%;
    font-size: 14px;
    padding: 10px 0;
    color: #ff671d;
    font-weight: 600;
}
.brdetailmain .house-rules button.btn.btn-outline-secondary:hover {
    background-color: #ff671d;
    color: #fff;
}
.brdetailmain .reviews p.brbtm .active {
    border-bottom: 2px solid;
    padding-bottom: 3px;
    /*padding-right: 5px;*/
    /* color: #444444; */
    color: #000000;
    font-weight: 700;
}
.brdetailmain .reviews p.brbtm span {
    color: #B7B7B7;
}
.brdetailmain .reviews a {
    /* color: #444444; */
    color: #000000;
}
.brdetailmain .location iframe {
    width: 100%;
}
/* .otherbrthishost .cardslider a.discavl { */
    /* bottom: 9.5em; */
/* } */
/* .otherbrthishost .cardslider a.rdybook { */
    /* bottom: 7.7em; */
    /* padding: 2px 25px; */
/* } */



/* help-center */
.help-hero {
    background-image: url(imgs/help-hero-banner.jpg);
    height: 490px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.wrapper-help-center, .booking-detail {
    font-family: 'Myriad Pro Regular';
}
.wrapper-help-center h2.help-header {
    font-size: 55px;
    font-weight: 700;
    color: #686058;
    margin-bottom: 0.5em;
}
.wrapper-help-center .help-icon {
    width: auto;
    height: 100px;
    margin-bottom: 2em;
}
.wrapper-help-center .link-text {
    font-size: 17px;
    color: #444444;
    text-decoration: underline;
}


/* Booking Details */
.booking-detail h1.header {
    font-size: 30px;
    color: #444444;
    margin-bottom: 1em;
    margin-top: 1em;
    font-weight: 600;
}
.booking-detail .address p.locnm {
    font-size: 20px;
    margin: 0;
    color: #444444;
}
.booking-detail .address p.bechs {
    font-size: 20px;
    margin: 0;
    color: #7C7C7C;
}
.booking-detail .address p.tornt {
    font-size: 17px;
    margin: 0;
    color: #444444;
}
.booking-detail .payment-card {
    box-shadow: 0px 0px 12px #ccc;
    border-radius: 4px;
    padding: 3em 2.4em;
}
.payment-card button.btn.btn-primary {
    background-color: #ff671d;
    border-color: #ff671d;
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
}
.payment-card ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    color: #444444;
}
.payment-card p.date {
    font-size: 20px;
    color: #444444;
}
.payment-card p.hours {
    font-size: 17px;
    color: #444444;
}
.payment-card .cost {
    background-color: #E5E5E5;
    padding: 7px 17px;
    font-size: 17px;
    margin-bottom: 1em;
}
.payment-card .cost ul li {
    padding: 0 6px;
}
.payment-card .totlcost li strong {
    font-size: 20px;
}
.payment-card  p.paradetail {
    color: #444444;
    font-size: 16px;
    margin: 2em 0;
}



/* Profile-Settings */
.bg-content-grey {
    /* background-color: #E5E5E5; */
    background-color: #707070;
    font-family: 'Myriad Pro Regular';
}
.user-setting-wrapper .account-main .account-header {
    max-width: 336px;
    color: #686058;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin: auto;
}
.user-setting-wrapper .account-main .account-header {
    max-width: 336px;
    color: #686058;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin: auto;
}
.user-setting-wrapper .account-main .profile-pic {
    margin: 12px auto 20px auto;
    width: 140px;
    height: 140px;
    background-color: #FF7F40;
    border-radius: 50%;
    text-align: center;
    border: 3px solid #FFAF93;
}
.user-setting-wrapper .account-main .profile-pic .setting-username {
    font-size: 85px;
    color: #FFFFFF;
    width: 135px;
    height: 135px;
    font-weight: 500;
}
.user-setting-wrapper .account-main .profile-pic .profile-username {
    font-size: 85px;
    color: #FFFFFF;
    width: 135px;
    height: 135px;
    font-weight: 500;
}
.user-setting-wrapper .account-main .up-add-update-photo {
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    margin: auto;
    width: 100px;
}
.user-setting-wrapper .email-pass-wrapper {
    margin: auto;
    margin-top: 2em;
}
.user-setting-wrapper .alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.user-setting-wrapper .account-main .email-pass-wrapper .account-textbox .email-text,
.user-setting-wrapper .account-main .email-pass-wrapper .account-textbox .pwd-text {
    font-size: 15px;
    padding-left: 24px;
    padding-bottom: 4px;
}
.user-setting-wrapper .account-main .email-pass-wrapper .account-textbox .input-changelink-wrapper {
    display: flex;
    justify-content: center;
}
.user-setting-wrapper .account-main .email-pass-wrapper .account-textbox .input-changelink-wrapper input {
    width: 275px;
    height: 40px !important;
    border-right: none;
    background-color: white !important;
    border-radius: 4px 0 0 4px;
}
.email-pass-wrapper input, .email-pass-wrapper select {
    padding: 11px;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000;
    border: none;
    font-size: 16px;
    letter-spacing: 1px;
    height: 50px !important;
}
.user-setting-wrapper .account-main .email-pass-wrapper .account-textbox .input-changelink-wrapper .change-link {
    color: #AAAAAA;
    opacity: 1;
    cursor: pointer;
    background-color: white;
    padding-right: 5px;
    line-height: 38px;
    border-radius: 0 4px 4px 0;
}
.user-setting-wrapper .edit-account-info-link.mt-4 {
    text-align: center;
    color: #ff7f40;
    font-size: 14px;
}
.user-setting-wrapper .settings-listing {
    background-color: #fff;
    padding: 35px;
    border-radius: 8px;
}
.user-setting-wrapper .settings-listing p {
    color: #444444;
    font-size: 16px;
}
.user-setting-wrapper .settings-listing p span {
    color: #7C7C7C;
    font-size: 14px;
}
.user-setting-wrapper .settings-listing ul {
    list-style-type: none;
    padding-left: 0;
}
.settings-listing .form-check-input:checked {
    background-color: #ff7f40;
    border-color: #ff7f40;
}
.settings-listing button.btn.btn-primary {
    width: 100px;
    height: 42px;
    font-size: 14px;
    background-color: #ff7f40;
    border-color: #ff7f40;
}
.signedout-sucs h4 {
    font-size: 25px;
    color: #444444;
}
.signedout-sucs a.btn.btn-primary {
    margin: 3em 0;
    width: 325px;
    height: 50px;
    font-size: 15px;
    background: #FF671D;
    border-color: #FF671D;
    line-height: 36px;
    font-family: 'Myriad Pro Semibold';
}




/* signedout-successfully */
.signedout-sucs-banner {
    background-image: url(imgs/signdout-sucs.jpg);
    width: 100%;
    height: 500px;
    background-position: center;
    background-size: cover;
    font-family: 'Myriad Pro Regular';

}


/* saved-boardrooms */
.saved-boardrooms h1.saved-header {
    font-size: 35px;
    /* color: #686058; */
    color: #000000;
    font-family: 'Myriad Pro Regular';
    font-weight: 600;
}
.hidecontent p {
    font-size: 30px;
    color: #D9D8D6;
}
.hidecontent img {
    width: 86px;
    margin: 1em 0;
}
.hidecontent a {
    text-decoration: none;
    color: #FF671D;
    font-size: 20px;
    margin-top: 1em;
    display: block;
    font-family: 'Myriad Pro Regular';
    font-weight: 600;
}






/* requestmodal */
/********** requestmodal ***********/
.form-check.bigbox input#flexCheckDefault {
    border: 1px solid #FF671D;
    width: 1.2em;
    height: 1.2em !important;
    margin-top: 0;
}
.form-check.bigbox label.form-check-label {
    padding-left: 10px;
}
.form-check.bigbox input#flexCheckDefault:checked {
    background-color: #FF671D;
}
.form-check.smalbox input#flexCheckDefault {
    border: 2px solid #707070;
}
.form-check.smalbox input#flexCheckDefault:checked {
    background-color: #707070;
}
.requestmodal select.form-select {
    border: none;
    width: 80%;
    margin-left: 19px;
    color: #444444;
    font-family: 'Myriad Pro Regular';
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0;
    padding-left: 0;
}
.fromto p {
    margin-bottom: 0;
    color: #444444;
}
.requestmodal ul.choice {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    align-items: center;
}
.requestmodal ul.choice li:not(:last-child) {
    padding-right: 3em;
}
.requestmodal ul.choice li strong {
    color: #444444;
    font-size: 20px;
}
.requestmodal ul.choice li a {
    color: #444444;
}
.requestmodal ul.choice li a.btn.btn-primary {
    background-color: #FF671D;
    border-color: #FF671D;
    color: #fff;
    font-size: 14px;
    padding: 11px 24px;
}
section.requestmodal {
    color: #444444;
}
.requestmodal ul.availabilitytym {
    list-style-type: none;
    padding-left: 0;
    border-top: 3px solid #707070;
    border-bottom: 4px solid #707070;
    height: 500px;
    overflow: hidden;
    overflow-y: scroll;
}
.availabilitytym::-webkit-scrollbar {
    display: none;
}
.requestmodal ul.availabilitytym li {
    border: 1px solid #707070;
    padding: 4px 0px 3px 18px;
}
.requestmodal ul.availabilitytym li.closed {
    background-color: #707070;
    color: #a3a3a3;
}
.requestmodal ul.availabilitytym li.active {
    background-color: #FFA457;
    color: #fff;
}
.requestmodal ul.availabilitytym li.booked {
    background-color: #B7B7B7;
}

.banner-box .col-md-6.position-relative {
    margin-bottom: 8px;
}


/* 6/6/22 */
.modal-dialog.modlwidth {
    max-width: 800px;
}
.requestmodal input {
    height: unset !important;
}
.requestmodal .datepicker-inline {
    width: 339px;
}
/* .requestmodal .table-condensed {
    width: 100%;
} */
/* availibility pop up */
div#checkavailabilityModal .modal-dialog {
    max-width: 785px;
}
div#checkavailabilityModal .requestmodal > .form-check {
    margin-left: 30px;
}
.cavailcalsec {
    padding-bottom: 65px;
}
.cavailcalsec th.prev {
    position: absolute;
    left: -5px;
    height: 25px;
    color: transparent;
    background: url(../imgs/orange-left.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.cavailcalsec th.next {
    position: absolute;
    right: -5px;
    height: 25px;
    color: transparent;
    background: url(../imgs/orange-right.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.cavailcalsec th.next:hover {
    background: url(../imgs/orange-right.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.cavailcalsec th.prev:hover {
    background: url(../imgs/orange-left.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.cavailcalsec .table-condensed thead > tr:nth-child(2) {
    background: #D9D8D6;
}
.cavailcalsec .datepicker .datepicker-switch {
    border-radius: 0;
}
.cavailcalsec .datepicker th.dow {
    padding: 10px 0;
}
.cavailcalsec .datepicker td.day:hover {
    background: #707070 !important;
    color: #fff;
}
.cavailcalsec .datepicker  td.active.day {
    background: transparent !important;
    outline: 1px solid #ff671d;
    color: #000 !important;
}
.cavailcalsec .datepicker  td.today.day:hover {
    color: #fff !important;
}
.cavailcalsec .datepicker td.highlighted {
    background: transparent !important;
    border-radius: 5px !important;
}

.select-checks > label {
    display: block;
    margin-bottom: 5px;
    font-family: 'Myriad Pro Regular';
    font-size: 19px;
}

.cavailcalsec .select-checks {
    margin-top: 25px;
    margin-left: 5px;
}
.cavailcalsec .book-by-hour {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 7%;
}
.cavailcalsec .book-by-hour label{
    width: 49%;
}
.cavailcalsec .book-by-hour select {
    width: 100%;
    padding: 5px 10px;
    height: fit-content !important;
    border: none;
    background: #eeeeee75;
    border-radius: 5px;
}
/* div#timeSlots {
    padding-left: 65px;
} */
#timeSlots ul {
    display: block;
    border-top: 3px solid #707070;
    border-bottom: 3px solid #707070;
}
/* div#timeSlots > p {
    font-family: 'Myriad Pro Regular';
    font-size: 16px;
    margin-bottom: 8px;
    color: #00000080;
} */
div#timeSlots > p > b {
    color: #444444;
    text-transform: capitalize;
}
#timeSlots ul li {
    width: 100%;
}
#timeSlots ul li {
    width: 100%;
    background-color: transparent;
    border: 1px solid #707070;
    padding: 8px 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #000;
    font-family: 'Myriad Pro Regular';
    font-size: 14px;
    letter-spacing: .7px;
    position: relative;
    z-index: 1;
}
#timeSlots ul li:nth-child(even) {
    padding-left: 21px;
}
#timeSlots ul li > input {
    margin-left: 0;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    background: transparent !important;
    border: none !important;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
    -webkit-appearance: none;
}

#timeSlots ul li > input:checked {
    opacity: 1;
    background: #ff671d !important;
}

/* style the custom checkboxes */
#timeSlots ul li .slot-checkmark {
    border: 1px solid black;
    border-radius: 3px;
    position: absolute;
    top: 5px;
    left: 40%;
    height: 20px;
    width: 20px;
    background-color: inherit;
}

/* Create the checkmark/indicator (hidden when not checked) */
#timeSlots ul li .slot-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#timeSlots ul li > input:checked ~ .slot-checkmark:after {
    display: block;
}
  
/* Style the checkmark/indicator */
#timeSlots ul li .slot-checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.cavl-submit-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cavl-submit-sec  button.avlsubmit {
    border: navajowhite;
    background: #ff671d;
    color: #fff;
    padding: 17px 34px;
    line-height: 1;
    border-radius: 7px;
    font-size: 15px;
}
.cavl-submit-sec button.avlcancle.btn {
    text-decoration: underline;
    font-size: 15px;
    color: #7C7C7C;
    line-height: 1;
}
.cavl-submit-sec p.available-price {
    font-size: 18px;
    margin-bottom: 0;
}
.cavl-submit-sec p.available-price b {
    font-size: 25px;
    font-family: 'Myriad Pro Bold';
}
.cavl-submit-sec {
    position: relative;
    bottom: 30px;
    margin-top: -50px;
}
.cavailcalsec .select-checks input {
    background-image: url(../imgs/checkwhite.png);
    -webkit-appearance: none;
    width: 16px;
    height: 16px!important;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #707070;
    border-radius: 3px;
    margin-right: 5px;
}

.cavailcalsec .select-checks label input:checked {
    background-color: #ff671d;
}

.brslider .carousel.slide {
    height: 600px;
}
.brslider .carousel-inner {
    height: 100%;
}
.brslider .carousel-item > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brslider .carousel-item {
    height: 100%;
}


.greyed {
    filter: opacity(0.5);
}


/* dashboard-1 */

.dashboard .lefthead ul.Profile {
    padding-left: 0;
    list-style-type: none;
}
.dashboard li.profile-username {
    font-size: 50px;
    background: #ff671d;
    color: #fff;
    width: 77px;
    height: 77px;
    text-align: center;
    border-radius: 50%;
    font-family: 'Myriad Pro Regular';
}
.dashboard li.profile-name {
    font-size: 35px;
    font-family: 'Myriad Pro Bold';
    /* color: #686058; */
    color: #000000; /* rebranding */
    margin-top: 9px;
}
.dashboard .lefthead .progress {
    height: 0.7rem;
    background-color: #FFAF9398;
    border-radius: 1rem;
}
.dashboard .lefthead .progress-bar {
    background-color: #ff671d;
    border-radius: 1rem;
}
.dashboard p.prgrsinfo {
    font-size: 16px;
    margin-top: 0.6em;
}
.dashboard .threeoptn .custom-control.custom-checkbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    padding: 5px 0;
    font-family: 'Myriad Pro Regular';
    padding-right: 2em;
}
.dashboard .lefthead p.updtac {
    font-size: 15px;
    color: #FF671D;
    font-family: 'Myriad Pro Regular';
    font-weight: 600;
    margin-top: 1em;
    padding-bottom: 1em;
}
.dashboard hr {
    color: #c1c1c1;
}
.dashboard .listing-inbox-notifn {
    color: #444444;
    font-size: 20px;
    font-family: 'Myriad Pro Regular';
    margin-top: 1.7em;
}
.dashboard .lefthead p.seeinbx {
    font-size: 15px;
    color: #FF671D;
    font-family: 'Myriad Pro Regular';
    font-weight: 600;
}
.dashboard .righthead p.brmetngs {
    /* color: #686058; */
    color: #000000; /* rebranding */
    font-size: 24px;
    margin-bottom: 0;
}
.dashboard .righthead select.form-select {
    color: #444444;
}
.dashboard .findbr {
    max-width: fit-content;
    margin: auto;
    text-align: center;
}
.dashboard .findbr p {
    color: #B7B7B7;
    font-size: 25px;
    font-family: 'Myriad Pro Regular';
    line-height: 30px;
}
.righthead .findbr p b {
    color: #FF671D;
    font-size: 20px;
    font-family: 'Myriad Pro Regular';
}
.threeoptn .form-check-input:checked {
    background-color: #ff671d;
    border-color: #ff671d;
}
.threeoptn .form-check-input {
    border-radius: 1em;
    width: 20px;
    height: 20px;
}



/* dashboard-2*/

.dashboard.listed .righthead .card-header {
    background-color: #e7e7e7;
    border-radius: 9px 9px 0px 0px !important;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dashboard.listed .righthead .card {
    border-radius: 10px;
    margin: 15px 0;
}
.dashboard.listed .righthead .card-header-text ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    display: flex;
}
/*.dashboard.listed .righthead li.date {*/
/*    color: #444444;*/
/*    font-size: 19px;*/
/*    font-family: 'Myriad Pro Semibold';*/
/*    padding-right: 2em;*/
/*    border-right: 1px solid #a5a5a5;*/
/*}*/
/*.dashboard.listed .righthead li.time {*/
/*    color: #444444;*/
/*    font-family: 'Myriad Pro Regular';*/
/*    font-size: 19px;*/
/*    padding-left: 1.3em;*/
/*}*/

.dashboard.listed .righthead div.date {
    color: #444444;
    font-size: 19px;
    font-family: 'Myriad Pro Regular';
    padding-right: 2em;
    border-right: 1px solid #a5a5a5;
}

.dashboard.listed .righthead div.time,
.dashboard.listed .righthead div.status-name {
    color: #444444;
    font-family: 'Myriad Pro Regular';
    font-size: 19px;
    padding-left: 1.3em;
}

.dashboard.listed .righthead div.status-name {color: #FF671D; font-weight: 800;} 



.dashboard.listed .righthead a.quen {
    text-decoration: none;
    margin-bottom: 0;
    font-size: 16px;
    color: #ff5500;
    font-family: 'Myriad Pro Regular';
}
.dashboard.listed .righthead p.torn,
.dashboard.listed .righthead p.metngid {
    color: #000000;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Myriad Pro Regular';
    line-height: 21px;
}

.dashboard.listed .righthead textarea#exampleFormControlTextarea1 {
    height: 52px;
}
.dashboard .listing-inbox-notifn ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    margin-bottom: 0;
}






/* add to card */
.addcard h2 {
    font-size: 30px;
    color: #444444;
    font-family: 'Myriad Pro Semibold';
}
ul.accepted-card {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-top: 1em;
}
ul.accepted-card li {
    padding-right: 1em;
    margin-bottom: 1em;
}
.addcard label.col-form-label {
    color: #444444;
    font-size: 15px;
    width: 100%;
}
.addcard input.form-control {
    border: 2px solid #B7B7B7;
    padding: 9px 15px;
}
.addcard select.form-select.date {
    float: left;
    width: 50%;
    border-radius: 5px 0px 0px 5px;
    border: 2px solid #B7B7B7;
    padding: 9px 15px;
    margin-left:0;

}
.addcard select.form-select.year {
    float: right;
    margin-left:0;
    width: 50%;
    border-radius: 0px 5px 5px 0px;
    border: 2px solid #B7B7B7;
    padding: 9px 15px;
}
.addcard button.btn.btn-primary {
    font-size: 14px;
    background-color: #FF671D;
    font-family: 'Myriad Pro Semibold';
    width: 70%;
    border-color: #ff671d;
    height: 54px;
}


/* Payment Methods */
.payment-methods2 ul.usecard {
    padding-left: 0;
    list-style-type: none;
    height: 200px;
}
.payment-methods1 ul.usecard {
    padding-left: 0;
    list-style-type: none;
}
.payment-methods2 h2, .payment-methods1 h2 {
    font-size: 30px;
    color: #444444;
    font-family: 'Myriad Pro Semibold';
}
.payment-methods2 ul.usecard li, .payment-methods1 ul.usecard li{
    color: #444444;
    font-family: 'Myriad Pro Regular';
    line-height: 2;
}
.payment-methods1 p.otheoptn {
    color: #444444;
    font-size: 17px;
    font-family: 'Myriad Pro Semibold';
}
.payment-methods1 ul.pymntproces {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    list-style-type: none;
    width: 83%;
    align-items: center;
    font-family: 'Myriad Pro Semibold';
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 1em;
}
.pymntproces li.cardnmbr {
    color: #444444;
    font-size: 16px;
    font-family: 'Myriad Pro Semibold';
}
.pymntproces li.cardnmbr {
    color: #444444;
    font-size: 16px;
}
.pymntproces li.selectopnt {
    color: #FF671D;
    font-size: 16px;
}
.pymntproces li.removeopnt {
    color: #7C7C7C;
    font-size: 14px;
}



/* 7/6/22 */

/* loginpg signuppg*/
.loginpg .card {
    border: 1px solid #505050;
}
.loginpg .card-body {
    padding: 2em 5em 2em 5em;
    background-color: #686058;
}
.loginpg h4.login-title {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 700;
}
.loginpg p.modal-sub-title {
    font-size: 0.9rem;
    color: #fff;
    margin-top: 2em;
}
.loginpg .btn-jb {
    background-color: #FF671D;
    color: #fff;
}
.loginpg .frgtnpswd{
    text-align: left;
}
.loginpg .frgtnpswd a{
    text-decoration: none;
}
.loginpg .login-footer {
    padding: 0.75em;
    border-top: 1px solid #dee2e6;
}
.loginpg .login-footer .row {
    align-items: center;
    justify-content: center;
}
.loginpg .login-footer .btn-sign-up {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 13px 28px;
}
.loginpg input:focus, .loginpg select:focus {
    box-shadow: none !important;
    border: 1px solid #FF671D !important;
    outline-width: 0 !important;
}
.loginpg input {
    padding: 1rem 0.9rem;
}
.loginpg .closbtn {
    background-color: #686058;
    padding-right: 2em;
    padding-top: 2em;
}

.signuppg2 input {
    padding: 9px;
}
.signuppg2 .eula {
    padding: 30px 0;
    margin: 17px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.signuppg2 .eulacontnt {
    padding: 1em;
    background-color: #fff;
    height: 400px;
    overflow: scroll;
}
.eulacontnt::-webkit-scrollbar {
    display: none;
}


/* homepg */
.homerow .row.mx-auto .col-md-2 {
    width: 14.666667%;
}
.homerow .row.mx-auto .col-md-6 {
    width: 55%;
}
/* .homerow .row.mx-auto .col-md-4 {
    width: 30.333333%;
} */

.homerow ul#pagin {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.homerow ul#pagin li {
    padding: 0.5em 0.7em;
}
.homerow ul#pagin li a {
    text-decoration: none;
    color: #686058;
    font-weight: 600;
    font-size: 20px;
}
.homerow ul#pagin li a.current {
    color: #fff;
    background-color: #686058;
    padding: 4px 12px;
    border-radius: 4px;
}
.homerow ul#pagin a:hover {
    text-decoration: underline;
}

.boardrooms-pagination-container {
    display: flex;
    /* background-color: DodgerBlue;
    border: 5px solid green;
    padding: 20px; */
    margin: 12px 0;
    justify-content: center;
    width: 100%;
}

.boardrooms-pagination-container > div {
    text-align: center;
}

.boardrooms-pagination-container > button {
    border: 2px solid #e7e7e7;
    color: black;
    font-size: 16px;
    padding: 10px 12px;
    /* flex: 0 0 10px;
    position: relative; */
    transition: all 0.01s ease;
}

.boardrooms-pagination-container > button:hover { background: #e7e7e7; }

#boardrooms-pagination {
    max-width: 360px;
    display: flex;
    flex: 1 1 auto;
    overflow-x: scroll;
}


#boardrooms-pagination a {
    color: black;
    float: left;
    padding: 8px 13px;
    margin: 2px 2px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
}

#boardrooms-pagination a.current {
    color: #fff;
    background-color: #686058;
    border-radius: 4px;
}

#boardrooms-pagination a:hover:not(.current) {background-color: #ddd; border-radius: 4px;}

/* Hide pagination scrollbar for Chrome, Safari and Opera */
#boardrooms-pagination::-webkit-scrollbar {
    display: none;
}

/* Hide pagination scrollbar for IE, Edge and Firefox */
#boardrooms-pagination {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* .cardslider .carousel-item img {
    width: 100%;
    display: block;
    height: 220px;
    object-fit: cover;
} */


.cavailcalsec .datepicker td.today.day {
    background: #707070 !important;
    color: #fff !important;
}

/* search-results  */

.banner-box .selectbox #room-slider-range,
.banner-box .selectbox #slider-range {
    border: none;
    max-width: 80%;
    margin: auto;
    background: #E2E2E2;
    height: 5px;

}
.banner-box .selectbox .ui-slider-range.ui-corner-all.ui-widget-header {
    background: #ff671d;
    height: 5px;
}
.banner-box .selectbox span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: #ff671d;
    border-radius: 50%;
    border: none;
    width: 27px;
    height: 26px;
    top: -11px;
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #858383;
    border: #000;
    color: #fff;
}


/** thankyoupg **/
.thanku-msg .endsectn {
    border-top: 1px solid #ccc;
}
.thanku-msg .endsectn h6 {
     color: #444444;
    font-family: 'Myriad Pro Semibold';
}
.thanku-msg .endsectn a {
    color: #444444;
    font-family: 'Myriad Pro Regular';
}
.thanku-msg .endsectn .col-md-6.pt-5:not(:first-child) {
    border-left: 1px solid #ccc;
    padding-left: 2em;
}




/**************** footer **************/

#wrapper-footer-full {
    background-color: #686058;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
/* .fdoter-logo {
    width: 75%;
} */
.footer-social-icons img {
    height: 37px;
    width: 37px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}
.footer-social-icons a {
    margin-right: 6px;
}
.footer-payment-types, .footer-app-links {
    font-size: 15px;
    color: #E2E2E2;
    margin-bottom: 1em;
}
.footer-app-links img {
    height: 32px;
    width: auto;
}
.footer-nav-list h5 {
    font-size: 15px;
    font-weight: 700;
    color: #E2E2E2;
}
.footer-nav-list ul {
    list-style-type: none;
    padding-left: 0
}
.footer-nav-list .nav-link.footer {
    color: #E2E2E2;
    font-size: 15px;
    /* padding: 3px 0; */
}
.signup {
    font-size: 17px;
    letter-spacing: 0px;
    color: #E2E2E2;
}
#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 10px 0 10px 3%;
}
#mc_embed_signup input {
    border: 1px solid #ABB0B2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 96%;
    padding-bottom: 3%;
    min-height: 50px;
}
#mc_embed_signup .mc-field-group input.email {
    font: Normal 15px/21px "Myriad Pro";
    letter-spacing: 0;
    color: #000;
    opacity: 1;
}
#mc_embed_signup .mc-field-group input.email::placeholder {
    color: #7C7C7C;
    font-family: 'Myriad Pro Regular';
}
#mc_embed_signup .mc-field-group input {
    font-size: 16px;
    font-family: 'Myriad Pro Bold';
    color: #FFFFFF;
    opacity: 1;
}
#mc_embed_signup .mc-field-group input {
    display: block;
    width: 100%;
    padding: 8px 0;
    text-indent: 2%;
    height: 44px;
    border-radius: 0px;
}
#mc_embed_signup .clear {
    clear: both;
}
#mc_embed_signup .button {
    clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}
#mc-embedded-subscribe {
    background-color: #FF671D!important;
}
#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em 0.5em 0em 0.5em;
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both;
}
.footer-payment-types img {
    height: 27px;
    width: 40px;
}
.footer-payment-types img#stripe-logo {
    height: auto; 
    width: 100px;
    border-right: 2px solid #fff;
}

.footer-payment-types img#paypal-logo {
    height: auto; 
    width: 100px;
}

.footer-legal, .footer-legal a,
.footer-legal a:active,
.footer-legal a:visited,
.footer-legal a:hover {
    font-size: 13px;
    color: #E2E2E2;
    text-decoration: none;
}

a {
    cursor: pointer;
}


/*///////////// Payment history / payment - export ////////////////*/
div#paymentHistory select#pex-years {
    margin-left: auto;
    display: block;
    width: fit-content;
    padding: 14px 30px 13px 20px;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    font-size: 17px;
    font-family: 'Myriad Pro Regular';
    margin-top: 25px;
    line-height: 1;
}
p.pex-country img {
    width: 30px;
    margin-left: 5px;
}
.payment-export {
    font-family: 'Myriad Pro Regular';
    font-size: 17px;
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    color: #444444;
    padding-left: 0;
    list-style: none;
    margin-top:7px;
}
ul.payment-export > li {
    margin-bottom: 15px;
}
.payment-export p.pex-country {
    text-transform: uppercase;
}
.payment-export .pex-header {
    background-color: #E5E5E5;
    padding-top: 12px;
    padding-bottom: 13px;
    padding: 12px 25px 13px 20px;
    margin: 0;
}
.payment-export > li > div {
    padding: 15px 0;
    margin-left: 20px;
    margin-right: 25px;
}
.payment-export .pex-cardinfo {
    /*text-transform: uppercase;*/
}
.payment-export p.payex-date {
    font-weight: bold;
}
.payment-export p {
    margin-bottom: 0;
    line-height: 1;
}
.pex-cardinfo {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.pex-address >:first-child {
    width: 75%;
    display: block;
}
.pex-address > span {
    display: block;
    line-height: 1.3;
    /*text-transform: uppercase;*/
}
.payment-export .pex-exportbtn{
    align-self: end;
    background: #FF671D;
    border: none;
    color: #fff;
    padding: 17px 0;
    border-radius: 10px;
    font-size: 15px;
    margin-top: 10px;
}
.payment-export .pex-footer {
    margin-bottom: 15px;
}

.brdetailmain .amenities-boxes .img-fluid {
    height: 52px;
    width: 100%;
    object-fit: contain;
}


/*create-account*/
.endusrlicagr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 17px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.readnagree input {
    padding: 11px;
    margin-right: 17px;
}
.readnagree {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 1em;
}
.agrmntfrm {
    overflow: scroll;
}
.agrmntfrm::-webkit-scrollbar {
     display: none;
}
.loginpg.signuppg .showdivonclick .donebtn .btn {
    color: #fff;
    border-color: #fff;
    padding: 8px 26px;
    text-transform: uppercase;
    border-radius: 3px;
}
.loginpg.signuppg .showdivonclick .donebtn .btn:hover {
    background: transparent;
    border-color: #ff671d;
}

/******************************* Responsive *****************************/


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

    .homebanner .banner-box {
        top: 3%;
        right: 5%;
        width: 50%;
    }
    .homebanner .banner-box h2 {
        font-size: 35px;
        padding: 16px;
    }
    /* .cardslider a.discavl,
    .cardslider a.rdybook {
        width: 77%;
    } */

    .reviews .col-md-2.col-lg-1 {
        flex-basis: 10%;
        max-width: 10%;
    }




   .profile-payment-tab .payment-methods1 ul.pymntproces {
        flex-wrap: wrap;
        justify-content: space-around;
    }




}

@media only screen and (max-width: 768px) {
    .menu-header .dropdown-content {
        top: 3.5rem;
    }

    .menulist h1.usernameicon {
        width: 47px;
        height: 45px;
        font-size: xx-large;
    }
    .homebanner.position-relative {
        height: 100%;
    }
    .homebanner .banner-box h2 {
        font-size: 28px;
        padding: 5px;
        margin-left: 2.6em;
    }
    /* .banner-box input {
        padding-top: 0;
        padding-bottom: 0;
    } */
    .banner-box button.btn {
        padding: 4px 28px;
        font-size: 12px;
    }
    .banner-box p.required {
        font-size: 12px;
    }
    .amenities-boxes{
        padding: 17px 5px;
        width: 95% !important;
    }
    .homerow .row.mx-auto .col-md-6 {
        flex-basis: 100%;
        max-width: 100%;
    }
    /* .cardslider a.discavl, .cardslider a.rdybook{
        width: 68%;
    } */

    .homerow .row.mx-auto .col-lg-4.col-md-12 #map {
        max-height: 250px;
        margin-top: 1em;
        max-width: 100%;
    }
    @media screen and (max-width:992px) {
        .homerow .row.mx-auto .col-lg-4.col-md-12 #map { max-width: 93%;}
    }

    /* .request-card {
        padding: 2em 1em;
    } */
    .amenities-boxes.detail-amen-box .col-md-3 {
        padding: 0 2px;
    }
    .reviews .col-md-2.col-lg-1 {
        flex-basis: 15%;
        max-width: 14%;
    }
    /* .cardslider a.discavl,
    .cardslider a.rdybook {
        width: 68%;
    } */


    .searchlihead .row.align-items-center {
        justify-content: space-between;
    }
    .searchlihead .row.align-items-center .col-lg-7.col-md-12 {
        order: 3;
    }
     .searchlihead ul.srchbar {
        margin-top: 1em;
    }


    .slideproducts .row.mb-4 .col-md-6 {
        flex-basis: 53%;
        max-width: 65%;
        margin-left: 2.5em;
    }
    /* .slideproducts .cardslider {
        justify-content: space-around;
    } */




    .jb-main  .user-profile-wrapper .account-main,
    .jb-main  .user-profile-wrapper .profile-payment-settings-main {
        width: 50%;
    }
    .profile-payment-tab .payment-methods1 ul.pymntproces {
        width: 100%;
    }
    .user-profile-body-wrapper .user-profile-wrapper-two .email-pass-wrapper {
        width: 90%;
    }



    .payment-export > li > div {
        padding: 10px 0;
        margin-left: 15px;
        margin-right: 20px;
    }
    .payment-export .pex-footer {
        flex-wrap: wrap;
    }
    .payment-export .pex-exportbtn {
        width: 100%;
    }
}




@media only screen and (max-width: 667px) {
    .homebanner .opacitybox .row.position-relative .col-md-4:not(:last-child) {
        margin-bottom: 0.5em;
    }
    /* .fdoter-logo {
        width: 47%;
    } */
    .menu-header .col-md-4.col-sm-3 {
        flex-basis: 33%;
        max-width: 33%;
    }
    .menu-header .col-md-4.col-sm-7 {
        flex-basis: 32%;
        max-width: 32%;
    }
    .menu-header .col-md-4.col-sm-2 {
        flex-basis: 35%;
        max-width: 35%;
    }
    .homebanner .banner-box {
        top: 2%;
        right: 4%;
        width: 78%;
    }
    .brslider a.request-to-book{
        padding: 9px 27px;
    }


    /* .request-card {
        margin-top: 3em;
        padding: 4em;
    } */
    .reviews.py-5.align-items-center {
        padding-bottom: 0em !important;
    }
    .reviews .col-md-2.col-lg-1 {
        flex-basis: 25%;
        max-width: 25%;
    }
    .brdetailmain h4 {
        font-size: 22px;
        text-align: center;
    }


    .slideproducts .row.mb-4 .col-md-6 {
        flex-basis: 52%;
        max-width: 60%;
        margin-left: 2.5em;
    }

    .homerow .row.mx-auto .col-md-4.col-sm-5 {
        flex-basis: 40%;
    }



    .user-profile-body-wrapper .company.profile-textbox input,
    .user-profile-body-wrapper .user-profile-wrapper .profile-payment-settings-main .profile-main .profile-textbox input {
        width: 100%;
        max-width: 100%;
    }
    .user-profile-body-wrapper .user-profile-wrapper .profile-payment-settings-main .tab .payment-tab {
        text-align: left;
    }

    .user-profile-body-wrapper .user-profile-wrapper-two input, .user-profile-body-wrapper .user-profile-wrapper-two select {
        max-width: 100%;
    }
}

@media only screen and (max-width: 460px) {
    .homerow .row.mx-auto .cardslider .col-md-4 {
        flex-basis: 100%;
    }
}

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

    .jb-registerform .card-body, .loginpg .card-body {
        padding: 2em 2em 0.5em !important;
    }
    .register-title, .loginpg h4.login-title {
        font-size: 2em !important;
        margin-bottom: 0.5em ;
    }
    .menu-header .row.align-items-center .col-sm-7 {
        display: none;
    }
    .menu-header .row.align-items-center .col-sm-3 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .menu-header .row.align-items-center .col-sm-2 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .menulist h1.usernameicon {
        width: 40px;
        height: 38px;
    }
    .menulist p.username {
        font-size: 13px;
    }

    .homebanner img.bannerimg {
        height: 100%;
    }
    .homebanner .banner-box {
        top: 3%;
        right: 10%;
        width: 80%;
    }
    .homebanner .banner-box h2 {
        font-size: 21px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        width: 100%;
    }
    .homebanner.position-relative {
        height: 377px;
    }

    .njbrhome h2 {
        font-size: 28px;
    }
    .homerow .row.mx-auto .col-md-6 {
        flex-basis: 80%;
        margin: auto;
    }
    /* .homerow .row.mx-auto .cardslider .col-md-4 {
        flex-basis: 100%;
    } */
    .banner-box button.btn {
        padding: 8px 35px;
    }
    .homerow .col-xl-6.col-lg-7.col-md-12 {
        width: 100%;
        margin: auto;
    }

    .brslider a.request-to-book {
        width: 85%;
    }
    .reviews .col-md-2.col-lg-1 {
        flex-basis: 22%;
        max-width: 22%;
    }
    .brdetailmain .otherbrthishost .cardslider.row{
        justify-content: center;
    }

    .banner-box .selectbox {
        left: 0;
        width: 100% !important;
    }



    .menu-header ul.srchbar {
        display: block;
    }
    .menu-header .srchbar li {
        width: 100% !important;
        max-width: 90% !important;
        margin-bottom: 7px;
        margin-left: auto;
        margin-right: auto;
    }
    .menu-header .srchbar li {
        padding: 0 !important;
    }

    div#timeSlots {
        padding-bottom: 5em;
    }


    .request-card h4.calculate_rate {
        text-align: left;
    }



    .jb-main .user-profile-wrapper .account-main,
    .jb-main .user-profile-wrapper .profile-payment-settings-main {
        width: 100%;
        margin: 14px 0;
    }
    .user-profile-body-wrapper .user-profile-wrapper {
        flex-direction: column;
    }
    .user-profile-body-wrapper .user-profile-wrapper-two .email-pass-wrapper {
        width: 80%;
    }



/***
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
        overflow: scroll;
    }
****/

.amenities-boxes {
    width: 100% !important;
}
.slideproducts .row.mb-4 .col-md-6.col-12 {
    flex-basis: 100%;
    max-width: 90%;
}
.menu-header .dropdown-content a {
    padding: 5px 0;
}
.menu-header .dropdown-content hr {
    margin: 8px 0;
}
.contfootbtn ,
.jbfootbtn,
.tcfootbtn,
.topmeetfootbtn,
.topmeetfootbtn1,
.topmeetfootbtn2,
.topmeetfootbtn3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    background-image: url(../imgs/orange-rightrr.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 99% 2px;
}
.jbfootcontent,
.tcfootcont,
.contfootbtncontent,
.topmeetfootbtncontent,
.topmeetfootbtncontent1,
.topmeetfootbtncontent2,
.topmeetfootbtncontent3 {
    display: none;
}
.showfootcont {
    display: block;
}
.brdetailmain div#requestBoardroomSubmit .modal-dialog {
    max-width: 95%;
    width: 100% !important;
    margin: 0 auto;
    top: 50%;
    transform: translatey(-50%);
}
.requestmodal .datepicker-inline {
    width:100% !important;
}
}




@media only screen and (max-width: 375px){
    .homebanner .banner-box {
        top: 1%;
        right: 2%;
        width: 96%;
    }
    .njbrhome h2 {
        font-size: 28px;
    }


}



@media only screen and (max-width: 320px) {
    .njbrhome h2 {
        font-size: 25px;
    }
    .homerow .row.mx-auto .col-md-6 {
        flex-basis: 90%;
        margin: auto;
        max-width: 100%;
    }
    .homebanner .banner-box h2 {
        font-size: 18px;
    }
    #mc_embed_signup .mc-field-group input.email {
        font: Normal 13px/21px "Myriad Pro";
    }
    #mc_embed_signup .mc-field-group input {
        font-size: 12px;
    }
    .homerow .col-xl-6.col-lg-7.col-md-12 {
        width: 100%;
    }


    .homerow .row.mx-auto .col-md-5.col-sm-5 {
        margin-top: 2em !important;
    }

    .reviews .col-md-2.col-lg-1 {
        flex-basis: 27%;
        max-width: 27%;
    }

    /* .request-card {
        padding: 2em;
    } */

    .user-profile-body-wrapper .user-profile-wrapper-two .email-pass-wrapper {
        width: 100%;
    }

}

/* THE DROPDOWN MENU TOP NAVIGATION BAR */
.main-menu .dropdown-menu li:nth-child(4),
.main-menu .dropdown-menu li:nth-child(5) {
    display: none;
}


/* Extra small devices (portrait phones, less than 576px) */
@media only screen and (max-width: 575.98px) {
    .topnav .top-menu { display: none; }

    .main-menu .dropdown-menu li:nth-child(4),
    .main-menu .dropdown-menu li:nth-child(5) {
        display: block;
    }

    /* Align the last column dropdown */
    .topnav .row div:nth-child(3) {
        margin: auto;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .topnav .top-menu { display: none; }
    
    .main-menu .dropdown-menu li:nth-child(4),
    .main-menu .dropdown-menu li:nth-child(5) {
        display: block;
    }

    /* Align the last column dropdown */
    .topnav .row div:nth-child(3) {
        margin: auto;
    }
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    /*body {background: orange;}*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /*body {background: pink;}*/
}