@font-face {
    font-family: 'Neue Haas';
    src: url('../fonts/NHaasGroteskTXPro-55Rg.woff2') format('woff2'),
        url('../fonts/NHaasGroteskTXPro-55Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas';
    src: url('../fonts/NHaasGroteskTXPro-75Bd.woff2') format('woff2'),
        url('../fonts/NHaasGroteskTXPro-75Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mena';
    src: url('../fonts/MenaGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/MenaGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

* {
  box-sizing: border-box;
}

html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; background-color: #f9f9f9; width: 100%; height: 100%; color: #4d4e4f; font-family: 'Neue Haas'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

h1 {}
h2 {}
h3 {font-size: 20px;}
h4 {color: #4e4f50; font-size: 17px;}
h5 {font-family: Mena; color: #7b8e8a; font-size: 30px; margin-top: 0px;}
h6 {}

p,a,li {font-size: 19px; line-height: 30px; margin-top: 0px; color: #4d4e4f;}

a {text-decoration: none;}
a:hover {text-decoration: underline !important; opacity: 0.70;}

.header {max-width: 1255px; width: 90%; margin: 0 auto; padding-bottom: 20px;}

.header-top {display: flex; padding-bottom: 20px; padding-top: 10px;}
.header-top p,.header-top a {font-size: 16px;}

.header-top-col-left {flex-grow: 1;}
.header-top-col-right {}

.header-top-col-right p {background: #636465; color: #fff; padding: 5px 15px; border-radius: 10px;}
.header-top-col-right a {color: #fff;}

.header-bottom {display: flex; align-items: center; width: 100%;}
.logo {}
.header-buttons {flex-grow: 1; align-items: flex-end; text-align: right;}
.header-buttons ul {list-style-type: none; margin: 0; padding: 0;}
.header-buttons li {display: inline-block; margin: 0; padding: 0;}
.header-buttons a {font-family: 'Mena'; font-size: 18px; color: #000; text-decoration: none;}
.header-buttons a {background-color: #93a29a; display: inline-block; padding: 12px 30px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.header-buttons p {font-size: 18px;}

.header-buttons .but-first {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.header-buttons .but-last {border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.header-buttons .but-book {border-radius: 10px; margin-left: 5px; background: #6c7c79;}
.header-buttons .active {background: #a3c8cd url('../images/but-triangle.png') no-repeat center top;}

#home-banner {background: #a3c8cd; height: 760px; background: url(../images/home-banner.jpg) no-repeat center center; background-size: cover; }
.home-banner-box {max-width: 1255px; width: 90%; margin: 0 auto; height: 100%; display: flex; align-items: center;}
.home-banner-content {}

#home-banner h1 {font-family: Mena; font-size: 66px; margin: 0; width: 450px; color: #fff;}
#home-banner h2 {color: #fff;}

.button-round {border-radius: 10px; display: inline-block; padding: 10px 30px; font-family: Mena; font-size: 18px; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.button-bg-white {background: #fff; color: #4e4f50;}
.button-bg-sat-green {background: #93a29a; color: #fff;}
.button-book-green {background: #6c7c79 !important; color: #fff;}
.button-footer {border-radius: 10px; background:#fff; padding: 10px; color: #6c7b71 !important;}

#home-cards {background-color: #6c7c79; padding: 50px;}
.home-cards-box {display: flex; max-width: 1150px; margin: 0 auto;}

.card-style {background: #fff url(../images/card-fade.png) no-repeat right top; border-radius: 10px; text-align: center; padding: 50px 20px;}
.card-1 {width: 100%;}
.card-2 {width: 100%;}
.card-3 {width: 100%;}

.card-icon img {width: auto !important; display: block; margin: 0 auto;}
#home-cards .card-info {width: 75%; margin: 0 auto 20px auto;}


#home-content-type-a {padding: 75px 25px;}
.row-a {display: flex; max-width: 1255px; width: 90%; margin: 0 auto; align-items: center;}
.row-a-left {width: 47.5%; margin-right: 2.5%;}
.row-a-right {width: 45%; margin-left: 2.5%; margin-right: 2.5%;}

#home-content-type-a img {width: 100%;}

#home-content-type-b {background: #6c7c79;}
#home-content-type-b h4, #home-content-type-b h5, #home-content-type-b p {color: #fff;}
#home-content-type-b img {display: block;}
.row-b {display: flex; width: 100%; margin: 0 auto; align-items: center;}
.row-b-left {width: 35%; margin-right: 5%; margin-left: 10%; padding-top: 100px; padding-bottom: 100px;}
.row-b-right {width: 50%;}

#home-content-type-b img {width: 100%;}

#home-content-type-c {padding: 100px 75px; background: url(../images/bg-toothbrush.jpg) no-repeat center center; background-size: cover;}
.row-c {display: flex; max-width: 1255px; margin: 0 auto; align-items: center;  min-height: 400px;}
.row-c-left {width: 45%; margin-right: 5%;}
.row-c-right {width: 40%; margin-left: 5%; margin-right: 5%;}

/* -- form home --*/

.form-row {margin-bottom: 5px;}
.form-row p {margin: 0; font-size: 16px; font-weight: bold;}

.form-row-flex {display: flex;}
.form-row-flex .col-left {width: 48%; margin-right: 2%;}
.form-row-flex .col-right {width: 50%;}


.row-label {}
.row-input {flex-grow: 1;}

.col-left-b {}
.col-right-b {}

input[type=text] {
	width: 100%;
	border: 0;
	font-size: 19px;
	padding: 10px;
	border-radius: 7px;
}

input[type=email], input[type=text], select {
  width: 100%;
	border: 0;
	font-size: 19px;
	padding: 10px;
	border-radius: 7px;
  box-sizing: border-box;
} 

input[type=button], input[type=submit], input[type=reset] {  
  border: none;  
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

input[type=submit]:hover {background: #b2bdb6;}

/* -- core values --*/

#home-core-values {padding: 75px 50px; /*background: #6c7c79;*/ background: #7b8987;}
.home-core-values-box {max-width: 1255px; margin: 0 auto; text-align: center;}

.core-values-row {display: flex; align-items: center; padding-bottom: 30px; background: url(../images/line.jpg) repeat-y center center; }
.core-values-row .col-a {width: 40%; text-align: left; display: flex; align-items: center;}
.core-values-row .col-b {width: 20%; text-align: center; background: #7b8987; padding: 10px 0px;}
.core-values-row .col-c {width: 40%; text-align: left; display: flex; align-items: center;}

.blue-box {background: #95b5b6; border-radius: 10px; padding: 20px;}

#home-core-values b {font-size: 19px;}
#home-core-values p {color: #fff; margin: 0; font-size: 17px; line-height: 24px;}
#home-core-values h5 {color: #fff;}

/* -- dental services icons --*/
#home-dental-services {text-align: center; padding: 75px 0px; background: #ececec;}
.home-dental-services-box {max-width: 1560px; width: 90%; margin: 0 auto; text-align: center; display: flex; flex-wrap: wrap;}
.home-dental-services-box .box {width: 23%; margin: 0px 1% 30px 1%; border-radius: 10px; padding: 50px 20px; background: #fff; display: flex; flex-direction: column;} 

.home-dental-services-box .card-info {width: 95%; margin: 0 auto; flex-grow: 1;}



/* -- subpage styles --*/

#subpage-header-title {text-align: center; padding: 75px 50px 0px 50px;}
.subpage-header-title-box h5 {margin: 0;}
.subpage-header-title-box .position p {}

#subpage-row-2col {margin-top: 75px;}
.subpage-row-2col-box {display: flex; max-width: 1255px; width: 90%; margin: 0 auto; align-items: center;}
.subpage-row-2col-box .col-left {background-color: red1; width: 47.5%; margin-right: 2.5%;}
.subpage-row-2col-box .col-right {background-color: yellow1; width: 42.5%; margin-left: 2.5%; margin-right: 5%;}

#subpage-row-2col-teampic {margin-top: 75px; margin-bottom: 75px;}
.subpage-row-2col-teampic-box {display: flex; max-width: 1255px; width: 90%; margin: 0 auto;}
.subpage-row-2col-teampic-box .col-left {width: 40.5%; margin-right: 2.5%;}
.subpage-row-2col-teampic-box .col-right {width: 54.5%; margin-left: 2.5%;}

#subpage-row-1col {}
.subpage-row-1col-box {max-width: 950px; margin: 0 auto; padding: 0 25px;}

#subpage-row-1col .photo {}
#subpage-row-1col .content {margin-top: 50px; padding-right: 15%;}

.subnav-arrows-row {max-width: 1255px; width: 90%; margin: 0 auto;}

.subnav-arrows {display: flex; justify-content: space-between; margin: 100px 0px;}
.subnav-arrows a {text-decoration: none;}
.subnav-arrows img {vertical-align: middle;}
.subnav-arrows h5 {font-size: 21px;}
.left-arrow img {display: inline-block; margin-right: 25px;}
.right-arrow img {display: inline-block; margin-left: 25px;}

.highlight-box {max-width: 1255px; width: 100%; margin: 0 auto; background: #fff; padding: 30px;}

/* -- subpage team --*/

#team-photos {text-align: center; padding: 75px 25px; background: #c8cfcb; margin-top: 75px;} 
.team-photos-box {max-width: 1250px; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; width: 100%;}
.team-photo-thumbs {width: 30.3333333%; margin: 20px 1.5% 50px 1.5%;}


#team-photos .staff-profile-pic img {width: 100%; max-width: 337px;}
#team-photos .staff-name {margin-top: 15px;}
#team-photos .staff-name p {font-family: Mena; font-size: 24px; font-weight: bold; margin: 0; color: #4e4f50;}
#team-photos .staff-position p {font-weight: bold1; margin: 0; color: #4e4f50;}

/* -- subpage location --*/

#map {width:100%; margin: 75px 0px 0px 0px;}

/* -- footer --*/

.footer-top {background: #737373; text-align: center; padding: 60px 25px;}
.footer-top h2, .footer-top a {color: #fff; margin: 0; font-size: 28px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.footer-middle {background: #6c7b71; padding: 120px 25px;}
.footer-middle-box {display: flex; max-width: 1180px; margin: 0 auto;}
.footer-middle-box .box-1 {width: 25%;}
.footer-middle-box .box-2 {width: 25%;}
.footer-middle-box .box-3 {width: 25%;}
.footer-middle-box .box-4 {width: 25%;}

.footer-middle h2 {color: #bfcfc5; font-size: 19px;}
.footer-middle p, .footer-middle a {color: #fff; font-family: Mena; text-decoration: none; font-size: 19px;}

.footer-bottom {padding: 60px 25px;}
.footer-bottom-row-top {display: flex; max-width: 1180px; margin: 0 auto 40px; auto; align-items: center;}
.footer-bottom-row-top .col-left {flex-grow: 1;}
.footer-bottom-row-top .col-right {}


.footer-bottom-row-bottom {display: flex; max-width: 1180px; margin: 0 auto;}
.footer-bottom-row-bottom .col-left {flex-grow: 1;}
.footer-bottom-row-bottom .col-right {}

.footer-bottom-row-bottom ul {list-style-type: none; margin: 0; padding: 0;}
.footer-bottom-row-bottom li {display: inline-block; margin: 0; padding: 0 10px;}

.footer-bottom-row-bottom a {color: #4e4f50; font-size: 18px; text-decoration: none; font-weight: bold;}

/* -- mobile styles --*/
.mobile-nav {display: none;}
#mobile-header-fixed {display: none;}