/********************************************************
			Templatemela Custom Styles
********************************************************/
.products .regular-price {
  color:green !important;
  margin-right: 5px;
  vertical-align: inherit !important;
}
.product-discount .regular-price {
  color:green !important;
}
.products .price, .product-prices .current-price {
  color:red !important;
}
#tmleftbanner .slide {margin-top:20px !important;}
#tmnavcmsblock h4 {font-size:1rem!important;}
#tm_toplink li a {font: 400 13px/21px "Roboto Slab",Open Sans,sans-serif;}
#tm_toplink .menu-8 {
    background: #389bd1;
}
.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}

.youtube-player-thumb img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player-list {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
}

.youtube-player-list img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player-list img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player-list .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}

.product-quantity .add {
  width: auto !important;
  margin-top:0 !important;
  margin-left: 10px !important;
}
.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);
}
.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 {

}
.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;
}

.customNavigation {
  position: absolute;
  z-index: 959;
  width: 100%;
  top: 40%;
  direction: ltr !important;
}
.customNavigation a {
  position: absolute;
  font-size: 15px;
  line-height: 26px;
  padding: 1px 2px 0 5px;
 /* background: #fff;*/
  color: #ddd;
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 28px;
  width: 28px;
  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{
    width: auto;
    float: right;
    right: 0;
    top: auto;
}
.btn.prev.special_prev{
    left: -65px;
}

.product-accessories .customNavigation{
  top: -50px;
  right: 10px;
  float: right;
  width: auto;
  margin: 0 auto;
}
.btn.prev.accessories_prev{
  left: -65px;
}

.crosssell-products .customNavigation{
    top: -50px;
    right: 10px;
    float: right;
    width: auto;
    margin: 0 auto;
}

.btn.prev.crosssell_prev{
    left: -65px;
}

.productscategory-products .customNavigation{
    top: -50px;
    right: 10px;
    float: right;
    width: auto;
    margin: 0 auto;
}

.btn.prev.productscategory_prev{
    left: -65px;
}
.tm-hometabcontent .customNavigation{
    width: auto;
    top: auto;
    float: right;
    right: 0;
}
.newproducts .customNavigation {
    width: auto;
    top: auto;
    float: right;
    right: 0;
}
.newproducts .customNavigation a.prev{
    left: -60px;
}
.tm-hometabcontent .customNavigation a.prev{
    left: -60px;
}


.customNavigation a:hover{
	border-color: #e7e7e7;
  background: #e7e7e7;
}
.customNavigation a:hover:before{ color: #3a3a3a; }

.customNavigation a.prev {
  left: 0px;
}
.customNavigation a.next {
  right: 0px;
}
@media (max-width: 1300px) {
}
@media (max-width: 991px) {
  #_prestablog_index {
    display: none;
  }
	.customNavigation a.prev {
		left: 0px;
	}
	.customNavigation a.next {
		right: 0px;
	}
	#main .images-container .js-qv-mask { margin:0px; }
}
@media (max-width: 767px) {
}
.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%;
  border-radius: 5px;
}

.vcenter{
  display: inline-block;
   vertical-align: middle;
   float: none;
}
.h5subcategory{
  border: #999;
border-style: solid;
border-width: 1px;
border-radius: 5px;
margin: 5px;
padding: 5px;
height: 48px;
background-color: #ADCE27;
color:white;
display:flex;
justify-content: center;
text-align: center;
}
input.ui-autocomplete-input::placeholder {
  color: #999;
  opacity: 0.9;

}
input.ui-autocomplete-input::-moz-placeholder {
  color: #999;
  opacity: 0.9;
}
input.ui-autocomplete-input::-ms-input-placeholder {
  color: #999;
  opacity: 0.9;

}
input.ui-autocomplete-input::-webkit-input-placeholder {
  color: #999;
  opacity: 0.9;

}
 .main_puntos_container {
    margin: 0 auto;
    min-height:500px;
    min-height: 50vh;
    max-height: 100%;

}
.ct_puntos,.text_puntos,.text_cheques{
font-size: 4rem;
line-height: 4rem;
font-size: calc(2vw + 2vh + 3vmin);
line-height:  calc(2vw + 2vh + 3vmin);
color: #222;
text-align: center;
vertical-align: middle;
padding: 10%;
font-weight: 600;
}

.text_puntos,.text_cheques{
  font-size: calc(1vw + 1vh + 3vmin);
  font-weight: normal;
}
.text_puntos_error{
  font-size: calc(1vw + 1vh + 1vmin);
  line-height: 2rem;
}

.text_cheques{

padding: 1% !important;
}
.main-puntos, .main-tjta, .main-cheques {
    background-color:#E1F3FE;
    background-clip: content-box;
    border-radius: 45px;
    margin-top: 40px;
    display: table-cell;
    min-height: 300px;
    min-height: 50vh;
    max-height: 50vh;
    height: 300px;
    height: 100%;
    padding:  20px;
  }


  .main-tjta{
    background-color: #FBECFA;
  }
  .main-cheques{
    background-color: #aff9e6;
  }
  .tjta{
    border-radius: 20px;
    border-color: #222;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    /* margin 1 col*/
    margin-left: 8.33%;
    padding: 15px;
  }
.message_center{
  float: none;
    margin: 0 auto;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);

  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);

  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  animation-duration: 1s;
}
.ct_puntos{
  display: none;
}


.tada>.ct_puntos{
  color:#FB7CB1 !important;
  text-shadow: 7px 2px #333;

}
@media (max-width: 768px) {

.main-puntos, .main-tjta {

  min-height: 150px;
  min-height: 40vh;
  max-height: 40vh;
  height: 150px;
  height: 100%;
    }
.text_puntos{
      font-size: calc(1vw + 1vh + 2vmin);
      font-weight: normal;
    }
.tada>.ct_puntos{
  color:#FB7CB1 !important;
  text-shadow: 3px 1px #333;
}
}
.img-thumbnail.manufacturer-logo{
max-width: 200px !important;
}
.special-products .product_list.grid.gridcount .quick-view {
background: rgba(255,255,255,0.8);
border-color: rgba(255,255,255,0.8);
color: #2a2a2a;
    font: 600 11px/21px "Roboto",Arial,Helvetica,sans-serif;
  width: 50px;
  width: auto;
  top: 50px;
  top: 45%;
}
.special-products .product_list.grid.gridcount .quick-view:hover{
  background-color: #1dc2d8;
  border-color: #1dc2d8;
  color: white;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



.action-link {
  color:#158496;
}

.img_catalogo{
  max-height: 275px;
  margin-top: 30px;
}


@media screen and (min-width: 1200px) {
.img_catalogo{
  max-height: 360px;
  margin-top: 30px;
}
}
@media screen and (min-width: 1600px) {
.img_catalogo{
  max-height: 500px;
  margin-top: 30px;
}
}
.subcategory-name{
  color: #333333
}
.nonstock_product{
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
      filter: grayscale(100%);
      opacity: 0.3;
  }
.no_disponible{
  display: block;
  bottom: 50px;
  bottom: 10%;
   position: absolute;
   left:50px;
   left: 20%;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 14px;
   color: #ffbf00;
}
.ship-message{
  font-size: 12px;
  color: #777;

}

#order .payment_module .sequra.partpayment {
    background-image: url(../img/sequra.png);
}
#order  .payment_module .sequra.invoicing {
    background-image: url(../img/sequra.png);
}
#order  .payment_module .sequra.campaign {
    background-image: url(../img/sequra.png);
}

/* Click & Collect - imagen izquierda pero texto debajo */
@media (min-width: 992px) {
  .page-content img {
    display: block !important;
    margin: 0 0 20px 0 !important;  /* espacio debajo */
    max-width: 420px !important;
    height: auto !important;
  }
}





/*
#netreviewsWidgetNum1286widget02av{
opacity:1;
  transition:opacity 1000ms;
}

/* Smartphones ----------- */
/*
@media only screen and (max-width: 992px) {
  #netreviewsWidgetNum1286widget02av{
    max-width: 200px;
  }
#netreviewsWidgetNum1286widget02av.hides{
  opacity:0;
}
#netreviewsWidgetNum1286widget02av.display_none{
  display: none;
}

}*/