/**********************!
Primerica Printing Online
Dev Date: 12.01.15
Developer: Arthur MacMillan
***********************/

/**********************
Defaults, Typography and Buttons
***********************/

/***@Font Face***/

@font-face {
    font-family: 'Gotham-Bold';
    src: 
        url('../fonts/gotham/gothambold/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/gotham/gothambold/Gotham-Bold.otf')  format('opentype'),
        url('../fonts/gotham/gothambold/Gotham-Bold.woff') format('woff'), 
        url('../fonts/gotham/gothambold/Gotham-Bold.ttf')  format('truetype'), 
        url('../fonts/gotham/gothambold/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Book';
    src: 
        url('../fonts/gotham/gothambook/Gotham-Book.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/gotham/gothambook/Gotham-Book.otf')  format('opentype'),
        url('../fonts/gotham/gothambook/Gotham-Book.woff') format('woff'), 
        url('../fonts/gotham/gothambook/Gotham-Book.ttf')  format('truetype'), 
        url('../fonts/gotham/gothambook/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}


/***Defaults and Typography***/

body {font-family: "Gotham-Book",Helvetica,Arial,sans-serif; overflow-x: hidden; }

.text-muted {color: #777;}
.text-primary {color: #BE6E00;}

p {font-size: 14px;line-height: 1.75; margin:0 0 28px 0;}
p.large {font-size: 16px;}

a, a:hover, a:focus, a:active, a.active {outline: 0;}
a {color: #BE6E00;}

a:hover, a:focus, a:active, a.active {color: #FF9400;}

h1, h2, h3, h4, h5, h6 {font-family: Gotham-Bold,"Helvetica Neue",Helvetica,Arial,sans-serif; margin:10px 0;}


/***Buttons and Misc***/

.img-centered {margin: 0 auto;}

.bg-light-gray {background-color: #f7f7f7;}
.bg-darkest-gray {background-color: #222;}

.btn-primary {border-color: #BE6E00; font-family: Gotham-Book,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; background-color: #BE6E00; border-radius: 0px;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary  {border-color: #f6bf01; color: #fff; background-color: #FF9400;}
.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: #BE6E00; background-color: #BE6E00;}

.btn-primary .badge {color: #BE6E00; background-color: #fff;}

.btn-xl {padding: 5px 20px; border-color: #BE6E00; border-radius: 0px; font-family: Gotham-Book,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 700; color: #fff; background-color: #FF9400; }
.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {border-color: #f6bf01; color: #fff; background-color: #FF9400; }
.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: #BE6E00; background-color: #BE6E00; }

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


/**********************
Header and Navigation
***********************/

header {padding-top:140px; text-align: center; color: #fff; background-attachment: scroll; background-image: url(../img/header-bg.jpg); background-position: center center; background-repeat: none; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }

header .intro-text {padding-top: 500px; padding-bottom: 30px; }
header .intro-text .intro-lead-in {margin-bottom: 25px; font-family: "Gotham-Book","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; line-height: 30px; }
header .intro-text .intro-lead-in .printing {color: #39ACED;}
header .intro-text .intro-lead-in .service{color: #F0B934;}

.navbar-default {border-color: transparent; background-color: #000; }

.navbar-default .navbar-brand {font-family: "Gotham-Book","Helvetica Neue",Helvetica,Arial,cursive; color: #ffffff; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {color: #FF9400; }

.navbar-default .navbar-collapse {border-color: rgba(255,255,255,.02); }

.navbar-default .navbar-toggle {border-color: #BE6E00; background-color: #BE6E00; }
.navbar-default .navbar-toggle .icon-bar {background-color: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #BE6E00; }

.navbar-default .nav li a {font-family: Gotham-Book,"Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: 1px; color: #ccc; padding:5px 20px; margin-top:10px;}
.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {outline: 0; color: #BE6E00; }

.navbar-default .navbar-nav>.active>a {border-radius: 0; color: #BE6E00; background-color: rgba(0,0,0, .0); padding: 5px 20px;}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #BE6E00; background-color: rgba(0,0,0, .0); }

.loginlink {border: 1px solid #4A90E2; color: #4A90E2; padding:0 20px 10px 20px;}
.loginlink a {color: #4A90E2 !important;}
.loginlink a:hover {color: #4A90E2 !important;}

.contactnav {background: #323232; color:#ccc; padding:5px 30px; margin-bottom:10px;}
.contactnav a, .mobilecontactnav a {color: #ccc;}
.contactnav a:hover, .mobilecontactnav a:hover {color: #BE6E00;}
.contactnav p {font-size:10px; margin:0; padding: 5px 0; }
.contactnav ul {font-size:10px; float:right; list-style-type: none; margin:0;}
.contactnav ul li {float:left; padding: 5px 0; margin:0 10px 0 0;}
.contactnav ul li i, .contactnav p i {font-size:14px; margin-right:5px;}
.mobilecontactnav {float:right; margin-top:10px;}
.mobilecontactnav li {float:left; list-style-type: none;}
.mobilecontactnav li i {font-size:26px; padding:0 10px; margin-right:5px;}

/**********************
Sections
***********************/

section {padding: 100px 0; }
section h2.section-heading {margin-top: 0; margin-bottom: 5px; font-size: 30px; }
section h3.section-subheading {margin-bottom: 30px; text-transform: none; font-family: "Gotham-Book","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 20px; color:#222;}

.divider {color:#fff; padding:0;}
.divider .overlay {width:100%; height:350px; position:relative; z-index: 1; top:0; background: rgba(0,0,0, .6); display: block; }
.divider .image {height:350px; position: relative; z-index: 2; bottom:0;}
.divider .image img {position: absolute; z-index: 2; bottom:0; right:0;}
.divider .caption {width:75%; margin:100px 0 0; position: relative; z-index: 3;}

.aboutus-divider {border-bottom:10px solid #FFF02A;}
.aboutus-divider .container-fluid {height: inherit; background: #000 url(../img/dividerbackgrounds/bg-aboutus-divider.jpg) 0 0;}

.service-divider {border-bottom:10px solid #39ACED;}
.service-divider .container-fluid {height: inherit; background: #000 url(../img/dividerbackgrounds/bg-services-divider.jpg) 0 0;}
.service-divider .caption {margin-left:200px;}

.contactus-divider .container-fluid {height: inherit; background: #000 url(../img/dividerbackgrounds/bg-contactus-divider.jpg) 0 0;}

.service-list {min-height: 450px; padding:30px; margin-bottom: 60px;}
.service-list ul { margin-bottom:30px;}

/***Facility Gallery***/
.service-heading {margin: 15px 0; text-transform: none; }
#facility {padding:0px !important; border-bottom:10px solid #E4008C;}
#facility .portfolio-item {right: 0; margin: 0; padding-right:0; padding-left:0; overflow: hidden;}
#facility .portfolio-item img {width:100%;}
#facility .portfolio-item .portfolio-link {display: block; position: relative; margin: 0 auto;}
#facility .portfolio-item .portfolio-link .portfolio-hover {position: absolute; width: 100%; height: 100%; opacity: 0; background: rgba(190,110,0,.9); -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
#facility .portfolio-item .portfolio-link .portfolio-hover:hover {opacity: 1; }
#facility .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; font-size: 20px; color: #fff; }
#facility .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {margin-top: -12px; }
#facility .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {margin: 0; }
#facility .portfolio-item .portfolio-caption {width:100%; margin: 0 auto; padding: 25px; text-align: left; background: rgba(0,0,0,.6); position:absolute; bottom:0;}
#facility .portfolio-item .portfolio-caption h4 { margin: 0; color:#fff;}
#facility .portfolio-item .portfolio-caption p {margin: 0; font-family: "Gotham-Book","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; color:#fff;}
#facility * {z-index: 2; }

.portfolio-modal .modal-content {padding: 100px 0; min-height: 100%; border: 0; border-radius: 0; text-align: center; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; }
.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: "Gotham-Book","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; font-style: italic; }
.portfolio-modal .modal-content ul.list-inline {margin-top: 0; margin-bottom: 30px; }
.portfolio-modal .modal-content img {margin-bottom: 30px; }
.portfolio-modal .close-modal {position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; background-color: transparent; cursor: pointer; }
.portfolio-modal .close-modal:hover {opacity: .3; }
.portfolio-modal .close-modal .lr {z-index: 1051; width: 1px; height: 75px; margin-left: 35px; background-color: #222; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.portfolio-modal .close-modal .lr .rl {z-index: 1052; width: 1px; height: 75px; background-color: #222; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.portfolio-modal .modal-backdrop {display: none; opacity: 0; }


/***Contact Us***/
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: #BE6E00; box-shadow: none; }
section#contact::-webkit-input-placeholder {text-transform: uppercase; font-family: Gotham-Bold,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; color: #bbb; }
section#contact:-moz-placeholder {text-transform: uppercase; font-family: Gotham-Bold,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; color: #bbb; }
section#contact::-moz-placeholder {text-transform: uppercase; font-family: Gotham-Bold,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; color: #bbb; }
section#contact:-ms-input-placeholder {text-transform: uppercase; font-family: Gotham-Bold,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; color: #bbb; }
section#contact .text-danger {color: #e74c3c;}

#contact .googlemap iframe {height:300px; width: 100%; margin-top:10px;}

/**********************
Footer
***********************/

footer {background: #000; padding: 25px 0; text-align: center; color:#ccc;}
footer span.copyright {text-transform: uppercase; text-transform: none; font-family: Gotham-Book,"Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 40px; }
footer ul.quicklinks {margin-bottom: 0; text-transform: uppercase; text-transform: none; font-family: Gotham-Bold,"Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 40px; }

ul.social-buttons {margin-bottom: 0; }
ul.social-buttons li a {display: block; width: 40px; height: 40px; border-radius: 100%; font-size: 20px; line-height: 40px; outline: 0; color: #fff; background-color: #222; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {background-color: #BE6E00; }

.btn:focus, .btn:active, .btn.active, .btn:active:focus {outline: 0; }

::-moz-selection {text-shadow: none; background: #BE6E00; }
::selection {text-shadow: none; background: #BE6E00; }
img::selection {background: 0 0; }
img::-moz-selection {background: 0 0; }
body {webkit-tap-highlight-color: #BE6E00; }


/**********************
Media Queries
***********************/

@media(max-width:767px){
    .mobilemenu {float:left; margin-left:20px;}
    .navbar-default .navbar-toggle {border: none; background: none;}
    header {background-color: #000; background-size: 200%; background-repeat: no-repeat; padding-top:0px;}
}

@media(min-width:767px) {
    #portfolio .portfolio-item {margin: 0 0 30px; }
}

@media(min-width:768px) {

    header .intro-text {padding-top: 650px; padding-bottom: 30px; }
    header .intro-text .intro-lead-in {margin-bottom: 25px; font-family: "Gotham-Book","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 30px; line-height: 40px; }
   
    .navbar-default {padding: 0 0 25px 0; border: 0; background-color: transparent; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; }
    .navbar-default .navbar-brand {font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
    .navbar-default.navbar-shrink {padding: 0 0 10px 0; background-color: #222; }
    .navbar-default.navbar-shrink .navbar-brand {font-size: 1.5em; }

    section {padding: 120px 0; }
    .timeline:before {left: 50%; }
    .timeline>li {margin-bottom: 100px; min-height: 100px; }
    .timeline>li .timeline-panel {float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right; }
    .timeline>li .timeline-image {left: 50%; width: 100px; height: 100px; margin-left: -50px; }
    .timeline>li .timeline-image h4 {margin-top: 16px; font-size: 13px; line-height: 18px; }
    .timeline>li.timeline-inverted>.timeline-panel {float: right; padding: 0 30px 20px 20px; text-align: left; } 

}

@media(min-width:992px) {
    .timeline>li {min-height: 150px; }
    .timeline>li .timeline-panel {padding: 0 20px 20px; }
    .timeline>li .timeline-image {width: 150px; height: 150px; margin-left: -75px; }
    .timeline>li .timeline-image h4 {margin-top: 30px; font-size: 18px; line-height: 26px; }
    .timeline>li.timeline-inverted>.timeline-panel {padding: 0 20px 20px; } 
}

@media(min-width:1200px) {
    .timeline>li {min-height: 170px; }
    .timeline>li .timeline-panel {padding: 0 20px 20px 100px; }
    .timeline>li .timeline-image {width: 170px; height: 170px; margin-left: -85px; }
    .timeline>li .timeline-image h4 {margin-top: 40px; }
    .timeline>li.timeline-inverted>.timeline-panel {padding: 0 100px 20px 20px; } 
}