/* ===============================
   SUPER LANDING STYLES
=============================== */

/* All styles NOT in @media queries are for 320px. Everything else overrides them. */

.super-landing .page-body {
	background : #fffaf1; }

.super-landing .content { padding-bottom: 0; }

.super-landing .content .intro {
	height : auto; }

.super-landing .content .intro .breadcrumbs .breadcrumbs-inner {
	margin  : 0;
	padding : 5px 0 25px; }

.super-landing .content .intro:after {
	content     : ' ';
	display     : block;
	height      : 279px;
	margin-left : calc((100vw - 100%) / 2 * -1);
	margin-top  : -120px;
	width       : 100vw; }

.super-landing.face .content .intro:after {
	background      : linear-gradient(180deg, #fffaf1 37%, rgba(255, 255, 255, 0) 75.04%), url('../img/landing-pages/landing-page-face.png') no-repeat bottom center;
	background-size : 354px; }

.super-landing.breasts .content .intro:after {
	background      : linear-gradient(180deg, #fffaf1 37%, rgba(255, 255, 255, 0) 75.04%), url('../img/landing-pages/landing-page-breasts.png') no-repeat bottom center;
	background-size : 354px; }

.super-landing.body .content .intro:after {
	background      : linear-gradient(180deg, #fffaf1 37%, rgba(255, 255, 255, 0) 75.04%), url('../img/landing-pages/landing-page-body.png') no-repeat bottom center;
	background-size : 354px; }

.super-landing.men .content .intro:after {
	background      : linear-gradient(180deg, #fffaf1 37%, rgba(255, 255, 255, 0) 75.04%), url('../img/landing-pages/landing-page-men.png') no-repeat bottom center;
	background-size : 354px; }

.super-landing.medi-spa .content .intro:after {
	background      : linear-gradient(180deg, #fffaf1 37%, rgba(255, 255, 255, 0) 75.04%), url('../img/landing-pages/landing-page-medi-spa.png') no-repeat bottom center;
	background-size : 354px; }


.super-landing .content .intro h1 {
	border         : 0;
	font-size      : 11.5vw;
	letter-spacing : -0.01em;
	margin-bottom  : 1px;
	padding        : 0; }

.super-landing .content .intro > p {
	font-size   : 18px;
	line-height : 144%;
	margin      : 0 0 21px;
	max-width   : 545px; }

.super-landing .boxes-wrap {
	background  : #ffffff;
	border-top  : 1px solid #e1e1e1;
	margin-left : calc((100vw - 100%) / 2 * -1);
	width       : 100vw; }

.super-landing .boxes-wrap-inner {
	display         : flex;
	flex-wrap       : wrap;
	justify-content : center;
	margin          : 0 auto;
	max-width       : 460px;
	position        : relative;
	text-align      : left;
	top             : -15px;
	width           : 100%;
	padding : 15px 5px; }

.super-landing .boxes-wrap-inner .procedure-info {
	margin-bottom : 8px;
	margin-top    : 8px; }

/* Boxes */

.super-landing .boxes-wrap-inner .procedure-info {
	border         : 1px solid #e1e1e1;
	display        : inline-block;
	margin         : 10px;
	max-width      : 400px;
	padding        : 22px 20px 20px;
	text-align     : left;
	vertical-align : top;
	width          : 100%; }

.super-landing .procedure-info h2 {
	border-bottom        : 1px solid #e1e1e1;
	font-size            : 7.42856vw;
	line-height          : 120%;
	margin               : 0;
	padding-bottom       : 11px;
	text-decoration-line : underline; }

.super-landing .procedure-info h2 a {
	background    : url('../img/icons/right-arrow.svg') no-repeat top right;
	color         : #336db5;
	display       : block;
	padding-right : 24px; }

.super-landing .procedure-info p {
	line-height : 140%;
	margin      : 16px 0; }

.super-landing .procedure-info ul {
	padding : 0 0 0 15px; }

.super-landing .procedure-info ul li {
	font-size     : 16px;
	line-height   : 120%;
	margin-bottom : 15px; }

/* Gallery Widget */

.super-landing .boxes-wrap-inner .procedure-info.box-widget-16615 {
	background : #fffaf1;
	padding    : 23px 20px 20px;
	text-align : center; }

.super-landing .box-widget-16615 a {
	text-decoration : none; }

.super-landing .box-widget-16615 h5 {
	color       : #d7870b;
	font-size   : 36px;
	font-style  : italic;
	font-weight : normal;
	line-height : 120%;
	margin      : 0; }

.super-landing .box-widget-16615 img {
	border    : 1px solid #f0cf9c;
	display   : block;
	margin    : 16px auto 22px;
	max-width : 300px;
	width     : 100%; }

.super-landing .box-widget-16615 .link {
	background           : url('../img/icons/right-arrow.svg') no-repeat top right;
	color                : #336db5;
	display              : block;
	font-size            : 24px;
	font-style           : normal;
	font-weight          : normal;
	line-height          : 120%;
	margin               : 0 auto;
	text-align           : left;
	text-decoration-line : underline;
	width                : 193px; }

/*  ==============================
    Start Breakpoints
    ============================== */

@media (min-width : 350px) {

	.super-landing .procedure-info h2 {
		font-size : 26px; }

}

/* min-width:350px */

@media (min-width : 400px) {

	.super-landing .content .intro:after {
		margin-top : -100px; }

	.super-landing .content .intro h1 {
		font-size : 42px; }

	.super-landing.medi-spa .content .intro h1 {
		font-size : 45px; }

	.super-landing .boxes-wrap-inner {
		padding : 15px;
		top     : 0; }

	.super-landing .boxes-wrap-inner .procedure-info {
		margin: 15px; }

}

/* min-width:400px */

@media (min-width : 650px) {

	.super-landing .content .intro .breadcrumbs .breadcrumbs-inner {
		margin  : 0;
		padding : 21px 0; }

}

/* min-width:500px */

@media (min-width : 700px) {

	.super-landing .content .intro {
		width : calc(100vw - 30px); }

	.super-landing .content .intro h1 {
		font-size : 48px; }

	.super-landing .content .intro:after { display : none; }

	.super-landing.face .content .intro {
		background    : url('../img/landing-pages/landing-page-face.png') no-repeat top right;
		margin-bottom : -2px; }

	.super-landing.breasts .content .intro {
		background          : url('../img/landing-pages/landing-page-breasts.png') no-repeat;
		background-position : top right -50px;
		margin-bottom       : -2px; }

	.super-landing.body .content .intro {
		background          : url('../img/landing-pages/landing-page-body.png') no-repeat;
		background-position : top right -50px;
		margin-bottom       : -2px; }

	.super-landing.men .content .intro {
		background          : url('../img/landing-pages/landing-page-men.png') no-repeat;
		background-position : top right -50px;
		margin-bottom       : -2px;
		width               : calc(100vw - 30px); }

	.super-landing.medi-spa .content .intro {
		background          : url('../img/landing-pages/landing-page-medi-spa.png') no-repeat;
		background-position : top right -30px;
		margin-bottom       : -2px; }

	.super-landing .content .intro {
		height : 246px;
		margin : 0 0 -2px 0; }

	.super-landing .content .intro > p {
		min-width : 400px;
		width     : 60%; }

	.super-landing .boxes-wrap-inner {
		max-width : 680px; }

	.super-landing .boxes-wrap-inner:before {
		background    : #ffffff;
		border        : 1px solid #e1e1e1;
		border-bottom : 0;
		content       : ' ';
		height        : 30px;
		left          : 0;
		margin        : -45px auto 0;
		position      : absolute;
		width         : 100%;}

	.super-landing .boxes-wrap-inner .procedure-info {
		margin-left  : auto;
		margin-right : auto;
		max-width    : 342px;
		min-width    : 300px;
		position     : relative;
		top          : -30px;
		width        : calc((100% - 95px) / 3); }

}

/* min-width:700px */

@media (min-width : 1050px) {

	.super-landing .page-wrap {
		padding-top : 138px; }

	.super-landing .content {
		max-width : 1015px;
		padding   : 0; }

	.super-landing.face .content .intro,
	.super-landing.breasts .content .intro,
	.super-landing.body .content .intro,
	.super-landing.men .content .intro,
	.super-landing.medi-spa .content .intro {
		background-position : top right;
		width               : 100%; }

	.super-landing .content .intro h1 {
		font-size : 4.7rem; }

	.super-landing .boxes-wrap-inner {
		max-width : 1145px;
		padding   : 0 15px;
		top       : -15px; }

	.super-landing .boxes-wrap-inner:before {
		left     : 2px;
		margin   : 0;
		position : absolute;
		top      : -14px;
		width    : calc(100% - 4px); }

	.super-landing .boxes-wrap-inner .procedure-info {
		margin : 13px 15px 15px;
		top    : 0; }

	.super-landing .procedure-info h2 {
		font-size : 28px; }

}

/* min-width:1050px */