/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    width: 100%;
    height: 100%;
    max-width: 100% !important;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: #939393;
    background-color: #fff;
    line-height: 1.543em;
    
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 2.5em;
    font-weight: 700;
}

.text-muted {
    color: #777;
    text-align: center;
    font-size: 1.5em;
    margin-top: 15px;
    margin-bottom: 20px;
}

.about h2 {
    margin-bottom: !40px;
    padding: 5;
    font-family: "Lato", sans-serif;
    font-size: 2.2em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    color: #313131;
} 

.about h3 {
    margin-bottom: !40px;
    padding: 5;
    font-size: 2.5em;
    font-weight: 300;
    color: silver;
} 

.navbar-fixed-top h4 {
    margin-bottom: 40px;
    padding: 5;
    font-size: 1.2em;
    font-weight: 300;
    color: #fff;
} 

.navbar-fixed-top h4:hover,
.navbar-fixed-top h4:focus,
.navbar-fixed-top h4:active {
    color: #fcf064;
}



.content-section-a {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
 

}

.content-section-a img {
    display: inline-block;
    
}

.content-section-b {
    padding: 50px 0;
 
    
}

/* Custom Button Styles */


.btn-primary {
    border-color: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    background-color: #2b2f8e;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: none;
    color: #fff;
    background-color: #6b70dd;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #2b2f8e;
    background-color: #2b2f8e;
}

.btn-primary .badge {
    color: #2b2f8e;
    background-color: #fff;
    vertical-align: middle;
}

.btn-xl {
    display: block;
    margin: 0 auto;
    width: 220px;
    text-align: center;
    padding: 10px 10px;
    border-color: none;
    border-radius: 0px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    background-color: rgba(82, 157, 244, 1);
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: none;
    color: #fff;
    background-color: #5e65ff;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: transparent;
    background-color: #529df4;
}

.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(192, 192, 192, 0.2);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}


.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(244,144,10,0.9);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

.img-displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
     
}

/* image responsive */

.img-responsive {
  display: inline-block;
  height: auto;
}

/* social */

.social-button {
  display: inline-block;
  height: 70%;
  width: 70%;
    padding-bottom: 20px;
    padding-top: 20px;
}

/* navigation */
/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: rgba(244,144,10,0.9);
	box-shadow: 10px 10px 5px #888888;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: inital;
    top: 50px;
    
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    font-family: 'Montserrat', sans-serif;
    line-height: 55px;
    font-size: 42px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    
    
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #000;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(196, 112, 0, 0.7);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    font-weight: 700
    height: 55px;
    font-size: 36px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: rgba(244,144,10,0.7);
    background: rgba(1, 133, 244, 0);
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}


/* Header */

.header {
    display: block;
    position: relative;
    width: cover;
    height: cover%;
    background: url(../lenses%20trial.html) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Parallax */

section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
font-family: 'Open Sans', sans-serif;

font-size: 30px;
}
section.module p {
  margin-bottom: 40px;
  font-size: 19px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  height: 1080px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-family: 'Lato', sans-serif;
  letter-spacing: -0.01em;
  font-size: 72px;
  line-height: 50px;
  margin-top: 200px;
  font-weight: 100;
  text-align: center;
  text-transform: none;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


section.module.parallax2 {
  max-height:700px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

section.module.parallax2 h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 96px;
  line-height: 100px;
  margin-top: 420px;
  font-weight: 300;
  text-align: center;
  text-transform: none;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


section.module.parallax-1 {
  background-image: url("../img/banner.jpg");
}
section.module.parallax-2 {
  background-image: url("../img/banner3.jpg");
  !-height: 70%;
}
section.module.parallax-3 {
  background-image: url("../img/banner2.jpg");
  !-height: 70%;
}
section.module.parallax-4 {
  background-image: url("../img/banner4.jpg");
  }
section.module.parallax2-4 {
  background-image: url("../img/carter.jpg");
  max-height: 550px;
}
section.module.parallax3-4 {
  background-image: url("../img/products/8.jpg");
}
section.module.parallax-5 {
  background-image: url("../img/prod1.png");
  height: 50%;
}
section.module.parallax-5-1 {
  background-image: url("../img/prod3.png");
  height: 50%;
}
section.module.parallax-6 {
  background-image: url("../img/5.png");
  height: 50%;
}


@media all and (max-width: 600px) {
  section.module h2 {
    font-size: 24px;
  }
  section.module p {
    font-size: 16px;
  }
  section.module.parallax h1 {
    font-size: 48px;
    margin-top: 200px;
    line-height: 48px;


  }
        section.module.parallax {
  height: 600px;
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 96px;
  }
}


/* About */

.about {
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 5px solid #f8d822;
}

/* Services */

.services {
    padding: 50px 0;
    float: left;

}

.service-item {
    margin-bottom: 30px;
}


/* Shadow */    
    
    
.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.box-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.box-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}
.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
} 
    

/* team */
    
.team-member {
    margin-bottom: 50px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    text-align: -webkit-center;
   
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #79cbf7;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}
    
    .team-member h5 {
    font-size: 36px;
}

.team-member p {
    margin-top: 0;
}
    
   
    
/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 693px;
    color: #fff;
    background: url(../img/prod1.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

 /* video */

.video {
  width: 100%    !important;
  height: auto   !important;
}

.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%;
}
    


/* Footer */

footer {
    background-color: #333;
    padding: 100px 0;
}