@import "local.css";

/* ========================================================================== */
/* Global properties (body, common classes, vertical rhythm, structure etc)
/* ========================================================================== */
body {
  font-family: 'MetropolisMedium', sans-serif;
  font-size: 16px;
  background-color: #FFFFFF;
  color: #000;
  padding: 0;
}
label {
  font-size: 16px;
}
p {
  margin: 0;
}
.container-fluid {
  padding-left: 0;
  padding-right: 0;
}
#container {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.inner {
  background-color: #FFF;
  position: relative;
  text-align: left;
}
.span6 .inner {
  text-align: right;
  margin-top: 4px;
  padding-top: 5px;
  padding-bottom: 0px;
}
.top-contacts.pull-left {
  font-size: 14px;
  margin-left: 0;
}
ul.top-contacts {
  margin-left: 0;
  padding-left: 0;
}
div.nobottom.product-cart {
  text-align: right;
  margin-top: 28px;
}
.inner.darken {
}
::selection {
  background: #C92600;
  color: #FFFFFF;
  /* Safari */
}
::-moz-selection {
  background: #C92600;
  color: #FFFFFF;
  /* Firefox */
}
/* main link color/style */
a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #555;
  text-decoration: none;
}
a:hover {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #DD2C00;
}
a.read-more {
  text-decoration: none;
  border-bottom: dotted 1px #DD2C00;
}
a.read-more:hover {
  border-bottom-style: solid;
}
.underline:after {
  background: none repeat scroll 0 0 #DD2C00;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  margin-top: 10px;
  width: 40px;
}
blockquote {
  border-color: #DD2C00;
  border-left-width: 2px;
}
blockquote p {
  font-size: 16px;
  margin-bottom: 10px;
}
blockquote p:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-weight: normal;
  margin: 0 0 20px 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000000;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #DD2C00;
}
hr {
  border-top-color: #EEEEEE;
  border-bottom-color: transparent;
}
hr.transparent {
  border-color: transparent !important;
}
/* ========================================================================== */
/* Header, Logo, Navigation & Menus
/* ========================================================================== */
.topbar {
  font-size: 11px;
}
@media (max-width: 767px) {
  .topbar {
    padding: 0 20px;
  }
}
.topbar a {
  color: #000;
}
.topbar a:hover {
  color: #000;
}
.topbar .nav-pills > li > a {
  padding: 5px 10px;
}
.topbar .nav-pills > li > a:hover {
  background-color: transparent;
}
.topbar .dropdown-menu {
  border: none;
  background-color: #333333;
  color: #FFFFFF;
  margin-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.topbar .dropdown-menu:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.topbar .dropdown-menu a {
  color: #FFFFFF;
}
.topbar .dropdown-toggle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.topbar .dropdown-toggle .caret {
  border-bottom-color: #000;
  border-top-color: #000;
}
.topbar .dropdown-toggle:hover .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF;
}
.topbar .nav-pills > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.topbar .dropdown-menu > li > a:hover,
.topbar .dropdown-menu > li > a:focus,
.topbar .dropdown-submenu:hover > a,
.topbar .dropdown-submenu:focus > a {
  filter: none;
  background-image: none;
  background-color: #555;
}
.topbar .nav-pills.top-contacts {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .topbar .nav-pills.top-contacts {
    float: none;
    display: none;
  }
}
.topbar .nav-pills.top-menu {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .topbar .nav-pills.top-menu {
    float: none;
    display: none;
  }
}
#header > .container {
  background-color: #FFFFFF;
  padding: 0px 0 9px;
}
@media (max-width: 767px) {
  #header > .container {
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  #header .logo {
    padding: 0;
    text-align: center;
    margin-bottom: 0px;
  }
}
#header .logo .site-name {
  font-weight: bold;
  font-size: 24px;
  line-height: 25px;
  height: 25px;
  margin: 0;
}
#header .logo .site-name a {
  color: #000000;
}
#header .logo .site-name a:hover {
  color: #DD2C00;
  text-decoration: none;
}
#header .logo .site-slogan {
  font-weight: normal;
  font-size: 16px;
  line-height: 15px;
  height: 15px;
  margin: 0;
  color: #000;
}
#header .form-search {
  margin: 0;
  margin-top: 12px;
}
@media (min-width: 1200px) {
  #header .form-search {
    margin-top: 20px;
  }
}
@media (max-width: 979px) {
  #header .form-search {
    margin-top: 3px;
  }
}
#header .form-search input[type="text"] {
  border-width: 1px;
  border-color: #EEEEEE;
  background-color: #FFFFFF;
  color: #C8C8C8;
  padding: 10px 15px;
  height: auto;
  width: 100%;
  float: right;
  font-size: 16px;
  font-weight: normal;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -box-sizing: border-box;
  box-sizing: border-box;
}
#header .form-search input[type="text"]:hover,
#header .form-search input[type="text"]:focus {
  background-color: #EEEEEE;
  color: #000000;
}
/* Nav
/* ========================================================================== */
#navigation.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}
#navigation .navbar-inner,
#navigation .nav-collapse {
  background: #00A9DC;
  color: #FFF;
  border: 0;
  border-radius: 0;
  padding-right: 0px;
}
.navbar .nav > li > a,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:visited {
  font-size: 16px;
  font-weight: normal;
  color: #FFF;
  text-shadow: 0 0 0 transparent;
}
@media (min-width: 1200px) {
  .navbar .container {
    width: 1170px;
  }
}
.navbar .brand {
  font-size: 16px;
  color: #FFF;
}
#navigation .dropdown-menu {
  border-radius: 0;
}
#navigation .navbar .nav > li > a .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF;
}
#navigation .navbar .nav > li > a:hover {
  background-color: #555;
  color: #FFFFFF;
}
#navigation .navbar .nav > li > a:hover .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF;
}
#navigation .navbar .nav > .active > a,
#navigation .navbar .nav > .active > a:hover,
#navigation .navbar .nav > .active > a:focus {
  background-color: #555;
  color: #FFFFFF;
}
#navigation .navbar .nav > .current > a,
#navigation .navbar .nav > .current > a:hover,
#navigation .navbar .nav > .current > a:focus {
  background-color: #555;
  color: #FFFFFF;
}
#navigation .navbar .nav li.dropdown.open > .dropdown-toggle {
  background-color: #555;
  color: #FFFFFF;
}
#navigation .navbar .nav li.dropdown.active > .dropdown-toggle {
  color: #FFFFFF;
}
#navigation .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #FFFFFF;
}
#navigation .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
#navigation .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
#navigation .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-bottom-color: #FFFFFF;
  border-top-color: #FFFFFF;
}
#navigation .navbar .nav > li > .dropdown-menu {
  background-color: #555;
  border: none;
  margin-top: 0;
  padding: 10px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 99999;
}
#navigation .navbar .nav > li > .dropdown-menu:after,
#navigation .navbar .nav > li > .dropdown-menu:before {
  border: none;
}
#navigation .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#navigation .dropdown-menu > li > a {
  filter: none;
  color: #FFFFFF;
  background-image: none;
}
#navigation .dropdown-menu > li > a:hover {
  background-color: #000;
  color: #FFFFFF;
}
.navbar .btn-navbar,
.navbar .btn-navbar:hover {
  background: transparent;
}
#navigation .navbar-search .search-query {
  border-radius: 0;
}
#navigation .nav-collapse .navbar-search {
  border-top: 0;
  border-bottom: 0;
}
#navigation .nav-collapse .btn {
  border-radius: 0;
  color: #FFF;
}
/* Shopping Cart Widget
/* ========================================================================== */
.dropdown-menu.cart {
  min-width: 300px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
  background-color: #555;
  color: #FFF;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #F44336;
}
.shopping-cart-widget.dropdown {
  background: #FFF;
}
.shopping-cart-widget.dropdown .products {
  margin: 0 0 20px 0;
  overflow-y: auto;
  max-height: 300px;
}
.shopping-cart-widget.dropdown .products .media-heading {
  font-weight: bold;
  font-size: 16px;
  color: #DD2C00;
}
.shopping-cart-widget.dropdown .products .media-heading a {
  text-decoration: none;
  color: #DD2C00;
}
.shopping-cart-widget.dropdown .products .media-heading a:hover {
  color: #DD2C00;
  background: #FFF;
}
.shopping-cart-widget.dropdown p.buttons {
  padding-bottom: 5px;
}
.cart-dropdown {
  border: 0;
  background-color: #FFF;
  padding-left: 10px;
  padding-right: 5px;
}
#navigation .navbar .nav > li > .dropdown-menu.cart {
  color: #000;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.23), 0 1px 8px rgba(0, 0, 0, 0.16);
  border-radius: 0px;
  background-color: #FFF;
  border: 1px solid #EEE;
  right: auto;
}
/* Breadcrumbs / Page Header
/* ========================================================================== */
#breadcrumbs {
  padding-left: 0.5em;
}
@media (max-width: 480px) {
  #breadcrumbs {
  }
}
#breadcrumbs > .container {
  padding: 0 0 10px 0;
  border-bottom: solid 1px #EEEEEE;
}
@media (min-width: 481px) and (max-width: 767px) {
  #breadcrumbs > .container {
    width: 95%;
  }
}
#breadcrumbs .breadcrumbs {
  padding: 12px 5px 12px 0;
  margin: 15px 0 0 0;
  color: #000;
}
#breadcrumbs .breadcrumbs a {
  padding: 0 5px 0 0;
  text-decoration: none;
  color: #555;
}
#breadcrumbs .breadcrumbs a:hover {
  color: #333333;
}
@media (min-width: 481px) and (max-width: 767px) {
  #container > .container {
    width: 95%;
  }
}
@media (max-width: 480px) {
  #container > .container {
    padding: 0 20px;
  }
}
#container .row-fluid .page-sidebar.pull-right[class*="span"] {
  margin-left: 2.12766%;
}
#container .row-fluid .sidebar.pull-left[class*="span"] {
  margin-left: 0;
}
@media (min-width: 1200px) {
  #container .row-fluid .page-sidebar.pull-right[class*="span"] {
    margin-left: 2.5641%;
  }
  #container .row-fluid .sidebar.pull-left[class*="span"] {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  #container .row-fluid .page-sidebar.pull-right[class*="span"] {
    margin-left: 0;
    float: none;
  }
  #container .row-fluid .sidebar.pull-left[class*="span"] {
    margin-left: 0;
    float: none;
  }
}
/* ========================================================================== */
/* Main Content Styles
/* ========================================================================== */
/* Frame overlay
/* ========================================================================== */
.media a,
.thumbnail {
  position: relative;
}
.media .frame-overlay,
.thumbnail .frame-overlay,
.portfolio article .frame-overlay {
  background-color: #FFFFFF;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.span4 .image {
  min-height: 230px;
  max-height: 227px;
}
.top-menu.pull-right {
  font-size: 17px;
}
.media a:hover .frame-overlay,
.thumbnail:hover .frame-overlay,
.portfolio article:hover .frame-overlay {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity = 0);
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
/* Pagination
/* ========================================================================== */
.pagination ul {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pagination ul > li:first-child a,
.pagination ul > li:last-child a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.pagination ul > li > a,
.pagination ul > li > span {
  border: none;
  background-color: transparent;
  border-color: transparent;
  color: #555555;
  padding: 7px 14px;
  margin-left: 1px;
  margin-right: 1px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.pagination ul > li > a:hover {
  background-color: #555555;
  border-color: #555555;
  color: #FFFFFF;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #DD2C00;
  border-color: #DD2C00;
  color: #FFFFFF;
}
.pagination ul > .active > a:hover,
.pagination ul > .active > span:hover {
  background-color: #DD2C00;
  border-color: #DD2C00;
  color: #FFFFFF;
}
.pagination ul > .disabled > a,
.pagination ul > .disabled > span {
  color: #EEEEEE;
  background-color: transparent;
  border-color: transparent;
}
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > span:hover {
  color: #EEEEEE;
  background-color: transparent;
  border-color: transparent;
}
/* ========================================================================== */
/* Footer
/* ========================================================================== */
#footer {
  padding-top: 40px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #333333;
  color: #000;
}
@media (min-width: 481px) and (max-width: 767px) {
  #footer > .container {
    width: 95%;
  }
}
@media (max-width: 480px) {
  #footer > .container {
    padding: 0 20px;
  }
}
#footer [class^="fa fa-"],
#footer [class*=" icon-"] {
  color: #DD2C00;
}
#footer .widget-title {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 25px;
  margin-top: 0;
  color: #FFFFFF;
}
#footer .widget-title .text-info {
  color: #DD2C00;
}
#footer .widget-title.do {
  font-size: 25px;
  cursor: pointer;
  position: relative;
}
#footer .widget-title.do:before {
  font-family: 'FontAwesome';
  color: #DD2C00;
  content: "\f0c9";
  position: absolute;
  right: 0px;
  top: 0px;
}
#footer .widget-title.do:hover:before {
  color: #DD2C00;
}
#footer .widget-title.do:hover .text-info {
  color: #DD2C00;
}
#footer .widget-inner {
  margin-bottom: 40px;
}
#footer a {
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:hover {
  color: #FF794D;
}
#footer a.btn:hover {
  text-decoration: none;
}
/* Footer menu
/* ========================================================================== */
#footer-menu {
  font-size: 11px;
  background-color: #333333;
  color: #000;
}
@media (max-width: 480px) {
  #footer-menu {
    padding: 0 20px;
  }
}
#footer-menu > .container {
  border-top: solid 1px #4D4D4D;
  padding: 20px 0 40px 0;
}
@media (min-width: 481px) and (max-width: 767px) {
  #footer-menu > .container {
    width: 95%;
  }
}
#footer-menu a {
  color: #FFFFFF;
}
#footer-menu a:hover {
  color: #DD2C00;
}
#footer-menu .privacy {
  margin: 0;
}
#footer-menu .privacy li {
  padding: 0 5px 0 0;
  margin: 0 5px 5px 0;
  line-height: 11px;
}
#footer-menu .privacy li:last-child {
  border-right: none;
}
#footer-menu .copyright {
  margin-bottom: 0;
  line-height: 16px;
}
#footer-menu a {
  display: block;
  padding: 12px 12px 12px 0;
}
#footer-menu .payment {
  text-align: right;
}
@media (max-width: 767px) {
  #footer-menu .payment {
    margin-top: 20px;
    text-align: left;
  }
}
/* ========================================================================== */
/* Sidebar / Widgets
/* ========================================================================== */
/* Sidebar
/* ========================================================================== */
@media (min-width: 768px) and (max-width: 979px) {
  .page-sidebar.span9 {
    width: 65.74585635359117% !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .sidebar.span3 {
    width: 31.491712707182323% !important;
  }
}
.page-sidebar,
.sidebar {
  margin-top: 30px;
  margin-bottom: 5px;
}
.page-sidebar .widget,
.sidebar .widget {
  margin-bottom: 30px;
  position: relative;
}
.page-sidebar .widget ul.icons.check,
.sidebar .widget ul.icons.check {
  margin-left: 0;
}
.page-sidebar .widget ul.icons.check li,
.sidebar .widget ul.icons.check li {
  position: relative;
  text-indent: 0;
  padding-left: 20px;
}
.page-sidebar .widget ul.icons.check li:after,
.sidebar .widget ul.icons.check li:after {
  content: "\f096";
  font-family: fontawesome;
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  text-align: left;
}
.page-sidebar .widget ul.icons.check li.on:after,
.sidebar .widget ul.icons.check li.on:after {
  content: "\f046";
  color: #DD2C00;
}
.page-sidebar .widget ul.icons.check a,
.sidebar .widget ul.icons.check a {
  text-decoration: none;
  color: #555555;
}
.page-sidebar .widget ul.icons.check a:hover,
.sidebar .widget ul.icons.check a:hover {
  color: #DD2C00;
}
.page-sidebar .widget-title,
.sidebar .widget-title {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 15px;
  margin-top: 0;
}
.page-sidebar .widget-inner,
.sidebar .widget-inner {
  background-color: #FFFFFF;
  padding: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
}
.page-sidebar .accordion,
.sidebar .accordion {
  margin-bottom: 0;
}
.page-sidebar .nav-tabs,
.sidebar .nav-tabs {
  margin-bottom: 0;
  border-bottom-color: #E1E1E1;
  margin-top: 38px;
}
.page-sidebar .nav-tabs > li > a,
.sidebar .nav-tabs > li > a {
  background-color: transparent;
  border-color: transparent;
  font-weight: bold;
  color: #555555;
  border-bottom-color: #E1E1E1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.page-sidebar .nav-tabs > li > a:hover,
.sidebar .nav-tabs > li > a:hover {
  background-color: #E9E9E9;
  border-color: #E9E9E9;
  color: #DD2C00;
  border-bottom-color: #E1E1E1;
}
.page-sidebar .nav-tabs > .active > a,
.sidebar .nav-tabs > .active > a,
.page-sidebar .nav-tabs > .active > a:hover,
.sidebar .nav-tabs > .active > a:hover,
.page-sidebar .nav-tabs > .active > a:focus,
.sidebar .nav-tabs > .active > a:focus {
  background-color: #E9E9E9;
  border-color: #FFFFFF;
  border-bottom-color: #E1E1E1;
}
.page-sidebar .tab-content,
.sidebar .tab-content {
  padding-top: 0;
}
.page-sidebar .tab-content .tab-pane p,
.sidebar .tab-content .tab-pane p {
  margin-bottom: 20px;
}
.page-sidebar .tab-content .tab-pane p:last-child,
.sidebar .tab-content .tab-pane p:last-child {
  margin-bottom: 0;
}
.page-sidebar .show-all-posts,
.sidebar .show-all-posts {
  background-color: #DD2C00;
  color: #FFFFFF;
}
.page-sidebar .show-all-posts:hover,
.sidebar .show-all-posts:hover {
  background-color: #DD2C00;
}
/* Categories widget
/* ========================================================================== */
.shopping-cart-widget .products {
  margin: 0 0 20px 0;
}
.shopping-cart-widget .products .media-heading {
  font-weight: bold;
  font-size: 16px;
  color: #DD2C00;
}
.shopping-cart-widget .products .media-heading a {
  text-decoration: none;
  color: #DD2C00;
}
.shopping-cart-widget .products .media-heading a:hover {
  color: #DD2C00;
  background: #FFF;
}
.shopping-cart-widget .buttons {
  margin-bottom: 0;
}
.shopping-cart-widget .buttons .btn {
  font-size: 16px;
  padding: 6px 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.shopping-cart-widget .buttons .btn:hover {
  background-color: #DD2C00;
}
/* Categories widget
/* ========================================================================== */
.categories-widget ul.icons {
  margin-left: 0;
  color: #999999;
}
.widget ul.icons li {
  /*float: left;
  width: auto;*/
  padding: 6px 0 0 12px;
  position: relative;
  text-indent: 0;
}
.categories-widget ul.icons li {
  /*float: left;
  width: auto;*/
  padding: 6px 0 0 12px;
  position: relative;
  text-indent: 0;
}
.categories-widget ul.icons li:after {
  content: "\f105";
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  left: 3px;
  top: 6px;
  width: 20px;
  text-align: left;
}
.categories-widget ul.icons a {
  text-decoration: none;
  color: #555;
}
.categories-widget ul.icons a:hover {
  color: #DD2C00;
}
#CatNavi .CatLevel0 {
  padding-left: 20px;
}
#CatNavi .CatLevel1 {
  padding-left: 30px;
}
#CatNavi .CatLevel2 {
  padding-left: 40px;
}
#CatNavi .CatLevel3 {
  padding-left: 50px;
}
#CatNavi .CatLevel4 {
  padding-left: 60px;
}
#CatNavi .CatLevel5 {
  padding-left: 70px;
}
#CatNavi .CatLevel6 {
  padding-left: 80px;
}
#CatNavi .CurrentParent a {
  font-weight: bold;
}
#CatNavi li a,
#CatNavi .Current li a,
#CatNavi .CurrentParent li a,
#CatNavi .CurrentParent .Current li a {
  font-weight: normal;
}
#CatNavi .Current a,
#CatNavi .CurrentParent .Current a {
  font-weight: bold;
}
/* Animation KEYFRAMES
/* ========================================================================== */
@-webkit-keyframes moveFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%) rotate(45deg) scale(3);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes moveFromLeft {
  from {
    opacity: 0;
    -moz-transform: translateX(-50%) rotate(45deg) scale(3);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes moveFromLeft {
  from {
    opacity: 0;
    -o-transform: translateX(-50%) rotate(45deg) scale(3);
  }
  to {
    opacity: 1;
    -o-transform: translateX(0%);
  }
}
@keyframes moveFromLeft {
  from {
    opacity: 0;
    transform: translateX(-50%) rotate(45deg) scale(3);
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes moveFromRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes moveFromRight {
  from {
    opacity: 0;
    -moz-transform: translateX(50%);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes moveFromRight {
  from {
    opacity: 0;
    -o-transform: translateX(50%);
  }
  to {
    opacity: 1;
    -o-transform: translateX(0%);
  }
}
@keyframes moveFromRight {
  from {
    opacity: 0;
    transform: translateX(50%);
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes moveFromZoom {
  from {
    opacity: 0;
    -webkit-transform: scale(2);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes moveFromZoom {
  from {
    opacity: 0;
    -moz-transform: scale(2);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes moveFromZoom {
  from {
    opacity: 0;
    -o-transform: scale(2);
  }
  to {
    opacity: 1;
    -o-transform: translateX(0%);
  }
}
@keyframes moveFromZoom {
  from {
    opacity: 0;
    transform: scale(2);
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}
/* Search Form Widget
/* ========================================================================== */
#search {
  /*position: relative;*/
  /*margin: 0;*/
  /*width: 100%;*/
}
#search input[type="text"] {
  background-color: #FFFFFF;
  /*width: 100%;*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#search input[type="text"]:hover {
  border-color: #DD2C00;
}
#search input[type="text"]:focus {
  border-color: #DD2C00;
}
#search .search-bt {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 30px;
  height: 30px;
  /*position: absolute;*/
  right: 0;
  top: 0;
  cursor: pointer;
  border: none !important;
  z-index: 2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #555555 url('img/button.png') no-repeat center center;
}
#search .search-bt:before {
  content: "\f096";
  font-family: fontawesome;
  display: block;
  width: 20px;
  height: 20px;
  text-align: left;
  color: #000000;
}
#search .search-bt:hover {
  background-color: #000;
}
/* SHOP products
/* ========================================================================== */
.shop-products .thumbnails .item {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding-top: 0px;
  padding-bottom: 12px;
  margin-bottom: 28px;
}
.item.span4 {
  height: 401px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .shop-products .thumbnails .item {
    width: 48.61878453038674% !important;
  }
  .shop-products .thumbnails .item,
  .shop-products .thumbnails .item.first {
    margin-left: 2.7624309392265194% !important;
  }
  .shop-products .thumbnails .item:nth-child(odd) {
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .shop-products .thumbnails .item {
    margin-bottom: 50px;
  }
}
.shop-products .inner.darken {
  border-bottom: 1px solid #C8AEAE;
}
.shop-products .btn-add-to-cart {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
  color: #FFFFFF;
  background-color: #333333;
  margin-top: 5px;
  margin-bottom: 5px;
}
.shop-products .btn-add-to-cart i {
  margin-left: 0;
}
.shop-products .btn-add-to-cart:hover {
  background-color: #DD2C00;
}
.shop-products .thumbnail {
  border: solid 1px #EEEEEE;
  padding: 0;
  margin-bottom: 15px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.shop-products .thumbnail .discount {
  position: absolute;
  left: -30px;
  padding: 10px 15px 10px 50px;
  background-color: #DD2C00;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  z-index: 15;
}
.shop-products .thumbnail .image {
  overflow: hidden;
  position: relative;
  display: block;
}
.shop-products .thumbnail .image img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.shop-products .thumbnail .price {
  position: absolute;
  top: 80%;
  left: -23px;
  padding: 10px 15px 10px 50px;
  background-color: #0087DC;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  z-index: 5;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.shop-products .thumbnail .zoom {
  background-color: #364245;
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  font-size: 40px;
  line-height: 80px;
  text-align: center;
  vertical-align: middle;
  margin-left: -40px;
  margin-top: -40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.shop-products .thumbnail .zoom i {
  padding-left: 6px;
}
.shop-products .thumbnail .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.shop-products .thumbnail .description {
  position: relative;
}
.shop-products .thumbnail .description:last-child {
  margin-bottom: 0;
}
.shop-products .thumbnail:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.shop-products .thumbnail:hover .price {
  left: 0;
}
.shop-products .thumbnail:hover .zoom {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity = 40);
  opacity: 0.4;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.shop-products .thumbnail:hover .title {
  color: #DD2C00;
}
.product-images {
  margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .product-images {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}
.product-images .small .thumbnail .zoom {
  font-size: 20px;
  line-height: 35px;
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.product-images .small .thumbnail .zoom i {
  padding-left: 3px;
}
@media (max-width: 767px) {
  .product-images .small .thumbnail .zoom {
    width: 80px;
    height: 80px;
    font-size: 40px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    margin-left: -40px;
    margin-top: -40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .product-images .small .thumbnail .zoom i {
    padding-left: 6px;
  }
}
@media (max-width: 767px) {
  .product-images .small .thumbnail {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 767px) {
  .product-images .small .thumbnail:last-child {
    margin-bottom: 0 !important;
  }
}
.product-images .thumbnail {
  border: none;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.product-images .span4.thumbnail {
  padding: 0.5em;
  margin: 0;
}
.product-images .thumbnail.big {
  margin-bottom: 7px;
}
.product-images .thumbnail.big img {
}
@media (min-width: 1200px) {
  .product-images .thumbnail.big {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .product-images .thumbnail.big {
    margin-bottom: 20px;
  }
}
.product-images .thumbnail .image {
  overflow: hidden;
  position: relative;
  display: block;
  border: solid 1px #EEEEEE;
}
.product-images .thumbnail .image img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.product-images .thumbnail .zoom {
  background-color: #DD2C00;
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  font-size: 40px;
  line-height: 80px;
  text-align: center;
  vertical-align: middle;
  margin-left: -40px;
  margin-top: -40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.product-images .thumbnail .zoom i {
  padding-left: 6px;
}
.product-images .thumbnail:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.product-images .thumbnail:hover .zoom {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity = 40);
  opacity: 0.4;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media (min-width: 768px) and (max-width: 979px) {
  .product-info {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}
.product-cart form {
  margin-bottom: 0;
}
.product-cart label {
  font-weight: bold;
  line-height: 40px;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 5px;
}
.product-cart input[type="text"] {
  width: 55px;
  border-width: 1px;
  border-color: #EEEEEE;
  background-color: #FFFFFF;
  color: #000000;
  padding: 11px 15px;
  height: auto;
  font-size: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -box-sizing: border-box;
  box-sizing: border-box;
}
.product-cart input[type="text"]:hover {
  border-color: #DD2C00;
}
.product-cart input[type="text"]:focus {
  border-color: #DD2C00;
}
.product-cart .btn {
  padding: 10px 15px;
  font-weight: bold;
}
.product-cart .btn:hover {
  background-color: #DD2C00;
}
/* Product title
/* ========================================================================== */
.product-title {
  margin-bottom: 30px;
}
.product-title .title h1 {
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 0;
}
.product-title .price {
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  text-align: right;
  color: #DD2C00;
}
/* Featured products on homepage
/* ========================================================================== */
.featured-products .thumbnails {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .featured-products .thumbnails {
    margin-bottom: 0;
  }
}
.featured-products .thumbnails .item {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .featured-products .thumbnails .item {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .featured-products .thumbnails .item {
    width: 48.61878453038674% !important;
    margin-bottom: 2.7624309392265194% !important;
  }
  .featured-products .thumbnails .item,
  .featured-products .thumbnails .item.first {
    margin-left: 2.7624309392265194% !important;
  }
  .featured-products .thumbnails .item:nth-child(odd) {
    margin-left: 0 !important;
  }
}
.featured-products .inner.darken {
  border-top: solid 1px #E1E1E1;
}
.featured-products .btn-add-to-cart {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
  color: #FFFFFF;
  background-color: #333333;
  margin-top: 5px;
  margin-bottom: 5px;
}
.featured-products .btn-add-to-cart i {
  margin-left: 0;
}
.featured-products .btn-add-to-cart:hover {
  background-color: #DD2C00;
}
.featured-products .thumbnail {
  border: solid 1px #EEEEEE;
  padding: 0;
  margin-bottom: 15px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.featured-products .thumbnail .discount {
  position: absolute;
  left: -30px;
  padding: 10px 15px 10px 50px;
  background-color: #DD2C00;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  z-index: 15;
}
.featured-products .thumbnail .image {
  overflow: hidden;
  position: relative;
  display: block;
}
.featured-products .thumbnail .image img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-products .thumbnail .price {
  position: absolute;
  top: 60%;
  left: -30px;
  padding: 10px 15px 10px 50px;
  background-color: #DD2C00;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  z-index: 5;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.featured-products .thumbnail .zoom {
  background-color: #364245;
  color: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  font-size: 40px;
  line-height: 80px;
  text-align: center;
  vertical-align: middle;
  margin-left: -40px;
  margin-top: -40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity = 0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.featured-products .thumbnail .zoom i {
  padding-left: 6px;
}
.featured-products .thumbnail .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.featured-products .thumbnail .description {
  position: relative;
}
.featured-products .thumbnail .description:last-child {
  margin-bottom: 0;
}
.featured-products .thumbnail:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.featured-products .thumbnail:hover .price {
  left: 0;
}
.featured-products .thumbnail:hover .zoom {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity = 40);
  opacity: 0.4;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.featured-products .thumbnail:hover .title {
  color: #DD2C00;
}
/* TOP Categories
/* ========================================================================== */
.featured-categories .thumbnails {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .featured-categories .thumbnails {
    margin-bottom: 0;
  }
}
.featured-categories .thumbnails .item {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .featured-categories .thumbnails .item {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .featured-categories .thumbnails .item {
    width: 48.61878453038674% !important;
    margin-bottom: 2.7624309392265194% !important;
  }
  .featured-categories .thumbnails .item,
  .featured-categories .thumbnails .item.first {
    margin-left: 2.7624309392265194% !important;
  }
  .featured-categories .thumbnails .item:nth-child(odd) {
    margin-left: 0 !important;
  }
}
.featured-categories .thumbnail {
  border: solid 1px #EEEEEE;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.featured-categories .thumbnail .see-all {
  font-weight: bold;
}
.featured-categories .thumbnail .image {
  overflow: hidden;
  position: relative;
  display: block;
}
.featured-categories .thumbnail .image img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-categories .thumbnail .title {
  position: absolute;
  left: 0;
  bottom: 48%;
  padding: 10px 15px;
  background-color: #DD2C00;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-categories .thumbnail .link {
  position: absolute;
  left: -100%;
  top: 48%;
  padding: 10px 15px;
  background-color: #555555;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.featured-categories .thumbnail .description:last-child {
  margin-bottom: 0;
}
.featured-categories .thumbnail:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.featured-categories .thumbnail:hover .title {
  left: 0;
}
.featured-categories .thumbnail:hover .link {
  left: 0;
}
/* ========================================================================== */
/* Reviews
/* ========================================================================== */
.reviews-title .title h3,
.add-review {
  margin-top: 20px;
}
.add-review .stars {
  line-height: 36px;
  text-align: right;
}
.add-review textarea,
.add-review input[type="text"] {
  border-width: 1px;
  border-color: #E1E1E1;
  background-color: #EEEEEE;
  color: #555555;
  padding: 10px 15px;
  height: auto;
  font-size: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -box-sizing: border-box;
  box-sizing: border-box;
}
.add-review textarea:hover,
.add-review input[type="text"]:hover,
.add-review textarea:focus,
.add-review input[type="text"]:focus {
  border-color: #DD2C00;
  color: #000000;
}
@media (max-width: 767px) {
  .add-review .stars,
  .add-review textarea,
  .add-review input[type="text"] {
    margin-left: 0 !important;
  }
}
.add-review .btn-submit-review {
  padding: 10px 15px;
  font-weight: bold;
}
.add-review .btn-submit-review:hover {
  background-color: #DD2C00;
}
/* Back to Top
/* ========================================================================== */
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url(img/up.png) no-repeat left top;
}
#toTopHover {
  background: url(img/up.png) no-repeat left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
  outline: none;
}
/* ========================================================================== */
/* Helpful Classes
/* ========================================================================== */
ul.clearfix {
  list-style-type: none;
}
.clear {
  clear: both;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.spacer {
  height: 50px;
}
.pull-vertical-center {
  vertical-align: middle;
  display: table-cell;
  width: auto;
}
.well.transparent {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
.btn {
  background-image: none;
  text-shadow: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn:hover {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.gmap {
  max-width: 100%;
  line-height: 0;
}
.video {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
}
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
a,
a:active,
a:focus,
input,
input:active,
input:focus,
select,
select:active,
select:focus {
  outline: 0 !important;
}
.first {
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.last {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}
/* Tables */
table.contentTable {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0.2em 0;
  border: 1px solid #97A5B0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
table.contentTable tr {
  padding: 0;
  margin: 0;
}
table.contentTable tr.contentRowEven {
  padding: 0;
  margin: 0;
  background: #F7F7F7;
}
table.contentTable tr.contentRowOdd {
  padding: 0;
  margin: 0;
  background: #FFF;
}
table.contentTable tr.contentRowEvenHover,
table.contentTable tr.contentRowOddHover {
  padding: 0;
  margin: 0;
  background: #FFC;
}
table.contentTable th {
  color: #000;
  font-weight: normal;
  padding: 0.9em;
  margin: 0;
  background-color: #E3EFF7;
  border: 1px solid #97A5B0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
table.contentTable td {
  padding: 0.3em 0.3em 0.3em 0.3em;
  margin: 0;
}
/* /Tables */
/* Error */
label.error {
  margin-left: 10px;
  width: auto;
  display: inline;
  color: red;
  font-weight: normal;
  background: transparent;
}
.error {
  background: #FCC;
}
input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="url"].error,
input[type="search"].error,
input[type="tel"].error {
  background-color: #FCC;
}
span.Requirement {
  color: red;
}
/* /Error */
/* Buttons */
.btn.btn-inverse {
  font-size: 16px;
  padding: 6px 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.btn:hover {
  background-color: #DD2C00;
}
/* /Buttons */
/* Buttons */
a.button,
span.button,
del.button {
  display: -moz-inline-box;
  display: inline-block;
  cursor: pointer;
  border: none;
  font-size: 0;
  line-height: 0;
  /*
  	for Safari, read this first
  	http://creativebits.org/webdev/safari_background_repeat_bug_fix
  	*/
  text-decoration: none;
  color: #FFF;
  font-style: normal;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  _position: relative;
  _width: 10px;
  _overflow-y: hidden;
}
a.button,
span.button,
del.button,
a.button span,
span.button button,
span.button input,
del.button span {
  background-color: #363636;
}
a.button span,
span.button button,
span.button input,
del.button span {
  white-space: nowrap;
  cursor: pointer;
  color: #FFF;
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  letter-spacing: 0 !important;
  font-family: "Arial" !important;
  font-size: 16px !important;
  font-style: normal;
  padding: 10px;
  margin: 0;
  border: none;
  vertical-align: text-top;
  zoom: 1;
  _position: relative;
  _padding-left: 0px;
  _padding-right: 12px;
  _margin-right: -10px;
  _display: block;
  _top: 0;
  _right: -5px;
}
span.button button {
  line-height: 2.5;
  /*Opera need this*/
}
html.safari a.button span,
html.safari del.button span {
  line-height: 1.3;
}
html.safari span.button button {
  line-height: 2.6;
}
html.safari a.button:focus,
html.safari span.button button:focus {
  outline: none;
}
del.button {
  /* cursor:not-allowed;	*/
}
del.button span {
  cursor: default;
  color: #AAA !important;
}
span.button button,
span.button input {
  padding: 0 10px;
  margin: 0;
  line-height: 2.5;
  /*Opera need this*/
}
/** optional **/
/*
a.button:visited
	{
		color: #aaa;
	}
*/
/*Hover Style*/
a.button:hover,
a.button:focus,
a.dom-button-focus,
span.button:hover,
span.button:focus,
span.button button:hover,
span.button button:focus,
span.button-behavior-hover {
  background-color: #DD2C00;
  color: #FFF;
  text-decoration: none;
}
a.button:hover span,
a.button:focus span,
span.button-behavior-hover button,
span.button-behavior-hover input {
  background-color: #DD2C00;
}
a.button:active,
a.button:focus span {
  color: #FFF;
}
del.button-behavior-hover,
del.button:hover {
  background-position: 0 -180px;
  /* cursor:not-allowed; */
}
del.button-behavior-hover span,
del.button:hover span {
  background-position: 100% -180px;
  /* cursor:not-allowed; */
}
/* /Buttons */
#flyimgcart {
  position: absolute;
  z-index: 1000;
}
.close {
  color: red;
  font-size: bold;
}
p.CartContentRight {
  text-align: right;
  padding-right: 0.2em;
}
p.CartContentCenter {
  text-align: center;
}
div.filter {
  float: left;
  padding: 0 0.5em;
}
/* ############ checkout ################## */
.sm_layout_box h2 {
  padding: 0.5em 0.5em 0.5em 0;
}
.sm_layout_box {
  padding-left: 1em;
}
div.CheckoutError {
  border: 1px solid;
  border-color: #FF0000;
  background-color: #FFCCCC;
  text-align: left;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  padding: 0.5em;
}
#load_status_bg {
  background: url(img/wind_bg.png) repeat;
  position: fixed;
  z-index: 2300;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#load_status_bg .load_status_image {
  background: url(img/ajax-loader.gif);
  width: 100%;
  margin: 270px auto 0;
  z-index: 2300;
  width: 54px;
  height: 55px;
}
/* Страница карточки товара */
p.center {
  text-align: center;
}
div.ProductInfoLeft {
  float: left;
  margin-right: 1em;
}
div.ProductInfoRight {
  float: left;
  margin-left: 1em;
  text-align: right;
}
/* /Страница карточки товара */
/* Ссылки на странице мои данные */
ul.accountLinks {
  list-style-type: none;
  text-align: left;
  padding-left: 1em;
  margin: 9px;
  font-size: 18px;
  color: #93E6FF;
}
li.accountLinks {
  display: block;
  padding: 0;
}
/* /Ссылки на странице мои данные */
span.bold {
  font-weight: bold;
}
/* Ajax quick find */
div#ajaxQuickFind {
  text-align: left;
  position: absolute;
  z-index: 999;
  top: 50px;
  background-color: #FFF;
}
div.ajaxQuickFind {
  text-align: left;
}
ul.ajaxQuickFind {
  list-style-type: none;
  list-style-image: none;
  padding: 0.5em;
}
li.ajaxQuickFind {
  padding-left: 0px;
}
/* /Ajax quick find */
/* Ajax add quickie suggest */
div.ajaxAddQuickie {
  text-align: left;
}
div.addQuick {
  text-align: left;
  color: #67748B;
  text-decoration: underline;
  cursor: pointer;
}
ul.ajaxAddQuickie {
  list-style-type: none;
  list-style-image: none;
  padding-left: 0px;
}
li.ajaxAddQuickie {
  font-size: 80%;
  padding-left: 0px;
}
/* /Ajax add quickie suggest */
.errorBox {
  background-color: #FFB3B5;
}
.messageStackError,
.messageStackWarning {
  background-color: #FFB3B5;
}
.messageStackSuccess {
  background-color: #99FF00;
}
.headerError {
  background-color: #FFB3B5;
  border: 1px solid red;
}
.messageStack {
  background-color: #FFB3B5;
  padding: 0.5em 0.5em 0.5em 0.5em;
}
.itemOdd {
  background: #F4F4F4;
}
.itemEven {
  background: transparent;
}
#checkout .itemOdd:hover,
#checkout .itemEven:hover,
#checkout label.shipping.selected,
#checkout label.payment.selected {
  border: 1px solid #000;
}
.shipping-method,
.payment-method {
  border: 1px solid transparent;
  padding: 1em;
}
div.clear {
  clear: both;
}
div.navigation {
  display: block;
  width: 100%;
  padding-top: 1em;
}
span.right {
  float: right;
}
/*- Подсветка ошибок формы */
#errormsg {
  border: 2px solid #C00;
  padding: 5px;
  width: 96%;
}
label.error {
  clear: both;
  width: 10%;
  margin: 5px 0 0;
  padding: 0 10px 0 10px;
  border: 0px solid black;
  color: #545452;
  font-weight: normal;
  text-align: right;
}
.error {
  background: #FCC;
}
span.Requirement {
  color: red;
}
/*- /Подсветка ошибок формы */
/*- Цены */
span.markProductOutOfStock {
  color: #C76170;
  font-weight: bold;
}
span.productSpecialPrice {
  color: #FF0000;
}
span.productOldPrice {
  color: #FFF;
  text-decoration: line-through;
}
span.errorText {
  color: #FF0000;
}
/*- /Цены */
/* Ошибка на странице свяжитесь с нами */
div.contacterror {
  border: 1px solid;
  border-color: #FF0000;
  background-color: #FFCCCC;
  text-align: center;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
/* /Ошибка на странице свяжитесь с нами */
/*- Время парсинга */
div#parseTime {
  clear: left;
  background: #333333;
  width: 100%;
  text-align: center;
  color: #FFF;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*- /Время парсинга */
/*- Информация о магазине */
div#copyright {
  clear: left;
  background: #333333;
  width: 100%;
  text-align: center;
  color: #FFF;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
div#copyright a,
div#copyright a:hover,
div#copyright a:visited {
  color: #FFF;
  text-decoration: underline;
}
div.copyright {
  clear: left;
  background: #333333;
  width: 100%;
  text-align: center;
  color: #FFF;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*- /Информация о магазине */
/* Вывод товаров */
/* Количество колонок с товаром на странице новинки */
dl.itemNewProducts {
  display: block;
  width: 100%;
  /* количество колонок, 50% - товар выводится двумя колонками, т.е. два товара в одной строке, 100% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  height: auto;
  /* высота блока с товаром, нужно устанавливать обязательно, иначе блоки товаров с картинками и без будут "слипаться" */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: transparent;
}
/* /Количество колонок с товаром на странице новинки */
/* Количество колонок с товаром на странице рекомендуемые товары */
dl.itemFeaturedProducts {
  display: block;
  width: 48%;
  /* количество колонок, 48% - товар выводится двумя колонками, т.е. два товара в одной строке, 99% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  height: auto;
  /* высота блока с товаром, нужно устанавливать обязательно, иначе блоки товаров с картинками и без будут "слипаться" */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-bottom: 1px #E5E5E5 solid;
}
/* /Количество колонок с товаром на странице рекомендуемые товары */
/* Количество колонок с товаром в блоке новинки на главной странице */
dl.itemNewProductsDefault {
  display: block;
  width: 48%;
  /* количество колонок, 48% (не 50, иначе в IE всё равно в одну колонку будут) - товар выводится двумя колонками, т.е. два товара в одной строке, 99% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  height: auto;
  /* высота блока с товаром, нужно устанавливать обязательно, иначе блоки товаров с картинками и без будут "слипаться" */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: transparent;
}
/* /Количество колонок с товаром в блоке новинки на главной странице */
/* Количество колонок с новостями на главной странице */
dl.itemLatestNewsDefault {
  display: block;
  width: 98%;
  /* количество колонок, 48% (не 50, иначе в IE всё равно в одну колонку будут) - товар выводится двумя колонками, т.е. два товара в одной строке, 99% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  margin: 0.5em 0 0.5em 0;
  padding: 0 0 0 0;
}
/* /Количество колонок с новостями на главной странице */
/* Количество колонок с новостями на странице новостей */
dl.itemLatestNews {
  display: block;
  width: 98%;
  /* количество колонок, 48% - товар выводится двумя колонками, т.е. два товара в одной строке, 99% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  margin: 0.5em 0 0.5em 0;
  padding: 0 0 0 0;
}
/* /Количество колонок с новостями на странице новостей */
/* Количество колонок с товаром на странице скидки */
dl.itemSpecials {
  display: block;
  width: 48%;
  /* количество колонок, 48% - товар выводится двумя колонками, т.е. два товара в одной строке, 99% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  height: auto;
  /* высота блока с товаром, нужно устанавливать обязательно, иначе блоки товаров с картинками и без будут "слипаться" */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-bottom: 1px #E5E5E5 solid;
}
/* /Количество колонок с товаром на странице скидки */
/* Количество колонок с товаром на странице мои данные */
dl.itemLastViewed {
  display: block;
  width: 98%;
  /* количество колонок, 48% - товар выводится двумя колонками, т.е. два товара в одной строке, 99% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  height: auto;
  /* высота блока с товаром, нужно устанавливать обязательно, иначе блоки товаров с картинками и без будут "слипаться" */
  margin: 0.5em 0 0 0;
  padding: 0.5em 0 0 0;
  border-bottom: 1px #E5E5E5 solid;
}
/* /Количество колонок с товаром на странице мои данные */
/* Информация о заказе, адрес клиента и адрес доставки */
dl.ordersAddress {
  display: block;
  width: 49%;
  /* количество колонок, 48% - товар выводится двумя колонками, т.е. два товара в одной строке, 99% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-bottom: 1px #E5E5E5 solid;
}
dt.ordersAddress {
  display: block;
  float: left;
  background: transparent;
  border-right: 0px #F1F1F6 solid;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
dd.ordersAddress {
  display: block;
  margin: 0 0 0 1em;
  padding: 0 0 0 0;
  line-height: normal;
  background: transparent;
}
/* /Информация о заказе, адрес клиента и адрес доставки */
/* Адресная книга */
dl.AddressBook {
  display: block;
  width: 49%;
  /* количество колонок, 48% - товар выводится двумя колонками, т.е. два товара в одной строке, 99% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
dt.AddressBook {
  display: block;
  float: left;
  width: 90px;
  background: transparent;
  border-right: 0px #F1F1F6 solid;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
dd.AddressBook {
  display: block;
  margin: 0 0 0 90px;
  padding: 0 0 0 0;
  line-height: normal;
  background: transparent;
}
dl.AddressBookList {
  display: block;
  width: 49%;
  float: left;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 1em 0;
}
dt.AddressBookList {
  display: block;
  float: left;
  background: transparent;
  border-right: 0px #F1F1F6 solid;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
dd.AddressBookList {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: normal;
  background: transparent;
}
/* /Адресная книга */
/* Вход */
dl.Login {
  display: block;
  width: 49%;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.Login input {
  height: 31px;
  font-size: 20px;
  width: 249px;
}
dt.Login {
  float: left;
  display: block;
  background: transparent;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
dd.Login {
  display: block;
  margin: 0 0 0 1em;
  padding: 0 0 0 0;
  line-height: normal;
  background: transparent;
}
/* /Вход */
dt.itemImage {
  float: left;
  display: block;
  background: transparent;
  border-right: 0px #F1F1F6 solid;
  margin: 0 0 0 0;
  padding: 5px 5px 0 5px;
  text-align: center;
}
dt.itemNews {
  display: none;
  float: left;
  background: transparent;
  border-right: 0px #F1F1F6 solid;
  margin: 0 0 0 0;
  padding: 5px 5px 0 5px;
  text-align: left;
}
dd.itemDescription {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0;
  line-height: normal;
  background: transparent;
}
dd.itemDescriptionPrice {
  display: block;
  margin: 1em 0 0 0;
  padding: 0 0;
  line-height: normal;
  background: transparent;
}
dd.itemNews {
  display: block;
  margin-left: 1em;
  padding: 0 0;
  line-height: normal;
  background: transparent;
}
div.clear {
  clear: both;
}
div.navigation {
  display: block;
  width: 100%;
  padding-top: 1em;
}
span.right {
  float: right;
}
/* /Вывод товаров */
/* Вывод категорий */
dl.itemCategoriesListing {
  width: 33%;
  /* количество колонок, 50% - товар выводится двумя колонками, т.е. два товара в одной строке, 100% - товар выводится одной колонкой, т.е. один товар в одной строке */
  float: left;
  height: auto;
  /* высота блока с товаром, нужно устанавливать обязательно, иначе блоки товаров с картинками и без будут "слипаться" */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: transparent;
}
dt.itemCategoriesListing {
  float: left;
  height: auto;
  background: transparent;
  border-right: 0px #F1F1F6 solid;
  margin: 0 0 0 0;
  padding: 5px 5px 0 5px;
  text-align: center;
}
dd.itemCategoriesListing {
  margin: 0 1em 0 1em;
  padding: 0 0;
  line-height: normal;
  background: transparent;
  text-align: center;
}
/* /Вывод категорий */
.form textarea {
  width: 80%;
}
.controls {
  padding: 6px 0 0 0;
}
#myModal .modal-body {
  max-height: 400px;
}
.thumbnail .label {
  position: absolute;
  background-color: #DD2C00;
  color: #FFF;
  right: 0;
  padding: 0 15px 0 15px;
  margin: 0 right;
  top: 8%;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  margin-left: -20px;
  margin-top: -20px;
  border-radius: 0px;
}
.thumbnail .label.new {
  background-color: #005685;
}
.thumbnail .label.hit {
  background-color: #D91414;
}
.thumbnail .label.sale {
  background-color: #006100;
}
.thumbnail .label.html {
  background-color: transparent;
}
.thumbnail .price {
  color: #DD2C00;
  font-size: 16px;
  font-weight: bold;
  z-index: 5;
  clear: both;
}
.thumbnail .old-price {
  color: gray;
  font-size: 16px;
  font-weight: bold;
  z-index: 5;
  clear: both;
}
.thumbnail .save {
  color: #DD2C00;
  font-size: 16px;
  font-weight: bold;
  z-index: 5;
  clear: both;
}
.description .price {
  color: #DD2C00;
  font-size: 20px;
  font-weight: bold;
  z-index: 5;
  clear: both;
}
.description .old-price {
  color: gray;
  font-size: 16px;
  font-weight: bold;
  z-index: 5;
  clear: both;
}
.description .save {
  color: #DD2C00;
  font-size: 16px;
  font-weight: bold;
  z-index: 5;
  clear: both;
}
.rating {
  background-color: transparent;
  color: #DD2C00;
  right: 0;
  padding: 0 5px 0 0;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
.product-images .thumbnail .discount {
  position: absolute;
  left: -30px;
  padding: 10px 15px 10px 15px;
  margin-left: 25px;
  background-color: #DD2C00;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  z-index: 15;
}
.ajax-cart-hightlight {
  background: #FCC;
  opacity: 1;
  transition: all 2s ease-in;
}
.dropdown-menu {
  background: #555;
}
.dropdown-sub {
  position: relative;
}
.dropdown-sub .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.dropdown-sub > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #CCCCCC;
  margin-top: 5px;
  margin-right: -10px;
}

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content-3 li {
  font-size: 20px;
  padding-top: 0;
}
#content-3 {
  padding-bottom: 39px;
  margin-bottom: 20px;
}
article[id^="content-"] {
  /* more or individual styling can be applied by using id$="number" */
  position: relative;
  width: 100%;
  padding: 0px 15px 0px 15px;
  height: auto;
  max-height: 0px;
  background: white;
  overflow: hidden;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all 0.25s;
}
article[id^="content-"]:before {
  content: '';
  position: absolute;
  top: 45px;
  left: 15px;
  width: 0;
  height: 1px;
  background: tomato;
  -webkit-transition: width 0s;
  -moz-transition: width 0s;
  -o-transition: width 0s;
  transition: width 0s;
}
em {
  font-weight: 300;
  font-style: normal;
  color: tomato;
}
.desktop-hidden {
  display: none;
}
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.accordeon2 {
  position: relative;
  top: 50px;
  width: 100%;
  margin: 0 auto;
}
.item2 {
  position: relative;
  width: 100%;
  min-height: 40px;
  margin: 2px 0;
}
.accordeon2 input[type="radio"],
input[type="radio"] + label {
  position: absolute;
  width: 100%;
  height: 40px;
}
.accordeon2 input[type="radio"] {
  opacity: 0;
  z-index: 9;
  cursor: pointer;
}
.accordeon2 input[type="radio"] + label {
  background: url('https://dl.dropboxusercontent.com/u/330966/static/accordeonDown.svg') #F5F3F2;
  background-repeat: no-repeat;
  background-position: 100% 0%;
  padding: 2px 15px 0 15px;
  font-size: 1.4rem;
  color: #333;
  z-index: 8;
}
article[id^="content-"] {
  /* more or individual styling can be applied by using id$="number" */
  position: relative;
  width: 100%;
  padding: 0px 15px 0px 15px;
  height: auto;
  max-height: 0px;
  background: white;
  overflow: hidden;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all 0.25s;
}
article[id^="content-"]:before {
  content: '';
  position: absolute;
  top: 45px;
  left: 15px;
  width: 0;
  height: 1px;
  background: tomato;
  -webkit-transition: width 0s;
  -moz-transition: width 0s;
  -o-transition: width 0s;
  transition: width 0s;
}
.item2 input[type="radio"]:checked + label {
  background: #A3D7FF;
}
.item2 input[type="radio"]:checked ~ article[id^="content-"] {
  height: auto;
  max-height: 600px;
  padding: 55px 15px 15px 15px;
  -webkit-transition: all .25s .25s;
  -moz-transition: all .25s .25s;
  -o-transition: all .25s .25s;
  transition: all 0.25s 0.25s;
}
.item2 input[type="radio"]:checked ~ article[id^="content-"]:before {
  width: 40px;
  -webkit-transition: width .3s .3s;
  -moz-transition: width .3s .3s;
  -o-transition: width .3s .3s;
  transition: width 0.3s 0.3s;
}
.desktop-hidden {
  display: none;
}
/* setup tooltips */
.tooltip2 {
}
.tooltip2:before,
.tooltip2:after {
  display: flex;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.tooltip2:after {
  border-right: 6px solid;
  display: inline-block;
  border-bottom: 6px solid rgba(0, 0, 0, 0.75);
  border-left: 6px solid;
  height: 0;
  top: 20px;
  left: 20px;
  width: 0;
  padding: 0;
}
.tooltip2:before {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  color: #FFF;
  content: attr(data-title);
  font-size: 17px;
  padding: 6px 10px;
  top: 12px;
  white-space: pre-line;
}
/* expand */
.tooltip2.expand:before {
  transform: scale3d(0.2, 0.2, 1);
  transition: all 0.2s ease-in-out;
  font-size: 18px;
  z-index: 1000;
  line-height: 1.1;
  background-color: #F99191;
}
.tooltip2.expand:after {
  transform: translate3d(0, 6px, 0);
  transition: all 0.1s ease-in-out;
}
.tooltip2.expand:hover:before,
.tooltip2.expand:hover:after {
  opacity: 100;
  transform: scale3d(1, 1, 1);
  font-size: 16px;
}
.tooltip2.expand:hover:after {
  transition: all 0.2s 0.1s ease-in-out;
  font-size: 16.4px;
  line-height: 3.2;
}