body {
    background-color:#C7F86B;
    font:300 18px/26px "Fira Sans","Arial","Helvetica Neue","Helvetica",sans-serif
}
body,.bg-body,.body-content {
    min-height:100%;
}
.navbar-main > li > a,
.subnav a,
.header ul.menu-header-left li a,
h1,h2,h3,h4,h5 {
    font-family:"brandon-grotesque",sans-serif;
    text-transform:uppercase;
}
.body-content {
    background-color:transparent;
}
.navbar {
    -moz-transition: all 400ms ease-in;
    -webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}
.navbar-top .navbar-main > li > a {
    line-height: 80px;
    padding-top: 80px;
}
.navbar-brand-image img {
    margin-left:10px;
}
#badge.sticky {
    margin: 4px 0 0 10px;
}
#badge{
    height:40px;
    left:0;
    top:2px;
    width:40px;
    margin:2px 0 0 -100px;
    background:url('../../247haircare/logos/247Haicare-Logo.svg') transparent no-repeat scroll 0 0;
    background-color:transparent;
    width:230px;
    background-size:230px 44px;
    height:44px;
    -moz-transition: all 400ms ease-in;
    -webkit-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}
.no-svg #badge{
    background:url('../../247haircare/logos/247Haicare-Logo.svg') transparent no-repeat scroll 0 0
}

.fixed .navbar-top .navbar-header-main .navbar-brand {
    margin-top:3px;
}
.social-buttons-design1 ul li {
    margin-right:8px;
    display: block;
    float: none;
}
.fixed .navbar-top {
    min-height:58px;
}
.navbar-top .navbar-main li a {
    padding:20px 15px;
}
.tx-solr-search-form {
    display:none;
}
.footer-section {
    background-color:#C7F86B;
}
.footer-section a {
    color:#000000 !important;
}
.jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5, .jumbotron {
    color:#000000 !important;
}
.socialandmore {
    display:block;
}
.socialandmore a {
    color:#999;
    font-size:16px;
    border-left:1px solid #dedede;
    display:block;
    float:left;
    padding:8px 12px;
}
.socialandmore a:first-child {
    border-left:0px;
}
.topbar {
    background-color:#fafafa;
    border-bottom:1px solid #dedede;
    height:36px;
}
.social-btn:hover {
    -moz-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    color:#ffffff;
}
.btn-facebook:hover {
    background-color:#44609d;
}
.btn-google-plus:hover {
    background-color:#db4437;
}
.btn-linkedin:hover {
    background-color:#4387fd;
}
.btn-xing:hover {
    background-color:#cfdc00;
}
.btn-twitter:hover {
    background-color:#1da1f2;
}
.btn-pinterest:hover {
    background-color:#bd2026;
}
.btn-instagram:hover {
    background-color:#333;
}
.btn-youtube:hover {
    background-color:#e52117;
}
.navbar-top .navbar-main > li > a {
    line-height: 117px;
}
.header .main-section ul li {
    float:none;
    clear:both;
}
.csc-sitemap ul ul,
.header .csc-sitemap ul ul {
    margin-left:20px;
}
.news-item h2 {
    line-height:1.4;
}
.amt-feed-reader-container .news-item .image img {
    height:auto;
}

.header ul.menu-header-left li a.font-medium,
.font-medium {
    font-weight:500;
}
.header ul.menu-header-left li a {
    color: #111;
}
.header ul.menu-header-left li a:hover {
    color:#000;
}
a,
.text-primary,
.btn-primary .badge,
.btn-link,
.footer-section a:hover,.footer-section a:focus,
.pagination>li>a,.pagination>li>span,
.meta-section a:hover,.meta-section a:focus,
.meta-section .active a,
a.list-group-item.active>.badge,.nav-pills>.active>a>.badge,
.footer-section a.highlighted-link:hover,
.form-link,
.answer span {
    color:#C7F86B;
}
.navbar-main > li > a .bar,.bg-primary,
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,
.nav-pills>li.active>a:focus,
.label-primary,
.jumbotron,
.progress-bar,
.modal-lightbox .modal-caption,
.message,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color:#C7F86B;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus,
ul.anchormenu li.active a, ul.anchormenu li.active a:hover, ul.anchormenu li.active a:focus,
.panel-primary>.panel-heading,
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    background-color:#C7F86B;
    border-color:#C7F86B;
}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus,
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active,
.panel-primary,
.tx-powermail h3 {
    border-color:#C7F86B;
}
#totop #totop-hover{
    background:none repeat scroll 0 0 #C7F86B;
}

@media (max-width: 990px) {
    .header .menu-header-left {
        display:none;
    }
    .navbar-header-main {
        background-color: #fff;
    }
    .navbar-header-main .navbar-brand.navbar-brand-image > img {
        width:400px;
        height:auto;
    }
}
@media (max-width: 768px) {
    .navbar-header {
        border-bottom:1px solid #dedede;
    }
    .navbar-header-main .navbar-brand.navbar-brand-image > img {
        width:340px;
        height:auto;
    }
    #badge.sticky {
        margin: 4px 0 0 0px;
    }
    .navbar-brand-image img {
        margin-left:0px;
    }
}
@media (max-width: 600px) {
    .topbar {
        height: 36px;
    }
    .fixed .navbar-header-main .navbar-brand.navbar-brand-image > img {
        width:280px;
        height:auto;
        margin-top:10px;
    }
}
@media (max-width: 480px) {
    .navbar-header-main .navbar-brand.navbar-brand-image > img {
        width:230px;
        height:auto;
    }
    .topbar .container {
        padding:0px;
    }
}