@font-face {
    font-family: lato;
    src: url(../fonts/Lato-Regular.ttf);
}

.container-fluid { padding-left: 0; padding-right: 0; }
.section { padding-top: 40px; padding-bottom: 40px; }
.section-margin { margin-top: 100px }
.padding-0 { padding: 0; }
.margin-0 { margin: 0; }
.padding-0-lr { padding-left: 0; padding-right: 0; }
.padding-0-tb { padding-top: 0; padding-bottom: 0; }
.material-label { position: relative; top: -8px; }

/*THEME SETTING*/
html { background: #b60b2d; }
body { background: white; font-family: lato; font-size: 14px; }
a:hover { color: inherit; !important; }
.banner-title { margin-top: 15%; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.theme-bg-sub { background: #efb10e !important; color: #FFF !important; }
.theme-bg-base { background: #fef1e0 !important; }
.theme-bg { background: #b60b2d !important; color: rgba(255,255,255, 0.84) !important; }
	.theme-bg label,
	.theme-bg a,
	.theme-bg .form-group.is-focused .form-control,
	.theme-bg .form-group.is-focused label ,
	.theme-bg .form-group.is-focused label.control-label { color: #FFF; }
	.theme-bg .form-group .form-control { 
		border: 0; background-image: linear-gradient(#f3f3f3, #f3f3f3), linear-gradient(#FFF, #FFF); 
	}
	.theme-bg .form-group.is-focused .form-control {
		outline: none; background-image: linear-gradient(#f3f3f3, #f3f3f3), linear-gradient(#FFF, #FFF);
	}

.theme-font-white { color: #FFF; }	 
.theme-font-black { color: #333; }	 
.theme-font { color:#b60b2d !important; }
.theme-font-sub,
.theme-font-yellow { color: #efb10e; }
.theme-btn {  }
.shadow {
    border: 0;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.img-caption { margin-top: 15px; }
.font-bold { font-family: 'Rajdhani', sans-serif; font-weight: 700; }
.font-normal { font-family: 'Rajdhani', sans-serif; font-weight: 400; }
.font-light { font-family: 'Rajdhani', sans-serif; font-weight: 300; }

/*QUICK HEADER*/
#quick-menu { position:relative; z-index: 1; background-color: #333; color: #FFF; height: 30px; line-height: 30px; }
	#quick-menu .quick-menu-btn a,
	#quick-menu .quick-menu-btn a.btn-cart,
	#quick-menu .quick-menu-btn a.btn-logout { cursor: pointer; color: #FFF; }
	#quick-menu .quick-menu-btn a.btn-cart { margin-left: 15px; }
	#quick-menu .cart { position:absolute; top: 30px; right: 10px; padding-top:10px; padding-bottom: 10px; background-color: #f3f3f3; color: #333; overflow-y: scroll; max-height: 450px; }
		#quick-menu .cart .product { margin-top: 5px; margin-bottom: 5px; }

/*MENU*/
.navbar { margin-bottom: 0; background: transparent; }
.navbar-nav { float: right; }
.navbar.navbar-inverse { background: rgba(182,11,45,0); color: #FFF; height: 80px;}
	.navbar.navbar-inverse .navbar-collapse { margin-top: 10px; }
.navbar.navbar-inverse.transparent { background: transparent !important; }
.navbar .navbar-brand { line-height: inherit; margin: 0; padding-top: 8px !important; }
	.navbar .navbar-brand img { max-width: 60px; width: auto; margin-right: 0; display: inline-block; }
.navbar	.navbar-collapse.collapse.in { background: #b60b2d; }
.navbar	.navbar-collapse.collapse.in .navbar-nav { width: 100%; }
nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}
nav a {
  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
nav.navbar.shrink {
  min-height: 35px;
  background: #b60b2d; color: #FFF;
}

@media(max-width: 40em) {
	.navbar-nav { float: left; }
	.navbar.navbar-inverse .navbar-collapse { background: #b60b2d; }
	.banner-title { margin-top: 50%; font-size:26px; }
}

@media(max-width: 320px) {
	.navbar .navbar-brand { font-size: small; }
}