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

.home .content { margin : 42px auto; }

.home .content h1 {
	border-bottom  : 0;
	color          : #336db5;
	font-size      : 24px;
	line-height    : 120%;
	margin-bottom  : 18px;
	padding-bottom : 0; }

/* Featured Intro */

.home-intro {
	background-color : #e0e1e3;
	position         : relative; }

.home-intro:after {
    background          : url('../img/home-model-mobile.jpg') no-repeat center bottom;
    background-size     : 115%;
	content             : ' ';
	display             : block;
	height              : calc((100vw * 680) / 999);
	margin-top          : -5px;
	width               : 100%; }

.home-intro .home-intro-inner {
	margin     : 0 auto;
	max-width  : 1360px;
	position   : relative;
	text-align : center;
	z-index    : 1; }

.home-intro .intro-content {
	background : rgba(255, 255, 255, 0.92);
	display    : inline-block;
	margin     : 15px 8px 0;
	max-width  : 873px;
	padding    : 15px 8px 18px;
	width      : calc(100% - 16px); }

.home-intro .intro-content h5 {
	color          : #d99223;
	font-size      : 12vw;
	font-style     : normal;
	font-weight    : normal;
	letter-spacing : -0.01em;
	line-height    : 110%;
	margin         : 0 auto 3px;
	max-width      : 350px;
	text-align     : center; }

.home-intro .reviews {
	color          : #336db5;
	font-family    : 'ProximaNovaMedium', Arial, sans-serif;
	font-size      : 14px;
	font-style     : normal;
	font-weight    : 500;
	letter-spacing : 0.05em;
	line-height    : 150%;
	margin         : 0 0 24px;
	text-align     : center;
	text-transform : uppercase; }

.home-intro .ratings img {
	display : block;
	margin  : 0 auto; }

.home-intro .intro-content h6 {
	color       : #d99223;
	font-size   : 7vw;
	font-style  : italic;
	font-weight : normal;
	line-height : 110%;
	margin      : 0 0 10px;
	text-align  : center; }

.home-intro .intro-content .desc {
	color       : #524a43;
	font-size   : 18px;
	font-style  : normal;
	font-weight : normal;
	line-height : 144%;
	margin      : 0 auto 15px;
	max-width   : 650px;
	text-align  : center; }

.home-intro .intro-content .landing-pages {
	margin     : 0 auto;
	max-width  : 280px;
	padding    : 0;
	text-align : center; }

.home-intro .landing-pages li {
	display    : inline-block;
	list-style : none;
	padding    : 0 10px; }

.home-intro .landing-pages li a {
	color           : #336db5;
	font-size       : 24px;
	font-style      : normal;
	font-weight     : normal;
	line-height     : 151%;
	text-decoration : none; }

.home-intro .landing-pages li a.on { text-decoration : underline; }

.home-intro .procedures-wrap .procedures {
	display : none; }

.home-intro .procedures-wrap .procedures.on {
	align-items : center;
	display     : block;
	margin      : 5px auto 0;
	max-width   : 570px;
	padding     : 0;
	text-align  : center; }

.home-intro .procedures li {
	display    : inline-block;
	list-style : none;
	margin     : 0;
	padding    : 0; }

.home-intro .procedures a {
	background      : #ffffff;
	border          : 1px solid #dadada;
	border-radius   : 20px;
	color           : #524a43;
	display         : inline-block;
	font-family     : 'ProximaNovaMedium', Arial, sans-serif;
	font-size       : 16px;
	line-height     : 1em;
	margin          : 10px;
	padding         : 7px 12px;
	text-decoration : none; }

.home-intro .procedures a:hover,
.home-intro .procedures li:last-of-type a {
	background : #524a43;
	border     : 1px solid #dadada;
	color      : #ffffff; }

.home-intro .procedures li:last-of-type a { padding : 7px 13px 7px 17px; }

/* HOMEPAGE New Technology */

.home .tech-bar {
	background      : linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%), #eddae2;
	border-bottom   : 1px solid #ffffff;
	border-top      : 1px solid #ffffff;
	box-shadow      : 0 0 3px 0 rgba(0, 0, 0, .2);
	color           : #000000;
	display         : block;
	line-height     : 0;
	margin          : 0 0 30px;
	padding         : 34px 25px 27px;
	text-align      : center;
	text-decoration : none;
	width           : 100vw;
	z-index         : 20; }

.home .tech-bar .inner {
	display   : block;
	margin    : 0 auto;
	max-width : 960px; }

.home .tech-bar .heading {
	color          : #831d48;
	font-size      : 7vw;
	font-style     : italic;
	font-weight    : normal;
	letter-spacing : 0.01em;
	line-height    : 100%;
	margin         : 0 auto 23px;
	max-width      : 350px;
	text-align     : center;
	text-shadow    : 0 1px 1px rgba(0, 0, 0, 0.25); }

.home .tech-bar .logos {
	margin    : 0 auto;
	max-width : 320px;
	padding   : 0; }

.home .tech-bar .logos li {
	display    : inline-block;
	list-style : none;
	text-align : left; }

.home .tech-bar .logos li:nth-of-type(1) {
	margin : 0 18px 9px -10px;
	width  : 119px; }

.home .tech-bar .logos li:nth-of-type(2) {
	margin-bottom : 9px;
	width         : 123px; }

.home .tech-bar .logos li:nth-of-type(3) {
	margin-right : 0;
	width        : 122px; }

.home .tech-bar .logos li:nth-of-type(4) { width : 147px; }

.home .tech-bar .logos li img { max-width : 100%; }

/* Preview Content */

.home .preview-content-wrap {
	margin    : 0 auto;
	max-width : 500px; }

.home .preview-content {
	height   : auto;
	margin   : calc((((100vw - 30px) * 418) / 690) + 15px) 15px 15px;
	position : relative;
	width    : calc(100% - 30px); }

.home .preview-content .preview-content-inner {
	border         : 1px solid #e1e1e1;
	border-top     : 0;
	display        : inline-block;
	padding        : 15px;
	text-align     : left;
	vertical-align : top;
	width          : 100%; }

.home .preview-content h5 {
	border-bottom  : 4px double #e1e1e1;
	color          : #d7870b;
	font-size      : 7.8vw;
	line-height    : 120%;
	padding-bottom : 7px; }

.home .preview-content p {
	color       : #524a43;
	font-size   : 17px;
	line-height : 1.44em; }

.home .preview-content:before {
	background-position : top center;
	background-repeat   : no-repeat;
	background-size     : cover;
	content             : ' ';
	display             : inline-block;
	height              : calc(((100vw - 30px) * 418) / 690);
	position            : absolute;
	top                 : calc((((100vw - 30px) * 418) / 690) * -1);
	vertical-align      : top;
	width               : calc(100vw - 30px); }

.home .preview-gallery:before { background-image : url('../img/preview-gallery.png') }
.home .preview-safety-record:before { background-image : url('../img/preview-doctors.png') }
.home .preview-patient-care:before { background-image : url('../img/preview-patient-care.png') }

@media (min-width : 360px) {

	.home-intro .intro-content {
		margin  : 20px 15px 0;
		padding : 25px 13px 34px;
		width   : calc(100% - 30px); }

	.home-intro .intro-content .desc {
		font-size   : 19px;
		line-height : 150%; }

	.home-intro .intro-content h6 {
		font-size : 25px; }

	.home .preview-content p {
		font-size   : 18px;
		line-height : 150%; }

	.home .content h1 { font-size : 26px; }

}

/* (min-width:360px) */

@media (min-width : 376px) {

	.home .content h1 { font-size : 28px; }

	.home .tech-bar .logos li:nth-of-type(1) { margin : 0 38px 9px -10px; }

	.home .tech-bar .logos li:nth-of-type(3) { margin-right : 22px; }

	.home-intro .intro-content {
		margin : 34px 30px 0;
		width  : calc(100% - 60px); }

	.home-intro:after { margin-top : -32px; }

	.home-intro .intro-content h5 { font-size : 46px; }

	.home .preview-content {
		margin : calc((((100vw - 50px) * 418) / 690) + 25px) 25px 25px;
		width  : calc(100% - 50px); }

	.home .preview-content:before {
		height : calc(((100vw - 50px) * 418) / 690);
		top    : calc((((100vw - 50px) * 418) / 690) * -1);
		width  : calc(100vw - 50px); }

	.home .preview-content .preview-content-inner {
		padding : 25px; }

	.home .preview-content p {
		font-size : 19px; }

}

/* (min-width:376px) */

@media (min-width : 410px) {

	.home .preview-content h5 {
		font-size : 38px; }

}

/* (min-width:400px) */

@media (min-width : 415px) {

	.home .tech-bar .heading { font-size : 29px; }

	.home-intro:after {
		background-size : 100%;
		margin-top      : 0; }

}

/* (min-width:415px) */

@media (min-width : 500px) {

	.home-intro .ratings img {
		display : inline;
		margin  : 0 9px; }

	.home-intro:after {
		background-image : url('../img/home-model-desktop.jpg');
		background-size  : 90%;
		height           : calc((100vw * 545) / 999);
		margin-top       : 0; }

	.home-intro .intro-content .landing-pages { max-width : 100%; }

	.home .preview-content {
		margin-top : 300px; }

	.home .preview-content:before {
		content : ' ';
		height  : 100%;
		top     : -275px;
		width   : 100%; }

	.home .preview-content h5 {
		font-size : 42px; }

}

/* (min-width:500px) */

@media (min-width : 550px) {

	.home .content { margin : 55px auto; }

	.home .content h1 { font-size : 30px; }

	.home-intro .intro-content h5 { max-width : 100%; }

	.home .preview-content {
		margin-left : 0; }

	.home .preview-content.right {
		margin-left : 25px; }

}

/* (min-width:550px) */

@media (min-width : 625px) {

	.home .tech-bar .heading {
		margin    : 0 0 6px;
		max-width : 100%; }

	.home .tech-bar .logos { max-width : 100%; }

	.home .tech-bar .logos li:nth-of-type(n) { width : 20%; }
	.home .tech-bar .logos li:nth-of-type(2) { width : 20.5%; }
	.home .tech-bar .logos li:nth-of-type(4) { width : 21%; }

	.home-intro .intro-content {
		margin : 34px 34px 0;
		width  : calc(100% - 68px); }

	.home-intro .intro-content h5 { font-size : 54px; }

	.home-intro .intro-content h6 { font-size : 38px; }

	.home-intro .intro-content .desc { font-size : 24px; }

}

/* min-width:625px */

@media (min-width : 735px) {

	.home .tech-bar .heading { font-size : 3.958333vw; }

}

/* min-width:735px */

@media (min-width : 765px) {

	.home .content { margin : 80px auto 100px; }

	.home .content h1 { font-size : 32px; }

	.home .preview-content-wrap {
		max-width : 1460px; }

	.home .preview-content {
		height   : calc(50% * 418 / 690);
		margin   : 30px 20px 30px 30px;
		position : relative;
		width    : calc(100% - 50px); }

	.home .preview-content p {
		font-size : 18px; }

	.home .preview-content.right {
		margin     : 30px 30px 30px 20px;
		text-align : right; }

	.home .preview-content .preview-content-inner {
		border       : 1px solid #e1e1e1;
		border-right : 0;
		height       : 100%;
		padding      : 21px;
		width        : 50%; }

	.home .preview-content.right .preview-content-inner {
		border      : 1px solid #e1e1e1;
		border-left : 0; }

	.home .preview-content:before {
		height   : 100%;
		position : absolute;
		right    : 0;
		top      : 0;
		width    : 50%; }

	.home .preview-content.right:before {
		left  : 0;
		right : unset; }

	.home .preview-content h5 {
		font-size : 4.37956vw; }

}

/* min-width:765px */

@media (min-width : 850px) {

	.home .preview-content p {
		font-size : 19px; }

	.home .preview-content {
		margin : 30px 30px 30px 50px;
		width  : calc(100% - 80px); }

	.home .preview-content.right {
		margin : 30px 50px 30px 30px; }

}

/* min-width:850px */

@media (min-width : 960px) {

	.home .content h1 { font-size : 34px; }

	.home .tech-bar .heading { font-size : 38px; }

	.home .preview-content .preview-content-inner {
		padding : calc((((50% * 418) / 690) - 218px) / 2) 21px; }

	.home .preview-content h5 {
		font-size : 42px; }

}

/* min-width:960px */

@media (min-width : 1000px) {

	.home-intro .home-intro-inner {
		height : 536px; }

	.home-intro .home-intro-inner { text-align : right; }

	.home-intro:after {
		background-size : 925px;
		height          : 100%;
		margin-left     : -340px;
		position        : absolute;
		top             : 0; }

	.home-intro .intro-content {
		margin : 34px 34px 40px;
		width  : 609px; }

}

/* min-width:1000px */

@media (min-width : 1200px) {

	.home .preview-content .preview-content-inner {
		padding : calc((((50% * 418) / 690) - 218px) / 2) calc((50% - 514px) / 2); }

}

/* min-width:1200px */
