/*
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0.
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/
/* Global Styles */

@font-face {
    font-family: Roboto;
    src: url(fonts/Roboto-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: Roboto;
    src: url(fonts/Roboto-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: Lovelo;
    src: url("fonts/Lovelo Black.otf");
    font-weight: 900;
}

@font-face {
    font-family: Myriad;
    src: url(fonts/myriad-web-pro.ttf);
    font-weight: normal;
}

html,
body {
    height: 100%;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Lovelo;
}

small {
    font-family: "Open Sans";
    color: inherit;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: Roboto;
    color: #333333;
    font: 400 14px / 30px Roboto;
}

.dropdown {
    cursor: pointer;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
    margin-bottom: 30px;
}

.tab-pane {
    margin-top: 15px;
}
/* Page Sections */

.section,
.section-colored {
    padding: 50px 0;
}

.section-colored {
    background-color: #e1e1e1;
    /* change this to change the background color of a colored section */
}

.company-motto,
.company-motto>h3,
.company-motto>h2 {
    display: inline;
}

.logo {
    width: 28px;
    display: inline;
}

.front-page-logo {
    width: 300px;
}

.front-page-vision-img {
    width: 450px;
}

.vision-text {
    margin-left: 40px;
}

.about-image {
    width: 750px;
}

.company-text {
    display: inline;
}

.sidebar {
    margin-top: 40px;
}

.sidebar ul {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}
/* Half Page Height Carousel Customization */

.carousel {
    height: 50%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
/* Social Icons Styles */

.list-social-icons {
    margin-bottom: 45px;
}

.tooltip-social a {
    text-decoration: none;
    color: inherit;
}

.facebook-link a:hover {
    color: #3b5998;
}

.linkedin-link a:hover {
    color: #007fb1;
}

.twitter-link a:hover {
    color: #39a9e0;
}

.google-plus-link a:hover {
    color: #d14836;
}
/* Service Page Styles */

.service-icon {
    font-size: 50px;
}
/* 404 Page Styles */

.error-404 {
    font-size: 8em;
}
/* Pricing Page Styles */

.price {
    font-size: 4em;
}

.price-cents {
    vertical-align: super;
    font-size: 50%;
}

.price-month {
    font-size: 35%;
    font-style: italic;
}
/* Responsive Styles */

@media (max-width: 767px) {
    .carousel {
        height: 70%;
        /* increases the carousel height so it looks good on phones */
    }
}

.values-section div.row div {}

.main-logo {
    position: absolute;
    top: 100px;
    left: 28%;
    background: rgba(255, 248, 240, 0.7);
    border-radius: 20px;
    z-index: 5;
}

.orange-bg {
    /* background-image: url("../images/backgrounds/orange-bg.png"); */
    
    display: inline-block;
    position: relative;
}

.value-row {
    position: relative;
}

.value-text {
    margin-top: 5%;
    width: 60%;
}

.darken {
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: darken;
}

.value-text > hr {
    width: 100%;
    margin-top: 15%;
    background: url(images/hr.png) repeat-x top left;
    border: 0;
    height: 1px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.section-3-text {
    text-align: left;
}

.section-3 > .container > .row {
    margin-top: 8%;
    text-align: center;
    color: white;
}

.embedded-image {
    position: absolute;
    left: 38%;
    top: 30%;
}

.light-image {
    left: 35%;
    top: 22%;
}

.header-section {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
    background-position: top 100px;
    background-image: url("../images/backgrounds/keyboard-bg.png");
}

.values-section {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 550px;
    background-image: url("../images/backgrounds/notebook-bg.png");
}

.vision-section {
    text-align: center;
}

.vision-subtext {}

.vision-text {
    text-align: left;
    list-style-type: none;
}

.vision-text .glyphicon {
    color: orange;
    font-size: 23px;
    padding: 10px;
}

.primary {
    color: #d56c8a;
}

.secondary {
    color: #e1ddd8;
}

.title {
    color: #ffffff;
    font: 400 60px Lovelo;
}

.header-text {
    margin-top: 10%;
}

.nav-placeholder {
    height: 70px;
    display: bock;
}

.nav-text {
    margin: 40px;
    color: #333333 !important;
    font: 400 13px / 16.242px Lovelo;
}

.hover-text {
    color: #d56c28;
    font: 400 13px / 16.242px Lovelo;
}

.nav-section {
    height: 70px;
    background: white;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.faded-description {
    font-family: "Open Sans";
    font-weight: 300;
    color: #ffffff;
    font: 300 30px "Open Sans";
    margin-top: 3%;
}

.dark {
    color: #2b2b24;
}

.value-text > h2 {
    color: #333333;
    font: 400 32px / 17px Lovelo;
}

.value-text {
    color: #555555;
    font: 400 14px / 25px Roboto;
}

.active {
    text-transform: uppercase;
    font-weight: bold;
    color: #d56c28 !important;
}

.inverted-value-title {
    color: #ffffff;
    font: 400 25px / 50px Lovelo;
}

.inverted-value-text {
    color: #ffffff;
    font: 400 14px / 30px Roboto;
}

.vision-header {
    color: #333333;
    font: 400 32px / 17px Lovelo;
}

.vision-subtext {
    color: #555555;
    font: 400 18px / 25px Roboto;
}

.navbar-margin {
    margin-top: 15%;
}

.vision-text {
    color: #555555;
    font: 400 15px / 25px Roboto;
}

footer hr {
    background: url(../images/backgrounds/hr-footer.png) repeat-x top left;
    border: 0;
    height: 1px;
}

footer {
    bottom: 0px;
    height: 100%;
    background: url(../images/backgrounds/background-color.png);
}

a {
    color: #777777;
    font-family: Lovelo;
}

a:hover {
    color: #d56c28;
    font-family: Lovelo;
}

.fa:hover {
    color: #d56c28;
}

.member-inverted-section {
    color: #ffffff;
    height: 100%;
}
/*
.breadcrumb {
    background: #ccc;
}
*/

.members-text {
    font: 400 14px / 27px Roboto;
}

h1 small,
h2 small,
h3 small,
h4 small {
    color: #ffffff;
}

.footer-header {
    font: 400 18px Lovelo;
    color: #aaaaaa;
}

.footer-text {
    color: #999999;
    padding-top: 30px;
    font: 400 14px / 28px Roboto;
}

.footer-text ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 15px;
}

.footer-text h3 {
    color: #999999;
    font: 700 16px / 16px Roboto;
}

.footer-text h4 {
    color: #999999;
    font: 700 14px / 14px Roboto;
}

.footer-text p {
    color: #999999;
    font: 400 14px / 20px Roboto;
}

.footer-copywrite {
    padding-top: 10px;
    padding-bottom: 0px;
    color: #ccc;
    font: 600 14px / 20px Roboto;
}

.footer-section {
    padding-bottom: 15px;
}

.header-logo {
    height: 130px;
}

.navbar {
    min-height: 130px;
}

.heart-img {
    height: 69px;
    width: 69px;
}