/*------------------------------------------------------------------

Project:	B!SHOP
Version:	1.0
Author:		Smarty-themes

[Table of contents]

1. GENERAL STYLES
	1.1. Header
	1.2. Keyframes for mobilemenu
	1.3. Boxed styles

2. MAINPAGE STYLES
	2.1. Boxed styles
	2.2. Slider styles
	2.3. Banner styles
	2.4. Products
	2.5. News
	2.6. Footer

3. 2 COLUMN PAGE  STYLES

4. POPUP PRODUCT

5. 3 COLUMN PAGE  STYLES
	5.1. Price slider

6. PRODUCT PAGE  STYLES
 6.1. Bootstrap tabs

7. BLOG PAGE  STYLES

8. BLOG MASONRY  STYLES

9. POST PAGE  STYLES

10. CART PAGE  STYLES

11. ACCOUNT+BILLING  STYLES

12. ABOUT US STYLES

13. 404 PAGE STYLES

14. LOADER STYLES

15. PORTFOLIO STYLES

16. BIKE LAYOUT STYLES

17. DARK LAYOUT STYLES

18. MEDIA QUERIES

/* ==========================================================================
   1. GENERAL STYLES
   ========================================================================== */
* {
  margin: 0;
  padding: 0; }

@font-face {
  font-family: 'SourceCodePro';
  src: url("../fonts/SourceCodePro-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'smartyfont';
  src: url("../fonts/bishopiconfont.ttf");
  src: url("../fonts/bishopiconfont.eot");
  src: url("../fonts/bishopiconfont.woff");
  src: url("../fonts/bishopiconfont.svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lato-Regular';
  src: url("../fonts/Lato-Regular.ttf");
  src: url("../fonts/Lato-Regular.woff");
  src: url("../fonts/Lato-Regular.eot");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Oswald';
  src: url("../fonts/Oswald-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LMRoman1';
  src: url("../fonts/lmroman10-regular.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'LMRomanBold';
  src: url("../fonts/lmroman10-bold.otf"); }
@font-face {
  font-family: 'SourceSansPro';
  src: url("../fonts/SourceSansPro-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SourceSansProLight';
  src: url("../fonts/SourceSansPro-Light.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SourceSansPro-Semiblod';
  src: url("../fonts/SourceSansPro-Semiblod.ttf");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'SourceCodePro-Semibold';
  src: url("../fonts/SourceCodePro-Semibold.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SourceCodePro-Medium';
  src: url("../fonts/SourceCodePro-Medium.ttf");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'SourceCodePro-Black';
  src: url("../fonts/SourceCodePro-Black.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SourceCodePro-Light';
  src: url("../fonts/SourceCodePro-Light.ttf");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: 'SourceCodePro-ExtraLight';
  src: url("../fonts/SourceCodePro-ExtraLight.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SourceCodePro-Medium';
  src: url("../fonts/SourceCodePro-Medium.ttf"); }
@font-face {
  font-family: 'HindRegular';
  src: url("../fonts/Hind-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
body.boxed {
  background-image: url("../images/bg_boxed.jpg"); }
  body.boxed .box {
    padding: 0;
    background: white;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(243, 243, 243, 0.75);
    -moz-box-shadow: 0px 0px 2px 2px rgba(243, 243, 243, 0.75);
    box-shadow: 0px 0px 2px 2px rgba(243, 243, 243, 0.75); }
    body.boxed .box .sidebar-item {
      margin: 2.5% auto 5% auto; }
  body.boxed #content-bottom {
    padding-top: 5%; }
  body.boxed #downbanner {
    padding: 4% 0; }
  body.boxed header.mainpage {
    padding: 0; }
  body.boxed .carousel-caption {
    padding: 0 2.5%; }
  body.boxed #banner {
    margin: 2.5% 0px 5% 0;
    overflow: hidden;
    padding: 1%; }
  body.boxed #featured, body.boxed #newproducts {
    padding: 0 15px; }
  body.boxed .navigation-news h4 {
    padding-left: 15px; }
  body.boxed #brands {
    margin: 2% 0 5% 0; }

a:focus {
  outline: none; }

h1 {
  font-family: 'SourceCodePro-Semibold';
  font-size: 36pt;
  text-transform: uppercase;
  color: #636363; }

h2 {
  font-family: 'SourceCodePro-Semibold';
  font-size: 24pt;
  text-transform: uppercase;
  color: #636363; }

h3 {
  font-size: 18pt; }

h4 {
  font-family: 'SourceCodePro-Semibold';
  color: #636363;
  text-decoration: none;
  text-transform: uppercase; }

h5 {
  font-size: 1.2em;
  font-family: 'SourceCodePro-Semibold';
  color: #919191;
  text-decoration: none;
  text-transform: uppercase; }

#scrolltop {
  font-size: 24pt;
  color: #FFF;
  width: 50px;
  height: 50px;
  position: fixed;
  background-color: #D64123;
  bottom: 0px;
  cursor: pointer;
  display: none;
  right: 5%;
  margin: 4%;
  z-index: 300;
  padding: 0px 14px; }

a {
    color: #4cd964;
    text-decoration: none;
}

a:hover, a:focus, a:active, a:visited {
    color: #4cd964;
    text-decoration: none;
}

body {
  font-family: 'SourceCodePro';
  color: #919191;
  overflow-x: hidden; }

/*------1.1. Header----------------*/
header {
  position: relative;
  z-index: 6;
  left: 0;
  right: 0; }

.mainpage {
  position: absolute; }

.top {
  font-size: 12px;
  margin-top: 13px;
  padding: 0 0 30px 0;
  text-transform: uppercase; }
  .top .dropdown-menu {
    top: auto;
    left: auto;
    right: 0;
    background: transparent;
    border: none;
    min-width: 0;
    box-shadow: none;
    text-align: right; }
  .top .dropdown-menu > li > a {
    color: #919191; }
  .top .dropdown-menu > li > a:hover {
    background-color: white;
    color: #d64123; }
  .top span {
    padding-right: 20px; }
    .top span i {
      padding-right: 10px; }
  .top a {
    padding: 10px 10px; }
  .top a:hover {
    color: #d64123;
    background: white; }
  .top button.search-button {
    position: relative; }
  .top input.search-field {
    width: 100px;
    text-transform: uppercase; }
  .top button.popup-open {
    border: none;
    border-radius: 0;
    background: transparent;
    text-transform: uppercase; }
  .top button.popup-open:hover {
    color: #d64123; }

input#topmenu-search:focus {
  text-transform: none;
  outline: none; }

.topmenu {
  float: left;
  width: 100%; }

.top:first-child {
  text-align: left; }

.top:nth-child(2) {
  text-align: center; }

.top:last-child {
  text-align: right; }
  .top:last-child span:last-child {
    text-align: right;
    padding-right: 0; }
    .top:last-child span:last-child i {
      padding-right: 0; }

a.logo {
  font-family: 'Oswald';
  font-size: 30pt;
  text-transform: uppercase;
  padding: 0;
  padding-left: 1%; }
  a.logo span {
    color: #d64123; }

.popup-window {
  border: none;
  height: 100%;
  background: white;
  min-height: 400px;
  border-radius: 0;
  padding-top: 0; }
  .popup-window h2 {
    font-family: 'SourceCodePro-Semibold';
    font-size: 18pt;
    padding: 5% 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0; }
  .popup-window input {
    text-transform: capitalize;
    font-family: 'SourceSansPro';
    font-size: 14pt;
    padding: 10px 20px;
    width: 80%;
    margin-left: 10%;
    border: none; }
  .popup-window input.field-mail {
    margin-top: 10%; }
  .popup-window input.field-pass {
    margin-top: 5%;
    margin-bottom: 10%; }
  .popup-window p {
    margin-left: 10%; }
  .popup-window button {
    margin-left: 10%;
    font-family: 'SourceCodePro';
    font-size: 16pt;
    text-transform: uppercase;
    padding: 20px 0;
    text-align: center;
    width: 80%;
    background: #d64123;
    border-radius: 0;
    border: none;
    color: white; }

.login-part, .register-part {
  padding: 0; }

.login-part h2 {
  border-top: 2px solid #828282;
  color: white;
  background: #828282; }

.register-part {
  border-top: 2px solid #d64123; }
  .register-part h2 {
    color: #d64123; }

nav#mainmenu ul {
  list-style-type: none;
  padding-right: 0;
  margin: 2% 0;
  text-transform: uppercase;
  float: right;
  text-align: right; }
  nav#mainmenu ul li {
    margin-left: 10px;
    display: inline-block;
    padding: 10px 0; }
    nav#mainmenu ul li a {
      font-size: 15px;
      padding: 10px; }
    nav#mainmenu ul li ul {
      display: none;
      position: absolute;
      margin-top: 10px; }
  nav#mainmenu ul li:hover {
    background: white; }
    nav#mainmenu ul li:hover a {
      color: #d64123; }
    nav#mainmenu ul li:hover ul {
      display: block;
      background: white; }
      nav#mainmenu ul li:hover ul li {
        margin-left: 0;
        padding: 5px 10px 5px 0;
        text-align: left;
        display: block; }
        nav#mainmenu ul li:hover ul li a {
          color: #919191;
          padding-right: 20px; }
        nav#mainmenu ul li:hover ul li ul {
          display: none;
          width: 100%;
          right: -100%;
          top: 20%; }
      nav#mainmenu ul li:hover ul li:hover {
        background: #d64123; }
        nav#mainmenu ul li:hover ul li:hover a {
          color: white; }
        nav#mainmenu ul li:hover ul li:hover ul {
          margin-top: 0;
          display: block; }
          nav#mainmenu ul li:hover ul li:hover ul li a {
            color: #919191; }
          nav#mainmenu ul li:hover ul li:hover ul li:hover {
            background: #d64123; }
            nav#mainmenu ul li:hover ul li:hover ul li:hover a {
              color: white; }
  nav#mainmenu ul input.search-field:focus {
    width: 250px;
    border: 1px solid #919191;
    outline: none; }
  nav#mainmenu ul li.search:hover {
    background: transparent; }

form.searchform {
  width: auto;
  display: inline-block; }

#mainmenu-search-btn {
  display: none; }

input.search-field {
  padding-left: 5px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: none !important;
  background: transparent;
  position: relative;
  z-index: 9;
  transition: all 1s ease-in-out; }

button.search-button {
  position: absolute;
  right: 2%;
  z-index: 8;
  border: none;
  width: 20px;
  height: 20px;
  background: none; }

button.close-button {
  position: absolute;
  right: 2%;
  top: 27px;
  z-index: 10;
  border: none;
  width: 20px;
  height: 20px;
  background: none;
  display: none; }

nav#mobilemenu {
  text-transform: uppercase;
  font-size: 18pt;
  display: none;
  cursor: pointer; }
  nav#mobilemenu span {
    line-height: 70px; }
  nav#mobilemenu ul {
    font-size: 10pt;
    display: none;
    z-index: 100;
    background: white;
    padding: 0 10px;
    position: relative;
    border: none;
    background: none;
    box-shadow: none; }
    nav#mobilemenu ul li {
      list-style-type: none; }
      nav#mobilemenu ul li ul {
        display: none; }

/*--1.2. Keyframes for mobilemenu-------------*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeoutup {
  -webkit-animation: fadeOutUp 1s;
  animation: fadeOutUp 1s;
  display: none !important; }

.fadeindown {
  -webkit-animation: fadeInDown 1s;
  animation: fadeInDown 1s;
  display: block !important; }

/* ==========================================================================
   2. MAINPAGE STYLES
   ========================================================================== */
/*----2.1. Boxed styles-----------------*/
body.boxed .slider .carousel-control {
  top: 85%;
  z-index: 99; }

body.boxed .slider .carousel-control.left {
  left: 0; }

body.boxed .slider .carousel-control.right {
  right: 2.5%; }

/*2.2. --Slider styles--*/
.slider {
  z-index: 5;
  top: 0;
  position: relative; }

.slider .item {
  height: 100vh;
  height: 100vm; }

.slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.slider .carousel-control {
  background: none;
  top: 45%;
  width: 50px;
  height: 100px;
  opacity: 1;
  text-shadow: none;
  background: transparent;
  text-shadow: none;
  filter: none;
  display: none; }

.slider .carousel-control.left {
  left: -5%; }

.slider .carousel-control.right {
  right: -5%; }

.slider .slidercontrols {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 35%;
  height: 10%;
  z-index: 101;
  margin: auto; }

.box .slider .slidercontrols {
  top: 47%; }

.box .slide2 .carousel-caption {
  font-size: 8em;
  font-size: 6vmax; }

.slider:hover .carousel-control {
  display: block; }

.box .slide1 .carousel-caption {
  font-size: 8em;
  font-size: 5vmax;
  top: 40%; }

.slide1 .carousel-caption {
  font-size: 8em;
  font-size: 5vmax;
  top: 35%; }

.slide1 .carousel-caption span:first-child {
  margin-left: -2.5%; }

.slide1 .carousel-caption span:last-child {
  margin-right: -3%; }

.carousel-caption * {
  text-shadow: none; }

.box .slide2 .carousel-caption {
  top: 40%; }

.box .carousel-caption {
  top: 35%; }

.carousel-caption {
  right: 0;
  left: 0;
  position: absolute;
  top: 30%;
  color: #fff;
  font-size: 10em;
  font-size: 7vmax;
  z-index: 100;
  font-family: 'LMRoman1';
  text-transform: capitalize; }

.carousel-caption a {
  font-family: 'LMRomanBold';
  color: #454545;
  font-size: 10pt;
  font-size: 1.5vmin;
  position: absolute;
  top: 60%;
  margin-left: 15%;
  text-transform: uppercase;
  border-bottom: 1px solid #c8c7c6; }



svg#arr-left, svg#arr-right {
  max-height: 100%; }

svg#arr-left polygon, svg#arr-right polygon {
  fill: #959595;
  transition: all .5s ease-in-out; }

svg#arr-left:hover polygon {
  fill: #d64123; }

svg#arr-right:hover polygon {
  fill: #d64123; }

/*----2.3. Banner styles---------*/
.smallbanner {
  border: 3px solid white;
  min-height: 280px;
  margin-top: 5%;
  min-width: 48%; }
  .smallbanner h2 {
    color: #636363;
    font-size: 2.8em;
    font-family: 'LMRoman1';
    text-transform: capitalize;
    margin-top: 24%;
    position: absolute;
    right: 5%; }
  .smallbanner p {
    font-family: 'SourceSansPro';
    font-size: 11pt;
    border-top: 1px solid #828282;
    border-bottom: 1px solid #828282;
    text-transform: uppercase;
    position: absolute;
    right: 20%;
    padding: 2px;
    margin-top: 18%; }

.smallbanner:hover {
  border: 3px solid #d64123; }

#topbanner1 {
  background-image: url("http://placehold.it/550x280");
  background-size: cover;
  background-repeat: no-repeat;
  float: left; }
  #topbanner1 h2 {
    right: 7%; }

#topbanner2 {
  background-image: url("http://placehold.it/550x280");
  float: right;
  background-size: cover;
  background-repeat: no-repeat; }

/*----2.4. Products--------------*/
#related .product .caption h5 {
  width: 70%;
  float: left; }
#related .product .caption span.price {
  float: right;
  display: inline-block;
  top: 0;
  margin-top: 0; }

#featured h4, #newproducts h4, #related h4 {
  margin: 6% 0px 3% 0;
  font-size: 14pt;
  padding-left: 15px; }
  #featured h4 span, #newproducts h4 span, #related h4 span {
    float: right; }
    #featured h4 span button, #newproducts h4 span button, #related h4 span button {
      background: none repeat scroll 0% 0% #F0F0F0;
      cursor: pointer;
      color: #FFF;
      width: 30px;
      height: 30px;
      border-radius: 15px;
      border: medium none;
      margin-left: 10px; }
    #featured h4 span button:hover, #newproducts h4 span button:hover, #related h4 span button:hover {
      background: #d64123; }
#featured .productimage, #newproducts .productimage, #related .productimage {
  height: 280px;
  overflow: hidden;
  background: white;
  line-height: 280px;
  text-align: center; }
#featured img, #newproducts img, #related img {
  max-height: 240px;
  max-width: 220px;
  height: auto;
  width: auto;
  display: inline-block; }
#featured .product, #newproducts .product, #related .product {
  padding: 5px 5px 0 5px;
  width: 24%;
  margin: 0 5.5px; }
  #featured .product p, #newproducts .product p, #related .product p {
    padding-top: 0;
    font-size: 0.9em;
    padding-right: 10px; }
  #featured .product .caption, #newproducts .product .caption, #related .product .caption {
    display: inline-block;
    height: 50px;
    padding-top: 5px;
    padding-left: 5px; }
    #featured .product .caption h5, #newproducts .product .caption h5, #related .product .caption h5 {
      margin: 0 auto;
      margin-top: 2px;
      font-size: 1em;
      width: 80%;
      display: inline-block; }
    #featured .product .caption span, #newproducts .product .caption span, #related .product .caption span {
      font-size: 1em;
      display: inline-block;
      width: 15%;
      position: relative;
      top: 0;
      margin-top: 0;
      float: right;
      right: 8px; }

span.price {
  font-size: 1.2em;
  text-align: right;
  font-family: 'SourceCodePro-Medium';
  color: #d64123; }

span.oldprice {
  font-size: 1.2em;
  text-align: right;
  font-family: 'SourceCodePro-Medium';
  color: #828282;
  text-decoration: line-through; }

.twocol .product h5 {
  font-size: 2rem; }
.twocol .product button.addcart {
  padding: 0; }

.shop button.addcart {
  padding: 0; }

.twocol .product i {
  font-size: 1em; }
.twocol .product span {
  font-size: 1em; }

.product {
  background-image: url("../images/decor.png"); }
  .product p {
    padding-top: 10px;
    text-align: right;
    font-size: 1em;
    color: #d64123;
    position: relative;
    right: 0;
    bottom: 0; }
    .product p span {
      color: #828282;
      margin-left: 0.2em; }
  .product h5 {
    padding-left: 10px;
    margin-top: 10px;
    width: 70%;
    float: left; }
  .product span.price {
    margin-top: 6px;
    margin-right: 10px;
    float: right;
    font-size: 1em; }
  .product .caption {
    display: table;
    width: 100%;
    height: 50px; }

.product:hover {
  background: #d64123; }
  .product:hover .caption h5, .product:hover span, .product:hover p, .product:hover a {
    color: white; }

.product:nth-child(2) {
  margin-left: 0; }

.product:last-child {
  margin-right: 0; }

i.icon-star-1:before, i.icon-star-empty-1:before {
  margin-right: 0;
  margin-left: 0; }

#banner {
  background-image: url("http://placehold.it/2000x1000");
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 2.5% 0;
  width: 100%;
  overflow: hidden;
  z-index: 9;
  background-size: 100%;
  color: white; }

#banner p {
  padding: 0;
  font-family: 'SourceCodePro-ExtraLight';
  font-size: 66pt;
  font-size: 4vmax;
  text-transform: uppercase;
  margin-bottom: 0; }

#banner p span {
  font-family: 'SourceCodePro-Black';
  font-size: 66pt;
  font-size: 4vmax; }

#banner p:first-child {
  line-height: 1; }

#banner p:first-child span {
  margin-right: 3%; }

#banner p:nth-child(2) {
  font-family: 'SourceCodePro-Semibold';
  font-size: 30pt;
  font-size: 2em;
  margin-top: 0;
  padding-bottom: 5%;
  word-spacing: -8px; }

#banner a {
  font-size: 1.1em;
  padding: 15px 32px;
  text-transform: uppercase;
  color: white;
  background: #d64123; }

#banner .bannertext {
  padding: 6.5% 1%; }

/*---2.5. News--------------------*/
.newsmask {
  width: 92.5%;
  height: 276px;
  background: rgba(210, 210, 210, 0.5);
  position: absolute;
  top: 0;
  display: none; }

a.maskbutton {
  font-family: 'SourceCodePro';
  font-size: 18pt;
  text-transform: uppercase;
  background: white;
  padding: 10px 20px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  text-align: center;
  display: none;
  bottom: 0px;
  height: 60px;
  width: 100px;
  margin: auto; }

.newsimage {
  height: 276px;
  overflow: hidden; }

.navigation-news {
  margin-bottom: 2.5%;
  display: table;
  width: 100%; }

.navigation-news h4 {
  display: table-cell;
  color: #636363;
  font-size: 1.3em;
  margin-bottom: 5%; }

.navigation-news span {
  float: right; }

.navigation-news button {
  background: #f0f0f0;
  cursor: pointer;
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: none;
  margin-left: 10px; }

.navigation-news button:hover {
  background: #d64123; }

.news {
  padding-left: 0;
  margin-bottom: 3%; }

.news-item {
  display: table; }

.news-item:hover .newsmask {
  display: block; }

.news-item:hover a.maskbutton {
  display: block; }

.news-item:hover h3 {
  color: #d64123; }

#newsblock {
  transform: scaleX(1.03);
  margin-top: 2%;
  margin-bottom: 1%; }

#newsblock img {
  width: 100%;
  height: 100%;
  object-position: center top;
  object-fit: cover; }

#newsblock article {
  color: #636363; }

#newsblock article p:first-child {
  margin-top: 3%;
  font-size: 9pt;
  text-transform: uppercase;
  color: #d7d7d7; }

#newsblock article h3 {
  font-family: 'SourceSansPro';
  font-size: 19pt;
  text-transform: uppercase;
  text-align: center;
  color: #4B4040;
  margin-top: 0;
  margin-bottom: 5px; }

#newsblock article p {
  font-size: 10pt;
  text-align: center; }

#brands {
  margin-top: 2%; }

hr {
  margin-top: 2%; }

.sidebar-item {
  margin: 2.5% auto 0 auto; }

.sidebar-item h4 {
  margin-bottom: 30px;
  font-size: 14pt; }

/*--bottom content--*/
.bottomitem:hover .bottomimage {
  background: #d64123; }

.bottomitem:hover a {
  color: #d64123; }

.bottomitem p {
  line-height: 1; }

.bottomitem {
  height: 100px; }

.bottomitem i {
  color: #d64123;
  font-size: 0.8em; }

.bottomitem a {
  font-size: 1em;
  font-family: "SourceCodePro-Semibold";
  color: #636363;
  text-decoration: none;
  text-transform: uppercase; }

.bottomitem img {
  width: 80%;
  max-width: 90px;
  max-height: 90px; }

.bottomitem span {
  font-size: 0.8em; }

.bottomimage {
  line-height: 90px;
  background: #f7f7f7;
  padding: 3px;
  min-height: 80px;
  min-width: 80px; }

.bottomimage .productimage {
  background: white;
  text-align: center;
  min-height: 80px;
  min-width: 80px; }

#featuredmodule span.price {
  float: left; }

#newmodule span.price {
  float: left; }

#downbanner {
  font-family: 'SourceCodePro-Semibold';
  font-size: 13pt;
  text-transform: uppercase;
  text-align: center;
  color: #636363;
  background: #f5f5f5;
  margin: 100px 0px;
  padding: 2.5% 0; }

/*---2.6. Footer------------------*/
footer ul li {
  list-style-type: none;
  font-size: 11pt;
  margin: 2.5% auto;
  line-height: 1.4; }
  footer ul li a {
    text-transform: capitalize;
    margin-left: 0.8em;
    font-family: 'SourceSansPro'; }
footer ul li:before {
  content: '\f101';
  font-family: 'FontAwesome';
  float: left;
  color: #d64123; }

ul#bottommenu {
  list-style-type: none;
  padding-right: 0;
  margin: 0;
  text-transform: uppercase;
  float: right;
  text-align: right; }

ul#bottommenu li:before {
  content: ''; }

ul#bottommenu li {
  margin: 0;
  padding-left: 30px;
  display: inline-table; }

ul#bottommenu li a {
  text-transform: uppercase;
  margin-left: 0;
  font-size: 15px;
  font-family: 'SourceCodePro'; }

ul#bottommenu button.search-button {
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #919191;
  right: 0;
  top: 0; }

ul#bottommenu button.close-button {
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #919191;
  right: 0;
  top: 0; }

ul#bottommenu button#bottom-search-btn {
  display: none; }

ul#bottommenu input.search-field {
  padding: 0;
  padding-left: 20px;
  position: relative;
  top: 0; }

ul#bottommenu li ul {
  display: none;
  margin-bottom: -1px; }

ul#bottommenu li ul li {
  margin-bottom: 1px; }

ul#bottommenu input.search-field:focus {
  outline: none;
  width: 150px;
  border: 1px solid #919191; }

ul#mainmenu ul li ul {
  position: absolute;
  margin-top: 10px; }

ul#mainmenu ul li ul li i.fa {
  margin-left: 15px; }

ul#bottommenu li:hover {
  background: white; }

ul#bottommenu li:hover a {
  color: #d64123; }

ul#bottommenu li:hover ul {
  display: block;
  background: white;
  position: absolute;
  bottom: 100%; }

ul#bottommenu li:hover ul li {
  margin-left: 0;
  padding: 5px 10px 5px 5px;
  text-align: left;
  display: block;
  position: relative; }

ul#bottommenu li:hover ul li a {
  color: #919191;
  padding-right: 20px; }

ul#bottommenu li:hover ul li ul {
  display: none;
  width: 100%;
  right: -100%;
  position: absolute;
  bottom: 0; }

ul#bottommenu li:hover ul li:hover {
  background: #d64123; }

ul#bottommenu li:hover ul li:hover a {
  color: white; }

ul#bottommenu li:hover ul li:hover ul {
  margin-top: -5px;
  display: block; }

ul#bottommenu li:hover ul li:hover ul li a {
  color: #919191; }

ul#bottommenu li:hover ul li:hover ul li:hover {
  background: #d64123; }

ul#bottommenu li:hover ul li:hover ul li:hover a {
  color: white; }

ul#contact li p {
  text-transform: capitalize;
  font-family: 'SourceSansPro';
  margin-left: 1.5em; }
ul#contact li:first-child:before {
  content: '\f041'; }
ul#contact li:nth-child(2):before {
  content: '\f095'; }
ul#contact li:nth-child(3):before {
  content: '\f003'; }

footer input {
  width: 100%;
  font-family: 'SourceSansPro';
  font-size: 12pt;
  text-transform: capitalize;
  border: none;
  background: #f7f7f7;
  padding: 10px 30px; }
footer button {
  color: white;
  background: #d64123;
  border: none;
  text-transform: uppercase;
  font-family: 'SourceCodePro-Semibold';
  font-size: 1.2em;
  padding: 15px 30px;
  margin-top: 7%; }
footer hr {
  margin-top: 5%; }

#bottom {
  padding: 0.5% 0 1.5% 0; }

ul#bottommenu {
  list-style-type: none;
  padding-right: 0;
  margin: 0;
  text-transform: uppercase;
  float: right;
  text-align: right; }
  ul#bottommenu li:before {
    content: ''; }
  ul#bottommenu li {
    margin: 0;
    padding-left: 30px;
    display: inline-block; }
    ul#bottommenu li a {
      text-transform: uppercase;
      margin-left: 0;
      font-size: 15px;
      font-family: 'SourceCodePro'; }
  ul#bottommenu button.search-button {
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #919191;
    right: 0;
    top: 0; }
  ul#bottommenu button.close-button {
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #919191;
    right: 0;
    top: 0; }
  ul#bottommenu button#bottom-search-btn {
    display: none; }
  ul#bottommenu input.search-field {
    padding: 0;
    padding-left: 20px;
    position: relative;
    top: 0; }
  ul#bottommenu input.search-field:focus {
    outline: none;
    width: 150px;
    border: 1px solid #919191; }

#copy, .copy {
  font-family: 'SourceSansPro';
  font-size: 11pt; }
  #copy span, .copy span {
    color: #d64123; }

/* ==========================================================================
3. 2 COLUMN PAGE  STYLES
   ========================================================================== */
nav.shopmenu {
  width: 100%;
  background: #f7f7f7; }
  nav.shopmenu ul {
    list-style-type: none;
    padding-right: 0;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center; }
    nav.shopmenu ul li {
      margin-left: 10px;
      display: inline-block;
      padding: 10px 0; }
      nav.shopmenu ul li a {
        font-size: 10pt;
        padding: 10px; }
      nav.shopmenu ul li ul {
        display: none;
        position: absolute;
        margin-top: 10px; }
    nav.shopmenu ul li:hover {
      background: white; }
      nav.shopmenu ul li:hover a {
        color: #d64123; }
      nav.shopmenu ul li:hover ul {
        display: block;
        background: white; }
        nav.shopmenu ul li:hover ul li {
          margin-left: 0;
          padding: 5px 10px 5px 0;
          text-align: left;
          display: block; }
          nav.shopmenu ul li:hover ul li a {
            color: #919191;
            padding-right: 20px; }
          nav.shopmenu ul li:hover ul li ul {
            display: none;
            width: 100%;
            right: -100%;
            top: 20%; }
        nav.shopmenu ul li:hover ul li:hover {
          background: #d64123; }
          nav.shopmenu ul li:hover ul li:hover a {
            color: white; }
          nav.shopmenu ul li:hover ul li:hover ul {
            margin-top: 0;
            display: block; }
            nav.shopmenu ul li:hover ul li:hover ul li a {
              color: #919191; }
            nav.shopmenu ul li:hover ul li:hover ul li:hover {
              background: #d64123; }
              nav.shopmenu ul li:hover ul li:hover ul li:hover a {
                color: white; }

.shop {
  margin-top: 5%; }
  .shop .product:nth-child(2n) {
    float: right; }
  .shop .product p {
    margin-top: -20px;
    padding-top: 0; }
  .shop i {
    font-size: 0.8em; }
  .shop span {
    font-size: 0.8em; }
  .shop .product {
    padding: 5px 5px 0 5px;
    width: 48%;
    margin: 10px; }
  .shop h4 {
    margin: 5% 0;
    font-size: 16pt; }
  .shop h1 {
    font-size: 3.5rem;
    margin-bottom: 4%; }
  .shop .productimage {
    position: relative;
    height: 650px;
    overflow: hidden;
    background: white;
    line-height: 650px;
    padding: 5%; }
  .shop img {
    vertical-align: middle;
    width: 100%;
    height: auto;
    max-height: 100%; }

.pagination-block {
  margin-top: 5%; }
  .pagination-block span {
    float: left;
    font-family: 'SourceSansPro';
    font-size: 11pt;
    margin: 20px 0; }
  .pagination-block ul.pagination {
    display: inline-block;
    padding-left: 0px;
    margin: 20px 0px;
    border-radius: 0;
    float: right; }
    .pagination-block ul.pagination li {
      border-radius: 0; }
      .pagination-block ul.pagination li a {
        background: #f7f7f7;
        float: none;
        position: relative;
        right: 0;
        font-family: 'SourceSansPro';
        font-size: 11pt;
        border-radius: 0;
        color: #919191;
        border: none; }
    .pagination-block ul.pagination li:hover a {
      background: #d64123;
      color: white; }

.product .button-block {
  position: absolute;
  bottom: 0;
  height: 60px;
  left: 0;
  right: 0;
  line-height: normal;
  text-align: center; }
.product button.addcart, .product button.addwish, .product button.prodlink {
  display: none;
  color: white;
  background: #959595;
  border: none;
  border-radius: 0;
  width: 50px;
  height: 50px;
  font-size: 14pt; }

.product:hover button.addcart, .product:hover button.addwish, .product:hover button.prodlink {
  display: inline-block; }

button.addcart:hover, button.addwish:hover, button.prodlink:hover {
  background: #d64123; }

/* ==========================================================================
4. POPUP PRODUCT
   ========================================================================== */
button.closebutton {
  border-radius: 0;
  border: none;
  background: none;
  float: right;
  font-family: 'SourceSansPro';
  text-transform: uppercase;
  padding: 5px;
  margin: 5px;
  font-size: 10pt;
  color: #d7d7d7; }

.popup-product {
  width: 70%;
  height: 55%;
  background: white; }
  .popup-product .description {
    color: #919191; }
    .popup-product .description h2 {
      color: #636363;
      font-family: 'SourceSansPro-Semiblod';
      font-size: 28pt; }
    .popup-product .description img {
      padding: 10% 0; }
    .popup-product .description p.shipping {
      font-family: "SourceSansPro";
      font-style: italic;
      font-size: 14pt; }
      .popup-product .description p.shipping span {
        text-transform: uppercase;
        margin-left: 2%;
        color: #636363;
        font-style: normal;
        font-family: "SourceSansPro-Semiblod"; }
    .popup-product .description p {
      text-align: left;
      color: #919191; }
      .popup-product .description p a.review {
        margin-left: 10%; }
    .popup-product .description span.oldprice {
      color: #919191;
      font-family: 'SourceCodePro-Light';
      font-size: 16pt; }
    .popup-product .description a.productlink {
      color: #888888;
      font-size: 14pt;
      font-family: "SourceCodePro-Semibold";
      text-transform: uppercase;
      margin-left: 5%; }

.popup-product:hover span {
  color: #919191; }

/* ==========================================================================
5. 3 COLUMN PAGE  STYLES
   ========================================================================== */
.shop.col-lg-9 .product {
  width: 30%;
  margin: 0 0 5% 2%; }
  .shop.col-lg-9 .product .productimage {
    height: 300px;
    line-height: 300px; }

.sidebar h4 {
  margin-top: 20%;
  margin-bottom: 10%; }
.sidebar ul {
  margin-left: 10%; }
  .sidebar ul li {
    position: relative;
    list-style-type: none;
    margin: 5% auto;
    font-size: 10pt;
    font-family: 'SourceSansProLight';
    text-transform: capitalize; }
    .sidebar ul li label.checkbox {
      margin: 0;
      padding-left: 5%;
      display: inline-block;
      cursor: pointer; }
      .sidebar ul li label.checkbox span {
        background: none;
        border-radius: 0;
        width: auto;
        height: auto; }
    .sidebar ul li input[type=checkbox] {
      opacity: 0; }
    .sidebar ul li span {
      float: right;
      background: #f0f0f0;
      border-radius: 100%;
      width: 25px;
      height: 25px;
      text-align: center; }
.sidebar form.searchform {
  width: 100%;
  position: relative; }
  .sidebar form.searchform input {
    width: 100%;
    background: #f7f7f7;
    padding: 5px 10px;
    height: 40px; }
  .sidebar form.searchform button {
    position: absolute;
    right: 10%;
    z-index: 99;
    height: 40px; }

ul.sidebar-post {
  margin-bottom: 10%;
  float: left;
  margin-left: 0; }
  ul.sidebar-post li {
    font-size: 10pt;
    float: left; }
    ul.sidebar-post li img {
      margin-right: 10px;
      margin-top: 5px;
      width: 90px;
      height: 90px;
      float: left; }
    ul.sidebar-post li a {
      text-transform: uppercase; }
    ul.sidebar-post li p {
      color: #d7d7d7; }

.chex-flied {
  width: 10px;
  height: 10px;
  background: #F0F0F0;
  display: inline-block;
  position: absolute;
  left: -10%;
  margin-top: 2%; }

.checkbox input[type="checkbox"] {
  margin-top: 7px;
  border: none;
  background: #f0f0f0; }

ul.sizes .chex-flied {
  width: 15px;
  height: 15px;
  background: #F0F0F0;
  display: inline-block;
  position: absolute;
  left: -10%;
  margin-top: 1%; }

.checked:before {
  margin-top: -12px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "+";
  color: #d64123;
  position: absolute;
  font-size: 20pt;
  font-weight: 800;
  padding: 1px; }

ul.sizes .checked:before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin-top: -5px;
  font-size: 12pt; }

ul.colors .checked:before {
  content: ""; }

ul.colors .chex-flied.checked {
  border: 1px solid #d64123; }

/*---5.1. Price slider---*/
#mincost, #maxcost {
  width: 6%;
  height: 20px;
  border: none; }

#maxcost {
  width: 15%; }

#priceslider {
  width: 110px;
  margin: 10% 20% 5% 20%;
  height: 5px; }

.ui-slider {
  position: relative; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 100;
  width: 5px;
  height: 5px;
  background: #636363;
  cursor: pointer;
  border-radius: 0px; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 100;
  font-size: .7em;
  display: block;
  border: 0;
  overflow: hidden; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-widget-header {
  background: #f7765c; }

button.filter-button {
  color: white;
  font-size: 10pt;
  text-transform: uppercase;
  background: #d64123;
  border: none;
  padding: 7px 15px; }

/* ==========================================================================
6. PRODUCT PAGE  STYLES
   ========================================================================== */
.product-images {
  padding-left: 0; }
  .product-images .product {
    width: 100%;
    padding: 1.25% 0; }
    .product-images .product .productimage {
      width: 97.5%;
      height: 97.5%;
      line-height: normal;
      margin: 0 auto; }

div[role="tabpanel"] {
  float: left; }

ul.thumbnails {
  margin-top: 5%; }
  ul.thumbnails li {
    list-style-type: none;
    display: inline-block;
    width: 130px;
    height: 130px; }
    ul.thumbnails li .product {
      padding: 1.25%;
      width: 100%;
      height: 100%; }
      ul.thumbnails li .product .productimage {
        line-height: 130px;
        width: 100%;
        height: 100%; }

.description p {
  font-family: 'SourceSansPro';
  font-size: 12pt;
  line-height: 1.5; }
  .description p a {
    font-family: 'SourceSansPro';
    font-size: 14pt;
    font-style: italic; }
  .description p i {
    color: #d64123;
    font-size: 2rem; }
.description p.price {
  font-family: 'SourceCodePro-Medium';
  font-size: 3.5rem;
  color: #35404a; }
.description p.oldprice {
  font-family: 'SourceCodePro-Light';
  font-size: 2rem; }
.description .form-group label.control-label {
  font-family: 'SourceCodePro-Semibold';
  font-size: 1.8rem;
  color: #636363;
  width: 100%; }
.description .form-group input.qty-input {
  border: none;
  border-radius: 0;
  background: #f7f7f7;
  width: 60px;
  height: 40px;
  padding: 10px;
  font-family: 'SourceSansPro';
  font-style: italic; }
.description .form-group span {
  margin-left: 5%;
  color: #00d500;
  font-family: 'SourceCodePro-Semibold';
  font-size: 2rem;
  text-transform: uppercase; }
.description .form-group p {
  margin-top: 5%;
  font-family: 'SourceSansPro';
  font-style: italic;
  font-size: 14pt; }
  .description .form-group p span {
    color: #636363;
    font-style: normal;
    font-family: 'SourceSansPro-Semiblod'; }
.description hr {
  background: #e1e1e1;
  height: 1px;
  width: 100%; }

.description button.addcart {
  padding: 10px 20px;
  background: #d64123;
  color: white;
  font-family: 'SourceCodePro';
  font-size: 14pt;
  font-weight: 600;
  border-radius: 0;
  border: none;
  text-transform: uppercase; }

button.addtowish {
  border: none;
  background: none;
  border-radius: 0; }

p.parametres {
  font-size: 10pt;
  color: #35404a;
  font-style: italic; }
  p.parametres span {
    color: #919191;
    font-style: italic; }
  p.parametres a {
    color: #35404a;
    font-size: 10pt; }

.productimage:hover .zoom-mask {
  display: block; }

.zoom-mask {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 33%;
  bottom: 0;
  left: 40%;
  right: 0;
  text-align: center;
  display: none; }

button.zoom-button {
  position: relative;
  font-size: 36pt;
  color: white;
  border-radius: 100%;
  background: none;
  border: 3px solid white;
  padding: 0 12%;
  top: 15%; }

/*----6.1. Bootstrap tabs------*/
.tab-pane.active {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border-radius: 0;
  border-top: 2px solid #d64123;
  font-family: 'SourceCodePro-Semibold';
  font-size: 12pt;
  color: #d64123;
  text-transform: uppercase; }

.nav-tabs > li > a {
  font-family: 'SourceCodePro-Semibold';
  font-size: 12pt;
  text-transform: uppercase; }

.nav-tabs > li > a:hover {
  border: none;
  border-radius: 0; }

#description {
  padding: 2%; }
  #description p {
    font-family: 'SourceSansPro'; }
  #description ul li {
    list-style-type: none;
    font-size: 12pt;
    margin-bottom: 0;
    margin: 1% auto;
    line-height: 2;
    font-family: 'SourceSansPro'; }
    #description ul li span {
      font-family: 'SourceSansPro-Semiblod'; }
  #description ul li:before {
    content: '\f101';
    font-family: 'FontAwesome';
    float: left;
    margin-right: 1%;
    color: #d64123; }

/* ==========================================================================
	7. BLOG PAGE  STYLES
   ========================================================================== */
.blog {
  width: 100%;
  margin: 0 auto;
  margin-top: 5%;
  padding: 0 7.5%;
  text-align: center; }
  .blog .blog-item {
    margin-bottom: 3%;
    float: left; }
    .blog .blog-item img {
      width: 100%; }
    .blog .blog-item article {
      margin-bottom: 4%; }
      .blog .blog-item article p {
        font-family: 'SourceSansPro';
        color: #636363;
        text-align: justify; }
      .blog .blog-item article h3 {
        font-family: 'SourceSansPro';
        color: #636363;
        text-transform: uppercase;
        text-align: left;
        font-size: 3rem;
        margin: 7px auto; }
      .blog .blog-item article p.tags {
        margin-top: 1%;
        color: #D7D7D7;
        text-transform: uppercase;
        text-align: left; }
    .blog .blog-item a.more {
      font-size: 14pt;
      font-size: 1vmax;
      padding: 15px 30px;
      text-transform: uppercase;
      color: #FFF;
      float: left;
      background: none repeat scroll 0% 0% #D64123; }
    .blog .blog-item hr {
      background: #ebebeb;
      height: 1px;
      width: 100%;
      margin: 5% auto;
      display: inline-block; }

.blog-list .pagination-block {
  margin-bottom: 25%; }

/* ==========================================================================
	8. BLOG MASONRY  STYLES
   ========================================================================== */
.grid-sizer {
  width: 33%; }

.masonry-image {
  position: relative;
  text-align: center; }

.masonry-image:hover .masonry-link {
  display: block; }

.masonry-link {
  display: none;
  position: absolute;
  width: 100px;
  height: 50px;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  padding: 10px; }
  .masonry-link a {
    font-size: 16pt;
    position: relative;
    color: #d64123;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0; }

.blog-masonry .blog {
  padding: 0; }
.blog-masonry .blog-item {
  width: 30%; }
  .blog-masonry .blog-item h3 {
    font-size: 19pt; }
  .blog-masonry .blog-item article p.tags {
    font-size: 13px;
    margin-top: 4%; }
  .blog-masonry .blog-item article p {
    text-align: center; }

/* ==========================================================================
	9. POST PAGE  STYLES
   ========================================================================== */
.post {
  padding: 0 5%; }
  .post h1 {
    font-size: 26pt;
    font-family: 'SourceSansPro-Semiblod'; }
  .post img {
    width: 100%; }
  .post p.tags {
    padding: 1% 0;
    text-transform: uppercase;
    font-family: 'SourceCodePro'; }
  .post p {
    font-size: 11pt;
    font-family: 'SourceSansPro';
    margin-bottom: 0; }
  .post blockquote {
    border-left: none;
    font-family: 'SourceCodePro-Black';
    font-size: 20pt;
    text-transform: uppercase;
    color: #636363;
    padding-left: 0;
    margin-bottom: 0; }
  .post p.author {
    font-family: 'SourceSansPro';
    font-style: italic;
    font-size: 12pt;
    color: #8a8a8a;
    margin-bottom: 10px; }
  .post h3 {
    font-family: 'SourceCodePro-Semibold';
    text-transform: uppercase;
    font-size: 2rem; }
  .post ul.postlist {
    margin-left: 1.5em; }
    .post ul.postlist li {
      list-style-type: none;
      font-size: 12pt;
      margin: 0 auto;
      text-transform: capitalize;
      font-family: 'SourceSansPro-Semiblod'; }
    .post ul.postlist li:before {
      content: '\f101';
      font-family: 'FontAwesome';
      float: left;
      margin-right: 1.2em;
      color: #d64123; }
  .post .postinfo {
    margin: 2% auto 5% auto;
    padding: 1%;
    background: #f7f7f7;
    text-transform: uppercase; }
    .post .postinfo span.title {
      font-family: 'SourceCodePro-Semibold'; }
    .post .postinfo ul {
      float: right; }
      .post .postinfo ul li:first-child {
        font-family: 'SourceCodePro-Semibold'; }
      .post .postinfo ul li {
        list-style-type: none;
        display: inline-block; }

.author-photo {
  padding-left: 0;
  padding-right: 0; }

.author-info {
  float: left; }
  .author-info img {
    width: 100px; }
  .author-info h4 {
    margin-top: 10px;
    color: #636363; }
  .author-info span {
    font-family: 'SourceSansPro';
    font-style: italic; }

.comments {
  width: 100%;
  float: left;
  margin-top: 5%; }
  .comments h3 {
    font-family: 'SourceCodePro-Semibold';
    font-size: 14pt;
    color: #636363; }
  .comments form {
    margin: 5% auto;
    float: left; }
    .comments form label.comment-new:nth-child(3) {
      float: right; }
    .comments form input {
      height: 40px; }
    .comments form textarea {
      min-height: 120px; }
    .comments form input, .comments form textarea {
      padding: 5px 10px;
      margin-top: 1%;
      width: 100%;
      border: 1px solid transparent;
      border-radius: 0;
      background: #f7f7f7; }
    .comments form input:focus, .comments form textarea:focus {
      border: 1px solid #d64123; }
    .comments form label.textarea-field {
      margin-top: 2%;
      width: 100%;
      font-size: 10pt;
      font-family: 'SourceSansProLight'; }
    .comments form label.comment-new {
      margin-top: 5%;
      width: 48%;
      position: relative;
      font-size: 10pt;
      font-family: 'SourceSansProLight'; }
    .comments form h3 {
      font-family: 'SourceCodePro-Semibold';
      font-size: 14pt; }
    .comments form span {
      font-family: 'SourceSansPro';
      font-style: italic;
      margin-top: 5%; }
    .comments form button {
      margin-top: 3%;
      border-radius: 0;
      border: none;
      font-size: 10pt;
      background: #d64123;
      text-transform: uppercase;
      color: white;
      padding: 15px 35px; }

.comment-item {
  padding: 5% 0;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  float: left; }
  .comment-item h5 {
    color: #636363;
    font-size: 10pt;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 0; }
  .comment-item span {
    font-size: 10pt;
    color: #e1745e;
    text-transform: uppercase; }
  .comment-item p {
    text-align: left;
    margin-top: 10px; }
  .comment-item .comment-reply {
    padding: 5% 0;
    margin-left: 15%;
    width: 85%;
    float: left; }
  .comment-item img {
    width: 100px;
    float: left;
    margin-right: 20px; }
  .comment-item a {
    float: right;
    font-family: 'SourceSansPro';
    font-size: 10pt;
    color: #e1745e;
    text-transform: uppercase; }

.postpage#downbanner {
  font-size: 3rem;
  padding: 10% 0;
  text-align: center;
  color: white;
  background-image: url("http://placehold.it/1900x540");
  background-size: cover;
  background-attachment: fixed; }
  .postpage#downbanner .comment {
    text-transform: none;
    font-size: 10pt;
    margin-top: 5%; }
    .postpage#downbanner .comment p {
      font-size: 1rem;
      font-family: 'Lato-Regular'; }
    .postpage#downbanner .comment img {
      float: left;
      width: 15%;
      margin-right: 10px; }
    .postpage#downbanner .comment a {
      text-transform: uppercase;
      color: #cf4122; }

.postpage {
  padding-top: 5%; }
  .postpage .sidebar h4 {
    margin-top: 13%; }
  .postpage .sidebar ul {
    margin-bottom: 30%; }

/* ==========================================================================
	10. CART PAGE  STYLES
   ========================================================================== */
.cart-table {
  margin-bottom: 5%;
  text-transform: uppercase;
  margin-top: 5%;
  color: #636363; }
  .cart-table a {
    color: #636363; }
  .cart-table thead {
    background: #f7f7f7; }
    .cart-table thead tr {
      border: none; }
  .cart-table .table > tbody > tr > td, .cart-table .table > thead > tr > td {
    border: none;
    vertical-align: middle; }
  .cart-table img.img-thumbnail {
    width: 100px;
    border: none;
    border-radius: 0;
    margin-left: 10%; }
  .cart-table input.form-control {
    width: 50px; }
  .cart-table td.product-cell {
    height: 100px;
    text-align: left; }
  .cart-table tr {
    vertical-align: middle;
    border-bottom: 1px solid #e3eaec; }
  .cart-table button.delete-item {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    position: absolute;
    height: 25px; }

.cart-action {
  margin-top: -3%;
  color: #636363; }
  .cart-action input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background: #f7f7f7;
    padding: 10px 20px;
    margin-right: 20px;
    margin-bottom: 5%; }
  .cart-action button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background: #d64123;
    padding: 10px 20px;
    font-size: 10pt;
    text-transform: uppercase;
    color: white;
    padding: 10px 20px; }
  .cart-action button.update {
    background: #f7f7f7;
    color: #636363;
    margin-right: 5%; }
  .cart-action button.proceed {
    float: right; }
  .cart-action a#delivery {
    font-family: 'SourceCodePro-Semibold';
    font-size: 16pt;
    text-transform: uppercase; }
  .cart-action .panel-group {
    border-radius: 0;
    background: none;
    border: none;
    box-shadow: none;
    position: relative; }
    .cart-action .panel-group select {
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      border: none;
      background: #f7f7f7;
      padding: 7px 20px;
      width: 80%;
      font-style: italic;
      background-image: url("../images/arr-select.png");
      background-repeat: no-repeat;
      background-position: right center;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      text-indent: 0.01px;
      text-overflow: ''; }
    .cart-action .panel-group option {
      font-style: italic;
      padding: 7px 20px;
      width: 100%;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      border: none;
      background: #f7f7f7; }
    .cart-action .panel-group input {
      margin-top: 5%;
      width: 80%; }
    .cart-action .panel-group button {
      margin-top: 2%;
      width: 80%;
      padding: 10px 20px; }
  .cart-action h4 {
    text-align: left;
    margin: 5% auto; }
    .cart-action h4 a {
      font-family: "SourceCodePro-Semibold";
      font-size: 16pt;
      text-transform: uppercase;
      color: #919191; }
  .cart-action .table > tbody > tr > td {
    border: none; }
  .cart-action .table > tbody > tr > td.title {
    text-align: left; }
  .cart-action .table > tbody > tr > td.total {
    color: #d64123; }

select:focus {
  outline: none; }

/* ==========================================================================
	11. ACCOUNT+BILLING  STYLES
   ========================================================================== */
.welcome {
  width: 100%;
  background: #f7f7f7;
  padding: 2%;
  margin-bottom: 2%; }
  .welcome p {
    font-family: 'SourceSansPro'; }
  .welcome h4 {
    margin-top: 0; }
    .welcome h4 span {
      color: #d64123; }
  .welcome a.cart-link {
    text-transform: uppercase; }

.account {
  font-family: 'SourceSansPro'; }
  .account ul {
    border: none; }
    .account ul li {
      width: 100%;
      list-style-type: none; }
      .account ul li a {
        background: #828282;
        color: white;
        border-radius: 0;
        width: 100%;
        border: none; }
      .account ul li a:hover {
        background: #b7b7b7; }
    .account ul li.active > a, .account ul li.active > a:hover, .account ul li.active > a:focus {
      background: #f7f7f7;
      color: #d64123;
      border: none;
      border-left: 2px solid #d64123; }
  .account .tab-pane, .account .tab-pane.active {
    border: none; }
  .account select, .account option {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background: #f7f7f7;
    padding: 7px 20px;
    width: 100%;
    background-image: url("../images/arr-select.png");
    background-repeat: no-repeat;
    background-position: right center;
    font-style: italic;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ''; }
  .account option {
    font-style: italic;
    padding: 7px 20px;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background: #f7f7f7; }

.tab-pane input {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  background: #f7f7f7;
  width: 100%;
  margin: 1% auto;
  padding: 10px 20px; }
.tab-pane textarea {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  background: #f7f7f7;
  width: 100%;
  margin: 1% auto;
  padding: 10px 20px;
  color: #818181; }
.tab-pane button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  background: #d64123;
  padding: 10px 20px;
  font-size: 10pt;
  text-transform: uppercase;
  color: white;
  margin: 5% auto;
  position: relative;
  left: 0; }
.tab-pane label {
  display: block;
  font-style: italic;
  font-weight: normal;
  color: #828282;
  margin-top: 2%; }
.tab-pane .checkbox {
  position: relative;
  padding-left: 25px; }
.tab-pane .checkbox input[type=checkbox] {
  display: none; }
.tab-pane .checkbox label:after {
  content: '';
  display: block;
  height: 15px;
  width: 15px;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e3eaec; }
.tab-pane .checkbox input[type=checkbox]:checked + label:after {
  content: "\f00c";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
  color: #d64123;
  outline: none;
  border: none;
  background-color: #e3eaec; }

.caption-adress h4 {
  width: 40%;
  display: inline-block; }
.caption-adress .checkbox {
  width: 200px;
  display: inline-block;
  float: right; }
  .caption-adress .checkbox label {
    padding-left: 0;
    margin-top: -3px; }

#change-addr div {
  background: #e3eaec;
  padding: 2%;
  width: 49%;
  margin-bottom: 5%; }

#change-addr div:nth-child(2) {
  margin-right: 1%; }

a.edit-info {
  float: right;
  margin-top: -5%;
  text-transform: capitalize;
  color: #d64123; }

input.half {
  width: 49%; }

input.half:nth-child(2n) {
  float: right; }

#payment thead > tr > td.text-center {
  padding-left: 20px; }

#payment td.text-center {
  text-align: left; }

#payment p {
  background: #f7f7f7;
  padding: 2%; }

h5 {
  font-family: 'SourceSansPro-Semiblod';
  font-size: 10pt;
  color: #828282; }
  h5 span {
    font-size: 8pt; }

.table.order tr, .table.order td {
  border: none;
  color: #636363; }
.table.order td.title {
  text-align: left;
  font-size: 14pt;
  color: #636363;
  font-family: 'SourceSansPro-Semiblod'; }
.table.order td.total {
  color: #d64123; }

/* ==========================================================================
	12. ABOUT US STYLES
   ========================================================================== */
.banner-content {
  z-index: 5;
  top: 0;
  position: relative; }
  .banner-content img {
    width: 100%; }
  .banner-content .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%; }
    .banner-content .caption p {
      text-transform: uppercase;
      font-family: 'SourceCodePro-Semibold';
      font-size: 12pt;
      width: 50%; }

.content-pages h2 {
  text-align: center;
  margin-top: 5%; }
.content-pages span {
  margin: 0 auto;
  display: table;
  font-family: 'SourceSansProLight';
  font-style: italic;
  font-size: 12pt; }
.content-pages p {
  width: 30%;
  margin: 0 auto;
  font-family: 'SourceSansPro';
  font-size: 10pt;
  margin: 2% auto;
  line-height: 1.5;
  text-align: center; }
.content-pages img {
  width: 48%;
  margin: 0 auto; }
.content-pages .images {
  text-align: center; }
  .content-pages .images img:last-child {
    float: right; }
  .content-pages .images img:first-child {
    float: none; }

.connect {
  margin: 2% auto;
  font-size: 10pt; }
  .connect span {
    font-family: 'SourceCodePro-Semibold';
    font-size: 10pt;
    margin-right: 1%;
    text-transform: uppercase;
    color: #636363; }
  .connect i {
    color: #d64123; }
  .connect form {
    width: 33%;
    margin: 5% auto; }
  .connect label {
    text-align: center;
    font-size: 9pt;
    font-family: "SourceCodePro-ExtraLight";
    width: 100%; }
    .connect label input {
      height: 40px;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      border: none;
      background: #f7f7f7;
      background: none;
      border: 1px solid #cccccc;
      width: 100%;
      margin-top: 2%; }
  .connect textarea {
    margin-top: 2%;
    width: 100%;
    background: none;
    border: 1px solid #cccccc; }
  .connect p {
    margin: 0 auto;
    display: table;
    font-family: 'SourceSansProLight';
    font-style: italic;
    font-size: 10pt; }
  .connect button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background: #d64123;
    padding: 10px 20px;
    font-size: 10pt;
    text-transform: uppercase;
    color: white;
    margin: 5% auto;
    font-size: 12pt;
    padding: 15px 30px;
    display: block; }

/* ==========================================================================
	13. 404 PAGE STYLES
   ========================================================================== */
.error h2 {
  margin: 0 auto;
  font-size: 22pt;
  text-transform: uppercase;
  background: #f7f7f7;
  display: table;
  padding: 5px 10px; }
.error h1 {
  margin: 5% auto;
  font-size: 150pt;
  font-family: 'SourceCodePro-Black';
  text-transform: uppercase;
  display: table; }
  .error h1 span {
    font-family: 'SourceCodePro-ExtraLight'; }
.error p {
  font-family: 'SourceSansPro';
  font-size: 16pt;
  text-align: center; }
.error #downbanner {
  margin-top: 5%; }
.error form.searchform {
  width: 240px;
  position: relative;
  margin: 5% auto;
  display: block; }
  .error form.searchform input {
    width: 100%;
    background: #f7f7f7;
    padding: 5px 10px;
    height: 40px; }
  .error form.searchform button {
    position: absolute;
    right: 10%;
    z-index: 99;
    height: 40px; }

/* ==========================================================================
	14. LOADER STYLES
   ========================================================================== */
#loader {
  background: url("http://placehold.it/1920x900");
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  background-size: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  overflow: hidden;
  text-align: center; }
  #loader p {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 1002;
    text-align: center; }
  #loader a.logo {
    margin: 0 auto;
    position: absolute;
    top: 30%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002; }
  #loader .copy {
    position: absolute;
    top: 60%;
    margin: 0px auto;
    left: 0;
    right: 0;
    z-index: 1002; }
  #loader .progress-bar {
    position: relative;
    margin-top: 40%;
    width: 100%;
    background: #d6d5d5;
    height: 5px;
    z-index: 1002; }
  #loader #acttive-bar {
    width: 0;
    background: #f7765c;
    height: 5px;
    position: absolute;
    z-index: 1003;
    transition: all 1s ease-in-out; }

#loader-mask {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 1001;
  opacity: 0.7; }

/* ==========================================================================
	15. PORTFOLIO STYLES
   ========================================================================== */
.portfolio {
  padding: 5% 0; }
  .portfolio .grid-sizer {
    width: 25%; }

.button-wrapper {
  width: 100%;
  float: left;
  margin: 5% auto;
  text-align: center; }
  .button-wrapper a.more {
    font-size: 14pt;
    font-size: 1vmax;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #828282;
    background: #f7f7f7;
    margin: 0 auto; }
  .button-wrapper a.more:hover {
    background: #D64123;
    color: white; }

.portfolio-item:hover .caption {
  display: inline-block; }

.portfolio-item {
  width: 25%; }
  .portfolio-item img {
    width: 100%; }
  .portfolio-item .caption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: none; }
    .portfolio-item .caption .wrapper {
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 90%;
      height: 90%;
      border: 1px solid white;
      color: white;
      margin: auto; }
      .portfolio-item .caption .wrapper h5 {
        width: 100%;
        display: inline-block;
        color: white;
        text-transform: uppercase;
        position: relative;
        top: 30%;
        text-align: center;
        font-family: 'SourceCodePro-Semibold';
        font-size: 2.5rem; }
        .portfolio-item .caption .wrapper h5 a {
          color: white; }
      .portfolio-item .caption .wrapper p {
        position: relative;
        top: 33%;
        font-family: 'SourceSansPro';
        text-align: center;
        font-style: italic; }
    .portfolio-item .caption .mask {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: #d64123;
      opacity: 0.5;
      z-index: 1; }

/* ==========================================================================
	16. BIKE LAYOUT STYLES
   ========================================================================== */
body.bikes nav#mainmenu ul li:hover a {
    color: #4cd964;
}

body.bikes #loader #acttive-bar {
  background: #6c7ba4; }

body.bikes .top a:hover, body.bikes .top button:hover {
  color: #6c7ba4; }

body.bikes form#currency button.dropdown-toggle:hover, body.bikes form#language button.dropdown-toggle:hover {
  color: #6c7ba4; }

body.bikes .register-part h2 {
  color: #6c7ba4; }

body.bikes .popup-window button {
  background: #6c7ba4; }

body.bikes #topbanner1 {
  background-image: url("http://placehold.it/1024x680");
  background-size: cover; }
body.bikes #topbanner2 {
  background-image: url("http://placehold.it/540x340");
  background-size: cover;
  float: left; }
body.bikes #topbanner3 {
  background-image: url("http://placehold.it/540x340");
  background-size: cover;
  margin-top: 1%; }
body.bikes .portfolio-item .caption .mask {
  background: #6C7BA4; }

body.bikes .register-part {
  border-color: #6c7ba4; }

body.bikes .register-part button {
  background: #828282; }

body.bikes nav#mainmenu ul li:hover ul li:hover, body.bikes nav#mainmenu ul li:hover ul li:hover ul li:hover {
  background: #6c7ba4; }

body.bikes .carousel-caption {
  font-family: 'HindRegular';
  font-size: 4vmax;
  padding-right: 7%;
  top: 35%; }

body.bikes .carousel-caption div {
  text-align: right; }

body.bikes .cart-action button {
  background-color: #6C7BA4; }
body.bikes .carousel-caption div {
  width: 35%;
  right: 0;
  position: relative;
  float: right;
  text-align: left; }
  body.bikes .carousel-caption div h3 {
    font-family: "HindRegular";
    font-size: 7rem;
    margin-bottom: 0; }
body.bikes .carousel-caption p {
  margin-top: 5%;
  color: #b5b5b5;
  font-size: 2rem; }
body.bikes .carousel-caption hr {
  background: black;
  width: 60px;
  position: relative;
  top: 2%;
  border-bottom: 2px solid #B5B5B5; }
body.bikes .carousel-caption p.price {
  position: relative;
  margin: 5% auto;
  width: 100%;
  color: black;
  font-size: 4rem;
  float: left;
  font-family: 'SourceSansPro-Semiblod'; }
  body.bikes .carousel-caption p.price span.old-price {
    text-decoration: line-through;
    font-size: 2rem;
    color: #B5B5B5;
    padding-left: 3%;
    font-family: "SourceSansPro";
    float: left;
    margin-top: 6%; }

body.bikes .carousel-caption a {
  font-size: 1rem;
  left: 0;
  float: left;
  top: 100%;
  right: auto;
  margin-left: 0;
  text-align: left; }

body.bikes .smallbanner {
  height: 340px;
  margin-top: 0; }

body.bikes .smallbanner:first-child {
  height: 692px;
  background-position: 33%;
  margin-right: 2.5%;
  text-align: center; }

body.bikes .smallbanner:first-child p {
  display: inline-block; }

body.bikes .slider {
  margin-bottom: 5%; }

body.bikes .smallbanner p {
  margin: 0 auto;
  left: 0;
  right: 0;
  font-family: 'HindRegular';
  display: table;
  font-size: 2rem;
  color: white;
  border: none; }

body.bikes .smallbanner:first-child p {
  top: 33%; }

body.bikes .smallbanner h2 {
  font-family: 'HindRegular';
  color: white;
  font-size: 4rem;
  text-transform: uppercase; }

body.bikes .smallbanner a {
  text-transform: uppercase;
  padding: 10px 20px;
  background: white;
  margin: 0 auto;
  position: relative;
  left: 0;
  right: 0;
  top: 60%; }

body.bikes .smallbanner:nth-child(2n) {
  float: left; }

body.bikes .smallbanner:first-child h2 {
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 40%; }

body.bikes .smallbanner:nth-child(2n) p {
  bottom: 12%;
  display: block;
  text-align: right;
  padding-right: 5%; }

body.bikes .smallbanner:nth-child(2n) h2 {
  bottom: 20%;
  top: auto; }

body.bikes .smallbanner:nth-child(3n) h2 {
  bottom: 10%;
  margin: 0 auto;
  display: block;
  text-align: right;
  left: 0;
  right: 0;
  padding-right: 5%; }

body.bikes .smallbanner:nth-child(3n) p {
  bottom: 25%;
  display: block;
  text-align: left;
  padding-left: 5%; }

body.bikes .smallbanner:nth-child(3n) h2 {
  bottom: 10%;
  margin: 0 auto;
  display: block;
  text-align: left;
  left: 0;
  right: 0;
  padding-left: 5%; }

body.bikes .smallbanner:hover {
  border-color: #6c7ba4; }

body.bikes .smallbanner:nth-child(3n) a {
  float: right;
  top: 70%; }

body.bikes span.price, body.bikes .product p {
  color: #6c7ba4; }

body.bikes .product:hover {
  background: #6c7ba4; }

body.bikes .product:hover .caption h5, body.bikes .product:hover span, body.bikes .product:hover p, body.bikes .product:hover a {
  color: white; }

body.bikes .navigation-news {
  margin-top: 5%; }

body.bikes .navigation-news button:hover, body.bikes #featured h4 span button:hover, body.bikes #newproducts h4 span button:hover, body.bikes #related h4 span button:hover {
  background: #6c7ba4; }

body.bikes #banner a {
  background: #6c7ba4; }

body.bikes .bottomitem:hover .bottomimage {
  background: #6c7ba4; }

body.bikes .bottomitem:hover a, body.bikes .bottomitem i {
  color: #6c7ba4; }

body.bikes footer ul li::before {
  color: #6c7ba4; }

body.bikes#copy span, body.bikes .copy span {
  color: #6c7ba4; }

body.bikes footer #content-bottom button, body.bikes #scrolltop {
  background: #6c7ba4; }

body.bikes a.logo span {
  color: #6c7ba4; }

body.bikes svg#arr-left:hover polygon {
  fill: #6c7ba4; }

body.bikes svg#arr-right:hover polygon {
  fill: #6c7ba4; }

body.bikes #downbanner {
  padding: 3% 0px;
  margin-top: 3%; }

body.bikes ul#bottommenu li:hover a {
  color: #6c7ba4; }

body.bikes ul#bottommenu li:hover ul li:hover {
  background: #6c7ba4; }

body.bikes ul#bottommenu li:hover ul li:hover ul li:hover {
  background: #6c7ba4; }

body.bikes nav.shopmenu ul li:hover a {
  color: #6c7ba4; }

body.bikes nav.shopmenu ul li:hover ul li:hover {
  background: #6c7ba4; }

body.bikes nav.shopmenu ul li:hover ul li:hover ul li:hover {
  background: #6c7ba4; }

body.bikes .pagination-block ul.pagination li:hover a {
  background: #6c7ba4; }

body.bikes button.addcart:hover, body.bikes button.addwish:hover, body.bikes button.prodlink:hover {
  background: #6c7ba4; }

body.bikes .checked:before {
  color: #6c7ba4; }

body.bikes ul.colors .chex-flied.checked {
  border-color: #6c7ba4; }

body.bikes button.filter-button {
  background: #6c7ba4; }

body.bikes .description p i {
  color: #6c7ba4; }

body.bikes button.addcart {
  background: #6c7ba4; }

body.bikes .nav-tabs > li.active > a, body.bikes .nav-tabs > li.active > a:focus, body.bikes .nav-tabs > li.active > a:hover {
  color: #6c7ba4;
  border-top: 2px solid #6c7ba4; }

body.bikes .post ul.postlist li:before {
  color: #6c7ba4; }

body.bikes .post .postinfo ul li:hover i {
  color: #6c7ba4; }

body.bikes .comments .write-comment input:focus, .comments .write-comment textarea:focus {
  border-color: #6c7ba4; }

body.bikes .comments .write-comment a.sendcomment {
  background: #6c7ba4; }

body.bikes .cart-action input[type=button], body.bikes .cart-action input[type=submit] {
  background: #6c7ba4; }

body.bikes .account .checkbox input[type=checkbox]:checked + label:after {
  color: #6c7ba4; }

body.bikes a.edit-info {
  color: #6c7ba4; }

body.bikes .table.order td.total {
  color: #6c7ba4; }

body.bikes .connect i {
  color: #6c7ba4; }

.body.bikes connect button {
  background: #6c7ba4; }

body.bikes .pagination > li:first-child > span, body.bikes .pagination > li:last-child > a, body.bikes .pagination > li:last-child > span, body.bikes .pagination > .active > span {
  background: #6c7ba4; }

body.bikes .pagination > .active > span:hover {
  background: #6c7ba4; }

body.bikes button.upload {
  background: #6c7ba4; }

body.bikes a.contact-btn {
  background: #6c7ba4; }

body.bikes .view-selector button:hover, body.bikes .view-selector button.active {
  color: #6c7ba4; }

body.bikes input.searchpage-button {
  background: #6c7ba4; }

body.bikes .account .btn-primary {
  background: none repeat scroll 0% 0% #6c7ba4; }

body.bikes .btn-primary.disabled, .btn-primary.disabled.active, body.bikes .btn-primary.disabled.focus, body.bikes .btn-primary.disabled:active, body.bikes .btn-primary.disabled:focus, .btn-primary.disabled:hover, body.bikes .btn-primary[disabled], body.bikes .btn-primary[disabled].active, body.bikes .btn-primary[disabled].focus, body.bikes .btn-primary[disabled]:active, body.bikes .btn-primary[disabled]:focus, body.bikes .btn-primary[disabled]:hover, body.bikes fieldset[disabled] .btn-primary, body.bikes fieldset[disabled] .btn-primary.active, body.bikes fieldset[disabled] .btn-primary.focus, body.bikes fieldset[disabled] .btn-primary:active, body.bikes fieldset[disabled] .btn-primary:focus, body.bikes fieldset[disabled] .btn-primary:hover {
  background-color: #6c7ba4;
  border-color: #6c7ba4; }

body.bikes .account a.list-group-item:hover, body.bikes a.list-group-item:focus {
  color: #6c7ba4;
  border-color: #6c7ba4; }

body.bikes .pull-left a {
  border-radius: 0;
  background: #6c7ba4; }

body.bikes .pull-left a:hover, body.bikes .pull-left a:focus, body.bikes .pull-left a:visited {
  background: #6c7ba4; }

body.bikes .account ul.edit-account li a.edit-info {
  color: #6c7ba4; }

body.bikes .order-info a {
  background: #6c7ba4; }

body.bikes .review-item i {
  color: #6c7ba4; }

body.bikes .options .checkbox input[type=checkbox]:checked + label:after {
  color: #6c7ba4; }

body.account-voucher.bikes input[type="submit"] {
  background: #6c7ba4; }

body.affiliate-login.bikes .well a.btn.btn-primary, body.affiliate-login.bikes .well input.btn.btn-primary {
  text-transform: uppercase;
  padding: 10px 20px;
  text-align: center;
  background: #6c7ba4;
  border-radius: 0;
  border: none;
  color: white; }

body.bikes a.proceed {
  background: #6c7ba4; }

body.bikes .tab-pane button {
  background: #6c7ba4; }

body.bikes #review span {
  color: #6c7ba4; }

body.bikes .connect button {
  background: #6c7ba4; }

body.bikes .blog .blog-item a.more {
  background: #6c7ba4; }

body.bikes .postpage.blogbanner .comment a {
  color: #6c7ba4; }

body.bikes #copy span, body.bikes .copy span {
  color: #6c7ba4; }

/* ==========================================================================
	17. DARK LAYOUT STYLES
   ========================================================================== */
body.dark {
  background: #3a3a3e;
  color: white; }
  body.dark .portfolio-item .caption .mask {
    background: #E6AA0A; }
  body.dark #payment p, body.dark .tab-pane textarea, body.dark .tab-pane input, body.dark .account select, body.dark .account option {
    background-color: #2F2F34; }
  body.dark .cart-action button {
    background-color: #E6AA0A; }
  body.dark footer input {
    background: none; }
  body.dark .button-wrapper a.more:hover {
    background: #E6AA0A; }
  body.dark #downbanner {
    background-color: #2F2F34; }
  body.dark .comments form input, body.dark .comments form textarea {
    background: none; }
  body.dark .comments form input:focus, body.dark .comments form textarea:focus {
    border: 1px solid #E6AA0A; }
  body.dark .comments form button {
    background: #E6AA0A; }
  body.dark .blog .blog-item article h3 {
    color: white; }

body.dark a {
  color: white; }

body.dark .carousel-caption {
  top: 20%;
  color: white; }

body.dark .carousel-caption a {
  bottom: 10%;
  top: auto;
  font-size: 2rem;
  display: block;
  left: 0;
  color: white;
  border-color: white;
  margin-left: 10px; }

body.dark #featured .product .caption span, body.dark #newproducts .product .caption span, body.dark #related .product .caption span {
  margin-top: 8px; }
body.dark #featured .product .caption h5, body.dark #newproducts .product .caption h5, body.dark #related .product .caption h5 {
  margin-top: 10px; }
body.dark .product span.price {
  margin-top: 6px; }

body.dark .carousel-caption div {
  width: 50%;
  float: left;
  text-align: left;
  font-size: 6vmax; }

body.dark svg#arr-left polygon, body.dark svg#arr-right polygon {
  fill: white; }

body.dark svg#arr-left:hover polygon, body.dark svg#arr-right:hover polygon {
  fill: #e6aa0a; }

body.dark .top a:hover {
  color: #e6aa0a;
  background: none; }

body.dark input#topmenu-search {
  color: #e6aa0a; }

body.dark .top button.popup-open:hover {
  color: #e6aa0a;
  background: none; }

body.dark #copy span, body.dark .copy span {
  color: #e6aa0a; }

body.dark form#currency button.dropdown-toggle:hover, body.dark form#language button.dropdown-toggle:hover {
  color: #e6aa0a;
  background: none; }

body.dark .top span a {
  color: white; }

body.dark .top button.search-button {
  color: white; }

body.dark nav#mainmenu ul li a {
  color: white; }

body.dark #main-searchform * {
  color: white; }

body.dark nav#mainmenu ul input.search-field:focus {
  border-color: white !important; }

body.dark button#mainmenu-close-button {
  color: white; }

body.dark a.logo {
  color: white; }

body.dark nav#mobilemenu * {
  color: white; }

body.dark input#topmenu-search
body.dark ::-webkit-input-placeholder {
  color: white; }

body.dark ::-moz-placeholder {
  color: white; }

body.dark :-moz-placeholder {
  color: white; }

body.dark :-ms-input-placeholder {
  color: white; }

body.dark .top button.popup-open {
  color: white; }

body.dark form#currency button.dropdown-toggle, body.dark form#language button.dropdown-toggle {
  color: white; }

body.dark nav#mainmenu ul li:hover a {
  color: #e6aa0a; }

body.dark nav#mainmenu ul li:hover ul li:hover {
  background: #e6aa0a; }

body.dark nav#mainmenu ul li:hover ul li:hover ul li:hover {
  background: #e6aa0a; }

body.dark .smallbanner {
  border-color: #3A3A3E; }

body.dark .popup-window p {
  color: #919191; }

body.dark .register-part {
  border-color: #e6aa0a; }

body.dark .register-part h2 {
  color: #e6aa0a; }

body.dark .popup-window button {
  background: #e6aa0a; }

body.dark .register-part button {
  background: #828282 none repeat scroll 0% 0%; }

body.dark .popup-window ::-webkit-input-placeholder {
  color: #919191; }

body.dark .popup-window ::-moz-placeholder {
  color: #919191; }

body.dark .popup-window :-moz-placeholder {
  color: #919191; }

body.dark .popup-window :-ms-input-placeholder {
  color: #919191; }

body.dark .newsmask a {
  color: #e6aa0a; }

body.dark .post .postinfo {
  background: none; }

body.dark .smallbanner:hover {
  border-color: #e6aa0a; }

body.dark .smallbanner h2 {
  color: white; }

body.dark .smallbanner p {
  color: white;
  border-color: white; }

body.dark .smallbanner:first-child p {
  right: 17%; }

body.dark #banner .bannertext {
  padding: 10% 1%; }

body.dark .product {
  background: url("../images/decor_dark.png") #3a3a3e; }

body.dark #featured .productimage, body.dark #newproducts .productimage, body.dark #related .productimage {
  background: #3a3a3e; }

body.dark #featured h4, body.dark #newproducts h4, body.dark #related h4 {
  color: white; }

body.dark #featured h4 span button, body.dark #newproducts h4 span button, body.dark #related h4 span button, body.dark .navigation-news button {
  background: #55555c;
  color: white; }

body.dark #featured h4 span button:hover, body.dark #newproducts h4 span button:hover, body.dark #related h4 span button:hover, body.dark .navigation-news button:hover {
  background: #e6aa0a; }

body.dark #banner a {
  background: #e6aa0a; }

body.dark .bottomitem:hover .bottomimage {
  background: #e6aa0a; }

body.dark .bottomitem:hover a, body.dark .bottomitem i {
  color: #e6aa0a; }

body.dark footer ul li::before {
  color: #e6aa0a; }

body.dark #content-bottom h4 {
  color: white; }

body.dark ul#bottommenu li.search:hover {
  background: none; }

body.dark ul#bottommenu button.close-button, body.dark ul#bottommenu button.search-button {
  color: white; }

body.dark ul#bottommenu li:hover ul {
  margin-left: -30px; }

body.dark #copy span, body.dark .copy span {
  color: #e6aa0a; }

body.dark #newsblock article h3 {
  color: white; }

body.dark #newsblock article p, body.dark #newsblock article p a {
  color: #9b9b9d; }

body.dark .sidebar-item h4 {
  color: white; }

body.dark footer #content-bottom button, body.dark #scrolltop {
  background: #e6aa0a; }

body.dark a.logo span {
  color: #e6aa0a; }

body.dark svg#arr-left:hover polygon {
  fill: #e6aa0a; }

body.dark svg#arr-right:hover polygon {
  fill: #e6aa0a; }

body.dark .product span {
  color: white; }

body.dark .product:hover {
  background: #e6aa0a; }

body.dark .product:hover p i {
  color: white; }

body.dark .product h5 {
  color: white; }

body.dark .navigation-news h4 {
  color: white; }

body.dark .product p {
  color: white; }

body.dark .product p i {
  color: #e6aa0a; }

body.dark .shop .productimage {
  background: #3a3a3e; }

body.dark .popup-product .description p.price {
  color: #35404A; }

body.dark .bottomimage .productimage {
  background: #3a3a3e; }

body.dark ul#bottommenu li:hover a {
  color: #e6aa0a; }

body.dark ul#bottommenu li:hover ul li:hover {
  background: #e6aa0a; }

body.dark ul#bottommenu li:hover ul li:hover ul li:hover {
  background: #e6aa0a; }

body.dark nav.shopmenu ul li:hover a {
  color: #e6aa0a; }

body.dark nav.shopmenu ul li:hover ul li:hover {
  background: #e6aa0a; }

body.dark nav.shopmenu ul li:hover ul li:hover ul li:hover {
  background: #e6aa0a; }

body.dark .pagination-block ul.pagination li:hover a {
  background: #e6aa0a; }

body.dark button.addcart:hover, body.dark button.addwish:hover, body.dark button.prodlink:hover {
  background: #e6aa0a; }

body.dark .checked:before {
  color: #e6aa0a; }

body.dark hr {
  border-color: transparent; }

body.dark ul.colors .chex-flied.checked {
  border-color: #e6aa0a; }

body.dark button.filter-button {
  background: #e6aa0a; }

body.dark .description p i {
  color: #e6aa0a; }

body.dark button.addcart {
  background: #e6aa0a; }

body.dark .nav-tabs > li.active > a, body.dark .nav-tabs > li.active > a:focus, body.dark .nav-tabs > li.active > a:hover {
  border-top: 2px solid #e6aa0a;
  color: #e6aa0a; }

body.dark .tab-pane.active {
  border-top: none; }

body.dark .post ul.postlist li:before {
  color: #e6aa0a; }

body.dark .post .postinfo ul li:hover i {
  color: #e6aa0a; }

body.dark .comments .write-comment input:focus, .comments .write-comment textarea:focus {
  border-color: #e6aa0a; }

body.dark .comments .write-comment a.sendcomment {
  background: #e6aa0a; }

body.dark .cart-action input[type=button], body.dark .cart-action input[type=submit] {
  background: #e6aa0a; }

body.dark .account .checkbox input[type=checkbox]:checked + label:after {
  color: #e6aa0a; }

body.dark a.edit-info {
  color: #e6aa0a; }

body.dark .table.order td.total {
  color: #e6aa0a; }

body.dark .connect i {
  color: #e6aa0a; }

.body.dark connect button {
  background: #e6aa0a; }

body.dark .pagination > li:first-child > span, body.dark .pagination > li:last-child > a, body.dark .pagination > li:last-child > span, body.dark .pagination > .active > span {
  background: #e6aa0a; }

body.dark .pagination > .active > span:hover {
  background: #e6aa0a; }

body.dark button.upload {
  background: #e6aa0a; }

body.dark a.contact-btn {
  background: #e6aa0a; }

body.dark .view-selector button:hover, body.dark .view-selector button.active {
  color: #e6aa0a; }

body.dark input.searchpage-button {
  background: #e6aa0a; }

body.dark .account .btn-primary {
  background: none repeat scroll 0% 0% #e6aa0a; }

body.dark .btn-primary.disabled, .btn-primary.disabled.active, body.dark .btn-primary.disabled.focus, body.dark .btn-primary.disabled:active, body.dark .btn-primary.disabled:focus, .btn-primary.disabled:hover, body.dark .btn-primary[disabled], body.dark .btn-primary[disabled].active, body.dark .btn-primary[disabled].focus, body.dark .btn-primary[disabled]:active, body.dark .btn-primary[disabled]:focus, body.dark .btn-primary[disabled]:hover, body.dark fieldset[disabled] .btn-primary, body.dark fieldset[disabled] .btn-primary.active, body.dark fieldset[disabled] .btn-primary.focus, body.dark fieldset[disabled] .btn-primary:active, body.dark fieldset[disabled] .btn-primary:focus, body.dark fieldset[disabled] .btn-primary:hover {
  background-color: #e6aa0a;
  border-color: #e6aa0a; }

body.dark .account a.list-group-item:hover, body.dark a.list-group-item:focus {
  color: #e6aa0a;
  border-color: #e6aa0a; }

body.dark .pull-left a {
  border-radius: 0;
  background: #e6aa0a; }

body.dark .pull-left a:hover, body.dark .pull-left a:focus, body.dark .pull-left a:visited {
  background: #e6aa0a; }

body.dark .account ul.edit-account li a.edit-info {
  color: #e6aa0a; }

body.dark .order-info a {
  background: #e6aa0a; }

body.dark .review-item i {
  color: #e6aa0a; }

body.dark .options .checkbox input[type=checkbox]:checked + label:after {
  color: #e6aa0a; }

body.account-voucher.bikes input[type="submit"] {
  background: #e6aa0a; }

body.affiliate-login.bikes .well a.btn.btn-primary, body.affiliate-login.bikes .well input.btn.btn-primary {
  text-transform: uppercase;
  padding: 10px 20px;
  text-align: center;
  background: #e6aa0a;
  border-radius: 0;
  border: none;
  color: white; }

body.dark a.proceed {
  background: #e6aa0a; }

body.dark .tab-pane button {
  background: #e6aa0a; }

body.dark #review span {
  color: #e6aa0a; }

body.dark .connect button {
  background: #e6aa0a; }

body.dark .blog .blog-item a.more {
  background: #e6aa0a; }

body.dark .postpage.blogbanner .comment a {
  color: #e6aa0a; }

body.dark ul#contact li p {
  color: white; }

body.dark .bottomitem span.price {
  color: #e6aa0a; }

body.dark .sidebar h4 {
  color: white; }

body.dark .sidebar ul li span.filter_count, body.dark ul.category-list li span {
  color: black; }

body.dark #mincost, #maxcost {
  background: none; }

body.dark .sidebar ul li label.checkbox span {
  color: white; }

body.dark input.subscribemail {
  background: none;
  color: white; }

body.dark button[aria-expanded="true"] span {
  color: #828282; }

body.dark .popup-product .description p a {
  color: #828282; }

body.dark nav.shopmenu {
  background: #3A3A3E; }

body.dark .shop.product-page h1 {
  color: white; }

body.dark .description p.price, body.dark p.parametres {
  color: white; }

body.dark .alert-info, body.dark .description .form-group input.qty-input {
  background: #3A3A3E;
  color: white; }

body.dark #tab-description ul li::before, body.dark #review h5, body.dark h2.review-caption {
  color: white; }

body.dark .blog .blog-item article h3 a, body.dark .blog .blog-item article p {
  color: white; }

body.dark .masonry-link a {
  color: #e6aa0a; }

body.dark .sidebar .searchform input {
  background: none;
  color: white; }

body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark p, body.dark span {
  color: white; }

body.dark post h1, body.dark span.article-date, body.dark .post blockquote, body.dark p.author {
  color: white; }

body.dark #cart ul.dropdown-menu.pull-right {
  color: #919191; }

body.dark .welcome, body.dark .cart-table thead tr {
  background: #3A3A3E; }

body.dark .cart-action input, body.dark .cart-table input {
  background: none;
  color: white; }

body.dark .error form.searchform input {
  background: none;
  color: white; }

/* ==========================================================================
	18. MEDIA QUERIES
   ========================================================================== */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    width: 40px;
    height: 40px;
    border: 0;
    position: relative;
    bottom: 0;
    display: inline;
    margin-right: 10px;
    transform: scale(0.5); }

  ul#bottommenu button.close-button {
    right: 2px;
    top: -5px; } }
@media screen and (max-height: 900px) {
  .popup-product {
    height: 80%; } }
@media screen and (max-width: 1400px) {
  .slide1 .carousel-caption {
    font-size: 8em;
    font-size: 8vmax; }

  .carousel-caption {
    font-size: 10em;
    font-size: 10vmax; }

  .box .slide1 .carousel-caption {
    font-size: 8vmax; }

  .box .slide2 .carousel-caption {
    font-size: 8em;
    font-size: 10vmax; }

  .box .slider .slidercontrols {
    top: 50%; }

  body.bikes .carousel-caption div {
    width: 50%;
    right: 0;
    position: relative;
    float: right;
    text-align: right; }
    body.bikes .carousel-caption div h3 {
      font-family: "HindRegular";
      font-size: 7rem;
      margin-bottom: 0; }
    body.bikes .carousel-caption div span:first-child {
      float: right; }
  body.bikes .carousel-caption p {
    margin-top: 5%;
    color: #b5b5b5;
    font-size: 2rem; }
  body.bikes .carousel-caption hr {
    background: black;
    width: 60px;
    position: relative;
    top: 2%;
    border-bottom: 2px solid #B5B5B5; }
  body.bikes .carousel-caption p.price {
    position: relative;
    margin: 5% auto;
    width: 100%;
    color: black;
    font-size: 4rem;
    float: right;
    font-family: 'SourceSansPro-Semiblod'; }
    body.bikes .carousel-caption p.price span.old-price {
      text-decoration: line-through;
      font-size: 2rem;
      color: #B5B5B5;
      padding-right: 3%;
      font-family: "SourceSansPro";
      float: right;
      margin-top: 6%; }
  body.bikes .carousel-caption hr {
    float: right; }
  body.bikes .carousel-caption a {
    float: right;
    right: 0;
    left: auto; } }
@media screen and (max-width: 1280px) {
  .carousel-caption a {
    top: 70%; }

  .slider .carousel-control {
    top: 45%; }

  .bottomitem span.price {
    float: left; }

  .top:last-child span:last-child {
    padding-right: auto; }
    .top:last-child span:last-child i {
      padding-right: auto; }

  .top {
    text-align: center;
    padding: auto; }
    .top span {
      text-align: center;
      padding: auto; }

  .product .caption {
    height: 70px; } }
@media screen and (max-width: 1024px) {
  .slider .carousel-control.left {
    left: -2.5%; }

  .slider .carousel-control.right {
    right: -2.5%; } }
@media screen and (max-width: 1000px) {
  .slide0 .carousel-caption span:first-child {
    margin-left: 0; }

  #change-addr div {
    width: inherit; }

  .popup-product {
    min-height: 80%; }

  #featured .product, #newproducts .product, #related .product {
    width: inherit; }

  #featured .productimage, #newproducts .productimage, #related .productimage {
    height: auto; }

  .newsmask {
    background: none;
    width: 100%; }

  a.maskbutton {
    left: 0;
    width: 100%;
    text-align: center; }

  .smallbanner {
    min-width: none; }

  .top a {
    padding: 0;
    font-size: 12px; }
  .top form.searchform {
    display: none; }

  .product {
    width: auto; }

  .grid-sizer {
    width: 50%; }

  .blog-masonry .blog {
    padding: 0; }
  .blog-masonry .blog-item {
    width: 48%; } }
@media screen and (max-width: 780px) {
  .slider .carousel-control {
    top: 35%; }

  .slider .carousel-control {
    background: none;
    top: 55%;
    width: 20px;
    height: 40px;
    opacity: 1;
    text-shadow: none; }

  .sidebar-item {
    float: left;
    width: 50%; }

  .bottomitem p {
    margin-top: 40px;
    clear: both; }

  .bottomitem:hover .bottomimage {
    background: none; }

  .bottomimage {
    background: none; }
    .bottomimage img {
      float: left; }

  .slider .carousel-control.left {
    left: 0; }

  .slider .carousel-control.right {
    right: 0; }

  .modal.fade, .popup-product {
    display: none; }

  .banner-content .caption p {
    font-size: 1em; }

  .error h1 {
    font-size: 48pt; }

  .error h2 {
    font-size: 1em; }

  header {
    position: relative; }

  nav#mainmenu {
    display: none; }

  nav#mobilemenu {
    display: block; }

  nav.shopmenu ul li {
    display: block; }

  .nav-tabs > li > a {
    font-size: 9pt; }

  .top {
    display: none; }

  #bottommenu {
    display: none; }

  .carousel-caption span {
    display: none; }

  .shop .product {
    width: inherit; }

  .shop.col-lg-9 .product {
    width: inherit; }
    .shop.col-lg-9 .product .productimage {
      height: auto;
      line-height: normal; } }
@media screen and (max-width: 600px) {
  .grid-sizer {
    width: 100%; }

  .blog-masonry .blog {
    padding: 0; }
  .blog-masonry .blog-item {
    width: 100%; }

  .banner-content .caption p {
    display: none; } }
@media screen and (max-width: 500px) {
  .sidebar-item {
    width: 100%; } }

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