.header .menu,
.top_bar .social_icons {
    text-align: right
}


.sub-header .logo h2 {
    text-align: center
}

.header .logo h1,
.sub-header .logo h2,
.header .menu ul li a,
.item-title h1,
.media-heading,
.panel-title{
    text-transform: uppercase
}

.header .logo h1,
.sub-header .logo h2,
.item .item_price,
.item-title h1,
.panel-title,
.media-heading,
.page h2 {
    font-weight: 700
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
html {
    font-family: Lato, Arial, sans-serif, Tahoma, Verdana
}

body,
html {
    font-size: 16px;
    color: #141414
}

.top_bar {
    background: #fff;
    color: #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede
}

.top_bar .social_icons i {
    margin-left: 7px
}

.top_bar a {
    color: #dedede!important
}

.sub-header {
    padding: 30px 0
}

.header .logo h1 {
    margin: 0
}

.header .menu ul {
    list-style-type: none;
    margin: 0 0 0 5px;
    padding: 0;
    float: right
}

.header .menu ul li {
    display: inline-block
}

.header .menu ul li a {
    display: block;
    padding: 10px;
    color: #131313;
    font-weight: 700;
    margin-left: 8px
}

.header .menu ul li a:hover {
    text-decoration: none
}

.header .menu ul li ul li {
    display: block
}

.title-bg {
    padding: 30px 0;
    margin-bottom: 30px
}

.hbar-bg {
    padding: 10px 0
}

.star-bg {
    padding: 10px;
    margin: 0 30px 0 30px;
}

.item-title h1 {
    padding: 0;
    margin: 0;
    font-size: 28px;
    color: #fff
}


.item-hbar h1 {
    padding: 0;
    margin: 0;
    font-size: 28px;
    color: #fff
}

.mission {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #fff
}

.overview,
.sidebar .categories {
    margin-bottom: 30px
}

.sidebar .categories a,
.sidebar .icon {
    color: #313131
}

.sidebar .categories a i,
.sidebar .panel-title i {
    padding-right: 4px
}

.sidebar .icon .icon_holder {
    text-align: center;
    padding: 8px;
    text-transform: uppercase
}

.sidebar .icon .icon_holder i {
    background: #333;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 4px;
    color: #fff;
    font-size: 40px
}

.panel-primary {
    border-color: #dedede
}

.page h2 {
    font-size: 18px;
    margin-top: 0
}

.page .description,
.page .sidebar,
.dots label {
    margin-top: 30px
}

.page .main-picture {
    text-align: center;
    overflow: hidden
}

.slider {
    position: relative;
    text-align: center
}

.image_selector,
.slider_img {
    display: none
}

.slider input:checked+img {
    display: block
}

.dots label {
    cursor: pointer;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ccc;
    margin-right: 3px;
    margin-left: 3px
}

#image10:checked~.dots label:nth-child(10),
#image11:checked~.dots label:nth-child(11),
#image12:checked~.dots label:nth-child(12),
#image1:checked~.dots label:nth-child(1),
#image2:checked~.dots label:nth-child(2),
#image3:checked~.dots label:nth-child(3),
#image4:checked~.dots label:nth-child(4),
#image5:checked~.dots label:nth-child(5),
#image6:checked~.dots label:nth-child(6),
#image7:checked~.dots label:nth-child(7),
#image8:checked~.dots label:nth-child(8),
#image9:checked~.dots label:nth-child(9) {
    background: #141414!important;
    cursor: pointer
}


a.thumbnail:hover {
    border: 1px solid #ccc
}

.item {
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px
}


.disclaimer {
    font-size: 14px
}

.last-item {
    margin-bottom: 0px!important;
}

.item img {
    max-width: 120px
}

.media-icons {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.media-icons .media-left {
    width: 58px;
    text-align: center
}

.media-icons i {
    font-size: 48px
}

.panel-title,
.media-heading{
    font-size: 18px
}

.media-body {
    font-size: 14px
}

.footer {
    padding: 20px 0 0;
    border-top: 1px solid #dedede;
    font-size: 14px;
    color: #777
}

.media:first-child {
    margin-top: 0!important;
    border-top: 1px solid #ccc!important;
    padding-top: 20px!important
}










.images {
    border: 1px solid #e2e2e2
}

.images {
    padding: 20px
}

.images .main-image {
    display: none
}

.images input:checked+img {
    display: block
}

.images .image-selector {
    display: none
}

.dots {
    width: 100%;
}

.thumbs {
    width: 100%
}

.thumbs ul {
    margin-right: -999em;
    list-style: none;
    white-space: nowrap;
    padding: 0;
    float: left
}

.thumbs ul li {
    display: inline;
    margin: 7px
}

.thumbs .thumb {
    max-width: 85px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer
}





@media (max-width:767px) {
    .item-title,
    .logo {
        text-align: center
    }
    .logo img {
        margin-left: auto;
        margin-right: auto;
        display: block
    }
}

#fd_listing * {
    font-family: Lato, Arial, Verdana!important
}

#fd_listing {
    font-size: 16px;
    width: 100%
}

#fd_listing i {
    font-family: FontAwesome!important
}

a, a:link, a:visited, .header .menu ul li a:hover {
    color: #2e8a07;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background: #2e8a07;
    color: #fff !important;
}

.media-icons i {
    color: #2e8a07;

}


.title-bg {
    background: #2e8a07;
}




.hbar-bg {
    background: #2e8a07;
}


.star-bg {
    background: #2e8a07;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #2e8a07;
    border-color: #2e8a07;
    color: #fff !important;
}

.panel-primary>.panel-heading {
    background-color: #2e8a07;
    border-color: #2e8a07;
    color: #fff;
}