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

@font-face {
    font-family: 'HP';
    src: url('../fonts/latin-e-light-eot.eot');
    src: url('../fonts/latin-e-light-eot.eot?#iefix')
    format('embedded-opentype'), url('../fonts/latin-e-light-woff.woff')
    format('-woff.woff'), url('../fonts/latin-e-light-ttf-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

body {
    font-family: "HP" , "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    color: #000;
    font-size:  18px;
}

.logo {
    width: 50px;
    height: 50px;
}

.top{
    height:55px;
}

div.col-xs-5.center {
    text-align: center;
}

div.col-xs-6.center {
    text-align: center;
}

div.col-xs-7.center{
    text-align: center;
}

div.col-xs-12.banner {
    background: url('../img/hero_banner.jpg') center no-repeat;
    height: 480px;;
    float: left;
}

div.col-xs-12.banner.elite {
    background: url('../img/elitefolio.jpg') center no-repeat;
    float: left;
    height: 330px;
}

.col-xs-12.banner.elite.white {
    background: url('../img/elitefolio_white.jpg') center no-repeat;
    float: left;
    height:390px;
}

div.col-xs-12.banner.chromebooks{
    background: url('../img/hero_banner_chromebooks.jpg') center no-repeat;
}

.col-xs-12.banner.inc {
    height:365px;
}

.col-xs-12.banner.print {
    height: 365px;
    background: url('../img/hero_banner_print.png') center no-repeat;
}

.col-xs-12.banner.laserjet {
    background: url('../img/laserjet.jpg') center no-repeat;
}

img.img-responsive.comp {
    padding-top: 30%;
    padding-bottom: 10%;
}

img.img-responsive.calc {
    padding-top: 10%;
    padding-bottom: 10%;
}

h1.subtitle {
    padding-top: 5px;
    color: #c8932b !important;
    font-size: 46px;
}

.subtitle.small.blue.right {
    text-align: right;
    margin-right: 60px;
}

.subtitle.small.left {
    margin-left:60px;
}

h1.subtitle.left.prime {
    margin-top:inherit;
}

h1.white {
    font-size: 44px;
    color:#fff;
}

h1.title {
    color: #c8932b;
    font-size: 18px;
    margin-top:40px;
    margin-left:60px;
}

p {
    margin: 0 0 10px;
    font-size: 18px;
    text-align: center;
}

p.intro_text {
    font-family:"HP";
    font-size:1empx;
    color:#000;
    margin: 0px;
    text-align: left;
    line-height: 1.6;
    margin-top:10px;
}

p.list {
    text-align: center;
    margin-left:60px;
}

p.black {
    line-height: 22px;
    color: #767676 !important;
}

p.center {
    color: #9A8E54 !important;
    font-weight: 100 !important;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    transition: all ease .3s;
    display:inline-block
}
p.none {
    color: #9A8E54 !important;
    font-weight: 100 !important;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    transition: all ease .3s;
    display:inline-block
}

p.center:after {
    color: #9A8E54 !important;
    content: "|";
    padding: 0 15px 0 20px
}

a.btn.btn-primary.transparent {
    border: 1px solid;
    border-radius: 4px;
    background: none;
    color: #0096D6;
    display: inline-block;
    height: auto;
    font-weight: normal;
    padding: 14px 49px;
    margin: 10px 0 0;
    font-size: 18px;
    line-height: 20px;
    white-space: nowrap;
}

a.btn.btn-primary.transparent.compare {
    margin-bottom: 20px;
}

.h1, h1 {
    font-size: 16px;
}

h2{font-family: "HP" , "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #0096d6;}

h3{
    font-weight: bold;
    color: #0096d6;}

a {color: #0096d6;}
.nav {margin-top:7px;}
.nav li a {
    color: #000;
    text-decoration: none;
    font-size: 1empx;
}

h3.font-lh3 {
    height: 37px;
    color: #767676;
    text-align:center;
}

a:focus, a:hover {
    text-decoration:none;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 1em;
    margin-top: 15px;
    padding-right:inherit;
}

.navbar-default .navbar-nav > li > a:active {
    color: #0096d6;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: inherit;
    color: #0096d6;
}
.nav-tabs {
    border-bottom: 2px solid #ddd;
}

.nav > li > a:focus, {
    text-decoration: none;
    background-color: inherit;
    border:inherit;
    font-color: #0096d6;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration:none;
    background-color:inherit;
    border:inherit;
}

.navbar-default .navbar-nav > li > a:active, a:focus {
    color: #0096d6 !important;
    font-size: 1empx;
    padding-right:inherit;
}

.active-nav {
    color: #0096d6 !important;
    font-size: 1empx;
    padding-right:inherit;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
.navbar-default .navbar-nav > li > a:active{
    color: #0096d6;
    background-color:transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    text-decoration: none;
    background-color: inherit;
    border-bottom: 5px solid #0096d6;
    border-top:inherit;
    border-left:inherit;
    border-right:inherit;
    color: #0096d6;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    border: inherit;
}

.nav-tabs > li > a:hover {
    margin-right: 2px;
    line-height: 1.42857143;
    border-bottom: 5px solid rgba(0, 158, 225, 0);
    border-radius: 4px 4px 0 0;
}

.navbar-default {
    background-color:#fff;
    border-color: #35424a;
    border-radius: inherit;
    border: inherit;
    margin-bottom: inherit;
}
.navbar-collapse {    background-color:#fff;}


.navbar-brand {
    float:left;
    height:70px;
    padding:15px 15px;
    font-size:18px;
    line-height:20px;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -30px;
    }
    span {
        font-size: 30px;
    }
}

.nav > li {
    position: relative;
    display: inline-block;
}

h1.subtitle.heading {
    clear: both;
    text-align: center;
    width: 100%;
    margin: 20px auto;
    border-bottom: 1px solid #000;
    height: 34px;
}
h1.heading {
    color: #fff;
    font-weight: 100 !important;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px;
    text-align: center;
}

.heading.black.right {
    text-align:right;
    margin-right:60px;
}

h1.heading.black {
    color: #000;
}

h1.heading.left {
    text-align: left;
    margin-left:60px;
}

.heading.left.chrome {
    margin-top:60px;
}

h1.heading.prime {
    margin-bottom: inherit;
}

h2.subtitle.center {
    text-align: center;
    padding-top: 10px;
    color: #c8932b !important;
    font-size: 20px;
}


h1.subtitle.center {
    text-align: center;
    padding-top: 5px;
    color: #c8932b !important;
    font-size: 46px;
}

h1.subtitle.center.blue {
    text-align: center;
    padding-top: 10px;
    color:  #0096d6 !important;
    font-size: 46px;
}

h1.subtitle.center.black {
    color:#000 !important;
    font-size:36px;
}

h1.subtitle.center.left {
    text-align: left;
    padding-top:60px;
}

h1.subtitle.center.left.black {
    color: #000 !important;
    font-size: 24px;
    padding-top: 10px;
}
h1.heading.left.black {
    color:#000;
    font-size:36px;
}

h4.title {
    font-weight: bold;
}

h4.title.centered-heading {
    text-align:center;
}

h4.title.centered-heading.index {
    margin-top:30px;
}

p.white {
    text-align: center;
    color: white;
    font-size: 18px;
}

p.white.left {
    text-align: left;
    padding-left:60px;
}

p.black.left {
    color: #000000;
    font-size: 16px;
    text-align:left;
}

.btn.btn-primary {
    border: 1px solid #9b8e55;
    background: #9b8e55;
    color: #000;
    margin-right: 0;
    margin-top: 10px;
    border-radius: 3px !important;
    padding: 6px 30px !important;
    position: relative;
    left: 40%;
}

.btn.btn-primary:hover {
    background: transparent;
    color: #9b8e55;
    border: 1px solid #000;
}

.btn.btn-primary.btn-lg.blue {
    border: 1px solid #0096d6;
    background: #0096d6;
    color: #000;
}

.btn.btn-primary.btn-lg.blue:hover {
    background: transparent;
    color: #0096d6;
    border: 1px solid #000;
}

.col-xs-12.brown {
    background-color: #191919;
}

.col-xs-12.info {
    padding-left:30px;
    padding-right:30px;
}

.img-responsive.windows {
    display: block;
    margin-right: auto;
    margin-left: auto;
    height:420px;
}

.img-responsive.windows.pro {
    float:left;
}

.img-responsive.chromebooks {
    margin-top: 60px;
}

.img-responsive.icon {
    margin:auto;
    padding-top:20px;
}

.img-responsive.icon.small {
    height:90px;
    margin-top: 20px;
}

div.height {
    height: 160px;
    vertical-align: bottom;
    text-align:center;
}

.description {
    height: 44px;
    text-align:center;
    margin-left:5px;
    margin-right:5px;
    padding-top:5px;
}

div.row.bottom {
    margin-top:30px;
    margin-bottom:30px;
}

.col-xs-12.banner.laserjet {
    height:430px;
    background: url('../img/hero_laserjet.jpg') center no-repeat;
}

.col-xs-12.banner.pagewide {
    height:400px;
    background: url('../img/hero_pagewide.jpg') center no-repeat;
}

.col-xs-12.banner.deskjet {
    background: url('../img/hero_deskjet.jpg') right no-repeat;
    height: 160px;
    margin-top:20px;
}

span {
    font-size: 36px;
    line-height: 42px;
    font-weight: 100;
    background-color: #fff;
    padding: 0 20px;
}

#product_testimonial {
    padding: 15px;
    border-radius: 2px;
    o-border-radius: 2px;
    webkit-border-radius: 2px;
    moz-border-radius: 2px;
    background-color: #F2F2F2;
    border: 1px solid #D6D6D6;
}
.primary-pink{
    color:#0096d6;
}
#customer-section {
    background-image: url('img/home-bg.png');
    background-repeat: no-repeat;
    background-position: -50px 0px;
    float: right;
    min-height: 220px;
    border-left: 1px solid #272727;
}
#customer-spotlight {
    float: left;
    padding: 0px 15px 0px 26px;
    display: block;
}
#customer-video {
    float: right;
    padding-top: 60px;
}
#threatcloud {
    float: left;
    padding-right: 0px;
    border-right: 1px solid #000;
    position: relative;
    display: block;
}

div.container.index {
    background-color: #f6f6f6;
    margin-top: 20px;
}

.row.scanjet {
    border-top: 1px solid #E5E8E8;
}


@media (max-width: 768px) {
    a.btn.btn-primary.transparent {
        margin-bottom:20px;
    }
    .navbar-default .navbar-nav > li > a {
        padding-right: 15px;
    }
    .navbar-default .navbar-nav > li > a:active, a:focus {
        padding-right: 15px;
    }

}


@media (max-width: 560px) {
    span.line {
        font-size:26px;
    }
    h1.subtitle {
        font-size: 26px;
    }
    div.col-sm-6.col-xs-12.video {
        margin-bottom:20px;
    }
    p.heading.text {
        margin-top:50px;

    }
    h1.subtitle.left.small {
        background-color: rgba(255, 255, 255, 0.71);
    }

    p.left.small {
        background-color: rgba(255, 255, 255, 0.71);
    }
}

@media (min-width:560px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}