/*!
 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body { overflow-x: hidden; font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.text-muted { color: #777777; }
.text-primary { color: #faa62a; }
p { font-size: 16px; line-height: 1.75; max-width: 900px; margin: 0 auto 20px; }
p.large { font-size: 18px; }
a,
a:hover,
a:focus,
a:active,
a.active { outline: none; }
a { color: #faa62a; }
a:hover,
a:focus,
a:active,
a.active { color: #e65325; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; color: #222222; }
.orange{color:#fec503}

.container ul{margin-bottom: 20px; font-size: 16px; margin-left:0}
.container ul li{margin-left:0}

hr { margin-top: 50px; margin-bottom: 50px; border: 0; border-top: 1px solid #eee; width: 40%; }
hr.narrow { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; width: 40%; }

@media (max-width: 600px) {
    hr { margin-top: 80px; margin-bottom: 80px; }
}

@media (max-width: 480px) {
    hr { margin-top: 60px; margin-bottom: 60px; }
}

.img-centered { margin: 0 auto; }
.bg-light-gray { background-color: #eeeeee; }
.bg-darkest-gray { background-color: #222222; }
.btn-primary { color: white; background-color: #fed136; border-color: #fed136; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { color: white; background-color: #fec503; border-color: #f6bf01; }
.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 { background-color: #fed136; border-color: #fed136; }
.btn-primary .badge { color: #fed136; background-color: white; }

.btn { color: white; background-color: #faa62a; border-color: #faa62a; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; border-radius: 3px; font-size: 16px; padding: 12px 20px; }
.btn:hover, .btn:focus, .btn:active, .btn.active { color: white; background-color: #fec503; border-color: #f6bf01; }

.submitBtn label { display: none; }

.btn-xl { color: white; background-color: #faa62a; border-color: #faa62a; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; border-radius: 3px; font-size: 18px; padding: 20px 40px; }
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl { color: white; background-color: #fec503; border-color: #f6bf01; }
.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 { background-color: #fed136; border-color: #fed136; }
.btn-xl .badge { color: #fed136; background-color: white; }
.navbar-custom { background-color: #222222; border-color: transparent; }
.navbar-custom .navbar-brand { color: #fed136; font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive; }
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active { color: #fec503; }
.navbar-custom .navbar-collapse { border-color: rgba(255, 255, 255, 0.02); }
.navbar-custom .navbar-toggle { -webkit-border-radius: 2px; border-radius: 2px; font-size: 14px; background-color: #222; border-color: #222; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: white; }
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus { background-color: #222; }
.navbar-custom .nav li a { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; color: white; }
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus { color: #faa62a; outline: none; }
.navbar-custom .navbar-nav > .active > a { border-radius: 0; color: white; background-color: #fed136; }
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus { color: white; background-color: #fec503; }

@media (min-width: 768px) {
    .navbar-custom { background-color: transparent; padding: 25px 0; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; border: none; background: -moz-linear-gradient(top, rgba(60, 60, 60, 0.75) 0%,rgba(60, 60, 60, 0.1) 75%,rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, rgba(60, 60, 60, 0.75) 0%,rgba(60, 60, 60, 0.1) 75%,rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(60, 60, 60, 0.75) 0%,rgba(60, 60, 60, 0.1) 75%,rgba(255, 255, 255, 0) 100%); }
    .navbar-custom .navbar-brand { font-size: 2em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
    .navbar-custom .navbar-nav > .active > a { border-radius: 3px; }
}

@media (min-width: 768px) {
    .navbar-custom.affix { background-color: #3c3c3c; padding: 10px 0; }
    .navbar-custom.affix .navbar-brand { font-size: 1.5em; }
}

header { position: relative; background-image: url(/img/home_banner.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; text-align: center; color: white; }
header:before { content: ''; position: absolute; top: 0; left: 0; background: url(/img/lens_20.png) repeat; width: 100%; height: 100%; }
header .intro-text { padding-top: 100px; padding-bottom: 50px; position: relative; z-index: 2; }
header .intro-text .intro-lead-in { font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-size: 22px; line-height: 22px; margin-bottom: 25px; }
header .intro-text .intro-heading { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 50px; line-height: 50px; margin-bottom: 25px; }

#services header, #about header { background-image: url(/img/services_banner.jpg); }
#products header { background-image: url(/img/products_banner.jpg); }

#products header:before, #contact header:before { content: ''; position: absolute; top: 0; left: 0; background: url(/img/lens_40.png) repeat; width: 100%; height: 100%; }


@media (max-width: 600px) {
    header .intro-text .intro-heading { font-size: 42px; line-height: 42px; }
}

@media (max-width: 480px) {
    header .intro-text .intro-heading { text-align: left; font-size: 34px; line-height: 34px; }
    header .intro-text .btn { float: left; margin-bottom: 50px; }

    header .intro-lead-in { text-align: left; }

    .btn-xl { padding: 14px 24px; }
}


@media (min-width: 768px) {
    header .intro-text { padding-top: 300px; padding-bottom: 200px; position: relative; }
    .internalHeader .intro-text { padding-top: 200px; padding-bottom: 100px; position: relative; }

    header .intro-text .intro-lead-in { font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-size: 40px; line-height: 40px; margin-bottom: 25px; }
    header .intro-text .intro-heading { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 75px; line-height: 75px; margin-bottom: 50px; }
}

section { padding: 100px 0; }

@media (max-width: 600px) {
    section { padding: 75px 0; }
}


section h2.section-heading { font-size: 40px; margin-top: 0; margin-bottom: 15px; }
section h3.section-subheading { font-size: 16px; font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; font-style: italic; font-weight: 400; margin-bottom: 75px; }

@media (min-width: 768px) {
    section { padding: 150px 0; }
}

.service-heading { margin: 15px 0; text-transform: none; }

aside.clients img { margin: 50px auto; }
section#contact { background-color: #222222; background-position: center; background-repeat: no-repeat; }
section#contact .section-heading { color: white; }
section#contact .form-group { margin-bottom: 25px; }
section#contact .form-group input,
section#contact .form-group textarea { padding: 20px; }
section#contact .form-group input.form-control { height: auto; }
section#contact .form-group textarea.form-control { height: 236px; }
section#contact .form-control:focus { border-color: #fed136; box-shadow: none; }
section#contact ::-webkit-input-placeholder { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; color: #eeeeee; }
section#contact :-moz-placeholder { /* Firefox 18- */ font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; color: #eeeeee; }
section#contact ::-moz-placeholder { /* Firefox 19+ */ font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; color: #eeeeee; }
section#contact :-ms-input-placeholder { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; color: #eeeeee; }
section#contact .text-danger { color: #e74c3c; }
footer { padding: 25px 0; text-align: center; }
footer span.copyright { line-height: 40px; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-transform: none; }
footer ul.quicklinks { margin-bottom: 0; line-height: 40px; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-transform: none; }
ul.social-buttons { margin-bottom: 0; }
ul.social-buttons li a { display: block; background-color: #222222; height: 40px; width: 40px; border-radius: 100%; font-size: 20px; line-height: 40px; color: white; outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active { background-color: #e65325; }
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus { outline: none; }
.portfolio-modal .modal-dialog { margin: 0; height: 100%; width: auto; }
.portfolio-modal .modal-content { border-radius: 0; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; border: none; min-height: 100%; padding: 100px 0; text-align: center; }
.portfolio-modal .modal-content h2 { margin-bottom: 15px; font-size: 3em; }
.portfolio-modal .modal-content p { margin-bottom: 30px; }
.portfolio-modal .modal-content p.item-intro { margin: 20px 0 30px; font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-size: 16px; }
.portfolio-modal .modal-content ul.list-inline { margin-bottom: 30px; margin-top: 0; }
.portfolio-modal .modal-content img { margin-bottom: 30px; }
.portfolio-modal .close-modal { position: absolute; width: 75px; height: 75px; background-color: transparent; top: 25px; right: 25px; cursor: pointer; }
.portfolio-modal .close-modal:hover { opacity: 0.3; }
.portfolio-modal .close-modal .lr { height: 75px; width: 1px; margin-left: 35px; background-color: #222222; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ z-index: 1051; }
.portfolio-modal .close-modal .lr .rl { height: 75px; width: 1px; background-color: #222222; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ z-index: 1052; }
.portfolio-modal .modal-backdrop { opacity: 0; display: none; }
::-moz-selection { text-shadow: none; background: #fed136; }
::selection { text-shadow: none; background: #fed136; }
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }
body { webkit-tap-highlight-color: #fed136; }


/*Customizations*/
header .container { min-height: 120px; }

#terms .intro-text { display: none; }

.navbar-brand { background: url(/img/logo.png) no-repeat 0 0; background-size: 250px 60px; width: 250px; height: 60px; padding: 0; text-indent: -100%; overflow: hidden; font-size: 0 !important; }
.affix .navbar-brand { background-size: 166px 40px; width: 170px; height: 40px; margin-top: 2px; }

.navbar-nav li > a { padding-top: 27px; padding-bottom: 27px; }
.affix .navbar-nav li > a { padding-top: 15px; padding-bottom: 15px; }

.fa { transform: scale(1); -webkit-transform: scale(1); }
.fa:hover, a:hover .fa { transform: scale(1.08); -webkit-transform: scale(1.08); }

.col-md-2 a:hover, .col-md-3 a:hover, .col-md-4 a:hover, .col-md-5 a:hover { text-decoration: none; }

a h4:hover, a h3:hover, a h2:hover { color: #e65325; }

.navbar-nav li.liOn a, .navbar-custom .nav li.liOn a:hover, .navbar-custom .nav li.liOn a:focus { background-color: transparent; color: #fff; }

.template1col .skinny { max-width: 780px; margin: 0 auto; }
.template1col .skinny > .row { margin-bottom: 60px; }
.template1col .skinny > .row p { margin-top: 30px; }

.navbar-nav { margin: 20px 5px; }

@media (min-width: 768px) {
    .navbar-right { margin: 0; }
}

.navbar-nav li.liOn a span { padding-bottom: 2px; border-bottom: 2px solid #ffffff; }

/* = Tables
----------------------------------------------------------------------------------------------------------------- */
table { width: 100%; margin: 0 0 20px; border-spacing: 0; border-collapse: collapse; }
th { padding: 15px 10px; color: #fff; border: 1px solid #333; background: #333; }
tr:nth-child(even) td { background: #f6f6f6; }
td { padding: 10px; border: 1px solid #e5e5e5; background: #fff; }
.rowItemStandout td { color: #fff; background: #a1c897; }