@font-face {
	font-family: 'Gilroy-Light';
	src: url(https://lifetimemobiledental.com/new/Gilroy-Light.otf);
	src: url(https://lifetimemobiledental.com/new/Gilroy-Light.ttf);
	src: url(https://lifetimemobiledental.com/new/Gilroy-Light.woff) format("woff2"), url(https://lifetimemobiledental.com/new/Gilroy-Light.woff) format("woff");
	font-weight: 300
}

@font-face {
	font-family: 'Gilroy-ExtraBold';
	src: url(https://lifetimemobiledental.com/new/Gilroy-ExtraBold.otf);
	src: url(https://lifetimemobiledental.com/new/Gilroy-ExtraBold.ttf);
	src: url(https://lifetimemobiledental.com/new/Gilroy-ExtraBold.woff) format("woff2"), url(https://lifetimemobiledental.com/new/Gilroy-ExtraBold.woff) format("woff");
	font-weight: 700
}

body {
	position: relative;
	background-color: #f5f5f5;
	color: #000;
	font: 300 18px/1.2 Gilroy-Light, sans-serif;
	counter-reset: section;
	overflow-x: hidden
}

p {
	color: #000;
	font: 300 18px/1.666 Gilroy-Light, sans-serif;
	margin: 10px auto
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #2093b5
}

a:hover {
	color: #036881
}

hr {
	position: relative;
	display: table;
	clear: both;
	margin: 40px auto;
	width: 100%;
	height: 1px;
	background-color: #28112b
}

:focus,
a:focus,
button:focus,
input:focus {
	outline-width: medium;
	outline-color: #a324b1 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	position: relative
}

#page-title h1,
.h1 small {
	color: #000;
	font: 900 28px/1.1 Gilroy-ExtraBold, sans-serif;
	;
	display: block;
	margin: 10px auto;
	letter-spacing: .2em
}

#page-title h1:only-child,
h2#append,
.h1 {
	color: #000;
	font: 700 45px/1.1 Gilroy-ExtraBold, sans-serif;
	letter-spacing: 0
}

h2,
.h2,
.dividerLead,
.more-to-explore span {
	color: #000;
	font: 700 48px/1.1 Gilroy-ExtraBold, sans-serif;
	position: relative
}

h3,
.h3 {
	color: #8F8E8F;
	display: block;
	position: relative;
	font: 400 28px/1.1 Gilroy-Light, sans-serif
}

h4,
.h4 {
	color: #000;
	display: block;
	position: relative;
	font: 700 16px/1.1 Gilroy-Light, sans-serif
}

.toggle h2,
.toggle h3 {
	color: #000;
	display: block;
	position: relative;
	font: 300 25px/1.25 Gilroy-Light, sans-serif
}

.fo-title {
	color: #c1e3b8;
	font: 400 16px/1 Gilroy-ExtraBold, sans-serif;
	display: block;
	text-transform: uppercase
}

#page-title h1,
#page-title h1:only-child,
h2#append,
#banner .h1,
#banner .h1 small,
#banner p {
	color: #fff
}

main ul {
	list-style: none;
	padding: 0;
	margin: 10px 0;
	text-align: left;
	overflow: hidden
}

main ul li {
	position: relative;
	display: block;
	margin: 0 0 0 26px;
	padding: 0 0 10px 35px;
	line-height: 1.6
}

main ul li:before {
	content: '';
	color: #c1e3b8;
	position: absolute;
	left: 0;
	top: 5px;
	font-size: .9em;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background: #28112b;
	border-radius: 50%
}

main ul>li:after {
	content: '';
	position: absolute;
	left: 8px;
	top: 10px;
	bottom: -10px;
	background: #dbdbdb;
	width: 2px;
	z-index: -1
}

main ul li:last-of-type:after {
	display: none
}

main ul ul li {
	padding-left: 15px
}

main ul ul li:before {
	content: '';
	background-color: #c1e3b8;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	top: 10px
}

main ul ul li:after {
	display: none
}

[class^="btn"] {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	-webkit-transition: .3s all;
	transition: .3s all;
	font: 700 14px/1.2 Gilroy-Light, sans-serif;
	color: #000;
	min-width: 285px;
	margin: 10px;
	padding: 15px 10px;
	background-color: #6feeba
}

[class^="btn"]:hover {
	background-color: #28112b;
	color: #c1e3b8
}

.btn-alt {
	background-color: #28112b;
	color: #fff
}

.btn-alt:hover {
	background-color: #9bc88f;
	color: #fff
}

.btn-thr {
	background-color: #9bc88f
}

.btn-thr:hover {
	background-color: #c1e3b8
}

header {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: .3s all;
	transition: .3s all
}

header:focus-within {
	z-index: 500
}

header .logo {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .logo span {
	border-radius: 50%;
	padding: 5px;
}

header .logo em {
	display: block;
	color: #fff;
	font-size: 13px;
}

footer .logo em {
	display: block;
	margin-left: 80px;
	margin-top: -5px;
	font-size: 15px;
}

header .pho {
	color: #fff;
	font: 300 31px/1 Gilroy-Light, sans-serif;
	position: relative;
	padding-left: 25px;
	display: table
}

header .phy {
	display: block;
	color: #fff;
	font-size: 18px;
	position: relative;
	padding-left: 25px;
	display: table;
	margin-right: 40px
}

header .pho:hover,
header .phy:hover {
	color: #57dcad
}

header .phy i,
header .pho i {
	color: #57dcad;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

header li a {
	font-weight: 400;
	font-family: "Gilroy-Light", sans-serif
}

#hd-top {
	text-align: center
}

#hd-top{
	display: block;
	color: #fff;
	background-color: #607D8B;
	padding: 8px;
	font-size: 14px
}

#hd-top a:hover {
	background-color: #57dcad;
	color: #000
}

.hd-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin: auto
}

.hd-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 270px;
	flex: 0 1 270px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 0 10px
}

.hd-btns div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.hd-btns [class^="btn"] {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: auto;
	padding: 8px 6px;
	border-radius: 0;
	margin: 0
}

.hd-btns [class^="btn"] img {
	display: inline-block;
	margin: 0 4px 0 -8px;
	vertical-align: middle
}

.hd-btns [class^="btn"] span {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 150px;
	flex: 0 1 150px
}

.hd-btns .ra {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hd-btns .ra:hover {
	background-color: #9bc88f;
	color: #000
}

.hd-btns .of {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	color: #000
}

.hd-btns .of:hover {
	background-color: #c1e3b8;
	color: #000
}

.hd-btns .fm {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 70px;
	flex: 0 1 70px
}

.hd-btns .fm i {
	font-size: 24px
}

.hd-btns .fm:hover {
	background-color: #4bd1e4;
	color: #fff
}

@media (min-width: 1025px) {
	.place-nav {
		max-width: 1450px;
		margin: 0 auto;
		padding: 0 0 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.flex-nav {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-left: 20px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.flex-nav>div {
		margin-left: auto
	}

	nav {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 1050px;
		flex: 0 1 1050px
	}

	nav,
	nav ul li,
	nav ul li a {
		position: relative
	}

	nav>ul {
		padding: 0;
		max-width: 1300px;
		margin: auto
	}

	nav ul {
		margin: auto;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

	nav ul li a {
		display: block;
		color: #fff
	}

	nav ul li a:hover {
		color: #fff
	}

	nav>ul>li {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		text-align: center
	}

	nav>ul>li:last-of-type:after {
		display: none
	}

	nav>ul>li>a {
		padding: 6px;
		font-size: 16px;
		color: #fff
	}

	nav>ul>li:hover>a {
		color: #07ccec
	}

	nav ul li:hover>ul {
		display: block;
		visibility: visible;
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
		-webkit-animation-duration: .25s;
		animation-duration: .25s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}

	nav ul ul {
		display: none;
		min-width: 280px;
		width: 100%;
		padding: 0;
		position: absolute;
		z-index: 3;
		left: 0;
		text-align: left;
		background-color: #ffffff;
		-webkit-box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2);
		box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2)
	}

	nav>ul>li:last-child ul {
		right: 0;
		left: auto
	}

	nav ul ul li>a {
		padding: 10px 12px;
		font-size: 14px;
		line-height: 1.3;
		text-transform: none;
		color: #000
	}

	nav ul ul li:hover>a {
		background-color: #4bd1e4;
		color: #000
	}

	nav ul ul ul {
		left: 100%;
		top: 0;
		background-color: #28112b
	}

	nav ul ul ul a {
		color: #fff
	}

	nav ul ul ul li button i:before {
		content: '\e935' !important
	}

	nav ul ul ul ul {
		top: auto;
		left: 0;
		position: relative;
		display: block;
		-webkit-box-shadow: none;
		box-shadow: none;
		background-color: #060306
	}

	nav ul ul ul ul li a {
		padding-left: 2em;
		padding-left: 2em;
		background-color: #0d050e
	}

	nav ul ul ul ul li:hover a {
		background-color: #7cb76d
	}

	.has-submenu span>a,
	.has-submenu button {
		display: inline-block;
		line-height: 1;
		color: #fff
	}

	.has-submenu.open>ul {
		display: block
	}

	.has-submenu.open>ul :focus {
		background-color: rgba(255, 255, 255, 0.2)
	}

	nav li button {
		display: inline-block;
		padding: 0
	}
}

.fix-nav header {
	position: fixed !important;
	-webkit-box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35);
	box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35);
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 100;
    background-color: #607D8B;
}

.fix-nav header .logo span {
/*	background-color: #2093b5;*/
}

.fix-nav header .logo img {
	max-height: 70px
}

.fix-nav #hd-top {
	display: none
}

.fix-nav .fm,
.fix-nav .of {
	padding: 2px 5px;
	font-size: 12px
}

@media (min-width: 1025px) and (max-width: 1190) {
	header nav {
		margin: -40px 0 0 140px;
	}

	.flex-nav {
		margin: -40px auto 0;
	}
}

@media (max-width: 1024px) {
	header {
		background: #f5f5f5
	}

	.hd-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-right: 10px;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: center
	}

	header .pho {
		font-size: 28px;
		color: #000
	}

	header .logo {
		padding: 8px;
	}

	header .logo span {
		/*background-color: #423044;*/
	}

	header .logo img {
		max-height: 120px
	}

	header .logo svg * {
		fill: #28112b
	}

	#hd-top,
	#main-nav,
	header nav ul,
	header .hd-btns,
	header [class^="btn"],
	header .phy {
		display: none
	}

	.nav-down {
		-webkit-box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2);
		box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2)
	}

	.nav-up .logo {
		margin-bottom: 0;
	}

	.nav-down .logo svg {
		max-height: 50px;
		width: auto
	}

	.nav-up {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	body,
	header,
	.mean-container .mean-nav {
		-webkit-transition: all .3s;
		transition: all .3s
	}

	body {
		right: 0
	}

	.attach header {
		position: fixed !important;
		-webkit-box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35);
		box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35)
	}

	.attach header .top-nav {
		display: none !important
	}

	body.mean-active header {
		left: -80%;
		-webkit-transform: none;
		transform: none
	}

	body.mean-active {
		overflow: hidden;
		right: 80%
	}

	body.mean-active:before {
		z-index: 98;
		content: '';
		opacity: .7;
		background-color: #000;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-image: none;
		height: inherit
	}

	body.mean-active .mean-container .mean-nav {
		right: 0
	}

	.mean-container {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.mean-container .mean-bar {
		background-color: #fff;
		width: 70px;
		min-height: 70px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-item-align: stretch;
		align-self: stretch;
		margin-left: 8px
	}

	.mean-container .meanmenu-reveal {
		display: block;
		color: #28112b
	}

	.mean-container a.meanmenu-reveal.meanclose i:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		font-size: 60px;
		content: '+';
		margin: -5px 0 0 8px
	}

	.mean-container .mean-bar .icon-menu {
		position: relative;
		display: table;
		-webkit-transition: .3s all;
		transition: .3s all;
		z-index: 1;
		margin: 0 0 5px 5px
	}

	.mean-container .meanmenu-reveal .icon-menu:before {
		font-size: 30px;
		content: '|||';
		-webkit-transform: rotate(90deg) scaleY(1.6);
		transform: rotate(90deg) scaleY(1.6);
		letter-spacing: 3.2px
	}

	.mean-container .mean-bar .icon-menu:after,
	.mean-container .meanmenu-reveal.meanclose:after {
		content: 'MENU';
		font-style: normal;
		position: absolute;
		left: 48%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: -10px;
		letter-spacing: 1px;
		font-size: .55em;
		font-weight: 700
	}

	.mean-container .meanmenu-reveal.meanclose i:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		font-size: 60px;
		content: '+';
		margin: -5px 0 0 8px
	}

	.mean-container .meanmenu-reveal.meanclose:after {
		content: 'CLOSE';
		bottom: 5px
	}

	.mean-container .mean-nav {
		position: fixed;
		right: -80%;
		margin: 0;
		top: 0;
		bottom: 0;
		width: 80%;
		overflow: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		background-color: #4bd1e4
	}

	.mean-container .mean-nav ul {
		font-size: 16px;
		padding: 0;
		margin: 0;
		width: 100%;
		list-style-type: none
	}

	.mean-container .mean-nav ul li {
		position: relative;
		width: 100%
	}

	.mean-container .mean-nav ul li a {
		display: block;
		padding: 1em 5%;
		padding-right: 58px !important;
		margin: 0;
		text-align: left;
		color: #000;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		text-decoration: none;
		text-transform: uppercase
	}

	.mean-container .mean-nav ul li li a {
		padding: 1em 10%;
		border-top: 1px solid #f1f1f1;
		border-top: 1px solid rgba(255, 255, 255, 0.25);
		opacity: .75;
		text-shadow: none !important;
		visibility: visible
	}

	.mean-container .mean-nav ul li.mean-first a {
		border-top: none;
		margin-top: 0
	}

	.mean-container .mean-nav ul li.mean-last a {
		border-bottom: none;
		margin-bottom: 0
	}

	.mean-container .mean-nav ul li li li a {
		padding: 1em 15%
	}

	.mean-container .mean-nav ul li li li li a {
		padding: 1em 20%
	}

	.mean-container .mean-nav ul li li li li li a {
		padding: 1em 25%
	}

	.mean-container .mean-nav ul li a:hover {
		background: #252525;
		background: rgba(255, 255, 255, 0.1)
	}

	.mean-container .mean-nav ul li a.mean-expand {
		width: 48px;
		line-height: 50px;
		font-size: 20px;
		padding: 0 !important;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		background: rgba(255, 255, 255, 0.1);
		border: none !important;
		border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important
	}

	.mean-container .mean-nav ul li a.mean-expand:before {
		content: '\e825';
		font-family: 'fontello';
		font-weight: 400;
		margin: 0;
		font-style: normal
	}

	.mean-container .mean-nav ul li .mean-expand.mean-clicked:before {
		content: '\e83a'
	}

	.mean-remove {
		display: none !important
	}

	.mean-nav .social {
		min-height: 66px;
		background-color: rgba(0, 0, 9, 0.1);
		margin: 0;
		padding: 10px 5px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.mean-nav .social a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px
	}

	.mean-nav .fo-title {
		color: #000;
		text-align: center
	}

	.mean-nav .hours {
		display: block;
		text-align: center;
		color: #000;
		padding: 10px;
		margin: 10px auto auto
	}

	.mean-nav .hours p {
		display: table;
		text-align: left;
		font-size: 15px;
		margin: 10px auto 0;
		color: #000
	}
}

.play {
	cursor: pointer;
	border: none;
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	color: #000;
	font: 700 15px/1 Gilroy-Light, sans-serif, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: center;
	-webkit-transition: .3s all;
	transition: .3s all
}

.play i {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #28112b;
	display: block;
	color: #c1e3b8;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 30px;
	margin: 10px;
	-webkit-transition: .3s all;
	transition: .3s all;
	-webkit-box-shadow: 0 0 0 10px #c1e3b842;
	box-shadow: 0 0 0 10px #c1e3b842
}

.play i:before {
	margin: auto;
	padding-left: 5px
}

.play:hover {
	color: #28112b
}

.play:hover i {
	background-color: #c1e3b8;
	color: #000
}

[data-embed] .close,
[data-vimeo] .close {
	cursor: pointer;
	line-height: 1;
	background-color: #9bc88f;
	color: #000;
	padding: 8px;
	text-transform: uppercase;
	z-index: 5;
	position: absolute;
	top: 0;
	right: 0;
	min-width: 160px;
	font-size: 13px
}

[data-embed] .close i,
[data-vimeo] .close i {
	font-style: normal;
	font-size: 1.25em;
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 5px
}

[data-embed] .close:focus,
[data-vimeo] .close:focus {
	background-color: #bbe0b1
}

[data-embed] .close:hover,
[data-vimeo] .close:hover {
	background-color: #1b1b1b;
	color: #fff
}

[data-embed] .close i:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#banner {
	position: relative
}

#banner figure {
	background-color: #000;
	position: relative
}

#banner figure:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #0000007d;
	/*background: url(assets/images/index-banner-pattern.png);*/
	z-index: 3  
}

#banner figure video,
#banner figure img {
	opacity: .7;
	display: block
}

#banner article {
	z-index: 50;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	padding: 10px;
	max-width: 1200px;
	margin: auto;
	bottom: 100px
}

#banner p {
	max-width: 650px;
	margin: 20px 0
}

#banner .play {
	left: auto;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto
}

#banner .play span {
	width: 138px;
	height: 138px;
	border-radius: 50%;
	background-color: #c1e3b8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: .3s all;
	transition: .3s all;
	-webkit-box-shadow: 0 0 0 10px #c1e3b842;
	box-shadow: 0 0 0 10px #c1e3b842
}

#banner .play:hover span {
	background-color: #28112b
}

#banner .play:hover span img {
	-webkit-filter: invert(1);
	filter: invert(1)
}

#banner.playing {
	z-index: 100;
	margin-bottom: 100px;
	background-color: #28112b
}

#banner.playing article {
	position: relative;
	-webkit-transform: none;
	transform: none;
	left: 0;
	top: 0;
	padding: 40px 20px
}

#banner.playing figure {
	margin: 0 auto;
	max-width: 1500px
}

#banner.playing figure::before {
	display: none
}

#banner .h1 small {
	font-weight: 900;
	font-family: Gilroy-ExtraBold, sans-serif;
}

#deserve {
	padding: 60px 20px 0;
}

#deserve .contain {
	max-width: 1200px;
	margin: 0 auto;
}

#deserve .h1 {
	max-width: 100%;
}

#deserve ul {
	margin: 50px 100px 30px 120px;
}

#deserve ul li {
	font-size: 20px;
	font-weight: 900;
	font-family: Gilroy-ExtraBold, sans-serif;
}

.rotate {
	writing-mode: vertical-rl;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: center;
	transform-origin: center;
}

.h3.rotate {
	font: 700 28px/1.1 Gilroy-ExtraBold, sans-serif;
	margin-right: 30px;
}

#assoc {
	background-color: #f5f5f5;
	max-width: 1300px;
	position: relative;
	padding: 50px 20px;
	z-index: 5;
	width: 100%;
	margin: 0 auto;
}

#assoc span {
	padding: 8px
}

#assoc .h3 {
	font-size: 28px;
}

#callouts {
	position: relative;
	padding: 50px 10px
}

#callouts:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	bottom: 0;
	z-index: -1;
	background: #467a89
}

#callouts .flex-ed {
	max-width: 1300px;
	margin: auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#callouts .flex-ed>article {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 300px;
	flex: 0 1 300px;
	margin: 0 0 0 auto;
	padding: 40px 20px
}

#callouts .h1 small,
#callouts .h2,
#callouts .h3,
#callouts p {
	color: #fff
}

#callouts .flex-ed {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 1300px;
	margin: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

#callouts .slick-dots {
	margin-left: -100px;
	margin-top: 20px
}

#callouts .slick-dots li button::before {
	content: "0"
}

#callouts .slick-dots li:nth-child(n + 10) button::before {
	content: none
}

#callouts .slick-arrow {
	background-color: transparent
}

#callouts .slick-arrow:hover {
	background-color: #9bc88f
}

#callouts .wrap {
	position: absolute;
	left: 63%;
	bottom: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#callouts #prev {
	opacity: .5;
	margin-right: 20px
}

#callouts #prev:hover {
	background-color: #c1e3b8;
	opacity: .8
}

#callouts .slick-dots {
	font-family: "Gilroy-ExtraBold", sans-serif
}

#callouts .slick-dots button {
	color: #fff;
	border-top: 3px solid #fff;
	padding: 10px 15px;
	opacity: .6
}

#callouts .slick-dots .slick-active button {
	color: #c1e3b8;
	opacity: 1;
	border-color: #c1e3b8
}

.slick-calls {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 59%;
	flex: 0 1 59%;
	max-width: 900px;
	padding: 20px;
	margin: 0 0 0 auto
}

.slick-calls .h3 {
	padding-left: 60px;
	padding-bottom: 20px;
	font-size: 22px;
	font-family: Gilroy-ExtraBold, sans-serif;
}

.slick-calls .h3 span {
	color: #c1e3b8;
	font-size: 40px;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: -5px
}

.slick-calls article {
	padding: 20px;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 550px;
	flex: 0 1 550px;
	margin-left: 40px
}

.slick-calls p {
	max-width: 300px;
	margin: 10px 0 20px
}

.slick-calls .btn {
	min-width: 190px;
	margin-left: 0
}

.slick-calls .btn:hover {
	background-color: #fff;
	color: #000
}

#meet {
	padding: 80px 10px
}

#meet .intro-title {
	max-width: 1200px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

#meet ul li {
	font-size: 20px;
	font-weight: 900;
	font-family: Gilroy-ExtraBold, sans-serif;
}

#meet .flex-team {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	max-width: 1250px;
	margin: 30px auto
}

#meet .flex-team>* {
	display: block;
	padding: 10px;
	max-width: 315px
}

#meet figure {
	margin-bottom: 15px
}

#meet .h1 {
	flex: 0 1 540px;
}

#meet h3 {
	font-size: 22px;
	margin: 10px auto 5px
}

#meet h4 {
	font-size: 16px
}

#meet p {
	line-height: 1.4
}

#meet .btn {
	display: table;
	margin: auto
}

#expect {
	position: relative;
	text-align: center;
	padding: 50px 20px 100px
}

#expect .contain {
	max-width: 1200px;
	margin: auto
}

#expect .h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 32px;
	margin: 20px 0 50px;
}

#expect .h2:before,
#expect .h2:after {
	height: 2px;
	content: '';
	margin: 0 10px;
	background: #8f8e8f;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#expect .h4 {
	margin: 10px auto;
	font-family: Gilroy-ExtraBold, sans-serif;
}

#expect a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

#expect a:hover .h4 {
	color: #2093b5
}

.split {
	padding: 0 10px
}

.split .flex-ed {
	max-width: 1600px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.split article {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	padding: 10px
}

.split figure {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 48%;
	flex: 0 1 48%
}

.split .btn {
	margin-left: 0
}

.split .caption {
	padding: 10px;
	text-align: center
}

.split .caption a {
	color: #fff;
	padding: 0 5px
}

.split .caption a:hover {
	color: #c1e3b8
}

.split.playing .flex-ed {
	display: block
}

#reviews {
	position: relative;
	margin: auto;
	padding: 100px 10px 60px;
	text-align: center;
	max-width: 1300px
}

#reviews:before {
	content: '';
	position: absolute;
	left: 18%;
	right: -1000px;
	top: 0;
	bottom: 0;
	z-index: -1;
	background-color: #fff
}

#reviews .wrap {
	text-align: left;
	display: table;
	margin: auto;
}

#reviews .flex-ed {
	margin: 50px auto 20px
}

#reviews figure {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 60%;
	flex: 0 1 60%
}

#reviews article {
	max-width: 380px;
	padding-left: 80px
}

#reviews .slick-reviews {
	margin: auto;
	max-width: 1200px
}

#reviews .slick-reviews .slick-slide {
	padding: 20px;
	margin: auto
}

#reviews author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 18px;
	text-align: left;
	margin: 10px 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#reviews author i {
	margin-right: 20px;
	display: block
}

#reviews star {
	display: block;
	letter-spacing: 4px
}

#reviews .slick-arrow {
	margin: 10px
}

#reviews .slick-controls {
	margin: 20px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 100;
	position: absolute;
	left: 40%;
	bottom: 150px;
	z-index: 10
}

#reviews .slick-controls .slick-dots {
	display: none !important
}

#reviews .slick-controls .slick-dots span {
	background-color: #28112b
}

#reviews .play {
	left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto
}

.review-pager {
	text-align: left
}

.review-pager>div {
	position: relative
}

.review-pager>div:before {
	content: '';
	position: absolute;
	left: -50px;
	top: 5px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #28112b;
	opacity: .9
}

.review-pager>div:after {
	content: '';
	position: absolute;
	left: -42px;
	top: 22px;
	bottom: -17px;
	z-index: -1;
	background: #28112b;
	width: 2px;
	opacity: .5
}

.review-pager>div:last-of-type:after {
	display: none
}

.review-pager h3 {
	font-size: 18px;
	color: #444
}

.review-pager .btn {
	margin-left: 0;
	min-width: auto
}

.review-pager .faded {
	opacity: .7
}

.review-pager .faded:before {
	opacity: .2
}

.review-pager .faded h3,
.review-pager .faded .btn {
	opacity: 0
}

.review-pager .vid-play {
	display: table !important
}

.bkg-img figure {
	display: none
}

.cpn {
	position: relative;
	display: table;
	margin: 20px auto
}

#find {
	margin: 0 auto;
	position: relative;
	background-color: #2093b5
}

#find:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	z-index: 1;
	background-color: #2093b5
}

#find .flex-ed {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1300px;
	margin: auto;
	position: relative;
	z-index: 2
}

#find figure {
	display: none
}

#quest {
	padding: 60px 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 700px;
	flex: 1 1 700px;
	text-align: center;
	background-color: #2093b5
}

#quest .contain {
	max-width: 1050px;
	margin: auto
}

#quest .h2 {
	color: #fff;
	font-size: 48px;
	margin-bottom: 30px
}

#quest .h2 br {
	display: none
}

#quest .h3 {
	color: #ffffff;
	margin-bottom: 30px;
	font-family: Gilroy-ExtraBold, sans-serif;
}

#quest .btn {
	margin: 10px auto;
	display: table;
	min-width: 190px
}

#quest input,
#quest textarea,
#quest select {
	background-color: transparent;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-left: 0;
	font-size: 16px
}

#quest option
{
	color:#000;
}

#quest textarea {
	max-width: 98.5%;
	margin: auto
}

#quest ::-webkit-input-placeholder {
	color: #fff
}

#quest :-ms-input-placeholder {
	color: #fff
}

#quest ::-ms-input-placeholder {
	color: #fff
}

#quest ::placeholder {
	color: #fff
}

#quest ::-webkit-input-placeholder {
	color: #fff
}

.page_index #quest {
	padding: 100px 20px
}

.page_index #find {
	margin-top: 50px;
	background-color: #f5f5f5
}

.page_index #find figure {
	display: block
}

.page_index #quest {
	text-align: left;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 700px;
	flex: 0 1 700px
}

.page_index #quest .h2 br {
	display: block
}

.page_index #quest .contain {
	max-width: 500px
}

.page_index #quest .btn {
	margin: 20px 0 10px 5px
}

#map {
	position: relative;
	margin: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 415px;
	flex: 0 1 415px;
	height: 330px
}

#map iframe {
	height: 100%;
	width: 100%;
	border: none;
	display: block
}

.simple {
	line-height: 1;
	font-size: 0;
	margin: 0 auto;
	text-align: center
}

.simple input,
.simple textarea,
.simple select {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	border: 0;
	border-radius: 0;
	line-height: 1;
	font-size: 18px;
	width: 100%;
	max-width: 100%;
	padding: 0 11px;
	margin-bottom: 10px;
	height: 45px;
	color: #000;
	background-color: #eee
}

.simple textarea {
	height: 130px;
	padding: 14px 11px
}

.simple input:focus,
.simple textarea:focus {
	outline: 0;
	background-color: #e2f2de;
	color: #28112b
}

.simple .flex-ed>* {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 48%;
	flex: 0 1 48%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-right: 10px
}

::-webkit-input-placeholder {
	color: #000
}

:-ms-input-placeholder {
	color: #000
}

::-ms-input-placeholder {
	color: #000
}

::placeholder {
	color: #000
}

::-webkit-input-placeholder {
	color: #000
}

.social {
	font-size: 0;
	text-align: center;
	margin: 10px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.social a {
	position: relative;
	display: inline-block;
	margin: 5px;
	font-size: 26px;
	color: #fff;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	line-height: 58px;
	border: 2px solid #fff
}

.social .fb:hover {
	background-color: #4d70a8
}

.social .gp:hover {
	background-color: #dc4e41
}

.social .yp:hover {
	background-color: #b62717
}

.social .yt:hover {
	background-color: #d00
}

.social .in:hover {
	background-color: #c13584
}

.social .tw:hover {
	background-color: #00aced
}

.social a:hover {
	color: #fff
}

footer {
	background-color: #122d58;
	color: #fff
}

footer .hours {
	display: none;
}

footer .container {
	max-width: 1250px;
	margin: auto
}

footer .logo {
	margin-bottom: 120px;
	margin-right: 140px;
	display: block
}

footer a {
	color: #fff;
	position: relative;
	z-index: 5
}

footer a:hover {
	color: #c1e3b8
}

footer .pho {
	font: 300 31px/1.2 Gilroy-Light, sans-serif;
	margin: 10px auto;
	display: table;
	position: relative;
	padding-left: 28px
}

footer .phy {
	margin: 20px auto;
	display: table;
	position: relative;
	padding-left: 28px
}

footer .pho i,
footer .phy i {
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 15px
}

footer .hours {
	margin: 20px 0
}

footer .hours p {
	color: #fff
}

footer .social {
	display: table
}

footer .social a:first-of-type {
	margin-left: 0
}

#fo-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto;
	position: relative;
	max-width: 1250px;
	padding: 50px 10px
}

.fo-info {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 0 10px
}

#copy {
	font: 400 16px/1.5 Gilroy-Light, sans-serif;
	color: #fff;
	padding: 20px 10px;
	max-width: 500px;
	margin: -85px auto 0 10px;
}

#copy em {
	font-style: normal
}

#copy a {
	color: #fff
}

#copy a:hover {
	color: #c1e3b8
}

#copy span {
	opacity: 0;
	margin: 0 5px
}

#copy .icon-tnt {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 10px -12px;
	font-size: 70px
}

.slick-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	max-width: 1000px;
	margin: 10px auto
}

.slick-arrow {
	background-color: #c1e3b8;
	color: #fff;
	font-family: fontello;
	font-size: 40px;
	width: 60px;
	height: 60px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid #c1e3b8;
	border: 2px solid #fff;
	z-index: 5;
	-webkit-transition: .3s all;
	transition: .3s all
}

.slick-arrow i {
	margin-left: -4px
}

.slick-arrow:hover {
	background-color: #9bc88f
}

#next {
	left: auto;
	right: 0;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

#next i {
	margin-left: 4px
}

.slick-dots {
	line-height: 1
}

.slick-dots li {
	line-height: 1
}

.slick-dots li button {
	padding: 0
}

.slick-dots li:after {
	display: none
}

.slick-dots span {
	cursor: pointer;
	background-color: #9bc88f;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
	opacity: .18
}

.slick-dots .slick-active span {
	opacity: 1
}

.pagingInfo {
	font-size: 30px;
	text-align: center
}

.gallery {
	max-width: 1050px;
	margin: 40px auto;
	padding: 0 60px;
	position: relative
}

.gallery .slick-arrow {
	top: 50%
}

.slick-gallery {
	position: relative;
	margin: 20px auto;
	text-align: center
}

.slick-gallery article .flex-ed {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.slick-gallery article .flex-ed span {
	margin: 10px;
	position: relative;
	padding-bottom: 40px
}

.slick-gallery article .flex-ed span img {
	width: 100%
}

.slick-gallery article .flex-ed span:after {
	content: 'Before';
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	margin: auto;
	color: #000;
	font: 400 18px/1.2 Gilroy-Light, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.6px
}

.slick-gallery article .flex-ed span:last-of-type:after {
	content: "After"
}

.slick-gallery article div p {
	display: block
}

.slick-gallery figcaption {
	margin: 5px auto
}

.why {
	padding: 30px 10px 20px;
	position: relative;
	counter-reset: why-section
}

.why:before {
	content: '';
	position: absolute;
	left: -1000px;
	right: -1000px;
	top: 0;
	bottom: 0;
	background-color: #28112b
}

.why h2 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font: 300 19px/1.2 Gilroy-Light, sans-serif;
	letter-spacing: .5em
}

.why ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.why ul li {
	max-width: 280px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33%;
	flex: 1 1 33%;
	padding: 0;
	margin: 10px;
	width: 100%;
	color: #fff;
	overflow: visible;
	font-size: 20px
}

.why ul li span {
	max-width: 95%;
	margin: 0 auto;
	display: block;
	line-height: 1.2
}

.why ul li:before {
	content: '';
	counter-increment: why-section;
	content: counter(why-section);
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto 10px;
	width: 36px;
	height: 36px;
	background: #423044;
	border-radius: 50%;
	color: #fff;
	font: 300 20px/1 Gilroy-Light, sans-serif;
	text-align: center
}

.page-divider {
	display: block;
	max-width: 100%;
	width: 100%;
	position: relative;
	z-index: 1
}

.block {
	position: relative;
	display: table;
	clear: both;
	width: 100%;
	max-width: 100%;
	padding: 60px 10px
}

.block:before {
	content: '';
	position: absolute;
	left: -1000px;
	right: -1000px;
	top: 0;
	bottom: 0;
	z-index: -1
}

.block .contain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.block h2,
.block h3 {
	margin-bottom: 20px
}

.block .wrap {
	height: 0
}

.block article {
	margin: auto 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 650px;
	flex: 0 1 650px
}

.block article p:first-of-type {
	margin-top: 0
}

.block ul li {
	margin-left: 0
}

.block .btn {
	margin-left: 0
}

.block .elem {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	z-index: 3
}

.block .elem-right {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.block:nth-of-type(even):before {
	background-color: #fff
}

.mini-block {
	display: table;
	clear: both;
	max-width: 1140px;
	width: 100%;
	margin: 30px auto
}

.block.no_img article {
	max-width: 1130px;
	margin: auto
}

.more-to-explore {
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 40px 10px 60px;
	background-color: #fff
}

.more-to-explore p {
	padding: 10px;
	margin: auto;
	max-width: 1150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.more-to-explore [class^="btn"] {
	min-width: 320px;
	margin: 5px
}

.page_services .internal {
	background-color: #28112b
}

.page_services .h1 {
	color: #fff;
	margin-top: 50px
}

.services-grid {
	position: relative;
	margin: 40px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1000px
}

.services-grid>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 31%;
	flex: 0 1 31%;
	margin: 10px auto
}

.services-grid>div svg,
.services-grid>div h3 {
	-webkit-transition: .4s all;
	transition: .4s all
}

.services-grid>div a:hover h3 {
	color: #fff
}

.services-grid>div a:hover svg {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.services-grid>div a:hover svg * {
	stroke: #fff
}

.services-grid h3 {
	display: block;
	line-height: 1.1;
	color: #ffffff
}

.services-grid h3 span {
	display: block;
	font-size: 18px
}

.services-grid figure {
	display: table;
	margin: 10px 0
}

.services-grid svg {
	margin: 20px 0
}

.services-grid ul {
	display: table;
	margin: 20px auto
}

.services-grid ul li {
	line-height: 1.2;
	margin: 10px auto
}

.services-grid ul li a {
	color: #000
}

.services-grid h3:hover a {
	color: #c1e3b8
}

.services-grid ul li:hover a {
	color: #28112b
}

#page {
	position: relative;
	display: block;
	width: 100%;
	margin: auto;
	padding: 30px 10px;
	max-width: 1200px;
	clear: both
}

#page.has_divider {
	padding-bottom: 0
}

.page_index .internal {
	display: none
}

.center {
	text-align: center
}

main {
	overflow: hidden
}

@media (min-width: 800px) {
	ul.two {
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media (max-width: 750px) {
	main ul li {
		margin-left: 10px
	}

	.elem-left,
	.elem-right,
	.block .elem-left,
	.block .elem-right {
		display: table;
		float: none;
		margin: 20px auto;
		max-width: 100%
	}
}

#interior-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	margin-bottom: -100px;
	height: 750px
}

#interior-banner .contain {
	max-width: 1100px;
	margin: auto auto 0;
	width: 100%;
	padding: 50px 20px 150px;
	position: relative;
	z-index: 1
}

.flex-title {
	height: 100%;
	margin: auto;
	width: 100%
}

.flex-title #page-title {
	margin: auto
}

.flex-title .contain {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
	text-align: left
}

.flex-title .contain>div {
	max-width: 600px;
	margin: auto
}

#intro {
	margin: auto;
	position: relative;
	z-index: 2;
	padding: 10px 20px 40px;
	max-width: 1080px
}

#intro:before {
	content: '';
	position: absolute;
	left: -1000px;
	right: -50px;
	top: -40px;
	bottom: 0;
	z-index: -1;
	background-color: #2299ba
}

#intro:after {
	content: '';
	position: absolute;
	left: -0;
	right: -1000px;
	top: 50px;
	bottom: 0;
	z-index: -1;
	background-color: #2299ba
}

#intro p,
#intro li {
	color: #fff
}

#main-img {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

#static-banner {
	display: none
}

#team {
	margin-bottom: -40px
}

#team .slick-slide {
	position: relative
}

#team .slick-arrow {
	border-radius: 0;
	background-color: #fff;
	color: #000
}

#team .slick-arrow:hover {
	background-color: #c1e3b8
}

#team #prev svg {
	display: block;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

#team .slick-dots span {
	background-color: #423044
}

.slick-team .slick-list {
	overflow: visible !important
}

.slick-team .slick-slide {
	margin: 0 30px
}

.plus {
	display: table;
	background-color: #fff;
	padding: 10px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 50px 0 0 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 380px;
	line-height: 1;
	position: absolute;
	bottom: 40px;
	left: 20px
}

.plus i {
	font-style: normal;
	color: #000;
	font-size: 60px;
	opacity: .5;
	margin-right: 20px
}

.plus h3 {
	color: #404040;
	text-align: left;
	font-size: 25px
}

.plus h3 small {
	display: block;
	font-size: 12px
}

.plus:hover {
	background-color: #c1e3b8
}

.bio-vid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: #c1e3b8;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 0;
	bottom: 60px
}

.bio-vid span {
	max-width: 90%;
	display: block
}

.bio-vid:hover {
	background-color: #423044
}

.bio-vid:hover img {
	-webkit-filter: invert(1);
	filter: invert(1)
}

#refer {
	background: #2093b5;
	margin: 40px auto;
	max-width: 700px;
	padding: 40px 20px 30px
}

#refer .btn:hover {
	background-color: #9bc88f;
	color: #000
}

#refer .simple {
	max-width: 650px;
	margin: auto
}

.accordion {
	margin: 40px auto;
	text-align: left;
	max-width: 1100px;
	padding: 20px 10px
}

.accordion .toggle {
	position: relative;
	cursor: pointer;
	clear: both;
	padding: 20px 50px 20px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	width: 100%;
	display: block;
	text-align: left
}

.accordion .toggle:hover h2,
.accordion .toggle:hover h3,
.accordion .toggle:hover .h2,
.accordion .toggle:hover .h3 {
	color: #28112b
}

.accordion .toggle.active:after {
	content: '\2014';
	top: 10px
}

.accordion .toggle.active:before {
	opacity: 1
}

.accordion .toggle:last-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

.accordion .toggle:last-of-type.active {
	border: none
}

.accordion .toggle:after {
	content: '+';
	position: absolute;
	top: 13px;
	right: 0;
	font-size: 30px;
	width: 50px;
	text-align: center;
	width: 43px;
	height: 43px;
	color: #fff;
	background-color: #2093b5;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.accordion .toggle:before {
	content: '';
	position: absolute;
	top: 13px;
	right: 21px;
	width: 2px;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0
}

.accordion>div {
	display: none;
	padding: 0 50px 20px 0;
	position: relative
}

.accordion>div:after {
	content: '';
	position: absolute;
	top: 0;
	right: 21px;
	width: 2px;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.2)
}

.accordion>div p:first-of-type {
	margin-top: 0
}

.hours {
	display: table;
	margin: 10px auto;
	text-align: left !important
}

.hours label {
	width: 120px;
	display: inline-block;
	font-weight: 700
}

.contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1150px;
	margin: 30px auto
}

.contact h3 {
	margin: 10px auto
}

.contact p {
	margin: 15px 0 10px;
	line-height: 1.4
}

.contact>div:first-child {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-right: 20px
}

.contact>div:last-child {
	margin-right: 10px
}

.contact-map {
	height: 380px;
	margin: 20px auto 40px
}

.contact-map iframe {
	height: 100%;
	width: 100%
}

@media (max-width: 1290px) {
	#assoc .h3 {
		margin-left: -50px
	}

	.slick-calls {
		max-width: 800px
	}

	#callouts .slick-dots {
		margin-left: -150px
	}

	#callouts .wrap {
		left: 66%
	}
}

@media (max-width: 1150px) {
	header .pho {
		font-size: 20px
	}

	header .phy {
		margin-right: 20px
	}

	#interior-banner {
		height: 700px
	}

	#banner figure {
		margin: 0 -10%
	}

	#assoc {
		padding-bottom: 10px
	}

	#callouts .h2 {
		font-size: 65px
	}

	.slick-calls {
		max-width: 700px;
		padding: 20px 10px
	}

	.slick-calls article {
		margin-left: 20px
	}

	#find figure {
		margin-right: 30px
	}

	.page_index #quest {
		padding: 50px 20px
	}

	#fo-contents {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

	#map {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 90%;
		flex: 0 1 90%;
		margin: 20px auto
	}

	footer .logo {
		margin-bottom: 60px
	}

	#copy {
		margin: auto;
		text-align: center
	}
}

@media (max-width: 1024px) {

	#page-title h1:only-child,
	h2#append,
	.h1 {
		font-size: 70px
	}

	#banner figure {
		margin: 0 -20%
	}

	#deserve .h1 {
		text-align: center;
		margin: 0 auto;
	}

	#deserve ul {
		max-width: 750px;
		margin: 50px auto;
	}

	#meet ul {
		max-width: 750px;
		margin: 30px auto;
	}

	.rotate {
		-webkit-transform: none;
		transform: none;
		writing-mode: initial;
	}

	#interior-banner {
		height: 100%;
		margin: auto;
		text-align: center
	}

	#interior-banner .contain {
		padding: 100px 20px
	}

	#intro {
		text-align: center
	}

	.block {
		text-align: center;
		padding: 40px 10px
	}

	.block .contain {
		display: block
	}

	.block .btn {
		margin: 10px auto
	}

	.block h2,
	.block h3 {
		margin-bottom: 20px;
		text-align: center
	}

	.block [class^="elem"] {
		float: none;
		margin: 10px auto 20px;
		max-width: 100%
	}

	.block ul {
		display: table;
		margin: 20px auto
	}

	[data-player][class^="elem"] {
		max-width: 650px
	}
}

@media (max-width: 1000px) {
	#banner figure {
		margin: 0 -50%
	}

	#banner figure img {
		opacity: .9
	}

	#banner article {
		text-align: center;
		bottom: auto;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	#banner p {
		margin: 20px auto
	}

	#banner .h1 {
		font-size: 8vw
	}

	#banner .play {
		position: relative;
		-webkit-transform: none;
		transform: none;
		right: auto;
		left: auto
	}

	#banner.playing {
		margin-bottom: 0
	}

	#assoc {
		padding: 50px 10px 40px;
		margin-top: 10px
	}

	#assoc .h3 {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		margin: auto;
		text-align: center;
		margin-bottom: 20px
	}

	#assoc .h3 br {
		display: none
	}

	#assoc .flex-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	#assoc .flex-row span {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 120px;
		flex: 0 1 120px
	}

	#callouts:before {
		top: 0
	}

	#callouts .flex-ed {
		display: block
	}

	#callouts .slick-dots {
		margin: 40px 10px 10px
	}

	#callouts .wrap {
		position: relative;
		bottom: auto;
		left: auto
	}

	#callouts .slick-arrow {
		position: relative;
		bottom: auto;
		right: auto;
		margin: 10px
	}

	#callouts .slick-controls {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	#callouts #prev,
	#callouts #next {
		right: auto
	}

	.slick-calls {
		margin: auto
	}

	#callouts .flex-ed>article {
		text-align: center;
		padding: 20px 10px
	}

	#meet {
		text-align: center;
		padding: 60px 10px 40px
	}

	#meet .intro-title {
		display: block
	}

	#meet .intro-title .h3 {
		margin: 10px auto
	}

	#meet .intro-title .h3 br {
		display: none
	}

	#meet .flex-team {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	#meet .flex-team>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 48%;
		flex: 0 1 48%;
		max-width: 100%
	}

	#reviews {
		padding: 80px 10px;
		margin-top: 40px;
		text-align: center
	}

	#reviews:before {
		left: -20px
	}

	#reviews .wrap {
		text-align: center;
	}

	#reviews .flex-ed {
		display: block
	}

	#reviews figure {
		display: block;
		margin: auto
	}

	#reviews article {
		margin: auto;
		max-width: 400px;
		padding: 0
	}

	#reviews .btn {
		margin: 10px auto;
		left: auto
	}

	#reviews .slick-slide {
		text-align: center;
		padding: 0
	}

	#reviews .faded {
		display: none
	}

	#reviews .slick-controls {
		margin: 0 auto 20px;
		position: relative;
		bottom: auto;
		left: auto
	}

	#reviews .slick-controls .slick-dots {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	#reviews .slick-controls .slick-dots:after {
		content: '';
		position: absolute;
		left: 5px;
		right: 5px;
		height: 2px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		background: #dbdbdb;
		z-index: -1;
		top: 9px
	}

	#reviews .slick-controls .slick-dots li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	#reviews .slick-controls .slick-dots li:first-of-type button {
		margin: 0 auto 0 -5px;
		display: table
	}

	#reviews .slick-controls .slick-dots li:last-of-type button {
		margin: 0 -5px 0 auto;
		display: table
	}

	#reviews .slick-controls .slick-dots span {
		opacity: 1;
		background-color: #dbdbdb
	}

	#reviews .slick-controls .slick-dots .slick-active span {
		background-color: #28112b
	}

	.review-pager {
		text-align: center
	}

	.review-pager>div:before,
	.review-pager>div:after {
		display: none
	}

	.split .flex-ed {
		display: block;
		text-align: center
	}

	.split figure {
		display: block;
		margin: auto
	}

	.split article {
		margin: 20px auto
	}

	.split .btn {
		margin: 10px auto
	}

	#expect {
		padding: 50px 20px
	}

	#expect .flex-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	#expect a {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 200px;
		flex: 0 1 200px;
		display: block;
		margin-bottom: 20px
	}

	.page_index #quest .contain {
		max-width: 900px
	}

	.page_index #quest .btn {
		margin: 20px auto
	}

	#quest .h2,
	#quest .h3 {
		text-align: center
	}

	#find>.flex-ed {
		display: block
	}

	#find:before {
		top: 20%
	}

	#find figure {
		margin: auto
	}

	#quest {
		text-align: center
	}

	#quest .btn {
		margin: 10px auto
	}

	footer .hours {
		margin: 20px auto
	}

	.fo-title {
		text-align: center
	}

	.services-grid {
		text-align: center
	}

	.services-grid figure {
		margin: 10px auto
	}

	.page_services .h1 {
		text-align: center
	}
}

@media (max-width: 760px) {

	#page-title h1:only-child,
	h2#append,
	.h1 {
		font-size: 60px
	}

	.flex-nav {
		display: none
	}

	#banner figure {
		margin: 0 -70%
	}

	#banner .play span {
		width: 100px;
		height: 100px
	}

	#banner .play span img {
		max-width: 70px
	}

	#reviews .contain {
		padding: 0 10px
	}

	#reviews .slick-controls {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 10px auto
	}

	#reviews .slick-arrow {
		position: relative;
		-webkit-transform: none;
		transform: none;
		top: auto
	}

	.bkg-img figure {
		display: block
	}

	#quest .h2 {
		font-size: 7vw
	}

	#find {
		display: block
	}

	#map {
		height: 400px
	}

	.why ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.why ul li {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%
	}

	.gallery {
		padding: 10px
	}

	.gallery .slick-arrow {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-transform: none;
		transform: none;
		top: auto;
		margin: 0
	}

	.plus {
		padding: 5px 10px;
		bottom: 20px
	}

	.services-grid>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 48%;
		flex: 0 1 48%
	}
}

@media (max-width: 590px) {
	.hd-info {
		display: none
	}

	#page-title h1:only-child,
	h2#append,
	.h1 {
		font-size: 50px
	}

	h2,
	.h2,
	.dividerLead {
		font-size: 40px
	}

	#banner figure {
		margin: 0 -100%
	}

	#banner article {
		top: 45%
	}

	.flex-row-calls {
		display: block;
		text-align: center
	}

	.flex-row-calls article {
		margin: auto;
		padding: 20px 10px 0
	}

	.slick-calls .h3 {
		display: table;
		margin: 10px auto 20px;
		text-align: left
	}

	.slick-calls p {
		margin: 10px auto
	}

	#callouts .slick-controls {
		margin-top: 0
	}

	#callouts .slick-dots li button {
		padding: 10px
	}

	#reviews {
		margin-top: 0
	}

	.play i {
		width: 80px;
		height: 80px
	}

	#meet .flex-team {
		display: block;
		max-width: 500px;
		margin: auto
	}

	.slick-team .slick-slide {
		margin: 0 10px
	}

	.simple .flex-ed {
		display: block
	}

	#map {
		display: none
	}

	footer .logo {
		margin: 10px auto 60px;
	}

	#fo-contents {
		display: block;
	}

	#copy span:first-of-type {
		display: block;
		font-size: 0
	}

	.more-to-explore span {
		font-size: 12vw
	}

	.contact {
		text-align: center;
		display: block
	}

	.contact>div:first-child,
	.contact p {
		margin: 10px auto
	}

	.gallery {
		padding: 0
	}

	.youtube[class*="elem-"] {
		width: 100%
	}

	[data-player][class^="elem"] {
		min-width: 100%
	}

	.bio-vid {
		bottom: 120px;
		height: 100px;
		width: 100px
	}
}

@media (max-width: 480px) {
	header .hours label {
		width: 100px
	}

	header .logo svg {
		max-width: 200px;
		height: auto
	}

	.services-grid h3 {
		font-size: 24px
	}

	#fixed-tabs strong {
		display: none
	}

	.gallery article .flex-ed {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.gallery article .flex-ed>div {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%
	}

	.gallery article .flex-ed span {
		margin-bottom: 30px;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%
	}

	.plus h3 {
		font-size: 20px
	}

	.plus i {
		font-size: 50px;
		margin-right: 10px
	}
}

@media (max-width: 400px) {

	#page-title h1,
	.h1 small {
		letter-spacing: .1em
	}

	#page-title h1:only-child,
	h2#append,
	.h1 {
		font-size: 40px
	}

	h2,
	.h2,
	.dividerLead {
		font-size: 32px
	}

	h3,
	.h3 {
		font-size: 24px
	}

	#banner figure {
		margin: 0 -140%
	}

	#callouts .slick-arrow {
		margin: 0;
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
	}

	#callouts .slick-dots {
		margin: 40px 6px 10px;
	}

	#callouts #prev,
	#callouts #next {
		margin: 0;
	}

	#callouts .slick-dots li {
		margin: 0 2px;
	}

	.plus h3 {
		font-size: 18px
	}

	.more-to-explore [class^="btn"] {
		min-width: 100%;
		width: 100%;
		margin: 8px auto
	}

	[data-embed] .close {
		font-size: 12px;
		min-width: 120px;
		padding: 4px
	}

	#copy .icon-tnt {
		font-size: 50px;
		margin-bottom: 8px
	}

	.services-grid h3 {
		font-size: 20px
	}
}
.logoimg
{
	width: 200px;
}
.logoimg1
{
	width: 200px;
}
header.animated .logoimg
{
	display: none;
}
.logoimg1
{
	display: none;
}
header.animated .logoimg1
{
	display: block;
}
.patientform option
{
	color: #000;
}

.contctbg
{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center;
}

@media only screen and (max-width: 600px)
{
	.place-nav
	{
		background: #607d8b;
	}
}