@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,900';
@import url('https://fonts.googleapis.com/css?family=Cinzel');

/*
rgb(14,198,206): rgb(14,198,206); //#0ec6ce //col light
rgb(11,149,155): rgb(11,149,155); //0B959B //col dark
rgb(0,0,0,0.75): rgb(0,0,0,0.75); // col gray

rgba(35,49,58,0.75): rgba(35,49,58,0.75); // col nav
rgba(35,49,58,0.75)Hover: rgb(14,198,206); //coll nav hover

/**/
*{
    -webkit-font-smoothing: antialiased;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */

    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
/*
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

img,a{
  border:none;
  text-decoration:none;
}

a {
  color: #000;
}

.phoneClick {
	color: inherit !important;
}

span {
  margin: 0;
  padding: 0;
  font-size: auto;
}

img {
  vertical-align: middle;
}

h1, h2, h3 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

textarea, input {
	outline: 0;
}

html,body{
  -webkit-overflow-scrolling: touch;  
  margin:0;
  padding:0;
  background-color: #fff;
  font-family: 'Roboto', 'Arial', serif;
  font-weight: 300;
  color: #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  -moz-osx-font-smoothing: grayscale;
}

#background {
	position: absolute;
	width: 100%; height: 100%;
	overflow: hidden;
	opacity: 0;
	z-index: 0;
}

#container {
	position: absolute;
	width: 100%; height: 100%;
	overflow: hidden;
	overflow-y: auto;
	opacity: 0;
	z-index: 1;
}

#nav {
	position: fixed;
	z-index: 10;
	top: 0; left: 0;
	width: 100%;
	height: 60px; line-height: 60px;
	background: rgba(255,255,255,.95);
}

@media (max-width: 440px) {
	#nav {
		position: absolute;
	}
}

#nav .wrapper {
	position: absolute;
	width: 100%;
	max-width: 1000px;
	height: 100%;
	left: 50%; 
	margin-left: -500px;
}

@media (max-width: 1040px) {
	#nav .wrapper {
		left: 20px; margin-left: 0;
	}

	#nav .telehealth {
		margin-left: -20px;
	}

	#nav .telehealth .label {
		margin-left: 20px;
	}
}

#nav .telehealth {
	position: relative;
	width: 100vw; height: 60px;
	left: 50%; transform: translate(-50%, 0);
	background: rgb(86, 97, 104);
	color: #FFF;
}

#nav .telehealth .content {
	position: relative;
	width: 100%; max-width: 1000px; height: 100%;
	left: 50%; transform: translate(-50%, 0);
}

#nav .telehealth .label {
	display: inline-block; position: relative;
	vertical-align: top;
	width: calc(100% - 190px); height: 100%;
	font-weight: bold;
}

#nav .telehealth .description {
	display: inline-block; 
	font-weight: normal; font-style: italic;
	margin-left: 5px;
}

@media (max-width: 640px) {
	#nav .telehealth .label {
		fontSize: 16px; line-height: 16px; 
	}
}

#nav .telehealth .button {
	display: inline-block; position: relative;
	line-height: 20px; height: 100%;
	font-size: 16px; line-height: 38px; font-weight: bold;
	height: 38px;
	width: 150px; text-align: center;
	margin-top: 10px;
	background: rgb(14,198,206);
	vertical-align: top;
	border-radius: 5px;
	cursor: pointer;
}


#nav .telehealth .button:hover {
	background: rgb(242, 242, 242);
	color: rgb(14,198,206);
}

#nav .welcome {
	position: absolute;
	left: 0px;
	top: 5px;
	font-size: 36px;
	font-weight: bold;
	color: rgba(0,0,0,.4);
	font-family: 'Dancing Script', serif;
	display: none;
}

#nav .wrapper .logo {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 60px;
	color: #098ed1;
	font-size: 24px;
}

#nav .wrapper .logo .logo1 {
	font-weight: 900; 
	color: rgb(11,149,155);
}

#nav .wrapper .logo .logo2 {
	font-weight: 500; color: rgb(14,198,206);
}

#nav .wrapper .logo .logo3 {
	font-weight: 300; color: rgb(14,198,206);
}

#nav .phone {
	position: absolute;
	right: 35px;
	top: 75px;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
	padding: 14px 28px;
	border-radius: 4px;
	background: rgb(11,149,155);
	display: none;
}

#nav .phone span {
	font-weight: normal;
	font-size: 14px;
	margin-right: 5px;
}

#nav .buttons {
	position: absolute;
	right: 20px;
	color: rgba(35,49,58,0.75);
	bottom: 0;
}

@media (max-width: 640px) {
	#nav .buttons {
		display: none;
	}
}

#nav .buttons a, #navGroupServices {
	position: relative;
	float: right;
	padding: 0 15px;
	font-weight: 900;
	background: none;
	color: inherit;
	/*text-shadow: 0 0 20px rgba(255,255,255,1);*/
}

#navGroupServices {
	padding: 0 0px;
}

/*@media (min-width: 800px) {*/
	#nav .buttons a:hover, #navGroupServices:hover {
		background: rgb(14,198,206);
		color: #FFF;
		cursor: pointer;
	}

	.navActive {
		background: rgb(14,198,206) !important;
		color: #FFF !important;
		cursor: default  !important;
	}
/*}*/

#nav .subServices {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 250px;
	background: #FFF;
}

#nav .subServices a {
	display: block;
	width: 100%;
	padding-left: 25px;
	font-weight: 900;
	background: none;
	color: rgba(35,49,58,0.75);
}







#home {
	position: relative;
	width: 100%; height: 100%;
	overflow: hidden;
}

@media (max-width: 640px) {
	#home {
		background-position: right top;
	}
}

#home .phone {
	position: absolute;

	font-family: monospace, 'Courier New';
	
	top: 12px;
	left: 50%; margin-left: 253px;
	
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF !important;
	padding: 14px 28px 14px 60px;
	border-radius: 4px;
	background: rgb(11,149,155);
	z-index: 999;
}

#home .phone span {
	position: absolute;
	font-weight: normal;
	font-size: 14px;
	top: 11px;
	left: 22px;
}

#home .phone span img {
	height: 26px;
}

@media (max-width: 1040px) {
	
	#home .phone {
		left: auto;
		right: 13px;
		margin-left: 0;
	}
}

@media (max-width: 480px) {
	#home .phone {
		top: 75px !important;
		color: #FFF !important;
	}	
}


.phoneDot {
	display: inline;
	margin: 0 2px !important;
}

.phoneDot2 {
	display: inline;
	margin: 0 0px !important;
}

#home .title {
	position: absolute;
	bottom: 210px;
	/*font-family: serif;*/
	font-size: 40px;
	font-weight: 300;
	color: #FFF;
	left: 50%; margin-left: -400px;
	width: 90%; 
	max-width: 800px;
	text-shadow: 0 0 20px rgba(0,0,0,.8);
}

#home .title .big {
	font-size: 60px; 
	font-weight: 500
}

@media (max-width: 850px) {
	#home .title {
		left: 5%; margin-left: 0;
	}

	#home .title .big {
		font-size: 44px; 
	}
}

#home .overlay {
	position: absolute;
	bottom: 0;
	width: 100%; height: 190px;
	background: rgb(14,198,206);
	opacity: .9;
}

#home .content {
	position: absolute;
	top: 50%;
	left: 50%; margin-left: -400px;
	width: 90%; 
	max-width: 800px;
	color: #FFF;
	font-weight: 300;
	font-size: 27px;
	line-height: 36px;
	-ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0, -50%);
}


@media (max-width: 850px) {
	#home .content {
		left: 5%; margin-left: 0;
		font-size: 21px;
		line-height: 30px;
	}
}

@media (max-width: 700px) {
	#home .content {
		font-size: 21px;
		line-height: 30px;
	}
}

@media (max-width: 470px) {
	#home .content {
		font-size: 17px;
		line-height: 26px;
	}
}


#backgroundWrapper {
	padding-top: 0px;
	background: #FFF;
}

#telehealth {
	position: fixed; top: 0; left: 0;
	z-index: 20;
	width: 100%; height: 100%;
	display: none;
	background: rgba(255,255,255,.97);
}

#telehealth #close {
	position: absolute;
	top: 30px; right: 30px;
	color: #000;
	width: 30px;
	cursor: pointer;

}

#telehealth #close img {
	position: relative;
	width: 100%;
}

#telehealth .scroller {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

#telehealth .content {
	position: relative;
	margin-top: 100px;
	left: 50%; transform: translate(-50%, 0%);
	padding-bottom: 200px;
	font-size: 18px; line-height: 24px;
	width: calc(100% - 200px); max-width: 800px;
}

#telehealth h1 {
	font-weight: bold;
	font-size: 38px;
	line-height: 38px;
}

#telehealth .question {
	font-weight: bold;
	color: rgba(11,149,155,1);
	font-size: 18px;
	line-height: 28px;
}

#telehealth button {
	position: relative;
	line-height: 20px; height: 100%;
	font-size: 18px; line-height: 18px; font-weight: bold;
	height: 42px;
	width: 170px; text-align: center;
	padding: 7px 17px; 
	margin-top: 5px;
	background: rgb(14,198,206); color: #FFF;
	vertical-align: top;
	border-radius: 5px;
	border: solid 2px rgba(0,0,0,0);
	cursor: pointer;
	outline: 0;
}

#telehealth button:hover {
	background: #FFF;
	border: solid 2px rgb(14,198,206);
	color: rgb(14,198,206);
}

#services {
	position: relative;
	width: 100%;
	/*margin-top: 20px;*/
	padding: 100px 0 175px;
	text-align: center;
	background: rgba(0,0,0,.05);
}

#services>.title {
	font-weight: 300;
	color: rgb(14,198,206);
	font-size: 36px;
	padding-bottom: 40px;
	/*text-transform: uppercase;*/
}

#services .header {
	font-size: 21px;
	font-weight: 700;
	color: rgb(11,149,155);
	margin-bottom: 5px;
}

#services>  .content {
	position: relative;
	/*margin-top: 125px;*/
	width: 90%;
	max-width: 800px; 
	left: 50%; margin-left: -300px;
	font-weight: 300;
	color: rgba(35,49,58,0.75);
	padding-bottom: 125px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	overflow: hidden;
}

#services .subject {
	font-weight: 700;
	/*color: #0B959B;*/
}

#services .bullet {
	display: inline-block; 
	position: absolute;
	width: 20px; 
	font-size: 21px; 
	color: rgb(14,198,206); 
	font-weight: bold;
	
}

#services .item {
	display: inline-block;
	margin-left: 20px;
}

@media (max-width: 640px) {
	#services>.content {
		left: 5%;
		margin-left: 0;
	}
}

#services ul {
	list-style-type: circle;
	list-style-position: outside;
}


#programs {
	position: relative;
	width: 100%;
	margin-top: 20px;
	padding: 100px 0 175px;
	text-align: center;
	/*background: rgba(0,0,0,.05);*/
}

#programs>.title {
	font-weight: 300;
	color: rgb(14,198,206);
	font-size: 36px;
	padding-bottom: 40px;
	/*text-transform: uppercase;*/
}

#programs .header {
	font-size: 21px;
	font-weight: 700;
	color: rgb(11,149,155);
	margin-bottom: 5px;
}

#programs>.content {
	position: relative;
	margin-top: 40px;
	width: 90%;
	max-width: 600px; 
	left: 50%; margin-left: -300px;
	font-weight: 300;
	color: rgba(35,49,58,0.75);
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	overflow: hidden;
	padding-bottom: 125px;
}

#programs .subject {
	font-weight: 700;
	/*color: #0B959B;*/
}

#programs .bullet {
	display: inline-block; 
	position: absolute;
	width: 20px; 
	font-size: 21px; 
	color: rgb(14,198,206); 
	font-weight: bold;
	
}

#programs .item {
	display: inline-block;
	margin-left: 20px;
}

@media (max-width: 640px) {
	#programs>.content {
		left: 5%;
		margin-left: 0;
	}
}

#programs ul {
	list-style-type: circle;
	list-style-position: outside;
}

#programs .buttons {
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}

#programs .button {
	display: inline-block;
	position: relative;
	padding: 10px 40px 10px 20px;
	margin-bottom: 10px;
	background: rgba(0,0,0,.1);
	color: #FFF;
	border-radius: 8px;
	cursor: pointer;
	font-weight: bold;
	line-height: 21px;
	overflow: hidden;
	width: 260px;
	height: 93px;
}

#programs .button .wrapper {
	position: relative;
	width: 80px;
	margin-right: 0px;
	float: left;
	margin-top: -8px;
}

#programs .button .default {
	width: 100%;
}

#programs .button .rollOver {
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	opacity: 0;
}

#programs .button .text {
	margin-top: 4px;
	margin-left: 10px;
	float: left;
	border-left: solid 1px rgba(255,255,255,.7);
	padding-left: 20px;
}

#btnMedicine {
	margin-right: 10px;
}




#areas {
	position: relative;
	width: 100%;
	margin-top: 20px;
	padding: 100px 0 175px;
	text-align: center;
	background: rgba(0,0,0,.05);
}

#areas>.title {
	font-weight: 300;
	color: rgb(14,198,206);
	font-size: 36px;
	padding-bottom: 40px;
}

#areas>.content {
	position: relative;
	margin-top: 40px;
	width: 90%;
	max-width: 440px; 
	left: 50%; margin-left: -220px;
	font-weight: 300;
	color: rgba(35,49,58,0.75);
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	padding-bottom: 125px;
}

@media (max-width: 440px) {
	#areas>.content {
		left: 5%;
		margin-left: 0;
	}
}

#areas>.content>.header {
	font-size: 21px;
	font-weight: 700;
	color: rgb(11,149,155);
	margin-bottom: 25px !important;
}

#areas>.content .header {
	font-weight: 500;
	margin-bottom: 5px;
}

#areas>.content .item {
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
}

#areas .bullet {
	display: inline-block; 
	position: absolute;
	margin-left: -20px;
	width: 20px; 
	font-size: 21px; 
	color: rgb(14,198,206); 
	font-weight: bold;
}

#areas>.content .item .title {
	position: relative;
	float: left;
	margin-left: 20px;
	width: 90%;
	font-weight: 700;
	/*color: rgb(11,149,155);*/
}



#servicesTms {
	position: relative;
	width: 100%;
	margin-top: 20px;
	padding: 100px 0 175px;
	text-align: center;
	background: rgba(0,0,0,.05);
}

#servicesTms>.title {
	font-weight: 300;
	color: rgb(14,198,206);
	font-size: 36px;
	padding-bottom: 40px;
}

#servicesTms>.content {
	position: relative;
	margin-top: 40px;
	width: 90%;
	max-width: 440px; 
	left: 50%; margin-left: -220px;
	font-weight: 300;
	color: rgba(35,49,58,0.75);
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	padding-bottom: 125px;
}

@media (max-width: 440px) {
	#servicesTms>.content {
		left: 5%;
		margin-left: 0;
	}
}


#servicesTms>.content>.header {
	font-size: 21px;
	font-weight: 700;
	color: rgb(11,149,155);
	margin-bottom: 25px !important;
}

#servicesTms>.content .header {
	font-weight: 500;
	margin-bottom: 5px;
}

#servicesTms>.content .item {
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
}

#servicesTms .bullet {
	display: inline-block; 
	position: absolute;
	margin-left: -20px;
	width: 20px; 
	font-size: 21px; 
	color: rgb(14,198,206); 
	font-weight: bold;
}

#servicesTms>.content .item .title {
	position: relative;
	float: left;
	margin-left: 20px;
	width: 90%;
	font-weight: 700;
	/*color: rgb(11,149,155);*/
}



#team {
	position: relative;
	width: 100%;
	margin-top: 60px;
	padding: 100px 0;
	text-align: center;
}

#team .arrow {
	position: absolute;
	left: 50%; margin-left: -15px;
	top: -1.25vh;
	width: 30px;
}

#team>.title {
	font-weight: 300;
	color: rgb(14,198,206);
	font-size: 36px;
}

#team .items {
	position: relative;
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
}

#team .item {
	position: relative;
	display: inline-block;
	width: 200px;
	margin: 50px;
	overflow: hidden;
}

#team .item .wrapper {
	position: relative;
	display: inline-block;
}

#team .item .image {
	position: relative;
	/*display: inline-block;*/
	border-radius: 50%;
	width: 200px;
	border: solid 3px rgba(0,0,0,0);
}

#team .item .border {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: solid 3px rgb(14,198,206);
	border-radius: 50%;
	opacity: 0
}

#team .item .title {
	position: relative;
	margin-top: 20px;
	width: 100%; height: 70px;
	font-weight: 500;
	color: rgb(11,149,155);
	font-size: 14px;
	line-height: 21px;
}

#team .item .title span {
	color: rgba(0,0,0,.5);
}

#team .item .content {
	position: relative;
	margin-top: 20px;
	width: 100%;
	font-weight: 300;
	color: #000;
	font-size: 14px;
	line-height: 21px;	
	text-align: justify;
	display: none;
}

#team .item .more {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	font-weight: 500;
	color: rgba(0,0,0,.75);
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	border-bottom: solid 1px rgba(0,0,0,.75);
	display: none;
}


#team #overlay {
	position: fixed;
	top: 0; left: 0;
	z-index: 999;
	width: 100%; height: 100%;
	background: rgba(255,255,255,.97);
	text-align: left;
	display: none;
}

#team #overlay #prev {
	position: absolute;
	top: 50%; margin-top: -15px;
	left: 30px;
	width : 30px;
	cursor: pointer;

	-ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#team #overlay #next {
	position: absolute;
	top: 50%; margin-top: -15px;
	right: 30px;
	width : 30px;
	cursor: pointer;
}

#team #overlay #close {
	position: absolute;
	top: 30px; right: 30px;
	color: #000;
	width: 30px;
	cursor: pointer;

}

#team #overlay #close img {
	position: relative;
	width: 100%;
}

#team #overlay .scroller {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

#team #overlay .content {
	position: relative;
	top: 50%; margin-top: -200px;
	left: 50%; margin-left: -75px;
	padding-bottom: 200px;
	width: 400px;
}

#team #overlay .title {
	font-size: 28px;
	margin-bottom: 5px;
	color: rgb(11,149,155);
}

#team #overlay .description {
	font-size: 18px;
	margin-bottom: 25px;
	color: rgba(0,0,0,.5);
}

#team #overlay .photo {
	position: absolute;
	top: 50%; margin-top: -200px;
	left: 50%; margin-left: -300px;
	/*width: 150px;*/
	pointer-events: none;
}

#team #overlay .photo img {
	border-radius: 8px;
	width: 200px;
}

#team #overlay .photoMobile {
	display: none;
	border-radius: 8px;
	width: 100%;
}


@media (max-width: 640px) {

	#team #overlay #prev, #team #overlay #next {
		top: 97px;
		margin-top: 0;
		display: none;
	}

	#team #overlay #prev {
		left: 25px;
	}

	#team #overlay #next {
		right: 25px;	
	}

	#team #overlay .photo {
		display: none;
	}

	#team #overlay .content {
		left: 10%;
		margin-left: 0;
		width: 80%;
		top: 100px; margin-top: 0px;
	}

	#team #overlay .title {
		font-size: 21px;
		margin-top: 25px;
		margin-bottom: 10px;
	}

	#team #overlay .bio {
		text-align: justify;
	}

	#team #overlay #close {
		top: 27px;
		right: 10%;
		/*background: #FFF;*/
	}
}



#treatments {
	position: relative;
	width: 100%;
	/*margin-top: 20px;*/
	padding: 100px 0 175px;
	text-align: center;
	background: rgba(0,0,0,.05);

}

#treatments>.title {
	font-weight: 300;
	color: rgb(14,198,206);
	font-size: 36px;
	/*text-transform: uppercase;*/
}

#treatments .nav {
	margin-top: 50px;
	width: 100%;
	text-align: center;
	font-weight: 500;
}

#treatments .nav .item {
	position: relative;
	display: inline-block;
	width: 200px; height: 200px;
	font-size: 14px;
	text-align: center;
	opacity: 0;
}

@media (max-width: 440px) {
	#treatments .nav .item {
		/*width: 95px; */
		width: 80px;
		height: 125px;
		margin-bottom: 20px;
		font-size: 12px;
		vertical-align: top;
	}
}

#treatments .nav .item:hover {
	color: rgb(14,198,206);
}

#treatments .nav .item .icon {
	display: inline-block;
	position: relative;
	width: 140px; height: 140px;
	border-radius: 50%;
	border: solid 2px rgba(0,0,0,.1);
	line-height: 100px;
	font-weight: 900;
	color: rgba(0,0,0,.1);
	font-size: 50px;
	margin-bottom: 20px;
	cursor: pointer;
}

#treatments .nav .item .icon img {
	position: absolute; 
	left: 5%; top: 5%; 
	width: 90%
}

@media (max-width: 440px) {
	#treatments .nav .item .icon {
		width: 70px; height: 70px;
	}
}

/*#treatments .nav .item .icon:hover {
	background: rgb(14,198,206);
	border-color: #FFF;
}*/


/*#treatments .nav .item .iconSelected {
	background: rgb(14,198,206) !important;
	color: #FFF !important;
	border-color: #FFF !important;
	cursor: default !important;
}

#treatments .nav .item .labelSelected {
	font-weight: 900 !important;
	font-style: Italic !important;
	color: rgb(11,149,155) !important;
}*/


#treatments .nav .item .label {
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: center;
	/*color: rgb(14,198,206);*/
	color: rgba(0,0,0,.5);
	height: 50px;
}

/*#treatments .nav .item .label:hover {
	color: rgb(14,198,206);
}*/

#treatments>.content {
	position: relative;
	margin-top: 0px;
	width: 600px; 
	left: 50%; margin-left: -277px;
	font-weight: 300;
	color: rgba(35,49,58,0.75);
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

@media (max-width: 440px) {
	#treatments>.content {
		left: 0; margin-left: 0;
		width: 100%;
	}
}


#treatments>.content .header {
	font-weight: 500;
	margin-bottom: 5px;
}


#about {
	position: relative;
	width: 100%; height: 500px;
	background-image: url(../images/photos/about.jpg);
	background-size: cover;
	background-position: center top;
	overflow: hidden;
}

#about .welcome {
	display: inline-block; 
	font-size: 30px; 
	margin-bottom: 10px;
	/*color: #0a959a;*/
	color: #fff;
}

#about .overlay {
	position: absolute;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.5);
	/*background: #f2f2f2;*/
}

#about .copy {
	width: 800px; height: 150px;
	left: 50%; margin-left: -400px;
	-ms-transform: translate(0, 0); /* IE 9 */
    -webkit-transform: translate(0, 0); /* Safari */
    transform: translate(0, 0);

    color: #FFF;
    /*color: #7a7a7a;*/
    font-weight: 400;

    opacity: 0;


	position: absolute; 
	top: auto; 
	/*bottom: 120px; */
	bottom: 200px;
	transform: translate(0, 0); 
	font-size: 18px; 
	line-height: 30px; 
	font-weight: 400; 
	text-align: justify;
}

#about .copy span {
	display: none;
	margin-bottom: 25px;
}

#about .copy .mobile {
	display: inline;
}

@media (max-width: 640px) {
	#about .copy .mobile {
		display: none;
	}

	#about .welcome {
		line-height: 30px;
	}
}

@media (max-width: 850px) {
	#about .copy {
		font-size: 15px !important;
		line-height: 24px !important;
		left: 5% !important; margin-left: 0 !important;
		width: 90% !important;
		text-align: left !important;
	}

	#about .copy span {
		line-height: 21px !important;
	}

	#about #paragraph1, #about #paragraph2, #about #paragraph3 {
		margin-bottom: 15px;
	}
}

#about #btnMore {
	position: absolute;
	
	padding: 10px 0;
	
	line-height: 100%;
	color: #FFF;
	
	letter-spacing: 1px;
	border: solid 2px #fff;
	border-color: rgba(255,255,255,1);

	/*border: solid 2px #0a959a;*/
	/*border-color: #0a959a;*/
	/*color: #0a959a;*/

	font-size: 20px;
	font-weight: 900;
	border-radius: 2px;
	cursor: pointer;
	bottom: -70px;
	left: 50%;
	margin-left: -70px;
	width: 140px;
	text-align: center;
}

#tms {
	position: relative;
	width: 100%; height: 700px;
	background-image: url(../images/photos/tms.jpg);
	background-size: cover;
	background-position: center top;
	text-align: left;
}

@media (max-width: 1080px) {
	#tms {
		background-position: 75% top;
	}
}

#tms .overlay {
	position: absolute;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0)
}

#tms .copy {
	position: absolute;
	width: 500px;
	left: 50%; margin-left: -500px;
	top: 50%;
	-ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0, -50%);

    font-size: 23px;
    line-height: 34px;

    color: #FFF;
    font-weight: 400;
}

@media (max-width: 1080px) {
	#tms .overlay {
		background: rgba(11,149,155, .85);
	}

	#tms .copy  {
		left: 50px; margin-left: 0px;
	}
}

@media (max-width: 600px) {
	
	#tms {
		height: auto;
	}

	#tms .overlay  {
		position: relative;
		height: auto;
		padding: 50px 0 100px;
	}

	#tms .copy  {
		position: relative;
		top: 0;
		font-size: 18px;
		left: 20px; width: calc(100% - 60px);
		margin-top: 50px;
		/*margin-bottom: 50px;*/
		-ms-transform: translate(0, 0); /* IE 9 */
	    -webkit-transform: translate(0, 0); /* Safari */
	    transform: translate(0, 0);
	}
}

#tms #overlay .question {
	font-weight: bold;
	color: rgba(11,149,155,1);
	font-size: 18px;
	line-height: 28px;
}

#tms #overlay .header {
	position: relative;
	left: 50%;
    transform: translate(-50%, 0);
	width: calc(100vw + 1px);
	background: #000;
}

#tms #overlay .headerImg {
	position: relative; 
	width: 100%;  
    opacity: .5;
}

#tms #overlay .headerTitle {
	position: absolute;
	top: 50%; left: 50%;
	white-space: nowrap;
	transform: translate(-50%, -50%);
	text-align: center;
	font-weight: bold; 
	font-size: 36px;
	color: rgba(255,255,255,1);
	width: 80%;
}

#btnMoreTms, #btnMoreTmsLight {
	position: relative;
	display: inline-block;
	padding: 10px 0;
	width: 140px;
	line-height: 100%;
	color: rgb(11,149,155);
	letter-spacing: 1px;
	border: solid 2px #fff;
	border-color: rgb(11,149,155);
	font-size: 20px;
	font-weight: 900;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
}

#btnMoreTmsLight {
	color: rgb(255,255,255);
	border: solid 2px #fff;
	border-color: rgb(255,255,255);
}


#policiesFees {
	position: relative;
	width: 100%; height: 500px;
	background-image: url(../images/photos/policies.jpg);
	background-size: cover;
	background-position: center top;
}

#policiesFees .overlay {
	position: absolute;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.5)
}

#policiesFees .copy {
	position: absolute;
	width: 800px;
	left: 50%; margin-left: -400px;
	top: 50%;
	-ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0, -50%);

    font-size: 23px;
    line-height: 34px;

    color: #FFF;
    font-weight: 400;

    opacity: 0;

    
}

#policiesFees {
	text-align: center;
}

#policiesFees>.copy {
	text-align: center !important;	
}

#policiesFees .copy>.title {
	font-size: 36px;
	font-weight: 300;
	margin-bottom: 30px;
}

#btnPolicies, #btnFees {
	position: relative;
	display: inline-block;
	margin: 10px;
	padding: 10px 30px;
	/*width: 100px; height: 100px;*/
	line-height: 100%;
	color: #FFF;
	/*background: rgba(255,255,255,.2);*/
	letter-spacing: 1px;
	border: solid 2px #fff;
	border-color: rgba(255,255,255,1);
	font-size: 20px;
	font-weight: 900;
	border-radius: 2px;
	cursor: pointer;
}



#policiesFees #overlay, #tms #overlay {
	position: fixed;
	top: 0; left: 0;
	z-index: 999;
	width: 100%; height: 100%;
	background: rgba(255,255,255,.97);
	text-align: left;
	display: none;
}

#policiesFees #overlay #close, #tms #overlay #close {
	position: absolute;
	top: 30px; right: 30px;
	color: #000;
	width: 30px;
	cursor: pointer;

}


#policiesFees #overlay .scroller, #tms #overlay .scroller {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

#policiesFees #overlay>.content, #tms #overlay .content {
	position: relative;
	top: 50%; margin-top: -200px;
	left: 50%; margin-left: -400px;
	padding-bottom: 150px;
	width: 800px;
}

#tms #overlay .content {
	top: 0px;
	margin-top: 90px;	
}

@media (max-width: 850px) {
	#policiesFees #overlay .content, #tms #overlay .content {
		position: relative;
		top: 0px; 
		margin-top: 0px;
		left: 5%; margin-left: 0;
		width: 90%;
	}

	#tms #overlay .content {
		margin-top: 90px;
	}


	#tms #overlay .headerTitle {
		white-space: normal;
		font-size: 21px;
	}
}



#tmsOverlay, #fees, #policies {
	position: relative;
	width: 100%;
	width: 90%;
	margin-top: 100px;
	max-width: 800px; 
	left: 50%;
	text-align: center;
	overflow: hidden;
	padding-bottom: 50px;
	display: none;
}

#fees {
	background: none; 
	padding: 0; 
	display: none;
	transform: translate(-50%, 0);
}

#policies {
	max-width: 800px; 
	margin-left: -400px;
}

#policies .process {
	margin-left: 30px;
}

#policies .dash {
	position: absolute;
	margin-left: -15px;
	color: rgb(11,149,155);
	font-weight: bold;
}

@media (max-width: 440px) {
	#fees {
		left: 5%;
		margin-left: 0;
		transform: translate(0, 0);
	}
}

@media (max-width: 800px) {
	#policies {
		left: 5%;
		margin-left: 0;
	}

	#fees {
		/*transform: translate(0, 0);*/
	}
}

#fees>.title, #policies>.title {
	font-weight: 300;
	color: rgb(14,198,206);
	font-size: 36px;
	padding-bottom: 40px;
	/*text-transform: uppercase;*/
}

#fees>.content>.header, #policies>.content>.header {
	font-size: 21px;
	font-weight: 700;
	color: rgba(0,0,0,.5);
	margin-bottom: 25px !important;
}

#fees>.content, #policies>.content {
	position: relative;
	width: 100%;
	margin-top: 40px;
	font-weight: 300;
	color: rgba(35,49,58,0.75);
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

#fees>.content .header, #policies>.content .header {
	font-weight: 500;
	margin-bottom: 5px;
	color: rgba(0,0,0,.5);
}

#fees>.content .item {
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
}

#fees>.content .item .title {
	position: relative;
	float: left;
	width: 50%;
	font-weight: 700;
	color: rgb(11,149,155);
}

#fees>.content .item .price {
	position: relative;
	float: left;
	width: 50%;
}

@media (max-width: 440px) {
	
	#fees>.content .item .title {
		width: 100%;
	}

	#fees>.content .item .price {
		width: 100%;
	}
}

.registrationLink {
	color: #07949c;
	border-bottom: solid 1px #07949c;
}

.registrationLink:hover {
	color: #000000;	
}

#contact {
	position: relative;
	width: 100%;
	background: rgb(11,149,155);
	position: center top;
	padding: 100px 0 200px;
}

#contact .content {
	position: relative;
	width: 800px;
	left: 50%; margin-left: -400px;
	padding-bottom: 200px;
}

@media (max-width: 850px) {
	#contact .content {
		width: 250px;
		margin-left: -125px;
		text-align: center;
		padding-bottom: 0px;
	}
}

#contact .address {
	position: relative;
	top: 2px; left: 0;
	color: rgba(255,255,255,1);
	line-height: 21px;
	font-weight: 300;
}

#contact .address a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

#contact .address .header {
	display: block;
	font-weight: 300;
	font-size: 21px;
	color: rgba(255,255,255,1);
	margin-bottom: 5px;
}

#contact .address .buildingLink {
	position: relative;
	display: inline-block;
	width: 130px;
}

#contact .address .building {
	position: relative;
	width: 100%;
	border-radius: 50%;
	margin-bottom: 20px;
}

#contact .address .mapsIcon {
	position: absolute;
	width: 50px;
	left: 95px; top: 92px;
	cursor: pointer;
}

#contact .address .title {
	display: block;
	font-weight: 500;
}

#contact .address .phone, #contact .address .fax, #contact .address .email {
	display: inline-block;
	font-weight: 500;
	width: 35px;
}

#contact .address .emailaddress {
	display: inline-block;
	font-weight: 300;
	color: #FFF;
}

#contact .address .emailaddress:hover {
	text-decoration: underline;
}

#contact .fb {
	color: #FFF;
}

#contact .fb .ico {
	display: inline-block;
	padding: 5px 7px;
	border: solid 1px rgba(255,255,255,.5);
	border-radius: 5px;
	margin-right: 10px;
}

#contact .fb .ico:hover {
	border-color: rgba(255,255,255,1);
}

#contact .fb .ico svg {
	height: 20px; 
	transform: translate(0,2px);
}

#contact .fb span {
	border-bottom: solid 1px rgba(255,255,255,.35);
	transform: translate(0,-2px);
    display: inline-block;
    line-height: 18px;
}

#contact .fb span:hover {
	border-color: rgba(255,255,255,1);
}

#contact .form {
	position: absolute;
	top: 0; left: 40%;
}

@media (max-width: 850px) {
	#contact .form {
		display: none;
		/*position: relative;
		top: 'auto'; left: 50%;
		margin-left: -200px;
		margin-top: 50px;
		width: 400px;
		overflow: hidden;
		display: block;*/
	}
}

#contact .form .header {
	display: block;
	font-weight: 300;
	font-size: 21px;
	color: rgba(255,255,255,1);
	margin-bottom: 30px;
}

#contact .form>input, #contact .form textarea {
	display: block;
	border: solid 1px rgba(0,0,0,.075);
	/*background: rgba(0,0,0,.05);*/
	background: rgba(255,255,255,.98);
	margin: 10px 0;
	/*color: rgba(255,255,255,.35);*/
	color: rgba(0,0,0,.5);
	font-style: Italic;
	font-weight: 200;
	padding: 15px;
	width: 450px;
	height: 40px;
	font-size: 15px;
	border-radius: 3px;
}

#contact .form>input {
	width: 350px;
}

#contact .form .name {
	/*width: 250px;*/
}

#contact .form .subject {
	margin-top: 35px;
	width: 450px;
}

#contact .form textarea {
	/*height: 154px;*/
	height: 215px;
	resize: none;
}

#contact .form .submit {
	position: relative;
	/* float: left; */
	display: inline-block;
	background: #e74c3c;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 3px;
	font-weight: 500;
	letter-spacing: 0px;
	margin-top: 20px;
	cursor: pointer;
	display: none;
	vertical-align: middle;
}

#contact .form .submit:hover {
	background: #c0392b;
}

#contact .form .error {
	position: relative;
	display: inline-block;
	/* float: left; */
	margin-top: 10px;
	margin-left: 20px;
	color: #ff3400;
	font-weight: 700;
	display: none;
	vertical-align: middle;
}

#contact .form .success {
	position: relative;
	/* float: left; */
	display: inline-block;
	margin-top: 10px;
	color: #00d105;
	font-weight: 700;
	display: none;
	vertical-align: middle;
}

#contact .form .privacy {
	margin-top: 20px;
}

#contact .form .privacy input, #contact .form .privacy span {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

#contact .form .privacy input {
	width: 15px;
	margin-right: 5px;
	transform: translate(0, 3px);
}

#contact .form .privacy span {
	width: calc(100% - 25px);
	color: #FFF;
	line-height: 21px;
}

#contact .form .privacy span .openIframe {
	display: inline-block;
	text-decoration: underline;
	cursor: pointer;
}

#maps {
	position: relative;
	width: 100%;
	height: 250px;
	/*background-image: url(../images/contact/maps.jpg);*/
	/*background-size: cover;*/
	/*position: center bottom;*/
}

#maps iframe {
	width: 100%;
	height: 100%;
}

@media only screen and (max-device-width: 800px) {

	#maps {
		display: none;
	}
}

.footer {
	position: relative;
	width: 100%;
	padding: 13px 30px;
	text-align: center;
	color: #FFF;
	background: rgb(86, 97, 104);
	font-size: 14px;
}

.footer>div, .footerButton {
	position: relative;
	display: inline-block;
	color: inherit;
	margin: 2px 10px;
}

.footerButton {
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}


/* PRIVACY OVERLAY /**/

#overlayIframe {
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f6f6f6;
	z-index: 99999999;
	display: none;
}

#overlayIframeButtonText {
	position: absolute;
	left: 10px;
	top: 5px;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

#overlayIframeButtonText:hover {
	color: rgb(14,198,206);
}

#overlayIframeCloseButton {
	position: absolute;
	top: 0px; right: 0px;
	font-size: 22px;
	z-index: 100000;
	width: 30px; height: 30px;
	
	text-align: center;
	line-height: 20px;
	border: none;
	background: #000;
	color: #FFF;
	
}

#overlayIframeCloseButton:hover {
	cursor: pointer;
	background: #FFF;
	color: #000;
}

#overlayIframeIframe {
	position: absolute;
	top: 30px; left: 0;
	background: #FFF;
	width: 100%;
	height: 100%;
	z-index: 0;
	/* border-top: solid 1px #00000017; */
}