@font-face {
    font-family: 'walkway_expand_blackregular';
    src: url('../fonts/walkway_expand_black-webfont.eot');
    src: url('../fonts/walkway_expand_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_expand_black-webfont.woff') format('woff'),
         url('../fonts/walkway_expand_black-webfont.ttf') format('truetype'),
         url('../fonts/walkway_expand_black-webfont.svg#walkway_expand_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
font-family: 'walkway_expand_blackregular';
color:#000;
}

h4{
  font-size:19px;
}
.underline{
  border-bottom:3px solid #000;
  display:inline-block;
  padding-bottom:10px;
  font-weight:bold;
}

.circled-num{
  border:1px solid #000;
  border-radius:50%;
  display:inline-block;
  width:22px;
  text-align:center;
}
.highlight{
  display:inline-block;
  background:#000;
  color:#fff;
  padding:10px;
}
.starred{
  background-image:url(../images/star.jpg);
  background-position:top left;
  background-repeat: no-repeat;
  padding-left:20px;
}
.blacklink{
  color:#000;
}
.blacklink:hover{
  color:#000;
}

/* CUSTOMIZE THE NAVBAR */
.navbar{
  margin-bottom:0;
}
.navbar-wrapper {
  position: relative;
  z-index: 15;
  margin:0 !important;
  border-bottom:1px solid #eceded;
}
.navbar-inverse{
  background-color:transparent;
  border-color: transparent;
}
.navbar-static-top{
  border-width:0;
}

.navbar-brand{
  padding:0;
  margin:0;
  height:auto;
}
.navbar > .container .navbar-brand{
  margin:0;
}
.nav > li{
  margin:30px 0;
}
.navbar-nav > li > a{
  padding-bottom:10px;
  margin-left:100px;
}
.navbar-inverse .navbar-nav > li > a{
  font-size:19px;
  color:#000;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
  color:#000;
  border-bottom:3px solid #000;
}
.navbar-inverse .navbar-nav > .active > a{
  background-color:transparent !important;
  color:#000 !important;
  border-bottom:3px solid #000;
}


.flexslider{
  margin:0;
  border:none;
  box-shadow:none;
  -webkit-box-shadow:none;
}


.container{
  padding:0;
}
.innerpage{
  padding-top:120px;
  padding-bottom:120px;
}

footer{
  padding:15px;
  color:#fff;
}
footer a{
  color:#fff;
}
footer a:hover{
  color:#fff;
}
footer p{
  margin:0;
}
.foot-grey{
  background:#1b1b1b;
  font-size:12px;
}
.foot-black{
  background:#000;
  font-size:14px;
}


.alignleft{
  float:left;
  margin:0 30px 10px 0;
}

.google-maps {
        position: relative;
        padding-bottom: 50%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.product-row{
  width:100%;
  float:left;
  margin-top:70px;
}
.product{
  width:22.5%;
  float:left;
  margin-right:2.5%;
  max-width:263px;
}
.product.last{
  margin-right:0;
}
.product-img{
  border:1px solid #d4d4d4;
  max-width:100%;
}
.product-info{
  width:100%;
  float:left;
  background:#1b1b1b;
  color:#fff;
  position:relative;
}
.product-info p{
  margin:0;
}
.info-top, .info-bottom{
  padding:10px;
}
.info-break{
  width:100%;
  height:2px;
  background:#000;
}
.price{
  font-size:22px;
}
.order-btn{
  font-size:13px;
  background:#000;
  border-radius:2px;
  padding:5px 10px;
  position:absolute;
  right:10px;
  bottom:10px;
  color:#fff;
}
.order-btn:hover{
  color:#ddd;
  text-decoration: none;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

.navbar-inverse .navbar-toggle .icon-bar{
  background-color:#000;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{
  background-color:#fff;
}
.navbar-toggle{
  margin-top:32px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
  border-color:#eceded;
}

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

}

@media (max-width: 1200px) {
.navbar-nav > li > a {
margin-left: 80px;
}
}

@media (max-width: 990px) {
.navbar-nav > li > a {
margin-left: 20px;
}
.pull-right {
float: none !important;
margin-bottom:10px;
}
}

@media (max-width: 768px) {
.navbar > .container .navbar-brand{
margin:0 0 0 15px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
margin:0;
}
.navbar-nav > li > a {
margin-left: 0;
}
.nav > li{
  margin:0;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a{
  border-bottom:none;
  color:#555 !important;
}
.container.innerpage{
  padding-left:15px;
  padding-right:15px;
}
.innerpage{
  padding-top:30px;
  padding-bottom:30px;
}

.product{
  width:50%;
  margin: 0 6% 50px;
}
}

@media (max-width: 736px) {
.product{
  margin: 0 5% 50px;
}
}

@media (max-width: 667px) {
.product{
  margin: 0 3% 50px;
}
}

@media (max-width: 600px) {
.product{
  margin: 0 1% 50px;
}
}

@media (max-width: 568px) {
.product{
  width:263px;
  margin:20px auto;
}
}

@media (max-width: 310px) {
.navbar > .container .navbar-brand{
width:50%;
}
.navbar > .container .navbar-brand img{
  width:100%;
}
}

@media (max-width: 240px) {
.product{
  width:100%;
  margin:20px 0;
}
}