/********************************************************

			Templatemela Custom Styles

********************************************************/

.tm-carousel {

  display: none;

  position: relative;

  float: left;

  width: 100%;

  margin: 0;

  -ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper {

  display: none;

  position: relative;

  -webkit-transform: translate3d(0px, 0px, 0px);

	-ms-transform: translate3d(0px, 0px, 0px);

	-o-transform: translate3d(0px, 0px, 0px);

	-moz-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

.owl-carousel .owl-wrapper-outer {

  overflow: hidden;

  position: relative;

  float: left;

  width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight {

  -webkit-transition: height 500ms ease-in-out;

  -moz-transition: height 500ms ease-in-out;

  -ms-transition: height 500ms ease-in-out;

  -o-transition: height 500ms ease-in-out;

  transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item {

  float: left;

}

.owl-carousel .owl-item .manu_image a {

  display: inline-block;

}

.owl-carousel .owl-item .manu_image a img {

  max-width: 100%;

}

.owl-carousel .owl-item:hover a img {

  border-color: blue;

}

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item {

  /* fix */

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  text-align: center;

}



/* mouse grab icon */

.grabbing {

  cursor: url("../img/megnor/grabbing.png") 8 8, move;

}

 .brands .customNavigation {  top: 43%;}

 .brands .customNavigation a.next::after{ display: none;}

.customNavigation {

  position: absolute;

  z-index: 959;

  width: 100%;

  top: 40%;

  direction: ltr !important;

}

.customNavigation a {

  position: absolute;

  font-size: 28px;

  font-weight: normal !important;

  line-height: 26px;

  padding: 1px 2px 0 2px;

  color: #c9c9c9 !important;

  border: none;

  height: 30px;

  width: 30px;

  cursor: pointer;

  overflow: hidden;

  -webkit-transition: all 0.5s ease;

  -webkit-transition-delay: 0s;

  -moz-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}





.special-products .customNavigation,  .lastest_block .customNavigation{

    width: auto;

    float: right;

    right: 0;

    top: -50px;

}



.product-accessories .customNavigation{

  top: -50px;

  right: 0;

  float: right;

  width: auto;

  margin: 0 auto;

}



.crosssell-products .customNavigation{

    top: -50px;

    right: 0;

    float: right;

    width: auto;

    margin: 0 auto;

}





.productscategory-products .customNavigation{

    top: -50px;

    right: 10px;

    float: right;

    width: auto;

    margin: 0 auto;

}



.btn.prev.productscategory_prev{

    left: -53px;

}

.brands .customNavigation a.prev {

  left: 0;

  right: auto;

}

.tm-hometabcontent .customNavigation{ 

    width: auto;

	position: absolute;

	margin: 0;

	top: -45px;

  display: inline-block;

  float: right;

  right: -10px;

  left: auto;

}





.tm-hometabcontent .customNavigation a.prev, .customNavigation a.prev{ 

	  left: auto;

    right: 31px;

}



.tm-hometabcontent .customNavigation a.next::after, .customNavigation a.next::after {

  border-left: 1px solid #e5e5e5;

  content: " ";

  height: 17px;

  left: 0;

  position: absolute;

  top: 5px;

}

.quickview .mask.additional_slider .customNavigation a.next::after, #main .images-container .js-qv-mask .customNavigation a.next::after{ display: none;}

.customNavigation a:hover{

	border-color: #edbb6f;

}

.customNavigation a:hover:before{ color: #edbb6f; }





#product #main .images-container .js-qv-mask.additional_slider .customNavigation a.prev {

  left: 0;

}

/*.brands .customNavigation a.prev {

    left: -15px;

}

.brands .customNavigation a.next {

  right: -12px;

}*/

.customNavigation a.next {

  right: 0;

}



@media (max-width: 991px) {



	#main .images-container .js-qv-mask { margin:0px; }

}

@media (max-width: 767px) {



	.tm-hometabcontent .customNavigation{ top: -25px !important;}

	.tm-hometabcontent .customNavigation{ left:-3px; right:0; float: none;}

	.brands .customNavigation a.next {

		right: 0;

	}

	.tm-hometabcontent .customNavigation a.next {

  	  right: 0;

	}

	.customNavigation a{ position: relative;}

	.customNavigation{ text-align: center;}

	.special-products .customNavigation{ margin:0;}

	.customNavigation a.next {

	  right: 0;

	}



	.brands .customNavigation a{ position: absolute;}

	#product #main .images-container .js-qv-mask.additional_slider .customNavigation a{ position: absolute;}

	#product #main .images-container .js-qv-mask.additional_slider .customNavigation a.prev {

		left: 0;

	}

	.tm-hometabcontent .customNavigation a.prev, .customNavigation a.prev {

	  left: auto;

	  right: -3px;

	}

	.brands .customNavigation {

	  top: 40%;

	}

}

@media (max-width: 480px) {

	.special-products .customNavigation{ top: -45px; right: -5px;}

	.product-accessories .customNavigation, .crosssell-products .customNavigation{ top: -47px;}

}

.customNavigation a.prev:before {

  content: "\E314";

  font-family: "Material Icons";

}

.customNavigation a.next:before {

  content: "\E315";

  font-family: "Material Icons";

}



#tmleftbanner img,

#tmrightbanner img{

	max-width: 100%;

  width: 100%;

}	



/* SRDEV - 2020 - Gestion pastilles */
.highlighted-informations.no-variants.hidden-sm-down {
    display: none !important;
}
.products .highlighted-informations {
    /*
    bottom: 45px;
    background-color: white;
    margin: 0 auto;
    padding: 10px;
    border-radius: 11px;
    width: 100%;
    z-index: 10000;
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.3s ease-in;
    height: 24%;
    box-shadow: 2px 1px 10px #666;
    text-align: center;
    border: 1px solid #ddd;
	*/
	transition: max-height 1.6s;
    position: absolute;
    opacity: 1!important;
    display: block!important;
    bottom: 106px;
    z-index: 10000;
    text-align: center;
    width: 95%;
    margin-left: 0%;
    overflow: hidden;
    max-height: 39px;
    padding-bottom: 10px;
}
.products .variant-links:after {
    position: absolute;
    content: '';
    width: 100%;
    bottom: 0;
    left: 0;
    height: 10px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
    transition: opacity .8s;
}
.product_item:hover .highlighted-informations {
    max-height: 150px;
}
.products .variant-links {
    /*
	width: 100%; #37%  si gauche ;
    padding-top: 8px;
    height: 100%;
	*/
}
span.js-count.count {
    /* bottom: 0; */
    /* margin-left: -18px; */
}
/***** version 0 
.products .variant-links .color {
    border: 1px solid #666;
    border-radius: 50%;
    width: 23px;
    height: 23px;
}*/

/***** version 1 
.products .variant-links .color {
    width: 17px;
    height: 17px;
    line-height: 0.7;
}*/

/***** version 2 
.products .variant-links .color {
    border-radius: 50%;
    width: 17px;
    height: 17px;
    line-height: 0.7;
}*/


/***** version 3 
.products .variant-links .color {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 3px;
    display: block;
    margin-left: -19px;
}*/

/***** version 4 */
.products .variant-links .color {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    /* margin: 1px !important; */
    /* float: left; */
    display: inline-block;
    box-shadow: 2px 2px 3px #642;
    margin: 0 1px;
}
/*
.input-color {
    opacity: 0.3;
    -khtml-opacity: 0.3;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    height: 1.4rem;
    width: 1.25rem;
    background-color: transparent;
    border: 2px solid #000;
}
.product-variants > .product-variants-item .color {
    margin: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.product-variants > .product-variants-item ul li {
    margin-right: 0.125rem;
}
*/