@charset "utf-8";
/* CSS Document */
/* CSS used here will be applied after bootstrap.css */

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}

.flex-start { 
  justify-content: flex-start; 
}

.flex-end { 
  justify-content: flex-end; 
}  
.flex-end li {
  background: gold;
}

.center { 
  justify-content: center; 
}  
.center li {
  background: #fff;
}

.space-between { 
  justify-content: space-between; 
}  
.space-between li {
  background: #fff;
}

.space-around { 
  justify-content: space-around; 
}
.space-around li {
  background: #fff; 
}

.space-evenly { 
  justify-content: space-evenly; 
}
.space-evenly li {
  background: #fff; 
}

.flex-item {
  background: tomato;
  padding: 5px;
  width: 25%;
  /*height: 50px;*/
  margin: 5px;
  line-height: 50px;
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
}

html, body {
      margin: 0;
      padding: 0;
      width: 100%;
}

header {
      width: 100%;
      height: 100vh;
      background:url("../images/home-round.jpg") no-repeat 50% 50%;
      background-size: cover;
	
}
.stripes
	{
		position:fixed;
		bottom: 0px;
		right: 0px;
		
		z-index: 2;
	}


.content {
      width: 94%;
      margin: 4em auto;
      font-size: 20px;
      line-height: 30px;
      text-align: justify;
}

.logo {
      line-height: 60px;
      position: fixed;
      float: left;
      margin: 16px 46px;
      letter-spacing: 2px;
}

.text-ontop {z-index:900;}

nav {
      position: fixed;
      width: 100%;
      line-height: 60px;
	z-index: 500;
}

nav ul {
      line-height: 60px;
      list-style: none;
      background: rgba(0, 0, 60, 0);
      overflow: hidden;
      color: #444;
      padding: 0;
      text-align: right;
      margin: 0;
      padding-right: 40px;
      transition: 1s;
}

nav.black ul {
      background: #FE5D29;
}

nav ul li {
      display: inline-block;
      padding: 16px 20px;;
}

nav ul li a {
      text-decoration: none;
      color: #444;
      font-size: 16px;
}

.menu-icon {
      line-height: 60px;
      width: 100%;
      background: #FE5D29;
      text-align: right;
      box-sizing: border-box;
      padding: 15px 24px;
      cursor: pointer;
      color: #fff;
      display: none;
	z-index: 600;
}

@media(max-width: 786px) {
	
	


      .logo {
            position: fixed;
            top: 0;
            margin-top: 66px;
		  width: 100px;
		  
		  
		  
		  
		  line-height: 60px;
    
      float: left;
      margin: 10px 46px 26px 46px;
      letter-spacing: 2px;
      }

	
.stripes
	{
		position:fixed;
		bottom: 0px;
		right: 0px;
		z-index: 2;
	}

header {
      width: 100%;
      background:none;
}

      nav ul {
            max-height: 0px;
            background: #FE5D29;
		  color: #fff;
      }

      nav.black ul {
            background: #FE5D29;
      }

      .showing {
            max-height: 100%;
      }

      nav ul li {
            box-sizing: border-box;
            width: 100%;
            padding: 1px;
            text-align: center;
		  color: #fff;
      }

nav ul li a {
      text-decoration: none;
      color: #fff;
      font-size: 14px;
}
      .menu-icon {
            display: block;
      }

}




.black-stripes { 
 background-image:url("../images/stripes-black.png");
  background-position: 30% 80%;
background-repeat: no-repeat;}




















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

}

.home {
  background-image:url("../images/home-round.jpg");
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  padding: 200px 0 500px 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.jpg);
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  padding: 400px 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
 
}

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

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


.bullets li{ padding-bottom:20px;
color: #fff;}

.pull-title-up {margin-top:-40px
}


/* Centered text */
.centered {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
	background: rgba(254, 93, 41, 0.8); 
  color: #fff; 
  width: 96%; 
  padding: 10px;
	
}
.centered a {
  
  color: #fff; 
	text-decoration: none;
  
}
.centered:hover {
  background: black; 
  color: rgba(254, 93, 41, 0.8);
 
}




.img-container{
	
	
	
}
.img-text{
	top:50%;

    
    position: absolute;
    background-color: yellow;
 
}

.col-centered{
    float: none;
    margin: 0 auto;
}

h2 { line-height:42px;}
h3 { line-height:37px;}
h4 { line-height:33px;}
h5 { line-height:30px;}


#yourElement {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
.st-highlight {
  color: #FE5D29;
}
.navbar-default {
  background-color: #FE5D29;
  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: #FE5D29;
  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: #FE5D29;
}
.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: #FE5D29;
  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;}

.border-top-white {border-top: thin solid #fff; padding-top: 10px;}

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


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

.green-text {color: #FE5D29;}
.orange-button {  background-color: #FE5D29;
	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;}

.orange-button a {color: #fff;}
.orange-button a:hover {color: #FE5D29; background-color: #fff;}
.orange-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;}
.orange-background { background-color:#FE5D29;}
.orange-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 ----------- */



}