@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Roboto/Roboto-Black.ttf") format("truetype"); }

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"); }

@font-face {
  font-family: RobotoSlab;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Roboto/RobotoSlab-Regular.ttf") format("truetype"); }

@font-face {
  font-family: RobotoSlab;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Roboto/RobotoSlab-Thin.ttf") format("truetype"); }

@font-face {
  font-family: RobotoSlab;
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Roboto/RobotoSlab-Light.ttf") format("truetype"); }

@font-face {
  font-family: RobotoSlab;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Roboto/RobotoSlab-Bold.ttf") format("truetype"); }

body {
  font-family: 'Roboto', sans-serif; }

.quick-order #collapseMiniQuickOrder .form-group .btn {
  display: inline-block; }

.btn-default {
  cursor: pointer;
  display: block;
  font-size: 16px !important;
  background: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Roboto',arial,sans-serif;
  background: #512f2e;
  color: #fff;
  margin-top: -1px; }
  .btn-default:hover {
    background: #fff;
    color: #512f2e; }

.panel-default > .panel-heading {
  background: #512f2e;
  color: #fff; }

.navbar-inverse {
  background: #fff;
  color: #512f2e; }

.navbar-inverse .navbar-nav > li > a {
  color: #512f2e; }
  .navbar-inverse .navbar-nav > li > a:hover {
    color: #512f2e; }

footer {
  margin-top: 40px; }
  footer .footer-social .social-btns {
    margin-right: 10px; }
    footer .footer-social .social-btns .fa {
      font-size: 40px;
      color: #512f2e; }
  footer .form-inline .btn {
    display: inline-block; }
  footer .copyrightcol-xs-12 p a {
    margin: 0 10px; }
    footer .copyrightcol-xs-12 p a:first-child {
      margin-left: 0; }

.cc_navbar_col_misc .header-spacer {
  content: url("../images/logo.png");
  width: 100%;
  margin-top: 10px; }

.menu_container .navbar-default {
  border-color: #e7e7e7;
  background-color: #512f2e; }

.menu_container .navbar-default .navbar-nav > li > a {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Roboto',arial,sans-serif; }

.menu_container .navbar-default .navbar-nav > .open > a, .menu_container .navbar-default .navbar-nav > .open > a:hover, .menu_container .navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background: #000; }

.menu_container .dropdown {
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Roboto',arial,sans-serif; }
  .menu_container .dropdown.open .dropdown-toggle {
    background: #000;
    color: #fff; }
  .menu_container .dropdown.open .dropdown-menu {
    color: #512f2e;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Roboto',arial,sans-serif; }

@media (max-width: 767px) {
  .cc_navbar_col_misc .header-spacer {
    margin-top: 30px; } }