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




/*-----------------------------------------*/



body { font-family: 'Montserrat', sans-serif;

}

.home {
  background-image:url(../images/glasses-girl.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  padding: 400px 0;
  position: relative;

}


.home .st-brand {
  text-align: center;
  margin-bottom: 50px;
	
}
.home .st-home-unit {
  position: relative;
}
.home .hero-txt {
  color: #fff;
  text-align: center;
	margin-top: 60px;
}
.home .hero-txt .hero-title {

  color: #fff;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 65px;
  font-weight: 300;
  letter-spacing: 1px;
  word-spacing: 4px;
  margin-bottom: 15px;
  margin-top: 5px;
  padding: 10px 10px;
}

.home .hero-work {
   font-size: 30px;
}

.home .hero-txt .hero-work {
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.home .hero-txt .hero-work:after {
  content: "";
  display: block;
  width: 200px;
  height: 4px;
  margin: 10px auto 0;
  background-color: transparent;
  border-width: 0px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
}
.home .hero-txt a.btn {
  text-transform: uppercase;
}
.home .hero-txt a.btn.left-btn {
  margin-right: 0px !important;
}
.home .hero-txt .hero-sub-title {
  font-size: 30px;
  letter-spacing: 5px;
  font-weight: 300;
  margin-bottom: 20px;
}
.home .hero-txt .hero-img {
  margin-top: 80px;
}


.home-mobile {
  background-image:url(../images/glasses-girl-mobile.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:contain;
  background-color: #fff;
  padding: 260px 0;
  position: relative;

}

.home-tablet {
  background-image:url(../images/glasses-girl-tablet.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:contain;
	height: 600px;
  background-color: #fff;
  padding: 250px 0 0 0;
  position: relative;

}
.brint-banner-text-up {margin-top:-0px;}
.home-implants {
  background-image:url(../images/home-implants.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  padding: 120px 0;
  position: relative
 
}

.home-about {
  background-image:url(../images/about-outside.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  padding: 400px 0;
  position: relative;

}
.home-about  .st-brand {
  text-align: center;
  margin-bottom: 50px;
	
}
.home-about  .st-home-unit {
  position: relative;
}
.home-about  .hero-txt {
  color: #fff;
  text-align: center;
	margin-top: 60px;
}
.home-about  .hero-txt .hero-title {

  color: #fff;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 65px;
  font-weight: 300;
  letter-spacing: 1px;
  word-spacing: 4px;
  margin-bottom: 15px;
  margin-top: 5px;
  padding: 10px 10px;
}

.home-about  .hero-work {
   font-size: 30px;
}

.home-about  .hero-txt .hero-work {
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.home-about  .hero-txt .hero-work:after {
  content: "";
  display: block;
  width: 200px;
  height: 4px;
  margin: 10px auto 0;
  background-color: transparent;
  border-width: 0px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
}
.home-about  .hero-txt a.btn {
  text-transform: uppercase;
}
.home-about  .hero-txt a.btn.left-btn {
  margin-right: 0px !important;
}
.home-about  .hero-txt .hero-sub-title {
  font-size: 30px;
  letter-spacing: 5px;
  font-weight: 300;
  margin-bottom: 20px;
}
.home-about  .hero-txt .hero-img {
  margin-top: 80px;
}


.home-about-tablet {
  background-image:url(../images/about-outside-tablet.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:contain;
	height: 600px;
  background-color: #fff;
  padding: 250px 0 0 0;
  position: relative;

}
.about-team {
  background-image:url(../images/about-team.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  padding: 120px 0;
  position: relative
 
}
.reception {
  background-image:url(../images/about-rec.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  padding: 120px 0;
  position: relative
 
}


.waiting {
  background-image:url("../images/waiting.jpg");
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  padding: 120px 0;
  position: relative
 
}



.new-patietns {
  background-image:url(../images/newpatients.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  padding: 400px 0;
  position: relative;

}
.new-patietns  .st-brand {
  text-align: center;
  margin-bottom: 50px;
	
}
.new-patietns  .st-home-unit {
  position: relative;
}
.new-patietns  .hero-txt {
  color: #fff;
  text-align: center;
	margin-top: 60px;
}
.new-patietns  .hero-txt .hero-title {

  color: #fff;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 65px;
  font-weight: 300;
  letter-spacing: 1px;
  word-spacing: 4px;
  margin-bottom: 15px;
  margin-top: 5px;
  padding: 10px 10px;
}

.new-patietns  .hero-work {
   font-size: 30px;
}

.new-patietns  .hero-txt .hero-work {
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.new-patietns .hero-txt .hero-work:after {
  content: "";
  display: block;
  width: 200px;
  height: 4px;
  margin: 10px auto 0;
  background-color: transparent;
  border-width: 0px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
}
.new-patietns  .hero-txt a.btn {
  text-transform: uppercase;
}
.new-patietns  .hero-txt a.btn.left-btn {
  margin-right: 0px !important;
}
.new-patietns  .hero-txt .hero-sub-title {
  font-size: 30px;
  letter-spacing: 5px;
  font-weight: 300;
  margin-bottom: 20px;
}
.new-patietns  .hero-txt .hero-img {
  margin-top: 80px;
}


.new-patietns-tablet {
  background-image:url(../images/newpatients-mobile.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:contain;
	height: 600px;
  background-color: #fff;
  padding: 250px 0 0 0;
  position: relative;

}


.kids {
  background-image:url(../images/kids.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  padding: 120px 0;
  position: relative
 
}


.payment {
  background-image:url(../images/payment-mobile.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  padding: 120px 0;
  position: relative
 
}



h2 { line-height:40px;}
h3 { line-height:35px;}
h4 { line-height:30px;}
h5 { line-height:35px;}


#yourElement {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
.st-highlight {
  color: #4ecdc4;
}
.navbar-default {
  background-color: #4ecdc4;
  border-width: 0;
  margin-bottom: 0 !important;
  height: 102px;
  -webkit-transition: background-color 0.3s, height 0.3s;
          transition: background-color 0.3s, height 0.3s;
}
.st-navbar-mini .navbar-default {
  background-color: rgba(182, 217, 212, 0.85);
  height: 90px;
}
.st-navbar-mini .navbar-default .navbar-brand {
  padding: 15px 15px;
}
.st-navbar-mini .navbar-default .navbar-brand img {
  height: 60px;
}
.st-navbar-mini .navbar-default .navbar-nav > li.active > a,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:hover,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:focus,
.st-navbar-mini .navbar-default .navbar-nav > li.active a:active {
  background-color: rgba(0, 0, 0, 0.5);
}
.navbar-brand {
  height: auto;
  padding: 7px 15px;
  -webkit-transition: padding 0.3s;
          transition: padding 0.3s;
}
.navbar-brand img {
	height: 80px;
	-webkit-transition: height 0.3s;
	transition: height 0.3s;
}
.navbar-nav > li > a {
   font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  -webkit-transition: color 0.3s, background-color 0.3s, padding 0.3s;
          transition: color 0.3s, background-color 0.3s, padding 0.3s;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active {
  color: #4ecdc4;
  outline-width: 0;
}
.navbar-nav > li.active > a,
.navbar-nav > li.active a:hover,
.navbar-nav > li.active a:focus,
.navbar-nav > li.active a:active {
  color: #4ecdc4;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active a:hover,
.navbar-default .navbar-nav > li.active a:focus,
.navbar-default .navbar-nav > li.active a:active {
  color: #4ecdc4;
  background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #444;
}

.arrow-up-bg { background-image: url(../images/arrow-up.png);
background-repeat:no-repeat;
background-position:25% 100%;
}

.arrow-down-bg { background-image: url(../images/arrow-down.png);
background-repeat:no-repeat;
background-position:85% 0%;
}


.arrow-up-bg-light { background-image: url(../images/arrow-up-light.png);
background-repeat:no-repeat;
background-position:95% 100%;
}

.arrow-down-bg-light { background-image: url(../images/arrow-down-light.png);
background-repeat:no-repeat;
background-position:85% 0%;
}
.footer h4 {font-size:16px; color: #666; }

.footer p {font-size:14px; color: #666; }
footer a { font-size:10px;}

.footer a {color: #666;
}

.diamond-bg {background-image: url(../images/diamond-bg.jpg);
background-repeat:repeat;}

.footer-bg {background-image: url(../images/footer-bg.jpg);
background-repeat:repeat;}

.grey-text-666 {color: #666; }
.grey-text-666 a {color: #666;}
.grey-text-666 a:hover{color: #666;}
.grey-text-666 a:visited{color: #666;}


.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px}
.mt-80{margin-top:80px}
.mt-90{margin-top:90px}
.mt-100{margin-top:100px}

.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.mb-90{margin-bottom:90px}
.mb-100{margin-bottom:100px}





p {
	color: #777; line-height: 30px;}

.tel-text {font-size: 50px; font-weight: 100;}

.border-right-white {border-right: thin solid #fff;}

.bullets li { color: #666;  background: url(../images/list.png) left center no-repeat; line-height: 25px; padding-bottom:20px;  }


.teal-bg {	background-color: #4ECDC4;}
.teal-border { border: #4ECDC4 thin solid;}
.teal-border-medium { border: #4ECDC4 thick solid;}
.teal-text { color: #4ECDC4;}
.black-text { color: #000;}
.black-text a { color: #000;}
.black-text a:hover{ color: #000;}


.light-grey-bg {	background-color: #ccc;}
.light-grey-border { border: #ccc thin solid;}
.light-grey-border-medium { border: #ccc medium solid;}
.black-border-medium { border: #000 medium solid;}
.white-border-medium { border: #fff medium solid;}
.light-grey-text { color: #ccc;}

.white-border-medium { border: #fff medium solid;}
.green-border-medium { border: #4ECDC4 medium solid;}

.green-text {color: #4ECDC4;}
.teal-button {  background-color: #4ECDC4;
	color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 40px;
  padding: 8px 30px;
  margin-bottom: 5px;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
          transition: color 0.3s, background-color 0.3s, border-color 0.3s;}

.teal-button a {color: #fff;}
.teal-button a:hover {color: #4ECDC4; background-color: #fff;}
.teal-button a:visited {color: #fff;}


.updown-bg { background-image: url(../images/up-down.png);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding: 20px;}


.icontext { line-height: 17px; 
padding-top: 10px;
padding-bottom: 10px;}


.equal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.equal > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.blue-bg {	background-color: #09A1DC;}
.pink-bg {	background-color: #E84793;}
.yellow-bg {	background-color: #D4D72D;}
.orange-bg {	background-color: #F0800E;}
.purple-bg {	background-color: #8978B6;}

.rounded-nicci {
  border-top-left-radius: 0.99rem !important;
  border-bottom-right-radius: 0.99rem !important;
}

.large-text-home { font-size: 6em; font-weight: 700;
line-height: 1em;}

.padding-10 { padding:10px;}
.padding-20 { padding:20px;}
.padding-30 { padding:30px;}
.padding-40 { padding:40px;}
.padding-50 { padding:50px;}

.padding-left-10 { padding-left:10px;}
.padding-left-20 { padding-left:20px;}
.padding-left-30 { padding-left:30px;}
.padding-left-40 { padding-left:40px;}
.padding-left-50 { padding-left:50px;}


.padding-top-5 { padding-top:5px;}
.padding-top-10 { padding-top:10px;}
.padding-top-20 { padding-top:20px;}
.padding-top-30 { padding-top:30px;}
.padding-top-40 { padding-top:40px;}
.padding-top-50 { padding-top:50px;}
.padding-top-60 { padding-top:60px;}
.padding-top-70 { padding-top:70px;}
.padding-top-80 { padding-top:80px;}


.padding-bottom-10 { padding-bottom:10px;}
.padding-bottom-20 { padding-bottom:20px;}
.padding-bottom-30 { padding-bottom:30px;}
.padding-bottom-40 { padding-bottom:40px;}
.padding-bottom-50 { padding-bottom:50px;}
.padding-bottom-60 { padding-bottom:60px;}
.padding-bottom-70 { padding-bottom:70px;}
.padding-bottom-80 { padding-bottom:80px;}

.padding-left-right-40 { padding-left:40px;
padding-right:40px;}



.btn-white {
  color: #fff;
  background-color:transparent;
  border-color: #fff;
}





.white-background { background-color:#fff;}
.black-background { background-color:#000;}
.teal-background { background-color:#4ECDC4;}
.teal-background-light { background-color:#A4E6E3;}



.white-text { color:#fff;}


.footer-notes { color:#D0CBCB; font-size:12px;}
.footer-notes a { color:#D0CBCB; font-size:12px;}
.footer-notes a:hover { color:#000; font-size:12px;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button-box { padding:10px;
	border: thin solid #fff;
	color: white;
	font-size: 16px;
	margin-top: 15px;
}


.button-box-grey { padding:10px;
	border: thin solid #77BAC7;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 16px;
	margin-top: 15px;
}



.dark-text { color:#333333;}
.dark-text a { color:#333333;}
.dark-text a:hover{ color:#77BAC7;}



.multi-quotes {
 
  background-image: url(../images/quotes-green-right.png);
  background-repeat:  no-repeat;
  
  background-position: top right;
     
}
.multi-quotes2 {
 
  background-image:url(../images/quotes-green.png)
     ;
  background-repeat: 
      no-repeat;
  
  background-position:  top left;
     
}

.icon-bn {
 
  background-image: url(../images/icon-bn-small.png);
  background-repeat:  no-repeat;
  
  background-position: top right;
     
}
.icon-bs {
 
  background-image: url(../images/icon-bs-small.png);
  background-repeat:  no-repeat;
  
  background-position: top right;
     
}

.icon-cr {
 
  background-image: url(../images/icon-cr-small.png);
  background-repeat:  no-repeat;
  
  background-position: top right;
     
}

.icon-ip {
 
  background-image: url(../images/icon-ip-small.png);
  background-repeat:  no-repeat;
  
  background-position: top right;
     
}


.icon-pe {
 
  background-image: url(../images/icon-pe-sm.png);
  background-repeat:  no-repeat;
  
  background-position: top right;
     
}





@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

/* Smartphones (portrait and landscape) ----------- */


}



@media only screen 

and (min-width : 321px) {

/* Smartphones (landscape) ----------- */

	


	
	

.button-box { padding:10px;
	border: thin solid #fff;
	color: white;
	font-size: 13px;
	margin-top: 15px;
}


.button-box-grey { padding:10px;
	border: thin solid #77BAC7;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 13px;
	margin-top: 15px;
}

	

}





@media only screen 

and (max-width : 320px) {

/* Smartphones (portrait) ----------- */

	


.button-box { padding:10px;
	border: thin solid #fff;
	color: white;
	font-size: 13px;
	margin-top: 15px;
}


.button-box-grey { padding:10px;
	border: thin solid #77BAC7;
	background-color:#C5C2C2;
	color: #444444;
	font-size: 13px;
	margin-top: 15px;
}

	

	
	
}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {

	

}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {

/* iPads (landscape) ----------- */
	


	
.text-down-small {
	margin-top:-20px;
    }  

}





@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) {

/* iPads (portrait) ----------- */


	

	

}

@media only screen 

and (min-width : 1200px) {

	
	

	
	

}

@media only screen 

and (min-width : 1700px) {

/* Large screens ----------- */

	
	
}

@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) {

/* iPhone 4 ----------- */



}