/*Fonts */
@font-face {
    src: url("../fonts/Helvetica-01.ttf");
    font-family: 'Helvetica';
}
@font-face {
    src: url("../fonts/HelveticaNeue-01.ttf");
    font-family: 'HelveticaNeue';
}
@font-face {
    src: url("../fonts/DIN.ttf");
    font-family: 'DIN';
    font-weight: 400;
}
@font-face {
    src: url("../fonts/DIN-Medium.ttf");
    font-family: 'DIN';
    font-weight: 500;
}
@font-face {
    src: url("../fonts/DIN-Bold.ttf");
    font-family: 'DIN';
    font-weight: 700;
}
@font-face {
    src: url("../fonts/DIN-Black.ttf");
    font-family: 'DIN';
    font-weight: 800;
}
@font-face {
    src: url("../fonts/SackersGothicStd-Medium.otf");
    font-family: 'Sackers';
    font-weight: 400;
}
/*Customize*/
#maincontent {
	max-width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'DIN';
    font-weight: 400;
	font-size: 16px;
}
#maincontent * {
    box-sizing: border-box;
}
#maincontent .column.main {
    padding: 0;
}
.block-container, .block-container-iframe {
	max-width: 1415px;
	margin: 0 auto;
}

/*Sections*/
.products-slider .cataloglabel.cataloglabel-product-top-label.cataloglabel-new-product.cataloglabel-list.position-TR {
    display: none;
}
#maincontent .slick-prev:before {
    -webkit-mask-image: url('../images/arrow-beefeater-right.svg');
	mask-image: url('../images/arrow-beefeater-right.svg');
}
#maincontent .slick-next:before{
    -webkit-mask-image: url('../images/arrow-beefeater-left.svg');
	mask-image: url('../images/arrow-beefeater-left.svg');
}
#maincontent .slick-prev:before, #maincontent .slick-next:before{
	background-image: unset;
	mask-position: center center;
	mask-size: cover;
    background-color: #000;
}
#maincontent .slick-arrow {
	background-color: transparent;
}
#maincontent .slick-prev:before,
#maincontent .slick-next:before {
    content: "" !important;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#maincontent .slick-slider .slick-dots li button::before {	display: none;}
#maincontent .slick-slider .slick-dots li button {
	background-color: #EFEFEF !important;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	padding: 0;
	margin-right: 13px;
}
#maincontent .slick-slider .slick-dots li {	height: auto;	width: auto;	margin: 0;}
#maincontent .slick-slider .slick-dots li:last-child button{	margin-right:0;}
#maincontent .slick-slider .slick-dots li.slick-active button {
	background-color: #000 !important;
}
.products-slider .slick-dots {
	bottom: 22px !important;
}

/*Transition*/
.products-slider .product-item .button{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.products-slider {
	margin: 70px 0 80px;
}
.products-slider .slick-list {
	max-width: 100%;
	margin: 0 auto 60px;
}
#maincontent .slick-prev, #maincontent .slick-next {
	top: 28% !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	height: 28px;
	width: 28px;
}
.products-slider .slick-next {
    right: 0 !important;
}
.products-slider .slick-prev {
    left: 0 !important;
}
/*tile-01*/
.tile-01 .block-container-iframe {
	position: relative;
	height: 0;
	padding-top: 0;
	padding-bottom: 43%;
	overflow: hidden;
}
.tile-01 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
.tile-01.video-iframe {
	margin-top: 50px;
	margin-bottom: 60px;
}
.hero-image img {
	width: 100%;
	display: block;
}
.hero-text-holder {
	background-color: #020202;
	color: #fff;
	text-align: center;
	padding: 60px 0 170px;
}
.hero-logo img {
	max-width: 259px;
}
.hero-text-holder-inner {
	max-width: 828px;
	margin: 0 auto;
}
.hero-text-holder h1 {
	color: #FFFFFF;
	margin-bottom: 30px;
	font-size: 30px;
	font-family: 'Sackers';
	font-weight: 400;
}
.hero-text-holder-inner strong {
	margin-bottom: 50px;
	display: block;
}
.hero-text p {
	margin-bottom: 0;
}
.hero-text-holder p {
	line-height: 1.8;
}
.hero-infos-inner {
	position: relative;
}
.hero-logo {
	position: absolute;
	left: 50%;
	bottom: -110px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.hero-infos {
	margin-bottom: 150px;
}
.inner--slide > div {
	width: calc(50% - 6px);
	float: left;
}
.cocktails-text-inner {
	display: table;
	padding: 220px 0 213px;
	text-align: center;
}
.cocktails-slider .each--slide:first-child .cocktails-text-inner {
	background-color: #342C39;
    color:#FFFFFF;
}
.inner--slide {
	display: table;
	width: 100%;
	margin-bottom: 15px;
}
.slide--img .each--img {
	width: 100%;
}
.inner--slide .slide--img:first-child {
	margin-right: 12px;
}
.cocktails-text-inner .cocktails-text {
	max-width: 385px;
	margin: 0 auto;
}
.products-slider .product-item-link {
	font-family: 'Sackers';
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	display: block;
}
.products-slider h3 {
	margin-bottom: 45px;
}
.products-slider .product-item .tocart, .cocktails-slider .each--slide .button.btn-cart{
	font-weight: 700;
	font-size: 15px;
	padding: 18.5px 38px;
	text-transform: uppercase;
	background-color: #D50032;
	border-color: #D50032;
	color: #F3A88C;
	font-family: 'DIN';
}
.products-slider .product-item {
	text-align: center;
}
.products-slider .product-price {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 25px;
}
.products-slider .product-item-info {
	margin-bottom: 25px;
}
.products-slider .product-item .tocart.btn-sku-804106{
	background-color: #D50032;
	border-color: #D50032;
	color: #F3A88C;
}
.products-slider .product-item .tocart.btn-sku-357593{
	background-color: #1E1D64;
	border-color: #1E1D64;
    color:#F8F6F6;
}
.products-slider .product-item .tocart.btn-sku-367594{
	background-color: #000;
	border-color: #000;
    color:#CECECE;
}
.products-slider .product-item .tocart.btn-sku-369269{
	background-color: #EBC523;
	border-color: #EBC523;
    color:#9D1835;
}
.products-slider .product-item .tocart.btn-sku-305115{
	background-color: #1E2764;
	border-color: #1E2764;
    color:#CECECE;
}
.products-slider .product-item .tocart.btn-sku-371110{
	background-color: #35393B;
	border-color: #35393B;
    color:#EBC523;
}
.products-slider .product-item .tocart.btn-sku-367596{
	background-color: #694E52;
	border-color: #694E52;
    color:#D1734F;
}
.products-slider .product-item .tocart.btn-sku-367598{
	background-color: #322133;
	border-color: #322133;
    color:#856C8C;
}
#maincontent .dscom-custom-brand .tile-04.products-cocktails .cocktails-text-inner .product-price {
	margin-bottom: 20px;
    font-weight: 500;
}
.cocktails-text h3 {
	font-size: 24px;
	font-family: 'Sackers';
	margin-bottom: 30px;
}
.how--to--mix {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 35px;
}
.cocktails-slider .each--slide:first-child h3 {
	color: #D50032;
}
.cocktails-slider .each--slide:nth-child(2) h3 {
	color: #9D2235;
}
.cocktails-slider .each--slide:nth-child(3) h3{
	color: #CECECE;
}
.cocktails-slider .each--slide:nth-child(2) .slide--img {
	float: right;
	margin-right: 0;
	margin-left: 12px;
}
.cocktails-slider .each--slide:nth-child(2) .cocktails-text-inner {
	float: right;
}
.inner--slide .slide--img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.cocktails-slider .each--slide:nth-child(3) .cocktails-text-inner {
	background-color: #000;
	color: #FFFFFF;
}
.cocktails-slider .each--slide:nth-child(2) .button.btn-cart {
	background-color: #020202;
	border-color: #020202;
	color: #fff;
}
.cocktails-slider .each--slide:first-child .cocktails-text {
	max-width: 405px;
}
.cocktails-slider .each--slide:nth-child(3) .button.btn-cart {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #000;
}
.products-cocktails {
	margin-bottom: 75px;
}
.products-slider .product-item .tocart:hover, .cocktails-slider .each--slide .button.btn-cart:hover {
	opacity: 0.6;
}
.cocktails-text h3 {
	margin-top: 0;
}
.cocktails-text-wrapper {
	display: table-cell;
	vertical-align: middle;
}
.hero-text strong {
	font-size: 18px;
}
.cocktails-slider .each--slide:nth-child(2) .how--to--mix {
	color: #000;
}

/*Responsive*/
@media (max-width:1920px) {
    .tile-01 .block-container-iframe {        padding-bottom: 47%;    }
}
@media (max-width:1700px) {
    .tile-01.video-iframe {        margin-top: 40px;        margin-bottom: 50px;    }
    .hero-text-holder {        padding: 40px 0 170px;    }
    .hero-infos {        margin-bottom: 140px;    }
    .block-container, .block-container-iframe {        max-width: 1315px;    }
    .cocktails-text-inner {        padding: 210px 0 200px;    }
    .tile-01 .block-container-iframe {        padding-bottom: 47%;    }

}
@media (max-width:1500px) {
    .hero-text-holder h1 {        font-size: 28px;    }
    .hero-text-holder-inner strong {        margin-bottom: 40px;    }
    .products-slider {        margin: 60px 0 70px;    }
    .cocktails-text-inner {	padding: 200px 0 190px;}

    .tile-01 .block-container-iframe {        padding-bottom: 52%;    }

}
@media (max-width:1399px) {
    .block-container, .block-container-iframe {        max-width: 90%;    }
    .tile-01.video-iframe {        margin-bottom: 40px;    }
    .hero-logo img {        max-width: 220px;    }
    .hero-text-holder {        padding: 30px 0 130px;    }
    .products-slider .product-item-link {        font-size: 16px;    }
    .products-slider h3 {        margin-bottom: 30px;    }
    .products-slider .product-price {        margin-bottom: 20px;    }
    .products-slider {        margin: 40px 0 45px;    }
    .products-slider .slick-dots {        bottom: 35px !important;    }
    .cocktails-text h3 {        font-size: 22px;        margin-bottom: 20px;    }
    .how--to--mix {        margin-bottom: 30px;    }
    .cocktails-slider .each--slide:first-child .cocktails-text, .cocktails-text-inner .cocktails-text{        max-width: 425px;    }
    .cocktails-text-inner {        padding: 180px 0 170px;    }
    .hero-text strong {        font-size: 17px;    }

}
@media (max-width:1199px) {
    .tile-01.video-iframe {        margin-top: 30px;        margin-bottom: 30px;    }
    .hero-text-holder h1 {        font-size: 26px;   margin-bottom: 25px; }
    .hero-text-holder-inner strong {        margin-bottom: 35px;    }
    .products-slider {        margin: 30px 0 35px;    }
    .cocktails-slider .each--slide:first-child .cocktails-text, .cocktails-text-inner .cocktails-text {        max-width: 100%;    }
    .cocktails-text-inner {        padding: 120px 30px;    }




}
@media (max-width:1023px) {                                        
    .hero-text-holder {        padding: 20px 40px 120px;    }
    .hero-text-holder-inner strong {        margin-bottom: 30px;    }
    .hero-logo img {        max-width: 210px;    }
    .products-slider {        margin: 20px 0 25px;    }
    .products-slider .product-item-link {        font-size: 15px;    }
    .products-slider .slick-list {        margin: 0 auto 50px;    }
    .cocktails-text h3 {        font-size: 18px;        margin-bottom: 15px;    }
    .how--to--mix {        font-size: 15px;   margin-bottom: 20px; }
    .products-slider .product-item .tocart, .cocktails-slider .each--slide .button.btn-cart {        font-size: 14px;        padding: 16.5px 36px;    }
    .cocktails-text-inner {        padding: 90px 30px;    }
    .inner--slide {        margin-bottom: 12px;    }
    .products-cocktails {        margin-bottom: 50px;    }
    .hero-text strong {        font-size: 16px;    }
    #maincontent {        font-size: 15px;    }




}

@media (max-width:767px) {
    .tile-01.video-iframe {        margin-top: 10px;    }
    .page-products .product-item-info {        margin: 0 auto;    }
    .products-slider .product-item-name {        max-width: 300px;        margin: 20px auto;    }
    .inner--slide > div {        width: 100%;    }
    .inner--slide .slide--img:first-child {        margin-right: 0;        margin-bottom: 12px;    }
    .cocktails-text h3 {        font-size: 24px;        margin-bottom: 30px;    }
    .how--to--mix {        font-size: 16px;        margin-bottom: 30px;    }
    .products-slider .product-item .tocart, .cocktails-slider .each--slide .button.btn-cart {        font-size: 15px;        padding: 18px 39px;    }
    .cocktails-text-inner {        padding: 60px 65px;        min-height: 520px;  display: table;  }
    .inner--slide .slide--img {        height: 520px !important;    }
    #maincontent .products-cocktails .slick-prev, #maincontent .products-cocktails .slick-next {        top: 505px !important;    }
    .cocktails-slider {        padding-bottom: 50px;    }
    .cocktails-slider .slick-dots {        bottom: 40px;    }
    .hero-text-holder h1 {        font-size: 21px;    }
    .hero-text strong {        font-size: 18px;    }
    #maincontent {        font-size: 17px;   }
    .hero-logo img {        max-width: 259px;    }
    .hero-text-holder {        padding: 20px 42px 160px;    }
    .products-slider {        margin: 20px 0 0;    }

    .cocktails-slider .slick-track .slick-slide:nth-child(2) .cocktails-text-inner{        background-color: #fff;        color: #000;    }
    .cocktails-slider .slick-track .slick-slide:nth-child(2)  h3 {        color: #9D2235;      }
    .cocktails-slider .slick-track .slick-slide:nth-child(2) .button.btn-cart {      background-color: #020202;        border-color: #020202;        color: #fff;  }

    .cocktails-slider .slick-track .slick-slide:nth-child(3) .cocktails-text-inner{        background-color: #000;        color: #FFF;    }
    .cocktails-slider .slick-track .slick-slide:nth-child(3)  h3 {        color: #CECECE;      }
    .cocktails-slider .slick-track .slick-slide:nth-child(3) .button.btn-cart {        background-color: #FFFFFF;        border-color: #FFFFFF;        color: #000;      }
}

/*mobile design*/
@media (max-width:600px) {
    
}
@media (max-width:550px) {
    .hero-text-holder {        padding: 20px 30px 160px;    }
    .products-slider {        margin: 10px 0 0;    }

	
}
@media (max-width:479px) {
    .tile-01.video-iframe {        margin-bottom: 15px;    }
    .hero-text-holder h1 {        font-size: 20px;   margin-bottom: 20px; }
    .hero-text strong {        font-size: 16px;    }
    .hero-text-holder-inner strong {        margin-bottom: 20px;    }
    #maincontent {        font-size: 16px;    }
    .hero-logo img {        max-width: 210px;    }
    .hero-text-holder {        padding: 20px 30px 110px;    }
    .products-slider .slick-list {        margin: 0 auto 35px;    }
    .products-slider .slick-dots {        bottom: 25px !important;    }
    .inner--slide .slide--img {        height: 400px !important;    }
    #maincontent .products-cocktails .slick-prev, #maincontent .products-cocktails .slick-next {        top: 340px !important;    }
    #maincontent .slick-prev, #maincontent .slick-next {        height: 24px;        width: 24px;    }
    .cocktails-text-inner {        padding: 40px 30px;        min-height: 400px;    }
    .how--to--mix {        font-size: 14px;        margin-bottom: 20px;    }
    #maincontent {        font-size: 15px;    }
    .cocktails-text h3 {        font-size: 22px;        margin-bottom: 20px;    }
    .cocktails-slider {        padding-bottom: 30px;    }
    .cocktails-slider .slick-dots {        bottom: 30px;    }
    .tile-01 .block-container-iframe {        padding-bottom: 50.8%;    }
    .hero-text-holder {        padding: 20px 25px 90px;    }
    .hero-logo img {        max-width: 190px;    }
    .hero-infos {        margin-bottom: 100px;    }
    .products-slider .product-item-link {        font-size: 14px;    }
    .inner--slide .slide--img {        height: 350px !important;    }
    .cocktails-text h3 {        font-size: 20px;    }
    .cocktails-text-inner {        padding: 35px 20px;        min-height: 350px;    }
    .products-slider .product-item .tocart, .cocktails-slider .each--slide .button.btn-cart {        font-size: 15px;        padding: 14px 28px;    }

    .tile-01 .block-container-iframe {        padding-bottom: 50.8%;    }
    .tile-01.video-iframe {        margin-bottom: 0;    }


}
@media (max-width:374px) {
    .tile-01 .block-container-iframe {        padding-bottom: 57.8%;    }
    #myVideo {        max-height: 190px;    }

}