/* COLOR PARAMETERS------------------------------------------------------------ *//* ADVANCED COLOR CONFIGURATION------------------------------------------------------------ *//* General *//* Main navigation bar *//* Header *//* Footer *//* Tables in Product view and form-field on focus *//* Search-Filter  *//* Put here your own CSS------------------------------------------------------------ *//* MAIN CSS SHEET------------------------------------------------------------ */@font-face {  font-family: 'Roboto';  src: url("/static/fonts/ttf/Roboto-Regular.ttf"); }body {  font-family: 'Roboto', Fallback, sans-serif;  color: #555555; }@font-face {  font-family: 'font_heading_bold';  src: url("/static/fonts/ttf/Cairo-Bold.ttf"); }@font-face {  font-family: 'font_heading_regular';  src: url("/static/fonts/ttf/Cairo-Regular.ttf"); }.navbar-nav li a {  font-family: 'font_heading_bold';  font-size: 14px; }ul.dropdown-menu li a {  font-family: 'font_heading_regular';  font-size: 12px;  color: #666666; }ul.dropdown-menu li a.btn-gray {  color: #ffffff; }ul.dropdown-menu li a.btn-gray:hover {  background-color: #797979;  color: #FFF; }div.header {  font-family: 'font_heading_bold'; }ul.nav.nav-pills li a {  font-family: 'font_heading_regular'; }label {  font-family: 'font_heading_regular'; }body.pattern {  background-color: #FFFFFF; }a {  color: #606060; }a:hover, a:focus {  color: #535353; }.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {  color: #797979 !important; }h1,h2,h3,h4,h5,h6,span.h1,span.h2,span.h3,span.h4,span.h5,span.h6 {  font-family: 'font_heading_bold';  color: #3c3c3c; }h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,span.h1 a,span.h2 a,span.h3 a,span.h4 a,span.h5 a,span.h6 a {  color: #3c3c3c; }.brand-color {  color: #797979; }.brand-bg {  background-color: #797979;  color: #FFF !important; }.brand-bg a,.brand-bg h1,.brand-bg h2,.brand-bg h3,.brand-bg h4,.brand-bg h5,.brand-bg h6,.brand-bg h1 a,.brand-bg h2 a,.brand-bg h3 a,.brand-bg h4 a,.brand-bg h5 a,.brand-bg h6 a,.brand-bg span.h1,.brand-bg span.h2,.brand-bg span.h3,.brand-bg span.h4,.brand-bg span.h5,.brand-bg span.h6,.brand-bg span.h1 a,.brand-bg span.h2 a,.brand-bg span.h3 a,.brand-bg span.h4 a,.brand-bg span.h5 a,.brand-bg span.h6 a {  color: #FFF; }.listing-item:hover .elements-list a i.fa-info, .listing-item:hover p.product-title a {  color: #797979; }.price {  color: #3c3c3c; }.text-default {  color: #797979; }.background-default {  background-color: #797979;  color: #FFF; }.table > thead > tr > th {  border-bottom: 1px solid #797979;  background-color: #797979;  color: #FFF; }.table-bordered {  border-color: #797979; }/* List-table---------------------------------- */.stripped .header {  background-color: #797979;  -webkit-box-shadow: 0px 0px 60px #535353 inset;  -moz-box-shadow: 0px 0px 60px #535353 inset;  box-shadow: 0px 0px 60px #535353 inset;  color: #FFF; }.plan .content {  color: #555555; }.stripped .plan ul li {  color: #555555;  text-shadow: none; }/* Header-top---------------------------------- */.header-top {  background-color: #f1f1f1;  color: #999999;  border-bottom: 1px solid #dadada;  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset; }.header-top-dropdown .dropdown > button, .header-top .social-links li a {  color: #999999; }/* Main Header---------------------------------- */#logo_header {  background-color: #fff; }/* Search header---------------------------------- */#col-headersearch, #col-headersearch a {  color: #797979; }#shopping-cart-icon, #user-btn {  color: #666666 !important; }#shopping-cart-icon:hover, #user-btn:hover {  color: #797979 !important; }.badge#shoppingCartItems {  background-color: #797979;  color: #FFF;  border: 1px solid #797979; }#wishlist-count {  color: #FFF; }#submit_search {  color: #797979; }/* Navbar default---------------------------------- */#navbar_header {  background: #797979;  /* Old browsers */ }.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .dropdown > a:before {  color: #FFF; }.navbar-default .navbar-nav > .active.dropdown > a:before {  color: #797979; }/* mobile menu toggle button on hover/focus */.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {  background-color: #FFF;  border-color: #797979; }.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar {  background-color: #797979; }.default.header-top-dropdown .dropdown > button {  color: #FFF; }/* Small devices (tablets, phones less than 767px) */@media (max-width: 767px) {  /* Mobile menu  ------------------------------ */  /* active items */  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {    color: #797979; }  /* first level items hover and focus states */  .navbar-default .navbar-nav > li > a:hover,  .navbar-default .navbar-nav > li > a:focus,  .navbar-default .navbar-nav > .active > a:hover,  .navbar-default .navbar-nav > .active > a:focus {    color: #FFF; }  /* second level menu */  .navbar-default .navbar-nav .open .dropdown-menu {    background-color: #FFF; }  /* second level items on hover/focus */  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {    color: #797979; } }.navbar-default .navbar-nav > li > a:hover {  color: #797979; }/* Small devices (tablets, phones less than 767px) */@media (max-width: 767px) {  .default-bg.header .navbar-default, .default-bg.header .navbar-default a {    background-color: #797979;    border: none;    color: #FFF; }  /* second level items on hover/focus */  .default-bg.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .default-bg.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {    background-color: transparent; } }/* Sorting filters---------------------------------- */.sorting-filters {  background-color: #f3f3f3;  color: #555555; }/* Alert---------------------------------- */.alert-success {  color: #FFF;  background-color: #797979; }/*---------------------------------- */mark,.mark {  background-color: #797979;  color: #FFF; }.blogpost .post-info {  background-color: #797979; }.blogpost .side .social-links li a {  color: #797979; }.blogpost ul.links li a:hover {  color: #797979; }/* Small devices (tablets, 768px and up) */@media (min-width: 768px) {  .timeline .timeline-item:before {    border: 1px solid #797979; } }.btn-gray:hover,.btn-gray:focus,.btn-gray:active,.btn-gray.active,.open .dropdown-toggle.btn-gray {  color: #FFF;  background-color: #797979;  border-color: #797979; }.btn-light-gray:hover,.btn-light-gray:focus,.btn-light-gray:active,.btn-light-gray.active,.open .dropdown-toggle.btn-light-gray {  color: #FFF;  background-color: #797979;  border-color: #797979; }/* Tabs---------------------------------- */.nav-tabs > li.active > a:after {  background-color: #797979; }.tab-content:after {  background-color: #797979; }/* Extra small devices (phones, less than 480px) */@media (max-width: 480px) {  .nav-tabs > li > a:hover:after {    background-color: #797979; } }/* Horizontal tabs version 2 */.tabs-style-2 .nav-tabs {  border-bottom: 1px solid #797979; }.tabs-style-2 .nav-tabs > li.active > a,.tabs-style-2 .nav-tabs > li.active > a:hover,.tabs-style-2 .nav-tabs > li.active > a:focus,.tabs-style-2 .nav-tabs > li > a:hover {  -webkit-box-shadow: none;  box-shadow: none;  border: 1px solid #797979;  background-color: #797979;  color: #FFF; }.vertical .nav-tabs > li > a:hover:after {  background-color: #797979; }/* Nav pills---------------------------------- */.nav-pills > li > a.active,.nav-pills > li > a.active:hover,.nav-pills > li > a.active:focus,.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus,.nav-pills > li > a:hover,.nav-pills > li > a:focus {  color: #797979; }.nav-pills > li.active > a:after {  color: #797979; }.nav-pills > li.active > a:hover:after,.nav-pills > li.active > a:focus:after,.nav-pills > li > a:hover:after,.nav-pills > li > a:focus:after {  color: #797979; }/* Collapse---------------------------------- */.panel-heading a {  background-color: #797979;  color: #FFF; }.panel-heading a:hover,.panel-transparent .panel-heading a:hover {  background-color: #797979;  color: #FFF; }/* Modals---------------------------------- */.modal-content .modal-header {  background-color: #797979; }/* Images and Images overlay---------------------------------- */.overlay a {  color: #797979;  background-color: #FFF; }.overlay-links a + a {  color: #FFF;  background-color: #797979; }a.overlay i {  color: #797979; }/* 6 Navigations----------------------------------------------------------------------------- *//* second level menu items on focus/hover and when opened */.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.nav .open > a,.nav .open > a:hover,.nav .open > a:focus,.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus,.dropdown-menu .menu > .active > a,.dropdown-menu .menu > .active > a:hover,.dropdown-menu .menu > .active > a:focus {  color: #797979; }/* mega menu menu items on focus/hover and when opened */.mega-menu .menu > li > a:hover,.mega-menu .menu > li > a:focus {  background-color: #FFF;  color: #797979;  border-color: #FFF; }.dropdown .dropdown.open > a:before {  color: #797979; }/* Footer-----------------------------------*/.footer {  background-color: #f7f7f7 !important;  color: #666666; }  .footer a, .footer a:after, .footer ul.list-icons > li {    color: #666666 !important; }  .footer a:hover, .footer ul.list-icons > li > a:hover {    color: #333333 !important; }.footer-content > h2 {  color: #666666 !important; }.footer-content .social-links li a {  color: #333333;  background-color: transparent;  border-color: #333333; }/* Subfooter navigation---------------------------------- */.subfooter {  background-color: #e7e7e7 !important; }.subfooter .navbar-default .nav > li > a {  color: #999999; }.subfooter .navbar-default .nav > li > a:hover,.subfooter .navbar-default .nav > .active > a:hover,.subfooter .navbar-default .nav > .active > a:focus {  background-color: transparent;  text-decoration: underline;  color: #797979 !important; }.subfooter .navbar-default .nav > li:hover {  border-right: none !important; }@media (min-width: 992px) {  .light .subfooter .navbar-default .nav > li > a {    border-right: 1px solid #999999; } }/* Categorie-List with icons (Tiles)-----------------------------------*/.categorias_tiles {  color: #555555; }.categorias_tiles:hover {  color: #FFF;  background-color: #797979; }/* Tags cloud block---------------------------------- */.tag a:hover {  color: #FFF;  background-color: #797979;  border-color: #797979; }/* Social icons block---------------------------------- */.social-links li a {  background: #797979;  border: 1px solid #797979;  color: #FFF; }.social-links li a:hover {  border-color: #535353;  color: #535353; }.header-top .social-links li a:hover {  color: #535353; }.social-links .dropdown.open > button > i:before {  color: #797979; }/* 8 Main Slideshow----------------------------------------------------------------------------- *//* Slider Revolution---------------------------------- *//* custom.css */.light-translucent-bg:after {  background-color: rgba(255, 255, 255, 0.5); }.slider-img {  border: solid 2px #797979; }.tparrows.preview4 .tp-arr-titleholder {  background: none repeat scroll 0% 0% #797979; }.default-bg {  background-color: #797979;  color: #FFF; }.default-bg h1,.default-bg h2,.default-bg h3,.default-bg h4,.default-bg h5,.default-bg h6,.default-bg span.h1,.default-bg span.h2,.default-bg span.h3,.default-bg span.h4,.default-bg span.h5,.default-bg span.h6 {  color: #FFF; }.default-bg a:not(.btn) {  color: #FFF; }.default-bg a:not(.btn):hover {  color: #FFF; }.default-translucent-bg,.default-translucent-bg h1,.default-translucent-bg h2,.default-translucent-bg h3,.default-translucent-bg h4,.default-translucent-bg h5,.default-translucent-bg h6,.default-translucent-bg span.h1,.default-translucent-bg span.h2,.default-translucent-bg span.h3,.default-translucent-bg span.h4,.default-translucent-bg span.h5,.default-translucent-bg span.h6 {  color: #FFF; }.default-translucent-bg a:not(.btn) {  color: #FFF; }.default-translucent-bg a:not(.btn):hover {  color: #FFF; }.default-bg .btn-light-gray {  color: #FFF;  background-color: transparent;  border-color: #FFF; }/* The color of primary buttons is also the color of current color scheme */.btn-primary, .default-bg .dropdown .btn-primary {  background-color: #797979;  color: #FFF !important;  border-color: #797979; }.btn-primary:hover, .default-bg .dropdown .btn-primary:hover,.btn-primary:focus, .default-bg .dropdown .btn-primaryt:focus,.btn-primary:active, .default-bg .dropdown .btn-primary:active,.btn-primary.active, .default-bg .dropdown .btn-primary.active,.open .dropdown-toggle.btn-primary {  color: #fff !important;  background-color: #535353;  border-color: #535353; }.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary {  background-color: #535353;  border-color: #535353;  opacity: 0.7;  filter: alpha(opacity=70); }/* The color of default buttons is the color of current color scheme */.btn-default, .default-bg .dropdown .btn-default {  background-color: #797979;  color: #FFF !important;  border-color: #797979; }.btn-default:hover, .default-bg .dropdown .btn-default:hover,.btn-default:focus, .default-bg .dropdown .btn-default:focus,.btn-default:active, .default-bg .dropdown .btn-default:active,.btn-default.active, .default-bg .dropdown .btn-default.active,.open .dropdown-toggle.btn-default,.btn#login:hover, .btn#login:focus {  color: #fff !important;  background-color: #535353;  border-color: #535353; }.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default {  background-color: #535353;  border-color: #535353;  opacity: 0.7;  filter: alpha(opacity=70); }/* Button with transparent bg */.btn-white {  background-color: transparent;  color: #797979;  border: 1px solid #797979; }.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white {  color: #FFF;  background-color: #797979;  border-color: #797979; }.default-bg .btn-white {  color: #FFF;  background-color: transparent;  border-color: #FFF; }/* Forms in all backgrounds */.default-bg .input-group-addon {  background-color: #535353;  border-color: #797979; }.default-bg .has-success .form-control,.default-bg .has-warning .form-control,.default-bg .has-error .form-control,.default-bg .has-success .form-control:focus,.default-bg .has-warning .form-control:focus,.default-bg .has-error .form-control:focus {  border-color: #FFF;  color: #FFF; }.default-bg .has-success .form-control-feedback,.default-bg .has-warning .form-control-feedback,.default-bg .has-error .form-control-feedback,.default-bg .has-success .control-label,.default-bg .has-warning .control-label,.default-bg .has-error .control-label {  color: #FFF; }.panel-heading a {  background-color: #797979;  color: #FFF; }/* Progress bars---------------------------------- */.progress-bar-default {  background-color: #797979; }/* 6 Navigations----------------------------------------------------------------------------- *//* first level active menu items on hover/focus */.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus {  color: #FFF; }/* arrows for parent menu items */.navbar-default .navbar-nav > .active.dropdown > a:before {  color: #797979; }.dropdown .dropdown.open > a:before {  color: #797979; }li.nav-item.active:hover, li.nav-item.active:focus {  background-color: #f1f1f1;  color: #797979; }/* dropdown animations *//* mobile menu toggle button on hover/focus */.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {  border-color: #797979; }.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar {  background-color: #797979; }/* Small devices (tablets, phones less than 767px) */@media (max-width: 767px) {  /* Mobile menu  ------------------------------ */  /* active items */  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {    color: #FFF; }  /* first level items hover and focus states */  .navbar-default .navbar-nav > li > a:hover,  .navbar-default .navbar-nav > li > a:focus,  .navbar-default .navbar-nav > .active > a:hover,  .navbar-default .navbar-nav > .active > a:focus {    color: #FFF; }  /* second level items on hover/focus */  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {    color: #797979; } }/* Pager---------------------------------- */ul.pagination li > a:hover {  color: #FFF;  background-color: #797979;  border-color: #797979; }ul.pagination li.active a,.pagination > .active > a:hover,.pagination > .active > a:focus {  color: #FFF;  background-color: #797979;  border-color: #797979; }/* Boxes---------------------------------- */.box.gray-bg:hover {  color: #797979; }.box-style-1:not(.team-member):hover i {  color: #797979; }.box.default-bg:hover {  background-color: #FFF;  border: 1px solid #797979; }.box.default-bg:hover * {  color: #797979; }.box-style-2:hover .default-bg {  background-color: #fff;  border: 1px solid #797979; }.box-style-2:hover .default-bg * {  color: #797979; }.box-style-2:hover .white-bg * {  color: #797979; }.box-style-3:hover .default-bg {  background-color: #fff;  border: 1px solid #797979; }.box-style-3:hover .default-bg * {  color: #797979; }/* 8 Main Slideshow----------------------------------------------------------------------------- *//* Slider Revolution---------------------------------- */.default_bg {  background-color: #797979;  color: #FFF; }.tp-bannertimer {  background-color: #797979; }.tparrows.round:hover {  color: #FFF;  background-color: #797979; }.tp-bullets.simplebullets.round .bullet:hover,.tp-bullets.simplebullets.round .bullet.selected {  background-color: #797979; }.tp-bannertimer {  background-color: rgba(255, 255, 255, 0.7); }/* 9 Owl carousel----------------------------------------------------------------------------- */.owl-prev {  left: 0;  background-color: #797979;  color: #f1f1f1; }.owl-next {  left: 30px;  background-color: #f1f1f1;  color: #797979; }.content-slider-with-controls .owl-buttons div,.content-slider-with-controls-autoplay .owl-buttons div {  background-color: #797979;  color: #f1f1f1; }.content-slider-with-controls .owl-prev:hover,.content-slider-with-controls .owl-next:hover,.content-slider-with-controls-autoplay .owl-prev:hover,.content-slider-with-controls-autoplay .owl-next:hover {  background-color: #f1f1f1;  color: #797979; }.owl-controls .owl-page.active span,.owl-controls.clickable .owl-page:hover span {  background: #797979; }.scrollToTop {  background: #535353; }/* 9 cartbutton----------------------------------------------------------------------------- */#cartbutton > button {  border-right-color: transparent;  background-color: #797979;  color: #FFF; }#cartbutton > button:hover {  background-color: #535353; }#link_cesta {  background-color: #797979;  color: #FFF; }#link_cesta i, #link_cesta span {  color: #FFF; }/* Popup cart----------------------------------------------------------------------------- */div.popup-cart {  background-color: #f2f2f2;  padding: 10px;  border: 8px solid #535353;  z-index: 99999; }.btn.close {  font-size: 14px;  font-weight: normal;  filter: none;  opacity: 1;  float: none; }/* Imprint Catalog----------------------------------------------------------------------------- */div.catalog-description p.view a {  color: #535353; }div.catalog-entry.selected img {  border: 5px solid #535353; }div.catalog-entry.selected h5 {  color: #535353; }/* labels----------------------------------------------------------------------------- */.label-promotion {  background-color: #797979;  color: #FFF; }/* Banner tricolor----------------------------------------------------------------------------- */#c1 {  background-color: #797979; }@media (max-width: 992px) {  #c1 {    background-color: #fff; }  #c11 {    background-color: #797979;    color: #FFF; } }h5.modal-title {  font-size: 14px !important;  text-align: center; }img#afegit-image {  margin: auto; }#product-price {  font-size: 18px;  color: green; }input:focus, select:focus, textarea:focus {  border-color: #797979 !important;  background-color: white !important; }.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {  background-color: white !important; }.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {  background-color: white; }/* Cart------------------------------------ */#mobile-floating-cart h3 {  color: #555555; }#td_itemname {  border-top: 1px solid #535353; }td.groupseparator#groupseparator, td.groupseparator#td_itemname {  border-top: 5px solid #535353; }.active-step2 .col-3:nth-child(-n+2) .process-step,.active-step2 .col-3:nth-child(-n+2) .process-dots,.active-step3 .col-3:nth-child(-n+3) .process-step,.active-step3 .col-3:nth-child(-n+3) .process-dots,.active-step4 .col-3:nth-child(-n+4) .process-step,.active-step4 .col-3:nth-child(-n+4) .process-dots {  background-color: #797979; }.active-step2 .col-3:nth-child(-n+2) .process-label,.active-step3 .col-3:nth-child(-n+3) .process-label,.active-step4 .col-3:nth-child(-n+4) .process-label {  color: #797979; }.active-step2 .col-3:nth-child(-n+2):before,.active-step3 .col-3:nth-child(-n+3):before,.active-step4 .col-3:nth-child(-n+4):before {  background: #797979 !important; }#brandselector {  position: absolute;  z-index: 200;  padding: 5px;  margin-top: -5px;  background-color: white;  width: 240px;  border: 2px solid #f0f0f0; }#nav-brand-filters {  display: flex;  margin: 0;  padding: 0;  flex-wrap: wrap; }#nav-brand-filters a {  text-align: center;  color: white;  margin-top: 5px;  margin-right: 5px;  padding: 5px;  display: block;  border-radius: 3px;  background-color: #999999; }#nav-brand-filters a:hover {  text-decoration: none;  cursor: pointer; }#nav-brand-filters a.checked {  font-weight: bold;  color: #FFF;  background-color: #797979; }#toggle-filters-wrapper {  display: flex;  justify-content: space-between; }#toggle-sorting {  display: flex;  width: auto;  margin-bottom: 5px; }/* Alternativ view of positions in product view:---------------------------------- */fieldset {  padding: 15px 0;  border: none;  background-color: #fff; }  fieldset .form-control {    border: 1px solid #acacac;    box-shadow: none; }fieldset legend {  display: block;  width: 100%;  padding: 0;  margin-bottom: 0;  font-size: 100%;  font-weight: bold;  color: #555555;  border: none;  background-color: none; }fieldset img {  border: none;  box-shadow: none; }div.slidedown {  padding-top: 20px; }