*{margin: 0;padding: 0;box-sizing: border-box;transition: all 0.5s ease-in-out;outline: none;}
body,html{height: 100%;}
body{font-family: "Platypi", serif;background-color: #F9F8F9;}

ul{padding: 0;list-style: none;margin: 0;}
img{max-width: 100%;}
p{font-size: 18px;font-weight: 300;margin-bottom: 30px;color: #333;}
h2{font-size: 48px;line-height: 48px;font-weight: 300;text-transform: uppercase;margin-bottom: 30px;color: #333;}
h2.center{text-align: center;}
h2.center span{display: block;text-transform: none;font-size: 24px;color: #666;line-height: 24px;font-style: italic;}

.read-more{color: #333;text-decoration: none;position: relative;font-weight: 300;}
.read-more:hover{color: #5b2a58;}
.read-more::after{content: "";position: absolute;right: -20px;top: 5px;background-image: url(../images/arrow-right.svg);background-repeat: no-repeat;width: 16px;height: 16px;}

.read-more-btn{display: table;margin: 50px auto auto auto;}
.read-more-btn a{display: block;color: #5b2a58;text-decoration: none;text-transform: uppercase;border: 1px solid #5b2a58;padding: 12px 30px;position: relative;overflow: hidden;}
.read-more-btn a:hover,
.read-more-btn a:focus{color: #fff;}
.read-more-btn a::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #5b2a58;z-index: -1;transform: translateY(100%);transition: transform 0.5s ease;}
.read-more-btn a:hover::before,
.read-more-btn a:focus::before {transform: translateY(0);}

form button{display: block;color: #5b2a58;text-decoration: none;text-transform: uppercase;border: 1px solid #5b2a58;padding: 12px 30px;position: relative;overflow: hidden;background-color: transparent;}
form button:hover,
form button:focus{color: #fff;}
form button::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #5b2a58;z-index: -1;transform: translateY(100%);transition: transform 0.5s ease;}
form button:hover::before,
form button:focus::before {transform: translateY(0);}

header{height: 100%;position: relative;}
header::after{content: "";position: absolute;width: 100%;height: 216px;left: 0;bottom: -1px;background-image: url(../images/header-shape.svg);background-repeat: no-repeat;background-size: 1600px;background-position: bottom;}
header .banner{height: 100%;width: 100%;background-color: #000;position: relative;}
/* header .banner::before{content: "";position: absolute;width: 100%;height: 300px;left: 0;top: 0;z-index: 1;} */
header .banner::before{content: "";position: absolute;width: 100%;height: 300px;left: 0;top: 0;background: linear-gradient(to bottom, #fff, transparent);z-index: 1;}
header .banner h1{position: absolute;width: 100%;left: 0;top: 50%;z-index: 9;color: #F9F8F9;text-align: center;transform: translateY(-50%);margin: 0;font-size: 60px;font-weight: 300;text-shadow: 0 0 10px rgba(0,0,0,1);text-transform: capitalize;}
header .banner video{width: 100%;height: 100%;position: absolute;object-fit: cover;z-index: 0;opacity: 0.4;}
.navbar{position: absolute;width: 100%;top: 0;left: 0;z-index: 10;padding: 0 0 20px 0;display: block;}
.navbar .container-fluid{display: grid;grid-template-columns: 2fr 1fr 2fr;}
.navbar-light .navbar-brand img{max-width: none;}
.social-media{text-align: right;}
.social-media .btn{color: #5b2a58;padding: 10px 25px;border: 1px solid #5b2a58;border-radius: 100px;line-height: 26px;font-weight: 400;position: relative;overflow: hidden;box-shadow: none;}
.social-media .btn i{margin-right: 4px;}
.social-media .btn:hover,
.social-media .btn:focus{color: #fff;border-color: #5b2a58;}
.social-media .btn::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #5b2a58;z-index: -1;transform: translateY(100%);transition: transform 0.5s ease;}
.social-media .btn:hover::before,
.social-media .btn:focus::before {transform: translateY(0);}
.header-shape{position: absolute;left: 0;bottom: -1px;width: 100%;display: none;}
.header-shape img{width: 100%;}
.optionTwo.navbar{padding: 0 0 20px 0;}
.optionTwo .navbar-brand{border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;background-color: #F9F8F9;padding: 10px 20px;}
.optionTwo .social-media .btn{color: #fff;border-color: #fff;}
.optionTwo .social-media .btn:hover,
.optionTwo .social-media .btn:focus{color: #5b2a58;border-color: #fff;}
.optionTwo .social-media .btn::before{background-color: #fff;}

header.productPage{height: 500px;}
header.productPage .banner{background-color: #5b2a58;}
header.productPage .banner::before{display: none;}
header.productPage .navbar{background-color: #F9F8F9;padding: 0 0 10px 0;}

.headerContact{background-color: #5b2a58;text-align: center;color: #fff;display: block;width: 100%;margin-bottom: 10px;padding: 10px 0;}
.headerContact ul{display: table;margin: auto;}
.headerContact ul li{float: left;color: #fff;font-size: 14px;font-weight: 600;}
.headerContact ul li a{color: #fff;text-decoration: none;margin: 0 10px;font-weight: normal;}
header.productPage .navbar-light.sticky,
.sticky {position: fixed;top: 0;width: 100%;z-index: 999;background-color:rgba(249,248,249,0.8);backdrop-filter:blur(10px);padding-bottom: 10px;}
.navbar-light.sticky .navbar-brand img{max-height: 80px;}

main{overflow-x: hidden;}

.home-about{display: grid;grid-template-columns: 8fr 4fr;margin-top: 100px;margin-bottom: 100px;align-items: center;}

.wine-collection{margin-bottom: 100px;position: relative;padding: 0;margin-top: 50px;}
.wine-collection::before{content: "";position: absolute;width: 298px;height: 247px;left: 0;top: 0;background-image: url(../images/leaf1.png);background-repeat: no-repeat;z-index: 2;}
.wine-collection::after{content: "";position: absolute;width: 150px;height: 130px;right: 60px;top: 0;background-image: url(../images/leaf2.png);background-repeat: no-repeat;z-index: 2;}
.wine-collection ul{display: grid;grid-template-columns: 1fr 1fr 1fr;text-align: center;}
.wine-collection ul li img{max-height: 400px;margin-bottom: 10px;}
.wine-collection ul li a{color: #333;text-decoration: none;}
.wine-collection ul li span{display: block;}
.wine-collection ul li p{margin: 0;color: #ff0000;text-transform: uppercase;}

.wine-collection.comingSoon ul{grid-template-columns: 1fr 1fr;}

.articles{margin-bottom: 100px;padding: 0;position: relative;display: none;}
.articles::after{content: "";width: 218px;height: 179px;position: absolute;right: -30px;top: -150px;background-image: url(../images/leaf3.png);background-repeat: no-repeat;}
.articles ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;}
.articles ul h4{font-size: 36px;line-height: 36px;font-weight: 300;color: #5b2a58;margin: 22px 0 10px 0;}

.feedback{padding: 0;margin-bottom: 100px;position: relative;}
.feedback::after{content: "";position: absolute;width: 134px;height: 145px;right: 50px;top: -120px;background-image: url(../images/leaf4.png);background-repeat: no-repeat;}
.feedback::before{content: "";position: absolute;width: 245px;height: 366px;left: -80px;top: -100px;background-image: url(../images/leaf5.png);background-repeat: no-repeat;}
.feedback .owl-carousel .item{background-color: #fff;padding: 40px;margin-top: 0;display: grid;grid-template-columns: 145px auto;}
.feedback .owl-item{padding: 0 15px;}
.feedback .client-img{display: block;padding: 20px;position: relative;}
.feedback .client-img::before{content: "";position: absolute;width: 105px;height: 105px;background-color: #5b2a58;left: 0;top: 0;z-index: 0;}
.feedback .owl-carousel.owl-theme .owl-item .client-img img{max-width: 105px;display: block;position: relative;z-index: 1;margin: 0;}
.feedback .client-info p{font-style: italic;margin-top: -8px;}
.feedback .client-info strong{display: block;font-weight: 500;color: #5b2a58;}
.feedback .client-info span{font-size: 14px;font-weight: 300;display: block;margin-top: -3px;color: #666;}
.feedback .owl-theme .owl-nav{display: none;}
.feedback .owl-theme .owl-dots{padding-top: 20px;}

.gallery{position: relative;padding: 0;margin-bottom: 50px;}
.gallery::before{content: "";position: absolute;width: 150px;height: 130px;left: 50px;top: -100px;background-image: url(../images/leaf6.png);background-repeat: no-repeat;}
.gallery::after{content: "";position: absolute;width: 352px;height: 317px;right: 0;top: -250px;background-image: url(../images/leaf7.png);background-repeat: no-repeat;}
.gallery ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1px;}
.gallery ul li{position: relative;}
.gallery ul li a::before{content: "";position: absolute;background-color:rgba(91,42,88,0.8);width: 100%;height: 100%;left: 0;top: 0;background-image: url(../images/zoom.svg);background-repeat: no-repeat;background-position: bottom;cursor: pointer;opacity: 0;transition: background-position 0.4s ease-in-out,opacity 0.3s ease-in-out;}
.gallery ul li a:hover:before{opacity: 1;background-position: center;}
.gallery .modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9);backdrop-filter:blur(10px)}
.gallery .modal-content{margin:auto;display:block;width:100%;max-width:700px;border:none;box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);border-radius: 0;}
.gallery .model-img{display:flex;height:100%}
#caption{width:100%;text-align:center;color:#fff;padding:10px 0;position:absolute;bottom:0;left:0}
.gallery .modal-content,#caption{animation-name:zoom;animation-duration:.6s}
@keyframes zoom {
    from{transform:scale(0)}
    to{transform:scale(1)}
}
.close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:20px;font-weight:700;transition:.3s}
.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}

footer{position: relative;background-color: #5b2a58;padding: 0;}
footer::before{content: "";position: relative;width: 100%;height: 132px;left: 0;top: 0;background-image: url(../images/header-shape-footer.svg);background-repeat: no-repeat;background-size: 1600px;background-position: bottom;background-color: #fff;display: table;background-color: #F9F8F9;}
.footer{padding: 0;}
.footer-logo{width: 140px;display: table;margin: auto auto 50px auto;}
.footer-info{display: grid;grid-template-columns: 1fr 1fr 1fr;text-align: center;color: #fff;margin-top: 80px;}
.footer-info img{max-width: 140px;}
.footer-info h5{font-size: 36px;line-height: 36px;font-weight: 300;margin-bottom: 20px;color: #F9F8F9;}
.footer-info p{color: #F9F8F9;}
.footer-info p a{color: #F9F8F9;text-decoration: none;}
.footer-media ul{margin: auto;display: table;padding: 30px 0 50px 0;}
.footer-media ul li{float: left;margin: 0 5px;}
.footer-media ul li a{color: #fff;font-size: 18px;border: 1px solid #fff;width: 41px;height: 41px;line-height: 37px;text-align: center;display: block;border-radius: 100px;font-size: 16px;}
.footer-media ul li a:hover{background-color: #fff;color: #5b2a58;}
.copyright{text-align: center;color: #a666a2;padding: 0 0 30px 0;}

.our-story-page{margin-top: 100px;margin-bottom: 100px;}
.our-story-left img,
.our-story-right img{display: table;margin: auto;}
.our-story-left span{font-weight: 600;color: #5b2a58;text-decoration: underline;font-style: italic;}
.home-about-txt span{font-weight: 600;color: #5b2a58;text-decoration: underline;font-style: italic;}

.modal-backdrop {background-color: rgba(0, 0, 0, 0.8);}
.modal-backdrop.show {-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);opacity: 1;}
.age-popup .modal-header{border: none;padding: 0 0 10px 0;}
.age-popup .modal-footer{border: none;padding: 10px 0 0 0;display: table;margin: auto;}
.age-popup .modal-header .modal-title{text-align: center;width: 100%;color: #5b2a58;}
.age-popup .modal-content{padding: 150px 50px 50px 50px;border-radius: 0;background-image: url(../images/popup-bg.jpg);background-repeat: no-repeat;background-size: 100%;background-position: top;background-color: #F9F8F9;}
.age-popup .modal-body{text-align: center;color: #333;padding-top: 0;}
.age-popup .btn{display: inline-block;color: #5b2a58;text-transform: uppercase;border: 1px solid #5b2a58;padding: 8px 30px;position: relative;overflow: hidden;margin: 0 10px;background-color: transparent;border-radius: 0;}
.age-popup .btn:hover{background-color: #5b2a58;color: #fff;}
.age-popup .btn.btn-secondary{color: #666;border-color: #666;}
.age-popup .btn.btn-secondary:hover{background-color: #666;color: #fff;}
.age-popup.modal .modal-dialog{margin: auto;top: 50%;transform: translateY(-50%);}

.contact-us{margin-top: 100px;margin-bottom: 100px;}
.contact-us-content{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 50px;}
.contact-us-content ul{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.contact-us-content ul li:nth-child(5),
.contact-us-content ul li:nth-child(6){grid-column: span 2;}
.contact-us-content ul li label{width: 100%;font-weight: 400;color: #5b2a58;margin-bottom: 0;}
.contact-us-content ul li input,
.contact-us-content ul li textarea{font-size: 16px;width: 100%;border: none;box-shadow: none;border-bottom: 1px solid #999;padding: 10px 0;color: #666;background-color: #F9F8F9;}
.contact-us-content ul li textarea{height: 90px;}
.contact-us-content ul li input:focus,
.contact-us-content ul li textarea:focus{border-color: #5b2a58;}
.map iframe{width: 100%;height: 100%;}

#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;justify-content:center;align-items:center;z-index:9999}
#loader{border:5px solid #fff;border-top:5px solid #5b2a58;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

.productDetails{padding: 100px 0;}
.productDetails ul{display: grid;grid-template-columns: 1fr 1fr;}
.productDetails ul li img{margin: auto;display: table;}
.productDetails ul li h2{font-size: 30px;line-height: 30px;}
.productDetails ul li h2 span{display: block;font-size: 20px;color: #ff0000;}
.productDetails ul li strong{color: #e3000f;}
.productDetails ul li img{max-height: 700px;}
.productDetails ul li .seprator{border-bottom: 1px solid #999;padding-bottom: 30px;}
.productDetails .read-more-btn{display: inline-block;margin: 0;}

.modal.pdfDownloadForm{display:none;position:fixed;z-index:9;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.modal.pdfDownloadForm .modal-content{background-color:#fff;margin:15% auto;padding:50px;width:500px}
.modal.pdfDownloadForm .modal-content h2{font-size: 28px;text-align: center;color: #5b2a58;line-height: 28px;}
.modal.pdfDownloadForm .close{color:#aaa;float:right;font-size:28px;cursor:pointer}
.modal.pdfDownloadForm ul li{margin-bottom: 20px;}
.modal.pdfDownloadForm ul li:last-child{margin: 0;}
.modal.pdfDownloadForm ul li label{width: 100%;font-weight: 400;color: #5b2a58;margin-bottom: 0;}
.modal.pdfDownloadForm ul li input{font-size: 16px;width: 100%;border: none;box-shadow: none;border: 1px solid #999;padding: 10px 15px;color: #666;}