/*!
 * Start Bootstrap - Modern Business HTML Template (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 {
    height: 100%;
    background: #f5f5f5 url(/images/body_bg.png) no-repeat;
    background-position-x: center;
    background-position-y: 80px;
}

body {
    padding-top: 81px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.navbar {
    background-color: #fff;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 81px;
    border-color: none;
}
.navbar-brand {
    height: 80px;
    line-height: 48px;
}
    .navbar-nav > li > a {
        line-height: 50px;
    }

.navbar-toggle {
    margin-top: 22px;
}

.navbar-form {
    padding-top: 14px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    background-color: #fff;
}

.text-white {
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
}
    .text-white:hover, .text-white:active {
        color: lightyellow;
    }

.footer-top, .footer-bottom {
    color: #cccecf;
}
.footer-top a, .footer-bottom a {
    color: #fff;
}
.footer-top {
    margin-top: 24px;
    padding: 36px 0;
    background-color: #37474f;
}
.footer-bottom {
    padding: 18px 0;
    background-color: #263238;
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
        line-height: 20px;
    }
    .navbar-form {
        padding-left: 30px;
        padding-top: 10px;
    }
}

.btn-pill {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: none;
}

.page-header {
    border: none;
}


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

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

.carousel-inner {
    height: 279px;
    margin-top: 20px;
}
.carousel-control.left, .carousel-control.right {
    background-image: url();
        overflow:hidden;
}


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media (max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
}

.content-body {
    background-color: #fff;
    padding: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 40px;
}

.content-body h1, .content-body h2 {
    margin-top: 14px;
}
    .content-body h2 {
        color:#069;
    }
    .content-body h3 {
        color:#333;
    }

/*Blog*/
.blog-category {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #e8e8e8;
}

.blog-pic-outer {
    height: 350px;
    overflow: hidden;
    margin-bottom: 24px;
    text-align: center;
}

.blog-pic {
    width: 100%;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.blog-item-sep {
    margin: 6px 0;
}

.blog-pic-item-outer {
    height: 200px;
    overflow: hidden;
    text-align: center
}

.blog-pic-popular-outer {
    height: 50px;
    overflow: hidden;
    text-align: center
}

.blog-item-text {
    min-height: 140px;
}


/*quotes*/
.panel-heading img {
    height: 95px;
    text-align: center;
    margin: 0 auto 10px auto;
}

.panel-heading div {
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}

    .panel-heading div span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }

.panel-body div {
    width: 100%;
    height: 100px;
    overflow: hidden;
}