/********************************************************
			Templatemela Custom Styles
********************************************************/
.owl-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/caprica/grabbing.png") 8 8, move;
}
 
.customNavigation {
  position: absolute;
  z-index: 959;
  width: 100%;
  top: 30%;
  direction: ltr !important;
}
.lastest_block .customNavigation {
    top: 23%;
}
.ctcategorylist .customNavigation{ top:40%;}
.customNavigation a,.special-additional-carousel .owl-buttons div {
  position: absolute;
  font-size: 24px;
  line-height: 29px;
  padding: 0;
  background: #000;
  color: #fff !important;
  border: 1px solid #000;
  height: 29px;
  width: 29px;
  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;
  font-weight:normal;
  letter-spacing:-3px;
}
.special-additional-carousel .owl-buttons div{font-size:0;top:35%;background:none;color:#000 !important;border:none;}
.special-additional-carousel .owl-buttons div:before{font-size:35px;}
.special-additional-carousel .owl-buttons div.owl-prev{left:0;right:auto;}
.special-additional-carousel .owl-buttons div.owl-next{right:0;left:auto;}

.customNavigation a:hover{
	border-color: #000;
	color:#fff;
	background-color:#fff;
}
.customNavigation a:hover:before{ color: #333; }

.customNavigation a.prev {
  left: 0;
}

.additional_slider .customNavigation a.prev,.ctcategory-container .customNavigation a.prev{
  left: 0px;
}
.customNavigation a.next {
  right: 0;
}
.additional_slider .customNavigation a.next,.ctcategory-container .customNavigation a.next{
  right: 0px;
}

@media (max-width: 1199px) {
	.brands .customNavigation a.prev {left: -5px;}
	.brands .customNavigation a.next {right: -5px;}
}
@media (max-width: 991px) {
	.customNavigation a.prev {
		left: 0px;
	}
	.customNavigation a.next {
		right: 0px;
	}
	#main .images-container .js-qv-mask { margin:0px; }
}
@media (max-width: 767px) {
.lastest_block .customNavigation {
    	top: 30% !important;
}
}
.customNavigation a.prev:before,.special-additional-carousel .owl-buttons div.owl-prev:before {
  content: "\E314";
  font-family: "Material Icons";
}
.customNavigation a.next:before,.special-additional-carousel .owl-buttons div.owl-next:before {
  content: "\E315";
  font-family: "Material Icons";
}
#ctleftbanner img,
#ctrightbanner img{
	max-width: 100%;
}	

/******* Subbanner *******/
#ctsubbanner {
    float: right;
	margin:35px 0 80px;
}
#ctsubbanner ul{margin:0;}
#ctsubbanner li a{
   display: block;
}
@media (max-width: 1230px) {
	
	#ctsubbanner img{width:100%;height:auto;}
	.sub_cms{width:31%;}
	.sub_cms.sec{margin:0 3%;padding:0 3%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
	.ctcategorylist .customNavigation a.prev { left: -10px;}
	.ctcategorylist .customNavigation a.next { right: -10px;}
	}
	
@media (max-width: 1229px) {
	.lastest_block .customNavigation { top: 15%;}
}

@media (max-width: 768px) {
	.sub_cms{width:31%;float:none;display:inline-block;vertical-align:top;}
	.sub_cms.sec{margin:0 2%;padding:0 2%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
	.sub_cms_left{width:100%;text-align:center;}
	.sub_cms_img{float:none;display:inline-block;}
	.cms_cont{padding:10px 0;text-align:center;}
}
/*@media (min-width: 992px) {
	#ctsubbanner {
	width:25%;
	margin-left:3%;
	}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:9%;}
	.sub_cms{width:31%;}
	.sub_cms.sec{margin:0 3%;padding:0 3%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
}
@media (min-width: 768px) {
	#ctsubbanner {
	width:25%;
	margin-left:3%;
	}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:9%;}
	.sub_cms{width:31%;}
	.sub_cms.sec{margin:0 3%;padding:0 3%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
}
@media (min-width: 480px) {
	#ctsubbanner {
	width:25%;
	margin-left:3%;
	}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:9%;}
	.sub_cms{width:31%;float:none;display:inline-block;vertical-align:top;}
	.sub_cms.sec{margin:0 2%;padding:0 2%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
	.sub_cms_left{width:100%;text-align:center;}
	.sub_cms_img{float:none;display:inline-block;}
	.cms_cont{padding:10px 0;text-align:center;}
} */

@media (max-width: 543px) {
	.customNavigation{top: 25%;}
	.lastest_block .customNavigation { top: 25% !important;}
	.brands .customNavigation a.prev { left: -10px;}
	.brands .customNavigation a.next { right: -10px;}
	.ctcategorylist .customNavigation { top: 37%;}
}

@media (max-width: 479px) {
	#ctsubbanner {
	text-align:center;
	margin-top:25px;
	margin-left:0;
	width:auto;
	}
	#ctsubbanner li{display:inline-block;}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:25px;;}
	.sub_cms{width:100%;float:none;display:inline-block;vertical-align:top;}
	.sub_cms.sec{margin:0 2%;padding:0 2%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
	.sub_cms_left{width:100%;text-align:center;}
	.sub_cms_img{float:none;display:inline-block;}
	.cms_cont{padding:10px 0;text-align:center;}
	.sub_cms_left {
    text-align: left;
    width: auto;
}
.sub_cms_img {
    display: inline-block;
    float: left;
}
.cms_cont {
    padding: 10px 0 10px 55px;
    text-align: left;
}
.sub_cms.sec {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
	border-left: none;
    border-right: none;
	margin:2% 0;
	padding:2% 0;
}
	.customNavigation{top: 30%;}
	.customNavigation a.prev { left: 0 !important;}
	.customNavigation a.next { right: 0 !important;}
}



@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

.footer-bottom::after {
    content: url(https://mariposasmoda.com/img/SINBANDERA-KITDIGITAL-BLANCO-1200.png) !important;
    max-width: 1200px !important;
    margin: auto !important;
    object-fit: contain;
    width: 50% !important;
    display: flex
;
}



/*ajustes para subsanacion, luego borrar*/

a,
.link,
.product-title a {
  color: #0a3a7a; /* más oscuro */
  text-decoration-thickness: .08em;
}

.btn-primary,
.button[type=submit],
.btn-outline-primary:hover {
  background:#0053a0;   /* más oscuro */
  border-color:#004b90;
  color:#fff;
}


/* Estados de foco visibles */
a:focus,
button:focus,
.btn:focus {
  outline: 2px solid #0a84ff;
  outline-offset: 2px;
}

/* Badges/chips */
.badge,
.label {
  background:#333;
  color:#fff;
}

.product-title a {
    color: #000;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    line-height: 24px;
    font-weight: 300;
}


 .footer .links a, .block-contact .data {
    color: #fff !important;
}