@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url("jquery-ui.min.css");

body {font-family: "Open Sans" !important;}
.top-bar { background-color: #b78100; color:#fff; padding: 25px 1rem}
.top-bar ul li { border-color:#fff;}


.hero { padding: 30px 0; color: #333;}

.cart-product .delete { margin-left: 10px;}
.cart-product .text a strong { }
.img img { max-width: 100px;}

.product .image img { width:100%; max-width: none; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.product .add-to-cart { margin-right: 5px;}
.product .image {padding: 0; height: auto;}
.product .image .image-hover:hover { transform:scale(1.15); -ms-transform:scale(1.15);  -moz-transform:scale(1.15); -webkit-transform:scale(1.15); -o-transform:scale(1.15); }
.product a { width: 100%;}
.product a:hover { text-decoration: none; color:#8c6300 }
.product a:hover .price s {color:#8c6300;}
.product a:hover, .product a:hover .price s { -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.product .price b { color: #000; }
.product .price s { color: #b78100; font-size: 18px; font-weight: bold}
.product .price span{ color: #666;}
.product .zoom-overflow { overflow: hidden; width: 100%; border: 1px solid #8c6300; border-radius: 2px;}
.product .product-leather-badge { position: absolute; top: 0; left: 0; width: 100%; z-index:10}
.product .product-leather-badge img { width: 20%}

.product-big-image .product-leather-badge { position: absolute; z-index: 1000; width: 100%; text-align: left}
.product-big-image .product-leather-badge img { width: 10%;  }

.slider-padding { padding: 20px 10px; }
.item-padding { padding: 20px 10px; }
.item .promo-label { position:absolute; top:0; right:-10px; width:52px; height:52px; background:url("../img/otstypka.png") center center no-repeat; padding-top:16px; padding-left: 10px; z-index:1; line-height:10px; font-weight:bold; color:#8c6300; font-size:13px;}
.item .promo-label span { font-size:10px; color:silver; }
.item-image-link { width: 100%; position: relative;}
.item-image-link-simbol { position: absolute; top: 50%;left: 50%;}
.item-image-link-simbol i {font-size: 80px;  margin-top: -40px; margin-left: -40px; color: #fff; text-shadow: 0 0 10px #000;}
.item-magnifire a {}
.item-magnifire span { opacity: 0.2; transition: 0.2s linear all; }

.item-magnifire a:hover > span {opacity: 0.7;}


#smallLogin .modal-footer { font-size: 14px !important; display: block;}
#smallLogin .btn { min-width: 50%;}

.checkout-pins {background:#f5f5f5;border-radius:50px;padding:0;border:none !important;overflow:hidden;height:50px}
.checkout-pins .nav-item{ text-align: center; line-height: 50px; width: 25% !important;}
.checkout-pins .active { background: #b78100; color: #fff;}

.user-menu li a { text-decoration: none; display: block;}
.user-panel .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #b78100;}

.user-dashboard a {
    text-align: center;
    display: block;
    background-color: #F9F9F9;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
    padding: 30px 0;
    font-size: 20px;
    font-weight: 300;
    color: #777777;
    transition: all 0.2s ease-in;
    margin-bottom: 30px;
    min-height:150px;
}
.user-dashboard a:hover {
    background-color:#b78100;
    color:white;
    text-decoration: none;
}
.user-dashboard a i {
    display: block;
    margin-bottom: 8px;
    font-size: 38px;
}

.smallList { color:red;}
.tbl-right { text-align: right;}

.payments-select button  { width: 120% !important;}
.payments-select .filter-option  { width: 120% !important;

}

.cart-counter {position: relative; font-size: 1.1em;}
.cart-counter a { color: #fff; margin: 0 10px; text-decoration: none; cursor: pointer; font-size: 1.2em;}
.cart-counter i {}
.cart-pos_OLD {position: absolute; right: 10px; top:41px;}

.filter-option-inner-inner {color: #b78100}


.pagination { flex-wrap: wrap; aalign-items: center; justify-content: center;}
.pagination-custom a.page-link { margin: 0; margin-top: 2px;}
.pages a {text-decoration:none; color:#656565;font-weight:300;margin:2px 0;padding:5px 10px;display:block;border-radius:30px}
.pages a:hover {color:#fff;background:#b78100}

.box-footer {padding-bottom: 100px;}
.mt5 { margin-top: 5px;}
.mt10, .mt-10 { margin-top: 10px;}
.mt20, .mt-20 { margin-top: 20px;}
.mt50, .mt-50 { margin-top: 50px;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

/* price slider */

.ui-widget-content {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    color: #b78100;
    height: 3px;
}
.ui-slider .ui-slider-range {
    background: #b78100 none repeat scroll 0 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #b78100 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    height: 12px;
    margin-left: 0;
    margin-top: -6px;
    top: 50%;
    width: 3px;
}
#slider-caption { text-align: center; width: 100%; display: inline-block; color: #b78100; font-size: 16px;}

.index-banners { position: relative;}
.index-banners-text { position: absolute; top: 30%; width: 50%}
.index-banners-text-left {  left: 10%; }
.index-banners-text-right { right: 10%;}

[type="submit"], button { -webkit-appearance: none;}

.carousel-indicators li { width: 15px; height: 15px; border-radius: 15px; border: 0;}
.carousel-control-next { justify-content: right; padding-right: 30px;}
.carousel-control-prev { justify-content: left; padding-left: 30px;}

.fixed-header-offset { height: 110px;}

.cart-table .thumb img { max-width: 150px;}
.dropdown-menu { margin-top: 0;}
.dropdown-menu.show.main-menu { display: flex !important;}
.main-menu { min-width: 600px;}
.main-menu li { padding-left: 0; padding-right: 0}

.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #b78100;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

.slogan h1 {
    font-size: 36px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    letter-spacing: 1px;
    width: 100%;
    text-transform: uppercase;
}

.info > a {
    font-size: 0.9em !important;
    padding: 0;
    margin-right: 0 !important;
    margin-top: 20px;
    text-decoration: none;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.modal-content {
  border-radius: 0px;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
  opacity: 0.75;
}

#filter-loading.fade {
    transition: opacity .05s linear;

}

.product-big-image img { left: 0;}

.product-image-navigation { list-style: none; padding: 0; margin-left: -5px; margin-right: -5px; text-align: center; font-size: 0}
.product-image-navigation li { width: 33.333333%; padding: 10px 5px 0 5px; display: inline-block; }
.product-image-navigation img { width: 100%; display: block;  padding: 2px; border: 1px solid #ddd;}

.gallery-navigation {  font-size: 0 }
.gallery-navigation a { width: 33.333333%; padding: 10px 5px 0 5px; display: inline-block; }
.gallery-navigation img { width: 100%; display: block;  padding: 2px; border: 1px solid #ddd;}

.zoomWindow { border: 0 !important;}

.ribbon-primary { z-index: 1000 !important;}
section.product-details .item img { width: 100%;}

@media screen and (min-width: 0px) and (max-width:480px) {
    section.hero.hero-home h1 { font-size: 2em;}
    .product a { width: 100%;}
    .product h3 { font-size: 12px;}
    .product .ribbon-primary { font-size: 10px !important; letter-spacing: 1px; padding: 5px 5px;}

    .cart-text a { font-size: 14px;}
    .cart-text small { font-size: 12px;}
    .cart-text span { font-size: 12px;}

    .index-banners-text { top: 10%; width: 100%}
    .index-banners-text h1 { font-size: 16px; }
    .index-banners-text p { font-size: 14px !important; }
    .index-banners-text .btn.wide, .index-banners-text .wide.btn-template-outlined { padding-left: 10px; padding-right: 10px; }
    .index-banners-text .btn, .index-banners-text .btn-template-outlined { font-size: 14px !important; }
}

@media screen and (min-width: 0px) and (max-width:992px) {
    nav.navbar .cart .dropdown-menu { padding: 5px;}
    nav.navbar .right-col .text { max-width: 130px}
    nav.navbar .right-col .text a { font-size: 0.8em;}
    nav.navbar .cart-product .text { padding-left: 5px;}
    nav.navbar .cart-product .details { width: auto !important;}
    #cartdetails { margin-top: 10px;}
    .cart-no { margin-top: 10px;}
    .cart-product { border-bottom: 1px dotted grey;}
    .delete { font-size: 32px;}

    .index-banners-text h1 { font-size: 20px; }
    .index-banners-text p { font-size: 16px !important; }

    .carousel-control-next { padding-right: 10px;}
    .carousel-control-prev { padding-left: 10px;}

    .fixed-header-offset { height: 62px;}
    .main-menu { min-width: auto;}
    /*.dropdown-menu-scroll { max-height: 220px; overflow-y: scroll;}*/

}


.masonry-grid {
    position: relative
}

.masonry-grid::before, .masonry-grid::after {
    display: table;
    content: ' '
}

.masonry-grid::after {
    clear: both
}

.masonry-grid .gutter-sizer {
    width: 30px
}

.masonry-grid .grid-item {
    margin-bottom: 30px
}

.masonry-grid .grid-item .post-tile {
    margin-bottom: 0
}

.masonry-grid.m-col-1 .gutter-sizer {
    width: 0
}

.masonry-grid.m-col-1 .grid-sizer, .masonry-grid.m-col-1 .grid-item {
    width: 100%
}

.masonry-grid.m-col-2 .grid-sizer, .masonry-grid.m-col-2 .grid-item {
    width: calc((100% / 2) - 15px)
}

.masonry-grid.m-col-3 .grid-sizer, .masonry-grid.m-col-3 .grid-item {
    width: calc((100% / 3) - 20px)
}

.masonry-grid.m-col-4 .grid-sizer, .masonry-grid.m-col-4 .grid-item {
    width: calc((100% / 4) - 22.5px)
}

.masonry-grid.m-col-5 .grid-sizer, .masonry-grid.m-col-5 .grid-item {
    width: calc((100% / 5) - 24px)
}

.masonry-grid.m-col-6 .grid-sizer, .masonry-grid.m-col-6 .grid-item {
    width: calc((100% / 6) - 25px)
}

@media screen and (max-width: 1100px) {
    .masonry-grid.m-col-6 .grid-sizer, .masonry-grid.m-col-6 .grid-item, .masonry-grid.m-col-5 .grid-sizer, .masonry-grid.m-col-5 .grid-item, .masonry-grid.m-col-4 .grid-sizer, .masonry-grid.m-col-4 .grid-item {
        width: calc((100% / 3) - 20px)
    }
}

@media screen and (max-width: 820px) {
    .masonry-grid.m-col-6 .grid-sizer, .masonry-grid.m-col-6 .grid-item, .masonry-grid.m-col-5 .grid-sizer, .masonry-grid.m-col-5 .grid-item, .masonry-grid.m-col-4 .grid-sizer, .masonry-grid.m-col-4 .grid-item, .masonry-grid.m-col-3 .grid-sizer, .masonry-grid.m-col-3 .grid-item {
        width: calc((100% / 2) - 15px)
    }
}

@media screen and (max-width: 560px) {
    .masonry-grid.m-col-6 .gutter-sizer, .masonry-grid.m-col-5 .gutter-sizer, .masonry-grid.m-col-4 .gutter-sizer, .masonry-grid.m-col-3 .gutter-sizer, .masonry-grid.m-col-2 .gutter-sizer {
        width: 0
    }

    .masonry-grid.m-col-6 .grid-sizer, .masonry-grid.m-col-6 .grid-item, .masonry-grid.m-col-5 .grid-sizer, .masonry-grid.m-col-5 .grid-item, .masonry-grid.m-col-4 .grid-sizer, .masonry-grid.m-col-4 .grid-item, .masonry-grid.m-col-3 .grid-sizer, .masonry-grid.m-col-3 .grid-item, .masonry-grid.m-col-2 .grid-sizer, .masonry-grid.m-col-2 .grid-item {
        width: 100%
    }
}

.masonry-grid.grid-no-gap .gutter-sizer {
    width: 0
}

.masonry-grid.grid-no-gap .grid-item {
    margin-bottom: 0
}

.masonry-grid.grid-no-gap.m-col-2 .grid-sizer, .masonry-grid.grid-no-gap.m-col-2 .grid-item {
    width: 50%
}

.masonry-grid.grid-no-gap.m-col-3 .grid-sizer, .masonry-grid.grid-no-gap.m-col-3 .grid-item {
    width: 33.33333%
}

.masonry-grid.grid-no-gap.m-col-4 .grid-sizer, .masonry-grid.grid-no-gap.m-col-4 .grid-item {
    width: 25%
}

.masonry-grid.grid-no-gap.m-col-5 .grid-sizer, .masonry-grid.grid-no-gap.m-col-5 .grid-item {
    width: 20%
}

.masonry-grid.grid-no-gap.m-col-6 .grid-sizer, .masonry-grid.grid-no-gap.m-col-6 .grid-item {
    width: 16.66667%
}

@media screen and (max-width: 1100px) {
    .masonry-grid.grid-no-gap.m-col-6 .grid-sizer, .masonry-grid.grid-no-gap.m-col-6 .grid-item, .masonry-grid.grid-no-gap.m-col-5 .grid-sizer, .masonry-grid.grid-no-gap.m-col-5 .grid-item, .masonry-grid.grid-no-gap.m-col-4 .grid-sizer, .masonry-grid.grid-no-gap.m-col-4 .grid-item {
        width: 33.33333%
    }
}

@media screen and (max-width: 820px) {
    .masonry-grid.grid-no-gap.m-col-6 .grid-sizer, .masonry-grid.grid-no-gap.m-col-6 .grid-item, .masonry-grid.grid-no-gap.m-col-5 .grid-sizer, .masonry-grid.grid-no-gap.m-col-5 .grid-item, .masonry-grid.grid-no-gap.m-col-4 .grid-sizer, .masonry-grid.grid-no-gap.m-col-4 .grid-item, .masonry-grid.grid-no-gap.m-col-3 .grid-sizer, .masonry-grid.grid-no-gap.m-col-3 .grid-item {
        width: 50%
    }
}

@media screen and (max-width: 560px) {
    .masonry-grid.grid-no-gap.m-col-6 .grid-sizer, .masonry-grid.grid-no-gap.m-col-6 .grid-item, .masonry-grid.grid-no-gap.m-col-5 .grid-sizer, .masonry-grid.grid-no-gap.m-col-5 .grid-item, .masonry-grid.grid-no-gap.m-col-4 .grid-sizer, .masonry-grid.grid-no-gap.m-col-4 .grid-item, .masonry-grid.grid-no-gap.m-col-3 .grid-sizer, .masonry-grid.grid-no-gap.m-col-3 .grid-item, .masonry-grid.grid-no-gap.m-col-2 .grid-sizer, .masonry-grid.grid-no-gap.m-col-2 .grid-item {
        width: 100%
    }
}


.tile-blog {
    background-color: #f5f5f5
}

.tile-blog .tile-title {
    font-family: "Playfair Display", serif;
    padding: 30px 24px 0;
    margin-top: 0
}

.tile-blog .tile-title a {
    text-transform: none;
    font-size: 20px;
    line-height:24px;
}

.tile-blog .tile-title::after {
    display: none
}

.tile-blog .tile-meta {
    padding: 16px 24px 24px
}

.tile-blog .tile-meta a {
    color: gray
}

.tile-blog .tile-meta a:hover {
    color: red
}

.tile-blog .tile-meta .meta-top {
    font-size: 10px;
    position: relative
}

.tile-blog .tile-meta .meta-top > * {
    padding-right: 8px
}

.tile-blog .tile-meta .meta-top:after {
    position: absolute;
    left: 0;
    bottom: -8px;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e6e6e6
}

.tile-blog .tile-meta .meta-bottom > * {
    font-size: 12px
}

.tile-blog .tile-meta .meta-bottom .likes-qty {
    float: right
}

.tile-blog .tile-meta .meta-bottom .likes-qty i {
    padding-right: 3px
}

.tile-blog .tile-meta .tile-text {
    padding-top: 16px;
    font-size: 14px;
}

.tile-blog img {
    width: 100%;
}
.blog-item h1 {
    font-size: 2.5rem;
}
.blog-item h4 {
    font-size: 1rem;
    margin-top: 15px;
}
.blog-item img {
    width: 100%;
}
.blog-text a { text-decoration: underline; font-weight: bold;}
.fw-section {
    padding: 10px 0;
}

#express-order-button.disabled {
    background-color: #666;
    border-color: #777;
    cursor: not-allowed;
}