/********reset style*************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul {x-list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
h1, .h1 {font-size: 36px;}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
body {
	font-family: 'Montserrat', sans-serif !important;
}
/*h1, h2, h3 {
	font-family: 'Playfair Display', serif !important;
}*/
section.banner-section {
    min-height: 100vh;
    background-color: #000;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    position: relative;
	padding: 75px 0px;
}
.banner-image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background-position: center;
    background-size: cover;
}
header.main-header {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 30px;
}
.header-wrapper {
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}
.menu-icon {
    display: none;
}
.logo-wrapper {
    max-width: 300px;
    margin: 0px auto;
}
.logo-wrapper img {
    width: 100%;
}
.menu-wrapper li.menu-item a {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
}
.menu-wrapper li.menu-item a:hover{
	color: #FFF;
	text-decoration: none;
}
.menu-wrapper li.menu-item {
    margin-right: 30px;
}
.menu-wrapper li.menu-item:last-child {
    margin-right: 0px;
}
.menu-wrapper li.menu-item:last-child a {
	color: #919476
}
.menu-wrapper li.menu-item:last-child a {
    color: #919476;
    background-color: #FFF;
    padding: 2px 15px;
}
.menu-wrapper li.menu-item:last-child a:hover{
	color: #919476;
}
/*.banner-content-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: flex-end;
    min-height: calc(100vh - 270px);
}*/
.banner-content-wrapper h2 {
    font-size: 55px;
    color: #FFF;
    margin-bottom: 25px;
    font-weight: 700;
}
a.appointment-link {
    color: #FFF;
    font-size: 12px;
    display: flex;
    display: -webkit-flex;
    width: 235px;
    line-height: 40px;
    justify-content: center;
    -webkit-justify-content: center;
    border: solid 2px;
    text-decoration: none;
}
a.appointment-link:hover {
    color: #FFF;
    text-decoration: none;
}
.contact-input {
    width: 100%;
    height: 40px;
    font-weight: 700;
    font-size: 11px;
    padding: 0px 20px;
    color: #6c6b6a;
    border: 0px;
}
.contact-row {
    margin-bottom: 15px;
}
textarea.contact-input {
    padding: 15px 20px;
    height: 115px;
}
.contact-submit {
    width: 100%;
    height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    color: #FFF;
    background-color: #6c6b6a;
    border: 0px;
    cursor: pointer;
}
section.banner-section .container {
    margin-top: 70px;
    z-index: 2;
}
div.wpcf7-response-output {
    margin: 0px;
}
section.banner-section .contact-row:last-child {
    margin-bottom: 0px;
}
span.wpcf7-not-valid-tip {
    font-size: 11px;
    background-color: #fff1f1;
    padding: 5px 10px;
    margin: 3px 0px 0px;
}
.logo-overlay:before {
    content: '';
    background-image: url(../images/white-logo-overlay.png);
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    background-position: left;
    background-repeat: no-repeat;
    z-index: 1;
}
.logo-overlay.brown:before {
    background-image: url(../images/brown-logo-overlay.png);
}
.about-image-wrapper {
    width: 100%;
    padding-top: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
}
section.about-section {
    margin-top: 60px;
}
.about-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    height: 100%;
}
.about-content-wrapper h1 {
    font-size: 36px;
    color: #9ba078;
    margin-bottom: 30px;
}
.about-content-wrapper p {
    font-size: 13px;
    color: #807b77;
    line-height: 27px;
}
.about-image-wrapper:before {
	content: '';
}
.about-image-wrapper:before {
    content: '';
    position: absolute;
    height: calc(50% + 25px);
    width: 300%;
    background-color: #9ba078;
    right: 30%;
    bottom: -25px;
    z-index: -1;
}
section.invisalign-section {
    margin-top: 75px;
    background-color: #807b77;
    color: #FFF;
    padding: 110px 0px;
}
.logo-overlay {
    position: relative;
}
.invisalign-content-wrapper {
    position: relative;
    z-index: 2;
}
.invisalign-content-wrapper h2 {
    font-size: 37px;
    margin-bottom: 30px;
}
.invisalign-section.logo-overlay:before {
    opacity: .57;
}
.invisalign-image-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}
.invisalign-content-wrapper p {
    font-size: 13px;
    line-height: 27px;
}
.invisalign-content-wrapper p:last-child {
    margin-bottom: 0px;
}
.invisalign-image-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    height: 100%;
    z-index: 2;
}
section.invisalign-benefits-section {
    padding-top: 40px;
}
h2.sub-heading-1 {
    color: #9ba078;
    font-size: 37px;
    margin-bottom: 35px;
}
section.invisalign-benefits-section ul {
    color: #9ba078;
    line-height: 21px;
    font-size: 15px;
    list-style-type: none;
}
section.invisalign-benefits-section li {
    margin-bottom: 18px;
}
section.invisalign-benefits-section li:after {
    content: '';
    width: 36px;
    height: 2px;
    background-color: #9ba078;
    display: block;
    margin-top: 5px;
}
section.about-section.logo-overlay.brown:before {
    background-position: right;
}
section.invisalign-benefits-section.logo-overlay.brown:before {
    background-position: top right;
}
.logo-overlay .container {
    position: relative;
    z-index: 5;
}
a.appointment-link.green {
    background-color: #9ba078;
    width: 272px;
    line-height: 56px;
    margin-top: 45px;
}
section.invisalign-benefits-section li:last-child {
    margin-bottom: 0px;
}
section.invisalign-benefits-section li:last-child:after {
    content: unset;
}
section.patient-stories-section {
    margin-top: 50px;
    background-color: #9ba078;
    color: #FFF;
    padding: 75px 0px 55px;
}
.invisalign-benefits-image {
    width: 100%;
    padding-top: 100%;
    background-position: center;
    background-size: cover;
}
.invisalign-benefits-image {
    width: 90%;
    padding-top: 90%;
    background-position: center;
    background-size: cover;
    margin: 30px 0px 0px 20px;
    position: relative;
}
.invisalign-benefits-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #807b77;
    left: -20px;
    top: -30px;
    z-index: -1;
}
section.patient-stories-section h2.sub-heading-1 {
    color: #FFF;
    margin-bottom: 0px;
}
.patient-stories-content p {
    font-size: 13px;
    margin-bottom: 0px;
}
.patient-stories-content p {
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 30px;
}
.patient-stories-bottom {
    margin-top: 45px;
}
.patient-story-item {
    background-color: #808465;
    padding: 27px 35px;
    height: 100%;
}
.patient-story-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    margin-bottom: 35px;
}
h4.patient-name {
    font-size: 20px;
    font-family: 'Playfair Display', serif !important;
    margin-bottom: 0px;
}
.patient-rating-wrapper {
    font-size: 16px;
    color: #f4ba3d;
}
.patient-story-content p {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 0px;
}
section.contact-section {
    padding: 65px 0px 45px;
    position: relative;
}
.contact-bg-image {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    opacity: .24;
}
.contact-left-wrapper {
    color: #9ba078;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: space-between;
    height: 100%;
    padding-bottom: 25px;
}
.contact-description-wrapper h4 {
    font-family: 'Playfair Display', serif !important;
    font-size: 37px;
    margin-bottom: 35px;
}
.contact-description-wrapper p {
    font-size: 13px;
    line-height: 30px;
}
.contact-description-wrapper p strong {
    font-size: 17px;
}
.contact-description-wrapper p a {
    color: #9ba078;
}
.footer-form-wrapper .contact-input {
    height: 45px;
    background-color: #807b77;
    color: #FFF;
}
.footer-form-wrapper .contact-row {
    margin-bottom: 20px;
}
.footer-form-wrapper .contact-input::placeholder{
	color: #FFF;
}
.footer-form-wrapper textarea.contact-input {
    height: 140px;
}
.footer-form-wrapper .contact-submit {
    background-color: #9ba078;
    height: 50px;
}
.footer-form-wrapper {
    margin-bottom: -20px;
}
.header-form-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
}
.banner-content-wrapper p {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
	text-align: center;
}
.header-form-wrapper h2 {
    color: #FFF;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 36px;
	text-align: center;
}
.header-form-inner {
    background-color: #48caca;
    padding: 40px 40px 10px;
}







@media only screen and (max-width: 767px){
	
}

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

section.banner-section {
    padding-top: 100px;
    height: auto;
    padding-bottom: 35px;
}
.banner-content-wrapper {
    margin-bottom: 50px;
}
.about-content-wrapper {
    margin-top: 40px;
}
section#invisalign {
    padding: 50px 0px;
}
.invisalign-image-wrapper {
    margin-top: 35px;
}
.invisalign-benefits-content {
    margin-top: 35px;
}
.patient-stories-bottom .col-sm-12.col-lg-4 {
    margin-bottom: 30px;
}
.menu-wrapper {
    display: none;
}
.header-form-wrapper {
    margin-top: 40px;
}




	
}
@media only screen  and (min-width: 768px) and (max-width: 900px) {
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px !important;
    }
}