/** {*/
/*    font-family: "MS PGothic" !important;*/
/*    font-weight: 300;*/
/*}*/
#showcase {
    /*background-color: #0b0b0b;*/
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23313131' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");*/
}

#wrapwrap {
    color: #000;
}

.carousel-img {
    width: 90%;
}
.cat-nav {
    margin-top: -12px;
    border: none;
}

div.carousel div.carousel-content {
    min-height: 100px;
}

.carousel-inner .container{
    min-height: 300px;
}

.usage-content h3 {
    font-size: 1.4em;
}

.btn-default {
    background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.about_contents_handle.active {
    background: #76B900;
}

h4 {
    color: #528100;
    font-weight: 700;
}

h1 {
    margin-bottom: 20px;
}

h2,h3 {
    font-weight: 700;
}
h1.title {
    color: #528100;
}

h5 {
    font-weight: 600;
}

footer {
    margin-top: 100px;
}

.centre {
    text-align: center;
}
.right {
    text-align: right;
}

.hide {
    display: none;
}
.cat-nav a > span {
    font-weight: 700;
    font-size: 14.5px;
}
.show {
    display:block;
}

.section_title {
    font-weight: bold;
    text-transform: uppercase;
}


.navbar-nav > li {
    background: #eee;
}
.navbar-nav li>a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9em;
}
.navbar-nav li.active a {
    color: #528100 !important;
    font-weight: bold;
}
.sidebar-nav {
    width: 130%;
    z-index: -1;
}
.sidebar-nav li {
    background: #eee;
    padding: 10px;
}

.showcase_content {
    margin: 10px 20px;
    padding-right: 20px;
    /*color: #fff;*/
}

.product_range {
    /*margin-top: 30px;*/
    margin-left: 20%;
    /*width: 100%;*/
}

.product_range .item {
    padding:3% 0;
    float: left;
    margin: 0 2%;
}
.product_range .item img {
    height: 135px;
}
.product_range .item h5 {
    text-transform: uppercase;
    padding-top: 5%;
}


.section {
    padding: 5% 0;
}

.section h3 {
    font-size: 2.5em;
    margin-bottom: 5%;
    color: #333;
}

.section p {
    font-size: 1.3em;
}

.list {
    margin-top: 10%;
}

.section.section-grey {
    background: #eee;
}

.section-content {
    display: table;
    overflow: hidden;
}
#custom-nav .dropdown-menu {
    border: 1px solid #ddd;
    transition: all 1.5s;
}
#custom-nav .dropdown-menu li a,
#custom-nav .dropdown-menu .active a{
    border-bottom: 1px dotted #efefef;
    padding-top: 10px;
    padding-bottom: 10px;
}

#custom-nav .dropdown-menu .active a{
    background: #76B900;
    color: #fff !important;
}

/*#custom-nav .dropdown-menu .active>a {*/
/*    background: #76B900;*/
/*}*/
#custom-nav .dropdown-menu a:hover {
    background: #76B900;
    text-decoration: underline;
    color: #fff !important;
}
/*.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {*/
/*    background: #76B900;*/
/*    color: #fff;*/
/*}*/
.feature-table thead {
    background-color: #999;
    color: #fff;
    font-weight: bold;
}
.feature-table tr:nth-child(even){background-color: #eee;}

.feature-table, .feature-table th, .feature-table td {
    border: 1px solid black;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border-color: #000;
}

main {
    position: relative;
}

#view-image-model {
    position: fixed;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    height: 100vh;
    width: 100%;
}

#view-image-model > .model-box {
    background-color: #fff;
    height: 70%;
    margin-top: 5%;
}

.text-muted {
    color: #8CC63E;
}

.close {
    color: #444;
    font-size: 2.3em;
}

th.centre {font-size: 0.8em}

footer {
    z-index: 100;
    background: #fff;
}