.beauty-faq h1, .beauty-faq h2 {
    font-family:ClarinsRegular;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:center;
	padding-bottom:30px;
}
.beauty-faq h2 {font-size:35px; line-height:45px}
.beauty-faq h1, .beauty-faq-listing h2 {font-size:50px; line-height:60px}

.beauty-faq-list {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-bottom:60px;
}

.beauty-faq-list li {
	display:block;
	margin:0;
	padding:0;
	border-bottom:#ececec solid 4px;
}

.beauty-faq-list li h3 {
	display:block;
	margin:0;
	padding:0;
	font-size:16px;
	font-family: "Gotham SSm Book A", "Gotham SSm Book B", Helvetica, Arial, sans-serif!important;
	line-height:25px;
	padding:20px;
	font-weight:normal;
	cursor:pointer;
}

.beauty-faq-list li h3 .red {
	width:20px;
	color:#be0f34;
	display:inline-block;
}

.beauty-faq .faq-content {
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.beauty-faq .faq-content p {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin: 0;
    padding: 0;
    padding-bottom: 1em;
}
.beauty-faq .faq-content a {text-decoration: underline}
.beauty-faq .faq-content a:hover {color: #be0f34}
body .beauty-faq .faq-content strong {font-family: 'Gotham SSm Bold A', 'Gotham SSm Bold B', Helvetica, Arial, sans-serif; font-weight: bold}
.beauty-faq .faq-content .alignLeft {float: left; margin: 0 20px 20px 0}
.beauty-faq .faq-content .alignRight {float: right; margin: 0 0 20px 20px}

.faq-prev-next {width: 100%; padding: 20px 5px 30px 5px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; list-style: none}
.faq-prev-next li, .faq-return-listing {display: inline-block; position: relative; font-size: 10px; text-transform: uppercase}
body .faq-return-listing {padding: 30px 0 0 5px; border: none}
body .beauty-faq .faq-prev-next li a, .faq-return-listing a {text-decoration: none}
.faq-prev-next li a:hover, .faq-return-listing a:hover {color: #be0f34}
li.faq-prev {float: left}
li.faq-next {float: right}

@media screen and (max-width: 761px) {
	.beauty-faq h2 {font-size:25px; line-height:25px}
	.beauty-faq h1, .beauty-faq-listing h2 {font-size:40px; line-height:40px}
	
	.beauty-faq .faq-content .alignLeft, .beauty-faq .faq-content .alignRight, .beauty-faq .faq-content img {display: block; float: none; margin: 10px auto 20px}
}

@media (min-width: 762px) and (max-width: 768px) {
	iframe {
		width: 510px !important;
	}
}
@media screen and (max-width: 761px) {
	iframe {
		width: 280px;
    height: 180px;
	}
}