/*
 *-----------------------------------------------------------------
  Licensed Materials - Property of HCL Technologies
 *
 * HCL Commerce
 *
  (C) Copyright HCL Technologies Limited 1996, 2020
 *
 *-----------------------------------------------------------------
 */

.clearFloat{
	clear: both;
}

	#albiniCollect {
		position:relative;
		margin-bottom: 10px;
		overflow:hidden;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	html[lang='ar'] #albiniCollect, html[lang='he'] #albiniCollect{
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);		
	}
	html[lang='ar'] .dj_ie8 #albiniCollect, html[lang='he'] .dj_ie8 #albiniCollect{
		filter: fliph();
	}
	html[lang='ar'] #albiniCollect .titleCont .title, html[lang='ar'] #albiniCollect .titleCont .title4, html[lang='ar'] #albiniCollect .titleCont a,
	html[lang='he'] #albiniCollect .titleCont .title, html[lang='he'] #albiniCollect .titleCont .title4, html[lang='he'] #albiniCollect .titleCont a{
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);	
	}
	html[lang='ar'] .dj_ie8 #albiniCollect .titleCont .title, html[lang='ar'] .dj_ie8 #albiniCollect .titleCont .title4, html[lang='ar'] .dj_ie8 #albiniCollect .titleCont a,
	html[lang='he'] .dj_ie8 #albiniCollect .titleCont .title, html[lang='he'] .dj_ie8 #albiniCollect .titleCont .title4, html[lang='he'] .dj_ie8 #albiniCollect .titleCont a{
		filter: fliph();
	}
	#alibiniCollect-bkgrd{
		display: none;
	}
	#albiniCollect .gradient {
        background-image: -webkit-gradient(
          linear, left bottom, left top, from(rgba(214, 235, 255, 1)),
          to(rgba(214, 235, 255, 0))
        );

        background: -moz-linear-gradient(white, #d6ebff);  

        background: linear-gradient(to bottom, rgba(214, 235, 255, 0),  rgba(214, 235, 255, 1));
	
        zoom: 1;

	    filter: progid:DXImageTransform.Microsoft.gradient(
	        gradientType=0, startColor=14085119, endColorStr=#ffd6ebff
	    );
	    -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	        gradientType=0, startColor=14085119, endColorStr=#ffd6ebff
	    );
	}

	#albiniCollect .multiImgCont2 {
		position: absolute;
		left: -33px;
		top: 0;
		width: 72%;
	}
	
	#albiniCollect #girl1 {
		position: absolute;
		height: 374px;
		right: -165px;
		top: -75px;
		z-index: 0;
	}
	
	#saveOnDresses-girl1 > div {
		height: 100%;
		background-image: url("girl3.png");
		background-position: center;
		background-size: cover;
	}

	#albiniCollect #girl2 {
		display: block;
		width:215px;
		position: absolute;
		height: 475px;
		left: -57px;
		top: 0px;
		z-index: 0;
	}
	#girl2 > div {
		height: 100%;
		background-image: url("girl1.png");
		background-position: center;
		background-size: cover;
	}
	
	#girl2 > img{
		width:100%; 
		height:100%;
	}

	#albiniCollect #girl3,
	#albiniCollect #bag2,
	#albiniCollect #belts {
		display:none;
	}

	#albiniCollect .multiImgCont {
		position: absolute;
		right: -33%;
		top: 0;
		width: 62%;
		max-width: 240px;
	}

	#albiniCollect #bag1 {
		width:122px;
		position: absolute;
		height: 232px;
		left: 19px;
		top: 60px;
	}
	#bag1 > div {
		height: 100%;
		background-image: url("bag1.png");
		background-size: contain;
	}
	
	#bag1 > img{
		width:100%; 
		height:100%; 
	}

	#albiniCollect #heels {
		width:153px;
		position: absolute;
		height: 155px;
		right: 40px;
		top: 131px;
	}
	#heels > div {
		height: 100%;
		background-image: url("heels.png");
		background-size: contain;
	}
	
	#heels > img{
		width:100%; 
		height:100%;
	}
	
	#albiniCollect .espotCont {
		width:50%;
		margin:0 auto;
		position:relative;
		min-width:320px;
	}

	#albiniCollect .titleCont {
		position: relative;
		width: 171px;
		min-height: 210px;
		padding-top: 38px;
		padding-bottom: 38px;
		margin: 0 auto;
		z-index: 1;
	}

	#albiniCollect .title {
		font-family: arial, Helvetica, sans-serif;
		font-size: 38px;
		line-height: 35px;
		color: #2166cd;
		border-bottom: 1px solid #b1b1b1;
		padding-bottom: 4px;
		text-align: center;
	}

	#albiniCollect .title2 {
		font-family: arial, Helvetica, sans-serif;
		font-size: 19px;
		line-height: 31px;
		color: #7a7a7a;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2px;
		margin: 0 auto;
		padding-bottom: 12px;
		width: auto;
		text-transform: uppercase;
	}

	#albiniCollect .title3 {
		font-family: arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 24px;
		color: #3b3b3b;
		text-align: center;
		width: 125px;
		margin: 0 auto;
	}

		#albiniCollect .title3 .link {
			color: #0a4caf;
			font-weight: bold;
			font-size: 12px;
			line-height: 29px;
			text-transform: uppercase;
			text-align: left;
		}

			#albiniCollect .title3 .link  img {
				width:300px !important;
				margin-left: -200px;
				margin-top: -41px;
			}

	#albiniCollect .title4 {
		font-size: 17px;
		line-height: 20px;
		font-weight: bold;
		color: #424d56;
		text-align: center;
		margin-top: 6px;
		margin-bottom: 18px;
	}

	.container.wide {
		height:330px !important;
		margin-left:10px;
	}

	#albiniCollect.container.wide .espotCont {
		max-width: 420px;
	}

	#albiniCollect.container.wide #girl2 {
		position: absolute;
		height: 564px;
		left: -117px;
		top: -1px;
		z-index: 0;
	}

	#albiniCollect.container.wide .titleCont {
		position: relative;
		width: 211px;
		height: 200px;
		padding-top: 50px;
		margin: 0 auto;
		z-index: 1;
	}

	#albiniCollect.container.wide .title {
		font-size: 46px;
		line-height: 42px;
		text-align: center;
		padding-bottom: 6px;
	}

	#albiniCollect.container.wide .title2 {
		font-size: 20px;
		line-height: 33px;
		letter-spacing: 2px;
		margin-bottom: 8px;
		padding-bottom: 6px;
		width: inherit;
	}

	#albiniCollect.container.wide .title3{
		font-family: arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 31px;
		width:122px;
	}

		#albiniCollect.container.wide .title3 .link {
			font-size: 13px;
		}

	.title3 > .link > a:after{
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		margin-top: -5px;
		border-width: 5px 0 5px 5px;
		border-style: solid;
		border-color: transparent transparent transparent blue;
		right:-2px;
		top: 50%;
	}

	html[lang='ar'] .title3 > .link > a:after, html[lang='he'] .title3 > .link > a:after{
		display: none;
    }
    
	html[lang='ar'] .title3 > .link > a:before, html[lang='he'] .title3 > .link > a:before{
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		margin-top: -5px;
		border-width: 5px 5px 5px 0;
		border-style: solid;
		border-color: transparent blue transparent transparent;
		left:-2px;
		top: 50%;
	}
	
	.title3 > .link > a{
		display: block;
		position: relative;
		padding-right: 5px;
		
	}

	#albiniCollect.container.wide .title4 {
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 21px;
	}

	#albiniCollect.container.wide .multiImgCont {
		right: -39%;
	}

	#albiniCollect.container.wide #bag1 {
		position: absolute;
		height: 289px;
		left: 24px;
		top: 60px;
	}

	#albiniCollect.container.wide #heels {
		position: absolute;
		height: 194px;
		right: -29px;
		top: 148px;
	}
	
	.category_recommendation > ul > li {
		width: 33.3333%;
	}
	.catPos_catalog {
		width: 25% !important;
	}
	.productContainer {
		width: 99%;
	}

@media screen and (min-width: 1661px) {
	.category_recommendation > ul > li {
		width: 12.5%;
	}
	.catPos_catalog {
		width: 16.6666% !important;
	}
	.productContainer {
		width: 97%;
	}
}

@media screen and (min-width: 1281px) and (max-width: 1660px) {
	.category_recommendation > ul > li {
			width: 25%;
	}
	
	.productContainer {
		width: 98%;
	}
}


/*@RBP-C 1281px+*/
@media screen and (min-width: 1281px) {
		
		#albiniCollect.container.wide {
			margin-left:20px;
		}

		#albiniCollect .multiImgCont2,
		#albiniCollect.container.wide .multiImgCont2 {
			position: absolute;
			left: -7%;
			top: 0;
			width: 72%;
			max-width:264px;
		}

		#albiniCollect #girl2,
		#albiniCollect.container.wide #girl2 {
			height: 437px;
			width: 198px;
			left:auto;
			right: 131px;
			top: 52px;
			z-index: 0;
		}

		#albiniCollect #girl3,
		#albiniCollect.container.wide #girl3 {
			display: block;
			position: absolute;
			width: 282px;
			height: 502px;
			left: -310px;
			top: 2px;
			z-index: 1;
		}
		#girl3  > div{
			height: 100%;
			background-image: url("girl2.png");
			background-position: center;
			background-size: cover;
		}

		#albiniCollect .multiImgCont,
		#albiniCollect.container.wide .multiImgCont {
			position: absolute;
			//right: -85%;
			left: 84%;
			top: 0;
			width: 100%;
			max-width: 386px;
		}

		html[lang="ar"] #albiniCollect .multiImgCont, html[lang="he"] #albiniCollect .multiImgCont {
			right: auto;
		}
	
		#albiniCollect #bag1,
		#albiniCollect.container.wide #bag1 {
			height: 364px;
			left: 2px;
			top: 77px;
			z-index: 1;
			width: 192px;
		}

		#albiniCollect #bag2 {
			display: block;
			position: absolute;
			height: 222px;
			left: 122px;
			top: 191px;
			z-index: 0;
			width:219px;
		}
		#bag2 > div{
			height: 100%;
			background-image: url("bag2.png");
			background-size: contain;
		}
		

		#albiniCollect #belts {
			display:block;
			width: 111px;
			position: absolute;
			height: 117px;
			right: 203px;
			z-index: 2;
			top: 282px;
		}
		#belts> div{
			height: 100%;
			background-image: url("belts.png");
			background-size: contain;
		}

		#albiniCollect #heels,
		#albiniCollect.container.wide #heels {
			width:235px;
			display: block;
			position: absolute;
			height: 238px;
			right: -76px;
			top: 194px;
			z-index: 3;
		}

		#albiniCollect .espotCont,
		#albiniCollect.container.wide .espotCont {
			width: 30%;
			margin-left: 30%;
			position: relative;
			min-width: 320px;
		}

		#albiniCollect .titleCont,
		#albiniCollect.container.wide .titleCont {
			position: relative;
			width: 229px;
			min-height: 299px;
			padding-top: 85px;
		}

		#albiniCollect .title,
		#albiniCollect.container.wide .title {
			font-size: 50px;
			line-height: 46px;
			padding-bottom: 7px;
			border-bottom: 1px solid #b1b1b1;
		}

		#albiniCollect .title2,
		#albiniCollect.container.wide .title2 {
			font-weight: bold;
			font-size: 22px;
			line-height: 34px;
			color: #7a7a7a;
			margin-bottom: 0px;
			padding-bottom: 17px;
			width: 100%;
			letter-spacing: 3px;
		}

		#albiniCollect .title3,
		#albiniCollect.container.wide .title3 {
			font-size: 14px;
			line-height: 36px;
			text-transform: none;
			width: 134px;
		}

			#albiniCollect .title3 .link,
			#albiniCollect.container.wide .title3 .link {
				color: #0a4caf;
				font-weight: bold;
				font-size: 14px;
				line-height: 36px;
				text-transform: uppercase;
				text-align: left;
			}

				

		#albiniCollect .title4,
		#albiniCollect.container.wide .title4 {
			font-size: 21px;
			line-height: 21px;
			margin-top: 8px;
			margin-bottom: 27px;
		}
}

@media screen and (max-width: 1280px) {
	.widget_carousel_catalog .productContainer {
		width: 98%;
	}
	.productContainer {
		width: 98%;
	}
}

@media screen and (max-width: 952px) {
	.productContainer {
		width: 97%;
	}
	.widget_carousel_catalog .productContainer {
		width: 97%;
	}
	.catPos_catalog {
		width: 33.3333% !important;
	}
}

@media screen and (max-width: 770px) {
	.productContainer {
		width: 96%;
	}
}

/*@RBP-A 0-600px*/
@media screen and (max-width: 600px) {


	#albiniCollect-bkgrd {
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	#albiniCollect-bkgrd > div {
		width: 100%;
		height: 100%;
		background-image: url("bkgrd-girl.jpg");
		background-position: center;
		background-size: cover;
	}

	#albiniCollect {
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}


	#albiniCollect #girl2,
	#albiniCollect.container.wide #girl2 {
		position: absolute;
		height: 414px;
		left: -4px;
		top: 1px;
		z-index: 0;
	}

	#albiniCollect #girl1,
	#albiniCollect #girl2,
	#albiniCollect #girl3,	
	#albiniCollect.container.wide #girl1,
	#albiniCollect #bag1,
	#albiniCollect #bag2,
	#albiniCollect #belts,
	#albiniCollect #heels{
		display:none;
	}

	#albiniCollect .espotCont,
	#albiniCollect.container.wide .espotCont {
		width: 80%;
		margin: 0 auto;
		position: relative;
		min-width: 0px;
		max-width: 263px;
	}

	#albiniCollect.container.wide .titleCont,
	#albiniCollect .titleCont {
		width:135px;
		float: right;
		padding-top:18px;
	}

	#albiniCollect.container.wide .title,
	#albiniCollect .title {
		font-size: 29px;
		line-height: 27px;
		padding-bottom: 4px;
	}

	#albiniCollect.container.wide .title2,
	#albiniCollect .title2 {
		font-size: 13px;
		line-height: 23px;
		letter-spacing: 2px;
		padding-bottom: 6px;
		width:120px;
		color: #535353;
	}

	#albiniCollect.container.wide .title3,
	#albiniCollect .title3 {
		font-size: 12px;
		line-height: 21px;
		width: 102px;
	}

		#albiniCollect .title3 .link,
		#albiniCollect.container.wide .title3 .link {
			font-size: 11px;
			line-height: 24px;
		}

	#albiniCollect.container.wide .title4,
	#albiniCollect .title4 {
		font-size: 13px;
		line-height: 15px;
		color: #3e3e3e;
		margin-bottom: 8px;
	}
}

@media screen and (max-width: 520px) {
	.productContainer {
		width: 97%;
	}
}

@media screen and (max-width: 385px) {
	.productContainer {
		width: 97%;
	}
}

@media screen and (max-width: 325px) {
	.productContainer {
		width: 96%;
	}
}
	
}