@import 'https://fonts.googleapis.com/css?family=Rubik';
@import 'https://fonts.googleapis.com/css?family=Rubik+One';

@import "modules.css";

@import "company.css";
@import "brands.css";
@import "contacts.css";
@import "home.css";
@import "header.css";

@media (min-width: 769px) {
	.spacer150 {height: 150px;}
	.spacer120 {height: 120px;}
	.spacer90 {height: 90px;}
	.spacer60 {height: 60px;}
	.spacer45 {height: 45px;}
	.spacer30 {height: 30px;}
	.spacer15 {height: 15px;}

	.block150 {display: inline-block; width: 150px;}
	.block120 {display: inline-block; width: 120px;}
	.block90 {display: inline-block; width: 90px;}
	.block60 {display: inline-block; width: 60px;}
	.block30 {display: inline-block; width: 30px;}
	.block15 {display: inline-block; width: 15px;}

	.taleft {text-align: left;}
	.tacenter {text-align: center;}
	.taright {text-align: right;}
	.tajustify {text-align: justify;}
}

@media (max-width: 768px) {
	.mb-spacer150 {height: 150px;}
	.mb-spacer120 {height: 120px;}
	.mb-spacer90 {height: 90px;}
	.mb-spacer60 {height: 60px;}
	.mb-spacer45 {height: 45px;}
	.mb-spacer30 {height: 30px;}
	.mb-spacer15 {height: 15px;}

	.mb-block150 {display: inline-block; width: 150px;}
	.mb-block120 {display: inline-block; width: 120px;}
	.mb-block90 {display: inline-block; width: 90px;}
	.mb-block60 {display: inline-block; width: 60px;}
	.mb-block30 {display: inline-block; width: 30px;}
	.mb-block15 {display: inline-block; width: 15px;}

	.mb-taleft {text-align: left;}
	.mb-tacenter {text-align: center;}
	.mb-taright {text-align: right;}
	.mb-tajustify {text-align: justify;}
}

body {
	font-family: "Rubik", sans-serif;
}

a {
    -webkit-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

h1 {
	color: #cc6601;
}

img {
	max-width: 100%;
}

p {
	color: #666;
        line-height: 1.7;
}

hr.min {
	width: 10%;
	border-color: #000;
	border-top-width: 3px;
}

.btn.btn-primary {
	background-color: #cc6601;
	border-color: #cc6601;
	padding-top: 8px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	border-radius: 5px;
	text-transform: uppercase;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background-color: #fff !important;
	color: #cc6601 !important;
	border-color: #fff;
}

header .navbar {
	border-radius: 0;
}

header .navbar-default {
    background: #000;
    color: #fff;
    min-height: 100px;
	margin-bottom: 0;
	border-width: 0;
}

header .navbar-default .navbar-nav > li > a {
	color: #fff;
	text-transform: uppercase;
    padding-top: 50px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 5px;
}

header .navbar-default .navbar-nav > li > a:focus,
header .navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:focus,
header .navbar-default .navbar-nav>.open>a:hover {
	color: #FFF;
	background-color: transparent;
}

header .dropdown-menu {
	min-width: auto;
}

.pg-active
{
    color: #fff;
    border-bottom: 1px solid #fff;
    pointer-events: none !important;
}

header .navbar-default .navbar-nav > li.active > a {
	background-color: transparent;
	font-weight: 700;
	color: #fff;
	border-bottom: 1px solid #fff;
}

header .navbar-default .navbar-nav > .active > a,
header .navbar-default .navbar-nav > .active > a:focus,
header .navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
	color: #fff;
}

header .btn-store {
	margin-top: 41px;
}

header .btn-store a {
	background-color: #cc6601;
	padding-top: 8px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	border-radius: 5px;
}

header .btn-store:hover a,
header .btn-store:focus a {
	background-color: #fff !important;
	color: #cc6601 !important;
}

footer {
	background-color: #000;
	color: #fff;
}

footer p {
	color: inherit;
}

.page-title {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.page-title h1 {
	color: inherit;
}

.page-title hr {
	border-color: #fff;
    margin-left: 0;
}

.wrapper400 {
	min-height: 400px;
}

@media (min-width: 426px) and (max-width: 768px) {
	header .navbar-header {
		width: 140px;
	}

	header .navbar-default .navbar-nav > li > a {
		padding-top: 25px;
	}

	header .btn-store {
		margin-top: 16px;
	}

	header .navbar-default {
		min-height: 65px;
	}
}

@media (max-width: 425px) {
	header .navbar-default {
		min-height: 50px;
	}

	header .navbar-brand > img {
		max-height: 100%;
	}

	header .navbar-default .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	header .btn-store {
		margin-top: 5px;
		margin-bottom: 10px;
	}

	header .navbar-default .navbar-collapse,
	header .navbar-default .navbar-form {
		border-color: #333;
	}

	header .navbar-toggle {
		border: 0;
	}

	header .navbar-toggle:hover,
	header .navbar-toggle:focus {
		background-color: transparent !important;
		color: #cc6601;
	}
}


h3.pg-title
{
    color: #cc6601;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600;
}

h4
{
    color: #cc6601;
    font-weight: 600;
    margin-bottom: 0px;
}

hr.min
{
    float: left;
}

#brands hr.min
{
    float: none;
}

#home hr.min
{
    float: none;
}

.page-title
{
    height: 183px;
}