@charset "utf-8";

/* HOME SLIDER */
.slick-home-slider .slick-dots{
	width: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.slick-home-slider .slick-dots li{
	margin: 0;
}

.slick-home-slider .slick-dots li button::before{
	font-size: 10px;
	color: #fff;
	opacity: 1;
}

.slick-home-slider .slick-dots li.slick-active button::before{
	color: #f6b333;
}

.carousel-desktop {display:block !important;}
.carousel-mobile {display:none !important;}
@media(max-width: 992px){
	.carousel-desktop {display:none !important;}
	.carousel-mobile {display:block !important;}
}

@media(min-width: 992px){
	.slick-home-slider{
		margin-top: 40px;
		margin-bottom: 0 !important;
	}

	.slick-home-slider .slick-dots{
		bottom: 10px;
	}
}
@media(max-width: 991px){
	.slider-wrapper{
		margin: 0 -15px;
	}
	.slick-home-slider{
		margin-top: 0;
	}
	.slick-home-slider .slick-dots li button::before{
		color: #b3bac1;
	}
	.slick-home-slider .slick-dots{
		bottom: -30px;
	}
}

/* Added my Maks on 17/06/2019 - Banner countdown functionality*/
.countdown{
	position:absolute; 
	right:0; 
	top:48%; 
	transform:translateY(-50%);
	color:#fff; 
	font-size:15px; 
	width:33%;
	text-align:left;
	padding:0 10px;
	line-height:normal;
	font-weight:500;
}
.countdown>span{
	display:block;
	text-align:left;
	margin-bottom:3px;
}
.countdown>span.expired{
	font-size:11px;
}
.countdown>div{
	display:inline-block;
	border:1px solid #707070;
	margin:1px;
	float:left;
	font-size:10px;
	width:calc(33% - 2px);
	text-align:center;
	line-height:normal;
}
.countdown .cHours:after,
.countdown .cMinutes:after,
.countdown .cSeconds:after{
	display:block;
	font-size:8px;
	line-height:normal;

}
.countdown .cHours:after{
	content:"h";
}
.countdown .cMinutes:after{
	content:"m";
}
.countdown .cSeconds:after{
	content:"s";
}

@media (min-width: 400px){
	.countdown{
		font-size:18px;
	}
	.countdown .cHours:after,
	.countdown .cMinutes:after,
	.countdown .cSeconds:after{
		font-size: 10px;	
	}	
	.countdown>div{
		font-size:12px;
		padding:3px 0;
	}
	.countdown>span.expired{
		font-size:15px;
	}	
}
@media (min-width: 480px){
	.countdown>span.expired{
		font-size:19px;
	}
	.countdown>div{
		font-size:16px;
	}
}
@media (min-width: 577px){
	.countdown{
		padding:0 20px;
	}
	.countdown .cHours:after,
	.countdown .cMinutes:after,
	.countdown .cSeconds:after{
		font-size: 12px;	
	}
	.countdown>div{
		margin:2px;
		width:calc(33% - 5px);
		border:2px solid #707070;
		font-size:20px;
	}
	.countdown>span.expired{
		font-size:21px;
	}	
}
@media (min-width: 768px){
	.countdown .cHours:after,
	.countdown .cMinutes:after,
	.countdown .cSeconds:after{
		font-size: 10px;	
	}
	.countdown>div{
		padding:10px 0;
		font-size:28px;
	}		
	.countdown .cHours:after{
		content:"HOURS";
	}
	.countdown .cMinutes:after{
		content:"MINUTES";
	}
	.countdown .cSeconds:after{
		content:"SECONDS";
	}
	.countdown>span.expired{
		font-size:30px;
	}
	.countdown>span{
		margin-bottom:5px;
	}
}
@media (min-width: 991px){
	.countdown .cHours:after,
	.countdown .cMinutes:after,
	.countdown .cSeconds:after{
		font-size: 12px;	
	}
	.countdown>div{
		padding:10px 0;
		font-size:50px;
	}		
	.countdown>span{
		font-size:30px;
	}	
	.countdown>span.expired{
		font-size:40px;
	}	
}

/* STORE VISIT LINKS - mobile */
/*@media(min-width: 992px){
	.mobile-store-visit-links{
		display: none;
	}
}

.mobile-store-visit-links .box-link{
	background-color: #eceeef;
	margin-top: 20px;
	padding: 20px 7px;
}
.mobile-store-visit-links .box-link img{
	margin-bottom: 10px;
}
.mobile-store-visit-links .box-link h4{
	font-size:12px;
}
.mobile-store-visit-links .col-xs-4 {
	padding-right:7px; padding-left:7px;
}

.mobile-store-visit-links{
	margin-bottom:20px;
}
.mobile-store-visit-links .row{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
}
.mobile-store-visit-links .row .box-link{
	height:100%;
	padding-bottom:0;
}
@media (max-width: 374px) {
	.mobile-store-visit-links .col-xs-4 {
        width: 100%;
    }
	.mobile-store-visit-links{
		margin-bottom:0;
	}	
	.mobile-store-visit-links .row{
		display:block;
	}
	.mobile-store-visit-links .row .box-link{
		height:initial;
		padding-bottom:20px;
	}
}*/

/* SHOP FOR */
#tapi_shop_for{
	display:none;
}
.shop-for{
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 50;
}

.shop-for .bar{
	border-bottom: 4px solid #f6b333;
	text-align: center;
}

.shop-for .bar a{
	color: #425363;
}

.shop-for .bar a:hover{
	color: #425363;
}

.shop-for .bar .title{
	background-color: #f6b333;
	display: inline-block;
	padding: 10px 40px;
	font-size: 20px;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Verdana', sans-serif;
	cursor: pointer;
}

.shop-for .bar .title .name{
	display: inline-block;
}
.shop-for .bar .title .icon{
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;

	position: relative;
}
.shop-for .bar .title .icon:before{
	background-image: url('/img/general_icons/icon_circle_steel.svg');
	-webkit-transition: transform .6s ease;
	-moz-transition: transform .6s ease;
	-ms-transition: transform .6s ease;
	-o-transition: transform .6s ease;
	transition: transform .6s ease;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

	position: absolute;
	content: "";
	left: 0;
	top: 4px;

	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;

	width: 20px;
	height: 20px;
}
.shop-for .bar .title:hover .icon:before{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.shop-for .bar .title .icon:after{
	background-image: url('/img/general_icons/icon_arrow_steel.svg');
	-webkit-transition: transform .6s ease;
	-moz-transition: transform .6s ease;
	-ms-transition: transform .6s ease;
	-o-transition: transform .6s ease;
	transition: transform .6s ease;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

	position: absolute;
	content: "";
	left: 5px;
	top: 9px;

	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;

	width: 10px;
	height: 10px;
}

.shop-for .bar .title.active .icon:before{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.shop-for .bar .title.active:hover .icon:before{
	-webkit-transform: rotate(450deg);
	-moz-transform: rotate(450deg);
	-ms-transform: rotate(450deg);
	-o-transform: rotate(450deg);
	transform: rotate(450deg);
}
.shop-for .bar .title.active .icon:after{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.shop-for .content{
	padding: 25px 100px;
	background-color: #425363;
	display: none;

	color: #fff;
}

.shop-for .slick-shop-for-slider{
	padding:
}

.shop-for .slick-shop-for-slider a{
	text-decoration: none;
}

.slick-shop-for-slider .slick-prev::before, .slick-shop-for-slider .slick-next::before{
	font-family: "Font Awesome 5 Regular";
	font-size: 24px;
	color: #fff;
	opacity: 1;
}
.slick-shop-for-slider .slick-prev::before{
	content: "\f053";
}
.slick-shop-for-slider .slick-next::before{
	content: "\f054";
}
.slick-shop-for-slider .slick-prev, .slick-shop-for-slider .slick-next{
	box-shadow: none;
	border-radius: 0;
	height: 40px;
	width: 40px;
	z-index: 53;
}
.slick-shop-for-slider .slick-prev{
	left: -100px;
}
.slick-shop-for-slider .slick-next{
	right: -100px;
}

.shop-for .shop-for-image{
	width: 170px;
	height: 170px;
	margin: 0 auto;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.shop-for .shop-for-title{
	text-align: center;
	padding: 10px 20px;
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Verdana', sans-serif;
	font-size: 18px;
}

/* Home Sections */
/*@media(max-width: 480px){
	.square-box-wrp{
		width: 100% !important;
	}
}*/