@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('global.css');

html {
scroll-behavior:smooth;
}
img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
  }
body{font-family:var(--font-family); color:var(--text-color);}
.wrapper{padding:30px; min-height:100vh; position:relative; z-index:1; background-color:var(--primary-color);}
.header{padding-top:25px; padding-bottom:25px; padding-left:var(--vw-24); padding-right:var(--vw-24);}
.header.position-absolute{left:0; top:0; width:100%; z-index:999;}
.header .logo img{max-width:260px; width:180px;}
.footer .logo {width:360px;}
	.header a {
		color:#fff;
	}

.header .row .col-4 a:not(:first-child) {
	margin-left:25px;
}
.hero {
	position:relative;
	padding: var(--vw-24);
	min-height: calc(100vh - 60px);
	background-image: linear-gradient(black, black), url(../images/hero-banner.jpg);
	background-blend-mode: saturation;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index:-2;
}
	.hero::after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		overflow:hidden;
		width:100%;
		height:100%;
		background-color:black;
		opacity:0.4;
		z-index:-1;
	}

	.hero span {
		position:absolute;
		bottom:3rem;
		display:flex;
	}

		.hero span figure {
			margin-left:0.5rem;
			width: 1.5rem;
			height: 1.5rem;
		}

.hero-contents {
	text-align:center;
}
	.hero-contents .row {
		justify-content:center;
	}

.languages{font-size:16px; font-family:var(--headding-font); color:#fff; margin:0 -8px;}
.languages a{color:#fff; padding:0 8px;}
.languages a:hover{opacity:0.5;}
/*.section{margin-bottom:var(--vw-24);}*/
.section{margin-bottom:15px;}
.section:last-child{margin-bottom:0;}
/*.main{padding-top:var(--vw-24); padding-bottom:var(--vw-24);}*/
.main {
	padding-top: 30px;
	padding-bottom: 30px;
}
.article-banner{min-height:500px;}
.article-banner-1{background:url(../images/banner-1.jpg) center center no-repeat; background-size:cover;}
.article-content{background-color:var(--light-gray-color); padding:var(--vw-24);}
.article-content h1, .article-content p{margin-bottom:30px;}
.article-content h3, .article-content p{margin-bottom:30px;}
.article-content h1:last-child, .article-content p:last-child{margin-bottom:0;}
.article-link{color:#ce3b3b; position:relative; padding-top:70px;}
.article-link{color:#ce3b3b; position:relative; padding-top:70px;} 
.service-links li a{color:var(--primary-color); font-size:16px;}
.service-links li a:hover{text-decoration:underline;}
.article-link::before{width:2px; background-color:#ce3b3b; content:""; height:60px; position:absolute; left:50%; top:0;}
.article-link:hover{opacity:0.8; color:#ce3b3b;}
.article-link.white-color::before{background-color:#fff;}
.address {font-size:16px;}
.image-link {}
	.image-link::before {}
	.image-link:hover {opacity: 0.8;}
	.image-link.white-color::before {background-color: #fff;}
.disclaimer {font-size:14px}
.products{background-color:var(--primary-color); padding:var(--vw-24); background-image:url(../images/letter-bg-1.png); background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}
.footer{min-height:600px; background-color:var(--primary-color);}
.footer-top{padding-left:var(--vw-24); padding-right:var(--vw-24);}
.copyright{padding:var(--vw-24);}
.footer-links li a{color:#fff; font-size:16px;}
.footer-links li a:hover{text-decoration:underline;}
.footer-links{padding-bottom:20px;} 
.footer-links:last-child{padding-bottom:0;} 
.single-product-content, .single-product-footer{padding-left:var(--vw-24); padding-right:var(--vw-24);}
.single-product-footer{background-image:url(../images/letter-bg-2.png); background-position:center center; background-repeat:no-repeat; background-size:auto 100%; min-height:400px;}
.single-product-content{min-height:100vh;}
.article-content-block p{margin-bottom:20px;}
.article-content-block p:last-child{margin-bottom:0;}
.article-content-header{margin-bottom:50px;}
.article-content-header:last-child{margin-bottom:0;}
.article-content-header h1{margin-bottom:10px;}
.article-content-header h1:last-child{margin-bottom:0;}
.single-product-wrap{height:100%;}
.single-product.position-absolute{left:50%; transform:translate(-50%, 200px); bottom:0;}
.single-product.position-absolute img{height:calc(90vh + 200px); max-width:none;}
.single-banner{background:url(../images/img-5.jpg) center center no-repeat; background-size:cover;}

.menu{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; padding:30px; /*opacity:0;*/ visibility:hidden; z-index:0;}
.menu.menu-active{/*opacity:1;*/ visibility:visible; z-index:9999;}
.menu-wrap{background-color:#fff; background-image:url(../images/letter-bg-3.png); background-size:auto 100%; background-position:center center; background-repeat:no-repeat; height:100%; padding:var(--vw-24);}
.menu-close{width:16px; height:16px; position:relative; transform:rotate(-45deg); cursor:pointer;}
.menu-close::before{position:absolute; left:50%; top:0; width:1px; height:100%; transform:translateX(-50%); background-color:var(--primary-color); content:"";}
.menu-close::after{position:absolute; left:0; top:50%; width:100%; height:1px; transform:translateY(-50%); background-color:var(--primary-color); content:"";}
body.menu-open{overflow:hidden;}
.menu-header{margin-bottom:30px; position:absolute; left:0; top:0; width:100%; min-height:124px; padding-left:var(--vw-24); padding-right:var(--vw-24);}
.menu-header:last-child{margin-bottom:0;}
.menu ul li{margin-bottom:10px;}
.menu ul li:last-child{margin-bottom:0;}
.menu ul li a{color:var(--primary-color); font-size:18px;}
.menu ul li a:hover{color:var(--primary-color); font-weight:700;}

.header-menu{opacity:0; transition:all 0.5s linear; transition-delay:0.5s;}
.menu.menu-active .header-menu{opacity:1;}
.menu .logo img{opacity:0; transition:all 0.5s linear; transition-delay:0.2s; transform:translateY(-10%);}
.menu.menu-active .logo img{opacity:1; transform:translateY(0);}

.bottle-wrap{background-size:100% 100%; background-position:center center; background-repeat:no-repeat;}


@media(max-width:1499px){
	.hero h1 br{display:none;}
	.article-banner{min-height:450px;}
	.footer-links li a{font-size:16px;}
	.single-product.position-absolute img{min-height:auto;}
	.article-content-header{margin-bottom:30px;}
	.article-content-block p{margin-bottom:10px;}
	.menu ul li a{font-size:16px;}
}
@media(max-width:1199px){
	.logo img, .header .logo img{max-width:120px;}	
	.article-link{padding-top:60px;}
	.article-link::before{height:50px;}
	.article-banner{min-height:400px;}
	.footer{min-height:500px;}
	.menu-header{min-height:110px;}
}
@media(max-width:991px){
	.footer-links li a{font-size:15px;}
	.single-product.position-absolute{position:static !important; transform:none; padding:30px 0;}
	.single-product.position-absolute img{height:auto; max-height:600px; margin:0 auto;}
	.single-product{text-align:center;}
	.single-product-content{padding-bottom:30px;}
	.single-product-footer{min-height:300px;}
	.single-banner{min-height:500px;}
	.menu ul li a{font-size:15px;}
}
@media(min-width:768px){
	.menu-content .logo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
	.menu ul li a:hover{padding-left:15px;}
}
@media(max-width:767px){
	.header{padding-top:15px; padding-bottom:10px;}	
	.hero h1{text-align:center;}
	.article-content h1, .article-content p{margin-bottom:15px;}
	.article-link{padding-top:50px;}
	.article-link::before{height:40px;}
	.article-banner{min-height:350px;}
	.product img{max-height:60vh;}
	.footer-links li a{font-size:14px;}
	.footer-links{padding-bottom:10px;}
	.footer{min-height:400px;}
	.single-product.position-absolute img{max-height:500px;}
	.single-product-footer{min-height:200px;}
	.single-banner{min-height:400px;}
	.menu ul li a{font-size:14px;}
	.menu-content{text-align:center;}
	.menu-content .logo{margin-bottom:20px;}
	.wrapper, .menu{padding:15px;}
	.hero{min-height:calc(100vh - 30px);}
	.menu-header{min-height:105px;}
}
@media(max-width:575px){
	.product img{max-height:50vh;}
	.footer-top{text-align:center;}
	.footer-links{display:flex; align-items:center; justify-content:center; margin:-10px;}
	.footer-links li{padding:10px;}
	.footer-links li a{display:block; line-height:1;}
	.footer-links li{position:relative;}
	.footer-links li::after{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:14px; background-color:#fff;}
	.footer-links li:last-child::after{display:none;}
	.footer{min-height:auto;}
	.footer-top{padding:var(--vw-24);}
	.bottle-wrap{background:none;}
}