*{font-family:roboto;}
    .ctws-4,.ctws-4n,.ctws-4n4,.ctws-4n4n{position:relative;}
    .ctws-b-form{width:75%;float:left;padding: 30px 0;}
    .ctws-b-btn{width:25%;float:left;text-align: right;}
    .ctws-4{width:33.33%;float:left;}
    .ctws-4n{width:24%;float:left;}
    .ctws-4n4{width:16%;float:left;}
    .ctws-4n4n{width:32%;float:left;}
    #ccode{color:#000 !important;padding:0px 20px;}
    .ctws-b-form p{margin:0;}
    span.ctws-day {font-size: 40px;font-weight: bold;}
    span.ctws-month {font-weight: bold;font-size: 19px; padding-left: 8px; position: relative;bottom: 11px;}
    .ctws-drop {right: 14px;position: relative;top: 17px;}
    .ctws-4 input,.ctws-4n input,.ctws-4n4 input,.ctws-4n4n input {position:absolute;top:0;border:0 !important;background:transparent !important;height:100%;width:55%;color:transparent !important;}
    .ctws-4 input:focus,.ctws-4n input:focus,.ctws-4n4 input:focus,.ctws-4n4n input:focus{outline:0;}
    .ctws-4 input:hover,.ctws-4n input:hover,.ctws-4n4 input:hover,.ctws-4n4n input:hover ,.ctws-4 i,.ctws-4n i,.ctws-4n4 i,.ctws-4n4n i{cursor:pointer;}
    .ctws-guest{position:relative;font-size: 40px;font-weight: bold;}
    .ctws-guest-popup h4 {font-weight: bold;color: #878787;}
    .ctws-down {position: relative;bottom: 0;font-size: 18px;right:-5px;}
    .ctws-up {position: absolute;font-size: 19px;top: 8px;left: 5px;}
    .ctws-guest-popup .row {
    border-bottom:1px solid lightgray;
    padding: 15px 0;
}
.ctws-guest-popup input{width:auto;height:auto;position:unset;background:#fff;color:#222;}
.ctws-guest-popup small{font-size:85%;opacity:.7;}
.ctws-gust-nu select{float:right;padding: 0px;-webkit-appearance: menulist;-moz-appearance: menulist;line-height: 1;}
.ctws-guest-popup {position: absolute;width: 230px;box-shadow: 0px 0px 5px #888;margin-top: 10px;padding: 10px;border-radius: 3px;background: #fff;z-index: 9;visibility:hidden;opacity:0;transition:.2s linear;}
.ctws-guest-popup::before {content: "";width: 0;height: 0;border-bottom: 8px solid #fff;border-right: 6px solid transparent;
border-left: 6px solid transparent;top: -8px;left: 28px;filter: drop-shadow(0px -2px 1px #ccc);position: absolute;}
.ctws-guest-popup input {padding: 9px 10px !important;background: transparent !important;color: #888 !important;margin-right: 5px;border-radius: 3px !important;
font-weight: 600;transition: .5s ease;border:1px solid !important;}

.ctws-guest-popup input:first-child { border-color:#78635A !important;}
input.ctws-done {background:#78635A;color: #fff;float: right;font-size: 11px;padding: 7px 15px;border-radius: 5px !important;
font-weight: bold;opacity: .7;cursor: pointer;transition: .5s ease;margin-top:15px;}
.ctws-guest-popup.ctws-popup-open{visibility:visible !important;opacity:1 !important;}
.ctws-b-btn button{font-size:16px;color:#fff;padding:46px;border:0;background: rgba(0, 0, 0, .6);cursor:pointer;display: block;width: 100%;}
i.fa.fa-angle-down.ctws-down {
    font-size: initial;
}
i.fa.fa-angle-up.ctws-up {
    font-size: initial;
}
input.ctws-addGuest {
    color: inherit !important;
    border:1px !important;
}
input.ctws-removeGuest {
     color: inherit !important;
     border:1px !important;
}
.row.ctws-infant-row {
    letter-spacing: 0px !important;
}
.row.ctws-child-row {
    letter-spacing: 0px !important;
}
.row.ctws-adults-row {
    letter-spacing: 0px !important;
}
.ctws-left {
    text-align: right;
    display: block;
}

.ctws-counts {
    float: left;
}
.ctws-left select {
  padding: 0 5px;
    line-height: 1;
    height: auto;
    width: auto;
    -webkit-appearance: menulist;
} 
 .ctws-left select option{padding:0;}

.ctws-guest-popup .row {
    border-bottom: 1px solid lightgray;
    padding: 5px 0;
    clear: both;
    line-height: 1;
}
.ctws-removeroom
{
    display: none;
}
input#showperson {

    left: -5px;
    font-size: 40px;
    top: 9px;
    color: #222222 !important;
       font-weight: bold;
    font-family: roboto;
    padding:0;
}
#guest_icon {

    right: -30px;

}
.ctws-room-count {
    margin-top: 10px;
}
.ctws-left select{height:30px;}
.ctws-counts{line-height:30px;}
.row.ctws-addroom-row input {

    font-weight: normal;
    font-size: 13px;

}

/*13-june  calander css*/
div#ds_search_box:after {
    content: "";
    display: table;
    clear: both;
}

div#ds_search_box {
    background: rgba(255, 255, 255, 1);;
    padding: 0 0 0 25px !important;
}
div#ds_search_box label ,div#ds_search_box input{font-family: roboto;}
 .ui-widget-content .ui-state-active{background:none;border:none;}
 .ui-widget-header{background:none;border:none;}
 .nav>li>a:focus, .nav>li>a:hover{background:#0C2E62 !important;}
 .ui-tabs .ui-tabs-nav li{position:static;}
 .ui-tabs .ui-tabs-panel {padding: 0;}
.tabcontent .ui-state-default, .ui-widget-content .ui-state-default{background:#F6F3ED;}
 .ui-widget.ui-widget-content{border:none;}
#ui-datepicker-div{ z-index: 9999!important; }
 .tabcontent .ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;padding: 20px;}
 .tabcontent .ui-datepicker td a{padding:1.2em;line-height: 25px;text-align:center;}
 .tabcontent .ui-datepicker td span{padding:1.2em;line-height: 25px;text-align:center;}
 .tabcontent .ui-state-default, .ui-widget-content .ui-state-default{background: #e9e0cd !important;color: #022873;}
    .tabcontent .ui-state-highlight, .ui-widget-content .ui-state-highlight{ background-color: #B79859;color: white;}
 .tabcontent .ui-datepicker.ui-datepicker-multi {width: 100% !important;}
 .tabcontent .ui-state-active, .ui-widget-content .ui-state-active{background: #B79859 !important;color: white;border: 1px solid #dad55e;}
 .tabcontent .ui-datepicker .ui-datepicker-header {   position: static; height:77%;   background: transparent;border: none;font-size: 16px; color: #666;}

.ctws-t.ui-tabs-active.ui-state-active.active{background:transparent !important;}
 .tabcontent .ui-datepicker-multi .ui-datepicker-group table{margin-top:30px;}
 .tabcontent .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{height: 95%;}
 .tabcontent .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{border:none;cursor:pointer;}
 .tabcontent .ui-datepicker .ui-datepicker-next { right: 20px;}
 .tabcontent .ui-datepicker .ui-datepicker-prev{left:20px;}
  select.ui-datepicker-month ,select.ui-datepicker-year{
    padding: 0;
    text-indent: 10px;
    height: 25px;
    -webkit-appearance:menulist;
    margin:0 !important;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right ,.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-left {background:#E9E9E9}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{background-color:transparent;}
/*13-june  calander css end*/
input.ctws-done:hover , .row.ctws-addroom-row input:hover{background:#715D55!important;color:#fff!important; cursor:pointer;}
#nd_options_navigation_top_header_2_right p a{
height: 48px;
    text-align: center;
    display: inline-block;
    padding: 0 2px !important;
    line-height: 48px;
    margin-right: 0px;
}

#nd_options_navigation_top_header_2_right p{padding:0 !important;}
ul#menu-menu-2 > li{cursor:pointer;}
ul#menu-menu-2 > li > a{position:relative;cursor:pointer;}
ul#menu-menu-2 > li > a:after {
    content:"";
    width:100%;
    height:0;
    background:transparent;
    position:absolute;
    left:0;
    bottom:-20px;
    transition:.5s ease;
}
ul#menu-menu-2 > li:hover > a:after{height:10px;}

.nd_options_navigation_2 .menu > li.current-menu-item > a{border:0;padding:0;}
.nd_options_navigation_2 .menu > li.current-menu-item > a:after{height:10px !important;}
.ctws-mob-btn{display:none;}

.ctws-club-code-main{display:none;position: relative;z-index: 9999999;}
    .ctws-club-code-outset {max-width: 400px;position: fixed;width: 100%;top: 50%;left: 50%;transform: translate(-50% , -50%); z-index: 999999;animation:club_code .4s linear;}
    .ctws-club-code-wrap {width: 100%;background: #0C2E62;z-index:9999;outline: 3px dashed #0c2e62;outline-offset: -1px;padding: 20px; box-shadow: 0 0 0 10px hsla(0, 0%, 0%, 0.09),0 0 0 15px hsla(0, 0%, 0%, 0.11);}
.ctws-club-code-wrap input[type="text"]{background:#254f8f;border:0;color:#fff;border-radius:0;box-shadow:none;}
.ctws-club-code-wrap input[type="text"]::placeholder{color:#dddddd80 !important;}
a.ctws-club-code-overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #00000075;z-index:9;}
a.ctws-club-code-close:before {content: "\02716";color: #fff;background: #0c2e624a;width: 25px;height: 25px;position: absolute;right: -25px;top: -25px;border-radius: 50%;text-align: center;line-height: 25px;font-size: 12px;    font-weight: bold;cursor:pointer;}
.clubcode_sucess_msg {color: #fff;font-weight: bold;padding: 3px;}
.clubcode_unsucess {color: #cc3939;}
.clubcode_sucess, .clubcode_unsucess {display: none;color: #fff;font-weight: bold;padding: 3px;}
span#club_code {color: #fff;font-weight: 300;text-shadow: 0 1px 3px #000;font-size: 13px;padding-right:17px;
    cursor: pointer;padding-top:12px;font-family:arial;}

    input.ctws-promo-text {position: unset !important; border-bottom: 1px solid #ccc ; width: calc(100% - 25px);
    padding-bottom: 0px; font-size: 16px; color:#ccc !important; cursor:auto;}
    .ctws-4.ctws-on { width: 20%;}
    .ctws-promo-msg{position:absolute;}
    .promo-process { display: none;}
.promo-success { display: none;}
.promo-failure  { display: none;}
@keyframes blink {50% { color: transparent }}
.loader__dot { animation: 1s blink infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }
@keyframes club_code {
    from{margin-top:-100px;}
    to{margin-top:0;}
}
@media only screen and (max-width:992px) {
.ctws-form-row .vc_col-sm-3{width: 50%;}
.ctws-form-row .vc_col-sm-6{width:100%;}
}
@media only screen and (max-width:768px) {

    .ctws-b-form {width:100%;text-align:center}
    .ctws-guest-popup{text-align:left;}
     .ctws-4{width:100%;margin-bottom:20px}
     .ctws-form-row .vc_col-sm-3{width: 100%;}
     
.ctws-form-row .nd_options_section.nd_options_masonry_content.nd_options_pg_home_5 {
    height: 188px !important;
}
input#showperson {right: 55px;left: auto;}   
.ctws-b-btn{width:100%;text-align:center;}  
.ctws-guest-popup{right:0;}
.ctws-form-wrap{display:none;}


}

@media only screen and (max-width:480px){
    #ui-datepicker-div{margin-left:-25px !important;}
    .ctws-guest-popup::before{left:49%;}
    input#showperson{right:40px;}
    #guest_icon{right:-15px;top:4px;}
}