/*Fonts */



@font-face {
    src: url("../fonts/Helvetica-01.ttf");
    font-family: 'Helvetica';
}
@font-face {
    src: url("../fonts/HelveticaNeue-01.ttf");
    font-family: 'HelveticaNeue';
}


/*animation*/
.animate {
	opacity: 0 !important;
}
.animate.start {
	opacity: 1 !important;
}
.fade-right{
	transform:translateX(-100px);
}
.fade-left{
	transform:translateX(100px);
}
.fade-right-margin{
	margin-left:-100px;
}
.fade-left-margin{
	margin-right:-100px;
}
.fade-bottom{
	transform:translateY(100px);
}
.fade-top{
	transform:translateY(-100px);
}
.fade-bottom.start,
.fade-top.start{
	transform:translateY(0);
}
.fade-left.start,
.fade-right.start{
	transform:translateX(0);
}
.fade-left-margin.start,
.fade-right-margin.start{
	margin:0 !important;
}
.animate {
	transition: 0.6s all ease-in-out;
	-webkit-transition: 0.6s all ease-in-out;
	-moz-transition: 0.6s all ease-in-out;
}

/*Customize*/
#maincontent {
	max-width: 100%;
	margin: 0;
	padding: 0;
}
#maincontent * {
	box-sizing: border-box;
}
.column.main {
	line-height: 1.4;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 0 !important;
}
/*tile-01*/
.tile-01 img {
	width: 100%;
}

/*tile-02*/
.text-holder {
	text-align: center;
}
.slider-container .text-holder h1 {
	font-size: 40px !important;
	color: #080808 !important;
	text-align: center;
	margin: 70px 0 50px !important;
	display: inline-block;
	font-weight: 700;
}
.tile-02 {
	margin: 0 auto;
	background-color: #fff;
	transform: translateY(-150px);
	margin-bottom: -30px;
	max-width: 84%;
}
.tile-02 .block-container {
	max-width: 1230px;
	margin: 0 auto;
}
.logo-container {
	padding-top: 50px;
	padding-bottom: 55px;
	text-align: center;
}
.cataloglabel.cataloglabel-product-top-label.cataloglabel-new-product.cataloglabel-list.position-TR {
	display: none;
}
.slick-prev:before {
    background-image: url(../images/2021-08-10-45x45-arrow-left.png);
}
.slick-next:before {
    background-image: url(../images/2021-08-10-45x45-arrow-right.png);
}
.slick-prev:before,
.slick-next:before {
    content: "" !important;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.action.tocart.primary.btn-cart:hover {
	background-color: #1D2B50 !important;
	color: #fff !important;
	border-color: #1D2B50 !important;
}
.slick-prev, .slick-next {
	top: 29% !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}
.slick-next {
	right: -5px !important;
}
.slick-prev {
	left: 0 !important;
}
button.btn-cart {
	font-size: 16px !important;
	color: #1D2B50 !important;
	background-color: #fff !important;
	text-transform: uppercase;
	border: 1px solid #4C4D4F !important;
	padding: 19px 33px !important;
	font-weight: 400 !important;
	margin-top: 15px;
	font-family: 'Helvetica' !important;
}
.product-price {
	font-size: 16px;
	color: #4C4D4F;
	font-weight: 700;
	margin-top: 20px;
}
.product-item-link {
	font-size: 14px;
	font-weight: 400;
	display: block;
	line-height: 1.4;
	color: #4C4D4F !important;
}
.product-item {
	text-align: center;
}
.product-item-name {
	margin: 0 auto 20px;
	max-width: 60%;
}
.product-item-info {
	margin-bottom: 20px;
}

/*tile-03*/
.hero-container {
	background-color: #1D2B50;
	color: #fff;
	position: relative;
}
.hero-container .image-holder {
	position: absolute;
	left: 0;
	bottom: 0;
}
.text-hero-holder {
	padding: 240px 0 190px 22%;
	text-align: center;
}
h2 {
	font-size: 45px !important;
	font-weight: 700;
	margin: 0 0 20px;
}
h3 {
	font-size: 30px;
	font-family: 'Helvetica';
	font-weight: 300;
	margin-bottom: 34px;
}
.text-hero-holder .action.tocart.primary.btn-cart{
	font-size: 26px !important;
	font-weight: 700 !important;
	font-family: 'Open Sans' !important;
	padding: 23px 63px !important;
	line-height: 1;
	border: 2px solid #fff !important;
}
.text-hero-holder .action.tocart.primary.btn-cart:hover {
	background-color: #1d2b50 !important;
	color: #fff;
	border-color: #fff !important;
}
.each-cocktails {
	background-color: #1D2B50;
	width: 50%;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	text-align: center;
	font-size:21px;
	letter-spacing: 1.05px;
	line-height: 1.3;
}
.cocktails-container {
	font-size: 0;
}
.text-holder h2 {
	font-size: 40px !important;
	text-transform: unset;
	color: #080808;
	margin: 35px 0 44px;
	letter-spacing: 2px;
}
.cocktail-recipe p {
	margin-bottom: 55px;
}
.each-cocktails h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 55px;
	font-size: 40px;
}
.cocktail-recipe {
	padding: 85px 0 100px;
}
.each-cocktails img {
	display: block;
}
.cocktails-container .each-cocktails:first-child p {
	margin-bottom: 30px;
}
.each-cocktails img {
	width: 100%;
}
.hero-container .image-holder img {
	display: block;
}

.slick-slider .slick-dots li button::before {	display: none;}
.slick-slider .slick-dots li button {
	background-color: #2C6E1B !important;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	padding: 0;
	margin-right: 12px;
}
.slick-slider .slick-dots li {	height: auto;	width: auto;	margin: 0;}
.slick-slider .slick-dots li:last-child button{	margin-right:0;}
.slick-slider .slick-dots li.slick-active button {
	background-color: #010101 !important;
}
.slick-dots {
	bottom: 0 !important;
}

/*Responsive*/
@media (min-width:1400px) {
	.tile-01 .block-container {
	background-image: url('../images/2021-08-18-1920x800-metaxa-top-header.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	max-height: calc(100vH - 250px);}
	.tile-01 .block-container img {	opacity: 0;}
	
}
@media (max-width:1700px) {
	.tile-02 .block-container {	max-width: 1140px;}
	.tile-02 {	transform: translateY(-130px);	margin-bottom: -20px;}
	.slider-container .text-holder h1 {	margin: 60px 0 40px !important;}
	.product-item-name {	margin: 0 auto 15px;	max-width: 70%;}
	.text-hero-holder {	padding: 220px 0 170px 24%;}
	.hero-container .image-holder img {	max-width: 90%;}
	
	
}
@media (max-width:1600px) {
	.tile-02 .block-container {	max-width: 1000px;}
	.tile-02 {	transform: translateY(-80px);	margin-bottom: -10px;}
	.slider-container .text-holder h1 {margin: 50px 0 30px !important;}
	.text-hero-holder {	padding: 200px 0 150px 24%;	position: relative;	z-index: 1;}
	.hero-container .image-holder img {	max-width: 85%;}
	.hero-container .image-holder {	left: -8%;}
	.text-holder h2,.slider-container .text-holder h1 ,.each-cocktails h3{font-size: 35px !important;	}
	.each-cocktails {	font-size: 19px;}
	.cocktail-recipe {	padding: 65px 0 80px;}
	h2 {	font-size: 40px !important;}
	h3 {	font-size: 28px;	margin-bottom: 25px;}
	.text-hero-holder .action.tocart.primary.btn-cart {	font-size: 25px !important;	padding: 20px 56px !important;}
	.each-cocktails h3 {	margin-bottom: 45px;}
	
	
	
}

@media (max-width:1399px) {
	.text-holder h2, .slider-container .text-holder h1, .each-cocktails h3 {		font-size: 33px !important;	}
	h2 {	font-size: 38px !important;}
	h3 {	font-size: 27px;	margin-bottom: 22px;}
	.text-holder h2 {	margin: 35px 0 40px;}
	.cocktail-recipe {	padding: 45px 0 60px;}
	
}


@media (max-width:1199px) {
	.tile-02 {max-width: 92%;}
	.tile-02 .block-container {	max-width: 100%;	margin: 0 30px;}
	.slider-container .text-holder h1 {	margin: 45px 0 25px !important;}
	.slick-next {	right: -10px !important;}
	.slick-prev {	left: -10px !important;}
	.product-item-name {	max-width: 80%;}
	h2 {	font-size: 36px !important;}
	h3 {	font-size: 26px;	margin-bottom: 20px;}
	.text-hero-holder .action.tocart.primary.btn-cart {	font-size: 24px !important;	padding: 18px 50px !important;}
	.hero-container .image-holder img {	max-width: 72%;}
	.hero-container .image-holder {	left: -12%;}
	.text-hero-holder {	padding: 180px 0 130px 24%;}
	.text-holder h2 {	margin: 32px 0 34px;}
	.text-holder h2, .slider-container .text-holder h1, .each-cocktails h3 {	font-size: 30px !important;}
	.each-cocktails h3 {	margin-bottom: 36px;}
	.cocktail-recipe p {	margin-bottom: 35px;}
	.cocktail-recipe {	padding: 35px 20px 50px;}
	
	
	
	
}

@media (max-width:1023px) {                                        
	.tile-02 {	transform: translateY(-80px);	margin-bottom: -50px;}
	.slider-container .text-holder h1 {	margin: 40px 0 20px !important;}
	.hero-container .image-holder {	left: -24%;}
	.text-hero-holder {	padding: 160px 0 110px 24%;}
	.hero-container .image-holder img {	max-width: 65%;}
	
	
    
    
}


@media (max-width:767px) {
	.text-hero-holder {	padding: 70px 103px 10px;}
    .hero-container .image-holder {	left: auto;	position: relative;	bottom: auto;}
    .hero-container .image-holder img {	max-width: 100%;}
    .cocktails-container .slick-list {	padding: 0 0 60px;}
    .slick-dots {	bottom: 30px !important;}
    .slick-slider .slick-dots li button {	background-color: #1D2B50 !important;}
    .text-holder h2 {	margin: 32px 0 24px;}
    
}
/*mobile design*/
@media (max-width:600px) {
	.text-holder h2, .slider-container .text-holder h1, .each-cocktails h3 {	font-size: 40px !important;}
	.product-item-info {	margin: 0 auto;}
	.tile-01 .block-container {
	height: 460px;
	background-image: url('../images/2021-08-18-1920x800-metaxa-top-header.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;}
	.tile-01 .block-container img {	opacity: 0;}
	.tile-02 {	transform: translateY(-60px);	margin-bottom: 0px;}
	.product-item-name {	max-width: 40%;}
    .slider-container .wrap-carousels {	max-width: 78%;	margin: 0 auto;}
    h2 {	font-size: 45px !important;}
    h3 {	font-size: 30px;	margin-bottom: 40px;}
    .text-hero-holder {	padding: 70px 50px 10px;}
    .text-hero-holder .action.tocart.primary.btn-cart {	font-size: 26px !important;}
    .text-holder h2 {	margin: 45px 0 24px;}
    .each-cocktails {	font-size: 21px;}
    .cocktail-recipe {	padding: 80px 20px 100px;}
    .slick-slider .slick-dots li button {	width: 23px;	height: 23px;	margin-right: 20px;}
    .cocktails-container .slick-list {	padding: 0 0 90px;}
    .slick-dots {	bottom: 38px !important;}
    .each-cocktails h3 {	margin-bottom: 50px;}
    
    
}
@media (max-width:550px) {
	.tile-01 .block-container {	height: 430px;}
	.text-holder h2, .slider-container .text-holder h1, .each-cocktails h3 {	font-size: 36px !important;}
	.slider-container .wrap-carousels {	max-width: 82%;}
	.product-item-name {	max-width: 60%;}
	.tile-02 {	margin-bottom: -20px;}
	.text-hero-holder {	padding: 60px 20px 10px;}
	h3 {	font-size: 28px;	margin-bottom: 30px;}
	h2 {	font-size: 40px !important;}
	.text-holder h2 {	margin: 40px 0 19px;}
	.cocktail-recipe {	padding: 60px 20px 80px;}
	.each-cocktails h3 {	margin-bottom: 40px;}
	.each-cocktails {	font-size: 19px;}
	.slick-slider .slick-dots li button {	width: 18px;	height: 18px;	margin-right: 16px;}
	
	
	
}
@media (max-width:479px) {
	.tile-01 .block-container {	height: 350px;}
	.text-holder h2, .slider-container .text-holder h1, .each-cocktails h3 {	font-size: 34px !important;}
	.tile-02 .block-container {	margin: 0;}
	h2 {	font-size: 36px !important;}
	h3 {	font-size: 26px;	margin-bottom: 25px;}
	.text-hero-holder .action.tocart.primary.btn-cart {	font-size: 24px !important;}
	.cocktail-recipe {	padding: 40px 20px 60px;}
	.each-cocktails {	font-size: 18px;}
	
	
    
}
@media (max-width:374px) {
	.tile-01 .block-container {	height: 300px;}
	.text-holder h2, .slider-container .text-holder h1, .each-cocktails h3 {	font-size: 30px !important;}
	h2 {	font-size: 32px !important;}
	.text-hero-holder {	padding: 50px 10px 10px;}
	h3 {	font-size: 22px;	margin-bottom: 20px;}
	.each-cocktails {	font-size: 16px;}
    .tile-02 {	margin-bottom: -40px;}
    .cocktails-container .slick-list {	padding: 0 0 60px;}
    .slick-dots {	bottom: 28px !important;}
    .slick-slider .slick-dots li button {	width: 16px;	height: 16px;	margin-right: 14px;}
	.text-hero-holder .action.tocart.primary.btn-cart {	font-size: 22px !important;}
	.cocktail-recipe {	padding: 30px 20px 50px;}
}