@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap&subset=latin-ext');
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
body { font-family: Roboto; font-size: 13px; }
header { background: #eaeaea url('../i/header.jpg') center top no-repeat; min-height: 132px; }
.basket { float: right; padding-right: 80px; background: url('../i/basket.png') left center no-repeat; height: 50px; margin-top: 10px; padding-left: 55px; }
.basket a { color: #000000; padding-top: 10px; text-decoration: none; display: inline-block; }
.top-menu { float: right; }
.top-menu ul { list-style-type: none; margin: 0px; padding: 0px; padding-top: 34px; }
.top-menu ul li { display: inline-block; border-right: 1px dotted #282828; }
.top-menu ul li:last-child { border-right: 0px; }
.top-menu ul li a { padding: 0px 15px; color: #282828; font-family: Roboto; font-size: 13px;  }
.login-box img { display: inline-block; }
.login-box { float: right; padding-top: 28px; line-height: 32px; }
.login-box a { color: #474747; padding: 0px 5px; }
.search { background: url('../i/search-input.png') no-repeat; position: relative; float: left; height: 41px;  margin-top: 24px; }
.search .search-filed { border: 1px solid #c7c7c7; height: 41px; margin-left: 30px; border-left: 0px; width: calc(100% - 30px);}
.search .search-submit { position: absolute; top: 12px; right: 30px; }
.menu { height: 60px; line-height: 60px; background-color: #1a171b; }
.menu .navbar { margin-bottom: 0px; }
.menu .navbar-default { background-color: transparent; border: 0px; color: white; }
.menu .navbar-nav { float: none; width: 100%;  }
.menu .navbar-nav li a { color: white; text-transform: uppercase; font-size: 14px; font-weight: 300; line-height: 42px; }
.menu .navbar-nav li a.dropdown-item { color: #000; display: block; padding: 0px 5px; }
.menu .navbar-nav .dropdown-menu { min-width: 220px !important; }
.nav>li>a { padding: 10px 5px; }
.menu .navbar-nav li a:hover, .menu .navbar-nav li a:active { color: white; }
.menu .navbar-nav li a.dropdown-item:hover, .menu .navbar-nav li a.dropdown-item:active { color: #000; text-decoration: none; font-weight: bold; }
.menu .navbar-nav li:hover {box-shadow: inset 0 -8px 0 #e5ff3b; }
.slider-wrapper { width: 100%; }
.bx-wrapper img { width: 100%; }
.bx-wrapper .caption { position: absolute; top: 0px; background-color: #0072ba; width: 410px; padding: 0px 50px; color: white; height: 100%; right: 20%; }
.bx-wrapper .caption img { width: auto !important; padding: 15px 0px; }
.bx-wrapper .caption .caption-title { margin-top: 100px; font-weight: bold; font-size: 36px; display: block; color: white; line-height: 38px; }
.bx-wrapper .caption .caption-title:hover { text-decoration: none; }
.bx-wrapper .caption .caption-subtitle { font-size: 24px; display: block; }
.bx-wrapper .caption p { color: #caeaff; font-size: 15px; padding-bottom: 20px; }
.bx-wrapper .caption strike { font-size: 18px; color: white; }
.bx-wrapper .caption .caption-price { font-size: 30px; color:#e5ff3b; }
.gallery-thumbs-container  img { padding: 15px 0px; }
.about { }
.about h1 { font-size: 36px; font-weight: 300; color: #000000; margin-top: 50px; margin-bottom: 25px; text-align: center; text-transform: uppercase; }
.about p { margin-bottom: 20px;  text-align: justify; text-align-last: center; font-size: 15px; font-weight: 300; color: #000; }
.products { margin-top: 30px; border-top: 1px #a4a4a4 dashed; padding-top: 45px; }
.products.no-border { border-top: 0px; }
.products h2 { margin: 0px; font-weight: 300; font-size: 30px; text-align: center; color: #4a4745; text-decoration: none; text-transform: uppercase; }
.product { background-color: white; max-height: 433px; height: 433px; position: relative; text-align: center; margin-top: 20px; }
.product img { padding: 9px; }
.product-title { font-size: 16px; font-weight: bold; color: #000; }
.product-subtitle { font-size: 14px; font-weight: normal; color: #717171; }
.product-description { height: 141px; overflow: hidden; }
.product-price { color: #ff9000; font-size: 24px; font-weight: bold; padding: 10px 0px; }
.product-more { display: inline; text-align: center; margin: 0px auto; padding: 2px 10px; background-color: #a9c208; color: white; text-transform: uppercase; font-size: 12px; }
.product-more:hover { color: white; text-decoration: none; }
.product-price strike { font-size: 16px; }
section.content { background-color: #eaeaea; padding-bottom: 30px; }
section.box { text-align: center; color: white; background: url('../i/box.jpg') no-repeat; height: 491px; }
section.address { padding-top: 30px; }
section.address p.address-header { color: white; font-size: 42px; font-weight: bold; line-height: 100px; }
.box-title { font-size: 164px; font-weight: bold; margin-top: 170px; line-height: 128px; text-transform: uppercase; }
.box-subtitle { font-size: 24px; font-weight: normal;  text-transform: uppercase; }
.box-subtitle h1, .box-subtitle h2, .box-subtitle h3 { display: inline; font-size: 24px; }
.address { background-color: #eaeaea; top center no-repeat;  }
.footer { font-size: 12px; color: #6c6c6c; padding: 30px 0px; }
.footer a { color: #6c6c6c; }
.footer a:hover { text-decoration: none; }
.clr, .clearfix { clear: both; }
.subpage-content { padding-bottom: 30px; font-family: Roboto; font-size: 15px; font-weight: 300; color: #000; background-color: #eaeaea; }
.subpage-content h1,  .subpage-content h2, .subpage-content h3 { font-size: 36px; font-weight: 300; color: #000000; padding: 10px 0px; }
.gallery-item { padding-bottom: 20px; }
.breadcrumb { background: transparent; padding: 0px; margin: 0px; font-size: 14px; font-weight: 300; margin-top: -16px; }
.breadcrumb li a { color: #000; }
.breadcrumb>li+li:before {
    padding: 0 5px;
    margin-left: 5px;
    color: #ccc;
    content: "";
    background: url('../i/arrow.png') center left no-repeat; 
    line-height: 20px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination>li>a, .pagination>li>span {
    padding: 4px 8px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.category-description { padding-top: 20px; font-weight: 300; text-align: justify; font-size: 15px; }
.category-box { display: block; padding: 10px 0px; color: #4a4745; text-decoration: none;  text-align: center; font-size: 18px; text-transform: uppercase; }
.category-box img { padding-bottom: 5px; }
.category-box:hover { text-decoration: none; color: #4a4745; }
.product-container { padding-top: 20px; }
.product-photo-container { background-color: white; text-align: center; border: 1px solid #c7c7c7; }
.product-photo-container img { margin: 0px auto; display: block;  }
.other-title { font-size: 30px; font-weight: 300; padding-top: 30px; }
.separator { background-color: #eaeaea; }
.subpage .dotted { border-top: 1px #a4a4a4 dashed; }
.bxslider-inner { padding: 30px; }
.bx-pager { padding-top: 10px; }
.bxslider img { max-height: 510px; }
.basket-container { padding-top: 10px; }
.ean { color: #5f5f5f; font-size: 14px; font-weight: 300; }
.size { color: #000; padding-top: 20px; padding-bottom: 20px; font-size: 14px; font-weight: 300;  }
.price-promo { font-size: 24px; line-height: 20px; }
.price-promo b { color: #fe0000; font-size: 26px; }
.dashed-line { border-top: 1px #a4a4a4 dashed; padding-top: 30px; margin-top: 30px; }
.dashed-line.lessMargin { padding-top: 20px; margin-top: 20px; }
.basket-counter { padding-top: 45px; }
.basket-submit { text-transform: uppercase; font-size: 14px; width: 100%; line-height: 47px; color: white; border: 0px; background: #2285c3 url('../i/basket-btn.jpg') center right no-repeat; text-align: center; }
.basket-arrow { background-color: white; line-height: 46px; display: inline-block; padding: 0px 18px; border: 1px solid #c7c7c7; }
.basket-amount { border: 0px; width: 46px; text-align: center; line-height: 44px; background-color: white; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }
.tabs ul { padding: 0px; margin: 0px; }
.tabs ul li { float: left; line-height: 40px; padding: 0px 25px; display: inline-block; background-color: #0072ba; border-bottom: #c7c7c7; text-align: center; text-transform: uppercase; color: white; font-weight: 400; font-size: 15px; }
.tabs ul li.active { background-color: white; color: #0072ba; border-left: 1px solid #c7c7c7; border-top: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; }
.tabs ul li a { text-decoration: none; color: white; }
.tabs ul li.active a { text-decoration: none; color: #0072ba; }
.tabs-content { background-color: white; border: 1px solid #c7c7c7; margin-top: -1px; }
.tabs-content > div { padding: 30px; font-size: 14px; font-weight: 300; text-align: justify; }
.summary-table table { background-color: white; }
.basket-description { width: 100%; height: 100px; resize: none; border: 1px solid #c7c7c7; }

.summary-table img {
    display: block;
    margin: 10px auto 0;
}

.summary-table input {
    width: 80px;
    text-align: center;
}

.summary-table .table thead > tr > th {
    font-family: 'Roboto';
    font-weight: 300 !important;
    height: 70px;
    background-color: #f6f6f6;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #010101;
}

.summary-table .table tbody > tr > td {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #000000;
    font-family: 'Roboto';
    font-weight: 300 !important;
}

@media (max-width: 1200px) {
  header { background: #eaeaea; }
  header img.img-responsive { display: block; margin: 0px auto; padding-top: 10px; }    
  
  .product-description { height: 192px; }
  .top-menu { float: none; text-align: center; }
  .search { background: white; border: 1px solid #c7c7c7; width: 100%; float: none; }
  .search .search-filed { border: 0px; margin-left: 0px; background: transparent; }
  .login-box { float: none; margin: 0px auto; padding: 15px 0px; text-align: center; }    
  .basket { float: none; text-align: center; padding-right: 0px; background: url('../i/basket.png') center top no-repeat; padding-top: 45px; padding-left: 0px; height: auto; }  
  section.address p.address-header { font-size: 30px; }
}

@media (max-width: 992px) {
  .product { max-height: 100%; height: auto; }
  .product img { margin: 0px auto; }
  .product-description { height: 142px; }
  .product-more { display: inline-block; }
  .address { height: 100%; background: #eaeaea; text-align: center; padding-bottom: 30px; }
  section.address p.address-header { line-height: 64px; }
  header { background: #eaeaea; }
  header img.img-responsive { display: block; margin: 0px auto; padding-top: 10px; }
  .slider-wrapper { display: none; }
  .gallery-thumbs-container { display: none; }
  .top-menu { float: none; text-align: center; }
  .search { background: white; border: 1px solid #c7c7c7; width: 100%; float: none; }
  .search .search-filed { border: 0px; margin-left: 0px; background: transparent; }
  .login-box { float: none; margin: 0px auto; padding: 15px 0px; text-align: center; }
  .box-title { font-size: 68px; }
  .box-subtitle { font-size: 18px; }
  .footer .container .row > div { float: none; text-align: center; }
  .basket { float: none; text-align: center; padding-right: 0px; background: url('../i/basket.png') center top no-repeat; padding-top: 45px; padding-left: 0px; height: auto; }
}

@media (max-width: 768px) {
    .menu { height: auto; line-height: 24px; }
    .bx-pager { display: none; }
    .tabs ul li { width: 100%; float: none; }
    .basket-container { padding-top: 20px; }
    .price-promo { font-size: 18px; }
    .price-promo b { font-size: 22px; }
    .summary-table { font-size: 12px; }
    .summary-table input { width: 25px; }
}


/* basket breadcrumb */
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  /*max-width: 768px;*/
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.2rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #0072ba;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #0072ba;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}

.col-lg-last { width: 23.55%; }

@media only screen and (min-width: 768px) {
    .cd-breadcrumb {
        width: 100% !important;

    }
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    /*font-size: 1.6rem;*/
    /*font-size: 16px;*/
  }
  
  .cd-breadcrumb li > em, .cd-breadcrumb li > a, .cd-multi-steps li > em {
      width: 100% !important;
  }
}

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

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;    
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1.2em .8em 1.3em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #0072ba;
    border-color: #0072ba;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}

.red { color: red !important; }