body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #777;
    font-size: 16px;
    background-color: #f0f0f0;
    background-image: url("https://www.transparenttextures.com/patterns/fresh-snow.png")
}

img {
    max-width: 100%
}

;

a {
    color: #474747;
}

p {
    font-weight: 300
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #ffaf28;
    border-color: #ffaf28;
}

.pagination>li>a,
.pagination>li>span {
    color: #484848;
}

.btn-primary,
.btn-primary:hover {
    color: #484848;
    text-shadow: 0 0 0 rgb(0 0 0 / 25%);
    background-color: #ffaf28;
    background-image: linear-gradient(to bottom, #ffaf28, #ffaf28);
    background-repeat: repeat-x;
    border-color: transparent;
    font-size: 15px;
    padding: 10px 17px;
}

#top {
    background-color: #EEEEEE;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 0px 3px 0;
    margin: 0 0 20px 0;
    min-height: 42px
}

.top-links ul {
    margin-bottom: 0
}

.top-links ul li {
    padding-right: 12px;
    padding-left: 12px
}

.top-links a {
    font-weight: 300
}

.top-links .discount {
    width: 17px;
    position: relative;
    top: -2px;
    margin-right: 4px
}

.top-links .discount-link {
    color: #ffaf28 !important;
    font-weight: 500 !important
}

#logo a {
    display: block
}

.logo {
    max-width: 228px
}

.alert {
    padding: 17px;
    position: fixed;
    z-index: 7;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    width: 100%;
    margin: 0;
    color: #373737;
    background: #ffaf28;
    max-width: 500px;
}

.alert a {
    color: #373737;
    text-decoration: underline
}

.alert .close {
    position: absolute;
    top: 0px;
    right: 7px;
    color: #373737;
    opacity: 1;
    font-size: 28px;
    font-weight: 300;
    text-shadow: 0 0 0
}

header {
    padding: 12px 0 0
}

@media (min-width: 991px) {
    header {
        padding: 0
    }
}

header .topphone {
    text-align: right
}

header .topphone a {
    display: block;
    color: #373737;
    font-size: 27px;
    font-weight: 300;
    padding: 7px 0
}

@media (min-width: 991px) {
    header .topphone a {
        font-size: 24px;
    }
}

@media (min-width: 1200px) {
    header .topphone a {
        font-size: 27px;
    }
}

header .topphone img {
    max-width: 22px;
    position: relative;
    margin-right: 7px;
    top: -2px
}

header .catalog-btn {
    background: #ffaf28;
    border: 0;
    border-radius: 0;
    text-shadow: 0 0 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 13px 13px 11px;
    height: 48px;
    color: #373737;
    z-index: 7;
}

@media (max-width: 767px) {
    header .catalog-btn span {
        display: none
    }
}

header .catalog-btn:hover,
header .catalog-btn:focus,
header .catalog-btn:active:hover,
header .catalog-btn:active:focus,
header .catalog-btn:active {
    background: #ffaf28;
    color: #373737;
    border-color: #ffaf28;
    outline: none
}

@media (min-width: 991px) {

    header .catalog-btn,
    header .catalog-btn:hover {
        padding: 13px 18px 11px;
        font-size: 17px;
        position: relative;
        width: auto
    }
}

@media (min-width: 1200px) {

    header .catalog-btn,
    header .catalog-btn:hover {
        padding: 13px 27px 11px;
        font-size: 18px;
    }
}

header .catalog-btn img {
    max-width: 20px;
    position: relative;
    margin-right: 7px;
    top: -2px
}

header .search input[type="text"].form-control {
    height: 48px;
    font-weight: 300;
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 0;
    background: #fff;
    border: 0;
    -webkit-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.37);
    box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.37)
}

header .search button {
    border: 0px solid #ccc;
    border-radius: 0;
    height: 48px;
    font-weight: 300;
    padding: 12px 16px;
    background: #ffaf28;
    color: #373737;
    text-shadow: 0 0 0
}

header .search .live-search {
    margin-top: 48px
}

header .search img {
    max-width: 18px;
    position: relative;
    margin-right: 7px;
    top: -1px
}

header .headinfo {
    text-align: right
}

header .headinfo .wishlist {
    position: relative;
    padding-top: 5px;
    display: inline-block;
    margin-right: 18px
}

@media (min-width: 991px) {
    header .headinfo .wishlist {
        margin-right: 0;
        padding-top: 14px;
        margin-right: 27px
    }
}

header .headinfo .wishlist img {
    max-width: 34px
}

@media (min-width: 991px) {
    header .headinfo .wishlist img {
        max-width: 42px
    }
}

header .headinfo .wishlist span {
    padding: 2px 4px 0;
    position: absolute;
    background: #373737;
    color: #fff;
    border-radius: 4px;
    top: 14px;
    right: -4px;
    font-size: 14px
}

@media (min-width: 991px) {
    header .headinfo .wishlist span {
        top: 22px
    }
}

header .headinfo .compare {
    display: inline-block;
    margin-right: 15px
}

@media (min-width: 991px) {
    header .headinfo .compare {
        margin-right: 27px
    }
}

#logo {
    margin: 0;
}

header .search {
    margin-bottom: 12px;
}

@media (min-width: 991px) {
    #logo {
        margin: 0 0 10px;
    }

    header .search {
        margin-bottom: 0;
    }
}

header .headinfo .compare img {
    max-width: 38px
}

@media (min-width: 991px) {
    header .headinfo .compare img {
        max-width: 48px;
        position: relative;
        top: -1px
    }
}

header .headinfo .user-cab {
    display: inline-block;
    margin-right: 15px
}

@media (min-width: 991px) {
    header .headinfo .user-cab {
        margin-right: 27px
    }
}

header .headinfo .user-cab img {
    max-width: 34px;
    position: relative;
    top: 1px
}

@media (min-width: 991px) {
    header .headinfo .user-cab img {
        max-width: 42px;
        top: 0
    }
}

header .cart {
    text-align: right
}

header .cart .btn {
    font-size: 15px;
    line-height: 18px;
    color: #ffaf28;
    height: 48px;
    border: 0;
    padding: 14px 40px;
    border-radius: 0;
    font-weight: 300;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    width: auto;
    float: right;
    z-index: 7
}

@media (min-width: 991px) {
    header .cart .btn {
        padding: 14px 44px;
        font-size: 16px;
        position: relative;
        width: auto;
        min-width: 235px
    }
}

@media (min-width: 1200px) {
    header .cart .btn {
        min-width: 242px
    }
}

header .cart .btn .tov {
    background: #ffaf28;
    color: #373737;
    padding: 2px 4px 1px;
    position: relative;
    border-radius: 2px;
    top: -2px;
    font-size: 15px
}

header .cart img {
    max-width: 22px;
    position: relative;
    margin-right: 7px;
    top: -2px
}

header .live-search {
    width: 100%;
    position: absolute;
    z-index: 1000;
    padding: 5px 0 40px;
    margin-top: 40px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 7px 24px rgba(0, 0, 0, 0.48);
    box-shadow: 0 7px 24px rgba(0, 0, 0, 0.48);
    left: 0;
    display: none;
    border-radius: 0
}

header .live-search ul {
    max-height: 500px;
    overflow: auto
}

header .live-search ul li {
    cursor: pointer;
    padding: 13px;
    margin: 0;
    background-color: #FFF;
    min-height: 100px;
    clear: both;
    border-bottom: 1px solid #ccc
}

@media (min-width: 768px) {
    header .live-search ul li {
        min-height: 80px
    }
}

header .live-search ul li .product-add-cart {
    display: none
}

header .live-search ul li .product-image {
    width: 20%
}

@media (min-width: 768px) {
    header .live-search ul li .product-image {
        width: 10%
    }
}

header .live-search ul li .product-image img {
    width: auto;
    max-width: 100%
}

header .live-search ul li .product-name {
    font-weight: 300 !important;
    float: left;
    width: 78% !important;
    color: #373737;
    font-size: 17px;
    line-height: 1.4
}

@media (min-width: 768px) {
    header .live-search ul li .product-name {
        width: 70% !important
    }
}

header .live-search ul li .product-name p {
    display: none
}

header .live-search ul li .product-price {
    text-align: right;
    font-size: 17px;
    font-weight: 300;
    float: right;
    margin-top: 0px;
    width: 19%
}

header .live-search .result-text {
    font-weight: 300;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    color: #555555;
    background-color: #ffaf28;
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px 0
}

header .live-search .view-all-results {
    color: #373737
}

.breadcrumb {
    margin: 0px 0 4px 0;
    padding: 0 0 12px;
    border: 0px solid #ddd
}

@media (min-width: 768px) {
    .breadcrumb {
        padding: 8px 0;
        margin: 7px 0 -20px 0
    }
}

.breadcrumb li {
    text-shadow: 0 1px 0 #FFF;
    padding: 8px 14px;
    position: relative;
    white-space: normal;
    background: #e8e8e8;
    margin-bottom: 4px
}

@media (min-width: 768px) {
    .breadcrumb li {
        margin-bottom: 0
    }
}

.lang button {
    display: inline-block;
    float: left;
    width: auto;
    padding: 5px 7px 4px;
    background: #ffaf28;
    margin: 3px 7px !important;
    text-shadow: 0 0 0 black !important;
    color: #484848 !important;
}

@media (max-width: 767px) {
    .lang {
        float: none;
        display: inline-block;
    }

    .lang button {
        font-size: 17px;
        margin-top: 14px !important;
    }

    .breadcrumb {
        display: none;
    }

    div#search {
        position: fixed;
        z-index: 7777;
        top: -50px;
        left: 0;
        right: 0;
    }
}

.breadcrumb li:after {
    display: none
}

.tab-content table {
    border: 0
}

.tab-content table tr td {
    border: 0;
    border-bottom: 1px solid #ccc
}

.table-responsive td {
    max-width: 278px;
    white-space: normal !important;
}

.home-page h2 {
    text-align: center;
    font-size: 47px;
    font-weight: 700;
    color: #ffaf28;
    position: relative;
    margin-top: 48px;
    margin-bottom: 28px
}

.home-page .home-about h2 {
    font-size: 28px;
    text-align: left;
    font-weight: 300
}

@media (max-width: 767px) {
    .home-page .homeservises .col-xs-6 {
        display: inline-block;
        float: none;
        width: 49%;
        vertical-align: top
    }
}

@media (max-width: 767px) {
    .home-page .homeservises .col-xs-6:nth-child(odd) {
        padding-right: 15px;
        padding-left: 5px
    }
}

@media (max-width: 767px) {
    .home-page .homeservises .col-xs-6:nth-child(even) {
        padding-right: 5px;
        padding-left: 15px
    }
}

.home-page .home-block {
    background: #f7f8f9;
    -webkit-box-shadow: 0px 1px 4px rgba(10, 10, 10, 0.28);
    box-shadow: 0px 1px 4px rgba(10, 10, 10, 0.28);
    padding: 1px 14px;
    margin: 30px 0;
    position: relative;
    min-height: 378px
}

@media (min-width: 768px) {
    .home-page .home-block {
        margin: 18px 4px
    }
}

.home-page .home-block a {
    color: #373737
}

.home-page .home-block h3 {
    font-weight: 300;
    font-size: 28px;
    margin: 15px 0 0;
    color: #373737;
    background: #ffaf28;
    padding: 14px 17px 15px;
    position: relative;
    left: 0px;
    z-index: 1
}

.home-page .home-block img {
    max-width: 67%;
    right: 0;
    position: absolute;
    bottom: 0;
    z-index: 4
}

.home-page .home-block ul {
    position: relative;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, left top, right top, from(#ececec), to(#e2e2e2));
    background-image: linear-gradient(to right, #ececec, #e2e2e2);
    left: 0;
    top: 10px;
    width: 278px;
    padding: 14px 12px 8px 30px
}

@media (min-width: 768px) {
    .home-page .home-block ul {
        width: 310px;
    }
}

@media (min-width: 991px) {
    .home-page .home-block ul {
        width: 257px;
    }
}

@media (min-width: 1200px) {
    .home-page .home-block ul {
        width: 325px;
    }
}

.home-page .home-block .readmore {
    position: absolute;
    bottom: 0;
    left: 14px;
    background: #373737;
    color: #fff;
    font-weight: 300;
    padding: 8px 27px 9px;
    font-size: 17px
}

.home-page .home-block-servis {
    position: relative;
    background: #f7f8f9;
    margin: 0 0 24px;
    padding: 14px 14px 0;
    -webkit-box-shadow: 0px 1px 4px rgba(10, 10, 10, 0.28);
    box-shadow: 0px 1px 4px rgba(10, 10, 10, 0.28)
}

@media (min-width: 768px) {
    .home-page .home-block-servis {
        padding: 10px 10px 0
    }
}

.home-page .home-block-servis:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 37px 37px;
    border-color: transparent transparent #ffaf28 transparent
}

@media (min-width: 768px) {
    .home-page .home-block-servis {
        margin: 14px 0
    }
}

.home-page .home-block-servis h3 {
    position: relative;
    font-weight: 300;
    padding: 0;
    bottom: 14px;
    font-size: 17px
}

@media (min-width: 768px) {
    .home-page .home-block-servis h3 {
        font-size: 17px
    }
}

@media (min-width: 991px) {
    .home-page .home-block-servis h3 {
        font-size: 20px
    }
}

.home-page .home-block-servis img {
    max-width: 78px
}

.product-category {
    padding-top: 7px
}

@media (min-width: 768px) {
    .product-category {
        padding-top: 27px
    }
}

.product-category .product-layout {
    width: 100%;
    float: none;
    padding: 0 7px;
    display: inline-block;
    vertical-align: top
}

@media (min-width: 768px) {
    .product-category .product-layout {
        width: 32%
    }
}

.product-category h2 {
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 17px
}

@media (max-width: 767px) {
    .product-category .sort {
        display: none
    }
}

.product-category .filter-mobile {
    background: #ffaf28;
    color: #373737;
    padding: 6px 10px 4px;
    margin: 0;
    display: inline-block;
    line-height: 1
}

.product-category .filter-mobile img {
    margin-right: 4px;
    margin-top: -2px
}

.product-category .product-thumb {
    background: #fff !important;
    -webkit-box-shadow: 0px 1px 2px rgba(10, 10, 10, 0.48);
    box-shadow: 0px 1px 2px rgba(10, 10, 10, 0.48);
    border: 0
}

.product-category .product-thumb .image {
    text-align: center;
    display: block;
    width: 40%;
    float: left
}

@media (min-width: 768px) {
    .product-category .product-thumb .image {
        width: 100%;
        float: none
    }
}

.product-category .product-thumb .image img {
    margin: 0 auto;
    line-height: 1;
    border-right: 1px solid #dfdfdf
}

@media (min-width: 768px) {
    .product-category .product-thumb .image img {
        margin: 17px auto;
        border-right: 0px solid #dfdfdf
    }
}

.product-category .product-thumb .rating {
    position: relative;
    margin-top: 5px;
    right: 0;
    padding: 0
}

.product-category .product-thumb .rating i {
    color: #ffd982;
    font-size: 17px
}

@media (min-width: 768px) {
    .product-category .product-thumb .rating i {
        font-size: 20px
    }
}

.product-category .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px;
    width: 59%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 153px
}

@media (min-width: 768px) {
    .product-category .product-thumb .caption {
        width: 100%;
        min-height: auto
    }
}

.product-category .product-thumb .caption h4 {
    margin: 14px 0 0
}

.product-category .product-thumb .caption h4 a {
    font-size: 18px;
    font-weight: 300;
    color: #373737
}

@media (min-width: 768px) {
    .product-category .product-thumb .caption h4 a {
        font-size: 17px
    }
}

.product-category .product-thumb .caption p {
    height: auto
}

.product-category .product-thumb .caption p.price {
    font-size: 22px;
    line-height: 1;
    text-align: right;
    margin-top: 12px;
    position: absolute;
    bottom: 0;
    right: 0
}

@media (min-width: 768px) {
    .product-category .product-thumb .caption p.price {
        font-size: 24px;
        position: relative
    }
}

.product-category .product-thumb .caption p.price .pr,
.product-category .product-thumb .caption p.price .price-new {
    background: #ffaf28;
    color: #fff;
    padding: 7px 15px;
    line-height: 1;
    display: inline-block;
    font-weight: 300 !important
}

.product-category .product-thumb .caption p.price .price-old {
    color: #da0000;
    text-decoration: line-through;
    margin-right: 4px;
    font-size: 15px;
    font-weight: 300 !important
}

@media (min-width: 768px) {
    .product-category .product-thumb .caption p.price .price-old {
        font-size: 20px
    }
}

.product-category .product-thumb .button-group {
    border-left: 0px solid #ddd;
    background: #f7f8f9;
    width: 100%
}

.product-category .product-thumb .button-group button {
    float: right;
    width: 60%;
    padding: 7px 0;
    background: transparent
}

@media (min-width: 768px) {
    .product-category .product-thumb .button-group button {
        width: 60%
    }
}

.product-category .product-thumb .button-group button+button {
    width: 20%;
    border-right: 1px solid #dfdfdf;
    border-left: 0;
    position: relative;
    top: 0
}

@media (min-width: 768px) {
    .product-category .product-thumb .button-group button+button {
        border-right: 1px solid #dfdfdf;
        position: relative
    }
}

.product-category .product-thumb .button-group button+button+button {
    top: 0
}

@media (min-width: 768px) {
    .product-category .product-thumb .button-group button+button+button {
        top: 0
    }
}

.product-category .product-thumb .button-group button span {
    display: block !important;
    font-size: 17px
}

.product-page {
    margin: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    padding: 17px
}

@media (min-width: 768px) {
    .product-page {
        margin: 37px auto;
        padding: 24px
    }
}

.product-page h1 {
    font-size: 28px;
    font-weight: 300;
    padding: 0 0 12px;
    border-bottom: 1px solid #eee;
    margin: 24px 0 12px
}

@media (min-width: 768px) {
    .product-page h1 {
        margin: 0 0 12px
    }
}

.product-page h2 {
    font-size: 24px;
    font-weight: 300;
    margin-top: 30px
}

.product-page .sp-l,
.product-page .sp-o {
    background-color: transparent
}

.product-page .thumbnails {
    margin-left: 0
}

.product-page .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 0;
    background-color: #fff;
    border: 4px solid #f4f4f4;
    border-radius: 0px;
    outline: 0
}

.product-page .thumbnail:hover,
.product-page .thumbnail:focus,
.product-page .thumbnail.active {
    border-color: #ffaf28
}

.product-page .slick-next,
.product-page .slick-prev {
    height: 48px;
    width: 48px;
    outline: 0
}

@media (min-width: 768px) {

    .product-page .slick-next,
    .product-page .slick-prev {
        height: 40px;
        width: 40px
    }
}

.product-page .slick-next {
    background: url(/image/sl-arrow-right.png);
    padding: 0;
    background-color: transparent;
    background-size: cover;
    color: transparent;
    border: 0 !important;
    background-position: center;
    position: absolute;
    bottom: 5px;
    right: 10px
}

.product-page .slick-prev {
    background: url(/image/sl-arrow-left.png);
    padding: 0;
    background-color: transparent;
    background-size: cover;
    color: transparent;
    border: 0 !important;
    background-position: center;
    position: absolute;
    bottom: 5px;
    left: 10px;
    z-index: 1
}

.product-page .nav-tabs {
    margin-bottom: 0
}

.product-page .nav-tabs li a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
    background: #f6f6f6;
    color: #ffaf28;
    font-weight: 300;
    font-size: 15px;
    padding: 10px 14px 10px
}

@media (min-width: 768px) {
    .product-page .nav-tabs li a {
        font-size: 18px;
        padding: 10px 20px 12px
    }
}

.product-page .nav-tabs li.active a {
    color: #373737;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.product-page .tab-content>.active {
    display: block;
    border: 1px solid #ddd;
    border-top: oldlace;
    padding: 17px
}

.product-page .product-top {
    display: inline-block;
    padding: 4px 0 8px;
    vertical-align: top;
    width: 100%;
    border-right: 0px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 17px
}

@media (min-width: 768px) {
    .product-page .product-top {
        padding: 4px 0 0;
        width: 49%;
        border-right: 1px solid #eee;
        border-bottom: 0;
        margin-bottom: 0
    }
}

.product-page .product-top p {
    display: block;
    margin: 10px 14px 7px 7px
}

.product-page .product-top a {
    color: #373737;
    border-bottom: 1px dashed #373737
}

.product-page .product-price {
    margin-bottom: 14px;
    width: 100%;
    display: inline-block
}

@media (min-width: 768px) {
    .product-page .product-price {
        width: 49%;
        margin-bottom: 0
    }
}

.product-page .tar {
    text-align: right
}

.product-page .price-new,
.product-page .pr {
    background: #ffaf28;
    color: #373737;
    font-size: 32px;
    font-weight: 300;
    padding: 7px 17px;
    display: inline-block;
    line-height: 1
}

@media (min-width: 768px) {
    .product-page .pr {
        margin-top: 27px
    }
}

.product-page .price-old {
    font-size: 28px;
    font-weight: 300;
    padding: 4px 14px;
    text-decoration: line-through;
    display: inline-block;
    margin-bottom: 8px
}

.product-page .btn-group button {
    border: 0;
    background: transparent
}

.product-page .quant {
    width: 52%;
    border-right: 0px solid #eee;
    padding: 0 0 5px 8px;
    display: inline-block
}

@media (min-width: 768px) {
    .product-page .quant {
        width: 49%;
        border-right: 1px solid #eee
    }
}

.product-page .quant label {
    font-size: 17px;
    font-weight: 300;
    width: auto;
    margin-right: 8px
}

.product-page .quant input {
    max-width: 48px;
    display: inline-block;
    font-size: 18px;
    height: 38px;
    text-align: right
}

.product-page .product-cart {
    display: inline-block;
    width: 46%;
    text-align: right
}

@media (min-width: 768px) {
    .product-page .product-cart {
        width: 49%
    }
}

.product-page .product-cart .btn {
    display: inline-block;
    width: auto;
    font-size: 18px;
    font-weight: 300;
    border: 0;
    border-radius: 0;
    padding: 12px 18px 13px;
    color: #373737;
    background: #ffaf28
}

@media (min-width: 768px) {
    .product-page .product-cart .btn {
        font-size: 20px;
        padding: 8px 24px 9px
    }
}

@media (min-width: 768px) {
    .product-page .pay {
        display: inline-block;
        width: 49%;
        border-right: 1px solid #eee
    }
}

.product-page .pay p,
.product-page .delivery p {
    border: 0;
    background: #f7f7f7;
    padding: 4px 12px;
    margin: 4px;
    display: inline-block;
}

.product-page .pay h3 {
    font-size: 24px;
    font-weight: 300
}

@media (min-width: 768px) {
    .product-page .delivery {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        margin-left: 1%
    }
}

.product-page .delivery h3 {
    font-size: 24px;
    font-weight: 300
}

.product-page .proportion h3 {
    font-size: 24px;
    font-weight: 300
}

.product-page .pay-btn {
    background: #f4f4f4;
    border: 0 !important;
    outline: 0 !important;
    font-size: 14px;
    font-weight: 300;
    padding: 4px 22px 4px 12px;
    margin: 3px;
    position: relative
}

.product-page .pay-btn:before {
    content: "?";
    background: #ffaf28;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    color: #373737
}

.product-page .proportion {
    border-bottom: 1px solid #eee;
    padding-bottom: 17px;
    margin-bottom: 17px
}

@media (min-width: 768px) {
    .product-page .proportion {
        border-bottom: 0px solid #eee;
        padding-bottom: 0px;
        margin-bottom: 0px
    }
}

.product-page .img-icon img {
    max-width: 28px;
    margin-right: 12px
}

.product-page .tab-content p {
    font-family: inherit !important;
    color: #373737 !important
}

#smca-modal-body {
    background: #fff;
    max-width: 800px !important;
    width: 100% !important;
    margin: 0 auto;
    min-height: 100px;
    position: relative
}

#smca-modal-body .modal-footer input {
    width: 49% !important;
    height: 40px !important;
    margin: 0 !important;
    font-family: inherit !important
}

#smca-modal-body .modal-footer input.close-button-bottom {
    background: #373737 !important
}

#smca-modal-body .modal-footer input.go-button-bottom {
    background: #ffaf28 !important
}

.rektov .sp-l,
.rektov .sp-o {
    background-color: transparent
}

.rektov .sp-l .product-thumb,
.rektov .sp-o .product-thumb {
    margin-bottom: 20px;
    overflow: auto;
    background: #fff !important;
    -webkit-box-shadow: 0px 1px 2px rgba(10, 10, 10, 0.48);
    box-shadow: 0px 1px 2px rgba(10, 10, 10, 0.48);
    border: 0
}

.rektov .sp-l p,
.rektov .sp-o p {
    height: auto
}

.rektov .sp-l p.price,
.rektov .sp-o p.price {
    font-size: 18px;
    line-height: 1;
    text-align: right;
    margin-top: 12px
}

@media (min-width: 768px) {

    .rektov .sp-l p.price,
    .rektov .sp-o p.price {
        font-size: 24px
    }
}

.rektov .sp-l p.price .pr,
.rektov .sp-l p.price .price-new,
.rektov .sp-o p.price .pr,
.rektov .sp-o p.price .price-new {
    background: #ffaf28;
    color: #fff;
    padding: 4px 8px;
    line-height: 1;
    display: inline-block;
    font-weight: 300 !important
}

.rektov .sp-l p.price .price-old,
.rektov .sp-o p.price .price-old {
    color: #da0000;
    text-decoration: line-through;
    margin-right: 4px;
    font-size: 15px;
    font-weight: 300 !important
}

@media (min-width: 768px) {

    .rektov .sp-l p.price .price-old,
    .rektov .sp-o p.price .price-old {
        font-size: 20px
    }
}

i.fa.fa-shopping-cart {
    display: none
}

@media (max-width: 991px) and (min-width: 768px) {

    #content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(4n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1),
    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {
        clear: none
    }
}

.modal-catalog .close {
    float: right;
    font-size: 48px;
    font-weight: 300;
    line-height: 1;
    color: #373737;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    right: 14px;
    top: 0;
    z-index: 7
}

.modal-catalog .modal-body {
    padding: 15px 15px 15px 34px
}

.modal-catalog .modal-dialog {
    width: 100%;
    margin: 0 auto;
    background-color: #f0f0f0;
    background-image: url(https://www.transparenttextures.com/patterns/fresh-snow.png)
}

@media (min-width: 991px) {
    .modal-catalog .modal-dialog {
        width: 800px;
        margin: 30px auto
    }
}

.modal-catalog .modal-dialog h2 {
    font-size: 32px;
    text-align: center;
    font-weight: 300;
    color: #373737;
    margin-bottom: 14px
}

.modal-catalog .modal-dialog .modal-content {
    background-color: transparent;
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.modal-catalog .modal-dialog a {
    font-size: 17px;
    font-weight: 300;
    color: #373737;
    padding: 14px;
    position: relative;
    display: block;
    margin-bottom: 14px;
    border: 1px dashed transparent;
    border-radius: 7px;
    -webkit-transition: .7s ease;
    transition: .7s ease
}

@media (min-width: 991px) {
    .modal-catalog .modal-dialog a {
        font-size: 20px
    }
}

.modal-catalog .modal-dialog a:hover {
    border: 1px dashed #ffaf28
}

.modal-catalog .modal-dialog img {
    width: 78px;
    display: block;
    margin-bottom: 14px;
    opacity: .8
}

@media (min-width: 991px) {
    .modal-catalog .modal-dialog img {
        width: 87px
    }
}

.modal-catalog .modal-dialog .modal-block {
    width: 48%;
    display: inline-block;
    float: none;
    vertical-align: top
}

@media (min-width: 768px) {
    .modal-catalog .modal-dialog .modal-block {
        width: 33%
    }
}

@media (max-width: 767px) {
    .modal-catalog .modal-dialog .col-xs-6 {
        width: 49%;
        float: none;
        display: inline-block;
        vertical-align: top
    }
}

.modal-backdrop {
    background-color: #f0f0f0;
    background-image: url(https://www.transparenttextures.com/patterns/fresh-snow.png)
}

.modal-backdrop.in {
    filter: alpha(opacity=100);
    opacity: 1
}

.bf-panel-wrapper {
    background: #fdfdfd;
    -webkit-box-shadow: 0px 1px 4px rgba(10, 10, 10, 0.28);
    box-shadow: 0px 1px 4px rgba(10, 10, 10, 0.28)
}

.bf-panel-wrapper.bf-responsive.bf-active.bf-left.bf-opened .bf-check-position {
    left: 0;
    right: 0;
    bottom: 48px;
    width: 100% !important;
    margin: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    -webkit-transition: left 700ms, right 700ms;
    transition: left 700ms, right 700ms
}

.bf-panel-wrapper .box-heading {
    color: #373737 !important;
    background: #EEE;
    text-shadow: 0 1px 0 #FFF;
    padding: 16px 12px !important;
    border-bottom: 1px solid #DDD;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300
}

.bf-panel-wrapper .bf-sliding.bf-expanded {
    overflow-y: auto;
    height: auto !important
}

.bf-panel-wrapper .bf-form div:nth-last-of-type(2) .bf-attr-filter:last-child .bf-cell {
    border-bottom: 0
}

.bf-panel-wrapper .bf-attr-header {
    padding: 12px;
    font-weight: 300;
    font-size: 17px
}

.bf-panel-wrapper .bf-attr-block-cont {
    display: block;
    padding: 7px 10px
}

.bf-panel-wrapper .bf-attr-block-cont label {
    font-size: 14px;
    font-weight: 300
}

.bf-panel-wrapper .bf-attr-block-cont .bf-row {
    display: block;
    border-bottom: 1px solid #dbdee1
}

.bf-panel-wrapper .bf-attr-block-cont .bf-row:last-child {
    border: 0
}

.bf-panel-wrapper .bf-sliding.bf-expanded {
    overflow-y: auto;
    height: auto !important
}

.bf-panel-wrapper .bf-cell {
    display: inline-block;
    padding: 7px 0;
    height: auto;
    border: 0
}

.bf-panel-wrapper .bf-c-1 {
    width: 20px
}

.bf-panel-wrapper .bf-c-3 {
    width: auto
}

.bf-panel-wrapper .bf-c-3 .bf-count {
    background: #ffaf28;
    color: #373737;
    line-height: 1;
    border-radius: 2px;
    padding: 3px 3px 2px;
    font-size: 13px;
    top: -1px
}

.bf-panel-wrapper input[type=text].bf-range-max,
.bf-panel-wrapper input[type=text].bf-range-min,
.bf-panel-wrapper input[type=text].bf-slider-input {
    width: 67px;
    min-width: 67px;
    padding: 4px 7px
}

.bf-panel-wrapper .ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: -.6em
}

.bf-panel-wrapper .bf-price-slider-container {
    padding: 10px 7px 15px
}

.bf-panel-wrapper .bf-buttonclear-box {
    border: 0;
    padding: 8px 10px;
    background: #ffaf28;
    color: #373737
}

.bf-panel-wrapper .bf-buttonclear-box .bf-buttonclear {
    background: transparent;
    color: #373737;
    text-decoration: none;
    min-height: 24px;
    text-align: center !important;
    width: 100%;
    background-image: none !important;
}

.filter-reset {
    position: fixed;
    bottom: 0;
    left: -100%;
    z-index: 13;
    background: #f00;
    width: 50%;
    height: 48px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 15px 0;
    -webkit-transition: .7s ease;
    transition: .7s ease
}

.filter-reset.vis {
    left: 0
}

.filter-reset {
    position: fixed;
    bottom: 0;
    left: -100%;
    z-index: 13;
    background: #f00;
    width: 50%;
    height: 48px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 15px 0;
    -webkit-transition: .7s ease;
    transition: .7s ease
}

.filter-reset.vis {
    left: 0
}

.filter-mobile-hide {
    position: fixed;
    bottom: 0;
    right: -100%;
    z-index: 13;
    background: #ffaf28;
    color: #373737;
    width: 50%;
    height: 48px;
    text-align: center;
    font-size: 16px;
    padding: 15px 0;
    -webkit-transition: .7s ease;
    transition: .7s ease
}

.filter-mobile-hide.vis {
    right: 0
}

.bf-responsive.bf-active .bf-btn-show,
.bf-btn-reset {
    display: none !important
}

.checkout h1 {
    font-size: 40px;
    font-weight: 300
}

.checkout .form-control {
    height: 40px;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #373737;
    border: 0 solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.37);
    box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.37)
}

.checkout .qc-step {
    background: #fff;
    -webkit-box-shadow: 0px 1px 4px rgba(10, 10, 10, 0.28);
    box-shadow: 0px 1px 4px rgba(10, 10, 10, 0.28)
}

.checkout .quickcheckout-content {
    border: 0px solid #dddddd;
    padding: 14px;
    overflow: auto;
    margin-bottom: 30px
}

.checkout .btn-primary,
.checkout .btn-danger {
    color: #373737;
    background-color: #ffaf28;
    background-image: linear-gradient(to bottom, #ffaf28, #e99303);
    border: 0;
    border-radius: 0;
    padding: 8px 20px 6px;
    height: 40px !important
}

.checkout .btn-danger {
    background-color: #ff0909;
    background-image: linear-gradient(to bottom, #ff0909, #ff0909);
    color: #fff
}

.checkout #cart1 {
    padding-top: 0 !important;
    overflow: auto
}

.checkout label {
    font-size: 15px;
    font-weight: 300
}

.checkout .cart-icon {
    width: 34px;
    margin-right: 11px
}

.checkout .quickcheckout-heading {
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
    background: #f7f7f7;
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.checkout input[type='radio'],
.checkout label {
    cursor: pointer
}

.checkout input[type='radio'] {
    position: relative;
    height: 22px;
    width: 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

.checkout input[type='radio']::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid #ffaf28
}

.checkout input[type='radio']:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ffaf28;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible
}

.checkout #shipping-method tbody td,
.checkout #payment-method tbody td {
    padding: 12px 8px 8px;
    border-top: 0px solid #ddd;
    border-bottom: 1px solid #ddd
}

.checkout table.quickcheckout-cart thead td {
    background-color: #f7f7f7;
    border-bottom: 1px solid #dddddd;
    color: #373737;
    font-weight: 300;
    padding: 10px 7px !important
}

.checkout table.quickcheckout-cart b {
    font-weight: 300
}

.checkout #weight-heading {
    background: #f7f7f7;
    cursor: pointer;
    width: 100%;
    padding: 10px;
    font-weight: 300;
    margin-bottom: 5px;
    text-align: right;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

footer {
    margin-top: 30px;
    padding-top: 30px;
    background-color: #EEEEEE;
    border: 0;
    color: #000000;
    padding: 30px 20px 47px;
    border-top: 7px solid #ffaf28
}

@media (min-width: 768px) {
    footer {
        padding: 40px 0 0
    }
}

footer .footlogo img {
    max-width: 200px;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    footer .footlogo img {
        max-width: 100%
    }
}

footer .footlogo p {
    font-size: 12px
}

footer a {
    color: #373737;
    font-weight: 300;
    padding: 3px 0;
    display: block
}

footer hr {
    border-bottom: 4px solid #ffaf28
}

footer h5 {
    font-size: 27px;
    font-family: inherit;
    font-weight: 300
}

footer .contact-info img {
    width: 18px;
    margin-right: 8px;
    position: relative;
    top: -1px
}

footer .contact-info a,
footer .contact-info p {
    font-size: 17px;
    font-weight: 300;
    display: block;
    padding: 8px 0
}

footer .copyright p {
    margin-bottom: 24px
}

.nav-container {
    display: none
}

.mobmenu {
    display: inline-block;
    float: right
}

.mobmenu img {
    width: 24px;
    margin-right: 7px
}

@media (max-width: 991px) {
    .nav-container {
        position: fixed;
        top: 0;
        left: 100%;
        height: 100%;
        width: 100%;
        z-index: -1;
        background-color: #f0f0f0;
        background-image: url("https://www.transparenttextures.com/patterns/fresh-snow.png");
        opacity: 0;
        display: block;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }

    .nav-container ul {
        position: absolute;
        top: 50%;
        left: 7px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        padding: 0
    }

    .nav-container ul li {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 0px
    }

    .nav-container ul li:nth-child(1) a {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    .nav-container ul li:nth-child(2) a {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    .nav-container ul li:nth-child(3) a {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    .nav-container ul li:nth-child(4) a {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    .nav-container ul li:nth-child(5) a {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    .nav-container ul li:nth-child(6) a {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s
    }

    .nav-container ul li:nth-child(7) a {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s
    }

    .nav-container ul li:not(:first-child) {
        margin-left: 0
    }

    .nav-container ul li ul li {
        text-align: left
    }

    .nav-container ul li ul li a {
        font-size: 20px
    }

    .nav-container ul li a {
        padding: 14px 0;
        opacity: 0;
        color: #ffaf28;
        display: block;
        font-weight: 300;
        font-size: 28px;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease
    }

    .nav-open {
        position: relative;
        display: inline-block;
        cursor: pointer;
        z-index: 1000;
        border-radius: 50%
    }

    .nav-open i {
        display: block;
        width: 32px;
        height: 4px;
        background: #ffaf28;
        border-radius: 0px;
        margin-left: 7px
    }

    .nav-open i:nth-child(1) {
        margin-top: 9px
    }

    .nav-open i:nth-child(2) {
        margin-top: 7px;
        opacity: 1
    }

    .nav-open i:nth-child(3) {
        margin-top: 7px
    }
}

#nav:checked+.nav-open {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav:checked+.nav-open i {
    background: #ffaf28;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease
}

#nav:checked+.nav-open i:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(180deg);
    transform: translateY(10px) rotate(180deg)
}

#nav:checked+.nav-open i:nth-child(2) {
    opacity: 0
}

#nav:checked+.nav-open i:nth-child(3) {
    -webkit-transform: translateY(-11px) rotate(90deg);
    transform: translateY(-11px) rotate(90deg)
}

#nav:checked~.nav-container {
    z-index: 999;
    left: 0;
    opacity: 1
}

#nav:checked~.nav-container ul li a {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.catdesc {
    padding-top: 24px;
}

.modal-catalog .home-block-servis {
    min-height: 200px;
}