@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,600);

body {
  font-family: 'Source Sans Pro', sans-serif;
  background: #f8f8f8;
  color: #777}

a {
  color: rgb(218,165,32)}
a:hover {
  color: rgb(218,165,32);
  text-decoration: none}

h1,h2,h3,h4,h5,h6 {
  color: #333}
.h2 {
  color: #333!important;
  font-size: 30px!important}

.container.content {
  margin: 20px auto 60px auto}

#header .container  {
  position: relative}

.navbar {
  background: #333;
  min-height: 130px;
  border-bottom: 4px solid rgb(218,165,32)}
.navbar-nav {
  margin-top: 75px}

.navbar-nav>li>a {
  color: #eee!important;
  font-weight: 700;
  text-transform: uppercase}
.navbar-nav>li>a:hover {
  color: rgb(218,165,32)!important}

.navbar-toggle {
  margin-top: 65px}

#social-media-wrapper {
  position: absolute;
  top: 15px;
  left: 145px}
  .facebook {
    position: absolute;
    top: 5px;
    left: 90px}
  .plusone {
    position: absolute;
    top: 5px;
    left: 0px}

#site-links {
  position: absolute;
  top: 7px;
  right: 10px;
  display: inline-block;
  white-space: nowrap;
}
#site-links #languages {
  display: inline-block;
}
#site-links a {
  color: #fff;
  text-transform: uppercase;
}

.catalog-item {
  position: relative;
  display: inline-block;
  height: 530px;
  width: 100%}
  .catalog-item .image {
    background: #fff;
    padding: 30px;
    width: 100%;
    border: 1px solid #eee}
  .catalog-item-info {
    overflow: hidden;
    padding: 15px;
    background: #eee;
    border-bottom: 2px solid rgba(218, 165, 32, 0.5);
    height: 160px;
    margin-bottom: 25px;}
    .catalog-item-info .name {
      color: #333;
      font-weight: 600}
    .catalog-item-info .short-description {
      font-size: .9em;
      color: #777}
    .catalog-item-info .price {
      color: #333}
    .catalog-item-info .regular-price {
      color: #777}
    .catalog-item-info .campaign-price {
      font-weight: 600;
      color: #a94442}

.jumbotron {
  background: #fff;
  border: 4px double #eee;
  border-radius: 0!important}
.jumbotron p {
  font-size: 1em}

#box-product .image {
  background: #fff;
  padding: 30px;
  width: 100%;
  border: 1px solid #eee}
#box-product .price-wrapper {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  margin: 10px 0;
  font-size: 1.25em}
  #box-product .price-wrapper .price {
    color: #333;
    font-weight: 700}
  #box-product .price-wrapper .campaign-price {
    font-weight: 600;
    color: #a94442}
  #box-product .price-wrapper .card-logos {
    font-size: .7em;
    padding-left: 10px}
    #box-product .price-wrapper .card-logos img {
      height: 20px;
      padding-right: 5px}
#box-product .stock-wrapper {
  margin: 10px 0}
  #box-product .stock-available .value {
    color: #090}
#box-product .buy-now {
  margin: 20px 0}

#box-product-description, #box-product-guides {
  background: #fff;
  border: 1px solid #eee}
  #box-product-description .description, #box-product-guides .guides {
    padding: 20px}
#box-product-guides .guide {
  padding: 7px 0;
  border-top: 1px solid #eee}
  #box-product-guides .guide:first-child {
    border-top: 0}
  #box-product-guides .guide a:hover {
    text-decoration: underline}

#index-boxes {
  margin-bottom: 0px}
  #index-boxes h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(218,165,32)}

#guides ul {
  padding: 0}
  #guides ul li a:hover {
    text-decoration: underline}

#footer {
  background: #333;
  border-top: 4px solid rgb(218,165,32)}
#footer h4 {
  color: #fff}
  #footer .container {
    padding: 25px 0px 60px 0px;
    color: #bbb}
  #footer .container a {
    color: #bbb}
  #footer .container a:hover {
    color: rgb(218,165,32)}



@media (max-width: 990px) {

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    #navbar {
        border: none;
        box-shadow: none;
    }
    /*
    .navbar-collapse.collapse {
        display: none!important;
    }
    */
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}