/* -------------------------------------------------- */
/* TRUST ICONS */
/* -------------------------------------------------- */

.trust-icons {
	background-image: url('//cdn.mantel.com/images/widget-trust-icons.svg?3');
	background-repeat: no-repeat;
	background-size: 1014px;
	height: 24px;
	display: block;
}

.trust-icons.trust-icons-postnl { background-position: 0 0; width: 24px; }
.trust-icons.trust-icons-ideal { background-position: -34px 0; width: 22px; }
.trust-icons.trust-icons-mastercard { background-position: -66px 0; width: 24px;}
.trust-icons.trust-icons-visa { background-position: -100px 0; width: 47px; }
.trust-icons.trust-icons-paypal { background-position: -157px 0; width: 65px; }
.trust-icons.trust-icons-bancontact { background-position: -233px 0; width: 29px; }

.trust-icons.trust-icons-sofort { background-position: -272px 0; width: 62px; }
.trust-icons.trust-icons-logwin { background-position: -344px 0; width: 95px; }
.trust-icons.trust-icons-dpd { background-position: -449px 0; width: 46px; }
.trust-icons.trust-icons-chronopost { background-position: -505px 0; width: 93px; }

.trust-icons.trust-icons-seur { background-position: -608px 0; width: 60px; }
.trust-icons.trust-icons-brt { background-position: -678px 0; width: 24px; }
.trust-icons.trust-icons-postepay { background-position: -712px 0; width: 86px; }
.trust-icons.trust-icons-cartasi { background-position: -808px 0; width: 70px; }
.trust-icons.trust-icons-postnord { background-position: -889px 0; width: 95px; }

.trust-icons.trust-icons-ups { background-position: -995px 0; width: 19px; }

/* -------------------------------------------------- */
.product-review-image-read-more {
	width:100%;
	height:4rem;
	left: 0;
	position: absolute;
	bottom: -1px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
}

/* FORM FEEDBACK */
/* -------------------------------------------------- */

.form-feedback input:required,
.form-feedback input:required:valid,
.form-feedback input:focus:required:invalid {
	background-position: 96% 50%;
	background-repeat: no-repeat;
	background-size: 1em;
	padding-right: 2em;
}
.form-feedback input:not([type='radio']):required {
	background-image: url("//cdn.mantel.com/images/form-svg/required-grey.svg");
	background-size: .5em;
}
.form-feedback input:not([type='radio']):required:valid {
	background-image: url("//cdn.mantel.com/images/form-svg/valid-green.svg");
	background-size: 1em;
	border-color: #00cb56;
	outline-color: #00cb56;
	background-color: rgba(0, 203, 86, 0.05);
}
.form-feedback input:not([type='radio']):focus:required:invalid {
	background-image: none;
	border-color: #0088e3;
	outline-color: #0088e3;
}
.form-feedback input.not-empty:required:invalid {
	background-image: url("//cdn.mantel.com/images/form-svg/invalid-red-2.svg") !important;
	background-size: 1em !important;
	border-color: #f03a47 !important;
	color:#f03a47;
	background-color: rgba(240, 58, 71, 0.05) !important;
}

.form-feedback input.not-empty:focus:required:invalid {
	background-image: none !important;
	border-color: #0088e3 !important;
	outline-color: #0088e3 !important;
	color:initial;
	background-color: #fff !important;
}

@media (max-width: 767px) {
	.form-feedback .form-group [class*='col-'] + [class*='col-'] + [class*='col-']  input {margin-top: .5em;}
}

/*.form-feedback .checkbox label input {
	margin-top: 7px;
}*/


/* -------------------------------------------------- */
/* RECOMMENDED PRODUCTS CART */
/* -------------------------------------------------- */

.recommended-product-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 1rem;
}

.recommended-product-item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 10rem;
	margin-right: 1.66rem;
}

.product-price-recommended {
	color: rgba(33, 83, 122, 0.75);
	text-decoration: line-through;
}

@media (max-width: 767px) {
	.recommended-product-item img {max-height: 5.33rem;}
	.recommended-product-item {padding: 0rem 0rem 1rem 1rem}
}

/* -------------------------------------------------- */
/* CART PICK-UP POINT */
/* -------------------------------------------------- */

#pickup-point-map {
	width: 100%;
	height: 500px;
}
.gm-style .gm-style-iw {
	font-weight: 400;
	font-size: 1rem;
	font-family: "Open Sans", Helvetica,Arial,sans-serif;
	overflow: hidden;
	padding-top: .66rem;
}
#marker-list li {
	border: 0 solid rgba(33, 83, 122, 0.15); 
	border-width: 1px 1px 0 1px; 
	padding:1rem; 
	cursor: pointer;
}
#marker-list li:last-child {
	border-bottom-width: 1px;
}
#marker-list li:hover,
#marker-list li.active  {
	border-color: #c3dbeb;
	background: rgba(0, 136, 227, 0.1);
}
#marker-list li:hover + li {
	border-top-color: #c3dbeb; 
}
#marker-list .collapsing {
	-webkit-transition: none;
	transition: none;
}
#marker-list.panel-group .panel+.panel {
	margin-top: 0px;
}
#marker-list.panel-group .panel {
	margin-bottom: 0;
	border-radius: 0px;
}
#info-store-wrapper.panel-default {
	border: 1px solid rgba(33, 83, 122, 0.15); 
}

/* -------------------------------------------------- */
/* BLOG */
/* -------------------------------------------------- */

.main-navigation ul li      {margin:0 5px;padding:5px;}
.entry-content figure,
.entry-content img          {display:block;max-width:100%;height:auto;margin:30px 0;}
.entry-content a            {font-weight: 600;}

.entry-content figure img   {margin:5px 0;}

.avatar                     {border-radius: 50%;}
#blog-banner-image header   {position: absolute;bottom:0;padding: 20px;}
#blog-banner-gradient,
#blog-banner-image          {height:400px;}

.grid a #custom-bg,
.banner-link #blog-banner-image         {opacity:1;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.grid a:hover #custom-bg,
.banner-link:hover #blog-banner-image   {opacity:0.8;}

#blog-banner-gradient {
	width: 100%;
	position: relative;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}
#blog-banner-image .entry-title         {text-shadow: 0 1px 0px rgba(0, 0, 0, 0.25); text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5);}

#blog-banner-gradient .entry-header a:hover {text-decoration:none;}

#blog-banner-gradient .cat-links a      {color:#fff;}

#site-navigation a:hover                {border-bottom: 3px solid #0088e3;padding: 5px 0;text-decoration:none;}

#site-navigation .current-menu-item a   {border-bottom: 3px solid #0088e3;padding: 5px 0;}
#site-navigation ul                     {margin:-10px 0 10px;padding:10px 0;}
#site-navigation ul  li a               {color:#003554;font-weight: 700;}
.more-link                              {color:#999;text-decoration:underline;}
.breadcrumb                             {text-transform:lowercase;color: #ccc;}
.breadcrumb .breadcrumb_last            {color:#444;}
iframe                                  {max-width:100%;}
article.grid                            {height:25em;}
.entry-header                           {overflow:hidden; line-height: 1.2em;margin:6px 0 0;}
.content-row                            {margin-bottom:0;/* display:inline-block; */}

@media (min-width: 767px){
	.content-row                        {margin-left:40px !important;margin-right:40px !important;}
	#blog-banner-gradient .entry-header {margin-left:40px;margin-bottom:5px;}
}

@media (max-width: 768px){
	#blog-banner-gradient, 
	#blog-banner-image                  {height:175px;}
	article.grid                        {height:auto; margin-bottom:25px;}
	.main-navigation ul li:first-child  {border-top: 1px solid #ddd;}
	.main-navigation ul li              {border-bottom: 1px solid #ddd;  display: block;}
}

.author-bio                             {margin-top: 1rem;}

.entry-content figcaption {
	font-size: .933rem;
	color: rgba(0, 53, 84, 0.75);
	font-style: italic;
}
.entry-content figure {
	margin:20px 0;
}  

/* -------------------------------------------------- */
/* BLOG CAROUSEL */
/* -------------------------------------------------- */

.entry-content .carousel .carousel-inner .carousel-item {
	height:30rem;
	background-position: center center;
	background-size: cover;
}
@media (max-width: 767px) {
	.entry-content .carousel .carousel-inner .carousel-item {
		height:16.66rem;
	}    
}    
.entry-content .carousel .carousel-thumbnail {
	height:3.33rem;
	background-position: center center;
	background-size:cover;
}
.entry-content .carousel .carousel-indicators li {
	padding:0;
	width: 4rem;
}
.entry-content .carousel .carousel-indicators {
	position: relative;
	bottom: -10px;
	width: 100%;
	margin-left: 0;
	margin-bottom: 5rem;
	left: 0;
}
.entry-content .carousel-caption {
	right: 0;
	left: 0;
	padding-bottom: 10px;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

/* -------------------------------------------------- */
/* BLOG COMMENTS */
/* -------------------------------------------------- */

ol.comment-list 	{border-top: 1px solid rgba(33, 83, 122, 0.15);padding: 0rem;}
ol.comment-list, 
ol.children 		{list-style: none;font-size: 14px;}

li.comment 			{padding: 1rem; border-bottom: 1px solid rgba(33, 83, 122, 0.15);}

li.comment.parent li.comment {padding-left: 0;padding-bottom: 0;border-bottom: 0;}

.comment-author .avatar {height: 32px;width: 32px;}
.comment-author .says	{display: none;}
.comment-author .fn 	{padding: 0rem .85rem;}

.comment-metadata .edit-link a 	{display: none;position: absolute;top: 0;right: 0;}
.comment-metadata a time 		{color: rgba(0, 53, 84, .65);font-size: 14px;}

article.comment-body .reply a 	{padding-left: 4.7rem;}
article.comment-body .comment-content	{padding-left: 4.5rem;}
article.comment-body .comment-content p {margin-bottom: 0;}

textarea:focus#comment 	{border-color: #0088e3;outline-color: #0088e3;outline: none;}
footer.comment-meta		{display: flex;align-items: baseline;}

@media (max-width: 767px) {
  footer.comment-meta {
	display: inline-block;
  }

  .comment-metadata {
	padding-left: 4.5rem;
  }
}

.comment-form-comment label 	{display: none;}
.comment-form-comment textarea 	{width: 100%;border-radius: .5rem;border-color: rgb(204, 204, 204);padding:1rem}

/* -------------------------------------------------- */
/* PART 2 */
/* -------------------------------------------------- */

/*----------------> UPLOADER <----------------*/

.product-review-image-upload-thumbnail {
	height: 10rem;
	width: 10rem;
	background-size: cover;
	background-position: center center;
	position: relative;
	border: 1px solid rgba(33, 83, 122, 0.3);
	display: inline-block;
	float: left;                        
	border-radius: .5rem;
	margin: .5rem 1.5rem 0.5rem 0rem;
}

.js-product-review-image-add {
	text-align: center;
	color: rgba(33, 83, 122, 0.3);
	border: 1px dashed rgba(33, 83, 122, 0.3);
	border-radius: 5px;
	cursor: pointer;
	height: 10rem;
	width: 10rem;
	padding: 2.5rem 2rem;
	margin-top: .5rem;
	line-height: 1.4em;
}

.js-product-review-image-add:hover {
	border: 1px dashed rgba(33, 83, 122, 0.8);
}           

.js-product-review-image-delete {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 6px 3px 2px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	text-align: center; 
	font-size: 1.6rem;
	background: #0088E5;
	line-height: 11px;
	width: 25px;
	height: 25px;
	border-radius: 50px;
}       

.js-product-review-image-delete:hover {
	background-color: #006DB9;
}

.hidden {
	display: none!important;
}

/* -------------------------------------------------- */
/* TAGS */
/* -------------------------------------------------- */

.product .badge-action-primary, .badge-action-success {
	top: -28px;
	left: 15px;
	position: absolute;
	z-index: 9;
}

@media (min-width: 768px) {
	.product .badge-action-primary, .badge-action-success {
		max-width: calc(100% - 2rem);
	}
}

@media (max-width: 767px) {
	#product-list:not(.slider-product) .badge-action-primary, .badge-action-success {
		position: relative;
		display: block;
		float: left;
		top: 0;
		left: 0;
		margin-top: 5px;
	}
}

/* -------------------------------------------------- */
/* PRODUCT REVIEW MODAL */
/* -------------------------------------------------- */

#product-review-image-carousel .carousel-control {
	background: none;
	opacity: 1;
	font-size: 3rem;
}

@media (max-width: 991px) {
	#product-review-image-modal .carousel-control {
		top: 12rem;
	}
}

@media (min-width: 768px) {
	.match-height > [class*='col-'] .card {
		min-height: 240px;
	}
}

/* -------------------------------------------------- */
/* SINGLE STORES */
/* -------------------------------------------------- */
#stores-banner-image {
	width: 100%;
	height: 24rem;
	background-size: cover;
	background-position: center center;
}

@media (max-width: 767px) {
	#stores-banner-image, #stores-banner-gradient {
		height: 50vw;
	}
}

#store-page .bg-cover-20 {
	background-size: cover;
	background-position: center center;
	height: 15rem;
	margin-bottom: 2rem;
}

/* -------------------------------------------------- */
/* PRODUCT LIST PRODUCT */
/* -------------------------------------------------- */

.product .carousel-inner        {height:auto;}
#product-list .product-compare  {opacity: 1;}
.product-compare  span          {font-weight: 400}


.product	{margin-bottom:5rem; margin-top: -6rem;height: 27rem;}

.product-hover-box  {
	border:1px solid transparent;
	background:transparent;  
	position: relative;
	padding-bottom: 15px;
	-webkit-box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0);
	   -moz-box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0);
			box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0);
}

.product-hover-box .product-extended-info {
	display:none;
	opacity:0;
	padding:0px 0;
	background: #FFF;
	z-index: 999;
	padding-top:5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

@media (max-width: 767px) {
	.product-hover-box .product-extended-info {
		display: block;
		opacity: 1;
		clear: both;
	}
}

.product-hover-box.extended:hover {
	border-color:#fff;
	background:#fff;
}
.product-hover-box:hover .product-extended-info {
	display:block;
	opacity:1;
}

.product .product-compare           {opacity:0;width: 100%;margin:0;text-align:center; z-index: 999;  background-color: #fff; margin-top: .75rem}
.product:hover .product-compare     {opacity:1;}

.product .carousel-indicators li    {width: 50px;height: 50px;padding: 5px;margin:0;text-indent: initial;}
.product .carousel-indicators       {position:relative; bottom:0px;width: 100%;margin-left: 0;margin-bottom:-10px;}

.carousel-inner>.item {
	transition: transform .1s ease;
}

.product-action-tag.webshop-only {
	background-color: rgba(255, 255, 255, 0.9);
	color: rgb(0, 53, 84);
	border: 1px solid rgb(0, 53, 84);
	top: 15px !important;
	line-height: 1.2em;
	padding: .4em;
	font-style: italic;
	font-weight: 300;
	left: 15px;
	font-size: 1.4rem;
	position: absolute;
	text-align: center;
	text-transform: none;
}    

.product .carousel-inner {
	padding-bottom: 10px;
}

@media (max-width: 767px) {
	.product {
		margin:0;
		height: auto;
		border-color: rgba(33, 83, 122, 0.15);
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.product-hover-box {
		padding:0;
	}
	.product .product-title {
		height:auto;
	}   
}   
@media (min-width: 768px) and (max-width: 990px) {
	.product {
		height:30rem;
	}
}        

@media (min-width: 768px) {
	.product-hover-box.extended:hover {
		z-index:999;
		border-color:rgba(0, 53, 84, 0.1);
		-webkit-box-shadow: 0px 3px 14px 0px rgba(0, 53, 84, 0.1);
		   -moz-box-shadow: 0px 3px 14px 0px rgba(0, 53, 84, 0.1);
				box-shadow: 0px 3px 14px 0px rgba(0, 53, 84, 0.1);
	}
	#product-list {margin-top: 8rem;}
	#product-bottom #product-list {margin-bottom: -4rem;}
	#collapseCombisale,
	#products-recommended {margin-bottom: -40px;}
	.home-products-container {
		margin-bottom: -8rem;
	}
}

/* -------------------------------------------------- */
/* CSS FOR JAVASCRIPT */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* LOADER */
/* -------------------------------------------------- */

#loader #loader-inner {
	stroke-dashoffset: 0;
	stroke-dasharray: 300;
	stroke-width: 8;
	stroke-miterlimit: 8;
	stroke-linecap: round;
	animation: loading-circle 2s linear infinite;
	stroke: #0088e3;
	fill: transparent;
  }
  
  @keyframes loading-rotate {
	0% {
	  transform: rotate(0);
	}
	100% {
	  transform: rotate(360deg);
	}  
  }
  
  @keyframes loading-circle {
	0% {
	  stroke-dashoffset: 0;
	}
	100% {
	  stroke-dashoffset: -600;
	}  
  }
  #loader {
	  display: block;
	  margin: 0 auto;
	  width: 80px;
	  animation: loading-rotate 3s linear infinite;
  }
  /* -------------------------------------------------- */
  /* SPINNER */
  /* -------------------------------------------------- */
  
  #spinner #spinner-inner {
	stroke-dashoffset: 0;
	stroke-dasharray: 300;
	stroke-width: 8;
	stroke-miterlimit: 8;
	stroke-linecap: round;
	animation: loading-circle 2s linear infinite;
	stroke: #0088e3;
	fill: transparent;
  }
  
  @keyframes loading {
	0% {
	  transform: rotate(0);
	}
	100% {
	  transform: rotate(360deg);
	}  
  }
  
  @keyframes loading-circle {
	0% {
	  stroke-dashoffset: 0;
	}
	100% {
	  stroke-dashoffset: -600;
	}  
  }
  #spinner {
	  z-index:10000000;
	  top:30%;
	  left: 50%;
	  margin-left: -25px;
	  position: fixed; 
	  display: block;
	  width: 80px;
	  animation: loading 3s linear infinite;
  }

/* LOADER IN BUTTON */
@-webkit-keyframes loading-btn-cart {
	0% {
		left: 0;
		width: 0
	}
	50% {
		left: 0;
		width: 100%
	}
	100% {
		left: 100%;
		width: 0
	}
}
@keyframes loading-btn-cart {
	0% {
		left: 0;
		width: 0
	}
	50% {
		left: 0;
		width: 100%
	}
	100% {
		left: 100%;
		width: 0
	}
}
.btn-load {
	position: relative;
	border: none;
	overflow: hidden;
}
.btn-load.loading {
	opacity: 0.75;
}
.btn-load.loading:after {
	-webkit-animation: loading-btn-cart 2s infinite;
	animation: loading-btn-cart 2s infinite;
	background: rgba(0, 0, 0, 0.2);
	content: ""!important;
	display: block!important;
	height: 5px;
	left: 0;
	padding: 0!important;
	position: absolute!important;
	bottom: 0!important;
	width: 10px
}

  /* -------------------------------------------------- */
/* Product Compare Box */
/* -------------------------------------------------- */

#compare-box-toggle:focus,
#compare-box-toggle:hover {text-decoration:none;}

#compare-box-toggle .fa-chevron-down {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#compare-box-toggle.collapsed .fa-chevron-down {
	transform: rotate(-180deg) !important;
	-ms-transform: rotate(-180deg) !important;
	-webkit-transform: rotate(-180deg) !important;
}
#product-compare-box {
	position:fixed;
	bottom:0px;
	left:15px;
	right: 15px;
	width:350px;
	z-index:9998;
}

@media (max-width: 767px) {
	#product-compare-box {
		max-width:75vw;
	}
}

/* -------------------------------------------------- */
/* PRODUCT COMPARE */
/* -------------------------------------------------- */

.overflow-hidden {
	overflow: hidden;
}

#product-info-header .compare-col {
	padding: .5rem 1rem; 
	background: #fff;
}
#product-info-header img {
	max-height: 4rem;
}

.compare-row {
-webkit-flex-basis: 100%;
		flex-basis: 100%;
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	position: relative;
	transition: transform .15s;
	will-change: transform;
	transform: translate3d(0px,0,0);
	-webkit-transform: translate3d(0px,0,0);
}

.compare-col {
-webkit-box-flex: 1; 
		-ms-flex: 1 0 25%; 
			flex: 1 0 25%;
	border-top: 1px solid rgba(33, 83, 122, 0.15);
	border-bottom: 1px solid rgba(33, 83, 122, 0.15);
	padding: .5rem 1.5rem;
	background: #F9FBFE;
}

.compare-col-divider                {border-right: 1px solid rgba(33, 83, 122, 0.15);}
.compare-col-divider:last-child     {display: none;}

.compare-col:empty:after{
	opacity: 0.5;
	content:"\2013";
}
.compare-col.col-pro td,
.compare-col.col-con td {
	padding:.25em 0;
	line-height: 1.4em
}
.compare-label {
-webkit-flex-basis: 100%;
		flex-basis: 100%;
	padding: 1em 1.5rem .5em 0;
	font-weight: 700;
	background: #fff;
}

@media (max-width: 990px) {
	.compare-col {
	-webkit-flex-basis: 33%;
			flex-basis: 33.33%;
	}
}
@media (max-width: 767px) {
	.compare-col    {flex-basis: 50%; -webkit-flex-basis: 50%;}
	.compare-label  {padding-left: 1rem !important;}
}

@media (min-width: 768px) {
	#product-info-header.affix-top .container {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media (max-width: 767px) {
	#product-info-header.affix .compare-col {
		padding: 1rem;
	}
}

.affix {
	position: fixed;
}

#product-info-header.affix-top {
	transform: translateY(-20rem);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
}

#product-info-header.affix {
	transform: translateY(0px);
	z-index: 1050;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	transition: transform 200ms;
	will-change: transform;
-webkit-transform: translate3d(0px,0,0);
		transform: translate3d(0px,0,0);
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.10);
}
#compare-controls {
	position: fixed;
	bottom: 50%;
	left: 0;
	right: 0;
	z-index: 999;
}
#compare-controls,
#compare-controls .container {
	height:0;
}
.arrow-control {
	width: 3.2rem;
	height: 3.2rem;
	font-size: 2rem;
	text-align: center;
	line-height: 3rem;
	border-radius: 50%;
	cursor: pointer;
}

#compare-controls .left     {margin-left: -6rem;}
#compare-controls .right    {margin-right: -6rem;}

@media (max-width: 1299px) {
	#compare-controls           {bottom:50%;}
	#compare-controls .left     {margin-left: 0rem;}
	#compare-controls .right    {margin-right: 0rem;}
}

.btn-side {
	position: fixed;
	left: -66px;
	top: 250px;
	width: 175px;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	border-radius: 0;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

/* -------------------------------------------------- */
/* HOMEPAGE */
/* -------------------------------------------------- */

#homepage-category-banners img {
	width:100%;
}

#homepage-superstore-banner {
	height: 350px;
	background: url(//cdn.mantel.com/images/mantel-superstore-blue-small.jpg);
	background-size: cover;
	background-position: center center;
}

#homepage-superstore-content {
	margin-top: -150px;
	margin-bottom: 2rem;
}

.trustbar h4 {
	font-size: 34px;
	font-weight: bold;
	margin: 0;
}

/* -------------------------------------------------- */
/* ACCORDION - ROTATE ARROW / ANGLE ON COLLAPSE */
/* -------------------------------------------------- */

.accordion .toggle-collapse {
	transition: all .08s ease-in-out;
	will-change: transform;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.accordion .collapsed .toggle-collapse {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* -------------------------------------------------- */
/* PRODUCT LIST PAGE */
/* -------------------------------------------------- */

.horizontal-scroll-wrapper-xs {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.horizontal-scroll-wrapper-xs {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

#product-overview .horizontal-scroll-wrapper-xs .btn-light {
	margin: 0em .65em .75em 0em;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

#sort-button-container select {
	-webkit-appearance: none;
}

#sort-button-container .caret {
	position: absolute;
	right: .7rem;
	top: 1rem;
}

.caret.float-right {
	margin-top: .55rem;
}

@media (max-width: 767px) {
	#product-list .product .carousel-indicators li {
		width: 40px;
		height: 40px;
	}
}

/* -------------------------------------------------- */
/* Product List Filter */
/* -------------------------------------------------- */

#product-filter #color-list li                 {padding-right: 0;}
#product-filter #color-list li i               {    
	margin: 0;
	font-size: 1.2rem;
	line-height: .97em;
	border-radius: 4px;
    background: rgba(33, 83, 122, 0.2);
    padding: 2px;
} 

#filter-column	{background-color: #fff;}

#filter-column a.collapsed i.fa-angle-down {
	-webkit-transform: rotate(0deg);
}

#filter-column a i.fa-angle-down {
	-webkit-transform: rotate(-180deg);
}

#filter-column a i {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
}

/* -------------------------------------------------- */
/* LIST GROUP ITEM BUG  */
/* -------------------------------------------------- */
.list-group-item, .list-group-item:hover { 
	z-index: auto; /* fix for when modal is inside list-group-item */
}

/* -------------------------------------------------- */
/* BS4 --> SASS  */
/* -------------------------------------------------- */
.btn-group.flex-column .btn + .btn {
	margin-top: -1px;
	margin-left: 0;
	text-align: left;
}

/* -------------------------------------------------- */
/* FONTAWSOME LIST  */
/* -------------------------------------------------- */
.fa-li {
	top: .85em;
	text-align: center;
	transform: translateY(-50%);
}
.fa-ul {
	margin-left: 2.1em;
}

/* -------------------------------------------------- */
/* NAVBAR BANNER  */
/* -------------------------------------------------- */
#navbar-banner {
	padding: .45rem .25rem;
	font-size: 1rem;
	text-align: center;
}

.navbar-banner-text {
	font-size: 1rem!important;
}

/* -------------------------------------------------- */
/* ....  */
/* -------------------------------------------------- */

.product .carousel-indicators li {
	text-indent: 0px;
}

/* -------------------------------------------------- */
/* MAIN  */
/* -------------------------------------------------- */
@media (min-width: 576px) {
	main { margin-top: 1rem; }
}
#navbar-banner { margin-top: 1rem; }
@media (max-width: 575px) {
	#navbar-banner { margin-bottom: 1rem; }
}

/* -------------------------------------------------- */
/* M-CARD  */
/* -------------------------------------------------- */
.card-img-left {
    border-radius: .2em 0em 0em .2em;
    -ms-flex: 0 0 10rem;
    flex: 0 0 8rem;
    background-size: cover;
    background-position: center center;
}
.card-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0em 1em 1em 0em;
    border-radius: .2em;
    border: 1px solid rgba(33, 83, 122, 0.15);
}

/* -------------------------------------------------- */
/* CUSTOMER SERVICE  */
/* -------------------------------------------------- */
.customer-menu ul li.active {
background: rgba(0, 136, 227, 0.05);
padding-left: 10px;
}

.placeholder {
position: relative;
width: 100%;
background-color: #F2F4F6;
}
.placeholder-item {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.placeholder-75 {
padding-bottom: 75%;
}
.placeholder-80 {
padding-bottom: 80%;
}

/*-------------------------*/
/* OFFCANVAS FILTER  */
/*-------------------------*/
@media (max-width: 767px) {
	.offcanvas {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: -999;
		height: 100%;
		margin:0 !important;
		width: 100%;
		display: none;
	}
	.offcanvas-out .offcanvas {
		left:0;
		width:100%;
		margin:0 !important;
		overflow-y: scroll;
		border-top: 0;
		z-index: 98;
		display: block;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

.placeholder img[data-src] { visibility: hidden; }
.placeholder img[src] { visibility: visible; }

@media (max-width: 992px) and (min-width: 768px) {
	.home-products-container .product { height: auto; }
	.home-products-container .placeholder { background-color: #FFFFFF; }
}


/*-------------------------*/
/* RESET MARGIN PRODUCT SLIDER  */
/*-------------------------*/

@media (min-width: 768px) {
	#product-bottom #product-list.slider-product {
		margin-bottom: 0rem;
	}
	#product-list.slider-product {
		margin-top: 0rem;
	}
}

.slider-product .product {
	height: auto;
	margin: 0;
}