body {font-family: 'Lato', sans-serif;}

header {
  padding: 100px 0 100px;background:url('../images/stipes.jpg');background-size: cover;
  color:#000; font-weight: 900;
}

.page {
  padding: 100px 0 10px;background:url('../images/stipes.jpg');background-size: cover;
  color:#000; font-weight: 900;
}


:target:before {
    content: "";
    display: block;
    height: 5px;
    margin: 60px 0 0;
}

.whatwedo {margin-top:50px;}
.videomargin {margin-bottom:50px;}
.lead {font-family: 'Lato', sans-serif;font-weight: 300;margin-top:10px;color: #fff;}
.lead a {font-family: 'Lato', sans-serif;font-weight: 300;margin-top:10px;color: #fff;}
.lead-small {font-family: 'Lato', sans-serif;font-weight: 300;font-size: 0.8em;margin-top:10px;}
.left-align {text-align: left;}
h1 {font-family: 'Lato', sans-serif;font-weight: 900;text-shadow: 2px 2px 8px #ffffff;}
a {color:#444;}
a:hover {color:#000000;}
a.underlineLink {text-decoration: underline;}
section {
  padding: 150px 0;overflow:hidden;
}

.active {color:#86a477 !important; border-bottom: solid #86a477 1px !important;}
li.nav-item active  {color:#86a477 !important; border-bottom: solid #86a477 1px !important;}
section#privacy {
  padding: 30px 0;
}

section#cosmetic-dentistry{
  padding: 30px 0;
}

section#general-dentistry{
  padding: 30px 0;
}

section#newsletter{
  padding: 10px 0;
}

section#contact-page{
  padding: 30px 0;
}

section#hygienist{
  padding: 30px 0;
}

section#implants {
  padding: 30px 0;
}


section#about {background: #f1f1f1;
  padding: 30px 0 10px;overflow:hidden;
}

section#about h3 {padding:10px 0;}

section#services {
  padding: 50px 0;text-align: center;overflow:hidden;
}

section#botox {
  padding: 30px 0;
}



section#cosmetic {
  padding: 50px 0 50px;
  text-align: center;
  background:url('../images/bg_section19.jpg');background-size: cover; background-attachment: fixed;
  color:#fff;
}

section#logos {
  padding: 10px 0 10px;
  text-align: center; 
  color:#fff;
}
section#fees { background:#f8f9fa;
  padding: 50px 0 50px;
  text-align: left; 
  color:#000;
}

section#olsens-team{
  padding: 30px 0;
}

section#olsens-fees {background:#fff;
  padding: 30px 0;
}


.book {margin-top: 30px;}
.book a {padding:10px; background:#86a577;color:#fff;font-family: 'Lato', sans-serif;font-weight: 300;width:150px; text-align: center;font-weight: 900;}

.box {margin-top: 30px;}
.box a {padding:10px; background:#000;color:#fff;font-family: 'Lato', sans-serif;font-weight: 300; text-decoration: none;font-weight: 900;}
.box a:hover {background:#2e2d2d;color:#fff;}

.box-green {margin-top: 30px;}
.box-green a {padding:10px; background:#87a479;color:#fff;font-family: 'Lato', sans-serif;font-weight: 300; text-decoration: none;font-weight: 300;}
.box-green a:hover {background:#8fac96;color:#fff;}


.clearsmile-homepage {margin:20px 0;}
.invis-homepage {margin:20px 0;}
.zoom-homepage {margin:20px 0;}

.cosimage {border:solid #ececec 8px; margin-bottom: 20px;}

.url {  display:none;}
.grecaptcha-badge { visibility: hidden; }






section#contact {
background:#4aa4c9;
  padding: 0;
  text-align: left; 
  color:#fff;

}
section#aesthetics {
  padding: 50px 0 50px;
  text-align: center;
  background:url('../images/aesthetics_bg.jpg');background-size: cover; 
  color:#fff;
}


.modal-body p {font-family: 'Lato', sans-serif;font-weight: 300;text-align: left;}

#general p {text-align: left; }
#hygieneModal {text-align: left; }
.fade {

    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
}


section#team {
  padding: 40px 0 0;
  background:#eef0f2;
  text-align: left; 
  color:#000;

}

section#testimonials {
padding: 30px 0 30px;
}


.team {margin-bottom: 40px;}
.team .col-md-4 {margin: 10px 0 10px;}
.team .col-md-8 {margin: 10px 0 10px;}



.team img {border:solid #fff 8px;}

.bottom {color:#fff;}
.bottom a {color:#fff;}
.times {margin-top: 10px;}


.form-control {border-radius:0 !important;}
input {background: #000; color: #fff;border-radius:0 !important;height:50px !important;}
.form-control-inline {width:90%;}
.fields {color:#fff;}
.fields a {color:#fff;}






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

section#team {
  background:#eef0f2;
  padding: 50px 0 50px;
  text-align: left; 
  color:#000;

}
.team {margin-bottom: 40px;}
.team .col-md {margin: 40px 0 40px;}

.form-control {border-radius:0 !important;}
input {background: #000; color: #fff;border-radius:0 !important;height:50px !important;}
.form-control-inline {width:90%;}
.fields {color:#fff;}
.fields a {color:#fff;}


header {
  padding: 100px 0 400px;background:url('../images/stipes.jpg');background-size: cover;background-attachment: fixed;
background-repeat: no-repeat;
  color:#000; font-weight: 900;
}
.lead {font-family: 'Lato', sans-serif;font-weight: 300;margin-top:10px;color: #000000;}
.lead a {font-family: 'Lato', sans-serif;font-weight: 300;margin-top:10px;color: #000000;}



h1 {font-family: 'Lato', sans-serif;font-weight: 900;}

section {
  padding: 150px 0;
}

section#about {
padding: 130px 0 130px;text-align: left;
}

section#testimonials {
padding: 30px 0 30px;
}

section#implants {
  padding: 30px 0;
}

section#botox {
  padding: 30px 0;
}

section#cosmetic-dentistry{
  padding: 30px 0;
}

section#contact-page{
  padding: 30px 0;
}

section#general-dentistry{
  padding: 30px 0;
}

section#hygienist{
  padding: 30px 0;
}

section#olsens-team{
  padding: 30px 0;
}

section#olsens-fees {background:#fff;
  padding: 30px 0;
}

section#about h3 {padding:10px 0;}

section#services {
  padding: 50px 0;text-align: center;
}

section#cosmetic {
  padding: 100px 0 100px;text-align: right;
  background:url('../images/bg_section19.jpg');background-size: cover; color:#fff;background-attachment: fixed;
}

section#logos {
  padding: 50px 0 50px;
  text-align: center; 
  color:#fff;
}

section#contact {
padding: 50px 0;
background:#4aa4c9;

  text-align: left; 
  color:#fff;

}


.times {margin-top: 0;}

section#aesthetics {
  padding: 50px 0 50px;
  text-align: left;
  background:url('../images/aesthetics_bg.jpg');background-size: cover; 
  color:#fff;
}

section#newsletter{
  padding: 10px 0;
}

.matomo {float:right;}
}