@font-face {
    font-family: 'FontAwesome';
    src: url(fonts/eot/fontawesome-webfont.eot?v=4.7.0);
    src: url(fonts/eot/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(fonts/woff2/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(fonts/woff/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(fonts/ttf/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(fonts/svg/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: IRANSansBold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/eot/IRANSansWeb_Bold.eot);
    src: url(fonts/eot/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"),url(fonts/woff2/IRANSansWeb_Bold.woff2) format("woff2"),url(fonts/woff/IRANSansWeb_Bold.woff) format("woff"),url(fonts/ttf/IRANSansWeb_Bold.ttf) format("truetype")
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(fonts/eot/IRANSansWeb_Medium.eot);
    src: url(fonts/eot/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"),url(fonts/woff2/IRANSansWeb_Medium.woff2) format("woff2"),url(fonts/woff/IRANSansWeb_Medium.woff) format("woff"),url(fonts/ttf/IRANSansWeb_Medium.ttf) format("truetype")
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-display: swap;
    font-weight: 100;
    src: url(fonts/eot/IRANSansWeb_Light.eot);
    src: url(fonts/eot/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"),url(fonts/woff2/IRANSansWeb_Light.woff2) format("woff2"),url(fonts/woff/IRANSansWeb_Light.woff) format("woff"),url(fonts/ttf/IRANSansWeb_Light.ttf) format("truetype")
}

body {
    color: #333;
    font-family: IRANSans !important;
    font-size: 14px;
    line-height: inherit;
    margin: 0;
    padding: 0;
    font-weight: 400
}

.wrap {
    overflow: hidden;
    position: relative
}

* {
    box-sizing: border-box;
    outline: none
}

img {
    max-width: 100%
}

a {
    color: #333;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    a:hover, a:focus {
        text-decoration: none;
        outline: none
    }

.container {
    max-width: 1200px;
    position: relative;
    width: 100%
}

input, input:focus, input:hover {
    outline: none;
    text-align: right;
    height: 50px;
    color: #555;
    border: 1px solid #e5e5e5;
   
  
    padding: 0 50px 0 15px;
}
.button{
    color:#fff;
}
.border {
    border: 1px solid #e5e5e5
}

.no-margin {
    margin: 0
}

.border-left {
    border-left: 1px solid #e5e5e5
}

.border-right {
    border-right: 1px solid #e5e5e5
}

.border-top {
    border-top: 1px solid #e5e5e5
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5
}

.transition {
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.radius4 {
    border-radius: 4px
}

.radius6 {
    border-radius: 6px
}

.drop-shadow {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1)
}

.round {
    border-radius: 50%
}

.desc {
    color: #555;
    margin: 0;
    line-height: 28px;
    direction: rtl;
    padding-right: 30px;
    text-align: justify
}

.white {
    color: #fff
}

.black {
    color: #333
}

.dark {
    color: #000
}

.gray {
    color: #555
}

.silver {
    color: #999
}

.smoke {
    color: #ccc
}

.bg-white {
    background: #fff
}

.title14, .title8, .title12, .title16, .title18, .title24, .title30, .title36, .title40, .title48, .title60, .title90, .title120, .title100 {
    margin: 0;
    font-size: 14px
}

.title8 {
    font-size: 8px
}

.title12 {
    font-size: 12px
}

.title16 {
    font-size: 16px
}

.title18 {
    font-size: 16px
}

.title24 {
    font-size: 24px
}

.title30 {
    font-size: 30px
}

.title36 {
    font-size: 36px
}

.title40 {
    font-size: 40px
}

.title48 {
    font-size: 48px
}

.title60 {
    font-size: 36px
}

.title90 {
    font-size: 90px
}

.title120 {
    font-size: 120px
}

.title100 {
    font-size: 100px
}

.vibes-font {
    font-family: IRANSans;
    font-weight: 400;
    text-transform: inherit
}

.rale-font {
    font-family: IRANSans
}

.poiret-font {
    font-family: IRANSans;
    font-weight: 400
}

.link-btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.absolute, .item-adv1 .banner-info .btn-arrow, form.email-form2::after, .banner-about6 a::before, .product-thumb .product-extra-link3, .item-product-mason .product-info, .item-product-grid::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ""
}

.inline-block {
    display: inline-block;
    vertical-align: top
}

.list-none {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-inline-block {
    margin: 0;
    padding: 0;
    list-style: none
}

    .list-inline-block > li {
        display: inline-block;
        vertical-align: top;
       
    }
.product-info .list-inline-block > li:first-child {
    float: right;
    padding-right: 15px;
}
.product-info .list-inline-block > li {
    float: right;
    padding-right:5px;
}
        div.table {
            display: table;
            margin: 0;
            width: 100%
        }

    div.table > div {
        display: table-cell;
        vertical-align: top
    }

.wrap-item > div:not(:first-child) {
    display: none
}

.owl-theme .owl-controls {
    margin: 0
}

    .owl-theme .owl-controls .owl-buttons div {
        width: 40px;
        height: 40px;
        opacity: 1;
        padding: 0;
        margin: -20px 0 0;
        border-radius: 50%;
        color: #fff;
        font-size: 14px;
        position: absolute;
        top: 50%;
        z-index: 9;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

        .owl-theme .owl-controls .owl-buttons div:hover {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg)
        }

        .owl-theme .owl-controls .owl-buttons div i::before {
            line-height: 40px
        }

        .owl-theme .owl-controls .owl-buttons div.owl-prev {
            left: 0
        }

        .owl-theme .owl-controls .owl-buttons div.owl-next {
            right: 0
        }

.banner-slider {
    position: relative;
    overflow: hidden
}

.owl-theme .owl-controls .owl-page {
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid transparent;
    margin: 0 5px
}

    .owl-theme .owl-controls .owl-page span {
        background: #000;
        margin: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        opacity: 1;
        margin: 5px;
        position: relative;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .owl-theme .owl-controls .owl-page.active {
        border: 1px solid #000
    }

.banner-slider.bg-slider .item-slider {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.banner-slider .item-slider {
    position: relative
}

.banner-slider.bg-slider .banner-thumb img {
    max-width: none;
    opacity: 0;
    width: auto
}

.group-navi .owl-buttons {
    position: absolute;
    right: 0;
    top: -40px;
    width: 81px;
    left: 0;
    margin: auto
}

.banner-slider .banner-thumb img {
    width: 100%
}

.banner-slider .banner-info {
    height: 200px
}

.banner-info {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9
}

.banner-info-image {
    position: absolute;
    right: 0;
    top: 0
}

.banner-info-text {
    top: 50%;
    height: 200px;
    margin: -100px 0 0;
    z-index: 9;
    left: 0;
    position: absolute
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: none
}

.mCSB_container {
    margin-right: 0
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 4px
}

.line-white {
    position: relative
}

    .line-white::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 2px;
        content: "";
        background: #fff
    }

.box-hover-dir {
    overflow: hidden;
    position: relative;
    cursor: all-scroll
}

    .box-hover-dir > div {
        height: 100%;
        position: absolute;
        width: 100%;
        transition: all .5s ease-out 0 !important;
        -webkit-transition: all .5s ease-out 0 !important
    }

.banner-adv {
    position: relative
}

.adv-thumb-link {
    display: block;
    overflow: hidden;
    position: relative;
    /*margin: 30px*/
}

    .adv-thumb-link > img {
        display: block;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

.zoom-rotate .adv-thumb-link > img {
    transform: scale(1) rotate(0);
    -webkit-transform: scale(1) rotate(0)
}

.zoom-rotate:hover .adv-thumb-link > img {
    transform: scale(1.15) rotate(4deg);
    -webkit-transform: scale(1.15) rotate(4deg)
}

.zoom-image:hover .adv-thumb-link > img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15)
}

.fade-out-in .adv-thumb-link::before, .fade-out-in .adv-thumb-link::after, .fade-in-out .adv-thumb-link::before, .fade-in-out .adv-thumb-link::after, .overlay-image .adv-thumb-link::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(0,0,0,0.1);
    opacity: 0;
    z-index: 1;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.fade-out-in:hover .adv-thumb-link::before {
    opacity: 1;
    top: 50%;
    bottom: 50%
}

.fade-out-in:hover .adv-thumb-link::after {
    opacity: 1;
    left: 50%;
    right: 50%
}

.fade-in-out .adv-thumb-link::before {
    opacity: 1;
    top: 50%;
    bottom: 50%
}

.fade-in-out .adv-thumb-link::after {
    opacity: 1;
    left: 50%;
    right: 50%
}

.fade-in-out:hover .adv-thumb-link::before {
    opacity: 0;
    top: 0;
    bottom: 0
}

.fade-in-out:hover .adv-thumb-link::after {
    opacity: 0;
    left: 0;
    right: 0
}

.pull-curtain .adv-thumb-link::before {
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    background: rgba(255,255,255,0.1);
    content: "";
    position: absolute;
    z-index: 1;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.pull-curtain .adv-thumb-link::after {
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    opacity: 0;
    background: rgba(255,255,255,0.1);
    content: "";
    position: absolute;
    z-index: 1;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.pull-curtain:hover .adv-thumb-link::before, .pull-curtain:hover .adv-thumb-link::after {
    width: 100%;
    height: 100%;
    opacity: 1
}

.overlay-image .adv-thumb-link::after {
    background: rgba(0,0,0,0.3)
}

.overlay-image:hover .adv-thumb-link::after {
    opacity: 1
}

.blur-image:hover .adv-thumb-link img {
    filter: blur(5px);
    -webkit-filter: blur(5px)
}

.gray-image:hover .adv-thumb-link img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.zoom-out .adv-thumb-link img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(3);
    -webkit-transform: scale(3)
}

.zoom-out:hover .adv-thumb-link img {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.line-scale .adv-thumb-link::before {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 10px;
    right: 10px;
    content: "";
    border-top: 1px solid rgba(255,255,255,0.9);
    border-bottom: 1px solid rgba(255,255,255,0.9);
    z-index: 1;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.line-scale .adv-thumb-link::after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 20px;
    right: 20px;
    content: "";
    border-left: 1px solid rgba(255,255,255,0.9);
    border-right: 1px solid rgba(255,255,255,0.9);
    z-index: 1;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.line-scale:hover .adv-thumb-link::before, .line-scale:hover .adv-thumb-link::after {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.main-nav > ul > li .sub-menu > li.menu-item-preview {
    position: relative
}

    .main-nav > ul > li .sub-menu > li.menu-item-preview::after {
        position: absolute;
        width: 10px;
        height: 40px;
        top: 0;
        left: 100%;
        content: "";
        background: transparent
    }

    .main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image {
        background: #fff none repeat scroll 0 0;
        box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
        left: 100%;
        padding: 5px;
        position: absolute;
        top: 0;
        width: 200px;
        opacity: 0;
        visibility: hidden;
        margin-left: 10px;
        border: 1px solid #e5e5e5;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .main-nav > ul > li .sub-menu > li.menu-item-preview:hover > .preview-image {
        opacity: 1;
        visibility: visible
    }

    .main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a {
        display: block;
        height: 140px;
        overflow: hidden;
        position: relative
    }

        .main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a > img {
            left: 0;
            position: absolute;
            top: 0;
            transition: all 5s ease-in-out 0;
            -webkit-transition: all 5s ease-in-out 0;
            width: 100%
        }

        .main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a:hover > img {
            top: 100%;
            transform: translateY(-100%);
            -webkit-transform: translateY(-100%)
        }

.header-ontop {
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .header-ontop.fixed-ontop {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        visibility: visible;
        width: 100%;
        z-index: 999 !important;
        box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
        left: 0;
        position: fixed !important;
        top: 0
    }

.main-nav {
    position: relative;
    z-index: 1001
}

    .main-nav > ul {
        font-size: 0;
        list-style: outside none none;
        padding: 0;
        margin: 0;
        position: relative
    }

        .main-nav > ul > li {
            font-family: IRANSansBold;
            display: inline-block;
            font-size: 14px;
            vertical-align: top;
            margin: 0 10px
        }

            .main-nav > ul > li > a {
                color: #000;
                display: block;
                font-size: 16px;
                height: 50px;
                line-height: 50px;
                position: relative;
                font-family: 'Raleway',sans-serif
            }

            .main-nav > ul > li.menu-item-has-children > a::after {
                position: absolute;
                content: "\f103";
                font-family: fontAwesome;
                height: 50px;
                left: 0;
                top: 100%;
                width: 100%;
                text-align: center;
                margin-top: -20px;
                opacity: 0;
                transition: all .5s ease-out 0;
                -webkit-transition: all .5s ease-out 0
            }

            .main-nav > ul > li.menu-item-has-children:hover > a::after {
                opacity: 1
            }

    .main-nav li.menu-item-has-children {
        position: relative
    }

        .main-nav li.menu-item-has-children:hover > .sub-menu {
            opacity: 1;
            visibility: visible
        }

    .main-nav .sub-menu {
        background: #fff none repeat scroll 0 0;
        box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
        right: 0;
        list-style: outside none none;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        visibility: hidden;
        width: 200px;
        z-index: 999;
        text-align: left;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .main-nav > ul > li.menu-item-has-children.has-mega-menu {
        position: static
    }

        .main-nav > ul > li.menu-item-has-children.has-mega-menu > .sub-menu {
            width: 750px
        }

    .main-nav > ul > li.menu-item-has-children > .sub-menu {
        margin: 10px 0 0;
        direction: rtl;
        text-align: right
    }

    .main-nav > ul > li .sub-menu > li > a {
        display: block;
        padding: 10px 20px;
        position: relative;
        text-transform: capitalize
    }

    .main-nav > ul > li .sub-menu > li:hover > a {
        color: #fff
    }

    .main-nav > ul > li .sub-menu > li.menu-item-has-children > a {
        padding-right: 20px;
        position: relative
    }

        .main-nav > ul > li .sub-menu > li.menu-item-has-children > a::after {
            content: "\f101";
            font-family: "fontAwesome";
            position: absolute;
            right: 20px;
            top: 13px
        }

    .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu {
        left: 100%;
        top: 0
    }

        .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu.offset-right {
            left: auto;
            right: 45%
        }

.sub-menu, .cat-mega-menu {
    pointer-events: none
}

li.has-cat-mega:hover > .cat-mega-menu, li.menu-item-has-children:hover > .sub-menu {
    pointer-events: inherit
}

.main-nav .toggle-mobile-menu {
    display: none;
    height: 30px;
    width: 30px;
    position: relative;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .main-nav .toggle-mobile-menu span {
        position: absolute;
        width: 100%;
        height: 4px;
        left: 0;
        top: 50%
    }

    .main-nav .toggle-mobile-menu::before, .main-nav .toggle-mobile-menu::after {
        content: '';
        position: absolute;
        top: 0;
        height: 4px;
        width: 100%;
        left: 0;
        top: 50%;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    .main-nav .toggle-mobile-menu::before {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    .main-nav .toggle-mobile-menu::after {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

.main-nav.active .toggle-mobile-menu::before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg)
}

.main-nav.active .toggle-mobile-menu::after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg)
}

.main-nav.active .toggle-mobile-menu span {
    display: none
}

@media (max-width: 767px) {
    .owl-carousel .owl-item img {
        transform: scale(1) !important;
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }
    .banner-slider.banner-slider8 {
    
        margin-top: 120px;
        margin-bottom:0;
    }
    .trend-box {
        padding: 10px 0 !important;
    }
        .main-nav .menu-item-has-children .sub-menu li > a {
        border-bottom: none
    }

    .main-nav .toggle-mobile-menu {
        display: block
    }

    .main-nav .sub-menu {
        background: #fff none repeat scroll 0 0;
        display: none;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        box-shadow: none !important;
        border-top: 1px solid #e5e5e5
    }

    .main-nav > ul > li > a::before {
        display: none !important
    }

    .main-nav > ul > li > a {
        color: #333 !important;
        font-weight: 700 !important;
        border-top: 1px solid #e5e5e5 !important
    }

    .main-nav {
        margin: 0
    }

        .main-nav > ul {
            position: absolute;
            right: 0;
            top: 100%;
            margin-top: 10px;
            width: 290px;
            z-index: 999;
            background: #fff;
            box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
            transition: all .5s ease-out 0;
            -webkit-transition: all .5s ease-out 0;
            transform: translateX(320px);
            -webkit-transform: translateX(320px);
            text-align: right
        }

        .main-nav.active > ul {
            transform: translateX(0) !important;
            -webkit-transform: translateX(0) !important
        }

        .main-nav > ul > li {
            display: block;
            margin: 0 15px !important;
            padding: 0 !important
        }

        .main-nav .sub-menu li a::before {
            display: none
        }

        .main-nav > ul li > a {
            border-top: 1px dashed #e5e5e5;
            display: block;
            font-size: 14px;
            font-weight: 400;
            height: 40px !important;
            line-height: 40px !important;
            padding: 0 !important
        }

        .main-nav > ul li:first-child > a {
            border: medium none !important
        }

        .main-nav .sub-menu > li {
            padding: 0 !important;
            margin: 0 15px
        }

        .main-nav > ul li.menu-item-has-children .menu-item-has-children > a::after {
            right: 0;
            top: 0
        }

        .main-nav > ul > li.menu-item-has-children > a::after {
            content: "\f107";
            font-family: fontawesome;
            display: none
        }

        .main-nav > ul > li.menu-item-has-children.has-mega-menu {
            position: relative
        }

    .sub-menu, .cat-mega-menu {
        pointer-events: inherit
    }

    .main-nav > ul > li .sub-menu::after {
        display: none
    }

    .main-nav > ul > li .sub-menu {
        display: none;
        width: 100%;
        box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);
        padding: 0
    }

    .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu {
        left: 0;
        top: 100%;
        padding: 0
    }

    .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > a::after {
        content: "";
        font-family: fontawesome;
        position: absolute;
        right: 0;
        top: 0
    }

    .main-nav > ul > li.has-mega-menu > a::after {
        display: none !important
    }

    .menu-item-preview .preview-image {
        display: none
    }
}

.product-rate {
    background-image: url(/content/images/icons/rate-star.png);
    background-position: 0 -11px;
    background-repeat: repeat-x;
    height: 11px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0;
    width: 70px
}

    .product-rate.style2, .product-rate.style2 .product-rating {
        background-image: url(/content/images/icons/rate-star2.png)
    }

.product-rating {
    background-image: url(/content/images/icons/rate-star.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 11px
}

.item-product.text-center .product-rate {
    margin: auto
}

body .scroll-top {
    bottom: 10px;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: fixed;
    right: -50px;
    text-align: center;
    width: 40px;
    z-index: 999
}

    body .scroll-top:hover {
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)
    }

.scroll-top.active {
    opacity: 1;
    right: 10px
}

.product-slider .item-product {
    margin: 0 15px 30px
}

.product-slider {
    margin: 0 -15px
}

.item-product .product-info {
    padding-top: 17px;
    position: relative
}

.product-thumb {
    position: relative;
    overflow: hidden;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.product-title {
    margin: 0 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.table .product-info .product-title {
    white-space: normal
}

.product-price ins, .product-price del {
    text-decoration: none;
    position: relative
}

    .product-price del::after {
        position: absolute;
        height: 1px;
        left: 0;
        right: 0;
        top: 50%;
        content: ""
    }

.product-price {
    margin: 0 -2px 7px
}

    .product-price > * {
        margin: 0 2px
    }

.product-thumb-link {
    display: block;
    position: relative;
    overflow: hidden
}

    .product-thumb-link img {
    }

    .product-thumb-link::before, .post-thumb .post-thumb-link::before {
        background: rgba(0,0,0,0.2);
        opacity: 0;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

.product-thumb:hover .product-thumb-link::before {
    opacity: 1
}

.product-thumb:hover .zoom-thumb img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15)
}

.zoomout-thumb img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(3);
    -webkit-transform: scale(3)
}

.product-thumb:hover .zoomout-thumb img:last-child {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.rotate-thumb img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg)
}

.product-thumb:hover .rotate-thumb img:last-child {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    opacity: 1
}

.product-thumb:hover .rotate-thumb img:first-child {
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    opacity: 0
}

.translate-thumb img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%)
}

.product-thumb:hover .translate-thumb img:last-child {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.product-thumb:hover .translate-thumb img:first-child {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    opacity: 0
}

.select-box label {
    font-weight: 400;
    margin: 0 5px
}

.select-box select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    height: 34px;
    padding: 0 50px 0 20px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    display: block;
    width: 100%;
    border: none;
    color: #555
}

.select-box {
    position: relative
}

    .select-box::after {
        position: absolute;
        top: 12px;
        right: 17px;
        content: "\f107";
        font-family: "fontAwesome"
    }

.wishlist-mask {
    background: rgba(0,0,0,0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: none
}

.wishlist-popup {
    background: #fff none repeat scroll 0 0;
    border: 10px solid rgba(0,0,0,0.5);
    bottom: 0;
    height: 200px;
    left: 0;
    margin: auto;
    padding: 20px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 470px;
    z-index: 9999
}

.wishlist-button a {
    background: #858785 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    margin: 0 3px
}

.popup-icon {
    font-size: 30px
}

.wishlist-alert {
    margin: 10px 0 20px
}

.product-popup-content {
    padding: 15px 0
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none
}

#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999
}

.window-popup {
    padding: 10px 10px 40px;
    width: 800px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    position: relative;
    background: #fff
}

    .window-popup .close-popup {
        background: #fff none repeat scroll 0 0;
        display: block;
        height: 30px;
        line-height: 30px;
        position: absolute;
        right: -15px;
        text-align: center;
        top: -15px;
        width: 30px;
        z-index: 999;
        border-radius: 50%;
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
    }

.content-popup-form {
    padding: 0 20px
}

    .content-popup-form .desc {
        margin-right: -10px
    }

.content-popup {
    position: relative;
    z-index: 99
}

    .content-popup input[type="text"] {
        width: 260px
    }

    .content-popup .image-popup {
        margin: 0 0 15px;
        display: block;
        width: 100%
    }

    .content-popup .title18 {
        margin-bottom: 22px
    }

.mini-cart-box {
    position: relative;
    z-index: 1002
}

.list-mini-cart-item {
    margin-top: 20px
}

.mini-cart-icon sup {
    display: inline-block;
    font-size: 10px;
    height: 23px;
    line-height: 23px;
    right: 5px;
    text-align: center;
    top: -10px;
    width: 23px
}

.mini-cart-link > span {
    vertical-align: middle
}

.mini-cart-number {
    line-height: 24px;
    margin-left: 5px
}

.product-mini-cart.table {
    margin-bottom: 20px
}

.product-mini-cart .product-thumb {
    width: 90px
}

.mini-cart-box .dropdown-list {
    width: 290px;
    padding: 30px 20px
}

.product-mini-cart .product-thumb-link {
    border: 1px solid #e5e5e5
}

.product-mini-cart .product-info {
    padding-left: 20px
}

.mini-cart-button {
    margin: 20px -3px 0
}

    .mini-cart-button .shop-button {
        padding: 0 25px;
        margin: 0 3px
    }

.countdown-master .flip-clock-divider .flip-clock-label {
    display: none
}

.countdown-master {
    display: inline-block;
    margin: 0;
    width: auto;
    vertical-align: middle
}

    .countdown-master.flip-clock-wrapper ul {
        background: transparent;
        float: left;
        margin: 0 -4px;
        width: 30px;
        height: 30px;
        border-radius: 4px
    }

    .countdown-master.flip-clock-wrapper .flip {
        box-shadow: none
    }

    .countdown-master.flip-clock-wrapper ul li {
        line-height: 30px;
        width: 30px
    }

        .countdown-master.flip-clock-wrapper ul li a div div.inn {
            font-size: 18px;
            color: #fff600;
            background: #333 url(/content/images/icons/bg-time.png) repeat-x scroll center center;
            border-radius: 4px
        }

        .countdown-master.flip-clock-wrapper ul li a div.down {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px
        }

    .countdown-master .flip-clock-divider {
        height: 30px;
        width: 10px
    }

    .countdown-master .flip-clock-dot {
        background: #333 none repeat scroll 0 0;
        box-shadow: none;
        height: 2px;
        left: 0;
        width: 2px
    }

        .countdown-master .flip-clock-dot.top {
            top: 10px
        }

        .countdown-master .flip-clock-dot.bottom {
            bottom: 10px
        }

.wrap-item {
    position: relative
}

.item-banner {
    position: relative
}

.preload .wrap-item {
    display: none !important
}

.parallax {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    min-height: 200px
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 100% 100%
    }

    100% {
        background-position: 0 0
    }
}

.animate-background {
    background-position: 0 0;
    background-repeat: no-repeat;
    animation: animatedBackground 40s linear infinite;
    -moz-animation: animatedBackground 40s linear infinite;
    -webkit-animation: animatedBackground 40s linear infinite
}

.banner-background {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.preload #loading {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    margin-top: 0;
    top: 0
}

.preload #loading-center {
    width: 100%;
    height: 100%;
    position: relative
}

.preload #loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.preload .object {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-top: 5px solid #FFF;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FFF;
    border-right: 5px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite
}

.preload #object_one {
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px
}

.preload #object_two {
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.preload #object_three {
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.preload #object_four {
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8)
    }
}

@keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8)
    }
}

.dropdown-box {
    position: relative;
    z-index: 10
}

.dropdown-list {
    background: #fff none repeat scroll 0 0;
    margin-top: 5px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    left: -15px;
    top: 100%;
    margin-top: 5px;
    visibility: hidden;
    width: 130px;
    text-align: left;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.dropdown-box:hover .dropdown-list {
    opacity: 1;
    visibility: visible
}

.account-login {
    padding: 17px 30px 12px
}

    .account-login .list-none li {
        margin: 6px 0
    }

.center-support {
    background: #f4f4f4;
    padding: 20px 30px
}

    .center-support .list-none li {
        margin-top: 8px
    }

    .center-support .list-none {
        margin-top: 20px
    }

.contact-email {
    background: #666
}

    .contact-email .list-none li {
        padding: 13px 20px;
        border-bottom: 1px solid rgba(0,0,0,0.1)
    }

        .contact-email .list-none li .fa {
            display: inline-block;
            width: 25px
        }

.mini-cart-box .dopdown-list {
    width: 290px
}

.mini-cart-box.mini-cart1 .dropdown-list {
    right: auto;
    left: -15px
}

.product-mini-cart.table .product-price {
    margin: 10px 0 15px
}

.search-hover .dropdown-list {
    width: 410px;
    padding: 20px;
    right: auto;
    left: -60px
}

body .shop-button {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #fff;
    background: #ccc
}

.dropdown-box .dropdown-link {
    position: relative
}

.dropdown-link .mini-cart-icon img, .dropdown-link img {
    filter: brightness(1000%);
    -webkit-filter: brightness(1000%)
}

.dropdown-box .dropdown-link::after {
    position: absolute;
    content: "\f103";
    font-family: fontAwesome;
    height: 50px;
    line-height: 50px;
    left: 50%;
    top: 100%;
    margin-left: -5px;
    opacity: 0
}

.dropdown-box:hover .dropdown-link::after {
    opacity: 1
}

.wrap-search-cart .dropdown-box .dropdown-link::after {
    visibility: hidden
}

.wrap-search-cart .dropdown-box:hover .dropdown-link::after {
    visibility: visible
}

.search-form-hover {
    position: relative;
    padding-right: 100px
}

.box-profile .dropdown-list {
    width: 250px;
    padding: 0;
    left: -30px;
    direction: rtl;
    text-align: right;
}

.search-form-hover input[type="submit"] {
    position: absolute;
    height: 100%;
    width: 100px;
    background: #666;
    border: none;
    right: 0;
    top: 0;
    color: #fff;
    text-align: center;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.search-form-hover input[type="text"] {
    display: block;
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 50px;
    color: #999;
    padding: 0 20px
}

.header.header1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding-top: 45px
}

.wrap-search-cart {
    margin: 23px -15px 0
}

    .wrap-search-cart > li {
        position: relative;
        margin: 0 15px;
        z-index: 11
    }

        .wrap-search-cart > li::after {
            position: absolute;
            width: 1px;
            height: 20px;
            content: "";
            background: #999;
            top: 3px;
            right: -18px
        }

        .wrap-search-cart > li:last-child::after {
            display: none
        }

.mini-cart1 .mini-cart-number {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -5px;
    right: -13px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    margin: 0
}

.main-nav {
    margin-top: 10px;
    margin-right: 50px;
    direction: rtl
}

.btn-toggle-mobile-menu {
    cursor: pointer
}

    .btn-toggle-mobile-menu::after {
        position: absolute;
        top: 14px;
        right: 120px;
        font-family: fontAwesome;
        content: "\f107"
    }

    .btn-toggle-mobile-menu.active::after {
        content: "\f106"
    }

.item-slider.item-slider1 {
    margin-bottom: 50px
}

    .item-slider.item-slider1 .banner-info {
        left: auto;
        top: auto;
        background: #fff;
        height: initial;
        bottom: -50px;
        padding: 60px 60px 90px 90px
    }

        .item-slider.item-slider1 .banner-info::before {
            position: absolute;
            top: -30px;
            left: -30px;
            bottom: 50px;
            width: 30px;
            background: rgba(0,0,0,0.3);
            content: ""
        }

        .item-slider.item-slider1 .banner-info::after {
            position: absolute;
            top: -30px;
            left: 0;
            right: 0;
            background: rgba(0,0,0,0.3);
            content: "";
            height: 30px
        }

.wellcome-shop {
    background: #fafafa;
    margin-top: -50px;
    padding: 85px 0 90px
}

.banner-slider1 .owl-theme .owl-controls .owl-page span {
    background: #333;
    margin: 0
}

.banner-slider1 .owl-theme .owl-controls .owl-page {
    display: block;
    margin: 20px 0
}

.banner-slider1 .owl-theme .owl-controls .owl-pagination {
    position: absolute;
    left: 90px;
    top: 50%
}

.banner-slider1 .owl-theme .owl-controls .owl-page.active span {
    background: #fff;
    box-shadow: 0 0 0 5px #333
}

.item-slider.item-slider1 .banner-info .title100 {
    height: 85px;
    line-height: 85px
}

.item-slider.item-slider1 .banner-info .title18 {
    margin-top: 25px;
    margin-bottom: 30px
}

.btn-arrow, .banner-button .btn-price {
    display: inline-block;
    height: 50px;
    line-height: 47px;
    border-width: 3px;
    border-style: solid;
    padding: 0 30px;
    vertical-align: top
}

    .btn-arrow::after, .item-product-feature .more-detail::after, .question-text a::after, .link-arrow::after, .round-arrow::after, form.email-form2::after, .email-form3 .submit-form::after, .item-cat3 .banner-info .more-link::before, .contact-form .contact-submit::after {
        content: "\f30f";
        font-family: "ionicons";
        margin-left: 8px;
        font-weight: 400
    }

    .btn-arrow.black {
        border-color: #000
    }

.banner-button .btn-arrow {
    margin: 0 3px
}

.banner-button {
    margin: 0 -3px
}

.dot-line {
    width: 230px;
    text-align: center;
    overflow: hidden;
    margin: auto
}

    .dot-line span {
        height: 10px;
        width: 10px;
        display: inline-block;
        border-radius: 50%;
        position: relative
    }

        .dot-line span::before {
            position: absolute;
            right: 100%;
            margin-right: 10px;
            width: 1200px;
            height: 2px;
            content: "";
            background: #ccc;
            top: 4px
        }

        .dot-line span::after {
            position: absolute;
            left: 100%;
            margin-left: 10px;
            width: 1200px;
            height: 2px;
            content: "";
            background: #ccc;
            top: 4px
        }

.title-box1 .title60 {
    margin-bottom: 7px
}

.title-box1 {
    margin-bottom: 45px;
    margin-top: 45px
}

.item-intro .title18 {
    margin: 35px 0 7px
}

.new-collect {
    padding: 90px 0 100px
}

.item-product1 {
    padding: 0 10px;
    background: #fff;
    position: relative
}

    .item-product1 .product-rate {
        position: absolute;
        right: 20px;
        top: 20px;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .item-product1 .product-order {
        position: absolute;
        top: 15px;
        right: 20px;
        opacity: 0;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .item-product1:hover .product-rate {
        opacity: 0
    }

    .item-product1:hover .product-order {
        opacity: 1
    }

    .item-product1 .product-price {
        margin: 0;
        padding: 13px 10px 15px
    }

.product-extra-link.style1 {
    height: 80px;
    width: 123px;
    margin: auto;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ""
}

.product-extra-link a {
    display: inline-block;
    font-size: 18px;
    position: relative;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    background: #fff
}

.product-extra-link {
    font-size: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .product-extra-link a span, .list-color a::after {
        position: absolute;
        width: 80px;
        height: 25px;
        line-height: 25px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        top: 100%;
        left: 50%;
        margin-left: -40px;
        background: rgba(0,0,0,0.7);
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .product-extra-link.style1 a {
        margin: 0 .5px 1px;
        opacity: 0;
        transform: scale(0) rotate(360deg);
        -webkit-transform: scale(0) rotate(360deg)
    }

.product-thumb:hover .product-extra-link.style1 a {
    transform: scale(1) rotate(0);
    -webkit-transform: scale(1) rotate(0);
    opacity: 1
}

.product-extra-link.style1 a.addcart-link {
    width: auto;
    display: block;
    font-size: 14px;
    transform: scaleX(0) rotateX(90deg);
    -webkit-transform: scaleX(0) rotateX(90deg)
}

    .product-extra-link.style1 a.addcart-link:hover {
        color: #fff
    }

.product-thumb:hover .product-extra-link.style1 a.addcart-link {
    transform: scaleX(1) rotateX(0);
    -webkit-transform: scaleX(1) rotateX(0)
}

.item-product1 .product-title {
    text-align: center;
    margin: 0;
    padding: 27px 0;
    direction: rtl
}

.product-extra-link a:hover {
    z-index: 9
}

    .product-extra-link a:hover span, .list-color a:hover::after, .list-color a:hover::before {
        opacity: 1;
        visibility: visible
    }

.product-extra-link a span::before, .list-color a::before {
    font-family: fontAwesome;
    content: "\f0d8";
    color: #333;
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -4px
}

.owl-theme.arrow-image .owl-controls .owl-buttons div {
    width: 40px;
    background: none;
    border: none;
    transform: none;
    box-shadow: none;
    border-radius: 0
}

    .owl-theme.arrow-image .owl-controls .owl-buttons div i {
        display: none
    }

    .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-prev::before {
        content: url("/Content/Images/icons/arrow-prev.png")
    }

    .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-next::after {
        content: url("/Content/Images/icons/arrow-next.png")
    }

.new-collect .owl-theme.arrow-image .owl-controls .owl-buttons div {
    margin-top: -40px
}

.our-service {
    padding: 90px 0 93px
}

.item-service1 .service-thumb a {
    font-size: 48px;
    height: 100px;
    width: 100px;
    display: inline-block;
    line-height: 100px;
    border-radius: 50%;
    color: #fff;
    position: relative
}

    .item-service1 .service-thumb a i {
        position: relative
    }

    .item-service1 .service-thumb a::before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0;
        border-radius: 50%
    }

    .item-service1 .service-thumb a:hover::before {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0
    }

.item-service1 .service-info .title18 {
    margin: 22px 0 8px
}

.list-adv1 {
    background: #f4f4f4;
    padding-bottom: 95px
}

.item-adv1 {
    margin: 0 -10px
}

.inner-adv1 {
    margin: 0 10px
}

.item-adv1 .banner-adv {
    overflow: hidden
}

.item-adv1 .banner-info {
    top: 100%;
    left: 100%;
    background: rgba(255,255,255,0.9);
    opacity: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-adv1:hover .banner-info {
    top: 100px;
    left: 100px;
    opacity: 1
}

.item-adv1 .banner-info .btn-arrow {
    width: 154px;
    margin: auto
}

.adv-info1 h2:first-child {
    margin: 23px 0 2px
}

    .adv-info1 h2:first-child::before {
        content: "";
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        margin: 0 8px
    }

.adv-info1 h2:last-child {
    margin-left: 110px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-adv1:hover h2:last-child {
    margin-left: 220px
}

.trend-box {
    padding: 100px 0
}

.title-box1.text-left .dot-line {
    margin: 0
}

.banner-trend1::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 20px solid #dddce1;
    content: "";
    z-index: 1
}

.banner-trend1 .banner-info .wrap-btn {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: 30px
}

.banner-trend1 .banner-info {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.banner-trend1:hover .banner-info {
    opacity: 1;
    visibility: visible
}

.btn-arrow.white {
    border-color: #fff
}

.banner-trend1 .inner-text-info {
    position: absolute;
    top: 25%;
    left: 65px;
    right: 65px;
    bottom: 20px;
    background-image: url(/content/images/icons/dot-line.png),url(/content/images/icons/dot-line.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top 300px,right top 300px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.banner-trend1:hover .inner-text-info {
    background-position: left top 40px,right top 40px;
    animation-name: zoomIn;
    animation-duration: .5s
}

.banner-trend1:hover::before {
    opacity: 0;
    visibility: hidden
}

.banner-trend1 {
    max-width: 500px
}

    .banner-trend1 .inner-text-info .title60 sup {
        top: -12px
    }

.trend-shop .title-box1 {
    margin-bottom: 30px
}

.trend-shop .product-slider {
    margin-top: 18px
}

.trend-shop .owl-theme.arrow-image .owl-controls .owl-buttons div {
    margin-top: -55px
}

.trend-shop .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -5px
}

.trend-shop .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -5px
}

.featured-box {
    background: #f4f4f4;
    padding: 90px 0 60px
}

.addcart-link.btn-arrow {
    height: 40px;
    line-height: 40px;
    border: none;
    color: #fff
}

.item-product-feature .addcart-link.btn-arrow {
    position: absolute;
    bottom: -80px;
    left: 0;
    right: 0;
    max-width: 160px;
    margin: auto;
    z-index: 9
}

.item-product-feature:hover .addcart-link.btn-arrow {
    bottom: 0
}

.product-extra-link.style2 {
    background: #fff;
    display: table;
    width: 100%
}

.item-product-feature .product-info {
    padding: 0 0 17px;
    background: rgba(255,255,255,0.5)
}

.product-extra-link.style2 a {
    display: table-cell;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #e5e5e5
}

    .product-extra-link.style2 a:last-child {
        border: none
    }

.item-product-feature .product-info .product-title {
    margin: 26px 0 16px
}

.item-product-feature .product-info .product-price {
    margin-top: 12px
}

.item-product-feature .more-detail {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #f4f4f4;
    background: #fff;
    display: block;
    opacity: 0;
    visibility: hidden
}

.item-product-feature:hover .more-detail {
    opacity: 1;
    visibility: visible
}

.item-product.item-product-feature {
    position: relative;
    margin-bottom: 40px
}

.featured-box .owl-theme.arrow-image .owl-controls .owl-buttons div {
    margin-top: -120px
}

.owl-theme.arrow-image .owl-controls .owl-buttons div.owl-prev {
    left: -5px
}

.owl-theme.arrow-image .owl-controls .owl-buttons div.owl-next {
    right: -5px
}

.list-color a {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 0 3px;
    position: relative
}

.item-product-feature .list-color {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden
}

.item-product-feature:hover .list-color {
    opacity: 1;
    visibility: visible
}

.list-color a::after {
    text-transform: capitalize;
    top: 16px;
    opacity: 0;
    width: 70px;
    margin-left: -35px;
    content: attr(data-color)
}

.list-color a::before {
    top: 6px;
    opacity: 0;
    visibility: hidden
}

.client-box {
    height: 460px;
    padding-top: 148px;
    margin-bottom: 100px
}

.client-info1 .desc {
    margin: -15px auto 40px;
    max-width: 1000px;
    position: relative;
    text-shadow: 0 1px 0 #000;
    color: #d2d2d2 !important;
    text-align: center
}

    .client-info1 .desc::before {
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: -64px;
        opacity: .05
    }

.news-box {
    background: #f4f4f4;
    padding: 90px 0 100px
}

.news-slider {
    position: relative
}

.news-control {
    background: #fff;
    display: table;
    border: 1px solid #e5e5e5
}

    .news-control a {
        display: table-cell;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        padding: 0 20px;
        border-right: 1px solid #e5e5e5;
        min-width: 80px
    }

        .news-control a.viewall {
            border: none
        }

        .news-control a.prev::before {
            content: url("/content/images/icons/arrow-prev.png")
        }

        .news-control a.next::after {
            content: url("/content/images/icons/arrow-next.png")
        }

.item-post-news .post-info {
    margin-right: 20px;
    direction: rtl;
    line-height: 50px
}

.news-slider .news-control {
    position: absolute;
    right: 50%;
    margin-right: 35px;
    bottom: 40px
}

.item-post-news .post-info .title18 {
    font-weight: 700;
    margin: 10px 0 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px
}

.question-box {
    background: #f2f2f2;
    padding: 70px 0
}

.box-brand {
    padding: 115px 0
}

.question-text a::after {
    height: 40px;
    width: 40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px
}

.main-footer {
    padding-top: 95px
}

.copyright-payment {
    border-top: 1px solid #e5e5e5;
    padding: 45px 0
}

.footer-box {
    margin-bottom: 30px
}

    .footer-box .desc span {
        width: 30px;
        display: inline-block
    }

    .footer-box .desc a {
        margin: 0 5px
    }

.social-footer {
    margin: 10px -15px 0
}

    .social-footer li {
        margin: 0 15px
    }

.design-by {
    margin: 0 -13px
}

    .design-by li {
        margin: 0 13px
    }

.payment-method {
    margin: 0 -3px
}

    .payment-method li {
        margin: 0 3px
    }

.banner-countdown {
    width: 320px;
    height: 110px
}

.top-header2 {
    padding: 15px 0;
    letter-spacing: 1px
}

    .top-header2 strong {
        letter-spacing: 1.5px;
        border-right: 1px solid rgba(255,255,255,0.2);
        height: 20px;
        line-height: 20px;
        display: inline-block;
        padding-right: 15px;
        margin-right: 10px
    }

    .top-header2 .fa {
        margin: 0 8px
    }

.main-header2 {
    padding: 25px 0
}

.banner-slider2 {
    margin-bottom: 100px
}

    .banner-slider2 .prev, .banner-slider2 .next {
        position: absolute;
        top: 50%;
        font-size: 60px;
        color: #fff;
        text-transform: uppercase;
        word-wrap: break-word;
        margin-top: -50px;
        width: 60px;
        display: block;
        transform: rotateY(90deg);
        -webkit-transform: rotateY(90deg)
    }

    .banner-slider2:hover .prev, .banner-slider2:hover .next {
        width: 18px;
        font-size: 18px;
        transform: rotateY(0);
        -webkit-transform: rotateY(0)
    }

    .banner-slider2 .prev {
        left: -100px
    }

    .banner-slider2 .next {
        right: -100px
    }

    .banner-slider2:hover .prev {
        left: 90px
    }

    .banner-slider2:hover .next {
        right: 90px
    }

.text-special {
    width: 350px;
    margin: auto;
    position: relative
}

    .text-special strong {
        font-size: 260px;
        height: 235px;
        line-height: 235px;
        display: inline-block;
        letter-spacing: 22px
    }

    .text-special span {
        font-size: 60px;
        position: absolute;
        top: 55px;
        right: 50px;
        line-height: 60px
    }

    .text-special label {
        position: absolute;
        top: 96px;
        left: -33px
    }

    .text-special .btn-arrow {
        position: absolute;
        top: 88px;
        right: -115px
    }

.item-slider2 .banner-info {
    height: 370px
}

.text-special2 {
    position: relative;
    margin: 0 21px
}

    .text-special2 .title36 {
        position: absolute;
        line-height: 30px;
        right: 18px;
        top: 40px
    }

.item-slider2 .banner-info.style2 .title18 {
    margin-top: 13px
}

.item-slider2 .banner-info.style2 span.title30 {
    margin-top: 52px;
    display: block;
    background: rgba(255,255,255,0.3);
    padding: 3px 10px
}

.item-slider2 .banner-info.style2 .btn-arrow {
    margin-top: 47px
}

.item-slider2 .banner-info.style2 {
    height: 205px
}

.item-slider2 .banner-info.style3 {
    width: 660px;
    height: 390px;
    background-image: url(/content/images/icons/corner1.png),url(/content/images/icons/corner2.png),url(/content/images/icons/icon/corner3.png),url(/content/images/icons/corner4.png);
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-position: left top,right top,right bottom,left bottom;
    padding-top: 50px;
    overflow: hidden
}

    .item-slider2 .banner-info.style3 > * {
        position: relative
    }

    .item-slider2 .banner-info.style3::before {
        position: absolute;
        top: 4px;
        right: 4px;
        bottom: 4px;
        left: 4px;
        content: ""
    }

    .item-slider2 .banner-info.style3 .banner-countdown {
        margin: auto auto 20px
    }

.banner-countdown .time_circles > div {
    display: inline-block;
    font-family: IRANSans
}

    .banner-countdown .time_circles > div > .number {
        font-size: 30px;
        display: block
    }

.banner-countdown canvas {
    margin-bottom: -95px
}

.item-adv2 .banner-info {
    top: auto;
    padding: 50px
}

    .item-adv2 .banner-info h2 {
        margin-bottom: 15px
    }

.list-adv2 .item-adv2 {
    margin-bottom: 30px
}

.list-adv2 {
    margin-bottom: 70px
}

    .list-adv2 .item-adv2.zoom-rotate {
        margin-left: 20px
    }

    .list-adv2 .title60 {
        border-bottom: 1px solid;
        padding: 0 30px 6px;
        margin: -5px 0 20px -30px
    }

.banner-slider2 .prev:hover, .banner-slider2 .next:hover {
    width: auto
}

.bonus-credit {
    background: #f3f3f3;
    padding: 100px 0;
    margin-bottom: 100px
}

.item-bonus {
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    position: relative
}

    .item-bonus::before {
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05);
        background: #fff;
        border-radius: 4px;
        transition: all .2s ease-out 0;
        -webkit-transition: all .2s ease-out 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: ""
    }

    .item-bonus.active::before {
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
        box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1)
    }

    .item-bonus::after {
        border: 2px solid #e5e5e5;
        border-radius: 4px;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        position: absolute;
        content: "";
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .item-bonus.active::after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

.inner-bonus {
    border-radius: 4px;
    height: 200px;
    position: relative;
    padding-top: 45px
}

    .inner-bonus .desc {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #e5e5e5;
        padding: 12px 0
    }

    .inner-bonus h2 {
        margin-bottom: 3px
    }

    .inner-bonus span {
        margin: 0 2px
    }

.list-bonus .item-bonus {
    margin: 0 -5px
}

.list-bonus {
    margin: 0 5px
}

.intro-credit {
    max-width: 300px
}

    .intro-credit .desc {
        margin: 15px 0 20px
    }

.round-arrow {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px
}

    .round-arrow:hover {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }

    .round-arrow::after {
        margin: 0;
        color: #fff
    }

.item-bonus .inner-bonus::before {
    width: 0;
    height: 0;
    border-bottom: 40px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-bonus .inner-bonus::after {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    font-family: fontAwesome;
    content: "\f00c";
    opacity: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-bonus.active .inner-bonus::before, .item-bonus.active .inner-bonus::after {
    opacity: 1
}

.list-product-adv {
    border: 1px solid #e5e5e5;
    margin-top: -1px
}

    .list-product-adv .item-product2 {
        width: 25%
    }

    .list-product-adv .banner-adv {
        width: 50%
    }

    .list-product-adv.new-arr .banner-text {
        width: 25%;
        padding: 0 40px;
        vertical-align: middle;
        z-index: 10;
        position: relative
    }

    .list-product-adv.top-sel {
        margin-bottom: 100px
    }

    .list-product-adv.new-arr .item-product2 {
        border-left: 1px solid #e5e5e5
    }

    .list-product-adv.new-col .item-product2 {
        border-right: 1px solid #e5e5e5
    }

    .list-product-adv.top-sel .item-product2 {
        border-left: 1px solid #e5e5e5
    }

.btn-arrow.style2 {
    border-width: 1px
}

.list-product-adv.new-arr .banner-text .btn-arrow {
    border: 1px solid #fff !important
}

.list-product-adv.new-arr .banner-text p {
    margin: 15px 0 22px
}

.list-product-adv.new-arr .banner-text::after {
    position: absolute;
    content: "\f0da";
    font-family: fontAwesome;
    font-size: 30px;
    top: 50%;
    right: -10px;
    margin-top: -15px
}

.item-product2 {
    position: relative;
    padding: 40px 50px 26px;
    overflow: hidden
}

    .item-product2::before {
        opacity: 0;
        position: absolute;
        top: -20px;
        left: -20px;
        bottom: -20px;
        right: -20px;
        content: "";
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .item-product2:hover::before {
        top: 10px;
        left: 10px;
        bottom: 10px;
        right: 10px;
        opacity: 1
    }

    .item-product2 .product-thumb img {
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .item-product2:hover .product-thumb img {
        transform: scale(1.15);
        -webkit-transform: scale(1.15)
    }

    .item-product2 .product-label {
        position: absolute;
        left: 20px;
        top: 30px
    }

    .item-product2 .product-rate {
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -35px;
        opacity: 0
    }

    .item-product2:hover .product-rate {
        opacity: 1
    }

    .item-product2 .product-extra-link2 {
        position: absolute;
        right: 20px;
        top: 50px
    }

.product-extra-link2 a {
    display: block;
    font-size: 18px;
    margin-bottom: 12px;
    transform: translateX(400px);
    -webkit-transform: translateX(400px);
    opacity: 0
}

    .product-extra-link2 a.addcart-link {
        transition-delay: 0;
        -webkit-transition-delay: 0
    }

    .product-extra-link2 a.wishlist-link {
        transition-delay: .1s;
        -webkit-transition-delay: .1s
    }

    .product-extra-link2 a.compare-link {
        transition-delay: .2s;
        -webkit-transition-delay: .2s
    }

    .product-extra-link2 a.quickview-link {
        transition-delay: .3s;
        -webkit-transition-delay: .3s
    }

.item-product2:hover .product-extra-link2 a {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.item-product2 .product-info {
    padding-top: 17px;
    position: relative
}

.product-label .sale-label {
    color: #58c56f
}

.product-label .new-label {
    color: #60d2f3
}

.product-label span {
    display: block
}

.item-product2 > * {
    z-index: 9
}

.list-product-adv .banner-adv .banner-info {
    padding: 0 50px;
    height: 140px
}

    .list-product-adv .banner-adv .banner-info p {
        margin: 15px 0 22px
    }

.list-product-adv .banner-adv:hover::before {
    opacity: 1
}

.list-product-adv .banner-adv::before {
    opacity: 0;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.tech-infor {
    max-width: 490px;
    padding-top: 88px
}

    .tech-infor .title60 {
        margin-bottom: 82px
    }

.tech-intro .title30 span {
    font-size: 60px;
    position: absolute;
    left: 0;
    top: 3px
}

.tech-intro .title30 {
    position: relative;
    padding-left: 80px
}

.tech-intro .desc {
    line-height: 30px;
    margin: 40px 0
}

.tech-intro {
    padding-left: 50px
}

    .tech-intro .callus, .testimo-box2 .followus {
        font-size: 18px;
        color: #fff;
        display: inline-block;
        height: 60px;
        line-height: 60px;
        padding: 0 45px
    }

        .tech-intro .callus:hover, .testimo-box2 .followus:hover {
            color: #555;
            background: #fff
        }

.banner-kitchen .banner-info {
    height: 200px;
    bottom: auto;
    padding: 80px
}

.banner-adv.banner-kitchen {
    float: right;
    max-width: 500px
}

.banner-kitchen .banner-info p {
    opacity: .7;
    margin-top: 6px
}

.technical {
    margin-bottom: 95px
}

.pop-slider2 {
    margin: 80px -10px 0
}

    .pop-slider2 .item-product {
        margin: 0 10px
    }

        .pop-slider2 .item-product:first-child {
            margin-bottom: 42px
        }

.item-product-pop .product-info .product-title {
    font-size: 18px;
    margin: 8px 0 17px
}

.item-product-pop .product-label {
    position: absolute;
    left: 30px;
    top: 25px;
    z-index: 10
}

.item-product-pop .product-thumb-link::before {
    display: none
}

.pop-slider2 .group-navi .owl-buttons {
    top: -57px
}

.pop-countdown {
    width: 50px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10
}

.pop-product2 {
    margin-bottom: 85px
}

.service-box2 {
    background: #999;
    padding: 90px 0 200px
}

.pop-countdown .time-countdown canvas {
    display: none
}

.pop-countdown .discount {
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 21px
}

.pop-countdown .time-countdown .time_circles > div {
    width: 100% !important;
    height: 40px;
    margin-top: 2px;
    padding-top: 3px
}

    .pop-countdown .time-countdown .time_circles > div .number {
        display: block;
        margin-bottom: -10px;
        font-weight: 700
    }

.item-policy2 .title30 {
    line-height: 40px;
    margin: 10px 0
}

.list-service2 {
    margin-top: -90px;
    margin-bottom: 95px;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 100px
}

.item-service2 .service-info h3.title14 {
    margin: 27px 0 18px
}

.intro-service2 {
    padding: 50px 30px;
    background: #fff
}

    .intro-service2 .desc {
        position: relative;
        margin: 45px 0 33px
    }

        .intro-service2 .desc::before {
            position: absolute;
            content: "";
            width: 100px;
            height: 2px;
            top: -21px;
            left: 0
        }

.item-brand2 {
    padding: 15px 0
}

.list-brand2 .item-brand2 {
    margin-bottom: 30px
}

.box-brand2 {
    margin-bottom: 70px
}

.list-brand2 {
    margin-top: 43px
}

.testimo-box2 {
    padding: 93px 0 115px
}

.testimo-slider2 {
    margin: 100px auto 45px;
    max-width: 550px
}

    .testimo-slider2 .group-navi .owl-buttoms {
        top: -50px
    }

    .testimo-slider2 .group-navi .owl-buttons {
        top: -70px
    }

.item-testimo2 .title18 {
    margin-top: 35px
}

.item-testimo2 .title18 {
    margin-top: 35px
}

.latest-news2 {
    margin-bottom: 92px
}

.latest-slider2 {
    margin: 102px -15px 0
}

    .latest-slider2 .item-news2 {
        margin: 0 15px
    }

    .latest-slider2 .group-navi .owl-buttons {
        top: -77px
    }

.item-news2 .banner-adv .comment-link {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 18px;
    opacity: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-news2:hover .banner-adv .comment-link {
    opacity: 1
}

.item-news2 .banner-adv .comment-link .fa {
    font-size: 30px;
    display: inline-block;
    margin: 6px 10px 0 0
}

.item-news2 .post-info {
    padding-top: 25px
}

    .item-news2 .post-info .title18 {
        margin: 10px 0 37px
    }

.main-footer2 {
    background: #000
}

.list-footer-box2 {
    padding: 97px 0;
    position: relative
}

.main-footer2 .copyright-payment {
    border-color: rgba(255,255,255,0.1)
}

.list-footer-box2::before, .list-footer-box2::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 33.3%;
    width: 1px;
    background: rgba(255,255,255,0.1);
    content: ""
}

.list-footer-box2::after {
    left: 66.7%
}

.footer-box2 h2.title18 {
    margin-bottom: 20px
}

.contact-footer2 .desc {
    position: relative;
    padding-right: 35px;
    margin-bottom: 18px
}

    .contact-footer2 .desc .fa {
        position: absolute;
        font-size: 18px;
        top: 0;
        right: 0
    }

    .contact-footer2 .desc:last-child {
        margin-bottom: 0
    }

.footer-box2.email-box2 {
    padding: 0 40px
}

    .footer-box2.email-box2 .desc {
        margin-bottom: 40px
    }

form.email-form2 {
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    padding-right: 50px
}

    form.email-form2 input[type="text"] {
        height: 50px;
        border: #ffdead;
        display: block;
        width: 100%;
        background: transparent;
        color: #999;
        padding: 0 10px 0 50px;
        border-right: 1px solid rgba(255,255,255,0.5)
    }

    form.email-form2 input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50px;
        opacity: 0;
        z-index: 9
    }

    form.email-form2::before {
        position: absolute;
        content: "\f0e0";
        font-family: fontAwesome;
        font-size: 18px;
        color: #999;
        top: 15px;
        left: 15px
    }

    form.email-form2::after {
        width: 50px;
        left: auto;
        line-height: 50px;
        text-align: center;
        color: #fff
    }

.footer-box2.follow-box2 {
    padding-left: 30px
}

    .footer-box2.follow-box2 .desc {
        margin-bottom: 40px
    }

.social-footer2 li {
    margin: 0 3px
}

.social-footer2 {
    margin: 0 -3px
}

    .social-footer2 li a {
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #999;
        border: 1px solid rgba(255,255,255,0.5);
        display: block;
        width: 50px;
        font-size: 18px
    }

.map-custom {
    height: 450px
}

.header3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #0a0a0a !important;
    z-index: 10;
    padding: 25px 0
}

.main-nav3.main-nav > ul > li > a {
    color: #fff;
    font-family: IRANSans
}

.banner-slider3 .owl-theme.arrow-image .owl-controls .owl-buttons div {
    width: 100px;
    line-height: 40px;
    background: rgba(255,255,255,0.5)
}

    .banner-slider3 .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-prev {
        left: -150px
    }

.banner-slider3:hover .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-prev {
    left: 15px
}

.banner-slider3 .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-next {
    right: -150px
}

.banner-slider3:hover .owl-theme.arrow-image .owl-controls .owl-buttons div.owl-next {
    right: 15px
}

.price-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(0,0,0,0.7);
    padding-top: 34px;
    position: relative;
    z-index: 1
}

    .price-circle strong {
        display: block;
        margin: -10px 0
    }

    .price-circle::before, .sale-circle::before {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border: 1px solid #fff;
        content: "";
        border-radius: 50%
    }

.sale-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding-top: 30px;
    position: relative
}

.item-slider3 .banner-info h3.title30 {
    margin: 5px 0 25px
}

.sale-circle strong {
    position: relative;
    margin-right: 31px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-bottom: -5px
}

    .sale-circle strong sup {
        position: absolute;
        left: 100%;
        top: 15px;
        font-size: 26px
    }

    .sale-circle strong span {
        position: absolute;
        bottom: -9px;
        left: 100%
    }

.circle-price-sale > div {
    margin: 0 -8px;
    vertical-align: middle
}

.circle-price-sale {
    margin-bottom: 30px
}

.btn-arrow.bg-black {
    background: #333;
    border: none;
    line-height: 50px;
    color: #fff
}

.banner-slider.banner-slider3 {
    margin-bottom: 50px
}

.dot-rect {
    width: 92px;
    height: 26px;
    margin: auto;
    position: relative;
    text-align: center;
    line-height: 26px
}

    .dot-rect span {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #000;
        border-radius: 50%
    }

    .dot-rect::before {
        position: absolute;
        content: "";
        border-width: 2px 0 2px 2px;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        border-style: solid
    }

    .dot-rect::after {
        position: absolute;
        content: "";
        border-width: 2px 2px 2px 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        border-style: solid
    }

.title-box3 h2 {
    margin: 14px 0 6px
}

.title-box3 {
    margin-bottom: 41px
}

.box-wellcome3 .title-box3 {
    margin-bottom: 33px
}

.box-wellcome3 {
}

.item-service3 .service-icon {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(0,0,0,0.7);
    line-height: 120px;
    font-size: 60px
}

    .item-service3 .service-icon:hover {
        color: #fff
    }

.list-service3 {
    margin-top: 60px
}

.item-service3 .title18 {
    margin: 22px 0 7px
}

.item-store3 .store-info {
    background: rgba(0,0,0,0.7);
    padding: 25px 30px
}

    .item-store3 .store-info h2 {
        margin-bottom: 8px
    }

.email-store3 {
    margin-top: -100px
}

.item-store3 .store-info a::after {
    color: #fff
}

.email-shop3 {
    padding-top: 170px;
    max-width: 370px;
    margin-right: 30px
}

    .email-shop3 .desc {
        margin: 6px 0 30px
    }

.list-store3 .item-store3 {
    margin: 0 -5px
}

.list-store3 {
    padding: 0 5px;
    margin-left: -30px
}

.email-store3 {
    margin-bottom: 100px
}

.email-form3 {
    position: relative;
    padding-right: 50px;
    border-bottom: 4px solid #e5e5e5;
    padding-bottom: 3px
}

    .email-form3 input[type="text"] {
        font-size: 24px;
        border: none;
        color: #999;
        height: 50px
    }

    .email-form3 .submit-form {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        cursor: pointer;
        text-align: center;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

        .email-form3 .submit-form:hover {
            background: #333
        }

.submit-form input[type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 50px;
    border: none;
    background: transparent;
    opacity: 0;
    z-index: 9
}

.email-form3 .submit-form::after {
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin: 0;
    color: #fff
}

.download-catalog {
    padding: 50px 0
}

    .download-catalog .title18 .fa {
        font-size: 30px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 10px
    }

    .download-catalog a.title18 {
        height: 50px;
        line-height: 50px;
        background: #000;
        padding: 0 100px;
        color: #fff;
        display: inline-block
    }

    .download-catalog .title30 {
        padding-top: 10px
    }

.item-product.item-product3 {
    position: relative
}

.feature-product3 .item-product {
    margin: 0 25px 50px
}

.feature-product3 .product-slider {
    margin: 0 -25px
}

.item-product.item-product3 .product-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    direction: rtl
}

    .item-product.item-product3 .product-info > .title18 {
        background: rgba(0,0,0,0.7);
        padding: 30px 20px
    }

.price-extra3 {
    padding: 5px 20px
}

    .price-extra3 .product-extra-link a {
        background: transparent;
        color: #fff
    }

    .price-extra3 .product-price {
        margin-top: 8px
    }

        .price-extra3 .product-price del::after {
            background: #fff
        }

.feature-product3 {
    background: #f4f4f4;
    padding: 100px 0;
    margin-bottom: 100px
}

.feature-cat3 {
    margin-bottom: 100px
}

.list-cat3 .item-cat3 {
    margin: 0 -15px
}

.list-cat3 {
    margin: 0 15px
}

.item-cat3 .banner-info {
    height: 165px;
    width: 240px;
    background: rgba(255,255,255,0.9);
    border-bottom: 5px solid #FFD40D;
    padding: 25px 30px
}

    .item-cat3 .banner-info h3 {
        margin-bottom: 10px
    }

    .item-cat3 .banner-info .more-link {
        position: absolute;
        left: 30px;
        bottom: 0;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        color: #fff;
        text-transform: uppercase;
        width: 50px;
        text-align: center;
        overflow: hidden
    }

        .item-cat3 .banner-info .more-link span {
            display: none;
            margin: 0 0 0 10px
        }

        .item-cat3 .banner-info .more-link::before {
            margin: 0
        }

        .item-cat3 .banner-info .more-link:hover {
            width: 100px
        }

            .item-cat3 .banner-info .more-link:hover span {
                display: inline-block
            }

.question-box3 {
    padding: 65px 0
}

.round-arrow.bg-dark {
    background: #000
}

.question-box3 .round-arrow {
    margin: 0 0 0 170px;
    vertical-align: middle
}

.question-box3 {
    padding: 65px 0
}

.round-arrow.bg-dark {
    background: #000
}

.question-box3 .round-arrow {
    margin: 0 0 0 170px;
    vertical-align: middle
}

.footer3 {
    background: #000;
    padding: 40px 0 25px
}

    .footer3 .design-by {
        margin-bottom: 27px
    }

.social-footer3 li {
    margin: 0 3px
}

.social-footer3 {
    margin: 0 -3px
}

    .social-footer3 li a {
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        background: rgba(255,255,255,0.1);
        display: inline-block;
        width: 40px
    }

.footer3 .social-footer3 {
    margin-top: 15px
}

.logo-footer3 {
    display: block;
    margin-top: -5px
}

.logo-footer3 {
    display: block;
    margin-top: -5px
}

.intro-project3 {
    padding: 70px 0 65px
}

    .intro-project3 .title30.white {
        margin-bottom: 20px
    }

.list-project .banner-adv {
    margin: 0 -15px
}

.list-project {
    margin-bottom: 100px
}

    .list-project .banner-adv .banner-info {
        height: 120px;
        opacity: 0;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .list-project .banner-adv:hover .banner-info {
        opacity: 1
    }

    .list-project .banner-adv .banner-info p {
        margin: 17px 0 23px
    }

        .list-project .banner-adv .banner-info p .fa {
            margin-right: 10px
        }

.client-box3 {
    padding: 100px 0;
    margin-bottom: 95px
}

.testimo-slider3 {
    max-width: 520px;
    margin: auto
}

.client-box3 .title-box3 {
    margin-bottom: 33px
}

.item-testimo3 .title18 {
    margin: 17px 0 38px
}

.client-box3 .title-box3 {
    margin-bottom: 33px
}

.item-testimo3 .title18 {
    margin: 17px 0 38px
}

.collect-box3 .banner-adv {
    max-width: 430px
}

.collect-box3 {
    margin-bottom: 95px
}

.intro-collect3 {
    padding-top: 100px
}

.title-box3.text-left .dot-rect {
    margin: 0
}

.intro-collect3 .desc {
    margin: -26px 0 40px
}

.item-product-type.item-new-product3 .product-thumb {
    width: auto;
    margin-right: -10px
}

.item-product-type.item-new-product3 .product-info {
    padding: 0
}

.list-new-product3 {
    position: relative;
    padding: 0 15px
}

.item-product-type.item-new-product3 {
    border-top: 1px solid #e5e5e5;
    margin: -1px -15px 0;
    padding: 30px
}

.new-product3 {
    position: relative;
    border: 1px solid #e5e5e5;
    margin-top: 90px
}

    .new-product3::before {
        position: absolute;
        left: 33.333%;
        top: 0;
        bottom: 0;
        width: 1px;
        content: "";
        background: #e5e5e5
    }

    .new-product3::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 66.667%;
        content: "";
        width: 1px;
        background: #e5e5e5
    }

.item-product-type.item-new-product3.main-product .product-thumb {
    margin: 0 0 17px
}

.item-product-type.item-new-product3.main-product {
    padding: 30px 50px
}

.item-product-type.main-product .product-price ins {
    display: inline-block;
    margin: 0 5px 0 0
}

.item-product-type.main-product .product-rate {
    float: right;
    margin-top: 10px
}

.new-product-box3 {
    margin-bottom: 100px
}

.title-tab3 li a {
    display: block;
    padding: 6px 15px;
    background: #fff;
    color: #555
}

    .title-tab3 li a::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
        margin-top: 8px
    }

.title-tab3 li.active a::before {
    background: #fff
}

.title-tab3 li.active a {
    color: #fff
}

.new-product-box3 .title-box3 {
    margin-bottom: 30px
}

.currency-language > li > div > a {
    height: 40px;
    line-height: 40px
}

.top-header4 .wrap-search-cart {
    margin: 7px -15px 0
}

.top-header4 {
    position: relative;
    z-index: 10000
}

.currency-language > li > div > a.dropdown-link::after, .search-cat5 .dropdown-box .dropdown-link::after {
    content: "\f107";
    font-family: fontAwesome;
    margin: 0 5px;
    position: static;
    color: inherit;
    opacity: 1;
    height: auto;
    line-height: inherit
}

.language-box .language-list li, .currency-box .currency-list li {
    border-bottom: 1px solid #fff
}

    .language-box .language-list li a, .currency-box .currency-list li a, .search-cat5 .dropdown-list li a, .sort-order-bar .dropdown-list li a {
        display: block;
        height: 30px;
        line-height: 30px;
        background: #fafafa;
        color: #555;
        padding: 0 10px;
        font-size: 14px;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

        .language-box .language-list li a img, .currency-box .currency-list li a .currency-index {
            margin-right: 10px
        }

        .language-box .language-list li a:hover, .currency-box .currency-list li a:hover {
            color: #fff
        }

.currency-language > li {
    position: relative;
    margin: 0 15px
}

    .currency-language > li::after {
        position: absolute;
        background: #e5e5e5;
        width: 1px;
        height: 20px;
        right: -15px;
        content: "";
        top: 10px
    }

.currency-language {
    margin: 0 -15px
}

    .currency-language > li:last-child::after {
        display: none
    }

.main-nav.main-nav4 {
    margin: 0
}

    .main-nav.main-nav4 > ul > li {
        margin: 0
    }

        .main-nav.main-nav4 > ul > li > a {
            height: 120px;
            line-height: 120px;
            padding: 0 25px;
            color: #fff
        }

        .main-nav.main-nav4 > ul > li.current-menu-item > a {
            background: rgba(255,255,255,0.1)
        }

.logo.logo4 {
    margin-top: 35px
}

.banner-slider4 {
    margin-bottom: 50px;
    margin-top: 40px
}

.item-slider4 .banner-info {
    right: auto;
    padding: 0 60px;
    height: 175px
}

    .item-slider4 .banner-info span.title30 {
        padding: 2px 12px
    }

    .item-slider4 .banner-info h2.title30 {
        margin: 16px 0 11px
    }

    .item-slider4 .banner-info .shop-button {
        padding: 0 25px;
        margin-top: 18px
    }

.banner-slider4 .owl-pagination {
    position: absolute;
    bottom: 40px;
    left: 180px
}

    .banner-slider4 .owl-pagination .owl-page span {
        background: #999
    }

    .banner-slider4 .owl-pagination .owl-page.active span {
        background: #000
    }

.banner-slider4 .owl-pagination {
    position: absolute;
    bottom: 40px;
    left: 180px
}

    .banner-slider4 .owl-pagination .owl-page span {
        background: #999
    }

    .banner-slider4 .owl-pagination .owl-page.active span {
        background: #000;
        border-color: #000
    }

.info-adv4 {
    padding: 20px 10px 18px
}

    .info-adv4 a.color2:hover {
        color: #fff
    }

    .info-adv4 h2 {
        margin-bottom: 5px
    }

.item-adv4 {
    margin-bottom: 30px
}

.list-adv4 {
    margin-bottom: 20px
}

.new-collect4 {
    padding: 45px 60px;
    margin-bottom: 50px
}

    .new-collect4 a {
        padding: 0 30px;
        height: 60px;
        line-height: 60px;
        border: 1px solid #fff
    }

    .new-collect4 h2 {
        margin-top: 15px
    }

    .new-collect4 a:hover {
        color: #fff
    }

.time-countdown.time-count4 {
    width: 220px;
    margin: auto
}

.deal-theday4 {
    position: relative;
    margin-left: 50px;
    padding-left: 300px;
    margin-bottom: 95px
}

    .deal-theday4::before {
        position: absolute;
        top: 15px;
        left: 50px;
        bottom: 15px;
        right: 0;
        content: "";
        background: #fff
    }

    .deal-theday4::after {
        position: absolute;
        top: 15px;
        left: 300px;
        bottom: 15px;
        content: "";
        background: #e5e5e5;
        width: 1px
    }

.deal-intro4 {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 300px;
    background: rgba(255,255,255,0.9);
    padding: 65px 40px 75px;
    z-index: 9
}

    .deal-intro4 .viewall {
        height: 60px;
        line-height: 60px;
        padding: 0 30px;
        color: #fff
    }

.title-underline {
    padding-bottom: 26px;
    position: relative;
    text-align: center
}

    .title-underline::after, .title-upperline::before {
        position: absolute;
        height: 4px;
        width: 100px;
        content: "";
        bottom: 0;
        left: 50%;
        margin-left: -50px
    }

.time-countdown.time-count4 .time_circles > div {
    border-radius: 50%;
    width: 72px !important;
    display: inline-block;
    height: 72px;
    margin: 0 .5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 15px
}

.time-countdown.time-count4 canvas {
    position: relative;
    margin-bottom: -79px
}

.deal-intro4 .time-countdown.time-count4 {
    margin-bottom: 50px;
    margin-top: 22px
}

.deal-intro4 .title-underline {
    margin-bottom: 27px
}

.time-countdown.time-count4 .time_circles > div .number {
    font-family: IRANSans;
    font-size: 18px;
    font-weight: 700
}

.time-countdown.time-count4 .time_circles > div .text {
    width: 30px;
    display: block;
    margin: -2px auto 0;
    line-height: 16px
}

.deal-product4 {
    position: relative
}

.deal-slider4 .item-product {
    margin: 40px 10px
}

.deal-slider4 {
    padding: 0 10px;
    margin-top: -15px;
    position: relative;
    z-index: 1
}

.deal-product4 .product-info {
    position: absolute;
    top: -40px;
    bottom: -40px;
    left: 0;
    right: 0;
    padding-top: 13px;
    z-index: 1;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.deal-product4:hover .product-info {
    opacity: 1;
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
}

.deal-product4 .product-thumb img {
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.deal-product4:hover .product-thumb img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15)
}

.deal-product4 .product-info::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    content: ""
}

.deal-product4 .product-rate {
    position: relative;
    z-index: 1
}

.deal-product4 .product-info .product-extra-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

    .deal-product4 .product-info .product-extra-link a {
        background: transparent
    }

        .deal-product4 .product-info .product-extra-link a:hover {
            color: #fff
        }

.deal-product4 .product-info > .quickview-link, .product-thumb > .quickview-link, .post-thumb a.fancybox {
    width: 50px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    line-height: 50px;
    margin: auto;
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
    text-align: center;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ""
}

.deal-product4:hover .product-info > .quickview-link, .product-thumb:hover > .quickview-link {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.item-product.item-product4 {
    background: #fff;
    margin-bottom: 40px;
    position: relative;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .item-product.item-product4:hover {
        box-shadow: 0 0 9px 0 rgba(0,0,0,0.13)
    }

.item-product4 .product-info {
    padding: 18px 20px 15px;
    position: relative;
    background: #fff;
    z-index: 1
}

    .item-product4 .product-info .product-price ins {
        display: block;
        margin-bottom: 2px
    }

.item-product4 .product-rate {
    margin: 13px 0 15px
}

.item-product.item-product4 .product-extra-link a {
    height: auto;
    line-height: inherit;
    width: auto;
    margin-left: 25px
}

.item-product4 .product-extra-link {
    text-align: right
}

.product-social4 {
    text-align: center;
    padding: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -100px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-product4:hover .product-social4 {
    margin-top: 0
}

.product-social4 a {
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    line-height: 30px;
    background: transparent;
    margin: 0 3px
}

.product-slider.product-slider4 {
    margin-top: 50px
}

.latest-product4 {
    margin-bottom: 60px
}

.list-ads4 .item-ads4 {
    margin: 0 15px 30px;
    position: relative
}

.item-ads4::before {
    border-width: 0;
    border-style: solid;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-ads4.active::before {
    border-width: 5px;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px
}

.list-ads4 {
    margin: 0 15px 65px
}

.item-ads4.item-center .banner-info {
    left: 90px;
    right: 90px
}

.item-ads4 .banner-info {
    left: 40px;
    top: 40px;
    right: 40px;
    bottom: auto;
    z-index: 9;
    padding: 35px 5px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .item-ads4 .banner-info h2 {
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

        .item-ads4 .banner-info h2.white {
            margin: 14px 0 17px
        }

.item-ads4.active .banner-info a.color2 {
    letter-spacing: 5px
}

.item-ads4.active .adv-thumb-link img {
    animation-name: flash;
    animation-duration: .5s
}

.owl-theme.long-arrow .owl-controls .owl-buttons div i {
    display: none
}

.owl-theme.long-arrow .owl-controls .owl-buttons div {
    height: 40px;
    width: 80px;
    transform: none;
    font-size: 30px;
    font-family: "ionicons";
    border-radius: 0;
    line-height: 40px
}

.product-slider4 .owl-theme.long-arrow .owl-controls .owl-buttons div {
    margin-top: -105px
}

.owl-theme.long-arrow .owl-controls .owl-buttons div.owl-prev::before {
    content: "\f3d5"
}

.owl-theme.long-arrow .owl-controls .owl-buttons div.owl-next::before {
    content: "\f3d6"
}

.owl-theme.long-arrow .owl-controls .owl-buttons div.owl-prev {
    left: -15px
}

.owl-theme.long-arrow .owl-controls .owl-buttons div.owl-next {
    right: -15px
}

.feature-box4 {
    margin-bottom: 100px
}

    .feature-box4 .title-underline {
        margin-bottom: 50px
    }

.featured-top4 {
    border-bottom: 1px solid #e5e5e5
}

.featured-bottom4 .item-product4 {
    padding: 30px 30px 20px;
    margin: 0 -15px;
    border-right: 1px solid #e5e5e5
}

    .featured-bottom4 .item-product4 .product-info {
        padding: 18px 0 0
    }

.product-extra-link4 a {
    margin: 0 8px
}

.product-extra-link4 {
    margin: 5px -8px 0
}

.featured-bottom4 {
    margin: 0 15px
}

.banner-product4 {
    margin: 0 -15px
}

    .banner-product4 .banner-adv {
        margin-bottom: 26px
    }

    .banner-product4 .desc {
        margin: 8px 0 12px
    }

.large-product4 {
    padding: 30px;
    border-right: 1px solid #e5e5e5
}

.product-price .discount {
    padding: 4px 8px;
    font-weight: 700;
    display: inline-block
}

.small-product4 .product-thumb {
    width: 150px
}

.small-product4 {
    padding: 30px 30px 0 0
}

    .small-product4 .product-info {
        padding: 20px
    }

    .small-product4 .product-price ins {
        display: block;
        margin-bottom: 3px
    }

    .small-product4 .product-price {
        margin-bottom: 20px
    }

.item-brand4 {
    background: #f9f9f9;
    margin: 30px 0 15px
}

.title24.product-title {
    font-size: 24px
}

.large-product4 .product-price ins {
    display: block
}

.large-product4 .product-price {
    margin-bottom: 15px
}

.large-product4 .end-deal4 {
    border-top: 1px solid #e5e5e5;
    margin-top: 30px;
    padding-top: 20px;
    margin-bottom: 25px
}

.large-product4 .product-info {
    padding-top: 20px
}

.title24.product-title {
    font-size: 24px
}

.large-product4 .product-price ins {
    display: block
}

.large-product4 .product-price {
    margin-bottom: 15px
}

.large-product4 .end-deal4 {
    border-top: 1px solid #e5e5e5;
    margin-top: 30px;
    padding-top: 20px;
    margin-bottom: 25px
}

.large-product4 .product-info {
    padding-top: 20px
}

.item-client4 .client-thumb a {
    display: block;
    width: 150px;
    margin: auto;
    border-radius: 50%;
    position: relative
}

    .item-client4 .client-thumb a img {
        border-radius: 50%
    }

.item-client4 {
    max-width: 790px;
    margin: auto;
    overflow: hidden;
    position: relative
}

    .item-client4 .client-info {
        max-width: 520px;
        margin: auto;
        text-align: center
    }

.client-box4 {
    padding: 50px;
    margin-bottom: 94px
}

.item-client4 .client-info .desc {
    margin: 21px 0 18px
}

.client-box4 {
    padding: 50px;
    margin-bottom: 94px
}

.item-client4 .client-info .desc {
    margin: 21px 0 18px
}

.item-client4 .client-thumb a::before {
    position: absolute;
    right: 100%;
    content: "";
    height: 4px;
    top: 50%;
    width: 1200px;
    margin-right: 20px
}

.item-client4 .client-thumb a::after {
    position: absolute;
    left: 100%;
    content: "";
    height: 4px;
    top: 50%;
    width: 1200px;
    margin-left: 20px
}

.client-slider4 .owl-pagination {
    margin-top: 40px
}

    .client-slider4 .owl-pagination .owl-page span {
        background: #fff
    }

.from-blog4 .title-underline {
    margin-bottom: 60px
}

.list-blog4 {
    margin-bottom: 70px
}

    .list-blog4 .item-blog4 {
        margin-bottom: 30px
    }

.item-blog4 {
    padding: 0 30px;
    background: #fff
}

    .item-blog4 span.title12 {
        display: inline-block;
        text-transform: uppercase;
        padding: 5px 13px
    }

    .item-blog4 h3.titte14 {
        margin: 15px 0
    }

    .item-blog4 h3.title14 {
        margin: 18px 0 20px;
        line-height: 24px
    }

    .item-blog4 .banner-adv {
        margin: 0 -30px
    }

    .item-blog4 .desc {
        margin: 20px 0 22px
    }

.office-banner4 {
    margin-bottom: 95px
}

    .office-banner4 .banner-info {
        left: auto;
        width: 370px;
        right: 50px;
        height: 300px;
        border: 3px solid #FE0000;
        padding: 40px;
        background: rgba(0,0,0,0.4);
        line-height: 42px
    }

.title-upperline::before {
    bottom: auto;
    top: 0
}

.title-upperline {
    padding-top: 20px;
    position: relative
}

.office-banner4 .banner-info .title60.font-light {
    margin: -20px 0 17px
}

.office-banner4 .banner-info .shop-button {
    height: 50px;
    line-height: 50px;
    padding: 0 30px
}

.item-product-type .product-thumb {
    width: 120px
}

.item-product-type.table {
    background: #fff;
    margin-bottom: 30px;
    padding: 30px
}

.item-product-type .product-info {
    padding-left: 30px
}

.item-product-type .product-price ins {
    display: block;
    margin-bottom: 5px
}

.item-product-type .product-price {
    margin: 7px 0 17px
}

.item-product-type .product-extra-link4 {
    margin: 15px -5px -5px
}

.list-product-type4 .title30 {
    margin-bottom: 42px
}

.product-box-type4 {
    margin-bottom: 70px
}

.footer4 {
    padding-top: 95px
}

.footer-box4 h2.title18 {
    margin-bottom: 18px
}

.footer-box4 .info-link4 {
    width: 49%
}

.info-link4 li {
    margin-bottom: 5px
}

.footer-box4 {
    margin-bottom: 30px
}

.footer4 .copyright-payment {
    margin-top: 30px
}

.contact-footer4 .desc {
    position: relative;
    padding-left: 60px;
    min-height: 40px;
    margin-bottom: 20px;
    padding-top: 8px
}

    .contact-footer4 .desc i.fa {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        background: #002776
    }

.news-letter4 .email-form2 {
    border: 1px solid #e5e5e5;
    margin: 30px 0 50px
}

.social-footer4 li {
    margin: 0 10px
}

.social-footer4 {
    margin: 0 -10px
}

    .social-footer4 li a:hover img {
        border-radius: 50%
    }

    .social-footer4 li a img {
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

.submit-form {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px
}

.currency-language .dropdown-list {
    margin: 0
}

.logo.logo5 {
    text-align: center;
    margin-top: -65px;
    position: relative;
    z-index: 10000
}

.inner-content5 {
    background: #fff;
    max-width: 1240px;
    margin: auto
}

.item-service5 .service-icon canvas {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.main-header5 {
    background: #555 url(/content/images/banners/parallax2.jpg) repeat-Y center center;
    padding: 25px 0
}

.form-search5 input[type="submit"] {
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
    z-index: 9
}

.form-search5 input[type="text"] {
    height: 40px;
    width: 100%;
    display: block;
    border: none;
    color: #999;
    padding: 0 15px
}

.search-cat5 .dropdown-box .dropdown-link {
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.search-cat5 .dropdown-list {
    margin: 0
}

    .search-cat5 .dropdown-list li {
        border-bottom: 1px solid #fff
    }

        .search-cat5 .dropdown-list li:last-child {
            border-bottom: none
        }

.search-cat5 {
    position: relative;
    z-index: 10000
}

.search-cat5 {
    position: relative;
    z-index: 10000
}

form.form-search5 {
    position: relative;
    width: 210px;
    padding-right: 40px;
    margin: 0 5px;
    background: #fff
}

    form.form-search5::after {
        content: "\f002";
        position: absolute;
        font-family: fontAwesome;
        color: #999;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px
    }

.contact-top5 span, .contact-top5 strong {
    display: block;
    height: 40px;
    line-height: 40px
}

.contact-top5 strong {
    padding: 0 30px
}

.contact-top5 span {
    margin: 0 10px
}

.main-nav.main-nav5 {
    margin: 0 -35px 10px;
    text-align: center;
    padding: 0 35px;
    border-bottom: 1px solid #e5e5e5
}

    .main-nav.main-nav5 > ul > li > a {
        height: 60px;
        line-height: 60px;
        font-weight: 700;
        text-transform: uppercase
    }

        .main-nav.main-nav5 > ul > li > a::before {
            position: absolute;
            bottom: -1px;
            left: 0;
            right: 0;
            height: 2px;
            content: "";
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
            transition: all .5s ease-out 0;
            -webkit-transition: all .5s ease-out 0
        }

    .main-nav.main-nav5 > ul > li.current-menu-item > a::before, .main-nav.main-nav5 > ul > li:hover > a::before {
        transform: scaleX(1);
        -webkit-transform: scaleX(1)
    }

.banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div i {
    display: none
}

.banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div, .showroom-slider .owl-theme .owl-controls .owl-buttons div {
    height: 80px;
    width: 36px;
    border-radius: 0;
    background: rgba(255,255,255,0.9);
    text-align: center;
    font-size: 18px;
    margin-top: -40px;
    color: #000;
    transform: none;
    -webkit-transform: none
}

    .banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div:hover {
        color: #fff
    }

    .banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div::before, .showroom-slider .owl-theme .owl-controls .owl-buttons div::before {
        font-family: fontAwesome;
        line-height: 80px
    }

    .banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div.owl-prev::before {
        content: "\f104"
    }

    .banner-slider.banner-slider5 .owl-theme .owl-controls .owl-buttons div.owl-next::before {
        content: "\f105"
    }

.item-slider.item-slider5 h3.title30 {
    margin: 5px 0 24px
}

span.new-style {
    display: inline-block;
    height: 100px;
    width: 100px;
    background: #ffc000;
    border-radius: 50% 50% 0 50%;
    padding: 35px 20px 0;
    line-height: 20px;
    margin-bottom: 25px;
    position: relative;
    box-shadow: 5px 5px 0 2px rgba(255,192,0,0.8)
}

.item-slider.item-slider5 .banner-info {
    height: 290px
}

span.new-style::after {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #fff;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.btn-arrow.bg-color {
    color: #fff
}

.btn-arrow.bg-white {
    border-color: #fff;
    color: #000
}

    .btn-arrow.bg-white:hover {
        color: #fff
    }

.btn-arrow.bg-color:hover {
    background: transparent
}

.new-style.cyan {
    background: #11ddc7;
    box-shadow: 5px 5px 0 2px rgba(17,221,199,0.8)
}

.new-style.purple {
    background: #5050ff;
    box-shadow: 5px 5px 0 2px rgba(80,80,255,0.8)
}

.banner-slider.banner-slider5 {
    margin-bottom: 90px
}

.title-box5 {
    margin-bottom: 45px
}

.item-service5 .service-icon .percentage .fa {
    display: block;
    color: #555;
    font-size: 60px;
    position: absolute;
    width: 170px;
    height: 170px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 170px;
    margin: auto;
    z-index: 999;
    background: #fff;
    border-radius: 50%;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-service5 .service-icon .percentage {
    position: relative;
    cursor: pointer;
    display: inline-block
}

    .item-service5 .service-icon .percentage:hover .fa {
        color: #fff
    }

.item-service5 .service-info h3.title14 {
    margin: 25px 0 20px
}

.item-service5 .service-info {
    padding: 0 20px
}

.list-service5 {
    margin-bottom: 100px
}

.item-service5 .service-info .shopnow {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #555;
    padding: 0 15px;
    background: #fff
}

    .item-service5 .service-info .shopnow:hover {
        color: #fff
    }

    .item-service5 .service-info .shopnow::before, .btn-arrow-left::before {
        width: 32px;
        height: 32px;
        line-height: 32px;
        content: "";
        content: "\f30f";
        font-family: "ionicons";
        border: 1px solid;
        border-radius: 50%;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        text-align: center
    }

.item-service5 .service-info .desc {
    margin-bottom: 42px
}

.list-adv5 .item-adv5 {
    margin-bottom: 30px
}

.item-adv5 .banner-info {
    height: 165px;
    padding: 20px 25px;
    left: auto;
    background: transparent;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0;
    text-align: right
}

    .item-adv5 .banner-info p.title18 {
        margin: 6px 0 12px
    }

.btn-arrow-left::before {
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.btn-arrow-left:hover::before {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
}

.item-adv5 .btn-arrow-left.white {
    color: #fff
}

.list-adv5 {
    margin-bottom: 65px
}

.product-slider5 .owl-wrapper-outer {
    padding-bottom: 120px;
    margin-bottom: -120px
}

.product-box5 {
    margin-bottom: 70px
}

.email-form5 {
    text-align: center;
    padding: 50px 15px;
    margin-bottom: 100px
}

form.form-newsletter5 {
    width: 570px;
    position: relative;
    padding-right: 120px;
    background: #fff
}

    form.form-newsletter5 input[type="submit"] {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        border: none;
        width: 120px;
        text-transform: uppercase;
        color: #fff;
        text-align: center
    }

    form.form-newsletter5 input[type="text"] {
        height: 50px;
        display: block;
        width: 100%;
        border: none;
        color: #999;
        padding: 0 20px
    }

.email-form5 .list-inline-block li {
    margin: 0 10px;
    vertical-align: middle
}

.total-box5 {
    background: #333;
    margin-bottom: 50px;
    padding: 30px;
    min-height: 500px
}

.item-post5.table .post-thumb {
    width: 120px
}

.item-post5.table .post-info {
    padding-right: 20px
}

.item-post5.table {
    margin-bottom: 30px;
    direction: rtl
}

    .item-post5.table .post-info h3.title14 {
        line-height: 24px;
        margin-bottom: 6px
    }

.dot-line.style2 span::before, .dot-line.style2 span::after {
    height: 3px;
    border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    background: transparent
}

.dot-line.style2 {
    width: auto
}

.title-total-box5 .title18 {
    margin-bottom: 17px
}

.title-total-box5 {
    margin-bottom: 20px
}

.with-us5 p {
    position: relative;
    padding-right: 50px;
    margin-bottom: 25px
}

    .with-us5 p .fa {
        position: absolute;
        right: 0;
        top: 9px;
        font-size: 24px
    }

.with-us5 {
    margin-bottom: 33px;
    direction: rtl
}

.showroom-info {
    background: rgba(0,0,0,0.7);
    margin: -30px 30px 0;
    position: relative;
    padding: 15px 10px 11px
}

    .showroom-info .title14 {
        margin-bottom: 10px
    }

.showroom-slider .owl-theme .owl-controls .owl-buttons div {
    width: 35px;
    height: 40px
}

    .showroom-slider .owl-theme .owl-controls .owl-buttons div::before {
        line-height: 40px
    }

    .showroom-slider .owl-theme .owl-controls .owl-buttons div.owl-prev::before {
        content: "\f104"
    }

    .showroom-slider .owl-theme .owl-controls .owl-buttons div.owl-next::before {
        content: "\f105"
    }

    .showroom-slider .owl-theme .owl-controls .owl-buttons div i {
        display: none
    }

.wrap-item.small-navi .owl-controls .owl-buttons div {
    -webkit-transform: none;
    transform: none;
    margin: -15px 0 0
}

    .wrap-item.small-navi .owl-controls .owl-buttons div i::before {
        line-height: 28px
    }

.wrap-item.small-navi.group-navi .owl-controls .owl-buttons {
    width: 61px;
    left: auto
}

.brand-slider5.border {
    padding: 31px 0;
    margin-bottom: 50px
}

.brand-slider5 .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -15px
}

.brand-slider5 .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -15px
}

.list-footer-box5 {
    position: relative;
    padding: 50px 0 30px;
    margin: 0 -15px
}

.footer-bottom5 {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 50px 0
}

.menu-footer5 {
    margin: 0 -8px
}

    .menu-footer5 li {
        margin: 0 8px
    }

.list-footer-box5::before {
    position: absolute;
    top: 0;
    left: 33.333%;
    bottom: 0;
    width: 1px;
    background: rgba(255,255,255,0.1);
    content: "";
    margin-left: -5px
}

.list-footer-box5::after {
    content: "";
    background: rgba(255,255,255,0.1);
    width: 1px;
    top: 0;
    bottom: 0;
    left: 66.666%;
    position: absolute;
    margin-left: 5px
}

.footer-box5 {
    margin: 0 -15px;
    padding: 0 30px;
    text-align: right
}

    .footer-box5 h2.title18 {
        margin-bottom: 25px;
        font-family: IRANSans
    }

.pop-post5 {
    position: relative;
    padding-right: 55px;
    margin-bottom: 22px
}

    .pop-post5 .post-date {
        position: absolute;
        right: 0;
        top: 0
    }

        .pop-post5 .post-date strong.title30 {
            margin-bottom: -15px;
            display: block;
            font-weight: 400
        }

    .pop-post5 .post-info .desc {
        margin: 13px 0 10px;
        direction: rtl
    }

.popular-post-slider5 .wrap-item.small-navi .owl-controls .owl-buttons div, .client-slider5 .wrap-item.small-navi .owl-controls .owl-buttons div {
    background: transparent;
    color: #fff
}

.item-client5 {
    position: relative;
    padding-left: 45px;
    margin-bottom: 25px
}

    .item-client5::before {
        content: "\f10d";
        position: absolute;
        font-family: fontAwesome;
        top: 5px;
        right: 1px;
        color: #ffc000;
        font-size: 18px;
        font-weight: 700
    }

    .item-client5 h3.title14 {
        position: relative;
        padding-left: 20px;
        margin-top: 15px
    }

        .item-client5 h3.title14::before {
            font-family: fontAwesome;
            content: "\f1ea";
            color: #fff;
            right: 0;
            top: 0;
            position: absolute
        }

    .item-client5:last-child {
        margin: 0
    }

.pop-post5:last-child {
    margin: 0
}

.social-footer5 {
    border-top: 1px solid rgba(255,255,255,0.1);
    margin: 30px -3px;
    padding-top: 40px
}

    .social-footer5 > li {
        margin: 0 3px
    }

    .social-footer5 a {
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #999;
        border-radius: 0 10px 0 10px;
        background: rgba(255,255,255,0.1)
    }

        .social-footer5 a:hover {
            color: #fff
        }

.footer-box5 .contact-footer2 .desc {
    margin-bottom: 28px
}

.footer-box5 .contact-footer2 .desc {
    margin-bottom: 28px
}

.title-tab5 > ul > li > a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 25px
}

.title-tab5 {
    background: #1b1b1b;
    margin-bottom: 30px
}

.product-slider5 .wrap-item.small-navi.group-navi .owl-controls .owl-buttons {
    right: 30px;
    top: -55px
}

.product-slider5 .item-product-grid::before {
    bottom: -60px
}

.product-slider5 .item-product-grid .product-social5 {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    opacity: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.product-slider5 .item-product-grid:hover .product-social5 {
    opacity: 1
}

.main-nav6 > ul > li > a {
    color: #fff;
    text-transform: uppercase
}

.header.header1.header6 {
    padding-top: 25px
}

.banner-slider6 .bx-pager {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

    .banner-slider6 .bx-pager a {
        display: inline-block;
        width: 200px;
        margin: 0 3px;
        border-top: 5px solid #fff
    }

        .banner-slider6 .bx-pager a.active {
            box-shadow: 0 5px 15px 0 #fff
        }

.banner-slider6 .bx-controls {
    display: none
}

.item-slider6 .banner-info {
    height: 280px
}

    .item-slider6 .banner-info h2.color {
        margin: -5px 0 5px
    }

    .item-slider6 .banner-info .banner-button {
        margin-top: 40px
    }

.banner-slider6 {
    margin-bottom: 90px
}

.dot-color {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 0 5px
}

.item-slider6 .banner-info .banner-button > * {
    display: inline-block;
    vertical-align: middle
}

.banner-about6 a {
    display: block;
    position: relative
}

    .banner-about6 a::before {
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

.banner-about6:hover a::before {
    background: rgba(255,255,255,0.1)
}

.intro-about6 .desc {
    margin: 30px 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 40px
}

.intro-about6 {
    padding-top: 90px
}

    .intro-about6.intro-left {
        padding-right: 70px
    }

    .intro-about6.intro-right {
        padding-left: 70px
    }

.box-about6 {
    margin-bottom: 100px
}

.list-service6 {
    margin: 0 -15px 70px
}

.item-service6 {
    margin: 0 15px 30px;
    border: 3px solid #000;
    padding: 0 10px 30px
}

    .item-service6 .service-icon {
        background: #fff;
        padding: 0 40px;
        margin: -40px 0 0
    }

    .item-service6 .title18 {
        margin-bottom: 10px
    }

.box-about6.trend-box6 {
    margin-bottom: 50px
}

.trend-product6 .product-info {
    position: absolute;
    background: rgba(255,255,255,0.9);
    padding: 40px 50px;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.trend-product6:hover .product-info {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.trend-product6 {
    position: relative;
    margin-bottom: 30px
}

    .trend-product6 .product-price {
        display: inline-block;
        background: rgba(255,255,255,0.9);
        padding: 10px 35px
    }

    .trend-product6 .outer-price {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center;
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .trend-product6:hover .outer-price {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    .trend-product6 .product-info h3.title18 {
        margin-bottom: 10px
    }

    .trend-product6 .product-info .desc {
        margin: 30px 0 25px;
        padding-top: 20px
    }

    .trend-product6 .product-extra-link a {
        background: transparent;
        width: 60px
    }

.list-trend6 {
    margin-bottom: 70px
}

.client-slider6 {
    max-width: 970px;
    margin: 0 auto 100px;
    padding: 45px 30px 70px;
    border: 3px solid #000
}

.item-client6 {
    text-align: center;
    max-width: 550px;
    margin: auto
}

    .item-client6 .client-thumb {
        width: 100px;
        display: block;
        border-radius: 50%;
        margin: auto;
        overflow: hidden;
        border: 1px solid transparent;
        transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }

        .item-client6 .client-thumb img {
            border-radius: 50%;
            transition: all .5s ease-out 0;
            -webkit-transition: all .5s ease-out 0
        }

        .item-client6 .client-thumb:hover img {
            transform: scale(1.15);
            -webkit-transform: scale(1.15)
        }

    .item-client6 .desc {
        margin: 20px 0 17px
    }

.client-slider6 .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -47px
}

.client-slider6 .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -47px
}

.wall-flower-info {
    padding: 130px 0;
    margin-bottom: 90px
}

    .wall-flower-info h3.title18 {
        margin: 6px 0 38px
    }

    .wall-flower-info .desc {
        margin-bottom: 40px
    }

.title-news6 {
    margin-bottom: 37px
}

.item-blog6 {
    margin: 0 15px
}

.latest-slider6 {
    margin: 0 -15px
}

.item-blog6 .post-info {
    top: auto;
    bottom: 35px;
    padding: 0 15px
}

    .item-blog6 .post-info h3.title14 {
        line-height: 1.5;
        font-weight: 700;
        margin-top: 10px
    }

.box-about6.feature-box6 {
    margin-bottom: 65px
}

.item-feature6 .banner-info {
    padding: 0
}

.item-feature6 .product-info h3.title18 {
    margin: 10px 0
}

.item-feature6 .product-info .desc {
    margin: 20px 0 30px
}

.featured-slider6 .item-feature6 {
    margin: 0 25px
}

.featured-slider6.product-slider {
    margin: 0 -25px
}

.featured-slider6.product-slider {
    margin-bottom: 100px
}

.product-thumb .product-extra-link3 {
    height: 40px;
    margin: auto;
    text-align: center;
    z-index: 9
}

.item-feature6 .product-price {
    margin: 22px 0 27px
}

.product-extra-link3 > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    color: #999;
    background: #fff;
    margin: 0 3px
}

.product-thumb .product-extra-link3 > a {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.product-thumb:hover .product-extra-link3 > a {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.featured-slider6 .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 10px
}

.featured-slider6 .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 10px
}

.featured-slider6 .owl-theme .owl-controls .owl-buttons div {
    margin-top: 25px
}

.line-dot {
    position: relative;
    display: inline-block
}

    .line-dot::before {
        position: absolute;
        top: 50%;
        content: "";
        margin-right: 30px;
        right: 100%;
        height: 1px;
        background: #e5e5e5;
        width: 340px;
        z-index: 11
    }

    .line-dot::after {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -5px;
        left: -390px;
        z-index: 11
    }

.intro-about6.intro-left .line-dot::before {
    left: 100%;
    right: auto;
    margin-left: 30px;
    width: 720px
}

.intro-about6.intro-left .line-dot::after {
    left: auto;
    right: -770px
}

.intro-about6 h2 {
    color: #FE0000
}

.banner-video {
    position: relative
}

.latest-news7 {
    margin-bottom: 90px
}

    .latest-news7 .latest-slider2 {
        margin: 40px -15px 0
    }

.brand-slider5.brand-slider7.border {
    margin-bottom: 100px
}

.testimo-box7 {
    background: #212121;
    padding: 100px 0;
    margin-bottom: 100px
}

.dot-rect span.bg-white {
    background: #fff
}

.client-slider7 {
    max-width: 970px;
    margin: -30px auto 80px;
    padding: 20px 65px 25px;
    position: relative
}

    .client-slider7::before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50px;
        border-style: solid;
        border-width: 2px 0 2px 2px;
        border-color: #aaa;
        content: ""
    }

    .client-slider7::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50px;
        border-width: 2px 2px 2px 0;
        border-style: solid;
        border-color: #aaa;
        content: ""
    }

.item-client7 .desc {
    line-height: 1.7
}

.item-client7 h3.title18 {
    margin: 45px 0 0
}

.client-slider7 .owl-theme .owl-controls .owl-page span {
    width: 30px;
    height: 1px;
    background: #fff;
    border-radius: 0;
    margin: 0 3px
}

.client-slider7 .owl-theme .owl-controls .owl-page {
    border: none;
    margin: 0;
    padding: 5px 0
}

.client-slider7 .owl-pagination {
    position: absolute;
    bottom: -65px;
    left: 0;
    right: 0
}

.list-pop-cat7 {
    margin: 0 -15px 100px
}

.item-pop-cat7 {
    margin: 0 15px;
    position: relative
}

    .item-pop-cat7 .banner-info {
        left: 25px;
        right: 25px;
        height: 70px;
        text-align: center;
        background: #fff;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

        .item-pop-cat7 .banner-info h3.title14 {
            position: relative;
            z-index: 1;
            padding: 28px 10px 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

        .item-pop-cat7 .banner-info::before {
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            content: "";
            border: 2px solid #000
        }

    .item-pop-cat7:hover .banner-info h3.title14 a {
        color: #fff
    }

.item-adv7 {
    margin-bottom: 30px
}

.list-adv7 {
    margin-bottom: 70px
}

.item-adv7 .banner-info {
    width: 370px;
    height: 250px;
    padding: 55px 50px 0
}

    .item-adv7 .banner-info::after {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        content: "";
        border: 2px solid #000
    }

    .item-adv7 .banner-info > * {
        position: relative;
        z-index: 1
    }

    .item-adv7 .banner-info h2.title30 {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 25px;
        margin-bottom: 30px
    }

    .item-adv7 .banner-info .btn-arrow-left::before {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

.dot-rect-line {
    position: relative;
    overflow: hidden
}

    .dot-rect-line::before {
        position: absolute;
        top: 50%;
        margin-top: -1px;
        width: 50%;
        left: 0;
        height: 2px;
        background: #e5e5e5;
        content: "";
        margin-left: -115px
    }

    .dot-rect-line::after {
        position: absolute;
        top: 50%;
        margin-top: -1px;
        width: 50%;
        right: 0;
        height: 2px;
        background: #e5e5e5;
        content: "";
        margin-right: -115px
    }

.product-extra-link7 {
    bottom: 0;
    height: 136px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 114px;
    z-index: 10
}

.product-thumb:hover .product-extra-link7 > a.compare-link {
    transform: scale(1) translateY(50px);
    -webkit-transform: scale(1) translateY(50px)
}

.product-extra-link7 > a.addcart-link {
    height: 56px;
    line-height: 56px;
    width: 56px
}

.product-thumb:hover .product-extra-link7 > a.wishlist-link {
    -webkit-transform: scale(1) translateY(-50px);
    transform: scale(1) translateY(-50px)
}

.product-extra-link7 > a.wishlist-link {
    left: auto
}

.product-thumb:hover .product-extra-link7 > a.quickview-link {
    -webkit-transform: scale(1) translateY(-50px);
    transform: scale(1) translateY(-50px)
}

.product-extra-link7 > a.quickview-link {
    left: auto
}

.product-thumb:hover .product-extra-link7 > a {
    opacity: 1;
    transform: scale(1) translateY(0);
    -webkit-transform: scale(1) translateY(0)
}

.product-extra-link7 > a.compare-link {
    right: auto
}

.product-extra-link7 > a {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    line-height: 40px;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 36px;
    opacity: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 18px;
    color: #333;
    transform: scale(0) translateY(0);
    -webkit-transform: scale(0) translateY(0);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .product-extra-link7 > a:hover {
        color: #fff
    }

.item-product7 .product-thumb:hover > .quickview-link {
    transform: translate(0);
    -webkit-transform: translate(0)
}

.item-product7 .product-thumb > .quickview-link {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    bottom: -30px;
    font-size: 18px;
    color: #333;
    height: 90px;
    line-height: 0;
    padding-left: 25px;
    padding-top: 25px;
    position: absolute;
    right: -30px;
    width: 90px;
    transform: translate(90px,90px);
    -webkit-transform: translate(90px,90px);
    top: auto;
    left: auto;
    opacity: 1;
    text-align: left;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.feature-product7 {
    margin-bottom: 100px
}

.item-product.item-product7 .product-thumb .product-rate {
    position: absolute;
    top: 15px;
    right: -115px;
    z-index: 10
}

.item-product.item-product7 .product-thumb:hover .product-rate {
    right: 15px
}

.product-label3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

    .product-label3 > span {
        display: block;
        float: left;
        width: 60px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        text-transform: lowercase
    }

        .product-label3 > span.new-label3 {
            background: #7ddcff
        }

        .product-label3 > span.sale-label3 {
            background: red
        }

.item-product7 .product-info {
    padding-top: 25px
}

.product-slider.feature-slider7 {
    margin-bottom: 15px
}

.feature-slider7 .owl-theme .owl-controls.clickable .owl-buttons div {
    margin-top: -65px
}

.box-wellcome3.well-come7 {
    background: transparent;
    padding-bottom: 92px
}

.banner-video .video-fullscreen {
    width: 100%
}

.banner-video::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 6px;
    content: "";
    background: rgba(0,0,0,0.5)
}

.banner-video .banner-info {
    height: 100px
}

.banner-video {
    margin-bottom: 95px
}

.header7 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: rgba(248,248,248,0.3)
}

.content-header7 {
    padding: 25px 0
}

.wrap-search-cart.light-icon > li::after {
    background: #fff
}

.wrap-search-cart.light-icon .dropdown-link img {
    filter: brightness(1000%);
    -webkit-filter: brightness(1000%)
}

.header8 {
    background: #000;
    padding: 25px 0
}

.service-slider8 {
    border: 1px solid #e5e5e5;
    padding: 90px 0
}

    .service-slider8 .item-service3 {
        border-right: 1px solid #e5e5e5;
        padding: 0 15px
    }

.service-box8 {
    margin-bottom: 95px
}

    .service-box8 > .title30 {
        margin-bottom: 45px
    }

.item-gallery8 {
    float: left;
    width: 25%
}

.shop-gallery8 {
    margin-bottom: 95px
}

.service-slider8 .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -15px
}

.service-slider8 .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -15px
}

.item-gallery8 .banner-info {
    position: absolute;
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    border: 2px solid #fff;
    padding: 45px 30px
}

    .item-gallery8 .banner-info .title30 {
        margin: 0 0 20px
    }

.item-product8 .cat-parent-thumb {
    display: block;
    width: 40px
}

.item-product8 .list-inline-block li:last-child {
}

.item-product8 .cat-parent-name {
    margin: -3px 0 5px;
    display: block;
    font-size: 14px
}

.item-product.item-product8 {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 30px;
    text-align: center
}

    .item-product.item-product8 .product-info {
        position: relative;
        padding-top: 20px;
        direction: rtl;
        margin-right: -20px;
        margin-left: -20px
    }

        .item-product.item-product8 .product-info .wishlist-link {
            position: absolute;
            top: 30px;
            left: 0
        }

        .item-product.item-product8 .product-info .product-title {
            margin: 0
        }

.rate-price8.table {
    margin-top: 30px;
    padding-left: 16px;
}

.item-product.item-product8 .product-price {
    margin: -5px 0 0
}

.product-box8 {
    margin-bottom: 70px
}

.title-box8 {
    position: relative;
    margin-bottom: 40px
}

    .title-box8 .title30 {
        margin-bottom: 15px
    }

    .title-box8 .link-arrow {
        position: absolute;
        top: 10px;
        right: 0
    }

.time-countdown8 canvas {
    display: none
}

.product-deal-box8 {
    margin-bottom: 95px;
    position: relative;
    padding-top: 90px
}

.banner-slider.banner-slider8 {
    margin-bottom: 95px
}

.item-slider8 .banner-info {
    left: 50%;
    background: rgba(0,0,0,0.5);
    height: auto;
    padding-top: 25%
}

.item-gallery8 .banner-info .title30 a:hover {
    color: #000
}

.item-gallery8 .adv-thumb-link::after {
    transform: scale(0);
    -webkit-transform: scale(0)
}

.item-gallery8:hover .adv-thumb-link::after {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.item-gallery8 .banner-info {
    transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-gallery8:hover .banner-info {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.item-gallery8 {
    overflow: hidden
}

.item-product.item-product8 .product-info .wishlist-link:hover {
    transform: scale(1.5);
    -webkit-transform: scale(1.5)
}

.intro-deal8 .title30 {
    margin-bottom: 15px
}

.intro-deal8 {
    position: relative;
    margin-bottom: 100px
}

    .intro-deal8 .time-countdown8 {
        position: absolute;
        top: 0;
        right: 0
    }

.time-countdown8 .time_circles > div {
    display: inline-block;
    color: #ccc;
    width: 50px !important;
    text-align: center;
    font-size: 10px;
    margin: 0 5px
}

    .time-countdown8 .time_circles > div .number {
        font-size: 30px;
        font-weight: 700;
        background: #000;
        color: #FE0000;
        display: block;
        height: 50px;
        line-height: 56px;
        margin-bottom: 5px;
        position: relative
    }

        .time-countdown8 .time_circles > div .number::before {
            position: absolute;
            content: "";
            background: #000;
            top: 50%;
            left: 0;
            right: 0;
            height: 1px
        }

.item-deal8 {
    padding: 0 100px
}

    .item-deal8 .product-title {
        margin-bottom: 20px
    }

.price-table8.table {
    margin: 45px 0 48px;
    max-width: 330px
}

    .price-table8.table .title30 {
        margin-top: 15px
    }

.deal-button {
    margin: 0 -3px
}

    .deal-button a {
        margin: 0 3px
    }

.item-slider8 .banner-info .title60 {
    margin: 25px 0 -7px
}

    .item-slider8 .banner-info .title60 span {
        padding: 17px 50px;
        box-shadow: 0 21px 18px 0 rgba(0,0,0,0.5)
    }

.item-slider8 .banner-info .title24.gray span {
    padding: 12px 20px;
    box-shadow: 0 21px 18px 0 rgba(0,0,0,0.5)
}

.item-slider8 .banner-info .title24.gray {
    margin-bottom: 50px
}

.banner-slider8 .owl-pagination {
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 200px
}

.banner-slider8 .owl-theme .owl-controls .owl-page span {
    background: #999
}

.banner-slider8 .owl-theme .owl-controls .owl-page.active span {
    background: #fff
}

.banner-slider8 .owl-theme .owl-controls .owl-page.active {
    border-color: #fff
}

.item-slider8 .banner-info, .banner-slider8 .owl-pagination {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.banner-slider8:hover .banner-info, .banner-slider8:hover .owl-pagination {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.banner-slider.parallax-slider .item-slider {
    background-position: 0 0
}

.title-news9 {
    margin-bottom: 45px
}

.testimo-box7.testimo-box9 {
    margin-bottom: 60px
}

.latest-slider6 .wrap-item.small-navi.group-navi .owl-controls .owl-buttons {
    right: 15px;
    top: -62px
}

.list-product-masonry .item-product-masonry {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 25%;
    float: left;
    position: relative
}

    .list-product-masonry .item-product-masonry.item-large {
        width: 50%;
        margin-bottom: 11px
    }

.list-product-masonry {
    margin: 0 -5px
}

.banner-slider9 .banner-info h3 span {
    padding: 6px 25px;
    display: inline-block
}

.banner-slider9 .banner-info h2 span {
    padding: 17px 30px;
    display: inline-block;
    background: rgba(255,255,255,0.2)
}

.banner-slider9 .banner-info {
    height: 150px
}

.banner-slider9 .bx-controls-direction {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 120px;
    z-index: 98;
    text-align: center
}

    .banner-slider9 .bx-controls-direction .bx-prev i {
        display: block;
        width: 30px;
        height: 50px;
        background: #000;
        margin: auto;
        line-height: 50px;
        border: 1px solid #606060;
        border-radius: 15px;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .banner-slider9 .bx-controls-direction .bx-prev {
        color: #fff
    }

.title-box9 {
    margin-bottom: 42px
}

    .title-box9 .half-life {
        display: inline-block;
        padding-left: 60px;
        position: relative;
        margin-bottom: -2px
    }

        .title-box9 .half-life::before {
            position: absolute;
            left: 0;
            top: 50%;
            width: 50px;
            content: "";
            height: 1px
        }

.product-slider9 .owl-buttons {
    top: -57px
}

.banner-slider.banner-slider9 {
    margin-bottom: 80px
}

.banner-slider.banner-slider9 {
    margin-bottom: 80px
}

.item-product-masonry .product-info {
    position: absolute;
    top: 50%;
    left: 5px;
    z-index: 9;
    right: 5px;
    padding: 0 10px;
    text-align: center;
    margin-top: -10px;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-product-masonry:hover .product-info {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.item-product-masonry.cat-lamp .product-thumb-link::before {
    background: #00c6cb
}

.item-product-masonry.cat-basket .product-thumb-link::before {
    background: #F7CDC9
}

.item-product-masonry.cat-chair .product-thumb-link::before {
    background: #9DC86F
}

.item-product-masonry.cat-table .product-thumb-link::before {
    background: #1AAF62
}

.item-product-masonry.cat-mock .product-thumb-link::before {
    background: #ec8458
}

.item-product-masonry.cat-ball .product-thumb-link::before {
    background: #D5D6D8
}

.item-product-masonry:hover .product-thumb-link::before {
    opacity: 1
}

.product-box9 {
    margin-bottom: 70px
}

.item-product-masonry.item-deal-masonry .product-info {
    margin-top: -60px
}

    .item-product-masonry.item-deal-masonry .product-info .time-countdown8 .time_circles > div {
        color: #fff
    }

    .item-product-masonry.item-deal-masonry .product-info .time-countdown8 {
        margin-top: 25px
    }

.item-deal-masonry .percent-sale {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    text-align: center;
    background: #000;
    border-radius: 50%;
    line-height: 50%;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    font-family: raleway;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
    z-index: 10;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-deal-masonry:hover .percent-sale {
    background: #fff;
    color: #000
}

.header9 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 15px 0;
    background: transparent url(/content/images/banners/bg-header.png) no-repeat top center
}

.main-nav.main-nav9 {
    margin: 0
}

.box-main-nav .dropdown-list {
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    padding: 0;
    background: rgba(255,255,255,0.9)
}

.slogan9 strong {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

.slogan9 {
    padding-top: 13px
}

.main-nav.main-nav9 > ul > li.menu-item-has-children > a::after {
    line-height: 75px
}

.main-nav.main-nav9 > ul {
    text-align: center;
    max-width: 1170px;
    margin: auto
}

.list-product-adv .item-product2 {
    background: #fff
}

.footer3.bg-white {
    background: #fff
}

    .footer3.bg-white .social-footer3 li a {
        background: #333
    }

.subcribe-form10 {
    padding: 160px 0 90px;
    margin-bottom: 30px
}

.inner-subcribe10 p.white {
    margin: 37px 0 43px
}

.inner-subcribe10 .contact-form .list-inline-block input {
    height: 40px;
    line-height: 40px
}

    .inner-subcribe10 .contact-form .list-inline-block input[type="submit"] {
        padding: 0 35px
    }

.inner-subcribe10 .contact-form .list-inline-block p::before {
    top: 12px;
    color: #fff
}

.inner-subcribe10 .contact-form .list-inline-block input[type="text"] {
    padding: 0 10px 0 45px;
    background: rgba(255,255,255,0.3);
    border: none;
    color: #fff
}

.inner-subcribe10 .contact-form .list-inline-block li {
    margin: 0 3px
}

.brand-slider5.brand-slider10 {
    background: #fff;
    margin-bottom: -65px;
    position: relative;
    z-index: 10
}

.banner-adv.hand-made {
    height: 700px;
    margin-bottom: 80px
}

    .banner-adv.hand-made .banner-info {
        height: 220px;
        width: 600px;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff
    }

        .banner-adv.hand-made .banner-info h2.title60 {
            line-height: 43px;
            margin-bottom: 25px
        }

        .banner-adv.hand-made .banner-info h3.title24 {
            margin-bottom: 5px
        }

.feature-product10 h2.title30 {
    margin-bottom: 44px
}

.feature-product10 {
    margin-bottom: 100px
}

.item-product1.item-product7 .product-thumb {
    margin: 0 -10px
}

.item-product1.item-product7 .product-title {
    padding: 25px 0
}

.title-tab10 {
    margin-bottom: 43px
}

    .title-tab10 .title30 {
        margin-bottom: 38px
    }

.best-product10 {
    padding: 90px 0 80px;
    margin-bottom: 92px
}

    .best-product10 .tab-content {
        margin-bottom: 20px
    }

.title-tab10 .list-inline-block {
    margin: 0 -30px
}

    .title-tab10 .list-inline-block li {
        margin: 0 30px
    }

        .title-tab10 .list-inline-block li a {
            display: block;
            position: relative;
            color: #fff
        }

        .title-tab10 .list-inline-block li.active a::after {
            position: absolute;
            height: 20px;
            width: 2px;
            content: "";
            background: #fff;
            bottom: -26px;
            left: 50%
        }

.list-adv10 {
    margin: 0 15px 75px
}

    .list-adv10 .item-adv10 {
        margin: 0 -15px
    }

.item-adv10 .banner-info {
    left: 100px;
    right: 100px;
    top: auto;
    padding: 70px 30px
}

    .item-adv10 .banner-info.purple {
        background: rgba(221,108,141,0.9)
    }

    .item-adv10 .banner-info.green {
        background: rgba(110,181,50,0.9)
    }

    .item-adv10 .banner-info p {
        margin: 0
    }

    .item-adv10 .banner-info .title24 {
        margin-bottom: 45px;
        position: relative
    }

        .item-adv10 .banner-info .title24::after {
            position: absolute;
            height: 20px;
            width: 2px;
            content: "";
            background: #fff;
            left: 50%;
            bottom: -34px
        }

.banner-slider10 .bx-controls-direction {
    display: none
}

.content-header10 {
    position: relative;
    margin-bottom: 70px
}

    .content-header10 .header10 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100
    }

.header10 {
    background: rgba(0,0,0,0.5);
    padding: 15px 0
}

.main-nav.main-nav10 > ul > li > a {
    color: #fff
}

.item-slider.item-slider10 .banner-info {
    height: 400px;
    width: 550px
}

.item-slider.item-slider10 .content-banner-info {
    border-style: solid;
    border-width: 0 2px 2px;
    border-color: rgba(255,255,255,0.5);
    padding: 45px 40px 40px;
    position: relative
}

    .item-slider.item-slider10 .content-banner-info::before {
        content: url("/content/images/icons/neck-left.png");
        position: absolute;
        bottom: -18px;
        left: -10px
    }

    .item-slider.item-slider10 .content-banner-info::after {
        content: url("/content/images/icons/neck-right.png");
        position: absolute;
        right: -10px;
        bottom: -18px
    }

    .item-slider.item-slider10 .content-banner-info .title18 {
        margin-bottom: 20px
    }

.banner-slider10 .bx-pager {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -120px
}

    .banner-slider10 .bx-pager a {
        display: inline-block;
        width: 56px;
        padding: 4px;
        border: 1px solid transparent;
        position: relative;
        margin: 0 3px
    }

        .banner-slider10 .bx-pager a.active {
            border-color: #fff
        }

.item-slider.item-slider10 .banner-info .title60 {
    overflow: hidden;
    position: relative;
    padding-bottom: 55px
}

    .item-slider.item-slider10 .banner-info .title60::before {
        position: absolute;
        width: 1000px;
        height: 2px;
        content: "";
        background: rgba(255,255,255,0.5);
        right: 50%;
        margin-right: 120px;
        bottom: 0
    }

    .item-slider.item-slider10 .banner-info .title60::after {
        bottom: 0;
        width: 1000px;
        height: 2px;
        content: "";
        background: rgba(255,255,255,0.5);
        left: 50%;
        position: absolute;
        margin-left: 120px
    }

.banner-slider10 .bx-pager a.active::after {
    content: "\f0d7";
    font-family: fontAwesome;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -4px
}

.top-header4.bg-color .currency-language > li > div > a {
    color: #fff
}

.main-nav.main-nav11 {
    margin: 0
}

    .main-nav.main-nav11 > ul > li > a {
        height: 76px;
        line-height: 76px;
        color: #fff
    }

    .main-nav.main-nav11 > ul > li {
        border-right: 1px solid rgba(255,255,255,0.1);
        margin: 0;
        padding: 0 28px
    }

        .main-nav.main-nav11 > ul > li.current-menu-item {
            background: rgba(255,255,255,0.1);
            border: none
        }

.logo.logo11 {
    margin-top: 25px
}

.banner-slider11.banner-slider {
    background: #f6f6f6;
    margin-bottom: 50px;
    padding-bottom: 50px
}

.banner-slider11 .owl-theme .owl-controls .owl-page {
    border: none;
    padding: 0;
    margin: 0
}

    .banner-slider11 .owl-theme .owl-controls .owl-page span {
        margin: 0 30px
    }

        .banner-slider11 .owl-theme .owl-controls .owl-page span::after {
            position: absolute;
            top: 50%;
            left: 100%;
            margin-left: 5px;
            height: 1px;
            background: #e5e5e5;
            width: 50px;
            content: ""
        }

    .banner-slider11 .owl-theme .owl-controls .owl-page:last-child span::after {
        display: none
    }

.banner-slider11 .owl-theme .owl-controls .owl-pagination {
    margin-top: 42px
}

.item-adv11 {
    margin-bottom: 30px
}

.list-adv11 {
    margin-bottom: 65px
}

.item-adv11 .banner-info {
    height: 260px;
    padding: 0 30px
}

.countdown-adv11 canvas {
    display: none
}

.item-adv11 .banner-info h3.title30 {
    margin: 15px 0
}

.item-adv11 .banner-info .btn-arrow {
    margin-top: 43px
}

.countdown-adv11 .time_circles > div {
    width: 75px !important;
    display: inline-block
}

    .countdown-adv11 .time_circles > div .number {
        position: relative;
        display: block;
        font-size: 30px;
        margin-bottom: -15px
    }

        .countdown-adv11 .time_circles > div .number::after {
            content: ":";
            position: absolute;
            top: -2px;
            right: -5px;
            color: #fff
        }

    .countdown-adv11 .time_circles > div:last-child .number::after {
        display: none
    }

.time-countdown.countdown-adv11 {
    margin-bottom: -10px
}

.title-tab11 .list-inline-block {
    display: inline-block;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

    .title-tab11 .list-inline-block li a {
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        position: relative
    }

    .title-tab11 .list-inline-block li.active a::after {
        position: absolute;
        bottom: -28px;
        content: "\f0d7";
        left: 50%;
        margin-left: -5px;
        font-family: fontAwesome
    }

.title-tab11 .title30 {
    margin-bottom: 25px
}

.title-tab11 {
    margin-bottom: 50px
}

.feature-product11 {
    margin-bottom: 65px
}

.banner-adv11 .banner-info {
    height: 280px;
    left: 80px;
    right: auto
}

    .banner-adv11 .banner-info h2.color {
        margin: -17px 0 15px
    }

    .banner-adv11 .banner-info .desc {
        margin-bottom: 40px;
        max-width: 340px
    }

.banner-adv11 {
    margin-bottom: 92px
}

.offer-countdown11 {
    padding: 5px 50px;
    max-width: 520px;
    margin: 25px auto 50px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

    .offer-countdown11 li {
        vertical-align: middle
    }

    .offer-countdown11 .time-countdown .time_circles > div {
        display: inline-block;
        width: 40px !important;
        margin: 0 10px;
        font-weight: 700;
        background: #8fc657;
        color: #fff;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        position: relative;
        top: 0 !important;
        left: 0 !important
    }

        .offer-countdown11 .time-countdown .time_circles > div::after {
            content: ":";
            position: absolute;
            right: -12px;
            color: #abc
        }

    .offer-countdown11 .time-countdown .time_circles::before {
        content: "\f017";
        font-family: fontAwesome;
        font-size: 30px;
        color: #ccc;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 15px
    }

    .offer-countdown11 .time-countdown .time_circles > div:last-child::after {
        display: none
    }

.product-offer11 {
    margin-bottom: 65px
}

.offer-countdown11 canvas {
    display: none
}

.list-ads11 {
    margin-bottom: 70px
}

    .list-ads11 .item-ads11 {
        margin-bottom: 30px
    }

.item-ads11 .banner-info {
    left: 50%;
    padding: 45px 30px
}

    .item-ads11 .banner-info .title30 b {
        display: block
    }

    .item-ads11 .banner-info h2.title30 {
        margin-bottom: 17px
    }

    .item-ads11 .banner-info .list-none li {
        position: relative;
        padding-left: 12px
    }

        .item-ads11 .banner-info .list-none li::before {
            position: absolute;
            content: "*";
            top: 2px;
            left: 0
        }

    .item-ads11 .banner-info .list-none {
        margin-bottom: 45px;
        margin-top: 15px
    }

.item-ads11 .info-ads11 {
    padding: 40px 50px
}

    .item-ads11 .info-ads11 .desc {
        margin: 15px 0 40px
    }

.banner-top12 .banner-info {
    height: 180px
}

    .banner-top12 .banner-info h2 {
        margin: -5px 0 25px
    }

.banner-top12 {
    height: 1000px;
    margin-bottom: 100px
}

.header12 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    z-index: 100
}

.main-nav.main-nav12 > ul > li > a {
    color: #fff
}

.logo.logo12 {
    margin-top: 20px
}

.item-service3 .service-icon.shapes {
    width: 200px;
    height: 200px;
    line-height: 200px;
    position: relative;
    overflow: hidden
}

    .item-service3 .service-icon.shapes .fa {
        position: relative;
        z-index: 10
    }

.item-service3 .service-icon.shapes {
    background: #F72894;
    background: -webkit-linear-gradient(#f72894,#fff);
    background: -o-linear-gradient(#f72894,#fff);
    background: -moz-linear-gradient(#f72894,#fff);
    background: linear-gradient(#f72894,#fff);
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

    .item-service3 .service-icon.shapes::after {
        width: 0;
        height: 0;
        border-left: 130px solid transparent;
        border-right: 130px solid transparent;
        border-bottom: 100px solid #F72894;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: -30px;
        content: "";
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .item-service3 .service-icon.shapes:hover::after {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg)
    }

    .item-service3 .service-icon.shapes.yellow {
        background: #ecd300;
        background: -webkit-linear-gradient(#ecd300,#fff);
        background: -o-linear-gradient(#ecd300,#fff);
        background: -moz-linear-gradient(#ecd300,#fff);
        background: linear-gradient(#ecd300,#fff)
    }

    .item-service3 .service-icon.shapes.cyan {
        background: #42baff;
        background: -webkit-linear-gradient(#42baff,#fff);
        background: -o-linear-gradient(#42baff,#fff);
        background: -moz-linear-gradient(#42baff,#fff);
        background: linear-gradient(#42baff,#fff)
    }

    .item-service3 .service-icon.shapes.yellow::after {
        border-bottom: 100px solid #ecd300
    }

    .item-service3 .service-icon.shapes.cyan::after {
        border-bottom: 100px solid #42baff
    }

.list-product-mason .item-product-mason {
    margin: 0 -15px
}

.list-product-mason {
    margin: 0 15px
}

.item-product-mason .product-info {
    height: 160px;
    text-align: center;
    margin: auto;
    z-index: 10;
    padding: 0;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-product-mason:hover .product-info {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.item-product-mason .product-price {
    margin: 20px 0 42px
}

.price-exact {
    position: absolute;
    bottom: 25px;
    right: 30px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);
    padding: 18px 20px;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-product-mason:hover .price-exact {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.item-product-mason .product-extra-link7 > a {
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1;
    margin: 0 5px;
    position: static;
    display: inline-block
}

    .item-product-mason .product-extra-link7 > a:hover {
        background: #fff
    }

.item-product-mason .product-title a {
    color: #fff
}

.item-product-mason .product-price del::after {
    background: #fff
}

.item-product-mason .product-extra-link7 {
    position: static;
    width: auto;
    height: auto
}

.list-service12 {
    margin-bottom: 65px
}

    .list-service12 .item-service3 {
        margin-bottom: 30px
    }

.product-box12 {
    margin-bottom: 100px
}

.unique-banner {
    margin: 0 auto 100px;
    max-width: 970px
}

    .unique-banner .banner-info {
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: auto;
        height: auto;
        width: 400px;
        border: 20px solid #fff;
        padding: 10px
    }

    .unique-banner .info-unique {
        position: relative;
        height: 100%;
        padding: 30px 15px
    }

        .unique-banner .info-unique h2 {
            margin: 15px 0
        }

        .unique-banner .info-unique .desc {
            margin-bottom: 23px
        }

.content-404 {
    padding: 100px 0
}

.banner-page {
    height: 250px;
    position: relative
}

    .banner-page .banner-info {
        height: 30px
    }

.bread-crumb a::after {
    content: "/";
    color: #555;
    margin: 0 6px
}

.bread-crumb > * {
    display: inline-block;
    vertical-align: middle;
    direction: rtl;
    font-size: 18px;
    color: #eee !important
}

.bread-crumb > strong {
}

.banner-page {
    margin-bottom: 100px
}

.about-company {
    margin-bottom: 100px
}

.intro-company {
    max-width: 470px
}

    .intro-company .title30 {
        margin-bottom: 15px;
        text-align: right
    }

.contact-intro-box > .title18 {
    margin-bottom: 27px;
    text-align: right;
    direction: rtl
}

.contact-map iframe {
    width: 100%
}

.item-contact-box {
    padding: 30px 50px 50px;
    margin: 0 -15px
}

    .item-contact-box .desc {
        margin-bottom: 21px
    }

    .item-contact-box .shop-button {
        height: 50px;
        line-height: 50px;
        padding: 0 50px
    }

    .item-contact-box h2.title18 {
        margin: 15px 0 5px
    }

.contact-map {
    margin-bottom: 40px
}

.contact-info-page h2.title18 {
    padding-bottom: 16px;
    margin-bottom: 21px;
    text-align: right
}

.contact-info-page .desc {
    line-height: 30px
}

.contact-info-page h3.title14 {
    margin: 25px 0 10px;
    text-align: right
}

.contact-form-page > h2.title18 {
    margin-bottom: 18px;
    text-align: right
}

.contact-form input[type="text"], .contact-form textarea {
    height: 50px;
    color: #555;
    border: 1px solid #e5e5e5;
    display: block;
    width: 100%;
    padding: 0 50px 0 15px
}

.contact-form textarea {
    height: auto;
    padding-top: 10px;
    text-align: right
}

.contact-form input[type="submit"] {
    height: 50px;
    border: none;
    color: #fff;
    padding: 0 50px 0 35px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.contact-form .contact-submit {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-top: 10px
}

    .contact-form .contact-submit::after {
        position: absolute;
        top: 18px;
        right: 30px;
        margin: 0;
        color: #fff
    }

    .contact-form .contact-submit:hover input[type="submit"] {
        background: #ccc
    }

.main-contact {
    margin-bottom: 90px
}

.list-contact-box {
    position: relative;
    padding: 0 15px
}

    .list-contact-box::before, .list-contact-box::after {
        position: absolute;
        left: 33.33%;
        content: "";
        top: 0;
        bottom: 0;
        background: #e5e5e5;
        width: 1px
    }

    .list-contact-box::after {
        left: 66.66%
    }

.contact-form p {
    position: relative
}

.contact-form .contact-name::before, .contact-form .contact-mail::before, .contact-form .contact-message::before {
    font-family: fontAwesome;
    position: absolute;
    top: 17px;
    right: 20px;
    content: "\f007";
    color: #999
}

.contact-form .contact-mail::before {
    content: "\f0e0"
}

.contact-form .contact-message::before {
    content: "\f075"
}

.team-gallery-thumb .fancybox {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    width: 40px;
    z-index: 9;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.team-gallery-thumb:hover .fancybox {
    transform: scale(1);
    -webkit-transform: scale(1)
}

.item-team-gallery h3 {
    margin: 0 0 20px
}

.team-social-network {
    margin-left: -3px;
    margin-top: 20px
}

    .team-social-network li {
        margin: 0 3px
    }

.team-gallery-thumb {
    margin-bottom: 20px
}

.team-social-network a {
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    color: #555;
    display: block;
    height: 40px;
    text-align: center;
    width: 40px;
    line-height: 40px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.list-team-box {
    margin-bottom: 100px
}

    .list-team-box .team-gallery, .list-team-box .team-circle {
        margin-bottom: 50px
    }

.item-team-circle {
    position: relative
}

.item-team-circle1 {
    z-index: 104
}

.team-circle-thumb {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    cursor: pointer;
    position: relative
}

    .team-circle-thumb:hover .team-cirle-image {
        margin-left: 30px;
        transform: scale(0.5) translateX(100%) rotate(360deg);
        -webkit-transform: scale(0.5) translateX(100%) rotate(360deg);
        border: 10px solid rgba(0,0,0,0.1)
    }

    .team-circle-thumb > img {
        width: 100%
    }

.team-cirle-image {
    border-radius: 50%;
    width: 100%;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.info-circle-thumb {
    left: 0;
    opacity: 0;
    padding: 45px 45px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    visibility: hidden;
    width: 100%;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .info-circle-thumb .desc {
        color: #ccc
    }

.team-circle-thumb:hover .info-circle-thumb {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible
}

.item-team-circle2 {
    z-index: 103
}

.item-team-circle3 {
    z-index: 102
}

.item-team-circle4 {
    z-index: 101
}

.team-circle-info > h3 {
    margin: 15px 0 10px
}

.item-team-rectang {
    border: 1px solid #e5e5e5;
    overflow: hidden;
    position: relative;
    text-align: center
}

    .item-team-rectang:hover .team-circle-info {
        bottom: 0
    }

    .item-team-rectang .team-circle-info {
        background: rgba(255,255,255,0.9);
        bottom: -60px;
        left: 0;
        padding: 0 20px 15px;
        position: absolute;
        width: 100%;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

.team-circle-info {
    text-align: center
}

.item-member1 .member-social {
    background: rgba(0,0,0,0.5);
    height: 100%;
    left: -60px;
    padding: 40px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .item-member1 .member-social a {
        color: #fff;
        margin: 7px
    }

.member-social > a {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all .3s ease-out 0;
    width: 30px
}

.item-member1 .member-social a:hover {
    background: rgba(0,0,0,0.3)
}

.item-member1 .member-info > h3 {
    margin-bottom: 15px;
    padding: 15px 0
}

.member-info > h3 {
    border-bottom: 1px solid #e5e5e5
}

.member-thumb {
    overflow: hidden;
    position: relative
}

.item-member1 .member-thumb:hover .member-social {
    left: 0
}

.team-rectang {
    margin-bottom: 50px
}

.title-pages {
    margin-bottom: 50px
}

    .title-pages h2 {
        overflow: hidden
    }

        .title-pages h2 span {
            padding: 0 30px;
            position: relative;
            display: inline-block;
            z-index: 9
        }

            .title-pages h2 span::before {
                background: rgba(0,0,0,0.1);
                content: "";
                height: 4px;
                right: 100%;
                margin-top: -2px;
                position: absolute;
                top: 50%;
                width: 1200px
            }

            .title-pages h2 span::after {
                background: rgba(0,0,0,0.1);
                content: "";
                height: 4px;
                left: 100%;
                margin-top: -2px;
                position: absolute;
                top: 50%;
                width: 1200px
            }

    .title-pages .title14 {
        margin-bottom: 5px
    }

.item-member2 .member-info {
    padding-top: 50px
}

    .item-member2 .member-info > h3 {
        margin-bottom: 25px;
        padding-bottom: 27px
    }

    .item-member2 .member-info > p {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 30px;
        padding-bottom: 25px
    }

.item-member2 .member-social > a {
    background: rgba(0,0,0,0.1);
    color: #fff;
    margin-right: 7px
}

    .item-member2 .member-social > a:hover {
        background: #000 none repeat scroll 0 0
    }

.box-member1 {
    margin-bottom: 50px
}

.team-social-network a:hover {
    color: #fff
}

.masonry-list-post .item-post-masonry {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 33.334%
}

.masonry-list-post {
    margin: 0 -15px
}

.banner-page.banner-blog-page {
    margin-bottom: 50px
}

.pagi-nav.border-top {
    padding-top: 30px
}

.pagi-nav > a {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    color: #555
}

    .pagi-nav > a.current-page, .pagi-nav > a:hover {
        background: #fff
    }

.blog-content {
    margin-bottom: 50px
}

.post-thumb {
    position: relative
}

    .post-thumb a.fancybox {
        height: 40px;
        line-height: 40px;
        width: 40px;
        background: #fff;
        color: #999
    }

    .post-thumb .post-thumb-link {
        display: block;
        position: relative
    }

    .post-thumb:hover .post-thumb-link::before {
        opacity: 1
    }

    .post-thumb:hover a.fancybox {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1
    }

.item-post-masonry .post-info {
    padding: 23px 0 7px
}

.post-tag-author {
    margin-bottom: 5px
}

.item-post-masonry .post-info h3.title18 {
    line-height: 1.3;
    margin: 9px 0 6px;
    text-align: right
}

.post-date-comment li {
    border-right: 1px solid #e5e5e5;
    padding: 0 15px
}

.post-date-comment {
    margin: 0 -15px
}

    .post-date-comment li:last-child {
        border: none
    }

.item-post-masonry .post-info .desc {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
    margin-bottom: 11px
}

.post-tag-author {
    position: relative;
    padding-right: 20px;
    text-align: right
}

    .post-tag-author .fa {
        position: absolute;
        top: 4px;
        right: 0;
        color: #999
    }

    .post-tag-author a {
        margin-right: 10px
    }

.item-post-list .btn-arrow {
    margin-top: 17px
}

.item-post-list {
    margin-bottom: 43px
}

.widget-title {
    padding: 15px 20px
}

.widget-content {
    border: 1px solid #e5e5e5;
    padding: 20px
}

.widget {
    margin-bottom: 30px;
    direction: rtl
}

.widget-content li h2 a, .widget-content li h2 a {
    font-size: 16px !important
}

.widget-content li .list-none li h3 a {
    font-size: 14px !important
}
.widget-content li .list-none li h4 a {
    font-size: 12px !important
}
.widget-category .list-none li h3 a, .list-attr li h3 a {
    padding-right: 20px;
    position: relative
}

    .widget-category .list-none li h3 a::before, .list-attr li h3 a::before, .list-color-filter h3 a:hover::after, .list-color-filter h3 a.active::after {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        top: 5px;
        right: 0;
        border: 1px solid #e5e5e5;
        font-family: "ionicons";
        color: #fff;
        text-align: center;
        line-height: 10px;
        font-size: 16px;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .widget-category .list-none li h3 a:hover::before, .list-attr li h3 a:hover::before, .list-attr li h3 a.active::before {
        content: "\f3fd"
    }

.widget-category .list-none li, .list-attr li {
    margin-bottom: 8px
}

.widget-recent-post li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 17px;
    margin-bottom: 20px
}

    .widget-recent-post li:last-child {
        margin: 0;
        padding: 0;
        border: none
    }

.item-post-recent.table .post-thumb {
    width: 80px
}

.item-post-recent.table .post-info {
    padding-right: 17px
}

    .item-post-recent.table .post-info .desc {
        margin: 9px 0 4px
    }

.blog-list-post {
    margin-top: -20px
}

.content-single > .banner-adv {
    margin-bottom: 21px
}

.content-single .post-date-comment {
    margin-bottom: 10px;
    text-align: right
}

.content-single > .title30 {
    margin-bottom: 24px;
    text-align: right
}

.content-single .desc.title18 {
    margin: 0 0 12px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 13px
}

.content-single > p.desc {
    margin-top: 33px
}

.content-single p.block-quote {
    background: #f9f9f9;
    font-style: italic;
    padding: 50px 130px 50px 30px;
    position: relative;
    margin-top: 40px;
    color: #999;
    text-align: right;
    height: 180px
}

    .content-single p.block-quote::before {
        position: absolute;
        top: 30px;
        right: 45px;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        font-family: fontAwesome;
        color: #fff;
        content: "\f10d";
        font-size: 18px;
        line-height: 60px;
        text-align: center;
        font-style: normal
    }

.content-single .single-share {
    margin: 35px -8px 40px
}

.single-share a {
    display: inline-block;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    margin: 0 8px
}

    .single-share a b {
        font-weight: 400;
        margin: 0 20px 0 10px
    }

.post-control {
    position: relative;
    padding: 25px 0;
    margin-bottom: 47px
}

    .post-control::before {
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        content: "";
        background: #e5e5e5;
        width: 1px
    }

    .post-control h3.title14 {
        margin-top: 8px
    }

.article-related > h2.title18 {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: right
}

.article-slider {
    margin: 0 -14px
}

    .article-slider .item-article {
        margin: 0 15px
    }

.item-article .banner-adv {
    margin-bottom: 12px
}

.item-article h3.title14 {
    line-height: 1.5;
    margin-top: -3px;
    text-align: right
}

.article-related {
    margin-bottom: 42px
}

.single-info-author.table {
    margin-bottom: 45px
}

.single-info-author.table {
    padding: 15px
}

    .single-info-author.table .author-info {
        vertical-align: middle;
        position: relative;
        padding-right: 120px;
        padding-left: 30px
    }

    .single-info-author.table .author-thumb {
        width: 170px
    }

.single-info-author .author-social {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -10px
}

    .single-info-author .author-social a {
        margin-left: 10px
    }

.single-info-author.table .author-info .title18 {
    margin: 10px 0
}

.owl-theme.group-navi.style2 .owl-controls .owl-buttons div {
    height: 28px;
    width: 28px;
    border: 1px solid #595959;
    color: #434343;
    background: transparent
}

    .owl-theme.group-navi.style2 .owl-controls .owl-buttons div i::before {
        line-height: 28px
    }

.owl-theme.group-navi.style2 .owl-controls .owl-buttons {
    width: 58px;
    left: auto;
    margin: 0;
    right: 15px
}

.article-slider .owl-theme.group-navi.style2 .owl-controls .owl-buttons {
    top: -30px
}

.sort-order-bar {
    margin-bottom: 23px
}

    .sort-order-bar .dropdown-box {
        z-index: 11
    }

.product-grid-view {
    position: relative;
    margin: 0 15.5px
}

    .product-grid-view .item-product2 {
        border: 1px solid #e5e5e5;
        margin: -1px -15.5px 0
    }

.shop-content {
    margin-bottom: 110px
}

    .shop-content .pagi-nav {
        margin-top: 30px
    }

.banner-page.banner-shop-page {
    margin-bottom: 30px
}

.sort-order-bar .list-inline-block > li {
    margin: 0 25px
}

.sort-order-bar a.dropdown-link::after {
    content: "\f0d7";
    font-family: fontAwesome;
    opacity: 1;
    position: static;
    height: auto;
    line-height: inherit;
    margin: 0 0 0 5px;
    color: #555
}

.sort-order-bar .list-inline-block {
    margin: 0 -25px
}

.view-type a {
    margin: 0 5px
}

.view-type {
    margin: 0 -5px
}

.sort-order-bar .dropdown-list {
    margin: 0;
    width: 110px;
    text-align: center;
    left: auto;
    right: -15px
}

    .sort-order-bar .dropdown-list li {
        border-bottom: 1px solid #fff
    }

.list-attr li a {
    color: #555
}

.item-product-list {
    margin-bottom: 30px;
    padding: 10px
}

    .item-product-list .product-info {
        padding: 10px 20px 10px 0
    }

    .item-product-list .product-price {
        margin: 10px -2px 14px
    }

    .item-product-list .product-extra-link.style2 {
        width: 240px;
        float: right;
        margin-top: -50px
    }

    .item-product-list .desc {
        margin: 22px 0 20px
    }

.link-cart-detail a {
    vertical-align: top;
    margin: 0 3px
}

.link-cart-detail {
    margin: 0 -3px
}

.product-label2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

    .product-label2 span {
        position: relative;
        float: left;
        width: 34px;
        height: 23px;
        display: block;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 23px
    }

    .product-label2 .new-label2 {
        background: #ed624c
    }

    .product-label2 .sale-label2 {
        background: #80d3d3
    }

    .product-label2 span::after {
        width: 0;
        height: 0;
        content: "";
        position: absolute;
        top: 100%;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        left: 0
    }

    .product-label2 span.new-label2::after {
        border-top: 5px solid #ed624c
    }

    .product-label2 span.sale-label2::after {
        border-top: 5px solid #80d3d3
    }

.link-btn.link-arrow.border {
    color: #555;
    line-height: 38px
}

    .link-btn.link-arrow.border:hover {
        color: #fff
    }

.widget-filer-selection .widget-content > .current-category {
    margin: -20px -20px 20px;
    padding: 15px 20px 0;
    background: #fafafa
}

.current-category .title18 {
    margin-bottom: 10px
}

.current-category .desc {
    position: relative
}

    .current-category .desc::after {
        position: absolute;
        content: "\f404";
        color: #c4c4c4;
        top: 0;
        right: 0;
        font-family: "ionicons";
        font-size: 24px
    }

.current-category .text-right {
    border-top: 1px solid #f1f1f1;
    margin-top: 5px;
    padding: 7px 0
}

.filter-attr > .title18 {
    cursor: pointer;
    position: relative;
    margin-bottom: 13px
}

    .filter-attr > .title18::after {
        content: "\f462";
        font-family: "ionicons";
        position: absolute;
        top: -3px;
        left: 0;
        font-size: 24px;
        color: #ccc;
        font-weight: 400
    }

    .filter-attr > .title18.active::after {
        content: "\f489"
    }

.widget-filer-selection .widget-content > div {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 27px;
    padding-bottom: 15px
}

    .widget-filer-selection .widget-content > div:last-child {
        margin: 0;
        padding: 0;
        border: none
    }

.list-color-filter a {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 3px;
    position: relative
}

.list-color-filter {
    margin: 0 -3px 4px
}

    .list-color-filter a:hover::after, .list-color-filter a.active::after {
        top: auto;
        left: auto;
        bottom: -1px;
        right: -1px;
        content: "\f3fd"
    }

.range-filter .amount label {
    color: #555;
    font-weight: 400;
    margin: 0 7px 0 0
}

.range-filter .amount span {
    display: inline-block;
    height: 30px;
    min-width: 60px;
    border: 1px solid #e5e5e5;
    text-align: center;
    line-height: 30px;
    padding: 0 5px;
    color: #555
}

.filter-price > .title18 {
    margin-bottom: 17px
}

.range-filter .btn-filter-price {
    border: none;
    color: #fff;
    height: 30px;
    padding: 0 15px
}

.range-filter .list-inline-block {
    margin: 0 -3px
}

    .range-filter .list-inline-block li {
        margin: 0 3px
    }

.range-filter .slider-range {
    margin: 30px 0 15px;
    border: medium none;
    border-radius: 0;
    height: 1px
}

.range-filter .ui-slider-range {
    background: #e8e8e8 none repeat scroll 0 0
}

.range-filter .ui-slider-handle.ui-state-default.ui-corner-all {
    cursor: pointer;
    height: 15px;
    margin-left: -7px;
    top: -7px;
    width: 15px;
    border: none;
    border-radius: 0
}

.product-mini-cart .product-title {
    font-size: 14px
}

.detail-bread-crumb {
    background: #f4f4f4;
    padding: 13px 0;
    margin-bottom: 30px
}

.detail-full-gallery {
    margin-right: -20px;
    padding-right: 90px;
    position: relative
}

    .detail-full-gallery .bx-pager {
        position: absolute;
        width: 80px;
        top: 0;
        right: 0
    }

.detail-fullwidth .detail-info {
    margin-left: 30px;
    direction: rtl
}

.detail-full-gallery .bx-pager a.active {
    border: 5px solid #dbdbdb
}

.detail-full-gallery .bx-pager a {
    display: block;
    margin-bottom: 10px
}

.detail-full-gallery .bx-controls-direction a {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    border: 1px solid #555;
    color: #555;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    opacity: 0;
    z-index: 10
}

.detail-full-gallery:hover .bx-controls-direction a {
    opacity: 1
}

.detail-full-gallery .bx-controls-direction a.bx-prev {
    left: -15px
}

.detail-full-gallery .bx-controls-direction a.bx-next {
    right: 75px
}

.detail-full-gallery .bx-controls-direction a:hover {
    color: #fff
}

.detail-info .title30 {
    margin-bottom: 15px
}

.code-stock {
    margin-bottom: 14px
}

    .code-stock li {
        margin-bottom: 6px
    }

.detail-info .desc {
    margin: 13px 0 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 21px
}

.detail-info .product-price {
    margin-bottom: 20px
}

.color-detail .title18 {
    margin-bottom: 15px
}

.color-detail {
    margin-bottom: 20px
}

.detail-qty {
    width: 180px;
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 0 55px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    background: #fff
}

    .detail-qty a {
        position: absolute;
        top: 0;
        width: 55px;
        height: 100%;
        font-size: 24px
    }

    .detail-qty .qty-down {
        left: 0;
        border-right: 1px solid #e5e5e5
    }

    .detail-qty .qty-up {
        right: 0;
        border-left: 1px solid #e5e5e5
    }

.qty-cart .addcart-link {
    height: 60px;
    display: inline-block;
    line-height: 60px;
    color: #fff;
    padding: 0 35px
}

.qty-cart > li {
    margin: 0 3px
}

.qty-cart {
    margin: 0 -3px
}

.detail-info .product-extra-link.style2 {
    width: 240px;
    margin-top: 30px;
    margin-left: -25px
}

.color-detail .color-label {
    margin: 0 10px
}

.detail-fullwidth {
    margin-bottom: 50px
}

.detail-tab {
    position: relative;
    direction: rtl
}

.detail-tab-title {
    position: relative;
    right: 0;
    top: 0;
    width: auto;
    text-align: right;
    float: right;
    margin-top:50px;
}

    .detail-tab-title ul li {
        margin-bottom: 10px
    }

        .detail-tab-title ul li a {
            display: block;
            height: 40px;
            line-height: 40px;
            border: 1px solid #e5e5e5;
            text-transform: uppercase;
            color: #000;
            background: #f9f9f9;
            padding: 0 20px
        }

        .detail-tab-title ul li.active a {
            color: #fff;
            text-align: right
        }

.detail-tab-info .table > tbody > tr > td {
    padding-left: 0;
    border: none;
    padding-top: 0;
    padding-bottom: 25px
}

    .detail-tab-info .table > tbody > tr > td > img {
        max-width: none;
        margin: 0 15px
    }

.detail-tab-info .title30 {
    margin-bottom: 30px
}

.tab-scroll {
    /*height: 300px;*/
    overflow: auto;
    position: relative
}

.detail-tab {
    margin-bottom: 70px
}

.tab-scroll .tab-content {
    padding-right: 50px;
    padding-top: 20px
}

.tab-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    border-radius: 0;
    opacity: 1
}

.tab-scroll .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    background: #e5e5e5;
    border-radius: 0;
    opacity: 1
}

.tab-scroll .mCustomScrollBox > .mCSB_scrollTools {
    width: 5px;
    opacity: 1
}

.detail-tab-review .title14 {
    margin: 0 0 18px;
    text-transform: inherit;
    font-size: 18px
}

.list-none.list-tags-review li {
    display: table;
    margin-bottom: 20px;
    width: 100%
}

    .list-none.list-tags-review li > .review-author {
        width: 100px
    }

    .list-none.list-tags-review li > div {
        display: table-cell;
        vertical-align: top
    }

    .list-none.list-tags-review li > .review-info {
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        padding: 20px;
        position: relative
    }

    .list-none.list-tags-review li > .review-author a {
        border-radius: 50%;
        display: block;
        overflow: hidden;
        width: 70px
    }

        .list-none.list-tags-review li > .review-author a img {
            border-radius: 50%
        }

.review-header {
    color: #999
}

.review-info .product-rate {
    position: absolute;
    left: 20px;
    top: 20px
}

.review-form {
    margin-top: 23px
}

    .review-form > div {
        margin-bottom: 10px;
        min-height: 40px;
        padding-right: 105px;
        position: relative
    }

        .review-form > div > label {
            font-weight: 400;
            height: 40px;
            right: 0;
            line-height: 40px;
            position: absolute;
            top: 0
        }

        .review-form > div > input[type="text"] {
            border: 1px solid #e5e5e5;
            border-radius: 4px;
            height: 40px;
            max-width: 400px;
            padding: 0 15px;
            width: 100%
        }

        .review-form > div > .product-rate {
            transform: translateY(15px);
            -webkit-transform: translateY(15px)
        }

        .review-form > div > textarea {
            border: 1px solid #e5e5e5;
            border-radius: 4px;
            max-height: 120px;
            padding: 10px 15px;
            width: 100%
        }

        .review-form > div > input[type="submit"] {
            border: medium none;
            margin-top: 10px
        }

.detail-tab-more .title18 {
    margin-bottom: 22px
}

.detail-tab-more .desc {
    margin-bottom: 30px
}

.item-product-grid .product-thumb {
    border: 1px solid #E5E5E5;
    padding: 10px;
    overflow: visible;
    z-index: 10
}

.item-product-grid .product-extra-link.style2 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    display: block;
    z-index: 9;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    opacity: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-product-grid:hover .product-thumb {
    border-color: transparent
}

.item-product-grid .product-thumb:hover .product-extra-link.style2 {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    opacity: 1
}

.item-product-grid .product-extra-link.style2 a {
    float: left;
    width: 33.334%;
    display: block
}

.detail-related > .title18 {
    margin-bottom: 18px;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    direction: rtl
}

.detail-related-slider .owl-theme.group-navi.style2 .owl-controls .owl-buttons {
    top: -30px
}

.item-product-grid {
    position: relative;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .item-product-grid > * {
        position: relative;
        z-index: 1
    }

    .item-product-grid::before {
        background: #fff;
        border: 1px solid #e5e5e5;
        box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
        opacity: 0;
        bottom: -120px;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .item-product-grid:hover::before {
        opacity: 1
    }

    .item-product-grid .product-info {
        background: #fff;
        margin: 0 10px;
        padding-top: 23px
    }

        .item-product-grid .product-info .product-price {
            margin-bottom: 13px
        }

        .item-product-grid .product-info .order-num {
            margin-top: -16px;
            margin-bottom: 22px;
            opacity: 0;
            transition: all .5s ease-out 0;
            -webkit-transition: all .5s ease-out 0
        }

.link-addcart-detail .addcart-link {
    background: #000
}

.link-addcart-detail .detail-link {
    background: #333
}

.link-addcart-detail .link-arrow {
    display: block;
    color: #fff
}

.product-social5 {
    padding: 8px;
    margin-top: 10px
}

    .product-social5 a {
        margin: 0 20px
    }

.wrap-cart-social {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 22px;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.item-product-grid:hover .product-info .wrap-cart-social {
    opacity: 1;
    transform: scaleX(1);
    -webkit-transform: scaleX(1)
}

.item-product-grid:hover .product-info .order-num {
    opacity: 1
}

.item-product-grid:hover .product-info .product-rate {
    opacity: 0
}

.detail-related-slider .owl-wrapper-outer {
    padding-bottom: 110px;
    margin-bottom: -110px
}

.detail-related {
    position: relative;
    z-index: 10;
    margin-bottom: 55px
}

.item-product-grid .product-label2 {
    top: 10px;
    left: 10px
}

.item-product-grid:hover {
    z-index: 11
}

.detail-gallery .mid {
    position: relative
}

.product-detail .detail-gallery {
    position: relative;
    max-width: 720px;
    width: 100%;
    margin: auto;
    padding-right: 120px
}

    .product-detail .detail-gallery .gallery-control {
        position: absolute;
        width: 100px;
        right: 0;
        top: 0;
        text-align: center;
        padding-top: 30px
    }

    .product-detail .detail-gallery .carousel ul li a {
        width: 100px;
        border: 1px solid #e5e5e5;
        display: block
    }

    .product-detail .detail-gallery .carousel ul li {
        margin-bottom: 10px
    }

        .product-detail .detail-gallery .carousel ul li a.active {
            border-width: 5px
        }

.product-detail .detail-info {
    background: #f9f9f9;
    margin-top: -100px;
    padding: 135px 0 80px
}

.detail-gallery .gallery-control > a, .wrap-item.small-navi .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px;
    border: 1px solid #555;
    color: #555;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background: #fff
}

    .detail-gallery .gallery-control > a:hover {
        color: #fff
    }

.product-detail .detail-gallery .gallery-control > a.prev {
    margin-top: 10px
}

.product-detail .detail-gallery .gallery-control > a.next {
    margin-bottom: 20px
}

.product-detail {
    margin-bottom: 50px
}

.detail-nfo-right {
    padding-top: 50px
}

    .detail-nfo-right .desc {
        border-bottom: none;
        border-top: 1px solid #e5e5e5;
        margin: 30px 0 0;
        padding: 21px 0 0
    }

.detail-social:hover .list-social-share {
    opacity: 1;
    visibility: visible
}

.list-social-share {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    left: 0;
    list-style: outside none none;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 100%;
    visibility: hidden;
    z-index: 9;
    width: 100%;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

    .list-social-share a {
        border-bottom: 1px solid #e5e5e5;
        display: block;
        height: 30px;
        line-height: 30px;
        position: relative
    }

    .list-social-share li:last-child a {
        border: none
    }

    .list-social-share a span {
        background: #333 none repeat scroll 0 0;
        color: #fff;
        display: block;
        font-size: 12px;
        height: 20px;
        left: 100%;
        line-height: 20px;
        margin-left: 30px;
        opacity: 0;
        padding: 0 8px;
        position: absolute;
        text-transform: capitalize;
        top: 5px;
        visibility: hidden;
        transition: all .5s ease-out 0;
        -webkit-transition: all .5s ease-out 0
    }

    .list-social-share a:hover span {
        margin-left: 5px;
        opacity: 1;
        visibility: visible
    }

    .list-social-share a span::after {
        border-bottom: 3px solid transparent;
        border-right: 3px solid #333;
        border-top: 3px solid transparent;
        content: "";
        height: 0;
        left: -3px;
        position: absolute;
        top: 6px;
        width: 0
    }

.detail-social {
    position: relative;
    margin: 0 -4px
}

    .detail-social .social-link {
        display: block;
        width: 66px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 18px
    }

.detail-extra-link li .product-extra-link.style2 {
    margin-top: 0;
    width: 160px;
    background: transparent
}

    .detail-extra-link li .product-extra-link.style2 > a {
        border-right: 1px solid #f4f4f4;
        background: transparent
    }

.detail-extra-link {
    margin-top: 30px;
    text-align:center;
}

.item-product-related.table .product-thumb {
    width: 80px
}

.item-product-related.table .product-info {
    padding-right: 20px
}

.widget-related-product .widget-content .list-none li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px
}

    .widget-related-product .widget-content .list-none li:last-child {
        margin: 0;
        padding: 0;
        border: #ffdead
    }

.item-product-related.table .product-price {
    margin-bottom: 15px
}

.item-product-related .product-thumb:hover .product-thumb-link img {
    border: 5px solid #e5e5e5
}

.item-product-related .product-thumb .product-thumb-link::before {
    display: none
}

.detail-gallery.hoz-control {
    margin-right: 20px
}

    .detail-gallery.hoz-control .gallery-control .carousel ul li a {
        width: 80px;
        display: block;
        margin: 0 5px
    }

    .detail-gallery.hoz-control .gallery-control {
        text-align: center;
        margin: 20px auto auto;
        position: relative;
        width: 360px
    }

        .detail-gallery.hoz-control .gallery-control > a {
            position: absolute;
            top: 50%;
            margin-top: -15px;
            z-index: 10
        }

        .detail-gallery.hoz-control .gallery-control > .next {
            left: -8px
        }

        .detail-gallery.hoz-control .gallery-control > .prev {
            right: -8px
        }

        .detail-gallery.hoz-control .gallery-control .carousel ul li a.active {
            border: 5px solid #e5e5e5
        }

.detail-with-sidebar {
    margin-bottom: 50px
}

    .detail-with-sidebar .detail-info .title30 {
        margin-bottom: 10px
    }

    .detail-with-sidebar .detail-info .product-price {
        margin-bottom: 15px
    }

    .detail-with-sidebar .detail-info .desc {
        margin-top: 22px
    }

    .detail-with-sidebar .code-stock {
        margin-bottom: 22px
    }

.detail-tab.detail-tab-sidebar {
    padding-left: 0
}

    .detail-tab.detail-tab-sidebar .detail-tab-title {
        position: static;
        width: initial
    }

        .detail-tab.detail-tab-sidebar .detail-tab-title .list-none li {
            display: inline-block
        }

        .detail-tab.detail-tab-sidebar .detail-tab-title a {
            border: none;
            background: transparent
        }

.list-product-group {
    margin-top: -20px
}

    .list-product-group li {
        position: relative;
        border-bottom: 1px solid #e5e5e5;
        padding-right: 200px;
        padding-top: 20px;
        padding-bottom: 20px
    }

        .list-product-group li .detail-qty {
            position: absolute;
            top: 20px;
            right: 0
        }

.detail-group .detail-extra-link li .product-extra-link.style2 {
    width: 240px
}

.detail-group .item-product-related.table .product-thumb {
    width: 60px
}

.detail-group .item-product-related.table .product-info {
    vertical-align: middle
}

.detail-group .item-product-related.table .product-price {
    margin-bottom: 0
}

.detail-with-sidebar.detail-light-box {
    margin: 0;
    padding: 20px
}

.contact-form.popup-email .contact-submit {
    margin-top: 0
}

.mega-menu {
    padding: 50px
}

    .mega-menu .mega-banner {
        margin: -50px 20px -50px -50.5px
    }

.mega-list-cat .title18 {
    margin-bottom: 27px;
    color: #E2B81C;
    font-weight: 700;
    font-size: 18px
}

    .mega-list-cat .title18 a {
        margin-bottom: 27px;
        color: #E2B81C
    }

.mega-list-cat .list-none li {
    margin-bottom: 17px;
    list-style: square
}

.level4-menu {
    list-style: none !important;
    text-align: right;
    margin-bottom: 0 !important
}

    .level4-menu :hover {
        cursor: pointer
    }

.mega-shop-collect h2.title18 {
    margin-bottom: 27px;
    margin-left: -15px
}

.mega-menu .mega-banner .banner-info {
    top: 40px;
    left: 60px;
    right: auto
}

    .mega-menu .mega-banner .banner-info .desc {
        margin: 7px 0 20px;
        max-width: 220px
    }

.mega-shop-collect .item-product-related .product-thumb {
    width: 70px
}

.mega-shop-collect .list-none li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin: 0 -15px 20px
}

.mega-shop-collect {
    margin: 0 -5px
}

    .mega-shop-collect .list-none li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none
    }

.mega-list-cat .list-none li:last-child {
    margin-bottom: 0
}

.mega-list-cat h3.title14 {
    margin: 0 0 18px
}

.mega-more-cat {
    margin-top: 41px
}

.mega-shop-gift .title18 {
    margin-bottom: 28px
}

.mega-shop-gift .banner-adv {
    margin-bottom: 18px
}

.list-shop-gift {
    margin: 0 -5px
}

    .list-shop-gift .item-shop-gift {
        margin: 0 5px
    }

.form-my-account input[type="text"] {
    border: 1px solid #e5e5e5;
    color: #999;
    height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    width: 100%
}

.form-my-account .title {
    margin-bottom: 26px
}

.form-my-account {
    max-width: 370px;
    width: 100%
}

.account-register {
    float: left;
    position: relative;
    width: 100%
}

    .account-register .form-my-account {
        float: right
    }

    .account-register::before {
        border-right: 1px solid #e5e5e5;
        content: "";
        height: 100%;
        left: -15px;
        position: absolute;
        top: 0;
        width: 1px
    }

.form-my-account > p {
    margin-bottom: 20px;
    max-width: 370px;
    position: relative
}

.form-my-account label {
    color: #555;
    font-weight: 400;
    margin: 0
}

.form-my-account .ship-address label {
    color: #333
}

.form-my-account input[type="checkbox"] + label::before {
    border: 1px solid #e5e5e5;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 18px;
    margin-right: 17px;
    text-align: center;
    vertical-align: middle;
    width: 20px
}

.form-my-account input[type="checkbox"]:checked + label::before {
    content: "\f00c"
}

.form-my-account input[type="checkbox"] {
    display: none
}

.form-my-account a {
    position: absolute;
    right: 0;
    top: 0
}

.form-my-account input[type="submit"] {
    border: medium none;
    color: #fff;
    height: 40px;
    margin-top: 10px;
    -webkit-transition: all .3s ease-out 0;
    transition: all .3s ease-out 0;
    width: 110px
}

    .form-my-account input[type="submit"]:hover {
        background-color: #333
    }

.form-my-account > p:last-child {
    margin: 0
}

.box-col2 input[type="text"] {
    float: left;
    width: 47.5%
}

    .box-col2 input[type="text"]:first-child {
        margin-right: 5%
    }

.form-my-account textarea {
    border: 1px solid #e5e5e5;
    color: #999;
    padding: 10px 15px;
    text-transform: uppercase;
    width: 100%
}

.ship-address > label {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.check-billing {
    border-right: 1px solid #e5e5e5;
    margin-right: -15px
}

.check-address {
    float: left;
    width: 100%
}

    .check-address .form-my-account {
        float: right
    }

.order_review_heading {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 50px 0 -1px;
    padding: 20px;
    position: relative;
    text-transform: uppercase
}

.shop_table.woocommerce-checkout-review-order-table thread {
    position: relative
}

td.product-thumbnail img {
    max-width: 100px
}

.woocommerce table.shop_table {
    border: 1px solid #e5e5e5;
    border-collapse: collapse;
    border-radius: 0;
    margin: 0 0 50px;
    text-align: center !important;
    width: 100%
}

    .woocommerce table.shop_table thead {
        background: #f4f4f4 none repeat scroll 0 0;
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
        text-align: center
    }

        .woocommerce table.shop_table thead th {
            padding: 20px 15px;
            text-align: right
        }

    .woocommerce table.shop_table td {
        border-top: 1px solid #e5e5e5;
        padding: 15px 20px;
        vertical-align: middle
    }

.woocommerce table, .woocommerce th, .woocommerce td {
    border: 1px solid #e5e5e5 !important;
    color: #555;
    margin: 0;
    padding: 15px 20px !important;
    text-align: right
}

.woocommerce tfoot th {
    text-transform: uppercase
}

#shipping_method li {
    padding: 10px 0
}

    #shipping_method li label {
        cursor: pointer;
        margin: 0;
        padding-left: 25px;
        position: relative
    }

    #shipping_method li input[type="radio"] {
        display: none
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #shipping_method li input[type="radio"] + label::before {
        line-height: 13px
    }
}

#shipping_method li input[type="radio"] + label::before {
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 6px;
    font-weight: 400;
    height: 14px;
    left: 0;
    line-height: 13px;
    margin-right: 10px;
    position: absolute;
    text-align: center;
    top: 2px;
    vertical-align: middle;
    width: 14px
}

#shipping_method li input[type="radio"]:checked + label::before {
    content: "\f111"
}

.payment_methods.methods {
    border: 1px solid #e5e5e5;
    margin: 0 0 -1px
}

    .payment_methods.methods li {
        border-bottom: 1px solid #e5e5e5;
        padding: 20px
    }

        .payment_methods.methods li:last-child {
            border: none
        }

        .payment_methods.methods li label {
            font-size: 18px;
            margin: 0 0 0 7px;
            text-transform: uppercase
        }

.payment_box.payment_method_bacs > p {
    margin: 5px 0 0;
    padding-left: 24px
}

.payment_method_paypal img {
    margin: -6px 10px 0;
    max-width: 160px
}

.form-row.place-order {
    border: 1px solid #e5e5e5;
    padding: 20px;
    text-align: right
}

    .form-row.place-order input[type="submit"] {
        border: medium none;
        color: #fff;
        height: 40px;
        padding: 0 25px;
        text-transform: capitalize;
        -webkit-transition: all .3s ease-out 0;
        transition: all .3s ease-out 0
    }

        .form-row.place-order input[type="submit"]:hover {
            background-color: #333
        }

.form-my-account select {
    border: 1px solid #e5e5e5;
    color: #999;
    height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .form-my-account select option {
        text-transform: capitalize;
        font-weight: 400;
        padding: 10px 20px
    }

.woocommerce table.shop_table td.actions {
    text-align: right
}

.woocommerce table.shop_table td .coupon {
    float: left
}

.woocommerce table.shop_table td.actions input[type="submit"] {
    border: medium none;
    color: #fff;
    height: 40px;
    padding: 0 20px
}

    .woocommerce table.shop_table td.actions input[type="submit"]:hover {
        background: #333 none repeat scroll 0 0
    }

.woocommerce table.shop_table td.actions input[type="text"] {
    border: 1px solid #e5e5e5;
    color: #999;
    height: 40px;
    padding: 0 20px
}

.woocommerce .cart-content-page table.shop_table thead {
    background: #f4f4f4
}

    .woocommerce .cart-content-page table.shop_table thead th {
        border-color: #e5e5e5;
        color: #333
    }

.woocommerce .cart-content-page table.shop_table .product-thumbnail img {
    max-width: 70px
}

.cart-collaterals .cart_totals > h2 {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 -1px;
    padding: 15px 20px;
    text-transform: uppercase
}

.wc-proceed-to-checkout a.checkout-button {
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 20px 0 0;
    padding: 0 25px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out 0;
    transition: all .3s ease-out 0
}

    .wc-proceed-to-checkout a.checkout-button:hover {
        background-color: #333
    }

.content-cart-checkout > h2 {
    margin-bottom: 30px
}

.content-cart-checkout {
    margin-bottom: 50px;
    direction: rtl
}

.startmattress :before, :after {
    box-sizing: border-box
}

@media only screen and (max-width: 480px) {
    .mattress-expansion {
        position: relative;
        display: inline-block;
        width: 200px;
        height: 180px;
        margin: 200px 80px
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .mattress-expansion {
        position: relative;
        display: inline-block;
        width: 350px;
        height: 190px;
        margin: 30px 100px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mattress-expansion {
        position: relative;
        display: inline-block;
        width: 600px;
        height: 280px;
        margin: 30px 100px
    }

    .detail-tab {
        position: relative;
        padding-right: 300px;
        direction: rtl
    }
}

@media only screen and (min-width: 1025px) {
    .mattress-expansion {
        position: relative;
        display: inline-block;
        width: 800px;
        height: 480px;
        margin: 30px 200px
    }

    .detail-tab {
        position: relative;
        /*padding-right: 300px;*/
        direction: rtl
    }
}

.layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 300ms ease-out
}

.layer-1 {
    z-index: 5;
    padding-bottom: 23.1%;
    background-image: url(/Content/Images/Service/layer-1.png)
}

.layer-2 {
    z-index: 4;
    top: 5%;
    padding-bottom: 27.8%;
    background-image: url(/Content/Images/Service/layer-2.png);
    background-size: 98% auto
}

.layer-3 {
    z-index: 3;
    top: 15.5%;
    padding-bottom: 33%;
    background-image: url(/Content/Images/Service/layer-3.png);
    background-size: 98% auto
}

.layer-4 {
    z-index: 2;
    padding-bottom: 36.8%;
    background-image: url(/Content/Images/Service/layer-4.png);
    top: 24.5%;
    background-size: 95.5% auto
}

.layer-5 {
    z-index: 1;
    padding-bottom: 41.2%;
    background-image: url(/Content/Images/Service/layer-5.png);
    top: 33%;
    background-size: 94% auto
}

.mattress-expansion[class^="highlight"] .layer {
    transition: all 300ms ease-out
}

.mattress-expansion.highlight-1 .layer-2, .mattress-expansion.highlight-1 .layer-3, .mattress-expansion.highlight-1 .layer-4, .mattress-expansion.highlight-1 .layer-5 {
    opacity: .3;
    -webkit-transform: translateY(10%);
    transform: translateY(10%)
}

.mattress-expansion.highlight-2 .layer-1, .mattress-expansion.highlight-2 .layer-3, .mattress-expansion.highlight-2 .layer-4, .mattress-expansion.highlight-2 .layer-5 {
    opacity: .3
}

.mattress-expansion.highlight-2 .layer-1 {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.mattress-expansion.highlight-2 .layer-3
.layer-4, .mattress-expansion.highlight-2 .layer-5 {
    -webkit-transform: translateY(10%);
    transform: translateY(10%)
}

.mattress-expansion.highlight-3 .layer-1, .mattress-expansion.highlight-3 .layer-2, .mattress-expansion.highlight-3 .layer-4, .mattress-expansion.highlight-3 .layer-5 {
    opacity: .2
}

.mattress-expansion.highlight-3 .layer-1, .mattress-expansion.highlight-3 .layer-2 {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.mattress-expansion.highlight-3 .layer-4, .mattress-expansion.highlight-3 .layer-5 {
    -webkit-transform: translateY(10%);
    transform: translateY(10%)
}

.mattress-expansion.highlight-4 .layer-1, .mattress-expansion.highlight-4 .layer-2, .mattress-expansion.highlight-4 .layer-3, .mattress-expansion.highlight-4 .layer-5 {
    opacity: .2
}

.mattress-expansion.highlight-4 .layer-1, .mattress-expansion.highlight-4 .layer-2, .mattress-expansion.highlight-4 .layer-3 {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.mattress-expansion.highlight-4 .layer-5 {
    -webkit-transform: translateY(10%);
    transform: translateY(10%)
}

.mattress-expansion.highlight-5 .layer-1, .mattress-expansion.highlight-5 .layer-2, .mattress-expansion.highlight-5 .layer-3, .mattress-expansion.highlight-5 .layer-4 {
    opacity: .2
}

.mattress-expansion.highlight-5 .layer-1, .mattress-expansion.highlight-5 .layer-2, .mattress-expansion.highlight-5 .layer-3, .mattress-expansion.highlight-5 .layer-4 {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%)
}

.mattress-expansion .layer__toggle {
    position: absolute;
    top: 45%;
    left: -30px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #45166A;
    font-weight: 700;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

    .mattress-expansion .layer__toggle:before {
        content: "+";
        position: absolute;
        top: 3px;
        left: 1px;
        right: 0;
        bottom: 0;
        line-height: 23px;
        font-size: 20px;
        text-indent: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: -webkit-transform 300ms ease-out;
        transition: transform 300ms ease-out;
        transition: transform 300ms ease-out,-webkit-transform 300ms ease-out
    }

    .mattress-expansion .layer__toggle:after {
    }

    .mattress-expansion .layer__toggle.is-open:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: -webkit-transform 300ms ease-out;
        transition: transform 300ms ease-out;
        transition: transform 300ms ease-out,-webkit-transform 300ms ease-out;
        top: 2px;
        right: 3px
    }

.layer-info-box {
    position: relative;
    height: 100px;
    margin: 20px auto
}

    .layer-info-box .info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0;
        transition: opacity 300ms ease-out
    }

        .layer-info-box .info.current {
            opacity: 1;
            transition: opacity 300ms ease-out;
            transition-delay: 300ms
        }

        .layer-info-box .info h5 {
            text-transform: uppercase;
            text-align: center;
            font-weight: 700;
            margin: 0 0 10px;
            font-size: 18px;
            color: #45166a
        }

        .layer-info-box .info p {
            text-align: center;
            color: #555;
            direction: rtl
        }

.rating {
    float: right
}

    .rating input {
        display: none
    }

    .rating label {
        color: #ddd;
        float: right
    }

        .rating label:before {
            margin: 5px;
            font-size: 15px;
            font-family: fontAwesome;
            display: inline-block;
            content: "\f005"
        }

    .rating .half:before {
        content: "\f089";
        position: absolute
    }

    .rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
        color: #FFD700
    }

.main-nav9 > ul > li.active > a, .main-nav9 > ul > li.current-menu-ancestor > a, .mb-blog-style6 .title14 a.title:hover, .woocommerce .woocommerce-breadcrumb a:hover, .mb-form-cart-grouped .product-price span, .woocommerce-account .woocommerce-MyAccount-content .edit-account fieldset legend, .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, .list-attr li a.active, .list-attr li a:hover, .view-type a.active, .mb-comment-post ul.comments-list .item-comment .post-date-comment li .comment-reply-link:hover, .mb-comment-post ul.comments-list .item-comment .post-date-comment li .comment-reply-link::before, .mb-blog-style1 .post-tag-author a:hover, .time-countdown8 .time_circles > div .number, .item-product7 .product-thumb > .quickview-link:hover, .item-client5::before, .mb-blog-style3 .title_post:hover, .btn-arrow.bg-color:hover, .desc.color, .item-ads4.active .banner-info .color2, .product-social4 a:hover, .item-product.item-product4 .product-extra-link a:hover, .item-product.item-product4 .product-extra-link a.addcart-link, .product-slider4 .owl-theme.long-arrow .owl-controls .owl-buttons div, body .shop-button.color2.bg-color:hover, .element-menu-style4 .main-nav > ul > li.active > a::before, .element-menu-style4 .main-nav > ul > li.current-menu-ancestor > a::before, .element-menu-style3 .main-nav > ul > li.active > a, .element-menu-style4 .main-nav > ul > li .sub-menu > li.current-menu-parent > a, .element-menu-style3 .main-nav > ul > li .sub-menu > li.current-menu-parent > a, .element-menu-style2 .main-nav > ul > li .sub-menu > li.current-menu-parent > a, .gm-style-iw .title-map, .tech-intro .title30 i, .woocommerce a.add_to_cart_button:hover, .mb-element-product-style14 .owl-theme .owl-controls .owl-buttons div, .banner-countdown .time_circles > div > .number, .banner-slider2 .next:hover, .banner-slider2 .prev:hover, .list-mini-cart-item .product-mini-cart .product-price span, .list-mini-cart-item .product-mini-cart .product-price span, .item-service1 .service-thumb a:hover, .popup-icon, .product-title a:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .social-footer2 li a:hover, .color, a:hover, .dropdown-box .dropdown-link::after, .element-menu-style1 .main-nav > ul > li .sub-menu > li.current-menu-parent > a, .main-nav > ul > li.menu-item-has-children > a::after, .main-nav > ul > li:hover > a, .element-menu-style1 .main-nav > ul > li.active > a, .element-menu-style1 .main-nav > ul > li.current-menu-ancestor > a {
    color: #FE0000
}

.main-nav > ul > li.menu-item-has-children > a::after {
    position: absolute;
    content: "\f103";
    font-family: fontAwesome;
    height: 50px;
    left: 0;
    top: 100%;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    opacity: 0;
    transition: all .5s ease-out 0;
    -webkit-transition: all .5s ease-out 0
}

.Phone {
    position: fixed;
    bottom: 0;
    z-index: 200;
    display: block;
    margin: 0 0 20px 20px;
    width: 1em;
    height: 1em;
    font-size: 11vmin;
    background-color: #3498db;
    border-radius: .5em;
    box-shadow: 0 0 0 0 rgba(52,152,219,0),0 .05em .1em rgba(0,0,0,.2);
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1)
}

    .Phone::after, .Phone::before {
        position: absolute;
        content: ""
    }

    .Phone::before {
        top: 0;
        left: 0;
        width: 1em;
        height: 1em;
        background-color: rgba(255,255,255,.1);
        border-radius: 100%;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0) scale(0);
        transform: translate3d(0,0,0) scale(0)
    }

    .Phone::after {
        top: .25em;
        left: .25em;
        width: .5em;
        height: .5em;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=) 50% 50% no-repeat;
        background-size: cover;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .Phone.is-animating {
        -webkit-animation: phone-outer 3s infinite;
        animation: phone-outer 3s infinite
    }

        .Phone.is-animating::before {
            -webkit-animation: phone-inner 3s infinite;
            animation: phone-inner 3s infinite
        }

        .Phone.is-animating::after {
            -webkit-animation: phone-icon 3s infinite;
            animation: phone-icon 3s infinite
        }

.footerlink {
    line-height: 50px !important
}
.success-box {
    background-color: #28a745 !important;
    color:#fff;
    direction:rtl;
    text-align:right;
    font-size:16px;
    padding:15px 50px;
   
}
.tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5, .tab-content h6 {
    background-color: #F8FAFC;
    padding: 30px 5px;
    border-radius: 8px;
    border-right: 4px solid #FE0000;
    text-align: right !important;
}
.tab-content{
    font-size:16px !important;
    line-height:40px;
}
.fehrest {
    width: fit-content;
    background-color: #F8FAFC;
    padding: 30px 20px;
    border-radius: 12px;
    border-right: 4px solid #FE0000;
    border-left: 4px solid #FE0000;
    margin-bottom: 20px;
}

.product_info_content ul li {
    line-height: 44px !important;
    font-size: 18px !important;
    list-style: disclosure-closed;
}

.contact-image {
    animation: contactFloat 2.2s ease-in-out infinite;
}

@keyframes contactFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-18px);
    }
}
}