/* theme: motovation */
/* author: yydev */
/* class components in alpha stage - to be tested for reusability */
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700");
@media all and (max-width: 767px) {
  body.information-information.iid-4 table tbody tr td {
    display: block;
    width: 100% !important;
    clear: left; } }

body.product-product .attribute-groups img, body.product-manufacturer-info #content img {
  width: auto;
  max-width: 100%;
  height: auto; }

.nopad {
  padding: 0; }

.nomargin {
  margin: 0; }

.margin-auto {
  margin-left: auto;
  margin-right: auto; }

/*base vars*/
/*base colors*/
/*theme base class*/
.title {
  border-radius: 8px;
  background: #2F2F2F;
  color: #E50100;
  padding: 8px 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "PT Sans Narrow", sans-serif; }

.title2 {
  font-weight: bold;
  font-family: "PT Sans Narrow", sans-serif; }

.title3 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "PT Sans Narrow", sans-serif; }

.html-mdl-theme, body.common-home #top-mdl .html {
  display: table;
  padding: 30px;
  background: #2F2F2F;
  border-radius: 8px;
  margin-top: 40px; }
  .html-mdl-theme .html-title, body.common-home #top-mdl .html .html-title,
  .html-mdl-theme .html-body,
  body.common-home #top-mdl .html .html-body {
    display: table-row;
    vertical-align: top; }
  .html-mdl-theme .html-title, body.common-home #top-mdl .html .html-title {
    position: relative;
    word-spacing: 99999px; }
    @media all and (min-width: 768px) {
      .html-mdl-theme .html-title, body.common-home #top-mdl .html .html-title {
        display: table-cell;
        width: 30%; } }
    .html-mdl-theme .html-title h1, body.common-home #top-mdl .html .html-title h1 {
      font-size: 33px;
      font-size: 3.3rem;
      font-family: "PT Sans Narrow", sans-serif;
      font-weight: 800;
      color: #E50100;
      margin-top: 0;
      padding-right: 30px; }
    .html-mdl-theme .html-title h2, body.common-home #top-mdl .html .html-title h2 {
      font-size: 33px;
      font-size: 3.3rem;
      font-family: "PT Sans Narrow", sans-serif;
      font-weight: 800;
      color: #E50100;
      margin-top: 0;
      padding-right: 30px; }
    .html-mdl-theme .html-title h3, body.common-home #top-mdl .html .html-title h3 {
      font-size: 33px;
      font-size: 3.3rem;
      font-family: "PT Sans Narrow", sans-serif;
      font-weight: 800;
      color: #E50100;
      margin-top: 0;
      padding-right: 30px; }
    .html-mdl-theme .html-title h4, body.common-home #top-mdl .html .html-title h4 {
      font-size: 33px;
      font-size: 3.3rem;
      font-family: "PT Sans Narrow", sans-serif;
      font-weight: 800;
      color: #E50100;
      margin-top: 0;
      padding-right: 30px; }
    .html-mdl-theme .html-title h5, body.common-home #top-mdl .html .html-title h5 {
      font-size: 33px;
      font-size: 3.3rem;
      font-family: "PT Sans Narrow", sans-serif;
      font-weight: 800;
      color: #E50100;
      margin-top: 0;
      padding-right: 30px; }
    .html-mdl-theme .html-title h6, body.common-home #top-mdl .html .html-title h6 {
      font-size: 33px;
      font-size: 3.3rem;
      font-family: "PT Sans Narrow", sans-serif;
      font-weight: 800;
      color: #E50100;
      margin-top: 0;
      padding-right: 30px; }
    @media all and (min-width: 992px) {
      .html-mdl-theme .html-title:after, body.common-home #top-mdl .html .html-title:after {
        content: "";
        position: absolute;
        top: 10px;
        right: -45px;
        display: table-cell;
        height: 100px;
        width: 60px;
        border-left: 2px solid #E50100;
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg); } }
  .html-mdl-theme .html-body, body.common-home #top-mdl .html .html-body {
    position: relative;
    color: #FFFFFF; }
    @media all and (min-width: 768px) {
      .html-mdl-theme .html-body, body.common-home #top-mdl .html .html-body {
        display: table-cell;
        width: 70%;
        padding: 0 0 0 30px; } }

/*global*/
* {
  font-family: "Lato", sans-serif; }

html {
  font-size: 62.5%; }

body {
  background: #2F2F2F; }

header + div.container,
header + div.container-fluid {
  background: #FFFFFF;
  padding: 25px; }

.breadcrumb {
  background: none;
  border-color: transparent; }
  .breadcrumb li a {
    text-transform: uppercase;
    color: #525252; }
  .breadcrumb li:after {
    height: 8px;
    width: 8px;
    top: 6px; }
  .breadcrumb li:first-child {
    padding-left: 0; }
  .breadcrumb li:last-child a {
    font-weight: bold; }
  .breadcrumb li:last-child:after {
    display: none; }

input.form-control,
textarea.form-control,
select.form-control {
  border-radius: 0; }

/*header*/
nav#top {
  background: transparent;
  border: 0;
  margin-bottom: 0; }
  nav#top #top-links a {
    font-size: 10px;
    font-size: 1rem;
    color: #FFFFFF;
    text-shadow: none;
    text-transform: uppercase; }
  nav#top #top-links .dropdown-menu a {
    color: #000000; }

header nav#menu {
  background: none;
  border: 0; }
  header nav#menu ul.navbar-nav li a {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase; }
    header nav#menu ul.navbar-nav li a.active {
      background: #E50100;
      color: #FFFFFF; }

/* footer */
footer {
  border-top: 0;
  background: #2F2F2F;
  margin-bottom: 30px;
  text-transform: uppercase; }
  footer h5 {
    color: #525252;
    text-transform: uppercase; }
  footer h6 {
    font-size: 11px;
    font-size: 1.1rem;
    color: #525252; }
  footer .socials a {
    background: none;
    border: 2px solid #FFFFFF;
    width: 30px;
    height: 30px;
    line-height: 29px; }

/* home */
body.common-home #top-mdl .html {
  margin-bottom: 40px; }
body.common-home #top-mdl .banners {
  margin-bottom: 40px; }

/* information */
/* product layout */
.product-layout .product-thumb {
  border: 0; }
  .product-layout .product-thumb .image {
    border: 1px solid #ccc; }
  .product-layout .product-thumb .caption {
    min-height: 0;
    text-align: center; }
    .product-layout .product-thumb .caption * {
      color: #525252;
      margin: 4px 0; }
    .product-layout .product-thumb .caption .price,
    .product-layout .product-thumb .caption .price-new {
      font-size: 14px;
      font-size: 1.4rem;
      color: #E50100;
      font-weight: bold; }
    .product-layout .product-thumb .caption .price-old {
      font-size: 12px;
      font-size: 1.2rem;
      margin-left: 4px; }

body.product-product #product label.control-label {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: bold; }
body.product-product .price-list h2 {
  color: #E50100;
  font-weight: bold; }
body.product-product .attribute-groups {
  margin: 20px 0; }
body.product-product .thumbnail {
  padding: 0; }

/* manufacturer */
/* category */
#category-mdl {
  background: #2F2F2F;
  border-radius: 5px;
  padding: 20px; }
  #category-mdl > h3 {
    color: #E50100;
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 800;
    margin: 10px 0; }
  #category-mdl .list-group-item {
    font-size: 12px;
    font-size: 1.2rem;
    color: #FFFFFF;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #525252;
    border-top: 1px solid #161616;
    text-transform: uppercase;
    margin-bottom: 1px; }
    #category-mdl .list-group-item:hover, #category-mdl .list-group-item:focus {
      color: #FFFFFF;
      text-shadow: none; }
    #category-mdl .list-group-item:first-of-type {
      border-top: 0; }
    #category-mdl .list-group-item:last-of-type {
      border-bottom: 0; }
    #category-mdl .list-group-item.active {
      color: #E50100;
      text-shadow: none; }

/* manufacturer */
.manufacturer-list .list-group-item,
.manufacturer-list .list-group-item:hover,
.manufacturer-list .list-group-item:focus {
  display: inline-block;
  border: 0;
  background: none; }

body.information-contact #content .panel {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8em;
  border: 0;
  padding: 0; }

/* btn */
.btn {
  border-radius: 0; }

.btn-default {
  background: #525252;
  border: 1px solid #525252;
  box-shadow: none;
  color: #FFFFFF; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active {
    background: #5f5f5f;
    border: 1px solid #525252;
    color: #FFFFFF; }

.btn-primary {
  font-size: 16px;
  font-size: 1.6rem;
  background: #E50100;
  border: 1px solid #E50100;
  box-shadow: none;
  color: #FFFFFF; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active {
    background: #ff0100;
    border: 1px solid #E50100;
    color: #FFFFFF; }

/* search */
#search {
  background: #525252;
  border: 2px solid #525252;
  border-radius: 5px; }
  #search .input-group-btn:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 0;
    height: 0;
    background: #FFFFFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #525252; }
  #search .input-group-btn .btn-lg {
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
    padding: 10px 20px;
    vertical-align: top;
    border-right: 0; }
    #search .input-group-btn .btn-lg:hover, #search .input-group-btn .btn-lg:focus {
      background: #525252;
      box-shadow: none; }
  #search .input-group-btn:hover .btn-lg, #search .input-group-btn:focus .btn-lg {
    background: #5f5f5f;
    border: 1px solid #525252;
    color: #FFFFFF;
    border-right: 0; }
  #search .input-group-btn:hover:after, #search .input-group-btn:focus:after {
    border-left: 20px solid #5f5f5f; }
  #search .input-lg {
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: -1px;
    border: 0;
    box-shadow: none; }

/*# sourceMappingURL=main.css.map */