/* actualizacion de layout general */

.swatches-div-out.inited{
	display:block;
	position:relative;
	padding-top:3px;
}

.swatches-div-out.inited .swatches-div{
	display:none;
}


.swatches-div-out.inited .swatches-div.visible{
	display:block;
}

.swatches-div-out.inited .swatches-div.visible .swatches-div-overlay{
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	height:100vh;
	z-index:20;
	 clip-path: circle(100px at center);
}

.swatches-legend{
	z-index: 1;
	cursor:pointer;
}


.swatches-div-out.inited .swatches-div.visible .swatches-div-in{
	position:relative;
	position:absolute;
	bottom: 0%;
	bottom: -12px;
	/*bottom: 24px;*/
	left:100%;
	width:400px;
	width: 141%;

	-webkit-box-shadow: 0px 0px 9px 5px rgba(194,194,194,1);
	-moz-box-shadow: 0px 0px 9px 5px rgba(194,194,194,1);
	box-shadow: 0px 0px 9px 5px rgba(194,194,194,1);

	border-radius: 2px;
	padding:15px 5px 5px 5px;
	box-sizing:border-box;
	z-index: 2;
	background:#fff;
}

.featuredBox .swatches-div-out.inited .swatches-div.visible .swatches-div-in{
	bottom: -12px;
}

.swatches-div-out.inited .swatches-div.visible .swatches-div-in-bg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#fff;
}

.swatches-div-out.inited .swatches-div.visible .swatches-div-in-tab{
	background:#fff;
	position: relative;
}

.swatches-div-out.inited .swatches-div.visible .swatches-div-in.izquierda{
	left:auto;
	right:100%;


/*	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.55);

	-moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.55);

	box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.55);*/

}


.swatches-div-out.inited .swatches-div.visible .swatches-div-in:before {
    background-color: #Fff;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    bottom: 11px;
    transform: rotate( 29deg ) skew( -35deg );
    -moz-transform: rotate( 29deg ) skew( -35deg );
    -ms-transform: rotate( 29deg ) skew( -35deg );
    -o-transform: rotate( 29deg ) skew( -35deg );
    -webkit-transform: rotate( 29deg ) skew( -35deg );
    width: 20px;

	-webkit-box-shadow: 0px 0px 9px 5px rgba(194,194,194,1);
	-moz-box-shadow: 0px 0px 9px 5px rgba(194,194,194,1);
	box-shadow: 0px 0px 9px 5px rgba(194,194,194,1);
    left: -9px;
}

.swatches-div-out.inited .swatches-div.visible .swatches-div-in.izquierda:before {
    left: auto;
    right: -9px;
 /*   -webkit-box-shadow: 2px -2px 2px 0 rgba( 50, 50, 50, .55 );
    -moz-box-shadow: 2px -2px 2px 0 rgba( 50, 50, 50, .55 );
	box-shadow: 2px -2px 2px 0 rgba( 50, 50, 50, .55 );*/
}


.myswatch-link-cont-image{
	max-width:75px;
	/*padding-top: 100%;*/
	min-height:0 !important;
	margin-left: auto;
	margin-right: auto;
}

.swatches-div-out.inited .swatches-div.visible .myswatch-link-cont-image-img{
	max-width:100%;
/*	position:absolute;
	top:0px;
	left:0px;*/
}

.myswatch-link {
    background: #fff;
}

.swatches-div-out.inited .swatches-div.visible .myswatch-li {
    width: 20%;
    margin: 0px;
	border-bottom:3px solid #fff;
}

.swatches-div-out.inited .swatches-div.visible .myswatch-li.active{
    border-bottom:3px solid #005500;
}




.swatches-div-out.inited .swatches-div.visible .swatches-div-in-in{
	overflow:hidden;
	display:table;
	width: 100%;
	/*display:block;*/
}

.swatches-div-out.inited .swatches-div.visible .myswatch.configurable-swatch-list.configurable-swatch-color{
	display:none;
}

.swatches-div-out.inited .swatches-div.visible .myswatch.configurable-swatch-list.configurable-swatch-color.visible{
	display:table-cell;
	vertical-align:middle;
	/*display:block;*/
}


.swatches-div-in-row.swatches-separator .swatches-div-in-cell{
	padding:10px;
	box-sizing:border-box;
}

.swatches-separatorIn{
	width:100%;
	height:1px;
	border-top:1px dotted #e1dede;
}


.animeEnterLeft{
	-moz-animation: animeEnterLeft 0.5s ease-out;
	-webkit-animation: animeEnterLeft 0.5s ease-out;
	animation: animeEnterLeft 0.5s ease-out;
}
.animeEnterRight{
	-moz-animation: animeEnterRight 0.5s ease-out;
	-webkit-animation: animeEnterRight 0.5s ease-out;
	animation: animeEnterRight 0.5s ease-out;
}


.animeExitLeft{
	-moz-animation: animeExitLeft 0.5s normal ease-out;
	-webkit-animation: animeExitLeft 0.5s normal ease-out;
	animation: animeExitLeft 0.5s normal ease-out;
}
.animeExitRight{
	-moz-animation: animeExitRight 0.5s normal ease-out;
	-webkit-animation: animeExitRight 0.5s normal ease-out;
	animation: animeExitRight 0.5s normal ease-out;
}


@-webkit-keyframes animeEnterRight {
	from {
		transform: translate(1000px);
	}

	to {
		transform: translate(0px);
	}
}

@keyframes animeEnterRight {
	from {
		transform: translate(1000px);
	}

	to {
		transform: translate(0px);
	}
}

@-webkit-keyframes animeEnterLeft {
	from {
		transform: translate(-1000px);
	}

	to {
		transform: translate(0px);
	}
}

@keyframes animeEnterLeft {
	from {
		transform: translate(-1000px);
	}

	to {
		transform: translate(0px);
	}
}


@-webkit-keyframes animeExitLeft {
	from {
		transform: translate(0px);
	}

	to {
		transform: translate(-1000px);
		display:none;
	}
}

@keyframes animeExitLeft {
	from {
		transform: translate(0px);
	}

	to {
		transform: translate(-1000px);
		display:none;
	}
}

@-webkit-keyframes animeExitRight {
	from {
		transform: translate(0px);
	}

	to {
		transform: translate(1000px);
		display:none;
	}
}

@keyframes animeExitRight {
	from {
		transform: translate(0px);
	}

	to {
		transform: translate(1000px);
		display:none;
	}
}





.swatchPageButton{
     width: 0px; 
     height: 0px; 
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent; 
	 display: inline-block;
	 cursor:pointer;
}


.swatchPageButton.prev{
     border-right: 10px solid #005500;
	 margin-right:5px;
}

.swatchPageButton.next{
     border-left: 10px solid #005500;
	 margin-left:5px;
}

.swatchPageButton.inactiva.prev{
	border-right-color:#8aa58a;
	cursor:initial;
}

.swatchPageButton.inactiva.next{
	border-left-color:#8aa58a;
	cursor:initial;
}

.botonComprar{
	cursor:pointer;
	color:#000;
	text-decoration:underline;
	font-weight:600;
	padding-top:12px;
	padding-bottom: 18px;
	padding-left:5px;
	padding-right:5px;
}

.swatches-div-in-row.clon-image img{
	max-width:100%;
	height:auto;
}

.swatches-div-close{
	position:absolute;
	top:0px;
	right:0px;
	width:35px;
	height:35px;

	top:0px;
	right:0px;
	width:15px;
	height:15px;

	cursor:pointer;
	/*background: transparent url("../../images/swatchClose.png") no-repeat center center;*/
	background: url("../../images/lookbook/overlaylbclose.svg") no-repeat center center;
	background-size:10px 10px;
}

.tallasDisponibles{
	padding-top: 12px;
	padding-left:5px;
	padding-right:5px;
}

.swatchPageSelector{
	text-align:right;
}

.swatches-div-in-row.swatches .swatches-div-in-cell{
	padding-left: 15px;
	padding-right: 15px;
	box-sizing:border-box;
}


@media screen and (min-width:661px) and (max-width:960px){

	.swatches-div-out.inited .swatches-div.visible .swatches-div-in{
		width: 115%;
	}

	.cms-home .swatches-div-out.inited .swatches-div.visible .swatches-div-in{
		width: 130%;
	}

}

.swatches-div-in-row.clon-name,
.swatches-div-in-row.clon-image{
	display:none;
}

.swatches-div-in-row.lookbook{
	position: relative;
	width: 100%;
}

.lookbookOnlistItem{
	height:100px;
}

.lookbookOnlistItemempty{
	background:#fff;
}

.lookbookOnlistItememptyIn{
	height:25px;
}

.swaches-gal-inproduct{
	background:#f5f5f5;
	padding:8px 5px;

}

.swaches-gal-inproduct .swatches-div-in-cell{
/*	background:#f5f5f5;
	padding:10px 5px;*/
}

.lookbookOnlistItem-item-a{
	display:inline-block;
	box-sizing:border-box;
    padding: 0px 2px;
}
/*.swatches-div-close{
	display:none;
}
*/
.swatches-div-in-row.clon-name{
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
	font-size: 120%;
	color: #050;
}

.pNameInSwatchLisk{
	display: inline-block;
	padding-bottom: 10px;
}

.labelBotComprarLabBtn{
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
	background: #118336;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	padding: 8px 20px;
/*	margin-left: auto;
	margin-right: auto;	*/
	cursor:pointer;
}


.swatches-div-in-tab .btn.prevPage,
.swatches-div-in-tab .btn.nextPage{
    display: block;
    padding: 10px;
    width: 23px;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: -10px;
    /*background: transparent url("../../images/lbFlLeft.png") no-repeat center left;*/
	background: transparent url("../../images/lookbook/overlaylbprev.svg") no-repeat center left 6px;
	background-size:6px 10px;
    cursor: pointer;
}

.swatches-div-in-tab .btn.nextPage {
    left: auto;
    right: -10px;
    /*background: transparent url("../../images/lbFlRight.png") no-repeat center right;*/
	background: transparent url("../../images/lookbook/overlaylbnext.svg") no-repeat center right 6px;
	background-size:6px 10px;
}


.swatches-div-in-tab .btn.prevPage.oculto,
.swatches-div-in-tab .btn.nextPage.oculto{
	display:none;
}

@media screen and (max-width:660px){
	.swatches-div-close{
		top:0px;
		right:0px;
		width:35px;
		height:35px;
		background-size:15px 15px;
	}

	.swatches-div-out.inited .swatches-div.visible .swatches-div-in{
		width: 100%;
		height:100%;
		position:fixed;
		top:0%;
		left:0%;
		right:auto;
		bottom:auto;
		
		z-index:100000000009;

		/*-webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.55);

		-moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.55);

		box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.55);*/

		 
	}


	.swatches-div-out.inited .swatches-div.visible .swatches-div-in:before,
	.swatches-div-out.inited .swatches-div.visible .swatches-div-in.izquierda:before{
		content: "";
		display: none;
	}




	.swatches-div-in-tab{
		/*display:table;*/
		height:100%;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.swatches-div-in-row{
		flex-grow: 1;
		/*display:table-row;
		width:100%;*/
	}

	.swatches-div-in-cell{
		/*display:table-cell;
		width:100%;*/
		width:100%;
		/*height:100%;*/
		position:relative;
	}

	.swatches-div-in-row.swatches-separator,
	.swatches-div-in-row.clon-name,
	.swatches-div-in-row.swatches,
	.swatches-div-in-row.tallas,
	.swatches-div-in-row.comprar,
	.swatches-div-in-row.lookbook{
		flex-grow: 0;
	}

	.swatches-div-in-row.clon-name,
	.swatches-div-in-row.clon-image{
		display:block;
		position:relative;
	}

	.swatches-div-in-row.clon-image .swatches-div-in-cell{
		position:absolute;
		top:0px;
		left:0px;
		width: 100%;
		height: 100%;
	}


	.swatches-div-in-row.clon-image img {
		/*width: auto;
		height: 100%;*/
		object-fit:contain;
		width: 100%;
		height: 100%;
		max-width: 300px;
	}

	.swatches-div-out.inited .swatches-div.visible .swatches-div-in{
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
		padding-top:0px;
		background: #f5f5f5;
	}

	.swatches-div-out.inited .swatches-div.visible .swatches-div-in-bg{
		background: #f5f5f5;
	}

	.swatches-div-out.inited .swatches-div.visible .swatches-div-in-tab{
		background: transparent;
	}

	.swatches-div-in-row.swatches,
	.swatches-div-in-row.swatches .swatches-div-in-cell,
	.swatches-div-in-row.clon-image .swatches-div-in-cell{
		background:#fff;
	}



	.swatches-div-in-row.clon-name{
		padding-left:12px;
		padding-right:12px;
		padding-top: 12px;
	}

	.lookbookOnlistItemempty,
	.swatches-div-in-row.lookbook,
	.swatches-div-in-row.comprar,
	.swatches-div-in-row.tallas,
	.swatches-div-in-row.swatches-separator{
		padding-left:12px;
		padding-right:12px;
		box-sizing: border-box;
	}

	.swatches-div-in-row.lookbook{
		padding-bottom:12px;
	}

	.lookbookOnlistItemempty{
		padding-bottom:12px;
		background: #f5f5f5;
	}

	.lookbookOnlistItememptyIn {
		height: 15px;
	}

	.lookbookOnlistItememptyIn,
	.swatches-div-in-row.comprar .swatches-div-in-cell,
	.swatches-div-in-row.tallas .swatches-div-in-cell,
	.swatches-div-in-row.clon-name .swatches-div-in-cell{
		background:#fff;
	}

	.swaches-gal-inproduct {
		background:#fff;
		/*padding: 8px 15px;*/
	}


	.swatches-div-in-row.swatches-separator .swatches-div-in-cell {
		background:#fff;
		padding: 5px 10px;
	}

	.pNameInSwatchLisk{
		/*padding-top:12px;
		padding-bottom: 5px;*/
	}

	.swatches-div-in-row.clon-name .swatches-div-in-cell {
		padding:10px 10px 3px;
		box-sizing: border-box;
	}


	.swatchPageSelector{
		background:#fff;
		padding-top:8px;
	}

	.swatches-div-in-row.swatches{
		/*background: #f5f5f5;*/
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
	}

	.swatches-div-in-row.swatches .swatches-div-in-cell{
		padding-left: 8px;
		padding-right: 8px;
		background:#fff;
		/*border: 1px dotted #e1dede;*/
	}

	.swatches-div-in-row.swatches-separator{
		/*display:none;*/
	}

	.botonComprar{
		padding-bottom: 12px;
	}

	.swatches-div-in-row.comprar,
	.swatches-div-in-tab .btn.prevPage, .swatches-div-in-tab .btn.nextPage {
		display:none;
	}

}



/* lookbook integrado */

.lookbookOnlistItem{
	width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.lookbookOnlistItem-item{
	position:relative;
	display:inline-block;
}

.lookbookOnlistItem-item-image{
	height:100px;
	width:auto;
}


.lookbookOnlistItem.centrado{
	margin-left:auto;
	margin-right:auto;
}

.lbInProductTit{
	font-size:130%;
	color:#050;
	font-family: "OptimaLTStdBold", "Helvetica Neue", Verdana, Arial, sans-serif;
	padding-bottom: 1.8%;
	padding-top: 5%;
	display:none;
}

.swaches-gal-inproduct{
	position:relative;
}