@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

@font-face {
    font-family: 'honeyScript';
    src: url('/assets/fonts/honey-script/honeyscript-light-webfont.eot');
    src: url('/assets/fonts/honey-script/honeyscript-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/honey-script/honeyscript-light-webfont.woff') format('woff'),
         url('/assets/fonts/honey-script/honeyscript-light-webfont.ttf') format('truetype'),
         url('/assets/fonts/honey-script/honeyscript-light-webfont.svg#honeyscript-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'afta-sans';
    src: url('/assets/fonts/afta-sans/aftasansthin-italic-webfont.eot');
    src: url('/assets/fonts/afta-sans/aftasansthin-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/afta-sans/aftasansthin-italic-webfont.woff') format('woff'),
         url('/assets/fonts/afta-sans/aftasansthin-italic-webfont.ttf') format('truetype'),
         url('/assets/fonts/afta-sans/aftasansthin-italic-webfont.svg#aftasansthin-italic-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cantarell';
    src: url('/assets/fonts/cantarell/Cantarell-Regular-webfont.eot');
    src: url('/assets/fonts/cantarell/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/cantarell/Cantarell-Regular-webfont.woff') format('woff'),
         url('/assets/fonts/cantarell/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/cantarell/Cantarell-Regular-webfont.svg#Cantarell-Regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
  /*background: #fff url('../images/bg-texture-dark.png') repeat 0 0;*/
  background:none!important;
  font: normal normal 0.938em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a {
  color: #ff4d86;
  text-decoration: none;
  -webkit-transition: all .28s ease;
  -moz-transition: all .28s ease;
  -ms-transition: all .28s ease;
  -o-transition: all .28s ease;
  transition: all .28s ease;
  border: 0;
  outline: 0 !important;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
}
a:hover {
  text-decoration: none;
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
.font-1 {
  font-family: 'cantarell';
}
nav#main-nav,
.font-2 {
  font-family: 'Open Sans Condensed', 'Helvetica Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4 {
  margin: 0.2em 0 0.875em;
}
h1 {
  color: #000;
  font-size: 2em;
  text-transform:lowercase;
  font-family: 'Roboto Slab', serif;
}
h2 {
  color: #47bcb1;
  font-size: 1.297em;
  margin-top:2em;
	text-transform:lowercase;
}
h3 {
  font-size: 1.153em;
		text-transform:lowercase;
	  color: #47bcb1;
}
h4 {
  font-size: 1.267em;
	  margin-top:2em;
	  color: #47bcb1;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.933em;
}

#hd {
  text-align: center;
}
#hd .address {
  font-size: 0.933em;
  line-height: 1.25;
}
#hd .address a {
  color: #174d73;
}
#hd .address a:hover {
  color: #09c;
  text-decoration: none;
}
#hd .address .phone {
  color: #09c !important;
  font-size: 1.571em;
}
#utility-nav a {
  color: #fff;
  background: transparent url('../images/patient-login.png') no-repeat center top;
  text-align: center;
}
#utility-nav a:hover {
  text-decoration: none;
}
#tagline {
  text-shadow: 2px 2px 0px rgba(0,0,0,0.6);
  color: #fff;
  font-size: 1.867em;
}
#main-nav {
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
#main-nav a {
  padding: 12px;
  color: #fff;
}
#main-nav a:hover {
  text-decoration: none;
}
#main-nav .trigger {
  background: #174d73;
  background: #ff4d86;
}
#main-nav ul li {
  margin-top: 1px;
  background: #2478b3;
  background: #ff4d86;
}

#main-nav ul li:hover, #main-nav ul li.active{
	background: #737373;
}
#main-nav ul ul li {
  background: #499edb;
}
#callouts {
  text-transform: uppercase;
  width:100%;
}


#callouts .callout a div{
	margin:0 auto;
	max-width:222px;
	max-height:222px;
	min-height:222px;
	width:100%;
	height:100%;
}

#callouts #callout1 a div{
	background-image:url('/assets/images/callout-1.png');
}
#callouts #callout2 a div{
	background-image:url('/assets/images/callout-2.png');
}
#callouts #callout3 a div{
	background-image:url('/assets/images/callout-3.png');
}

#callouts .callout a:hover div{
	background-position: left bottom;
}

#callouts .callout a:hover{
  text-decoration: none;
}
#callouts .callout h4 {
  font-size: 2.6em;
  color: #ff4d86;
  font-family:'honeyScript';
  text-transform:capitalize;
  font-weight:normal;
}
#callouts .callout .subtext {
  color: #737373;
}
#callouts .callout a .learn-more {
  display: block;
  margin: 0 auto;
  padding: 8px 0;
  width: 135px;
  background: transparent url("../images/learn-more-off.png") center center no-repeat;
  color: #fff;
}
#callouts .callout a:hover .learn-more {
  background: transparent url("../images/learn-more-on.png") center center no-repeat;
}
#subnav {
  background: #f9f9f9 url('../images/bg-texture-dark.png') repeat 0 0;
  line-height: 1.75;
}
#subnav h3 {
  color: #393939;
}
#subnav ul {
  font-size: 0.867em;
}
#subnav a:hover {
  text-decoration: underline;
}


.back-to-top{
	line-height:34px;font-size:20px;color:#fff;
	height:33px;width:53px;border-radius:26px 26px 0 0;
	margin:-77px -26px 0;padding:0;
	background:#757575;
	position:absolute;left:50%;z-index:400;
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.back-to-top:hover{  
	color:#FD256C;background:none;margin-top:-87px;
	-webkit-transform:scale(1.33);
	-ms-transform:scale(1.33);
	transform:scale(1.33);
}

#ft-banner {
  background: #174d73 url('../images/bg-texture-lighter.png') repeat 0 0;
  text-align: center;
}
#ft-banner .location a {
  color: #fff;
}
#ft-banner .location a:hover {
  color: #9ecbec;
  text-decoration: none;
}
#ft-banner a .location-name {
  color: #9ecbec;
  font-size: 1.467em;
}
#ft-banner a .phone {
  color: #fff;
  font-size: 1.2em;
}
#ft {
  background: #757575;
  clear:both;
  text-align:center;
  position:relative;z-index:400;
}

#ft-nav{
	margin:0 auto;
}

#ft-nav li{
	float:none;
	width:auto;
	display:inline-block;
	color:#FE4C85;
}

#ft-nav li a{
	display:inline-block!important;
	margin-right:20px!important;
	color:white;
}
#ft h5 {
  color: #ccf2ff;
  text-transform: uppercase;
  font-weight: normal;
}
#ft a {
  color: #fff;
}
#ft a:hover {
  color: #ff4d86;s
  text-decoration: none;
}
#ft .sesame {
  font-size: 0.867em;
}
#find-us h3 {
  background: none repeat scroll 0 0 #999c94;
  color: #FFFFFF;
  display: inline;
  font-size: 1.6em;
  left: 0;
  margin: 0;
  padding: 20px 28px 0 15px;
  position: absolute;
  top: 0;
}


#content{
	padding:0 15px;
}

#home-quote{
  width:70%;
  margin:2% auto;
  text-align:center;
	background:url('/assets/images/quote-left.png') no-repeat left top, url('/assets/images/quote-right.png') no-repeat right bottom;
	
}
input{
	min-width:200px;
}

textarea{
	min-width:200px;
}

#submit{
	max-width:12px;
	min-height:35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #FD296C;
	background: -moz-linear-gradient(top, #fea0be 0%, #FD296C 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fea0be), color-stop(100%,#FD296C));
	background: -webkit-linear-gradient(top, #fea0be 0%,#FD296C 100%);
	background: -o-linear-gradient(top, #fea0be 0%,#FD296C 100%);
	background: -ms-linear-gradient(top, #fea0be 0%,#FD296C 100%);
	background: linear-gradient(to bottom, #fea0be 0%,#FD296C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fea0be', endColorstr='#FD296C',GradientType=0 );
	color:white;
	font-weight:bold;
	font-size:.9em;
	margin-top:20px;
}


#submit:hover{
	background: #757575;
	background: -moz-linear-gradient(top, #cccbcb 0%, #757575 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccbcb), color-stop(100%,#757575));
	background: -webkit-linear-gradient(top, #cccbcb 0%,#757575 100%);
	background: -o-linear-gradient(top, #cccbcb 0%,#757575 100%);
	background: -ms-linear-gradient(top, #cccbcb 0%,#757575 100%);
	background: linear-gradient(to bottom, #cccbcb 0%,#757575 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccbcb', endColorstr='#757575',GradientType=0 );
}


#submit-nav{
	color:black;
}

#submit-nav nav ul li a:after{
	content:"";
}

.logo {
	margin-top:1.5em;
}

.testimonials{
	display:none;
}

form label{ text-align:right; }

form {
	color: #6a6a6a;
}


.hr{
	border-top:solid 1px #FF4D86;
	clear:both;
	margin: 10px 0;;
}

.signature{
	float:right;
	font-style:italic;
	font-weight:bold;
}

.signature:before{
	content:"~ ";
}

#sub-ft{
	background:black;
	color:white;
	padding:10px 0;
	text-align:center;
}

.text-right {
	margin-top:40px;
}



@media screen and (min-width: 48em) {
  #ft-banner {
    text-align: left;
  }
  
  
  
  
  #content{
	padding:0 30px;
  }
  
}


@media screen and (min-width: 48em) and (max-width: 64em){
	#callouts .callout div{
		max-width:200px!important;
		background-size:200px 416px;
		background-repeat:no-repeat;
		max-height:200px!important;
		min-height:200px!important;
	}
	#callouts .callout a:hover div{
		background-position: left -216px;
	}
	
}


@media screen and (min-width: 64em) {
	
#main-nav .home, #main-nav .about, #main-nav .contact{
	display:none;
}	
	
  #hd .address {
    text-align: left;
  }
  #left-side {
    border-top: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    background: #f9f9f9 url('../images/side-bg.jpg') repeat 0 0;
	background-size:100% auto;
	width:26.5%;
	padding-right:1%;
	height:100%;
	float:left;
	min-height:100%;
	position:fixed;
	height:100%;
  }
  
  .logo {
	  margin-top:2.15em;
	  text-align:right;
  }
  
  #main-nav,
  #main-nav ul li,
  #main-nav ul ul li {
    background: transparent;
	display:block;
	float:none;
  }
  #main-nav {
    font-size: 1.067em;
	float:right;
	margin-top:0;
	padding-top:0;
  }
  
  
  #main-nav a {
    color: #606060;
	text-align:right;
  }
  
  #main-nav .collapsible > ul > li > a {
    background-size: 100% 100% !important;
	font-family: 'cantarell';
  }
  #main-nav .collapsible > ul > li.active > a,
  #main-nav .collapsible > ul > li:hover > a {
    color: #ff4d86;
  }
  
  #main-nav ul > li{
	  border-bottom:1px solid #47bcb1;
  }
  
  #main-nav ul > li:nth-of-type(11){
	  border:none;
  }
  
  #main-nav ul ul {
    text-align: left;
    background: #174d73;
    font-size: 0.867em;
  }
  #main-nav ul ul a {
    color: #fff;
  }
  #main-nav ul ul a:hover{
    background: #3393d6;
  }
  .ie8 #main-nav .collapsible > ul > li.active > a,
  .ie8 #main-nav .collapsible > ul > li:hover > a {
    background: #174d73 !important;
  }
  
  #main-nav ul li:hover, #main-nav ul li.active{
	background: none;
	}
  
  #bd{
	  width:70%;
	  margin-left:30%;
	  background:white!important;
  }
  
  
  #hd{
	  	width:72.5%;
	  	background: #e7e7e7;
		background: -moz-linear-gradient(top, #fff 0%, #e7e7e7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e7e7e7));
		background: -webkit-linear-gradient(top, #fff 0%,#e7e7e7 100%);
		background: -o-linear-gradient(top, #fff 0%,#e7e7e7 100%);
		background: -ms-linear-gradient(top, #fff 0%,#e7e7e7 100%);
		background: linear-gradient(to bottom, #fff 0%,#e7e7e7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e7e7e7',GradientType=0 );
		
		margin:0;
		margin-left:27.5%;
  }
  
  
  #hd .container{
	  padding:24px 0px;
  }
  
  #utility-nav{
	  float:right;
	  top:auto;
	  bottom:15%;
  }
  
  #utility-nav{
	  color: #ff4d86;
  }
  
  #utility-nav ul li{
	  float:left;
	  width:auto;
  }
  
  #utility-nav ul li a{
	  background:none;
	  padding:5px 8px;
	  display:inline-block;
	  color:black;
  }
  
  #utility-nav ul li a:hover{
	  color: #ff4d86;
  }
  
  #bd{ padding-bottom:40px;float:right; }
  
  #ft{
	  padding:10px;
  }
  
  #ft-nav{
	  width:100%;
  }
  
  #ft-nav li a{
	  padding:6px 5px;
  }
  
  #ft nav ul li a{
	  padding-right:20px;
	  display:inline-block;
  }
  
  #ft .container{
	  width:50%!important;
  }
  
  #home-quote{
		width:70%;
		margin:2% auto;
		min-height:120px;
		text-align:center;
		overflow:visible;
		padding:0 50px;
		font-family:Arial, Helvetica, sans-serif;
  }
  

  #content p{
	  padding:0;
  }
  #callouts .callout a div{
	  min-width:222px;
  }
  
	
.back-to-top{ margin-top:-37px; }
.back-to-top:hover{ margin-top:-47px; }
	
}


@media screen and (max-width:63.99em) {
	#home-quote {
	  width:95%;
		background-size: 30px;
	}
	#home-quote h4 {
		padding: 0 10%;
		width: auto;
	}
}


.social-icons{
}
.social-icons.desktop {
	position: absolute;
    top: 6px;
    right: 210px;
   display: none;
}
.social-icons.mobile {
	position: absolute;
    top: -16px;
    right: 0;
}
.social-icons a {
  z-index: 10;
  display: inline-block;
  position: relative;
  border-radius: 999em;
  -webkit-transition: .21s;
  transition: .21s;
  text-align: center;
  margin: 2px 0;
  background: #ff4d86;
  width: 32px;
  height: 32px
}
.social-icons.mobile a {
  width: 29px;
  height: 29px
}
.social-icons a i {
  position: absolute;
  top: 49.5%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 16px;
  z-index: 10;
  -webkit-transition: .19s;
  transition: .19s
}
.social-icons a:hover {
  z-index: 20;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  background: #ff5c90
}
.social-icons a:hover i {
  -webkit-transform: translate(-50%,-50%) scale(1.3);
  transform: translate(-50%,-50%) scale(1.3)
}
@media screen and (min-width:64em) {

	.social-icons.desktop {
		display: inline-block;
	}
	.social-icons.mobile {
		display: none;
	}
}