/*********************************************/
/*GLOBAL*/
/*********************************************/
html {
    min-height:100%;
    position: relative;
}

body {
    margin: 0 auto;
    text-align: center;
    font-family:  "Montserrat", sans-serif;
    letter-spacing:1px;
    overflow-x: hidden;
    color:#212121;
    font-size:14px;
}
.container {
    max-width: 1685px;
}
.container.sm{max-width: 1570px;}
.loader{ display:none}
a{color:#212121;}
a:hover{color:#7C0000; text-decoration:none}



h3, h3 a{ font-size:20px; color:#951A1D;}

h2, h2 a{ font-size:45px; color:#951A1D; text-decoration:none}
h2 a:hover, h3 a:hover{color:#000; text-decoration:none}
.postion-relative{ position:relative}

h2, h2 a, #mains h2{ font-size:26px; color:#951A1D; font-weight:600; margin-top:0px; padding-top:0px; line-height:1}
#mains h5{ font-size: 13px; font-weight:600}


a.readmore{ color:#B69B5E; font-size:12px; background:url("/image/assets/images/common/readmore.png") right center no-repeat; display:inline-block; line-height:28px; padding-right:40px; text-transform:uppercase }
.fa-chevron-right{ font-size:12px; line-height:20px}

img.img-bordered{padding:5px; background: #fff; border: 1px solid #ddd}
img.img-circle{ border-radius:50%}
.pop-over-icon{display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url(/assets/images/common/info-icon.png) no-repeat;}


/*********************************************/
/*HEADER*/
/*********************************************/
header nav{ transition: all 0.3s;}
header nav{background:#FBFBFB;

    -webkit-box-shadow: 0px 4px 9px -7px rgba(0,0,0,0.60);
    -moz-box-shadow: 0px 4px 9px -7px rgba(0,0,0,0.60);
    box-shadow: 0px 4px 9px -7px rgba(0,0,0,0.60);
}
header nav .call-us{ display:none}
header nav a.member-loggedin{width:50px; height:50px; display:flex; line-height:50px; margin-top:-5px}
header nav a.member-loggedin img{border-radius:50%}
header .dropdown-menu{ border:1px solid #fff; border-radius:0px}
header .dropdown-menu a{ font-size:14px; font-weight:500; padding:10px 20px}
header .dropdown-menu a.active, header .dropdown-menu a:active{ background:#FBFBFB; color:#0c0c0c}


header .navbar-brand img{ max-width: 120px}
header nav a.box-shadow-menu{
    line-height: 17px;
    color: #951A1D;
    font-size: 0px;
    font-weight: 600;
    display: inline-block;
    width:25px; padding:0px; font-size:0px;
    height: 17px;
    background: transparent url(/assets/images/common/chev_hamburger.png) right top no-repeat;
}

header nav .navbar-content{order:1}
header nav.active a.box-shadow-menu{background:transparent url("/assets/images/common/chev_hamburger.png") right top no-repeat; padding-right:0px; color:#fff}
header nav a.member-login{background:url("/image/assets/images/common/ava.png") no-repeat; width:50px; height:50px; font-size:0px; display:flex; border-radius:50% }
header nav.active{margin-right:0px}
header nav{ margin:0px; width:100%}
header nav a:hover{ text-decoration:none}


/*LAYOUT*/
#wrapper {
    display: flex;
    width: 100%;
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    overflow:hidden;


}

#mains .card{ border:none; min-height:600px; border-radius:0px; -webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.03);
              -moz-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.03);
              box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.03);}

#mains .card.card-content{margin-top:30px; margin-bottom:30px}



#sidebar{position:absolute;
         left:0;
         top:105px;
         z-index:2;
         right:0;
         margin-right:0px ;
         max-width:100%;
         min-width:100%;
         width:100%;
         padding:0px;
         background: #FBFBFB;
         transition: all 0.3s;
         text-align:left;
         display:block;
         -webkit-box-shadow: 0px 4px 9px -7px rgba(0,0,0,0.60);
         -moz-box-shadow: 0px 4px 9px -7px rgba(0,0,0,0.60);
         box-shadow: 0px 4px 9px -7px rgba(0,0,0,0.60);


}

#sidebar.collapse:not(.show) {
    display: none;
}


#sidebar li{ border-bottom: 1px solid #ddd; padding:10px 15px}
#sidebar a.dropdown-toggle{ display:block; padding:10px 0}
#sidebar a{ color:#212121; font-size: 15px; font-weight: 600; text-transform: uppercase}
#sidebar .dropdown-items{ padding:0px 10px 10px 10px}
#sidebar a.dropdown-item{color:#212121; font-size: 15px; font-weight: 600; padding:10px; text-transform:none; border-bottom: 1px solid #ddd}
#sidebar a.dropdown-item:last-child{ border:none}

#sidebar a:hover{text-decoration:none;}



#content {width: 100%; transition: all 0.3s; display:block; box-sizing: border-box; position:relative;}
#breadcrumb{text-align:left; padding:15px 0 30px 10px}
#breadcrumb ul{ margin:0px; padding:0}
#breadcrumb li {display:block; float:left; color:#7C0000; font-size:10px; font-weight:500; padding-right:5px; padding-left:5px}
#breadcrumb li a{color:#212121; font-size:10px; text-decoration:none}





/*FOOTER*/
footer{ border-top:10px solid #B69C5F; padding-top:50px; text-align:left; color:#202020; font-size:14px}
footer h3{ margin-bottom:25px;}
footer .quick-links{ margin-bottom:35px; justify-content:left;}
footer .quick-links .quick-links-nav{display:block}
footer .quick-links li{ display:block; text-align: left; padding:6px 0px;}
footer .quick-links li a{ text-align:left; color:#212121;}
footer .contact-info{ padding:0px 20px}
footer .contact-info .media{margin-bottom:30px;}
footer .contact-info .media img{padding-right:15px}
footer .social, footer .quick-links ul{ padding:0px; margin:0px}
footer .social li{display:inline;}
footer .social li a{ font-size:14px; color:#212121;}
footer .duck-hunt-footer{ margin-bottom:35px}


/* ACCORDION */
.accordion h3{ margin-bottom:30px}
.accordion p{ margin-bottom:30px}
.accordion h3 a{ font-size:16px; color:#1E1F31 !important; font-weight:600; text-decoration:none }
.accordion h3 a span.plus-minus{ display:block; width:12px; height:12px; float:right; background:url('/assets/images/common/plus-minus.png') top center no-repeat; margin-right:20px}
.accordion h3 a strong{ font-weight:600; display:block; width: calc(100% - 12px);}
.accordion h3 a.collapsed span.plus-minus{background:url('/assets/images/common/plus-minus.png') bottom center no-repeat;}


/*TAB NAV */
#tab-nav{text-transform:uppercase; font-weight:600; font-size:9px; margin-top:-20px}
#tab-nav .col{ border-bottom:3px solid #ddd; padding-bottom:20px; color:#1E1F31; text-decoration:none; padding-left:0px; padding-right:0px;}
#tab-nav a.active{ background:url('/assets/images/common/triangle.png') center bottom no-repeat; border-bottom:3px solid #1F1F32;}
#tab-nav .circle{ display:block; margin:0 auto; width:65px; height:65px; background:#FFF; color:#1E1F31; font-size:30px; font-weight:bold; padding:0px; line-height:65px; border-radius:50%; border:1px solid #ddd; -webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.03);
    box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.03);  margin-bottom:18px}
#tab-nav .active .circle{color:#FFF; background:#1E1F31;}
#tab-nav .icon{ display:block; width:40px; height:40px; margin:10px auto 20px auto}
#tab-nav .icon.member-profile-info{ background:url('/assets/images/common/member-profile-info.png')}
#tab-nav .icon.payment-method{ background:url('/assets/images/common/payment-method.png')}
#tab-nav .icon.make-a-reservation{ background:url('/assets/images/common/make-a-reservation.png')}
#tab-nav .icon.modify-cancel-reservations{ background:url('/assets/images/common/modify-cancel-reservations.png')}
#tab-nav .icon.submit-harvest-report{ background:url('/assets/images/common/submit-harvest-report.png')}
#tab-nav .icon.reservation-history{ background:url('/assets/images/common/reservation-history.png')}


/*STEP NAV*/
#step-nav{ margin:-10px auto 35px}
#step-nav div.col{ padding:0px}
#step-nav a{ display:block; width:100%; position:relative;}
#step-nav a cite{font-size:18px; line-height:38px; width:40px; height:40px; display:block; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; font-style:normal; text-align:center; font-weight:700;  background:#fff; border:1px solid #DDD; border-radius:50%; z-index:2}
#step-nav div.done a cite{background:#fff url('/assets/images/common/check-big.png') center center no-repeat; background-size:20px 20px;  border:3px solid #951A1D}
#step-nav div.active a cite{background:#951A1D; border:3px solid #951A1D; color:#fff}
#step-nav a span{ display:block;  font-size:10px; padding-top:50px ;text-transform:uppercase; font-weight:600}
#step-nav a em{ display:block; width:50%; height:3px; background:url('/assets/images/common/dash.png') right top repeat-x; position:absolute; top:20px; z-index: 1}
#step-nav em.right{ width:50%; right:0}
#step-nav em.left{ width:50%; left:0}
#step-nav div.done em.right, #step-nav div.done em.left, #step-nav div.active em.left{ background:#7C0000 }

/*HOME BOOKING*/
#home-booking{display:none;}
#home-booking{ position:fixed; top:0; left:0; right:0; z-index:40}

#home-booking{background:#fff; border:1px solid #ddd; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05); border-radius:5px; padding:20px;}
#home-booking div.cell{ padding:10px 10px; box-sizing: border-box}

#home-booking #search-property i{ display:none}
#home-booking #search-btn{border-top-right-radius:5px; border-bottom-right-radius:5px}
#home-booking #search-btn button{display:inline-block; background:transparent;  color:#FFF; font-weight:500; font-size:12px; width:100%; height:100%; border:none; cursor:pointer}


#home-booking input{font-size:12px;}
#home-booking input::-webkit-input-placeholder{ color:#1F1F32}
#home-booking input:focus {box-shadow: none !important; outline: none !important}

#home-booking #the_dates .dropdown-menu{width:100%; padding:0px;  margin:12px 0 0 0; border:1px solid #ddd; border-radius:5px; left:0px; height:345px; overflow-y: auto; padding:10px}

#home-booking #the_dates .dropdown-menu:after {content: '';display: block; position: absolute; top: -5px; left: 330px; width: 8px; height: 8px; background: #FFFFFF; border-left: 1px solid #CAD5E0;  border-top: 1px solid #CAD5E0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#home-booking a.close-search{position:absolute; top:15px; right:15px; display:block; width:10px; height:10px; background:url('/assets/images/common/close.png') center center no-repeat; background-size:cover}
a.open-search{ display:block; font-size:20px; color:#666666; padding-top:10px; padding-right:5px}

#home-booking #drop-property a.dropdown-toggles{background:url('/assets/images/common/chevron-down-sm.png') center center no-repeat; display:block; width:10px; height:40px; cursor:pointer; padding-right:35px; padding-left:0px}

#home-booking #drop-property .dropdown-menu{ max-height: 250px; overflow-y: auto; border: 1px solid #ddd; border-radius:5px; width:300px}



/*FIELDSET*/
fieldset{
    border: 1px solid #DEDEDE !important;
    border-radius:5px;
}

legend{
    font-size: 38px;
    font-weight: 600;
    color: #951A1D;
    width:auto;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:0 10px;
    border-bottom:none;
}

/*FORM*/
.input-group-append .btn-primary{padding: .375rem .5rem; !important}
label.error{ font-size:11px; color:#7C0000; font-weight:500}

select.error, input.error{ border:1px solid #951A1D; background:#FFF0F2 !important}

label.primary{ font-size:16px; color:#7C0000; font-weight:600}
label, label.col-form-label{font-size:13px}
span.tatak{ font-size:13px; display:inline-block; margin-bottom:.5rem}

input, select{ border: 1px solid #DDDDDD}
.form-lg input{font-size:15px; font-weight:500; height:48px}
.form-lg select{ font-size:15px; font-weight:500; height:48px !important}

.form-md input{font-size:14px; font-weight:500; height:43px}
.form-md select{ font-size:14px; font-weight:500; height:43px !important}


.custom-checkbox{ margin:7px 7px}
.custom-checkbox label{ font-size:15px; font-weight:500; color:#1F1F32; line-height:20px}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #951A1D;
}
.custom-checkbox a{ color:#1F1F32}
.form-group{ margin-bottom:2rem}


/* HIDE RADIO */
.radio-img [type=radio], .radio-img [type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
.radio-img [type=radio] + img, .radio-img [type=checkbox] + img {
    cursor: pointer;
    margin: 0 2px
}

/* CHECKED STYLES */
.radio-img [type=radio]:checked + img {
    outline: 2px solid #951A1D;
}

.radio-img [type=checkbox]:checked + img {
    border: 2px solid #951A1D;
}



.sphone-format:placeholder-shown{ background: url('/assets/images/common/phone_mask.png') left center no-repeat}

[type=tel]::placeholder{ font-size:0px}

[type=tel] {
    background-image: url('/assets/images/common/phone_mask.png');
    background-position: left center;
    background-repeat:no-repeat
}

[type=tel]:not(:placeholder-shown) {
    background-image: none;
}






/*TOOTL TIPS*/

.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    background-color: white !important;
    color: #000;
    border-radius: 0 !important;
    box-shadow: 2px 2px 4px 0px rgba(161, 161, 161, 0.5);
    font-size: 16px;
    max-width: 400px;
    padding: 20px;
    color: #000;
    text-align: left;
}

.bs-tooltip-top .arrow::before {
    border-top-color: white !important;
}

.bs-tooltip-top .arrow::after {
    position: absolute;
    content: ' ';
    z-index: -1;
    bottom: 0.2rem;
    left: 0.2rem;
    transform: rotate(-45deg);
    width: 0.8rem;
    height: 0.4rem;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #fff;
    box-shadow: 2px 2px 4px 0px #a1a1a1;
}

.bs-tooltip-right .arrow::before {
    border-right-color: white !important;
}

.bs-tooltip-right .arrow::after {
    position: absolute;
    content: ' ';
    z-index: -1;
    right: -0.4rem;
    transform: rotate(45deg);
    width: 0.4rem;
    height: 0.8rem;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #fff;
    box-shadow: 2px 2px 4px 0px #a1a1a1;
}

.bs-tooltip-bottom .arrow::before {
    border-bottom-color: white !important;
}

.bs-tooltip-bottom .arrow::after {
    position: absolute;
    content: ' ';
    z-index: -1;
    top: 0.4rem;
    left: 0.4rem;
    width: 0.4rem;
    height: 0.8rem;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    border-width: 0 0.4rem 0.4rem;
    border-right-color: #fff;
    box-shadow: 2px 2px 4px 0px #a1a1a1;
}


.bs-tooltip-left .arrow::before {
    border-left-color: white !important;
}

.bs-tooltip-left .arrow::after {
    position: absolute;
    content: ' ';
    z-index: -1;
    left: -0.2rem;
    transform-origin: 0 0.4rem;
    transform: rotate(45deg);
    width: 0.4rem;
    height: 0.8rem;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-right-color: #fff;
    box-shadow: 2px 2px 4px 0px #a1a1a1;
}

/*MODALS*/
.modal-header .close {
    padding: 10px;
    background:none;
    margin: -10px 5px;
}

.modal-header h4{ font-size:16px }

#confirm_modal button{ padding:10px; min-width:100px}


/*TYPE AHEAD*/

.twitter-typeahead{ width: 100%}
.tt-menu{ background: #fff; width: 100%; padding: 0px; border: 1px solid #ddd; margin-top: 25px; border-radius:5px; overflow-y: scroll; max-height:400px}
#home-booking .tt-menu{ min-width:300px; max-height:75vh; overflow-y: auto;}

.tt-menu:after {content: '';display: block; position: absolute; top: -5px; left: 20px; width: 8px; height: 8px; background: #FFFFFF; border-left: 1px solid #CAD5E0;  border-top: 1px solid #CAD5E0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.tt-menu div.member-searched{ margin:0; padding:0; padding-left:20px;}
.tt-menu div.member-searched h6{ padding:8px 10px 8px 30px; font-size:14px; font-weight:500; background:url('/assets/images/common/search-muted.png') left center no-repeat}
.tt-menu .empty-message{ padding: 40px}

.tt-menu .drop-shadow-search{padding:5px 10px; margin:10px 0px; display:flex}
.tt-menu .drop-shadow-search:hover, .tt-menu .drop-shadow-search.tt-cursor{ background:#F0F0F0}
.tt-menu .member-searched:hover, .tt-menu .member-searched.tt-cursor{ background:#F0F0F0}

.tt-menu .drop-shadow-search img{ width:50px; height:50px; border:1px solid #ddd; border-radius:5px; margin-right:20px}
.tt-menu .drop-shadow-search h5{color:#1F1F32; font-weight:400; text-align: left; cursor:pointer; font-size:14px; line-height:50px; margin:0; padding:0}
.tt-menu .drop-shadow-search p{ font-size:14px; text-align:left; cursor: pointer;}
.tt-menu .drop-shadow-search p span{ display:block; font-size:13px;}


/*PAGIANTION*/

.pagination .page-link{ font-size:12px; font-weight:600}
.pagination .page-item.active .page-link{z-index: 1; color: #fff; background-color: #941B20; border-color: #811A1C;}



.live-banner{width: 100%; text-align: center;}
.live-banner .carousel-item{ padding:12px}
.live-banner p{margin:0px !important; padding:0px !important; font-weight: normal}
.live-banner p a{text-decoration: underline; font-weight: normal}
.thumb{object-fit: cover; transform: translate3d(0px, 0px, 0.1px)}
.thumb_responsive{ max-width: 100%; object-fit: cover; transform: translate3d(0px, 0px, 0.1px)}