/*===================================================================================*/
/*	CUSTOM CSS STYLES
/*===================================================================================*/

/* Insert your own styles in here! */

body {
    color: #555555;
}

h1, h2, h3, h4, h5, h6 {
    color: #121212;
}
.navbar-header {
    float: none !important;
    position: relative;
    background: #121212;
    border-bottom: 1px solid #252525;
    z-index: 0;
    color:#ffffff;
}
.navbar-nav > li > a {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #121212;
    padding: 15px 20px;
    border: 1px solid rgba(255,255,255,0);
    border-radius: 3px;
    bottom: -1px;
    z-index: 2;
}
.nav > li > a:hover {
    background-color: transparent;
    border-color: transparent;
}
.nav > li.active > a {
    color: #C20000;
}
.navbar-brand img {
    display: inline-block;
    min-height: 100px;
}
.navbar-header .info li a {
    font-size: 12px;
    color: #ffffff;
}
.dark-bg {
    background-color: #151515;
}
.dark-bg, .dark-bg p, .dark-bg .item-details li:before {
    color: #AAAAAA;
}
.medium-color {
    color: #999999 !important;
}

.tint-bg .btn {
    background: #121212 !important;
    color: #ffffff !important;
}
.tint-bg .btn:hover {
    background: #353535 !important;
    color: #ffffff !important;
}
.tint-bg a:hover {
    color: #9e9e9e;
}
p a {
    border-bottom: none;
}

footer.dark-bg {
    color: #999999;
}
.footer-bottom {
    background: #121212;
    color: #777777;
}
.footer-bottom p, .footer-bottom a {
    color: #777777;
    border-bottom: none;
}
footer .logo {
    height: auto;
    max-height: 100px;
}
.dark-bg input, .dark-bg button, .dark-bg select, .dark-bg textarea {
    color: #777777;
}
.dark-bg.img-bg-soft:before {
    background-color: #000000;
    opacity: 0.60;
}
.light-bg.img-bg-softer:before {
    background-color: #EFEFEF;
    opacity: .85;
}
.light-bg {
    background-color: #EFEFEF;
}
#scrollUp {
    color: #FFF;
    background-color: #c20000;
}
#scrollUp:hover {color:#ffffff;}

.forms input, .forms textarea {
    background: #f1f5f7;
    border-radius: 3px;
}
select, textarea, textarea.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #121212;
    border: 1px solid #b7b7b7;
}
#owl-pat-brands figure img {
    width: 80%;
    height: auto;
}
.owl-prev, .owl-next {
    background-color: #404041;
}
.owl-pagination .owl-page span {
    background: #404041;
}
.light-bg .sidelines span {
    background: #efefef;
}
#response {
    font-size: 25px;
    color: #4CAF50;
}
.inner-bottom-xxs {
    padding-bottom: 15px;
}

.dark-bg.img-bg-softer:before {
    background-color: #000000;
    opacity: .8;
}
.forms .error, .forms .error:focus {
    border: 2px solid #c20000;
}
/*===================================================================================*/
/*	HEADER
/*===================================================================================*/


/** .navbar-brand img {
	display: inline-block;
	height: 40px;
}  

.navbar-header li,
.navbar-header a {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
} **/

.navbar .navbar-collapse {
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar-nav {
	float: none;
	display: table-cell;
	vertical-align: middle;
	padding-left: 0px;
    margin: 0;
}
/**
.navbar-nav > li > a {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 20px;
	border: 1px solid rgba(255,255,255,0);
	border-radius: 3px;
	bottom: -1px;
	z-index: 2;
}
**/

@media (min-width: 300px) and (max-width: 1199px) {
    .navbar-brand img {
    display: inline-block;
    min-height: 50px !important;
}
}

@media (min-width: 300px) and (max-width: 1199px) {
    div.navbar-button {
    margin: -12px 50px 0 0;
    /* left: 900px; */
    /* right: 0px; */
    /* position: absolute; */
    float: right;
}
}