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


/********************** Home ******************************/

#section-home,
#section-home > div {
	padding-right: 0;
}

#section-home > div > #slider-home > .swiper-container,
#section-home > div > .banners-2 > div,
#section-home > div > section.swiper-products,
#section-home section.bottomPromotions,
#section-home > div > .helpAndDeliveryPages {
	padding: 0;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}
#section-home > div > .banners-2 > div {
	margin-bottom: 15px;
}
#section-home > div > #slider-home > .swiper-container .swiper-slide  img {
	width: 101%;
	max-width: none;
}
#section-home > div > .banners-2 > div img {
	width: 100%;
}
#section-home > div > #slider-home > .swiper-container .swiper-button-white,
body #main-content > #slider-categories > .swiper-container .swiper-button-white {
	display: none;
}
#section-home > div > #slider-home > .swiper-container:hover .swiper-button-white,
body #main-content > #slider-categories > .swiper-container:hover .swiper-button-white {
	display: block;
}
#section-home > div > #slider-home > .swiper-container .swiper-button-next.swiper-button-white,
body #main-content > #slider-categories > .swiper-container .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff3300'%2F%3E%3C%2Fsvg%3E");

}
#section-home > div > #slider-home > .swiper-container .swiper-button-prev.swiper-button-white,
body #main-content > #slider-categories > .swiper-container .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff3300'%2F%3E%3C%2Fsvg%3E");
}
body.fluidContent-home #main-content a.btn {
	position: absolute;
	top: 34%;
	left: 5%;
	padding: 2px 10px 1px;
	font-size: .9em;
	border-color: #eee;
}
#section-home > div > #slider-home > .swiper-container a.btn {
	top: 27%;
	left: 7%;
	display: none;
}
body.fluidContent-home #main-content div:hover > a.btn {
	border-color: #f30;
	background: #f30;
	background: linear-gradient(#f30, #c30);
	color: #fff;
}
#section-home > div > section.swiper-products {
	margin-top: 15px;
}
#section-home > div > section.swiper-products > .carousel-header .carouselTitle {
	padding: 14px 20px;
	font-size: .9em;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
	color: #7f7f7f;
	margin-top: 0;
}
#section-home > div > section.swiper-products > .carousel-header .swiper-controls-items .btn {
	position: absolute;
	width: 25px;
	height: 25px;
	padding: 1px 0 0 0;
	margin: 0;
}
#section-home > div > section.swiper-products > .carousel-header .swiper-controls-items .swiper-button-disabled {
	display: none;
}
#section-home > div > section.swiper-products > .swiper-container a.productListSmallImageLink img {
	width: 110px;
	margin: 0 auto 4px;
}
#section-home > div > section.swiper-products > .swiper-container .info,
body.fluidContent-product #main-content > .swiper-products > div > .swiper-container .info {
	font-size: .8em;
	color: #7f7f7f;
	padding: 10px 0;
	margin: 0;
	text-align: center;
}
#section-home > div > section.swiper-products > .swiper-container .info > a,
body.fluidContent-product #main-content > .swiper-products > div > .swiper-container div a div.title {
	color: #000;
}
#section-home > div > section.swiper-products > .swiper-container .swiper-slide:hover .info > a,
body.fluidContent-product #main-content > .swiper-products > div > .swiper-container .swiper-slide:hover .info > a,
body.fluidContent-product #main-content > .swiper-products > div > .swiper-container .swiper-slide:hover div a div.title {
	color: #f30;
	text-decoration: none;
}

#section-home section.bottomPromotions {
	margin-top: 15px;
	margin-bottom: 15px;
}
/* BC 22/01/2019 Joel Torner - Various website improvements- Headings - 65623 */
#section-home section.bottomPromotions .textColumn {
	border-left: 1px solid #e5e5e5;
	/* border-bottom: 1px solid #e5e5e5; */
	padding: 0 20px;
}
#section-home section.bottomPromotions .textColumn:first-child {
	border-left: 0;
}
#section-home section.bottomPromotions .textColumn .title {
	font-size: 14px;
	margin-bottom: 0;
	line-height: 1.4;
}
#section-home section.bottomPromotions .textColumn .title,
#section-home .helpAndDeliveryPages > div a div.title {
	color: #000;
	font-weight: bold;
	margin-top: 20px;
}
#section-home section.bottomPromotions .textColumn div.promo-content,
#section-home > div > .helpAndDeliveryPages > div a div.promo-content {
	font-size: .8em;
	color: #7f7f7f;
	padding-bottom: 5px;
}
#section-home section.bottomPromotions .shopnow,
#section-home > div > .helpAndDeliveryPages > div a > div > span,
#section-home .helpAndDeliveryPages .link  {
	font-size: .8em;
	padding-bottom: 40px;
	display: block;
}
#section-home .helpAndDeliveryPages .link  {
	font-size: 1em;
	color: #f30;
	margin-top: 5px;
}
#section-home .helpAndDeliveryPages .link:hover{
	text-decoration: underline;
}
#section-home section.bottomPromotions .wrap img {
    float: right;
    margin-right: -20px;
    max-width: 117%; 
}
#section-home > div > .helpAndDeliveryPages > div a:hover {
	text-decoration: none;
}
#section-home section.bottomPromotions .wrap:hover > div > span,
#section-home > div > .helpAndDeliveryPages > div a:hover > div > span {
	text-decoration: underline;
}
/* EC 22/01/2019 Joel Torner - Various website improvements- Headings - 65623 */

#section-home > div > .helpAndDeliveryPages > div {
	height: 132px;
	padding: 0 20px;
}
#section-home > div > .helpAndDeliveryPages > div:first-child {
	border-bottom: 1px solid #e5e5e5;
}
#section-home > div > .helpAndDeliveryPages > div:after {
	position: absolute;
	font-family: FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.8em;
	color: #666;
	top:35px;
	right: 35px;
}
#section-home > div > .helpAndDeliveryPages > div.contact:after {
	content: "\f095";
	border: 3px solid #e5e5e5;
	border-radius: 100%;
	height: 45px;
	width: 45px;
	text-align: center;
	font-size: 1.8em;
	padding-top: .12em;
}
#section-home > div > .helpAndDeliveryPages > div.delivery:after {
	content: "\f0d1";
}
#section-home > div > .helpAndDeliveryPages > div a div.title {
	margin-bottom: 3px;
}
#section-home > div > .helpAndDeliveryPages > div a div.promo-content {
	padding-right: 40%;
}
#section-home > div > .helpAndDeliveryPages > div a b {
	margin-top: 7px;
	position: relative;
	display: block;
	font-size: 1.8em;
	color: #000;
}
#section-home .banners-2 a.btn {
  position: absolute;
  top: 25%;
  left: 5%;
  padding: 2px 10px 1px;
  font-size: .9em;
  border-color: #eee;
}
#section-home .genericESpot {
	margin: 0 0 15px;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}
#section-home .genericESpot .hdr {
	margin: 0 0 3px;
	display: block;
	color: #000;
	font-weight: bold;
}
#section-home .genericESpot .newsItem {
	padding-bottom: 5px;
	color: #7f7f7f;
	font-size: .8em;
}
#section-home .genericESpot .newsItem a {
	color: #7f7f7f;
}
#section-home .genericESpot .newsItem .date,
#section-home .genericESpot .newsItem .title {
	display: block;
}
#section-home .genericESpot .detail {
	display: block;
	text-align: right;
	font-size: .8em;
}
@media(min-width: 767px){
	#section-home section.bottomPromotions .wrap > div {
		border-bottom: 0;
		overflow: hidden;
	}
	#section-home > div > .banners-2 > div {
		width: 49%;
		margin-left: 2%;
	}
	#section-home > div > .banners-2 > div:nth-child(odd) {
		margin-left: 0;
	}
	#section-home > div > .banners-2 > div:last-child {
		margin-right: 2%;
	}
	#section-home > div > .helpAndDeliveryPages {
		margin-left: 2%;
	}
	#section-home > div > .helpAndDeliveryPages > div {
		min-height: 169px;
	}
}

@media(min-width: 992px){
	#section-home > div > #slider-home > .swiper-container {
		height: 457px;
	}
	#section-home > .col-md-3 > .banners-2 > div {
		min-height: 222px;
	}
	#section-home > div > .banners-2 > div {
		width: 100%;
		margin-left: auto;
	}
	#section-home > div > .banners-2 > div:last-child {
		margin-right: 0;
		min-height: 232px;
	}
	#section-home > div > .helpAndDeliveryPages {
		margin-left: 0;
	}
	#section-home > div > .helpAndDeliveryPages > div {
		min-height: auto;
	}
	/* BC 22/01/2019 Joel Torner - Various website improvements- Headings - 65623 */
	#section-home section.bottomPromotions .textColumn {
		min-height: 265px;
	}
}

@media(min-width: 1200px){
	#section-home > div > #slider-home > .swiper-container {
		height: 558px;
	}
	#section-home > div > section.swiper-products {
		min-height: 272px;
	}
	#section-home > div > section.swiper-products .swiper-container {
		margin-top: 20px;
	}
	#section-home > div > .helpAndDeliveryPages > div {
		height: 133px;
	}
  #section-home .banners-2 a.btn {
		top: 28%;
		left: 10%;
	}
}

@media(min-width: 1200px){
	#section-home>div>.banners-2>div img{
		width: auto;
		margin: 19px auto;
		max-width: 228px;
	}
	body.fluidContent-home #main-content a.btn {
		top: 38%;
		left: 10%;
	}
}





@media(min-width: 992px){
  #section-home > div > .banners-2 {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
  }
  #section-home > div > .banners-2 >div {
    margin: 0;
  }
  #section-home > div > .helpAndDeliveryPages {
    margin-bottom: 15px;
    
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
  #section-home > div > .banners-2 > div:last-child {
    min-height: inherit;
  }
}








.homeCol01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.homeCol01 .banners-1 {
  padding-left: 15px;
  width: 75%;
  order: 1;
}
.homeCol01 .banners-2 {
  padding-left: 15px;
  width: 25%;
  order: 2;
}
.homeCol01 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.homeCol01 .swiper-products {
  margin: 0 0 0 15px !important;
  width: calc(75% - 15px);
  order: 3;
}
.homeCol01 .bottomPromotions {
  margin: 0 0 0 15px !important;
  width: calc(75% - 15px);
  order: 5;
}
.homeCol01 .helpAndDeliveryPages {
  margin-left: 15px !important;
  width: calc(25% - 15px);
  order: 4;
}
.homeCol01 .genericESpot {
  margin-left: 15px !important;
  width: calc(25% - 15px);
  order: 6;
}
@media(max-width: 991px){
  .homeCol01 .banners-1 {
    padding-left: 15px;
    width: 100%;
  }
  .homeCol01 .banners-2 {
    margin-top: 15px;
    width: 100%;
    order: 2;
  }
  .homeCol01 .banners-2 > div {
    width: 100% !important;
  }
  .homeCol01 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .homeCol01 .swiper-products {
    margin: 15px 0 0 15px !important;
    width: calc(100% - 15px);
    order: 4;
  }
  .homeCol01 .bottomPromotions {
    margin: 15px 0 0 15px !important;
    width: calc(100% - 15px);
    order: 5;
  }
  .homeCol01 .helpAndDeliveryPages {
    margin: 15px 0 0 15px !important;
    width: calc(100% - 15px);
    order: 6;
  }
  .homeCol01 .genericESpot {
    margin: 0 0 0 15px !important;
    width: calc(100% - 15px);
    order: 3;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .homeCol01 .banners-2 {
    display: flex;
    justify-content: space-between;
  }
  .homeCol01 .banners-2 > div {
    margin-right: 0 !important;
    width: 49% !important;
  }
}





/********************** End home ******************************/