@charset "UTF-8";
/* CSS Document */

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  animation: 1s fadeIn;
}

body {font-family: 'Roboto', sans-serif; font-size: 16px; color: #262626; line-height: 20px; background-color:#FFFFFF;}
ul {margin: 0px; padding-left:1em;}
ol {margin: 0px; padding-left:1em;}
p {margin:0}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.responsive-img {max-width:100%; height:auto; display:block;}
.cover {height: 100%; width:100%; object-fit: cover;}

.wrapper {width: 1000px; margin-right: auto; margin-left: auto;}

.flex {display: flex; flex-wrap: none;}

.logo {margin-top: 15px; float: left; width: 250px;}

.top-signature {margin-top: 20px; float: right; width: 200px;}
.phone {color: #414E5F; font-size: 24px; font-weight: 500; line-height: 30px; text-align: right; letter-spacing: -0.5px;}
.name {color: #414E5F; font-size: 14px; font-weight: 500; line-height: 17px; text-align: right;}
.address {color: #414E5F; font-size: 14px; font-weight: 500; line-height: 17px; text-align: right;}
.right {text-align: right;}

.menu-placement {margin: 0 0 15px 0; padding: 0 0 15px 0;}

.parallax {background-image: url("images/hero-background.png"); height: 407px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.parallax2 {background-image: url("images/Hale-GSL-background.jpg"); min-height: 170px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 40px 0px;}
.parallax3 {background-image: url("images/Hale-MTN-background.jpg"); min-height: 130px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 20px 0px;}

.parallax-vspace {margin-top: 100px; width: 400px;}

.div-name-bar {height: 25px; width: 100%; background-color:#EEEEEE; margin-bottom: 40px;}
.div-name-bar-white {height: 25px; width: 100%; background-color:#FFFFFF; margin-bottom: 40px;}
.div-name-bar p {font-size: 18px; font-weight: 400; line-height: 25px; padding:0px 8px;}
.div-name-bar-white p {font-size: 18px; font-weight: 400; line-height: 25px; padding:0px 8px;}
.cabin {font-family: 'Cabin', sans-serif; font-size: 16px; font-weight: 400; line-height: 22px;}
.cabin-head {font-family: 'Cabin', sans-serif; font-size: 18px; font-weight: 600; line-height: 24px;}
.border-right {border-right: solid; border-color: #000000; border-width: 1px; }

.bar {height: 10px; width: 100%; background-color:#414E5F;}
.triangle {background-image: url("images/triangle.png"); background-position: center top; background-repeat: no-repeat;}

.head-S1 {font-family:'Open Sans'; font-size:21px; line-height:28px; font-weight:400; color:#ffffff;}
.head-S2 {font-family:'Martel'; font-size:36px; line-height:44px; font-weight:400; color:#ffffff;}
.head-S3 {font-family:'Martel'; font-size:24px; line-height:32px; font-weight:400; color:#ffffff; font-style: italic;}
.head-S4 {font-family:'Montserrat'; font-size:54px; line-height:60px; font-weight:400; color:#ffffff;text-shadow: 2px 1px 5px rgba(0,0,0,0.24);
;
}

.bg-1 {background: #0973BA; padding: 40px 0px;}
.bg-2 {background-color: #D8DDE0; background-image: url("images/Hale-header2.jpg"); background-position: right top; background-repeat: no-repeat; padding: 40px 0px; background-size: cover;}
.bg-3 {background-color: #F1F1F1; padding: 40px 0px; background-image: url("images/triangle2.png"); background-position: center top; background-repeat: no-repeat; padding: 50px 0px;}
.bg-4 {background-color: #eeeeee; padding: 40px 0px;}
.bg-5 {background: #414E5F; padding: 40px 0px;}
.bg-6 {background: #D6DBDE; padding: 40px 0px;}

.button-1 {background-color:transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #FFFFFF; text-indent:0; display:inline-block; color:#FFFFFF; font: 500 16px/16px Roboto; margin: 0; padding: 8px 0px; margin: 20px 0px 15px 0px; width: 150px;}
.button-1-dark {background-color:#ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #222222; text-indent:0; display:inline-block; color:#222222; font: 500 16px/16px Roboto; margin: 0; padding: 8px 0px; margin: 20px 0px 15px 0px; width: 150px;}
.button-2 {background-color:transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #FFFFFF; text-indent:0; display:inline-block; color:#FFFFFF; font: 500 12px/12px Montserrat; margin: 0; padding:10px 25px;}
.button-1-dark:hover {background-color: #0E74BE;color: #ffffff;}
.button-0 {background-color:transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #FFFFFF; text-indent:0; display:inline-block; color:#FFFFFF; font: 500 14px/14px Roboto; margin: 0; padding: 12px 50px;text-shadow: 2px 1px 5px rgba(0,0,0,0.24);
}

.form-1 {background-color:#FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #222222; text-indent:0; display:inline-block; color:#222222; font: 500 14px/14px Roboto; margin: 0; padding: 12px 20px; margin: 3px 0px 15px 0px; width: 90%;}
.form-1-mult {background-color:#FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #222222; text-indent:0; display:inline-block; color:#222222; font: 500 14px/14px Roboto; margin: 0; padding: 12px 20px; margin: 3px 0px 15px 0px; width: 90%;height: 95px;}
label {color:#414E5F; font: 500 14px/12px Roboto;}
.form-div {width: 340px; margin: auto;}
#form_success {padding: 15px; text-align: center; color: #007BFF;}

.white {color:#FFFFFF;}
.gray {color:#d8d8d8;}
.lt-gray {color:#D3D8DB;}

.gap-t1 {margin-top:10px;}
.gap-t2 {margin-top:20px;}
.gap-t3 {margin-top:30px;}
.gap-t4 {margin-top:40px;}
.gap-t5 {margin-top:50px;}
.gap-r1 {margin-right:10px;}
.gap-r2 {margin-right:20px;}
.gap-r3 {margin-right:30px;}
.gap-r4 {margin-right:40px;}
.gap-r5 {margin-right:50px;}
.gap-b1 {margin-bottom:10px;}
.gap-b2 {margin-bottom:20px;}
.gap-b3 {margin-bottom:30px;}
.gap-b4 {margin-bottom:40px;}
.gap-b5 {margin-bottom:50px;}
.gap-l1 {margin-left:10px;}
.gap-l2 {margin-left:20px;}
.gap-l3 {margin-left:30px;}
.gap-l4 {margin-left:40px;}
.gap-l5 {margin-left:50px;}
.gap-tb1 {margin:10px 0px;}
.gap-tb2 {margin:20px 0px;}
.gap-tb4 {margin:40px 0px;}
.gap-tb6 {margin:60px 0px;}
.gap-tb8 {margin:80px 0px;}
.gap-tb10 {margin:100px 0px;}

.width-100 {width:100%}
.width-80 {width:80%}
.width-75 {width:75%}
.width-67 {width:67%}
.width-60 {width:60%}
.width-50 {width:50%}
.width-40 {width:40%}
.width-33 {width:33%}
.width-30 {width:30%}
.width-25 {width:25%}
.width-20 {width:20%}

.pad-1 {padding:10px;}
.pad-2 {padding:20px;}
.pad-3 {padding:30px;}
.pad-tb2 {padding:20px 0px;}
.pad-tb3 {padding:30px 0px;}
.pad-tb4 {padding:40px 0px;}
.pad-tb5 {padding:50px 0px;}
.pad-1r3 {padding:10px 30px 10px 10px;}
.pad-1l4 {padding:10px 10px 10px 40px;}
.pad-3lr1 {padding:30px 10px 30px 10px;}

.img-circles {margin-left: auto; margin-right: auto; max-width: 100px;}
.img-icons {margin-left: auto; margin-right: auto; height: 80px;}

.txt-1 {font-size: 22px; line-height: 30px;}
.txt-1a {font-size: 18px; line-height: 24px;}
.txt-2 {font-size: 14px; line-height: 18px;}

.lst-check {list-style-image: url('images/checkbox.png'); font-size: 19px; line-height: 27px; font-weight: 500;}
.txt-footer {color:#FFFFFF;}
.txt-footer ul {list-style-type: none; line-height: 25px;}

h1 {font-family: 'Open Sans', sans-serif; font-size: 40px; line-height: 48px; font-weight: 500; padding: 0px; margin: 0px;}
h2 {font-family: 'Open Sans', sans-serif; font-size: 38px; line-height: 46px; font-weight: 500; padding: 0px; margin: 0px;}
h3 {font-family: 'Open Sans', sans-serif; font-size: 28px; line-height: 37px; font-weight: 600; padding: 0px; margin: 0px;}
h4 {font-family: 'Open Sans', sans-serif; font-size: 24px; line-height: 32px; font-weight: 600; padding: 0px; margin: 0px;}

.txt_trt_head, .contBodyheader {font-family: 'Open Sans', sans-serif; font-size: 40px; line-height: 48px; font-weight: 500; padding: 0px; margin: 0px;}
}
/* style for NEW TREATMENTS PAGE */

.newTreatments {
	width: 100%;
}
.newTreatments #left {
	float: left;
	width: 48%;
}
.clearspace {
	clear: both;
	height: 12px;
}
.newTreatments #right {
	float: right;
	width: 48%;
}

.trt-img {
	float: left;
	height: 67px;
	width: 77px;
}
.newTreatments h2 {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #09428a;
	display: inline;
}
.newTreatments h2 a {
	color: #09428a;
	text-decoration: none;
}
.newTreatments h2 a:hover{
	text-decoration: underline;
}
.trt-txt {
font-size: 14px;
line-height: 20px;
	padding-top: 6px;
	float: left;
	width: 19em;
}

ul.inline-list {
	line-height: 32px;}
#two { max-width:420px; margin:50px auto; }
.slide {background-color: transparent !important; }

/* Crowns Page Styles */
.crwn1 {
	width: 300px;
}
.suresmile {
	width: 300px;
	padding-right: 20px;
}
.img-footer-right {
	float: right;
	width: 400px;
	margin: 0px 0px 0px 20px;
}
.grayback {
	background-image: url(images/gray-back.png);
	background-repeat: repeat-x;
	background-position: top;
}
.boxtop1 {width: 100%; padding: 15px 0px; text-align: center;}

.clear {clear: both;}
.center {text-align: center}

/* Slideshow */
.slideshow {
	position: relative;
	text-align: center;
	color: white;
}
.centered {
	position: absolute;  
  top: 55%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 40% !important;

}


.mobileHeader {
	font-size: 2.15em;
}
.mySlides {
width: 100%; 

}
 #ss_nav{
    position:relative;
    margin:0px 0px 10px 0px;
    height:20px;
    padding-top: 20px;
    text-align: center;
    padding-left: 40%;
  }
  
  #ss_nav a{
    padding:4px 6px;
  }
  .careCredit {
  	width: 260px;
  	padding-top: 15px;
  }
  
.footer {
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}
.contHeader {padding-bottom:15px;}
.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:16px;
	border-top-right-radius: 	16px;
	border-top-left-radius: 	16px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 	16px; 
	-moz-border-radius: 		16px 16px 16px 16px;
	-webkit-border-radius: 		16px 16px 16px 16px;
	-khtml-border-radius: 		16px 16px 16px 16px; 	
	color:#FFFFFF;
}
.icon i {
	font-size:16px;
	position:absolute;
	left:0px;
	top:8px;
}
.icon.social {
	float:right;
	margin:0 0 0 7px;
	cursor:pointer;
	background:#D3D8DB;
	color:#262626;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.icon.social:hover {
	background:#0972B9;
	color:#6d6e71;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;	
}
.icon.social.fb i {
	left:12px;
	top:8px;
}
.icon.social.tw i {
	left:9px;
}
.icon.social.in i {
	left:9px;
}
.icon.social.g i {
	left:10px;
}


.feedback-input {
  color:#444;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  border-radius: 2px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #0E74BE;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:90%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid #CC4949; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

[type="submit"] {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  width: 90%;
  background: #0E74BE;
  border-radius:2px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:24px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
[type="submit"]:hover { background:red; }



 .captcha1 {
        text-align: center;
        padding-right: 25px;
    }
.subbtn {
	width: 300px;
}
    .g-recaptcha {
        display: inline-block;

    }

/*Input Appt & Refer Size*/
.input_size {
	max-width: 550px;
}
@media screen and (max-width: 1024px) {

.wrapper {
	width: 760px;
}
.centered {
	position: absolute;  
  top: 110%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 35% !important;

}
}

@media screen and (max-width: 760px) {

.wrapper {
	width: 480px;
}
.newTreatments #right {width: 100%;}

.centered{
	position: absolute;  
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 35% !important;

}
.mobileHeader {
	font-size: 1.85em;
}

.flex {display: flex; flex-wrap: wrap;}
.border-right {border-right: none; }
.pad-1r3 {padding:10px;}
.pad-1l4 {padding:10px;}
	
.clients {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 15px;}
.clients img {height: 85px;}

.width-80 {width:100%; margin: 15px 0px;}
.width-75 {width:100%; margin: 15px 0px;}
.width-67 {width:100%; margin: 15px 0px;}
.width-60 {width:100%; margin: 15px 0px;}
.width-50 {width:100%; margin: 15px 0px;}
.width-40 {width:100%; margin: 15px 0px;}
.width-33 {width:100%; margin: 15px 0px;}
.width-30 {width:100%; margin: 15px 0px;}
.width-25 {width:100%; margin: 15px 0px;}
.width-20 {width:100%; margin: 15px 0px;}
		
.projects-40-img {
	float: right;
	height: 100px;
	width: 100px;
}
	.img-footer-right {
	float: none;
	width: 300px;
	margin: 0px auto 0px auto;
}
	.footer {
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
	}


@media screen and (max-width: 480px) {

.wrapper {
	width: 300px; margin:auto;
}
.mobileHeader {
	display: none;
}
.border-right {border-right: none; }
.pad-1r3 {padding:10px;}
.pad-1l4 {padding:10px;}
.centered {display: none;}
.logo {
	float: left;
	width: 300px;
}
.top-signature {
	float: right;
	width: 160px;
}
.phone {
	line-height: 38px;
	text-align: center;
}
.name {
	font-size: 12px;
	text-align: center;
}
.address {
	font-size: 11px;
	text-align: center;
}
/* Slideshow */


}

@media screen and (min-width: 380px) {

.mySlides {
	width: 100%; 
height: 350px; 
object-fit: cover;
object-position: 80% 15%;
}


}