@font-face {
  font-family: 'Lato-Regular';
  src: url('Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('Lato-Regular.woff') format('woff'), url('Lato-Regular.ttf')  format('truetype'), url('Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  url('Montserrat-Bold.woff') format('woff'), url('Montserrat-Bold.ttf')  format('truetype'), url('Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Medium';
  src: url('Montserrat-Medium.eot?#iefix') format('embedded-opentype'),  url('Montserrat-Medium.woff') format('woff'), url('Montserrat-Medium.ttf')  format('truetype'), url('Montserrat-Medium.svg#Montserrat-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('Montserrat-Regular.woff') format('woff'), url('Montserrat-Regular.ttf')  format('truetype'), url('Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	/* background: url('../images/bg.png') no-repeat center center fixed; */
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Montserrat-Regular';
}
html {
	height: auto; 
}
.container {
	width:100%;
}

.img-responsive {
	width:90%;
	height:auto;
}

.logo_container{
	height:60px;
	text-align: center;
}
.logo_container img{
	width: 119px;
    height: 28px;
    margin-top: 20px;
	/*margin-top:20px;*/
}

.logo_container_mobile{
	height:50px;
	text-align: center;
}
.logo_container_mobile img{
	width:117px;
	height:22px;
	margin-top:14px;
}

.main_container{
	width:100%;
	height:auto;
	text-align: center;
}

.brochure-name
{
	background-color:#7F28C4;
	border:1px solid #7F28C4;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	font-family:Montserrat-Regular;
	border-radius: 5px;
	min-height: 48px;
	text-transform: uppercase;
	padding: 15px;
}

/*loader*/
.lds-roller{display:inline-block;position:relative;width:64px;height:64px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#7F28C4;margin:-3px 0 0 -3px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:50px;left:50px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:54px;left:45px}.lds-roller div:nth-child(3){animation-delay:-108ms}.lds-roller div:nth-child(3):after{top:57px;left:39px}.lds-roller div:nth-child(4){animation-delay:-144ms}.lds-roller div:nth-child(4):after{top:58px;left:32px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:57px;left:25px}.lds-roller div:nth-child(6){animation-delay:-216ms}.lds-roller div:nth-child(6):after{top:54px;left:19px}.lds-roller div:nth-child(7){animation-delay:-252ms}.lds-roller div:nth-child(7):after{top:50px;left:14px}.lds-roller div:nth-child(8){animation-delay:-288ms}.lds-roller div:nth-child(8):after{top:45px;left:10px}@keyframes lds-roller{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/*sharing*/
#shareContainer {
	/* background-color:rgba(255, 255, 255, 0.8); */
	/* border:1px solid #eb1194; */
	/* border-radius:5px; */
}
#shareContainer img{
	position: relative;
	cursor: pointer;
	display: inline;
	padding: 5px;
	width:40px;
	height:40px;
}
#shareContainer_mobile img{
	width:40px;
	height:40px;
	margin: 5px;
}

.modal {
	overflow:auto;
}
.modal-backdrop {
	background-color: #fff;
}
.modal-dialog {
	width:100%;
	height:100%;
	margin:0 !important;
	position:absolute;
	top:0px;
}

.modal-alert-background {
	width:100%;
	height:100%;
	background-color: rgba(255, 255, 255, 0.8);
	pointer-events:none;
}
.modal-alert-content {
	position:fixed;
	left:calc(50% - 160px);
	top:calc(50% - 60px);
	width:320px;
	height:120px;
	margin:auto auto;
	background-color: rgb(255, 255, 255);
    border: 1px solid #7F28C4;
	border-radius: 6px;
	line-height: 120px;
	vertical-align: middle;
}
.modal-alert-content p {
	width:100%;
	height:auto;
	margin: 0;
	font-family:Montserrat-Regular;
	font-weight:normal;
	font-size:16px;
	color:#7F28C4;
	text-align:center;
}

#mailPopup {
	font-family:Montserrat-Regular;
	font-weight:normal;
	font-size:12px;
	padding:0px !important;
	background-color: #fff;
}
#mailContent {
	width: 80%;
	margin-left: 10%;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 20px;
}
#mailContent label{
	color:#545454;
}
#mailContent input{
}
#mailContent .modal-footer {
	text-align:center;
	border-top: 0;
}
#mailContentBtnSend {
	height:50px;
	line-height: 50px;
	vertical-align: middle;
	cursor:pointer;
	background-color: rgb(255, 255, 255);
    border: 1px solid #7F28C4;
	padding:0px !important;
	overflow:hidden;
}
#mailContentBtnSend p {
	width:100%;
	height:auto;
	margin: 0;
	font-size:16px;
	background-color:#7F28C4;
	color:#FFF;
}
#mailPopup .modal-close {
	cursor: pointer;
	width:20px;
	height:20px;
	color:#c6c6c6;
	font-size:16px;
	font-family:Montserrat-Bold;
	text-align:center;
	vertical-align:middle;
}
#mailPopup .modal-close p {
	margin:0;
}
@media screen and (max-width: 640px) {
	.avon-background {
		background-image: none !important;
	}
}
@media screen and (max-width: 640px) {
	#mailContent {
		width:100%;
		margin-left: 0;
		margin-top: 0px;
		top: 0px;
	}
	#mailContent textarea {
		height:50px;
	}
}
@media (min-width: 768px) and (min-height: 630px) {
	#mailContent {
		position: absolute;
		height:630px;
		top: calc(50% - 315px);
	}
}
@media screen and (max-width: 1000px) {
	#container2_wrapper {
		width:370px !important;
		left: calc(50% - 215px) !important;;
	}
	#container2_img {
		left:0px !important;
	}
	#container3_img {
		left:230px !important;
	}
	#container4_img {
		left:0px !important;
	}
	#container5_img {
		left:230px !important;
	}
}
@media screen and (max-height: 700px) {
	#container2_wrapper {
		transform: scale(0.9);
	}
}
@media screen and (max-height: 650px) {
	#container2_wrapper {
		transform: scale(0.8);
	}
}
@media screen and (max-height: 560px) {
	#container2_wrapper {
		transform: scale(0.65);
	}
}
@media screen and (max-width: 1000px) {
	#container2_wrapper {
		transform: scale(0.9);
	}
}
@media screen and (max-width: 900px) {
	#container2_wrapper {
		transform: scale(0.65);
	}
}

/*anims*/
.blur_over:hover {
    -webkit-filter: blur(1px);
    filter: blur(1px);
    -webkit-transition: .3s;
    transition: .3s;
}

.scale_over:hover {
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.scale_over:hover .title {
	-ms-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.anim-core {
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
/* 
@media screen and (max-height: 750px) {
	#container1_img, #container2_img, #container1_active_left_img_bg, #container1_active_right_img_bg, #container2_active_left_img_bg, #container2_active_right_img_bg {
		background-size:contain !important;
	}
}
@media screen and (max-width: 1280px) {
	#container1_img,#container2_img,#container1_active_left_img_bg,#container1_active_right_img_bg, #container2_active_left_img_bg, #container2_active_right_img_bg {
		background-size:contain !important;
	}
}
 */
/* @media screen and (max-width: 640px) {
	#container2 {
		margin-top:60px !important;
	}
}
@media screen and (width: 768px) {
	#container1_title, #container2_title {
		margin-top:140px !important;
	}
	#container1_btn, #container2_btn {
		margin-bottom:140px !important;
	}
}
@media screen and (width: 1024px) {
	#container1_title, #container2_title {
		margin-top:30px !important;
	}
	#container1_btn, #container2_btn {
		margin-bottom:60px !important;
	}
} */