h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
body .header-base {background: #444 !important;}
.title-base {}
.mega-menu-fullwidth {border: 1px solid blue;}
.navbar-header {display: block;}
.navbar-main { border-bottom: 15px solid #f1ae07; position: fixed; top: 0; width: 100%;}
.navbar-brand {display: inline-block;}
.yellow { border-bottom: 15px solid #f1ae07;}
.clear {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
.intro {min-height: 200px;}
.spaceTop {padding-top: 25px;}
.spaceTop2 {padding-top: 50px;}
h1.title {color: #fff; font-size: 2.8em;}

/* testimonials */
.company-details {background: #efefef; border: 1px solid #eee; padding: 10px;}
.company-details h3 {text-align: left;text-transform: uppercase;}
.company-details ul.list-texts li b, .company-details ul.list-texts span {background: #efefef;}

h1.title span {color: #fbb504; font-size: .8em;}
h2.standOut {background: #fff; padding: 4px; margin-bottom: 30px;font-size: 15px;}
h2.address span {color: #fff; background: #222; opacity: .8; padding: 6px 10px;
border-radius: 5px; display: inline-block; font-size: 18px; margin-top: 15px;}
h3.highlight {background: #eee; padding: 3px; margin: 10px 0; text-align: center;}
ul.expertise {text-align: left;}
.caption-bottom {color: #000;}

.navbar-brand img {transition: all 3s;max-height: 100%;}

body ul.expertise {list-style-type: square; margin: 10px 10px 10px 12px; padding: 0;}
body ul.expertise li {margin: 4px; padding: 4px;}
.footer-base {text-align: center; margin: 0 auto;}
.footer-base p {text-align: center;}

.caption .big-text {font-size: 13px; margin-top: 10px; padding-top: 4px;}

.caption-bottom p a {color: #47721; font-weight: bold;}
/* flexslider */

.flexslider { max-width: 90%; margin: 0 auto; }
.flexslider .flex-prev,
.flexslider .flex-next{opacity: 1; height: 60px !important; padding-top: 10px;}

/* quote */

/*
------------------------------
QUOTE
------------------------------
*/
.block-quote, div > p.block-quote:last-child {
    margin: 25px 0;
}

.quote-author {
    font-style: italic;
    display: block;
    margin: 15px 0 0 0;
    font-size: 15px;
}

 .block-quote.quote-2 {
    font-size: 18px;
    font-weight: 300;
    padding-left: 46px;
    position: relative;
    text-align: left;
    line-height: 28px;
}

.block-quote.quote-2 {
    padding-right: 46px;
}

    .block-quote.quote-1:before, .block-quote.quote-2:before {
        content: "\f10e";
        font: normal normal normal 36px/1 FontAwesome;
        position: absolute;
        left: 2px;
        color: #d6d6d6;
        right: 0;
        display: inline-block;
        text-align: left;
    }

    .block-quote.quote-2:before {
        content: "\f10d";
    }

    .block-quote.quote-2:after {
        content: "\f10e";
        font: normal normal normal 36px/1 FontAwesome;
        position: absolute;
        right: 13px;
        color: #d6d6d6;
        margin-top: -18px;
    }

/*
==============================
SECTIONS
==============================
*/

.container .container {
    padding-left: 0;
    padding-right: 0;
}

div.content {
    padding-left: 15px;
    padding-right: 15px;
}

.section-empty, .footer-parallax-container.bg-color, .footer-parallax-container > .content {
    background-color: #FFF;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.section-bg-color, .section-bg-color2 {
    overflow: hidden;
    position: relative;
    z-index: 3;
}


.section-custom {background-color: #FFF;}
.section-bg-color {border-top: 1px solid #ddd;background-color: #f7f7f7;}
.section-bg-color2 {border-top: 1px solid #ddd;background-color: #eee;}

.content-box p {text-align: left;}

/*
* ---------------------
* RESPONSIVE - MOBILE
* ---------------------
*/

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 994px), (min-resolution: 192dpi) and (min-width: 994px) {
.navbar-brand .logo-default, .brand .logo-default, .logo-default {display: block !important;}
}

@media (max-width: 850px) {
p.quote-2 {padding: 5px !important;}
.block-quote.quote-2:before, .block-quote.quote-2:after {content: none;}		
}


@media (max-width: 768px) {
ul.expertise, p {text-align: left;}	
.frameWrap {max-width: 450px;}
.frame {max-width: 400px; margin: 10px auto; background: #eee;}
img.example {display: block; margin: 0 auto;}
.company-details {margin-top: 30px;}
}

@media (min-width: 601px) {
h2.address span {margin-top: 25px;}
} 

@media (max-width: 600px) {
.intro {background: #333 !important; margin: 0; padding-top: 0; min-height: 100px; height: 350px;}
h1.title, h2.address {text-align: center; margin: 10px auto !important; padding: 10px;}

}

@media (max-width: 450px) {
p.quote-2 {padding: 5px !important;}	
.block-quote.quote-2:before, .block-quote.quote-2:after {content: none;}
.carousel {max-height: 300px;}

}

@media (min-width: 600px) and (max-width: 994px) {
.fixed-top {position: fixed; top: 0; left: 0; width: 100%;}
.intro {clear: both; padding-top: 30px; margin: 120px 0 25px; min-height: 420px;}
.section-bg-image {top: 30px; position: relative;}
.spaceTop2 {padding-top: 85px;}
}

@media (min-width: 994px)  {
.navbar-main {top: 30px;}
.fixed-top {position: fixed; left: 0; width: 100%;}
.intro {clear: both; margin: 120px 0 25px;  padding-top: 40px; min-height: 400px;}
.yellow {border: none;}
.spaceTop2 {padding-top: 75px;}
}