@import url('https://fonts.googleapis.com/css?family=Roboto');
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
/*$font-base-size: 62.5%; /* BASE FONT SIZE */
/*html {
 font-size: $font-base-size !important; 
 }
 .btn {
 font-size: .75rem;
 }*/
body {
  font-family: Roboto; }

::selection {
  background-color: #fdd935;
  color: #222; }

@font-face {
  font-family: "Aclonica";
  src: url('../fonts/Aclonica.ttf'); }
/* stop text from taking up more than 1 line */
.truncate-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
/* Default Margins */
.margin-top-xs {
  margin-top: 0.5rem !important; }

.margin-top-sm {
  margin-top: 0.75rem !important; }

.margin-top-md {
  margin-top: 1.875rem !important; }

.margin-top-lg {
  margin-top: 3.75rem !important; }

.margin-top-hg {
  margin-top: 6.25rem !important; }

.margin-bottom-xs {
  margin-bottom: 0.5rem !important; }

.margin-bottom-sm {
  margin-bottom: 0.75rem !important; }

.margin-bottom-md {
  margin-bottom: 1.875rem !important; }

.margin-bottom-lg {
  margin-bottom: 3.75rem !important; }

.margin-bottom-hg {
  margin-bottom: 6.25rem !important; }
/* Others */
.no-border {
  border: medium none;
  border-radius: 0; }
/* BACKGROUNDS */
.bg-theme-primary {
  background-color: #fdd935;
  color: #222; }
  .bg-theme-primary a {
    color: #222; }
    .bg-theme-primary a:hover {
      color: #222; }
  .bg-theme-primary .heading-theme, .bg-theme-primary .heading-theme > a {
    color: #222; }
    .bg-theme-primary .heading-secondary, .bg-theme-primary .heading-secondary > a {
      color: #222; }
  .bg-theme-secondary {
    background-color: #111;
    color: #fff; }
  .bg-theme-secondary a {
    color: #fff; }
    .bg-theme-secondary a:hover {
      color: #fff; }
  .bg-theme-secondary .heading-theme, .bg-theme-secondary .heading-theme > a {
    color: #fff; }
    .bg-theme-secondary .heading-secondary, .bg-theme-secondary .heading-secondary > a {
      color: #fff; }
  .bg-theme-tertiary {
    background-color: #ddd;
    color: #333 !important; }
  .bg-theme-tertiary a {
    color: #333; }
    .bg-theme-tertiary a:hover {
      color: #333; }
  .bg-theme-tertiary .heading-theme, .bg-theme-tertiary .heading-theme > a {
    color: #333; }
    .bg-theme-tertiary .heading-secondary, .bg-theme-tertiary .heading-secondary > a {
      color: #333; }
  .bg-theme-quaternary {
    background-color: #111;
    color: #fff !important; }
  .bg-theme-quaternary a {
    color: #fff; }
    .bg-theme-quaternary a:hover {
      color: #fff; }
  .bg-theme-quaternary .heading-theme, .bg-theme-quaternary .heading-theme > a {
    color: #fff; }
    .bg-theme-quaternary .heading-secondary, .bg-theme-quaternary .heading-secondary > a {
      color: #fff; }
  .bg-theme-quinary {
    background-color: #ddd;
    color: #333 !important; }
  .bg-theme-quinary a {
    color: #333; }
    .bg-theme-quinary a:hover {
      color: #333; }
  .bg-theme-quinary .heading-theme, .bg-theme-quinary .heading-theme > a {
    color: #333; }
    .bg-theme-quinary .heading-secondary, .bg-theme-quinary .heading-secondary > a {
      color: #333; }
/* COLORS */
.text-theme-primary {
  color: #fdd935; }
  .text-theme-primary .btn-sort {
    color: #fdd935; }
  .text-theme-secondary {
    color: #111; }
  .text-theme-secondary .btn-sort {
    color: #111; }
  .text-theme-tertiary {
    color: #ddd; }
  .text-theme-tertiary .btn-sort {
    color: #ddd; }
  .text-theme-quaternary {
    color: #111; }
  .text-theme-quaternary .btn-sort {
    color: #111; }
  .text-theme-quinary {
    color: #ddd; }
  .text-theme-quinary .btn-sort {
    color: #ddd; }
/* CONTENT LINKS */
a {
  color: #777; }
  a:hover, a:focus {
    color: #111; }
/* BUTTONS/BADGES */
.btn-theme-primary, .badge-theme-primary {
  color: #222 !important;
  background-color: #fdd935;
  border-color: #fdd72b; }
  .btn-theme-primary .fa, .badge-theme-primary .fa {
    color: #222; }
  .btn-theme-primary .fa:hover, .badge-theme-primary .fa:hover {
    color: #222; }
  .btn-theme-primary:focus, .badge-theme-primary:focus, .btn-theme-primary.focus, .badge-theme-primary.focus {
    color: #222;
    background-color: #fdd003;
    border-color: #fdd72b; }
  .btn-theme-primary:hover, .badge-theme-primary:hover {
    color: #222 !important;
    background-color: #e3c32f !important;
    border-color: #bc9f19 !important; }
  .btn-theme-primary:active, .badge-theme-primary:active, .btn-theme-primary.active, .badge-theme-primary.active, .open > .btn-theme-primary.dropdown-toggle, .open > .badge-theme-primary.dropdown-toggle {
    color: #222;
    background-color: #fdd003;
    border-color: #fdd72b; }
  .btn-theme-primary:active:hover, .badge-theme-primary:active:hover, .btn-theme-primary.active:hover, .badge-theme-primary.active:hover, .open > .btn-theme-primary.dropdown-toggle:hover, .open > .badge-theme-primary.dropdown-toggle:hover, .btn-theme-primary:active:focus, .badge-theme-primary:active:focus, .btn-theme-primary.active:focus, .badge-theme-primary.active:focus, .open > .btn-theme-primary.dropdown-toggle:focus, .open > .badge-theme-primary.dropdown-toggle:focus, .btn-theme-primary:active.focus, .badge-theme-primary:active.focus, .btn-theme-primary.active.focus, .badge-theme-primary.active.focus, .open > .btn-theme-primary.dropdown-toggle.focus, .open > .badge-theme-primary.dropdown-toggle.focus {
    color: #222;
    background-color: #e3c32f;
    border-color: #e2c026; }
  .btn-theme-primary:active, .badge-theme-primary:active, .btn-theme-primary.active, .badge-theme-primary.active, .open > .btn-theme-primary.dropdown-toggle, .open > .badge-theme-primary.dropdown-toggle {
    background-image: none; }
  .btn-theme-primary.disabled:hover, .badge-theme-primary.disabled:hover, .btn-theme-primary[disabled]:hover, .badge-theme-primary[disabled]:hover, fieldset[disabled] .btn-theme-primary:hover, fieldset[disabled] .badge-theme-primary:hover, .btn-theme-primary.disabled:focus, .badge-theme-primary.disabled:focus, .btn-theme-primary[disabled]:focus, .badge-theme-primary[disabled]:focus, fieldset[disabled] .btn-theme-primary:focus, fieldset[disabled] .badge-theme-primary:focus, .btn-theme-primary.disabled.focus, .badge-theme-primary.disabled.focus, .btn-theme-primary[disabled].focus, .badge-theme-primary[disabled].focus, fieldset[disabled] .btn-theme-primary.focus, fieldset[disabled] .badge-theme-primary.focus {
    background-color: #fdd935;
    border-color: #fdd72b; }
  .btn-theme-primary .badge, .badge-theme-primary .badge {
    color: #fdd935;
    background-color: #222; }
  .btn-theme-primary a, .badge-theme-primary a {
    color: #222; }
  .btn-theme-primary a:hover, .badge-theme-primary a:hover, .btn-theme-primary a:focus, .badge-theme-primary a:focus {
    color: #222 !important; }

.btn-theme-secondary, .badge-theme-secondary {
  color: #fff !important;
  background-color: #111;
  border-color: #0c0c0c; }
  .btn-theme-secondary .fa, .badge-theme-secondary .fa {
    color: #fff; }
  .btn-theme-secondary .fa:hover, .badge-theme-secondary .fa:hover {
    color: #fff; }
  .btn-theme-secondary:focus, .badge-theme-secondary:focus, .btn-theme-secondary.focus, .badge-theme-secondary.focus {
    color: #fff;
    background-color: #000;
    border-color: #0c0c0c; }
  .btn-theme-secondary:hover, .badge-theme-secondary:hover {
    color: #fff !important;
    background-color: #111 !important;
    border-color: #000 !important; }
  .btn-theme-secondary:active, .badge-theme-secondary:active, .btn-theme-secondary.active, .badge-theme-secondary.active, .open > .btn-theme-secondary.dropdown-toggle, .open > .badge-theme-secondary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #0c0c0c; }
  .btn-theme-secondary:active:hover, .badge-theme-secondary:active:hover, .btn-theme-secondary.active:hover, .badge-theme-secondary.active:hover, .open > .btn-theme-secondary.dropdown-toggle:hover, .open > .badge-theme-secondary.dropdown-toggle:hover, .btn-theme-secondary:active:focus, .badge-theme-secondary:active:focus, .btn-theme-secondary.active:focus, .badge-theme-secondary.active:focus, .open > .btn-theme-secondary.dropdown-toggle:focus, .open > .badge-theme-secondary.dropdown-toggle:focus, .btn-theme-secondary:active.focus, .badge-theme-secondary:active.focus, .btn-theme-secondary.active.focus, .badge-theme-secondary.active.focus, .open > .btn-theme-secondary.dropdown-toggle.focus, .open > .badge-theme-secondary.dropdown-toggle.focus {
    color: #fff;
    background-color: #111;
    border-color: #0c0c0c; }
  .btn-theme-secondary:active, .badge-theme-secondary:active, .btn-theme-secondary.active, .badge-theme-secondary.active, .open > .btn-theme-secondary.dropdown-toggle, .open > .badge-theme-secondary.dropdown-toggle {
    background-image: none; }
  .btn-theme-secondary.disabled:hover, .badge-theme-secondary.disabled:hover, .btn-theme-secondary[disabled]:hover, .badge-theme-secondary[disabled]:hover, fieldset[disabled] .btn-theme-secondary:hover, fieldset[disabled] .badge-theme-secondary:hover, .btn-theme-secondary.disabled:focus, .badge-theme-secondary.disabled:focus, .btn-theme-secondary[disabled]:focus, .badge-theme-secondary[disabled]:focus, fieldset[disabled] .btn-theme-secondary:focus, fieldset[disabled] .badge-theme-secondary:focus, .btn-theme-secondary.disabled.focus, .badge-theme-secondary.disabled.focus, .btn-theme-secondary[disabled].focus, .badge-theme-secondary[disabled].focus, fieldset[disabled] .btn-theme-secondary.focus, fieldset[disabled] .badge-theme-secondary.focus {
    background-color: #111;
    border-color: #0c0c0c; }
  .btn-theme-secondary .badge, .badge-theme-secondary .badge {
    color: #111;
    background-color: #fff; }
  .btn-theme-secondary a, .badge-theme-secondary a {
    color: #fff; }
  .btn-theme-secondary a:hover, .badge-theme-secondary a:hover, .btn-theme-secondary a:focus, .badge-theme-secondary a:focus {
    color: #fff; }

.btn-theme-tertiary, .badge-theme-tertiary {
  color: #333 !important;
  background-color: #ddd;
  border-color: #d8d8d8; }
  .btn-theme-tertiary .fa, .badge-theme-tertiary .fa {
    color: #333; }
  .btn-theme-tertiary .fa:hover, .badge-theme-tertiary .fa:hover {
    color: #333; }
  .btn-theme-tertiary:focus, .badge-theme-tertiary:focus, .btn-theme-tertiary.focus, .badge-theme-tertiary.focus {
    color: #333;
    background-color: #c4c4c4;
    border-color: #d8d8d8; }
  .btn-theme-tertiary:hover, .badge-theme-tertiary:hover {
    color: #333 !important;
    background-color: #ccc !important;
    border-color: #adadad !important; }
  .btn-theme-tertiary:active, .badge-theme-tertiary:active, .btn-theme-tertiary.active, .badge-theme-tertiary.active, .open > .btn-theme-tertiary.dropdown-toggle, .open > .badge-theme-tertiary.dropdown-toggle {
    color: #333;
    background-color: #c4c4c4;
    border-color: #d8d8d8; }
  .btn-theme-tertiary:active:hover, .badge-theme-tertiary:active:hover, .btn-theme-tertiary.active:hover, .badge-theme-tertiary.active:hover, .open > .btn-theme-tertiary.dropdown-toggle:hover, .open > .badge-theme-tertiary.dropdown-toggle:hover, .btn-theme-tertiary:active:focus, .badge-theme-tertiary:active:focus, .btn-theme-tertiary.active:focus, .badge-theme-tertiary.active:focus, .open > .btn-theme-tertiary.dropdown-toggle:focus, .open > .badge-theme-tertiary.dropdown-toggle:focus, .btn-theme-tertiary:active.focus, .badge-theme-tertiary:active.focus, .btn-theme-tertiary.active.focus, .badge-theme-tertiary.active.focus, .open > .btn-theme-tertiary.dropdown-toggle.focus, .open > .badge-theme-tertiary.dropdown-toggle.focus {
    color: #333;
    background-color: #ccc;
    border-color: #c7c7c7; }
  .btn-theme-tertiary:active, .badge-theme-tertiary:active, .btn-theme-tertiary.active, .badge-theme-tertiary.active, .open > .btn-theme-tertiary.dropdown-toggle, .open > .badge-theme-tertiary.dropdown-toggle {
    background-image: none; }
  .btn-theme-tertiary.disabled:hover, .badge-theme-tertiary.disabled:hover, .btn-theme-tertiary[disabled]:hover, .badge-theme-tertiary[disabled]:hover, fieldset[disabled] .btn-theme-tertiary:hover, fieldset[disabled] .badge-theme-tertiary:hover, .btn-theme-tertiary.disabled:focus, .badge-theme-tertiary.disabled:focus, .btn-theme-tertiary[disabled]:focus, .badge-theme-tertiary[disabled]:focus, fieldset[disabled] .btn-theme-tertiary:focus, fieldset[disabled] .badge-theme-tertiary:focus, .btn-theme-tertiary.disabled.focus, .badge-theme-tertiary.disabled.focus, .btn-theme-tertiary[disabled].focus, .badge-theme-tertiary[disabled].focus, fieldset[disabled] .btn-theme-tertiary.focus, fieldset[disabled] .badge-theme-tertiary.focus {
    background-color: #ddd;
    border-color: #d8d8d8; }
  .btn-theme-tertiary .badge, .badge-theme-tertiary .badge {
    color: #ddd;
    background-color: #333; }
  .btn-theme-tertiary a, .badge-theme-tertiary a {
    color: #333; }
  .btn-theme-tertiary a:hover, .badge-theme-tertiary a:hover, .btn-theme-tertiary a:focus, .badge-theme-tertiary a:focus {
    color: #333; }

.btn-theme-quaternary, .badge-theme-quaternary {
  color: #fff !important;
  background-color: #111;
  border-color: #0c0c0c; }
  .btn-theme-quaternary .fa, .badge-theme-quaternary .fa {
    color: #fff; }
  .btn-theme-quaternary .fa:hover, .badge-theme-quaternary .fa:hover {
    color: #fff; }
  .btn-theme-quaternary:focus, .badge-theme-quaternary:focus, .btn-theme-quaternary.focus, .badge-theme-quaternary.focus {
    color: #fff;
    background-color: #000;
    border-color: #0c0c0c; }
  .btn-theme-quaternary:hover, .badge-theme-quaternary:hover {
    color: #fff !important;
    background-color: #111 !important;
    border-color: #000 !important; }
  .btn-theme-quaternary:active, .badge-theme-quaternary:active, .btn-theme-quaternary.active, .badge-theme-quaternary.active, .open > .btn-theme-quaternary.dropdown-toggle, .open > .badge-theme-quaternary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #0c0c0c; }
  .btn-theme-quaternary:active:hover, .badge-theme-quaternary:active:hover, .btn-theme-quaternary.active:hover, .badge-theme-quaternary.active:hover, .open > .btn-theme-quaternary.dropdown-toggle:hover, .open > .badge-theme-quaternary.dropdown-toggle:hover, .btn-theme-quaternary:active:focus, .badge-theme-quaternary:active:focus, .btn-theme-quaternary.active:focus, .badge-theme-quaternary.active:focus, .open > .btn-theme-quaternary.dropdown-toggle:focus, .open > .badge-theme-quaternary.dropdown-toggle:focus, .btn-theme-quaternary:active.focus, .badge-theme-quaternary:active.focus, .btn-theme-quaternary.active.focus, .badge-theme-quaternary.active.focus, .open > .btn-theme-quaternary.dropdown-toggle.focus, .open > .badge-theme-quaternary.dropdown-toggle.focus {
    color: #fff;
    background-color: #111;
    border-color: #0c0c0c; }
  .btn-theme-quaternary:active, .badge-theme-quaternary:active, .btn-theme-quaternary.active, .badge-theme-quaternary.active, .open > .btn-theme-quaternary.dropdown-toggle, .open > .badge-theme-quaternary.dropdown-toggle {
    background-image: none; }
  .btn-theme-quaternary.disabled:hover, .badge-theme-quaternary.disabled:hover, .btn-theme-quaternary[disabled]:hover, .badge-theme-quaternary[disabled]:hover, fieldset[disabled] .btn-theme-quaternary:hover, fieldset[disabled] .badge-theme-quaternary:hover, .btn-theme-quaternary.disabled:focus, .badge-theme-quaternary.disabled:focus, .btn-theme-quaternary[disabled]:focus, .badge-theme-quaternary[disabled]:focus, fieldset[disabled] .btn-theme-quaternary:focus, fieldset[disabled] .badge-theme-quaternary:focus, .btn-theme-quaternary.disabled.focus, .badge-theme-quaternary.disabled.focus, .btn-theme-quaternary[disabled].focus, .badge-theme-quaternary[disabled].focus, fieldset[disabled] .btn-theme-quaternary.focus, fieldset[disabled] .badge-theme-quaternary.focus {
    background-color: #111;
    border-color: #0c0c0c; }
  .btn-theme-quaternary .badge, .badge-theme-quaternary .badge {
    color: #111;
    background-color: #fff; }
  .btn-theme-quaternary a, .badge-theme-quaternary a {
    color: #fff; }
  .btn-theme-quaternary a:hover, .badge-theme-quaternary a:hover, .btn-theme-quaternary a:focus, .badge-theme-quaternary a:focus {
    color: #fff; }

.btn-theme-quinary, .badge-theme-quinary {
  color: #333 !important;
  background-color: #ddd;
  border-color: #d8d8d8; }
  .btn-theme-quinary .fa, .badge-theme-quinary .fa {
    color: #333; }
  .btn-theme-quinary .fa:hover, .badge-theme-quinary .fa:hover {
    color: #333; }
  .btn-theme-quinary:focus, .badge-theme-quinary:focus, .btn-theme-quinary.focus, .badge-theme-quinary.focus {
    color: #333;
    background-color: #c4c4c4;
    border-color: #d8d8d8; }
  .btn-theme-quinary:hover, .badge-theme-quinary:hover {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: #bebebe !important; }
  .btn-theme-quinary:active, .badge-theme-quinary:active, .btn-theme-quinary.active, .badge-theme-quinary.active, .open > .btn-theme-quinary.dropdown-toggle, .open > .badge-theme-quinary.dropdown-toggle {
    color: #333;
    background-color: #c4c4c4;
    border-color: #d8d8d8; }
  .btn-theme-quinary:active:hover, .badge-theme-quinary:active:hover, .btn-theme-quinary.active:hover, .badge-theme-quinary.active:hover, .open > .btn-theme-quinary.dropdown-toggle:hover, .open > .badge-theme-quinary.dropdown-toggle:hover, .btn-theme-quinary:active:focus, .badge-theme-quinary:active:focus, .btn-theme-quinary.active:focus, .badge-theme-quinary.active:focus, .open > .btn-theme-quinary.dropdown-toggle:focus, .open > .badge-theme-quinary.dropdown-toggle:focus, .btn-theme-quinary:active.focus, .badge-theme-quinary:active.focus, .btn-theme-quinary.active.focus, .badge-theme-quinary.active.focus, .open > .btn-theme-quinary.dropdown-toggle.focus, .open > .badge-theme-quinary.dropdown-toggle.focus {
    color: #333;
    background-color: #ddd;
    border-color: #d8d8d8; }
  .btn-theme-quinary:active, .badge-theme-quinary:active, .btn-theme-quinary.active, .badge-theme-quinary.active, .open > .btn-theme-quinary.dropdown-toggle, .open > .badge-theme-quinary.dropdown-toggle {
    background-image: none; }
  .btn-theme-quinary.disabled:hover, .badge-theme-quinary.disabled:hover, .btn-theme-quinary[disabled]:hover, .badge-theme-quinary[disabled]:hover, fieldset[disabled] .btn-theme-quinary:hover, fieldset[disabled] .badge-theme-quinary:hover, .btn-theme-quinary.disabled:focus, .badge-theme-quinary.disabled:focus, .btn-theme-quinary[disabled]:focus, .badge-theme-quinary[disabled]:focus, fieldset[disabled] .btn-theme-quinary:focus, fieldset[disabled] .badge-theme-quinary:focus, .btn-theme-quinary.disabled.focus, .badge-theme-quinary.disabled.focus, .btn-theme-quinary[disabled].focus, .badge-theme-quinary[disabled].focus, fieldset[disabled] .btn-theme-quinary.focus, fieldset[disabled] .badge-theme-quinary.focus {
    background-color: #ddd;
    border-color: #d8d8d8; }
  .btn-theme-quinary .badge, .badge-theme-quinary .badge {
    color: #ddd;
    background-color: #333; }
  .btn-theme-quinary a, .badge-theme-quinary a {
    color: #333; }
  .btn-theme-quinary a:hover, .badge-theme-quinary a:hover, .btn-theme-quinary a:focus, .badge-theme-quinary a:focus {
    color: #333; }

.btn-theme-primary-outline {
  color: #fdd935;
  border-color: #fdd935; }
  .btn-theme-primary-outline:hover, .btn-theme-primary-outline:focus {
    color: #222;
    background-color: #fdd935;
    border-color: #fdd935; }

.btn-theme-secondary-outline {
  color: #111;
  border-color: #111; }
  .btn-theme-secondary-outline:hover, .btn-theme-secondary-outline:focus {
    color: #fff !important;
    background-color: #111;
    border-color: #111; }

.btn-theme-tertiary-outline {
  color: #ddd;
  border-color: #ddd; }
  .btn-theme-tertiary-outline:hover, .btn-theme-tertiary-outline:focus {
    color: #333;
    background-color: #ddd;
    border-color: #ddd; }

.btn-theme-quaternary-outline {
  color: #111;
  border-color: #111; }
  .btn-theme-quaternary-outline:hover, .btn-theme-quaternary-outline:focus {
    color: #fff;
    background-color: #111;
    border-color: #111; }

.btn-theme-quinary-outline {
  color: #ddd;
  border-color: #ddd; }
  .btn-theme-quinary-outline:hover, .btn-theme-quinary-outline:focus {
    color: #333;
    background-color: #ddd;
    border-color: #ddd; }

.btn-theme-primary:not(:disabled):not(.disabled).active, .btn-theme-primary:not(:disabled):not(.disabled):active, .show > .btn-theme-primary.dropdown-toggle {
  color: #222;
  background-color: #e3c32f;
  border-color: #c5a61a; }

.btn-theme-secondary:not(:disabled):not(.disabled).active, .btn-theme-secondary:not(:disabled):not(.disabled):active, .show > .btn-theme-secondary.dropdown-toggle {
  color: #fff;
  background-color: #111;
  border-color: #000; }
/* nav-pills */
.nav-pills .nav-item .nav-link {
  background-color: #fdd935;
  color: #222; }
  .nav-pills .nav-item .nav-link:hover, .nav-pills .nav-item .nav-link.active {
    background-color: #111;
    color: #fff; }
  .nav-pills .nav-item .nav-link .badge {
    background-color: #f00;
    color: #fff; }
/* nav-tabs */
.nav-tabs-theme .nav-item .nav-link {
  background-color: #fdd935;
  border-color: #fdd935;
  color: #222; }
  .nav-tabs-theme .nav-item .nav-link:hover, .nav-tabs-theme .nav-item .nav-link.active {
    background-color: #111;
    border-color: #111;
    color: #fff; }
  .nav-tabs-theme .nav-item .nav-link .badge {
    background-color: #f00;
    color: #fff; }
/* frontend forms extra margin */
.form-row.card-body {
  margin: 0px; }

.shopping-cart-box {
  background-color: #fdd935;
  color: #222; }
  .shopping-cart-box:after {
    border-bottom: 8px solid #fdd935; }

#shopping-cart-results .cart-list-item {
  background-color: #111;
  color: #fff; }
  #shopping-cart-results .cart-list-item a {
    color: #fff !important; }
  #shopping-cart-results .cart-saving {
    color: #222; }
/* pagination */
.page-item.active .page-link, .page-link:hover, .page-link:focus {
  background-color: #fdd935;
  border-color: #fdd935;
  color: #222; }

.page-link {
  background-color: #111;
  border-color: #111;
  color: #fff; }

.site-bg {
  background-color: #f1f1f1; }

.heading-theme, .heading-theme > a {
  margin-top: 0.5rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 0.1rem; }
  .heading-flip, .heading-flip > a {
    margin-top: 0;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 0.1rem; }

.list-theme, .list-flip {
  font-size: 0.875rem;
  font-weight: 400; }
  .list-theme .fa, .list-flip .fa {
    margin-right: 10px;
    font-size: 0.875rem; }
  .list-theme > li > a, .list-flip > li > a {
    border-radius: 0px; }

.btn-theme, .btn-flip {
  border-radius: 0px; }

.site-bg {
  background-color: #f1f1f1; }
/* ALERT MESSAGES */
.alert-success, .alert-error, .alert-info, .alert-warning {
  padding: 0.5rem; }
  .alert-info {
    background-color: #fff6cd;
    border-color: #fff6cd;
    color: #000; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
/*.top-bar {
 height: auto;
 overflow: hidden;    
 padding: 5px;
 a:hover {
 color: $link-color;
 }
 .list-inline {
 margin-bottom: 0px;
 }
 @include respond(phone) {
 text-align: center;
 }
 }*/
/*navbar */
/*.navbar-header {
 padding-bottom: .5rem;
 text-align: center;
 }*/
/*.search-input-group-btn {
 vertical-align: top !important;
 }*/
.btn.active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.navbar-default {
  background: -moz-radial-gradient(center, ellipse cover, #ddd 0%, #ccc 100%);
  /* ff3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ddd), color-stop(100%, #ccc));
  /* safari4+,chrome */
  background: -webkit-radial-gradient(center, ellipse cover, #ddd 0%, #ccc 100%);
  /* safari5.1+,chrome10+ */
  background: -o-radial-gradient(center, ellipse cover, #ddd 0%, #ccc 100%);
  /* opera 11.10+ */
  background: -ms-radial-gradient(center, ellipse cover, #ddd 0%, #ccc 100%);
  /* ie10+ */
  background: radial-gradient(ellipse at center, #ddd 0%, #ccc 100%);
  /* w3c */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='$theme-tertiary', endColorstr='$theme-tertiary-hover', GradientType=1);
  /* ie6-9 */
  border-color: #ddd; }
  .navbar-default .btn-theme-primary {
    white-space: normal; }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #111; }

.contact-box:hover, #options li a.selected, header .top-bar a, .content-box:hover > .content-box-icon i, div.content-box div.content-box-icon:hover, div.content-box div.content-box-icon:hover i, #footer h3, .contact-box:hover h3 {
  color: #777; }

#brand {
  margin-left: 0.62rem; }
  @media only screen and (max-width: 37.5em) {
  #brand {
    margin-top: 1%; } }

.phone-email {
  font-size: 0.875rem;
  padding: 3px 0;
  color: #111; }
  .phone-email a {
    margin-right: 1.25rem; }
  .phone-email i {
    margin-right: 7px; }
  .phone-email span i, .phone-email i {
    color: #111; }
  @media only screen and (max-width: 56.25em) {
  .phone-email {
    width: 70%; } }

.phone {
  font-size: 0.875rem;
  padding: 0.3rem 0;
  color: #111;
  margin-right: 1.25rem; }

.language {
  padding: 0 0.62rem;
  font-size: 0.75rem;
  /* important */
  z-index: 2; }
/*-------------------------------------------*/
/* OnType City/Locality Selection
 /*-------------------------------------------*/
.search-typeahead {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.fa-spinner {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

.user {
  font-size: 0.75rem; }
  .user i {
    color: #111;
    display: inline-block;
    font-size: 1.125rem;
    padding: 0 6px; }

.btn-addbusiness {
  min-height: 3.75rem; }

a.btn-addbusiness {
  padding: 1.25rem 8px; }

.menu-links {
  margin-left: 0.93rem; }

#search-form .selectize-control {
  width: 100%; }
/* Social Links */
ul.social, li.social, ol.social {
  /* specific to social ul, li and ol */
  line-height: 1.5rem;
  list-style: outside none none;
  margin: 0;
  padding: 0; }

.social {
  margin-right: 0.4rem;
  line-height: 1.875rem; }
  .social li {
    background-color: #fff;
    border-radius: 100% 100% 100% 100%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.6);
    display: inline-block;
    height: 1.56rem;
    margin-right: 5px;
    width: 1.56rem;
    text-align: center;
    background: #fff;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    -ms-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
    padding: 1px; }
    .social li :hover i {
      color: #fff; }
  .social i {
    /* Social Links Color */
    color: #666;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out; }

a.facebook:hover, .member-social.dark a.facebook:hover, .social li.facebook:hover {
  background: #3b5998; }

a.twitter:hover, .member-social.dark a.twitter:hover, .social li.twitter:hover {
  background: #00aced; }

a.gplus:hover, .member-social.dark a.gplus:hover, .social li.gplus:hover {
  background: #dd4b39; }

a.ytube:hover, .member-social.dark a.ytube:hover, .social li.ytube:hover {
  background: #b00; }

a.linkedin:hover, .member-social.dark a.linkedin:hover, .social li.linkedin:hover {
  background: #069; }

a.pinterest:hover, .member-social.dark a.pinterest:hover, .social li.pinterest:hover {
  background: #c92228; }

a.instagram:hover, .member-social.dark a.instagram:hover, .social li.instagram:hover {
  background: #517fa4; }

a.foursquare:hover, .member-social.dark a.foursquare:hover, .social li.foursquare:hover {
  background: #f94877; }

a.crunchbase:hover, .member-social.dark a.crunchbase:hover, .social li.crunchbase:hover {
  color: #fff;
  background: #2892a7; }
/* Animations */
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.navbar-form .selectize-input {
  min-height: 40px;
  padding-top: 8px; }

@media (min-width: 0) and (max-width: 320px) {
  .gc__nav-default .nav-link {
    font-size: 13px !important; }

  .horizontalLayout {
    font-size: 14px; } }

@media (min-width: 0) and (max-width: 768px) {
  .navbar-header {
    background-color: #fdd935;
    color: #222;
    padding-bottom: 5%; }

  .navbar-header .navbar-nav {
    padding-left: 1rem; }

  .navbar-header .nav-link {
    color: #222; } }

@media only screen and (min-width: 769px) and (max-width: 960px) {
  .gc__nav-default .nav-link {
    font-size: 14px; } }

@media only screen and (min-width: 961px) and (max-width: 1280px) {
  .menu-links a {
    margin-bottom: 10px; } }

#searchNav .form-group {
  margin-bottom: 0.5rem; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
.navbar-form .form-control-lg {
  font-size: 0.875rem; }

.navbar-form .form-control-lg .selectize-input {
  min-height: 47px !important;
  padding-top: 12px !important;
  border-radius: 0px !important; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
@media only screen and (min-width: 75em) {
      .menu-links li {
        padding-left: 2px;
        padding-right: 2px; } }
  @media only screen and (max-width: 37.5em) {
    .menu-links li {
      padding-left: 2px;
      padding-right: 2px; } }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
.feedback__block {
  position: relative;
  z-index: 9999; }
  .feedback__block > a {
    position: fixed;
    left: -40px;
    top: 74%;
    transform: rotate(90deg);
    display: flex;
    background-color: #000;
    border-color: #000;
    color: #fff; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
.callback__block {
  position: relative;
  z-index: 9999; }
  .callback__block > a {
    position: fixed;
    left: -83px;
    top: 46%;
    transform: rotate(90deg);
    display: flex;
    background-color: #fdd003;
    border-color: #e3bb02;
    color: #222; }
  .callback__form {
    padding: 15px;
    border-radius: 5px;
    width: 100% !important;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden; }
  .callback__form hr {
    border-top: 1px solid #ccc; }
  .callback__form h5 {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    padding-bottom: 0.5rem !important; }
  .callback__btn {
    border-radius: 5px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
.sw19 {
  margin: 5px 5px 0.62rem 0px;
  /* border-left: 4px solid $theme-primary;
   border-bottom: 4px solid $theme-primary; */
  box-shadow: 0 5px 5px 0 #111; }

.sw19-img {
  position: relative;
  overflow: hidden; }

.sw19 img {
  max-width: 100%;
  max-height: 18.75rem; }

.sw19 .sw19-content1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out 0.3s; }

.sw19:hover .sw19-content1 {
  transform: translateY(0);
  opacity: 1; }

.sw19 .sw19-content2 {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 0 5px #ddd inset;
  padding: 22% 10%;
  transform: scale(0.4, 0.4);
  transition: all 0.35s ease-in-out 0.6s; }

.sw19:hover .sw19-content2 {
  transform: scale(1, 1); }

.sw19 .sw19-title1 {
  font-size: 1.12rem;
  font-weight: bold;
  color: #fdd935;
  text-transform: uppercase; }

.sw19 .sw19-title1:after {
  content: "";
  display: block;
  width: 50%;
  border-bottom: 1px solid #fdd935;
  margin: 0.62rem auto; }

.sw19 .sw19-description1 {
  font-size: 0.875rem;
  color: #fdd935;
  line-height: 1.56rem; }

.sw19 .sw19-read1 {
  font-size: 0.875rem;
  color: #111;
  border: 1px solid #111;
  text-transform: capitalize;
  padding: 0.62rem 0.93rem;
  display: inline-block;
  border-radius: 1.25rem 0 1.25rem 0;
  transition: all 0.4s ease 0s; }

.sw19 .sw19-read1:hover {
  text-decoration: none;
  border-radius: 0 1.25rem 0 1.25rem; }

.sw19 .sw19-review {
  padding: 2.18rem 1.25rem 1.56rem;
  background: #f1f1f1;
  position: relative;
  z-index: 3; }

.sw19 .sw19-icons {
  width: 4.62rem;
  height: 4.62rem;
  border: 2px solid #111;
  border-radius: 50%;
  position: absolute;
  top: -2.81rem;
  right: 0.62rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover; }

.sw19 .sw19-icons img {
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  width: 5.62rem;
  height: 5.62rem; }

.sw19-price-detail {
  color: #111;
  font-size: 0.93rem; }

.sw19-price-detail .badge {
  color: #111;
  font-size: 0.93rem;
  background: #111; }

.sw19-title {
  margin: 0 0 5px 0; }

.sw19 .sw19-title a {
  font-size: 1rem;
  margin-top: 0.62rem;
  font-weight: bold;
  letter-spacing: 2px;
  color: #111;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.3s linear 0s; }

.sw19 .sw19-title a:hover {
  text-decoration: none;
  color: #000; }

.sw19-address-detail {
  font-family: system-ui, sans-serif;
  color: #111;
  font-size: 0.875rem;
  margin-top: 0.93rem;
  line-height: 1.31em; }

.sw19 .sw19-description {
  color: #111;
  font-size: 0.93rem;
  line-height: 1.62rem;
  margin-bottom: 1.25rem; }

.sw19 .sw19-read {
  font-size: 0.812rem;
  color: #111;
  display: block;
  text-align: right;
  text-transform: uppercase;
  font-weight: 700; }

.sw19 .sw19-read:hover {
  text-decoration: none;
  color: #000; }

.sw19-slide-carousel.owl-carousel .fa {
  display: none; }

@media screen and (max-width: 990px) {
  .sw19 {
    margin-bottom: 1.25rem; } }

@media screen and (min-width: 360px) {
  .sw19 .sw19-content2 {
    padding: 5% 5%; } }

@media only screen and (width: 320px) {
  .sw19 .sw19-content2 {
    padding: 5% 5%; }

  .sw19 .sw19-title1 {
    font-size: 0.875rem; }

  .sw19 .sw19-description1 {
    font-size: 0.687rem;
    line-height: 1rem;
    padding-bottom: 7px; }

  .sw19 .sw19-read1 {
    padding: 8px 0.93rem;
    font-size: 0.62rem; } }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
.module02 .input-group-btn {
  vertical-align: top; }

.module02 .input-group {
  margin-bottom: 0.5rem; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
.filter-searchbox {
  margin-bottom: 1.25rem;
  border-radius: 4px;
  background: #fff;
  margin-top: -1px;
  padding: 0.62rem 1.8rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .filter-searchbox .btn {
    font-size: 1rem;
    padding: 0.62rem 1rem; }
  .filter-searchbox h4 {
    border-bottom: 1px solid #ddd;
    margin-left: -0.93rem;
    margin-right: -0.93rem;
    padding-bottom: 0.62rem; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
#social-sharrre {
  float: left;
  height: 3.75rem;
  margin: 0 10%; }

.sharrre .button {
  float: left;
  width: 3.75rem; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
.fprlv02 .fa-map-marker-alt {
  color: #fdd935;
  font-size: 2.97em;
  display: inline-block !important;
  vertical-align: middle;
  text-shadow: 2px 2px 2px #111; }
/*
 0 - 600px:		Phone
 600 - 900px:	Tablet Portrait
 900	- 1200px:	Tablet Landscape
 [1200-1800] is where our normal styles apply
 1800px +:		Big Desktop
 $breakpoint argument choices:
 - phone
 - tab-port
 - tab-land
 - big-desktop
 1em = 16px
 */
/* footer */
footer {
  background: #111;
  color: #fff;
  font-size: 0.68rem;
  padding: 1.25rem; }
  footer a {
    color: #ccc; }
    footer a:hover, footer a:focus, footer a:active {
      color: #fff;
      text-decoration: none; }
  footer .social li:last-child, footer .social {
    margin-right: 0 !important; }
  footer .fa-heart {
    margin-right: 0.63rem;
    color: #ccc; }