/* Custom Stylesheet */
/* Font-Face */
@font-face {
    font-family: 'avenirroman';
    src: url('../fonts/avenir-roman-webfont.woff2') format('woff2'),
         url('../fonts/fonts/avenir-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'avenirbook';
    src: url('../fonts/avenir-book-webfont.woff2') format('woff2'),
         url('../fonts/avenir-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'avenirmedium';
    src: url('../fonts/avenir-medium-webfont.woff2') format('woff2'),
         url('../fonts/avenir-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'avenirlight';
    src: url('../fonts/avenir-light-webfont.woff2') format('woff2'),
         url('../fonts/avenir-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'beyond_sweetregular';
    src: url('../fonts/beyondsweet-webfont.woff2') format('woff2'),
         url('../fonts/beyondsweet-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'cinzelregular';
    src: url('../fonts/cinzel-regular-webfont.woff2') format('woff2'),
         url('../fonts/cinzel-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body, div, p, span, a, input, #mainNav .navbar-brand, .styledSelect, button, input, optgroup, select, textarea{
    font-family: 'avenirroman', Arial, Helvetica, sans-serif !important;
}
.cinzel{
    font-family: 'cinzelregular', Arial, Helvetica, sans-serif !important;
}

/* font sizes */
.font-10{font-size: 10px !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-25{font-size: 25px !important;}
.font-30{font-size: 30px !important;}
.font-32{font-size: 32px !important;}
.font-35{font-size: 35px !important;}
.font-65{font-size: 65px !important;}
/* font sizes */

/* Width css */
.w10 {width: 10px !important; min-width: 10px !important; max-width: 10px !important;}
.w20 {width: 20px !important; min-width: 20px !important; max-width: 20px !important;}
.w30 {width: 30px !important; min-width: 30px !important; max-width: 30px !important;}
.w40 {width: 40px !important; min-width: 40px !important; max-width: 40px !important;}
.w50 {width: 50px !important; min-width: 50px !important; max-width: 50px !important;}
.w60 {width: 60px !important; min-width: 60px !important; max-width: 60px !important;}
.w70 {width: 70px !important; min-width: 70px !important; max-width: 70px !important;}
.w80 {width: 80px !important; min-width: 80px !important; max-width: 80px !important;}
.w90 {width: 90px !important; min-width: 90px !important; max-width: 90px !important;}
.w100 {width: 100px !important; min-width: 100px !important; max-width: 100px !important;}
.w110 {width: 110px !important; min-width: 110px !important; max-width: 110px !important;}
.w120 {width: 120px !important; min-width: 120px !important; max-width: 120px !important;}
.w130 {width: 130px !important; min-width: 130px !important; max-width: 130px !important;}
.w140 {width: 140px !important; min-width: 140px !important; max-width: 140px !important;}
.w150 {width: 150px !important; min-width: 150px !important; max-width: 150px !important;}
.w160 {width: 160px !important; min-width: 160px !important; max-width: 160px !important;}
.w170 {width: 170px !important; min-width: 170px !important; max-width: 170px !important;}
.w180 {width: 180px !important; min-width: 180px !important; max-width: 180px !important;}
.w190 {width: 190px !important; min-width: 190px !important; max-width: 190px !important;}
.w200 {width: 200px !important; min-width: 200px !important; max-width: 200px !important;}
.w210 {width: 210px !important; min-width: 210px !important; max-width: 210px !important;}
.w220 {width: 220px !important; min-width: 220px !important; max-width: 220px !important;}
.w230 {width: 230px !important; min-width: 230px !important; max-width: 230px !important;}
.w240 {width: 240px !important; min-width: 240px !important; max-width: 240px !important;}
.w250 {width: 250px !important; min-width: 250px !important; max-width: 250px !important;}
.w260 {width: 260px !important; min-width: 260px !important; max-width: 260px !important;}
.w270 {width: 270px !important; min-width: 270px !important; max-width: 270px !important;}
.w280 {width: 280px !important; min-width: 280px !important; max-width: 280px !important;}
.w290 {width: 290px !important; min-width: 290px !important; max-width: 290px !important;}
.w300 {width: 300px !important; min-width: 300px !important; max-width: 300px !important;}
.w310 {width: 310px !important; min-width: 310px !important; max-width: 310px !important;}
.w320 {width: 320px !important; min-width: 320px !important; max-width: 320px !important;}
.w350 {width: 350px !important; min-width: 350px !important; max-width: 350px !important;}
.w380 {width: 380px !important; min-width: 380px !important; max-width: 380px !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;}
/* Width css */

.bg-light {background-color: #edeeee !important;}
.form-control {font-size: 15px; font-weight: bold; padding: 10px 12px; border: 0; border-radius: 0;}
.modal .btn.btn-secondary {background-color: #242526; border-color: #242526; text-transform: uppercase;}
.modal .btn.btn-secondary:hover {background-color: #D3B466; border-color: #D3B466;}
.bgimage{background-image: url(../assets/img/bgimage.jpg); background-position: center top; background-size: 100%; background-repeat: repeat;}
.cru_box{background-color: #383839; max-width: 600px; box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 30%);}
.cru_box > div{max-width: 80%;}
.cru_box .datepicker{border: 0; padding: 0; width: 75px; cursor: pointer;}
.cru_box .datepicker:focus, .form-control:focus{border: 0; outline: 0;}
.cru_box.video_wrap{max-width: 800px; max-height: 600px;}
.cru_box.video_wrap video{max-width: 100%;}

/* navbar */
#mainNav {padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: #242526;} /*background-color: #383739;*/
#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: #fff; font-size: 15px;}
#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link.active {color: #D3B466;}
#mainNav .navbar-nav .nav-item.cru-icon .nav-link{color: #D3B466; display: flex; align-items: center; justify-content: space-between;}
#mainNav .navbar-nav .nav-item.cru-icon .nav-link:before{content: ""; background-image: url(../assets/img/glass.png); background-repeat: no-repeat; background-position: 0 0; width: 26px; height: 22px; background-size: 18px;}
#mainNav .navbar-nav .nav-item.dropdown .nav-link:after{content: ""; background-image: url(../assets/img/select_arrow-white.svg); width: 10px; height: 8px; display: inline-block; background-size: 100%; background-repeat: no-repeat;}
.admin-console #mainNav .navbar-nav .nav-item .nav-link {font-size: 14px;}

.masthead {padding-top: 90px; width: 100%;}
.masthead.admin-console .toppart{background-color: #D3B466;}
.masthead.admin-console .toppart .navbar-nav .nav-item .nav-link{font-size: 13px; font-weight: 600; color: #333;}
.masthead.admin-console .toppart .navbar-nav .nav-item.dropdown .nav-link:after{content: ""; background-image: url(../assets/img/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: 600;}

.dropdown-menu {border-radius: 0; border: 0;}
.dropdown-menu li a.dropdown-item {text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 5px 20px;}
.dropdown-menu li:hover a.dropdown-item, .dropdown-menu li:focus a.dropdown-item{background-color: #D3B466;}

.carousel-indicators [data-bs-target] {width: 10px; height: 10px; background-color: #383739; 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-family: 'beyond_sweetregular'; font-size: 58px; text-align: center;}
.carousel-item, .banner-item{background-position: center center; min-height: 380px;background-repeat: no-repeat; background-size: cover;}
.min-h-480px{min-height: 480px;}

.titlebox{background-color: #242526; border-top: 1px solid #D3B466; border-bottom: 1px solid #5e6265;}
.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: 600; text-decoration: none; letter-spacing: 0.5px;}
.breadcrumb .breadcrumb-item a:hover{text-decoration: underline;}
.breadcrumb .breadcrumb-item.active{color: #D3B466;}

.heading{color: #383739; font-size: 24px; letter-spacing: 1.5px;}
hr{margin: 10px 0; border-color: #D3B466; opacity: 1;}

.brands_slider_container {height: 320px; padding-left: 50px; padding-right: 50px; background: #fff; position: relative;}
.brands_slider {height: 100%;}
.brands_item {height: 100%;}
.brands_item img {max-width: 100%;}
.brands_nav {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 5px; cursor: pointer;}
.brands_nav i {color: #e5e5e5; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.brands_nav:hover i {color: #676767;}
.brands_prev {left: 0;}
.brands_next {right: 0;}
.brands_slider_container .owl-stage .owl-item {display: flex; justify-content: center; align-items: center;}
.brands_slider_container .owl-stage .owl-item > .owl-item{padding: 20px 50px; position: relative; cursor: pointer;}
.brands_slider_container .owl-stage .owl-item > .owl-item .brands_item > .brand_content{display: none; position: absolute; width: 100%; height: 100%; background-color: rgb(229 229 229 / 70%); left: 0; right: 0; align-items: center; justify-content: center;}
.brands_slider_container .owl-stage .owl-item > .owl-item .brands_item > .brand_content div > span{display: block; font-size: 17px;}
.brands_slider_container .owl-stage .owl-item > .owl-item .brands_item > .brand_content div > span.type{font-size: 15px; font-weight: 600; padding: 0 50px;}
.brands_slider_container .owl-stage .owl-item > .owl-item:hover .brands_item > .brand_content{display: flex;}


.btn{padding: 10px 30px; height: 42px; border-radius: 0; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%); font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;}
.btn.btn-primary{background-color: #383739; border-color: #383739; text-transform: uppercase;}
.btn.btn-primary:hover{background-color: #D3B466; border-color: #D3B466;}
.btn.btn-secondary{background-color: #D3B466; border-color: #D3B466; text-transform: uppercase;}
.btn.btn-secondary:hover{background-color: #383739; border-color: #383739;}
.btn.btn-primary.btn-outline-primary{background-color: #fff; color: #383739; box-shadow: none; border-width: 2px;}
.btn.btn-primary.btn-outline-primary:hover{color: #D3B466;}
.btn.btn-secondary.btn-outline-secondary{background-color: #fff; color: #D3B466; box-shadow: none; border-width: 2px;}
.btn.btn-secondary.btn-outline-secondary:hover{color: #383739;}
.btn.btn-sm {padding: 6px 20px; height: 34px; font-size: 14px;}

.post-theme .post-img img{width: 100%;}
.post-theme .post-content h3{font-size: 22px;}
.post-theme .post-content p{font-size: 17px;}

.bg-secondary{background-color: #D3B466 !important; letter-spacing: 1px;}

/* testimonial - slider */
#testimonial-slider{background-color: #faf6ee; padding: 30px; position: relative;}
.testimonial-slider {height: 100%; width: 94%; margin: 0 auto;}
.testimonial_item {height: 100%;}
.testimonial_item .title{font-size: 24px;}
.testimonial_item .description {font-weight: 500; font-size: 18px; letter-spacing: 1px;}
.testimonial_item .post{font-size: 18px; font-style: italic;}
.testimonial_nav {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 5px; cursor: pointer; z-index: 1;}
.testimonial_nav i {color: #e5e5e5; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.testimonial_nav:hover i {color: #676767;}
.testimonial_prev {left: 30px;}
.testimonial_next {right: 30px;}
.testimonial-slider .owl-stage {display: flex; align-items: center; justify-content: center;}
.testimonial-slider .owl-stage .owl-item > .owl-item{padding: 0 30px; width: 100%;}

/* Account Application Form */
.height-50px{height: 50px;}
.account-application-form-wrap .form-control{border: solid 2px #e3e3e3; border-radius: 5px; padding: 8px 12px; font-weight: 400; resize: none;}
.account-application-form-wrap .form-wrap{max-width: 900px; margin: 0 auto;}
.account-application-form-wrap .form-wrap label{width: 100%;}
.account-application-form-wrap .form-wrap p{margin-bottom: 5px;}
.account-application-form-wrap .form-wrap .table th{background: #cdaf6e; color: #fff;}
.form-group select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../assets/img/selectarrow.png); background-repeat: no-repeat; background-position: calc(100% - 10px); padding-right: 28px!important;}

/* footer */
footer{background-color: #383739;}
footer p {font-family: 'avenirlight', Arial, Helvetica, sans-serif !important; font-size: 17px; font-weight: 300;}
footer p a{text-decoration: none;}
footer p a:hover{text-decoration: underline !important;}
footer p > span{color: #D3B466;}
footer p.copyright{font-size: 15px;}
footer .social_links a svg{fill: #D3B466;}
footer .social_links a svg g{stroke: #D3B466;}
footer .social_links a:hover svg{fill: #fff;}
footer .social_links a:hover svg g{stroke: #fff;}
footer p br{display: none;}

/* portfolio */
.filter-wrap, .bg-yellowlight{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:#fff; padding: 10px 12px; font-weight:bold; font-size: 13px;}
.styledSelect:after {content: ""; width: 0; height: 0; border: 5px solid transparent; border-color: #000 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: #D3B466;}

.winemaker_wrap{background-color: #f8f5ed; display: flex; align-items: center;}
.winemaker_wrap img.profile-pic {width: 160px; height: 160px; border-radius: 100%;}
.winemaker_wrap .title_cont_box h3{max-width: 85%;}
.curve-text {font-family: 'beyond_sweetregular', Arial, Helvetica, sans-serif !important; font-size: 32px; color: #caad69; font-weight: 600; line-height: 1.7;}
p.location-winer {color: #caad69; font-weight: 600; font-size: 20px;}
ul.crulist{list-style-type: none; padding: 0; margin: 0;}
ul.crulist li{margin: 15px 0; text-transform: uppercase;}
ul.crulist li img{margin-right: 8px;}

/* about */
div#content-carousel {position: relative;}
#content-carousel .content-carousel {width: 90%; margin: 0 auto;}
.content_nav {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 5px; cursor: pointer; z-index: 1;}
.content_nav i {color: #e5e5e5; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.content_nav:hover i {color: #676767;}
.content_prev {left: 0;}
.content_next {right: 0;}

/* news */
.mw-300px{min-width: 300px !important; max-width: 300px !important;}
.mw-250px{max-width: 250px !important;}
.mw-200px{max-width: 200px !important;}
.mw-140px{min-width: 140px !important; max-width: 140px !important;}
.mw-75px{max-width: 75px !important;}
.min-w-430px{min-width: 430px !important;}
.mh-300px {max-height: 300px !important;}
.mh-350px {max-height: 350px !important;}
.post-items{border-bottom: 1px solid #D3B466;}
section .container > .post-items:last-child{border: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}

.darkplace::-webkit-input-placeholder { /* Edge */ color: #000; font-size: 13px; font-weight: bold;}
.darkplace:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; font-size: 13px; font-weight: bold;}
.darkplace::placeholder {color: #000; font-size: 13px; font-weight: bold;}

/* contact page */
.venue-wrap {max-height: 780px; overflow: auto;}
.venue-wrap .name{color: #D3B466; font-size: 20px;}
.venue-wrap p{font-size: 14px;}
.venue-wrap p span img {width: 10px; height: auto;}
.venue-wrap .venue-box{padding-left: 70px; position: relative;}
.venue-wrap .venue-box:before{content: ""; width: 50px; height: 50px; background: #383839 url(../assets/img/glass.png) center center no-repeat; display: block; border-radius: 100%; background-size: 25px; position: absolute; left: 0; top: 0;}

.scrollbar {
    scrollbar-color: #383839 #e8e9ea !important;
    /* thumb and track color */
    scrollbar-width: thick !important;
}

.scrollbar::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #e8e9ea;
    box-shadow: inset 0 0 6px #e8e9ea;
    background-color: #e8e9ea;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #383839;
}

.gecko .scrollbar {
    scrollbar-color: #383839 #e8e9ea !important;
    /* thumb and track color */
    scrollbar-width: thick !important;
}

.firefox .scrollbar {
    scrollbar-color: #383839 #e8e9ea !important;
    /* thumb and track color */
    scrollbar-width: thick !important;
}
.scrollbar:hover {
    scrollbar-color: #383839 #e8e9ea !important;
    /* thumb and track color */
    scrollbar-width: thick !important;
}


ul.sitemap-list li {margin-top: 5px;}
ul.sitemap-list li a {color: #000; font-size: 16px; text-decoration: none;}
ul.sitemap-list li a:hover{text-decoration: underline;}

.awards-content h4, .awards-content h5{font-size: 18px; font-weight: 600; margin-bottom: 12px;}
.awards-content h5{font-size: 16px;}
.awards-content p{margin-bottom: 10px; font-size: 15px;}
/* Step Form */
#progressbar {margin-bottom: 30px; overflow: hidden; color: #C1C3C5; padding-left: 0; position: sticky; top: 90px; z-index: 1; padding: 5px; background-color: #fff;}
#progressbar li .active, #progressbar li .completed {color: #a3823d;}
#progressbar li {list-style-type: none; font-size: 15px; width: 25%; float: left; position: relative; font-weight: 600; text-align: center; text-transform: uppercase;}
#progressbar li a{text-decoration: none; color: #C1C3C5;}
#progressbar #step1 a:before {content: "1";}
#progressbar #step2 a:before {content: "2";}
#progressbar #step3 a:before {content: "3";}
#progressbar #step4 a:before {content: "4";}
#progressbar #step5 a:before {content: "5";}
#progressbar #step6 a:before {content: "6";}
#progressbar li a:before {width: 40px; height: 40px; line-height: 35px; text-align: center; display: block; font-size: 20px; color: #ffffff; background: #C1C3C5; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px;}
#progressbar li a:after {content: ""; width: 100%; height: 2px; background: #C1C3C5; position: absolute; left: 0; top: 25px; z-index: -1;}
#progressbar li a.active:before, #progressbar li a.completed:before,
#progressbar li a.active:after, #progressbar li a.completed:after {background: #D3B466;}
.christmus-steps #progressbar{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; top: inherit;}
.christmus-steps #progressbar li{float: none; width: 16.6%;}

.stepdata {display: none;}
.stepdata.active {display: block;}
.review-box, .bg-graylight{background-color: #F6F6F7;}
.star-rating span{font-size: 27px;}
.star-rating span:before{content: '★ ';}
.star-rating span.star-gold{color: #D3B466;}
.star-rating span.star-gray{color: #E4E5E6;}

.text-gold{color: #a3823d;}
.text-darkgold{color: #a4833e !important;}
.bg-dark{background-color: #383739 !important;}
.form-group {margin-bottom: 20px;}
.form-group label{display: block; margin-bottom: 10px; font-size: 18px;}
.form-control.form-input{border: 1px solid #767676; padding: 8px 10px;}

.pagination-top > a {color: #2196f3; font-size: 16px;}
.pagination-top > a:hover{text-decoration: underline;}
.form-group.required .form-control {border-left-color: #D3B466; border-left-width: 2px;}
.form-group.required .input-group .input-group-prepend {border-left: 2px solid #D3B466 !important;}
.required .form-control {border-left-color: #D3B466;}
span.error {font-size: 14px; line-height: 1.5; width: 100%; margin-top: 0.25rem; color: #dc3545 !important; display: inline-flex;}

.fixed-update-button {position: fixed; right: 35px; bottom: 75px;}
.form-check .form-check-input {position: relative; top: -2px;}

/* upload fields */
.btn-upload, .btn-add {min-width: 280px;}
.uploaded_file_name{position: relative; padding-left: 24px; background-image: url(../assets/img/attach-icon.jpg); background-position: left center; background-repeat: no-repeat; width: 280px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.font-14{font-size: 14px;}

.input-file-container {position: relative; width: 225px;} 
.js .input-file-trigger {display: block; padding: 10px 20px; height: 42px; background: #D3B466; color: #fff; font-size: 14px; font-weight: 600; transition: all .4s; cursor: pointer; text-transform: uppercase; text-align: center;}
.js .input-file {position: absolute; top: 0; left: 0; width: 225px; opacity: 0; padding: 14px 0; cursor: pointer;}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {background: #383739; color: #fff;}

.file-return {margin: 0;}
.file-return:not(:empty) {margin: 1em 0;}
.js .file-return {font-style: italic; font-size: .9em; font-weight: bold;}
.js .file-return:not(:empty):before {content: "Selected file: "; font-style: normal; font-weight: normal;}
/* upload fields */

.box-shadow{box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%);}
table.table.bg-light th, table.table.bg-light td{background-color: transparent; border: 0;}
.giftag{width: 122px; height: 122px; display: block; border-radius: 50%; background: linear-gradient(to right top, #caad69 0%, #fff9ba 26%, #caad69 50%, #fff9ba 70%, #caab69 93%, #fff9ba 100%); font-size: 16px; line-height: 20px; font-weight: 600; padding: 12px; position: absolute; left: -112px; top: 0; bottom: 0; margin: auto; z-index: -1; display: flex; align-items: center; justify-content: center;}
/* .gift-active{background-color: #383739 !important; border-color: #383739 !important;} */

.btn-giftpack{width: 163px; height: 163px; background-repeat: no-repeat; background-position: center center; border-radius: 100px; cursor: pointer;}
.btn-giftpack>span{display: none;}
.btn-giftpack.btn-prized{background-image: url(../img/prized.png);}
.btn-giftpack.btn-premium{background-image: url(../img/premium.png);}
.btn-giftpack.btn-vip{background-image: url(../img/vip.png);}
.btn-giftpack.btn-vipplus{background-image: url(../img/vip-plus.png);}
.btn-giftpack:hover, .btn-giftpack.gift-active{border: 1px solid #D3B466;}

.gifting-title{background: linear-gradient(to right, #383839 0%, #636466 25%, #383839 50%, #636466 75%, #383839 100%); color: #fff; font-size: 26px; font-weight: 600;}
.premium-title-bg{background: linear-gradient(to right, #794728 0%, #e99e71 25%, #794728 50%, #e99e71 75%, #794728 100%);}
.vip-title-bg{background: linear-gradient(to right, #808285 0%, #d1d3d4 25%, #808285 50%, #d1d3d4 75%, #808285 100%);}
.vipplus-title-bg{background: linear-gradient(to right, #caad69 0%, #fff9ba 25%, #caad69 50%, #fff9ba 75%, #caad69 100%);}

@-moz-keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }
    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@-webkit-keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }
    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@keyframes dothabottomcheck-19 {
    0% {
        height: 0;
    }
    100% {
        height: calc(var(--checkbox-height) / 2);
    }
}

@keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

@-webkit-keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

@-moz-keyframes dothatopcheck-19 {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: calc(var(--checkbox-height) * 1.2);
    }
}

.checkbox-custom {box-sizing: border-box; --background-color: #fff; --checkbox-height: 25px; max-height: 25px;}
.checkbox-custom input[type=checkbox] {display: none;}
.checkbox-custom .check-box {height: var(--checkbox-height); width: var(--checkbox-height); background-color: #fff; position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer;}
.checkbox-custom .check-box::before, .checkbox-custom .check-box::after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 0; width: calc(var(--checkbox-height) * .2); background-color: #00a651; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: " "; -webkit-transition: opacity ease 0.5; -moz-transition: opacity ease 0.5; transition: opacity ease 0.5;}
.checkbox-custom .check-box::before {top: calc(var(--checkbox-height) * .72); left: calc(var(--checkbox-height) * .41); box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.checkbox-custom .check-box::after {top: calc(var(--checkbox-height) * .37); left: calc(var(--checkbox-height) * .05); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.checkbox-custom input[type=checkbox]:checked + .check-box, .checkbox-custom .check-box.checked {border-color: #00a651;}
.checkbox-custom input[type=checkbox]:checked + .check-box::after, .checkbox-custom .check-box.checked::after {height: calc(var(--checkbox-height) / 2); -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards; -o-animation: dothabottomcheck-19 0.2s ease 0s forwards; -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards; animation: dothabottomcheck-19 0.2s ease 0s forwards;}
.checkbox-custom input[type=checkbox]:checked + .check-box::before, .checkbox-custom .check-box.checked::before {height: calc(var(--checkbox-height) * 1.2); -moz-animation: dothatopcheck-19 0.4s ease 0s forwards; -o-animation: dothatopcheck-19 0.4s ease 0s forwards; -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards; animation: dothatopcheck-19 0.4s ease 0s forwards;}

.border-col-right{border-right: 1px solid #D3B466;}
.border-col-left{border-left: 1px solid #D3B466;}

.modal-backdrop.show {opacity: 0.7;}
.modal .modal-body > .row, #contactInfoFormId .row{margin-left: -10px; margin-right: -10px;}
.close-modal {color: #212529; text-decoration: none; position: absolute; right: 25px; font-size: 18px; top: 15px;}

.table.table-delivery{--bs-table-border-color: #d5d6d7;}
.table.table-delivery.border-white{--bs-table-border-color: #fff;}
.table.table-delivery th, .table.table-delivery td {font-size: 15px; padding: 5px; color: #000;}
.table.table-delivery th {background-color: #d5d6d7;}

.giftimg-right {margin-left: 20px;}
.shadow-img{box-shadow: 0 0 7px rgb(0 0 0 / 30%);}

.mini-cart-trigger {
    position: relative;
    text-decoration: none;
}
.mini-cart-trigger img {
    max-width: 28px;
}
.mini-cart-trigger .count {
    color: #fff;
    background-color: #9f0005;
    padding: 5px;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    position: absolute;
    right: -20px;
    top: -10px;
    border-radius: 50px;
    min-width: 21px;
}
table.table.table-order-rewiew.bg-light th {
    font-size: 16px;
    text-transform: uppercase;
}
table.table.table-order-rewiew.bg-light td{
    font-size: 16px;
}



/* responsive style */
@media (min-width: 576px){
    .container, .container-sm {max-width: 100%; padding-left: 20px !important; padding-right: 20px !important;}
    .min-w-340px{min-width: 340px;}
}
@media (min-width: 768px){
    .container, .container-md, .container-sm {max-width: 100%; padding-left: 20px !important; padding-right: 20px !important;}
    .min-w-sm-325px{min-width: 325px;}
    .col-md-20{flex: 0 0 auto; width: 20%;}
}
@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;}
}
@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;}
}
@media (max-width: 1199px){
    .carousel .carousel-inner .carousel-item .carousel-content h3, .banner-item .banner-content h3{font-size: 48px;}
    .min-w-xl-325px{min-width: 325px;}
    .min-w-xl-240{min-width: 240px;}
}
@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;}
    .btn-giftpack {width: 140px; height: 140px; background-size: 120px;}
}
@media (max-width: 991px){
    .navbar-brand > img{height: 32px;}
    #mainNav {padding-top: 1rem; padding-bottom: 1rem; height: 75px; width: 100%;}
    .masthead {padding-top: 75px;}
    .carousel-item, .banner-item{min-height: 280px;}
    .carousel-item img, .banner-item img {min-height: 100%; width: auto !important; max-height: 240px;}
    .navbar-collapse {background: #383739; 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;}
    .giftimg-right {max-height: 300px;}
    table.table.table-order-rewiew.bg-light thead, table.table.table-order-rewiew.bg-light .thead, table.table.table-order-rewiew.bg-light .hidecol {display: none;}
    table.table.table-order-rewiew.bg-light tr {display: block; margin-bottom: 15px; border: 1px solid #d5d5d5; padding: 10px;}
    table.table.table-order-rewiew.bg-light td {border-bottom: 1px solid #d5d5d5; display: block; font-size: 15px; text-align: right; min-height: 40px;}
    table.table.table-order-rewiew.bg-light td::before {content: attr(data-label); float: left; text-align: left; min-width: 110px; font-weight: 600; text-transform: uppercase;}
    table.table.table-order-rewiew.bg-light td:last-child {border-bottom: 0;}
    table.table.table-order-rewiew.bg-light td .checkbox-custom, table.table.table-order-rewiew.bg-light .text-center{text-align: right !important;}
}
@media (max-width: 768px){
    .cru_box > div{max-width: 100%;}
    .carousel .carousel-inner .carousel-item .carousel-content h3, .banner-item .banner-content h3{font-size: 32px; padding: 0 10px; line-height: 50px;}
    .post-theme .post-img {max-width: 400px; margin: 0 auto;}
    .carousel-item, .banner-item{min-height: 330px;}
    .font-17{font-size: 15px !important;}
    .font-18{font-size: 16px !important;}
      
    table.table.bg-light thead, table.table.bg-light .thead, table.table.bg-light .hidecol {display: none;}
    table.table.bg-light tr {display: block; margin-bottom: 15px; border: 1px solid #d5d5d5; padding: 10px;}
    table.table.bg-light td {border-bottom: 1px solid #d5d5d5; display: block; font-size: 15px; text-align: right; min-height: 40px;}
    table.table.bg-light td::before {content: attr(data-label); float: left; text-align: left; min-width: 110px; font-weight: 600; text-transform: uppercase;}    
    table.table.bg-light td:last-child {border-bottom: 0;}
    table.table.bg-light td .checkbox-custom, table.table.bg-light .text-center{text-align: right !important;}
}
@media (max-width: 767px) {
    footer p br {display: block;}
    #content-carousel .content-carousel {width: 84%;}
    #progressbar li {font-size: 13px;}
    #progressbar li a:before {width: 30px; height: 30px; line-height: 27px; font-size: 14px; margin: 0 auto 5px auto;}
    #progressbar li a:after {top: 15px;}
    .border-col-right{border-right: 0; border-bottom: 1px solid #D3B466;}
    .border-col-left{border-left: 0; border-top: 1px solid #D3B466;}
    .btn-giftpack {width: 103px; height: 103px; background-size: 93px;}
}
@media (max-width: 480px) {
    .pagination-top > a {font-size: 14px;}
    .rating-stars ul > li.star > i.fa {font-size: 16px !important;}
    .christmus-steps #progressbar li{min-width: 100px; margin-bottom: 15px;}
    .min-w-340px{height: auto !important;}
}