/* General
================================================== */
body {
  font-size: 13px;
  font-family: "Open Sans", Helvetica, sans-serif;
  background: #0a000a url('background.png') repeat scroll top right;
    color: #444444;
}
h1, h2, h3, h4, h5, h6, .gui-page-title, .gui-block-title {
  font-family: "Playfair Display", Helvetica, sans-serif;
}
body,
footer input,
.product a h3,
.product a:hover h3,
.product a:visited h3,
.category a,
.category a:hover,
.category a:visited,
.grid-list .active .glyphicon,
select,
.tabs ul li.active a,
.pager ul.right li.prev a,
.pager ul.right li.next a,
.pager ul.right li.number.active a {
  color: #444444;
}
.product .info .price,
.grid-list .glyphicon,
.pager ul.right li.number a {
  color: #b4b4b4;
}
.container,
.home.text .text-center {
  background-color: white;
}

/* Links
================================================== */
a, a:visited {
  color: #666666;
}
a:hover, a:focus {
  color: #515151;
}

/* Border-radius
================================================== */
.tag,
.social-media .social-icon,
textarea,
select,
a.btn,
button,
input {
  border-radius: 3px;
}

/* Transition
================================================== */
a, 
nav,
nav li .subnav,
nav li .subsubnav,
.topnav .item .attribute,
.topnav .item.open .burger,
input,
.quantity .change a span,
.btn,
.slider-prev span,
.slider-next span,
#fancybox-thumbs ul li,
select,
nav li .itemLink {
  transition: all 0.2s;
}

/* Button
================================================== */
/* General */
a.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.btn:visited {
  background-color: #e4e4e4;
  color: #595959;
}
a.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-color: #cdcdcd;
  color: #595959;
}
/* Call to action */
a.btn.large,
.product.list .info .btn,
a.btn.large:visited,
.product.list .info .btn:visited {
  background-color: #fdad5f;
  color: #ffffff;
}
a.btn.large:hover,
.product.list .info .btn:hover {
  background-color: #fdbd7f;
  color: #ffffff;
}
/* Tag / brands button */
.tag,
.tag:visited {
  background-color: #fdad5f;
  color: #ffffff;
}
.tag:hover {
  background-color: #fdbd7f;
  color: #ffffff;
}
/* Nav buttons */
nav li .itemLink.active,
.topnav .details .language-currency a.active {
  border-color: #ff7979;
}
nav .back {
  color: #ff7979;
}
.details a.btn,
.details a.btn:visited {
  background-color: #ff7979;
  color: #ffffff;
}
.details a.btn:hover {
  background-color: #cc6060;
  color: #ffffff;
}

/* Topbar 
================================================== */
/* blue */
header,
.headline {
  background-color: #0a010a;
}

/* items */
.topnav .items .glyphicon ,  .navbar .submenu .subitem .subitemLink{
  color: #ffffff;
}
.navbar .item .itemLink{
color:#ffffff;
}
.slider-pagination a {
  border-color: #ffffff;
}
.topnav .burger li,
.slider-pagination a.active {
  background-color: #ffffff;
}

/* Element color
================================================== */
.tabs-wrap,
.quantity .change,
.pager ul.right li.number a {
  background-color: #F8F8F8;
}

.slider-prev,
.slider-next,
.fancybox-close {
  background-color: #454245;
}
.breadcrumbs a,
.slider-prev span,
.slider-next span,
.fancybox-close {
  color: #999999;
}
.breadcrumbs a:hover,
.slider-prev:hover span,
.slider-next:hover span,
.fancybox-close:hover {
  color: #adadad;
}

/* Border 
================================================== */
.category,
.product,
select,
input,
textarea,
.quantity .change a.down,
.quantity .change,
.gui-select select {
  border-color: #e6e6e6;
}
hr {
  border-color: #f0f0f0;
}
select:hover,
input:hover,
textarea:hover,
.gui-select select:hover {
  border-color: #cfcfcf;
}
input:focus,
textarea:focus {
  border-color: #cfcfcf;
}
.quantity .change a span.arrow-up {
  border-bottom-color: #b8b8b8;
}
.quantity .change a span.arrow-down {
  border-top-color: #b8b8b8;
}
.quantity .change a:hover span {
  border-bottom-color: #a1a1a1;
  border-top-color: #a1a1a1;
}

/* Nav
================================================== */
nav,
nav li .subnav,
nav li .subsubnav,
.topnav .details,
.topnav .quantity-items,
.submenu , .submenu .subitem:hover .subsubmenu {
  background-color: #595959;
}
.topnav .details .arrow-down,
.topnav .details:after {
  border-bottom-color: #595959;
}
nav,
nav li,
.topnav .details .product-details,
.topnav .details .language-currency,
.topnav .details,
.navbar .submenu {
  border-color: #474747;
}
.topnav .details:before,
.navbar .submenu .subitem {
  border-bottom-color: #474747;  
}
.product-details .remove {
  background-color: #474747;  
}
nav .itemLink,
.topnav .details .subtitle,
.topnav .details .language-currency a,
nav li .itemLink.active span {
  color: #999999;
}
nav .itemLink:hover,.navbar .submenu .subitem:hover,
nav li .itemLink.active {
  background-color: #505050;
}
nav li .itemLink.active,
nav .itemLink.head,
.topnav .details,
.topnav .details a,
.topnav .details .language-currency a.active,
.topnav .details .language-currency a:hover,
.product-details .remove .glyphicon,
.topnav .quantity-items {
  color: #ffffff;
}

/* Footer
================================================== */
footer {
  background-color: #9d97a3;
}
/* color */
footer,
footer a:visited,
footer a {
  color: #ffffff;
}
footer .company-info a,
.copyright a {
  color: #cccccc;
}
footer a:hover,
.copyright a:hover {
  color: #cccccc;
}
.copyright {
  color: #999999;
  background-color: #9d97a3;
  border-color: #8d8792;
}