/* styling here */
@import "home.css";
@import "menu.css";
@import "about.css";
@import "contacts.css";
@import "categories.css";
@import "product.css";
@import "media.css";

/* TABLET */
@media (min-width: 768px) {
	.sm-spacer300 {height: 300px;}
	.sm-spacer260 {height: 260px;}
	.sm-spacer200 {height: 200px;}
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}

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

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

/* DESKTOP */
@media (min-width: 992px) {
	.md-spacer300 {height: 300px;}
	.md-spacer260 {height: 260px;}
	.md-spacer200 {height: 200px;}
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}

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

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

/* LARGE DISPLAY'S */
@media (min-width: 1200px) {
	.lg-spacer300 {height: 300px;}
	.lg-spacer260 {height: 260px;}
	.lg-spacer200 {height: 200px;}
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}

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

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

/* MOBILE */
@media (max-width: 767px) {
	.xs-spacer300 {height: 300px;}
	.xs-spacer260 {height: 260px;}
	.xs-spacer200 {height: 200px;}
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}

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

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

html, body {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
}

footer {
	background-color: #222222;
	color: #fff;
	position: relative;
	z-index: 2;
	width: 100%;
}

.home footer {
	position: absolute;
	bottom: 0;
}

.navbar-brand {
	padding-top: 0px !important;
}

.navbar {
	z-index: 3;
}

.navbar i {
	font-size: 35px;
	color: #b5ca00;
	margin-top: 30px;
}


.navbar-default {
	background-color: transparent;
	background: none;
	border: none;
}

#btn_menu i:hover {
	cursor: pointer;
}

h1, h2, h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

h1 {
	color: #b5ca00;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 50px;
}

h2 {
	color: #222;
	font-weight: lighter;
	font-style: italic;
	font-size: 35px;
}

h3 {
	color: #b5ca00;
	font-weight: lighter;
	font-size: 25px;
}

.upper-footer h3 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	margin-top: 0px;
}

.page-banner {
	text-align: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 75%;
}

.page-banner h1 {
	color: #FFF;
}

.page-banner h2 {
	color: #b5ca00;
}

.bottom-banner {
	height: 500px;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

hr {
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 3px solid #b5ca00;
}

.upper-footer {
	background: #222222;
	color: #fff;
}

i.social-icons {
	font-size: 30px;
}

.footer-form {
	background: #fff;
}

.footer-form h1 {
	color: #b5ca00;
	font-size: 40px;
}

.green-btn {
	background-color: #b5ca00;
	padding: 10px 20px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	border: 3px solid #b5ca00;
}

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

textarea.form-control {
	resize: none;
}

.green-btn:hover {
	background-color: #fff;
	padding: 10px 20px;
	color: #b5ca00;
	font-weight: 600;
	text-transform: uppercase;
	border: 3px solid #b5ca00;
}

.form-control {
	border: 1px solid #b5b5b5;
	border-radius: 0px !important;
	box-shadow: none;
}

::-webkit-input-placeholder {
    color: #b5b5b5;
}

:-moz-placeholder {
   color: #b5b5b5;
   opacity:  1;
}

::-moz-placeholder {
   color: #b5b5b5;
   opacity:  1;
}

:-ms-input-placeholder {
   color: #b5b5b5;
}

.breadcrumb {
	padding: 8px 0px;
}

.upper-footer a {
	color: #fff;
	text-decoration: none;
}