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

#saveOnDresses {
	position: relative;
	height: 190px;
	overflow: hidden;
	background-image: url("bkgrd.png");
	background-image: linear-gradient(top, rgba(255,255,255,0), rgb(252,229,175)), url("bkgrd.png");
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgb(252,229,175)), url("bkgrd.png");
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgb(252,229,175)), url("bkgrd.png");
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgb(252,229,175)), url("bkgrd.png");
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}
html[lang='ar'] #saveOnDresses, html[lang='he'] #saveOnDresses{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);			
}	
html[lang='ar'] .dj_ie8 #saveOnDresses, html[lang='he'] .dj_ie8 #saveOnDresses{
		filter: fliph();
}
#saveOnDresses-bkgrd {
	position: absolute;
	width: 100%;
	height: 100%;
}
#saveOnDresses-bkgrd > div {
	width: 100%;
	height: 100%;
	background-image: url("bkgrd.png");
	background-image: linear-gradient(top, rgba(255,255,255,0), rgb(252,229,175)), url("bkgrd.png");
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgb(252,229,175)), url("bkgrd.png");
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgb(252,229,175)), url("bkgrd.png");
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgb(252,229,175)), url("bkgrd.png");
}
#saveOnDresses-bkgrd-girl1 {
	display: none;
}
#saveOnDresses-container {
	position: relative;
	width: 40%;
	min-width: 320px;
	height: 100%;
	margin: 0 auto;
}
#saveOnDresses-text {
	position: relative;
	width: 132px;
	padding: 32px 14px 0 14px;
	margin: 0 auto;
	text-align: center;
}
html[lang='ar'] #saveOnDresses-text, html[lang='he'] #saveOnDresses-text{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);			
}	
html[lang='ar'] .dj_ie8 #saveOnDresses-text, html[lang='he'] .dj_ie8 #saveOnDresses-text{
		filter: fliph();
}
#saveOnDresses-text > h3 {
	margin: 0 0 6px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #a3a3a3;
	font: normal 36px sans-serif;
	line-height: 32px;
	color: #f35003;
	text-align: center;
}
#saveOnDresses-text > h3:first-line {
	font-size: 20px;
	line-height: 15px;
}
#saveOnDresses-text > p {
	font: 15px sans-serif;
	line-height: 16px;
	color: #484848;
}
html[lang='ar'] #saveOnDresses-text > p, html[lang='he'] #saveOnDresses-text > p{
	text-align: center;
}
#saveOnDresses-girl1 {
	position: absolute;
	right: -165px;
	top: -75px;
	width: 379px;
	height: 374px;
}
#saveOnDresses-girl1 > div {
	height: 100%;
	background-image: url("girl1.png");
	background-position: center;
	background-size: cover;
}
#saveOnDresses-girl1  > img{
	width:100%; 
	height:100%;
}
#saveOnDresses-girl2 {
	position: absolute;
	left: -146px;
	top: -60px;
	width: 302px;
	height: 367px;
}
#saveOnDresses-girl2 > div {
	height: 100%;
	background-image: url("girl2.png");
	background-position: center;
	background-size: cover;
}
#saveOnDresses-girl2  > img{
	width:100%; 
	height:100%;
}
#saveOnDresses-girl3 {
	display: none;
}
@media (max-width: 600px) {
	#saveOnDresses {
		background-image: none;
		border-radius: 0;
	}
	#saveOnDresses-bkgrd {
		display: none;
	}
	#saveOnDresses-bkgrd-girl1 {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#saveOnDresses-bkgrd-girl1 > div {
		width: 100%;
		height: 100%;
		background-image: url("bkgrd-girl1.jpg");
		background-position: center;
		background-size: cover;
	}
	#saveOnDresses-girl1 {
		display: none;
	}
	#saveOnDresses-girl2 {
		display: none;
	}
	#saveOnDresses-text {
		position: absolute;
	}
	html[lang='ar'] #saveOnDresses-text, html[lang='he'] #saveOnDresses-text{
		right: 45%;
	}
}
@media (min-width: 1281px) {
	#saveOnDresses {
		height: 330px;
	}
	#saveOnDresses-container {
		width: 30%;
		margin-left: 45%;
	}
	#saveOnDresses-girl1 {
		right: -273px;
		top: -93px;
		width: 497px;
		height: 490px;
	}
	#saveOnDresses-girl2 {
		left: -215px;
		top: -60px;
		width: 353px;
		height: 429px;
	}
	#saveOnDresses-girl3 {
		display: block;
		position: absolute;
		left: -523px;
		top: -121px;
		width: 433px;
		height: 537px;
	}
	#saveOnDresses-girl3 > div {
		height: 100%;
		background-image: url("girl3.png");
		background-position: center;
		background-size: cover;
	}
	#saveOnDresses-text {
		width: 190px;
		padding: 76px 0 0 0;
	}
	#saveOnDresses-text > h3 {
		font-size: 50px;
		line-height: 46px;
	}
	#saveOnDresses-text > h3:first-line {
		font-size: 26px;
		line-height: 16px;
	}
	#saveOnDresses-text > p {
		font-size: 19px;
		line-height: 18px;
	}
}