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




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



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

}
hr.line-blue {
  border-top: 1px solid #93CBED;
}

.quotes { background-image: url("../images/quotes-teal.png");
	background-position: 50px 20px;
	background-repeat: no-repeat;

}
.quotes-black { background-image: url("../images/quotes-black.png");
	background-position:50px 20px;
	background-repeat: no-repeat;

}
.see-through { 
                /*setting alpha = 0.1*/ 
                background: rgba(255, 255, 255, 0.6); 
	color: black;
	padding: 25px;
            } 
.see-through-blue { 
                /*setting alpha = 0.1*/ 
                background: rgba(147, 203, 237, 0.5); 
	color: white;
	padding: 25px;
            } 
.grey-text {color:#777777;}

.grey-text li {margin-bottom:20px;}

.line-height-35{line-height:35px;}

.li-padding li {margin-bottom:20px;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #93CBED;
    margin: 1em 0;
    padding: 0; 
}

.nav-link a {font-size:30px;}

.blue-text {color:#93CBED;}
.blue-text a {color:#93CBED;}
.blue-text a:hover {color:#93CBED;}
.blue-text a:visited{color:#93CBED;}

table { font-size:14px;}


.floral-bg {background-image:url(../images/floral-bg.png);
	background-repeat: repeat;
	
}
.blue-bg {background-color: #93CBED;}

h1, h2, h3, h4, h5 { font-weight: 300;}

.team-bg {background-image:url("../images/banner-team-transp.jpg");
	background-repeat: no-repeat;
	background-size:auto;
	background-attachment: fixed;
	
}

.reception-bg {background-image:url("../images/banner-reception-transp.jpg");
	background-repeat: no-repeat;
	background-size:auto;
	background-attachment: fixed;
	
}
.btn-blue {background-color: #93CBED;
border: white thin solid;
width: 50%;}


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(170,170,170,0.4);
}

.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
	
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #444;
  text-align: center;
  position: relative;
  font-size: 18px;
  padding: 10px;
	margin-top: 10px;
  background: rgba(147, 203, 237, 0.6);
	font-weight:400;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  height: 55%;
  width: 85%;
  position: absolute;
  top: 20%;
  left: 8%;
  padding: 30px;
  
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(147, 203, 237,0.4);
}




.bg-light { background-color: white;}

.carousel-caption {  position: absolute;
  right: 15%;
  top: 70px;
  left: 45%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: right;
	background-color:transparent;}


	
	.carousel-caption h2{  font-size:35px; line-height: 39px;}
	.carousel-caption h3{  font-size:30px; line-height:36px; font-weight: 500;}
		.carousel-caption h4{  font-size:26px; line-height:29px;}







/* Header Parallax Element Style*/ 
.paral {
min-height: 600px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
background-image: url("../images/floral-bg.png"); 
background: linear-gradient(45deg, #95cbef, #233877);
}
.paral p {
font-size: 24px;
color:#fff;
text-align: center;
line-height: 30px;
	padding-bottom: 20px;
}
 
/* Heading for Parallax Section */ 
.paral h2 {

font-size: 45px;
text-align: center;
padding-top: 20px;padding-bottom: 20px;
line-height: 60px;color:#fff;
}
.paral h3 {

font-size: 25px;
text-align: center;
padding-top: 20px;
line-height: 60px;color:#fff;
}
.paralsec {
}










.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: 300px 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: 30px;
		padding-bottom: 30px;
}
.home .hero-txt .hero-title {

  color: #000;
  text-transform: uppercase;
  font-size: 33px;
  line-height: 45px;
  font-weight: 300;
  letter-spacing: 0px;
  word-spacing: 4px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0px 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: 26px;
  letter-spacing: 1px;
  font-weight: 300;
  margin-bottom: 0px;
}
.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:200px 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: 320px 0;
  position: relative
 
}


.home-mobile2 {
  background-image:url(../images/new-patients-mobile.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:20px 0;
  position: relative;

}




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



.vicki-welcome-mobile {
  background-image:url(../images/banner-vicki-welcome-mobile.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:200px 0;
  position: relative;

}





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

.treatments-mobile {
  background-image:url(../images/treatments-mobile.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:200px 0;
  position: relative;

}


.referrals {
  background-image:url("../images/referrals.jpg");
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  padding: 320px 0;
  position: relative
 
}
.referrals-mobile {
  background-image:url(../images/referrals-mobile.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:180px 0;
  position: relative;

}

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

}
.new-patients-mobile {
  background-image:url(../images/new-patients-mobile.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:180px 0;
  position: relative;

}

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

.contact-mobile {
  background-image:url(../images/contact-mobile.jpg);
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:180px 0;
  position: relative;

}

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

.waiting-room1-mobile {
  background-image:url("../images/banner-welcome-waitingroom-mobile.jpg");
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:20px 0;
  position: relative;

}



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



.waiting-welcome-mobile {
  background-image:url("../images/banner-welcome-waitingroom-mobile2.jpg");
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:200px 0;
  position: relative;
}


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

}


.scanner-mobile {
  background-image:url("../images/banner-scanner-mobile.jpg");
  background-position: top center;
  background-attachment:scroll;
  background-repeat: no-repeat;
  background-size:cover;
  background-color: #fff;
  padding:200px 0;
  position: relative;
}



.team {
  background-image:url("../images/about-team-text.jpg");
  background-position: 0px 120px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:contain;
  background-color: #000;
  padding: 440px 0 40px 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: #000;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 65px;
  font-weight: 300;
  letter-spacing: 0px;
  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: 0px;
  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
 
}






 .toBottom {
        margin-top: 20px;
        position: absolute;
        bottom: 10;
     
        height: 30%;
        z-index: 2;
    }



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: #26ffc9;
}
.navbar-default {
  background-color: #26ffc9;
  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: #26ffc9;
  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: #26ffc9;
}
.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: #26ffc9;
  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: #000; }

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

.footer a {color: #000;
}

.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: #000; }
.grey-text-666 a {color: #000;}
.grey-text-666 a:hover{color: #000;}
.grey-text-666 a:visited{color: #000;}


.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: 35px; font-weight: 100;}


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

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

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


.teal-bg {	background-color: #26ffc9;}
.teal-border { border: #26ffc9 thin solid;}
.teal-border-medium { border: #26ffc9 thick solid;}
.teal-text { color: #26ffc9;}
.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: #26ffc9 medium solid;}

.green-text {color: #26ffc9;}
.teal-button {
	background-color: #26ffc9;
	color: #000;
	font-size: 16px;
	letter-spacing: 1px;
	border-radius: 0px;
	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: #26ffc9; background-color: #fff;}
.teal-button a:visited {color: #fff;}



.black-button {
	background-color: #000;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	border-radius: 0px;
	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;
}

.black-teal-button {
	background-color: #000;
	color: #26ffc9;
	font-size: 25px;
	letter-spacing: 1px;
	border-radius: 0px;
	padding: 16px 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;


}

.black-button a {color: #fff;}
.black-button a:hover {color: #000; background-color: #26ffc9;}
.black-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;
}


.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: #26ffc9;
	color: #000;
}




.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-teal { padding:10px;
	border: thin solid #26ffc9;
	background-color: #26ffc9;;
	color: black;
	font-size: 16px;
	margin-top: 15px;
}

.button-box-teal:hover { padding:10px;
	border: thin solid #26ffc9;
	background-color: black;;
	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) ----------- */

.carousel-caption {  position: absolute;
  right: 10%;
  top: 10px;
  left: 10%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
	background-color: rgba(170,170,170,0.4);}
	
	.carousel-caption h2{  font-size:27px; line-height: 30px;}
	.carousel-caption h3{  font-size:20px; line-height:20px; font-weight: 500;}
		.carousel-caption h4{  font-size:18px; line-height:20px;}
	
.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: 150px 0;
  position: relative;

}

.home-mobile {
  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: 150px 0;
  position: relative;

}


	
	

.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) {

	
.carousel-caption {  position: absolute;
  right: 15%;
  top: 10px;
  left: 25%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  text-align: right;
	background-color:transparent;}


	
	.carousel-caption h2{  font-size:35px; line-height: 39px;}
	.carousel-caption h3{  font-size:30px; line-height:36px; font-weight: 500;}
		.carousel-caption h4{  font-size:26px; line-height:29px;}



}





@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 : 1025px) {

	.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: 300px 0;
  position: relative;

}

	
.carousel-caption {  position: absolute;
  right: 15%;
  top: 70px;
  left: 45%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: right;
	background-color:transparent;}


	
	.carousel-caption h2{  font-size:45px; line-height: 45px;}
	.carousel-caption h3{  font-size:42px; line-height:36px; font-weight: 500;}
		.carousel-caption h4{  font-size:26px; line-height:36px;}



	
	

}

@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 ----------- */



}