body{
	height:100vh;
	margin:0;
	font-size: 10pt;
    font-family: Arial, Verdana, PMingLiU;
    color: #20201E;
    background: -webkit-linear-gradient(#ffffff, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #ffffff); /* Standard syntax */
}
.navigation {
	background-color: #fff;
	border:0;
	padding:0;
}
.nav-container{
	padding:0;
	margin-bottom:0;
	height:55px;
}
.navbar-toggle{
	color:white;
}
.navbar-form{
	padding:10px 0 10px 15px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #20201E;
}
.navbar-default .navbar-nav>li>a {
    color: #88c440;
	height:55px;
}
.soc-med{
	color:white !important;
}
.soc-med:hover{
	color: #20201E !important;
    background-color: #ccc !important;
}
.navbar-default .navbar-nav>li>a:hover {
    color: white;
    background-color: #ccc;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: white;
    background-color: black;
}
.navbar-default .navbar-brand {
    color: white;
}
.search {
	color:#20201E;
}
.search:focus,
.search:active,
.search.active,
.search:hover
{
  background-color: #20201E;
  border-color:white;
}
.search:focus .search-button,
.search:active .search-button,
.search.active .search-button,
.search:hover .search-button{
	color:white;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: white;
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
    background-color: #20201E;
}
.container{
	text-align:justify;
	background-color:white;
}
.banner-container{
	background:transparent;
	margin-bottom:0px;
}
.news-container{
	background:transparent;
	margin-bottom:0px;
	text-align: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.heading-title{
	color:#20201e;
}
.brand-logo{
	display: inline-block;
	margin: 10px;
}
.profile{
	padding-bottom:15px;
}
.custom-bullet li {
    display: block;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #20201E;
}
.products{
	padding-top:20px;
}

.products-main{
	padding-top:50px;
}
.btn-default{
	color:#20201E;
	border-color:#20201E;
}
.btn-default:hover, .btn-default:focus {
	color:white;
	border-color:white;
	background-color:#20201E;
}
.contacts-info{
	padding-top:30px;
}
.glyph-contact{
	font-size: 20px;
	color:#20201E;
}
.product-photo {
	max-width:200px;
	max-height:100px;
}
.product-name{
	color:#88c440;
}
.product-name:hover{
	color:grey;
	text-decoration:none;
}
.brands-menu{
	background-color:black;
	padding-top:20px;
	margin-bottom:20px;
}
.brands-menu h5 a{
	color:#88c440;
	text-decoration:bold;
}
.brands-menu h5:hover{
	background-color:white;
	text-decoration:none;
	cursor:pointer;
}
.brands-menu h5:hover a{
	color:#20201E;
}
.brands-menu ul{
	color:white;
	font-size:12px;
	font-style:bold;
}
.brands-menu ul li:hover{
	color:#20201E;
	background-color:white;
}
.download-form{
	text-decoration:none;
	color:#20201E;
}
.download-form:hover{
	text-decoration:none;
	color:black;
}
.product-box {
	height:180px;
}
.footer{
	text-align:center;
	vertical-align:middle;
	max-height:40px;
	max-width:100%;
}
.footer a {
	color:inherit;
}
.photo-info{
	max-width:300px;
	max-height:200px;
}
.photo-random{
	max-width:220px;
	max-height:150px;
}
.dropdown-menu li a{
	padding-left:20px;
	color:white;
}
.button-action{
	margin: 5px;
	padding:5px;	
}
.button-action a{
	text-decoration:none;
	color:inherit;
}
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
@media (max-width: 991px) {
	body {
		height:auto;
	}
}
.panel-default>.panel-heading {
	background-color:black;
	color:#fff;
	font-size:20px;
}
.panel-heading {
	padding:1px 15px;
}
.fancybox-type-iframe .fancybox-inner {
	overflow:hidden !important ;
	height:500px !important;
}
.thumbnail{
	box-shadow: 5px 5px 10px #888888;
	height: 221px;
	width: 190px;
}
.careers{
	width:100%;
	height:100%;
	padding-left:10px;
}
.panel-reseller{
	padding-right:10px;
}
.product-button{
	background-color:#20201E;
	color:#fff;
}
.product-button:hover{
	background-color:grey;
	color:#20201E;
}