/* - - - chung - - -*/
.attr a {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    overflow: hidden;
    line-height: 29px;
    border: 1px solid #fff;
    margin-right: 7px;
    transition: all 0.2s;
    box-shadow: 0 0 0 1px #B8B8B8;
    text-align: center;
    font-size: 14px;
    color: #000;
    padding: 0 2px;
}

/*.attr a:hover,*/
.attr a.active {
    border-color: #050203;
}

.unsel {
    cursor: not-allowed !important;
}

.deactive {
    background: #ccc;
    pointer-events: none;
}

#pagination .paginator {
    display: inline-flex;
    margin: 20px 0;
}

#pagination .paginator a, #pagination .paginator span.currentPage {
    border: 1px solid #1d1d1d;
    padding: 7px 13px;
    font-weight: 500;
    font-size: 15px;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    margin-right: 3px;
    color: #1d1d1d;
}

#pagination .paginator a:hover, #pagination .paginator span.currentPage {
    background: #1d1d1d;
    color: #fff;
}

.paginator a.paging-first:before {
    content: "\f100";
    font-family: FontAwesome;
}

.paginator a.paging-previous:before {
    content: "\f104";
    font-family: FontAwesome;
}

.paginator a.paging-next:before {
    content: "\f105";
    font-family: FontAwesome;
}

.paginator a.paging-last:before {
    content: "\f101";
    font-family: FontAwesome;
}

#pagination .paginator .labelPages, #pagination .paginator .titlePages {
    display: none;
}

/* - - - chung - - -*/

.ui-tooltip {
    padding: 5px 10px;
    color: white;
    box-shadow: 0 0 7px black;
    font-size: 14px;
}

.ui-tooltip, .arrow:after {
    background: black;
    /*border: 2px solid white !important;*/
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    bottom: -16px;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 20px;
    height: 20px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}

.no-padding {
    padding: 0 !important;
}

.customer-signin .f ul  {
    padding-left: 0px;
}
.customer-signin .f ul li {
    list-style: none;
}

#newsletter_popup {
    width: 700px;
    height: 320px;
    background-color: #FFFFFF;
}

.owl-banner-carousel .content {
    background-color: #0e0e0e;
    padding: 42px;
    font-family: 'Oswald';
    color: #fff;
    text-align: left;
    text-transform: uppercase
}

.owl-banner-carousel .content h2 {
    font-size: 48px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 22px
}

.owl-banner-carousel .content em {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    letter-spacing: 0.05em;
    display: block;
    padding-bottom: 2px
}

.owl-banner-carousel .content .btn-default {
    border: solid 2px #2c2c2c;
    background-color: #0e0e0e;
    padding: 9px 19px;
    font-size: 14px;
    letter-spacing: 0.05em;
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 23px
}

.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-nav .owl-prev {
    left: 0;
}

.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-nav .owl-next {
    right: 0;
}

.owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
    font-size: 80px
}

.owl-theme.owl-banner-carousel .owl-controls .owl-nav [class*=owl-] {
    color: #d7d3ce;
    margin: 0;
    padding: 0
}

.home-banner-content {
    padding-bottom: 30px
}

.home-banner-content .item {
    transition: all 0.3s;
    margin-bottom: 30px;
    text-align: center
}

.home-banner-content .item:hover {
    box-shadow: 0 8px 35px -10px rgba(0, 0, 0, 0.3)
}

.home-banner-content .item .content {
    background-color: #fff;
    padding: 10px
}

.home-banner-content .item .content h3 {
    font-family: 'Oswald';
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111;
    font-weight: 400;
    padding: 18px 0 8px;
    margin: 0 0 5px
}

.home-banner-content .item .content span {
    font-size: 13px;
    line-height: 24px;
    color: #7b7f83;
    padding-bottom: 28px;
    display: block
}

@media (max-width: 991px) {
    #banner-slider-main .content {
        padding: 30px;
        top: 15% !important
    }
}

@media (max-width: 767px) {
    #banner-slider-main .content {
        padding: 25px;
        top: 7% !important
    }

    #banner-slider-main .content em {
        font-size: 12px;
    }

    #banner-slider-main .content h2 {
        font-size: 30px;
    }

    #banner-slider-main .content .btn-default {
        padding: 7px 15px;
        font-size: 12px;
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    #banner-slider-main .content {
        padding: 20px;
        top: 7% !important
    }

    #banner-slider-main .content em {
        font-size: 11px !important
    }

    #banner-slider-main .content h2 {
        font-size: 20px !important;
        margin-bottom: 10px;
        margin-top: 5px
    }

    #banner-slider-main .content .btn-default {
        padding: 5px 15px;
        font-size: 11px !important;
        margin-bottom: 0
    }
}

@media (max-width: 1360px) {
    .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-nav .owl-next {
        right: 0
    }

    .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-nav .owl-prev {
        left: 0
    }
}

@media (max-width: 1199px) {
    .owl-banner-carousel .content {
        transform: scale(0.8)
    }
}

@media (max-width: 991px) {
    .owl-banner-carousel .content {
        transform: scale(0.65)
    }
}

@media (max-width: 480px) {
    .owl-banner-carousel .content {
        transform: scale(1)
    }
}

@media (max-width: 375px) {
    .owl-banner-carousel .content {
        transform: scale(0.65)
    }
}


@media (min-width: 768px) {
    .page-header.type18 .minicart-wrapper {
        top: calc(50% - 15px);
        bottom: auto;
        right: auto;
        left: 15px;
    }
}

.page-main {
    padding-top: 50px;
    padding-bottom: 10px
}

.insta-follow {
    position: absolute;
    top: calc(50% - 123px);
    left: calc(50% - 140px);
    background-color: #0e0e0e;
    padding: 30px 40px;
    text-align: center;
    color: #fff
}

.insta-follow i {
    font-size: 24px
}

.insta-follow h3 {
    font-size: 48px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Oswald';
    color: #fff;
    line-height: 1;
    padding-top: 15px
}

.insta-follow span {
    font-size: 15px;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 28px
}

.insta-follow .btn-default {
    font-family: 'Oswald';
    border: solid 2px #2c2c2c;
    background-color: #0e0e0e;
    padding: 9px 28px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 2px;
    box-shadow: none;
    font-weight: 400;
    margin-bottom: 5px;
    color: #fff
}

.banner-middl {
    color: #fff;
    margin: 0 auto;
    padding: 149px 0px 190px;
    position: relative;
}
.active>.filter-options-title:after {
    display: none;
}
#nextSlideZ{
    position: absolute;
    top: 40%;
    transform: rotate(90deg);
    right: -18px;
    font-size: 25px;
}
#prevSlideZ{
    position: absolute;
    top: 40%;
    transform: rotate(90deg);
    left: -18px;
    font-size: 25px;
}
.fotorama__nav-wrap{
    position: relative;
}