/* Custom Stylesheet */
/* Font-Face */
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

/* @font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook-webfont.woff2') format('woff2'),
         url('../fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook-webfont.woff2') format('woff2'),
         url('../fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-SemiBold.woff2') format('woff2'),
        url('../fonts/Prompt-SemiBold.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-Regular.woff2') format('woff2'),
        url('../fonts/Prompt-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Didot';
    src: url('../fonts/Didot.woff2') format('woff2'),
        url('../fonts/Didot.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Didot';
    src: url('../fonts/Didot-Italic.woff2') format('woff2'),
        url('../fonts/Didot-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

html, body{font-size: 13px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html, body, div, p, span, a, input, #mainNav .navbar-brand, .styledSelect, button, input, optgroup, select, textarea{
   font-family: 'gothambook', Arial, Helvetica, sans-serif;
}	/* font-family:  Arial, Helvetica, sans-serif !important; */

.text-didot{font-family: 'Didot', Arial, Helvetica, sans-serif !important;}

.font-11{font-size: 11px !important;}
.font-12{font-size: 12px !important;}
.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}
.font-21{font-size: 21px !important;}
.font-22{font-size: 22px !important;}
.font-23{font-size: 23px !important;}
.font-24{font-size: 24px !important;}
.font-70{font-size: 70px !important;}
a.text-decoration-underline:hover{text-decoration: none !important;}

.text-primary{color: #d2b77a !important;}
.bg-primary{background-color: #d2b77a !important;}
.bg-dark{background-color: #020a0a !important;}
.modal .btn.btn-secondary {background-color: #020a0a; border-color: #020a0a; text-transform: uppercase;}
.modal .btn.btn-secondary:hover {background-color: #d2b77a; border-color: #d2b77a;}
.bgimage{background-image: url(../media/banner-img.webp); background-position: center top; background-size: cover; background-repeat: no-repeat;}
.cru_box{background-color: #020a0a; min-width: 550px; max-width: 550px; box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 30%);}
.mw-250px{max-width: 250px;}
/* form control + buttons */
.form-group {margin-bottom: 20px;}
.form-group label{display: block; margin-bottom: 5px; font-size: 13px; color: #d2b77a; font-weight: 500;}
.form-control.form-input{border: 1px solid #767676; padding: 8px 10px;}

.form-control {font-size: 13px; font-weight: 500; padding: 10px; border: 1px solid #020a0a; border-radius: 0; /*height: 42px;*/}
.form-control:focus {border-color: #d2b77a; outline: 0; box-shadow: 0 0 0 .25rem rgba(202, 177, 123, 0.25);}
.cru_box .form-control{border: 0;}
.search-control .form-control, .filter-wrapper .form-control{padding: 8px 35px 8px 10px; border: 0; border-radius: 5px; background-color: #F5F0E5;}
select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../media/selectarrow.png); background-repeat: no-repeat; background-position: calc(100% - 12px); padding-right: 32px !important; background-size: 11px;}
.form-control.singledate, .form-control.timeonly{background-image: url(../media/datepicker.png); background-repeat: no-repeat; background-position: calc(100% - 12px); padding-right: 40px !important; background-size: 20px;}
.form-control.timeonly{background-image: url(../media/timepicker.png);}

.enquiry-form .form-group {margin-bottom: 15px;}
.enquiry-form .form-group .form-control{background-color: #faf7f0; border: 0; padding: 5px 10px;}
.enquiry-form .form-group label{color: #020a0a; font-size: 15px; font-weight: 400;}

.highlight-form {padding: 15px; border: 1px solid #d2b77a; box-shadow: 0px 2px 8px rgb(202 177 123 / 40%);}

.custom-checkbox > [type=checkbox], .custom-checkbox label {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom-checkbox > [type=checkbox]:not(:checked), .custom-checkbox > [type=checkbox]:checked {position: absolute; left: -9999px;}
.custom-checkbox > [type=checkbox]:not(:checked) + label, .custom-checkbox > [type=checkbox]:checked + label {position: relative; padding-left: 28px; cursor: pointer;}
.custom-checkbox > [type=checkbox]:not(:checked) + label:before, .custom-checkbox > [type=checkbox]:checked + label:before {content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border: 1px solid #d2b77a; border-radius: 2px;}
.custom-checkbox > [type=checkbox]:not(:checked) + label:after, .custom-checkbox > [type=checkbox]:checked + label:after {content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23d2b77a' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); position: absolute; top: 2px; left: 0.5px; background-size: 18px; width: 20px; height: 20px;}
.custom-checkbox > [type=checkbox]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.custom-checkbox > [type=checkbox]:checked + label:after {opacity: 1; transform: scale(1);}
.custom-checkbox > [type=checkbox][data-indeterminate] + label:after {content: "−"; left: 2px; opacity: 1; transform: scale(1);}
.custom-checkbox > [type=checkbox]:disabled:not(:checked) + label:before {box-shadow: none; background-color: #eeeeee; border-color: #eeeeee; cursor: not-allowed; opacity: 1; color: #dadada;}
.custom-checkbox > [type=checkbox]:disabled:checked + label:before {box-shadow: none; background-color: #eeeeee; border-color: #eeeeee; cursor: not-allowed; opacity: 1; color: #d2b77a;}
.custom-checkbox > [type=checkbox]:disabled:checked + label:after {color: #d2b77a; cursor: not-allowed;}
.custom-checkbox > [type=checkbox]:disabled + label {color: #aaa; cursor: not-allowed;}
.custom-checkbox > [type=checkbox]:checked:focus + label:before, .custom-checkbox > [type=checkbox]:not(:checked):focus + label:before {box-shadow: 0 0 0 .25rem rgba(202, 177, 123, 0.25);}
.custom-checkbox label:hover:before {border: 1px solid #d2b77a !important;}
.custom-checkbox [type=checkbox]:disabled:not(:checked) + label:hover:before, .custom-checkbox [type=checkbox]:disabled:checked + label:hover:before {border: 1px solid #d2b77a !important;}

.custom-radio > [type=radio], .custom-radio label {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.custom-radio > [type=radio]:not(:checked), .custom-radio > [type=radio]:checked {position: absolute; left: -9999px;}
.custom-radio > [type=radio]:not(:checked) + label, .custom-radio > [type=radio]:checked + label {position: relative; padding-left: 28px; cursor: pointer;}
.custom-radio > [type=radio]:not(:checked) + label:before, .custom-radio > [type=radio]:checked + label:before {content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border: 1px solid #d2b77a; border-radius: 50px;}
.custom-radio > [type=radio]:not(:checked) + label:after, .custom-radio > [type=radio]:checked + label:after {content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.7' fill='%23d2b77a'/%3e%3c/svg%3e"); position: absolute; top: 2px; left: 0px; background-size: 18px; width: 20px; height: 20px;}
.custom-radio > [type=radio]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
.custom-radio > [type=radio]:checked + label:after {opacity: 1; transform: scale(1);}
.custom-radio > [type=radio][data-indeterminate] + label:after {content: "−"; left: 2px; opacity: 1; transform: scale(1);}
.custom-radio > [type=radio]:disabled:not(:checked) + label:before {box-shadow: none; background-color: #eeeeee; border-color: #eeeeee; cursor: not-allowed; opacity: 1; color: #dadada;}
.custom-radio > [type=radio]:disabled:checked + label:before {box-shadow: none; background-color: #eeeeee; border-color: #eeeeee; cursor: not-allowed; opacity: 1; color: #d2b77a;}
.custom-radio > [type=radio]:disabled:checked + label:after {color: #d2b77a; cursor: not-allowed;}
.custom-radio > [type=radio]:disabled + label {color: #aaa; cursor: not-allowed;}
.custom-radio > [type=radio]:checked:focus + label:before, .custom-radio > [type=radio]:not(:checked):focus + label:before {box-shadow: 0 0 0 .25rem rgba(202, 177, 123, 0.25);}
.custom-radio label:hover:before {border: 1px solid #d2b77a !important;}
.custom-radio [type=radio]:disabled:not(:checked) + label:hover:before, .custom-radio [type=radio]:disabled:checked + label:hover:before {border: 1px solid #d2b77a !important;}


.select-date{cursor: pointer; border: 0 !important; padding: 0 !important;}
.select-date:focus{box-shadow: none; outline: 0;}
.select-date::-webkit-input-placeholder {color: #020a0a;} /* Edge */
.select-date:-ms-input-placeholder {color: #020a0a;} /* Internet Explorer 10-11 */
.select-date::placeholder {color: #020a0a;}

.btn{padding: 10px 20px; height: 42px; border-radius: 0; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%); font-size: 14px; font-weight: 500; text-transform: uppercase;}
.btn.btn-primary{background-color: #d2b77a; border-color: #d2b77a; color: #020a0a;}
.btn.btn-primary:hover{background-color: #896D32; border-color: #896D32; color: #fff;}
.btn.btn-secondary{background-color: #020a0a; border-color: #020a0a;}
.btn.btn-secondary:hover{background-color: #d2b77a; border-color: #d2b77a;}
.btn.btn-primary.btn-outline-primary{background-color: #fff; color: #d2b77a; box-shadow: none; border-width: 2px;}
.btn.btn-primary.btn-outline-primary:hover{color: #d2b77a;}
.btn.btn-sm{height: 30px; padding: 3px 15px;}
.btn.btn-md{height: 35.5px; padding: 5px 15px;}
.search-control .btn-search{background: transparent; border: 0; padding: 0; width: 22px; height: 22px; position: absolute; right: 10px; top: 6px;}
.daterangepicker .drp-buttons .btn{height: 28px;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #d2b77a;}
/* form control + buttons */

/* navbar */
#mainNav {padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: #020a0a;}
/* #mainNav .navbar-brand:hover, #mainNav .navbar-brand:active {color: #2937f0;} */
#mainNav .navbar-toggler {font-size: 24px; padding: 0; color: #fff;}
#mainNav .navbar-nav .nav-item .nav-link {color: #d2b77a; font-size: 13px; font-weight: 500; padding: 0 15px;}
#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link.active {color: #fff;}
#mainNav .navbar-nav .nav-item.dropdown .nav-link:after{content: ""; background-image: url(../media/select_arrow-primary.svg); width: 10px; height: 8px; display: inline-block; background-size: 100%; background-repeat: no-repeat;}
#mainNav .navbar-nav .nav-item .nav-link:hover:after{background-image: url(../media/select_arrow-white.svg);}

.masthead {padding-top: 90px; width: 100%;}
.masthead.admin-console .toppart{background-color: #d2b77a;}
.masthead.admin-console .toppart .navbar-nav .nav-item .nav-link{font-size: 13px; font-weight: 500; color: #333;}
.masthead.admin-console .toppart .navbar-nav .nav-item.dropdown .nav-link:after{content: ""; background-image: url(../media/select_arrow.svg); width: 10px; height: 8px; display: inline-block; background-size: 100%; background-repeat: no-repeat;}
#usermenu {font-size: 13px; color: #333; text-decoration: none; font-weight: 500;}

.dropdown-menu {border-radius: 0; border: 0;}
.dropdown-menu li a.dropdown-item {text-transform: uppercase; font-size: 12px; font-weight: 500; padding: 5px 20px;}
.dropdown-menu li:hover a.dropdown-item, .dropdown-menu li:focus a.dropdown-item{background-color: #d2b77a;}

.carousel-indicators [data-bs-target] {width: 10px; height: 10px; background-color: #020a0a; border-radius: 50px; border: 0;}
.carousel .carousel-inner .carousel-item .carousel-content, .banner-item .banner-content{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.carousel .carousel-inner .carousel-item .carousel-content h3, .banner-item .banner-content h3{font-size: 58px; text-align: center;}
.carousel-item, .banner-item{background-position: center center; min-height: 380px;background-repeat: no-repeat; background-size: cover;}

.titlebox{background-color: #020a0a; border-top: 1px solid #807556;}
.titlebox h1.page-title{color: #fff; font-size: 34px; margin-bottom: 0;}
.breadcrumb-wrap{background-color: #faf7ef;}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a{color: #212529; font-size: 13px; font-weight: 500; text-decoration: none; letter-spacing: 0.5px;}
.breadcrumb .breadcrumb-item a:hover{text-decoration: underline;}
.breadcrumb .breadcrumb-item.active{color: #d2b77a;}

.heading{color: #020a0a; font-size: 24px; letter-spacing: 1.5px;}
hr{margin: 10px 0; border-color: #d2b77a; opacity: 1;}

.book-banner{background-color: #020a0a; background-image: url(../media/adv-banner.jpg); background-repeat: no-repeat; background-position: center bottom; position: relative;}
.book-banner .circle-tag{background-image: linear-gradient(#f0d7a5, #887e4e); color: #fff; font-weight: 500; line-height: 14px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 100%; position: absolute; right: 20px;}
.couser-banner{background-color: #020a0a; background-size: cover; background-repeat: no-repeat; background-position: right bottom; min-height: 400px; border-bottom: 7px solid #d2b77a;}
.news-list ul{list-style-type: none; padding: 0; margin: 0;}
.news-list ul li{padding: 10px 0; border-bottom: 1px solid #020a0a;}
.news-list ul li a{color: #020a0a; font-size: 15px; font-weight: 500; text-decoration: none;}
.news-list ul li a > span{font-size: 13px; color: #d2b77a; text-transform: uppercase; margin-top: 5px;}
.news-list ul li a:hover > span{text-decoration: underline;}
.hubitem{text-decoration: none;}
.hubitem .item-icons {background-color: #020a0a; border-radius: 15px; display: flex; align-items: center; justify-content: center; padding: 20px; width: 135px; height: 135px; position: relative;}
.hubitem .item-icons img{max-width: 62px;}
.hubitem .item-icons .notify{background-color: #a6192e; width: 30px; height: 30px; line-height: 28px; border-radius: 50px; color: #fff; font-weight: 500; position: absolute; right: -10px; top: -10px;}
.hubitem .item-name {display: block; color: #020a0a; font-size: 17px; font-weight: 500;}
.hubitem:hover .item-icons{background-color: #020a0a;}
.hubitem:hover .item-name{color: #d2b77a;}
.blink {animation: blink 3s steps(5, start) infinite; -webkit-animation: blink 1.5s steps(5, start) infinite;}
@keyframes blink {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}

.actionbar a.btn-icon-link{width: 41.5px; height: 41.5px; border: 1px solid #020a0a; margin-left: 10px; text-align: center;}
.actionbar a.btn-icon-link i{color: #020a0a; font-size: 24px; line-height: 39px;}
.actionbar a.btn-icon-link:hover{background-color: #020a0a;}
.actionbar a.btn-icon-link:hover i{color: #fff;}

.course-content .course-item{border: 1px solid #EDEDEE; border-bottom: 4px solid #020a0a;}
.course-content .course-item .itemwrap{background-color: #d2b77a; min-height: 180px; text-decoration: none; position: relative;}
.course-content .course-item .itemwrap .cname{font-size: 14px; color: #020a0a; text-transform: uppercase; font-weight: 600; text-align: center; padding: 10px;}
.course-content .course-item .itemwrap:before{content: ""; width: 70px; height: 70px; border-bottom: 35px solid transparent; border-right: 35px solid #020a0a; border-left: 35px solid transparent; border-top: 35px solid #020a0a; position: absolute; right: 0; top: 0;}
.course-content .course-item .itemwrap:after{content: "lock_outline"; font-family: 'Material Icons'; font-size: 25px; color: #fff; position: absolute; right: 7px; top: 0px;}
.course-content .course-item.checked .itemwrap:after{font-size: 0; background-image: url(../media/check.png); background-repeat: no-repeat; width: 21px; height: 21px; top: 10px;}
.course-content .course-item .cs-price-date{padding: 5px 10px; border-bottom: 1px solid #EDEDEE; font-size: 13px;}
.course-content .course-item .cs-links{padding: 5px 10px; font-size: 13px;}
.course-content .course-item .cs-links a{text-decoration: none; font-weight: 500;}
.course-content .course-item .cs-links a:hover{text-decoration: underline;}
.course-content .course-item .cs-links a i{font-size: 15px; position: relative; top: 3px; margin-right: 3px;}

.content ul li{margin-bottom: 5px;}

.libitem{background-color: #020a0a; background-repeat: no-repeat; background-size: cover; min-height: 200px; text-decoration: none;}
.libitem:hover{background-color: #111;}
.libitem img{max-height: 180px;}
.libitem .libname{font-size: 18px; font-weight: 500; color: #fff;}
.libitem.horseimg {min-height: 300px; background-position: center center;}
.libitem.horseimg-full {min-height: 400px; background-position: center center;}

.profile-img{width: 50px; height: 50px; overflow: hidden; border-radius: 50px; background-color: #d2b77a; position: relative;}
.profile-img img {width: 100%; height: auto; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto;}
.w70{width: 70px !important; min-width: 70px !important; max-width: 70px !important;}
.w100{width: 100px !important; min-width: 100px !important; max-width: 100px !important;}
.w150{width: 150px !important; min-width: 150px !important; max-width: 150px !important;}
.w200{width: 200px !important; min-width: 200px !important; max-width: 200px !important;}
.w240{width: 240px !important; min-width: 240px !important; max-width: 240px !important;}
.w300{width: 300px !important; min-width: 300px !important; max-width: 300px !important;}
.w400{width: 400px !important; min-width: 400px !important; max-width: 400px !important;}
.w500{width: 500px !important; min-width: 500px !important; max-width: 500px !important;}
.mw-110{max-width: 110px !important;}
table.table th, table.table td{font-size: 17px; vertical-align: middle; padding: 10px 15px;}
table.table.font-15 th, table.table.font-15 td{font-size: 15px;}
table.table th{font-weight: 500; border-color: #d2b77a;}
table.table td{border: 0;}
table.table.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type: #fff;}
table.table.table-striped>tbody>tr:nth-of-type(even)>*{--bs-table-bg-type: #f5f0e5;}
table.table.table-striped>tbody>tr:hover td {--bs-table-bg-type: #ebdfc6;}
table.table.table-bordered>thead>tr{border-top: 0;}
table.table.table-bordered>thead>tr>th {border: 0; font-weight: 600;}
table img.pr-thumb{max-height: 80px;}
table.table td{vertical-align: top;}

.border-bottom-gold{border-bottom: 1px solid #d2b77a;}
.table-responsive {
    scrollbar-color: #d2b77a #fff !important;
    /* thumb and track color */
    scrollbar-width: thin !important;
}

.table-responsive::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    box-shadow: inset 0 0 6px #fff;
    background-color: #fff;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: #d2b77a;
}

.gecko .table-responsive {
    scrollbar-color: #d2b77a #fff !important;
    /* thumb and track color */
    scrollbar-width: thin !important;
}

.firefox .table-responsive {
    scrollbar-color: #d2b77a #fff !important;
    /* thumb and track color */
    scrollbar-width: thin !important;
}
.table-responsive:hover {
    scrollbar-color: #d2b77a #fff !important;
    /* thumb and track color */
    scrollbar-width: thin !important;
}

/* ul.pagination {float: right; } */
ul.pagination .page-item a.page-link {background-color: #ebdfc6; border: 1px solid #d2b77a; color: #d2b77a; text-align: center; padding: 5px; font-size: 15px; font-weight: 500; width: 34px; height: 34px;}
ul.pagination .page-item.active a.page-link {background-color: #d2b77a; color: #fff;}

/* Products */
.listing-items{background-color: #faf7f0;}
.listing-items .proditem{background-color: #fff; color: #020a0a; display: block; text-decoration: none; display: flex; flex-direction: column; justify-content: space-between;}
.listing-items .proditem .pr-img{display: flex; justify-content: center; align-items: center;}
.listing-items .proditem .price{padding: 10px 0; border-top: 1px solid #d2b77a; border-bottom: 1px solid #d2b77a;}

.product-summary h1{ font-size: 30px; }
.product-summary .details{ text-align: left; font-size: 20px;}
.review-ratings{ display: flex; column-gap: 10px; align-items: center;}
.review-ratings a{ font-size: 13px; text-decoration: none; color:#383839;}
.auto-details { display: flex; column-gap: 30px; text-align: center; font-size: 13px; line-height: 16px; margin: 10px 0 20px;}
.auto-details img { width: 18px; margin-bottom: 5px;}
.auto-details a{ text-decoration: none; color: #fff;}
.product-summary .qty-info { display: flex; align-items: center; justify-content: flex-start; column-gap: 20px; flex-wrap: wrap;}
.product-summary .qty-info span.rrp-price { color: #caad69; font-size: 18px; display: block;}
.product-summary .qty-info span.item-price { font-size: 26px;}
.product-summary .qty-info .qty{ width: 75px;}

.filter-wrap{background-color: #f6f1e8;}
.s-hidden {visibility: hidden; padding-right: 10px;}
.select {cursor: pointer; display: inline-block; position: relative; width: 100%;}
.styledSelect {position:absolute; top:0; right:0; bottom:0; left:0; background-color: #f5f0e5; padding: 8px 10px; font-size: 13px; font-weight: 500; height: 35.5px; border-radius: 5px;}
.styledSelect:after {content: ""; width: 0; height: 0; border: 5px solid transparent; border-color: #020a0a transparent transparent transparent; position: absolute; top: 17px; right: 10px;}
/*.styledSelect:active, .styledSelect.active {background-color: #fff;}*/
.options {display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0 0 5px; list-style: none; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.options li {margin: 0; padding: 5px 12px; font-size: 12px;}
.options li:hover {background-color: #fff; color: #d2b77a;}

.gallery-img {padding: 10px; border: 1px solid #f1e6cf; height: 100%; display: flex; justify-content: center; align-items: center;}
.gallery-img img{max-height: 250px;}

.carousel-inner .carousel-item img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
#imagelightbox button.btn-close {position: absolute; right: 5px; top: 5px; --bs-btn-close-color: white; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); z-index: 9;}

/* footer */
footer.footer-login {position: absolute; left: 0; right: 0; bottom: 0;}
footer{background-color: #020a0a; border-top: 7px solid #d2b77a;}
.comment-fixed{position: fixed; right: 5%; bottom: 90px;}
.comment-fixed a{background-image: url(../media/comment-icon.png); width: 55px; height: 50px; display: block;}
.comment-fixed a:hover{background-image: url(../media/comment-icon-hover.png);}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #111; bottom: 0px; left: -18px;}
.tooltip-inner {color: #111; background-color: #fff; border-radius: 0; padding: 10px; border: 1px solid #111; border-top-width: 3px; text-align: left; max-width: 140px; font-weight: 600;}
/* footer */

.dropdown .cart-content.dropdown-menu{margin: -3px 1px 0 0 !important; min-width: 400px;}
.prolis img.pr-thumb {max-height: 55px;}
.contpro h2 {font-size: 17px; font-weight: 500;}
.contpro {margin-bottom: 25px;}
.contpro p {margin-bottom: 5px;}

.calendar-container .controls {display: flex; justify-content: space-between;}
.request_details {padding: 20px 15px 15px !important; border: 1px solid #d2b77a;}

.error{color: #f00 !important; font-size: 12px !important;}

/* responsive style */
@media (min-width: 576px){
    .container, .container-sm {max-width: 100%; padding-left: 20px !important; padding-right: 20px !important;}
}
@media (min-width: 768px){
    .container, .container-md, .container-sm {max-width: 100%; padding-left: 20px !important; padding-right: 20px !important;}
    #product-listing .filter-content{display: block !important;}
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {max-width: 100%; padding-left: 20px !important; padding-right: 20px !important;}
    .heading-logo {position: absolute; top: -50px;}
    .book-banner{background-size: 200%; max-width: 190px; min-height: 450px;}
    .news-list{width: 190px !important;}
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 100%; padding-left: 20px !important; padding-right: 20px !important;}
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1320px; padding-left: 20px !important; padding-right: 20px !important;}
    .w-xxl-75{width: 75% !important;}
}
@media (max-width: 1199px){
    .carousel .carousel-inner .carousel-item .carousel-content h3, .banner-item .banner-content h3{font-size: 48px;}
    .couser-banner{background-size: 55%;}
}
@media (max-width: 991px){
    .carousel .carousel-inner .carousel-item .carousel-content h3, .banner-item .banner-content h3{font-size: 38px;}
    #mainNav .navbar-nav .nav-item.cru-icon .nav-link{justify-content: start;}
    .couser-banner{background-size: 70%;}
    .navbar-brand > img{height: 44px;}
    #mainNav {padding-top: 1rem; padding-bottom: 1rem; height: 75px; width: 100%;}
    .masthead {padding-top: 75px;}
    .carousel-item, .banner-item{min-height: 150px;}
    .carousel-item img, .banner-item img {min-height: 100%; width: auto !important; max-height: 240px;}
    .navbar-collapse {background: #020a0a; margin: 0 -25px; padding: 0 25px; z-index: 999;}
    .masthead .tophead .navbar-collapse{background: transparent; margin: 0; padding: 0;}
    .post-theme .post-content h3 {font-size: 18px;}
    .post-theme .post-content p {font-size: 15px;}
    .winemaker_wrap .title_box{padding-left: 110px; padding-bottom: 15px;}
    .winemaker_wrap img.profile-pic {width: 90px; height: 90px;}
    .venue-wrap {max-height: 220px; margin-bottom: 20px;}
    .book-banner {background-position: right center; position: relative; min-height: 150px; background-size: 70%;}
    .book-banner h3{max-width: 400px;}
    .book-banner .circle-tag{right: 15px; top: 15px;}
    .titlebox h1.page-title{font-size: 24px;}
}

@media (max-width: 800px) and (min-width: 768px){
    #lease_form>.row>.form-group:last-child label{min-height:39px;}
}

@media (max-width: 768px){
    .logo-block img{max-width: 150px;}
    .carousel .carousel-inner .carousel-item .carousel-content h3, .banner-item .banner-content h3{font-size: 24px; padding: 0 10px;}
    .post-theme .post-img {max-width: 400px; margin: 0 auto;}
    .carousel-item, .banner-item{background-size: cover; min-height: 100px;}
}
@media (max-width: 767px) {
    .couser-banner{background-size: 100%;}
    #content-carousel .content-carousel {width: 84%;}
    #progressbar li {font-size: 13px;}
    #progressbar li:before {width: 30px; height: 30px; line-height: 27px; font-size: 14px; margin: 0 auto 5px auto;}
    #progressbar li:after {top: 15px;}
    #product-listing a.filter-toggle {display: block; width: 100%; background: #d2b77a; padding: 5px 10px; font-size: 15px; color: #fff; font-weight: 600; text-decoration: none; letter-spacing: 0.5px; background-image: url(../media/selectarrow.png); background-repeat: no-repeat; background-position: calc(100% - 12px); padding-right: 32px !important; background-size: 11px;}
    #product-listing .filter-content {padding: 10px 10px 0; border: 1px solid #d2b77a; display: none;}
}
@media (max-width: 575px) {
    .couser-banner{background-size: cover;}
    .cru_box {min-width: inherit; max-width: 90%;}
}
@media (max-width: 480px) {
    .pagination-top > a {font-size: 14px;}
    .rating-stars ul > li.star > i.fa {font-size: 16px !important;}
    .book-banner {background-position: center bottom; background-size: 100%;}
    .book-banner .circle-tag {position: initial; margin: 0 auto;}
    .dropdown .cart-content.dropdown-menu{min-width: 280px; width: 100%;}
}

.singledate {
    cursor: pointer;
}
#eDate{
    cursor: pointer;

}
#Sdate{
    cursor: pointer;

}
#weekly_date_time_error{
    cursor: pointer;

}

.xdsoft_datetimepicker .xdsoft_year {width: 52px !important;}