@import "owl.carousel.min.css";
@import "owl.theme.default.min.css";
@import "font-awesome.min.css";
@import "jquery-ui.css";
@import "lightgallery.min.css";
@import "perfect-scrollbar.css";
@import "jquery.scrollbar.css";
@import "fonts.css";
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'IRANSans', Tahoma, Arial!important;
    font-style: normal;
    background: #fff;
    min-width: 280px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    color: #000;
}
.model-product-xs,
.select2-results__option,
.model-product-small,
.model-product-mid,
.model-product-large {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

.model-product-large {
    font-size: 18px;
    font-weight: bold;
}
.slider-sec .item:before {
    content: '';
    background-color: #00000061;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}
.fail-payment .description {
    font-size: 14px;
}

.loding-page-complete {
    display: block;
    position: fixed;
    z-index: 50;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 3000
}

.loding-page-complete .set-align-loading {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loding-page-complete .set-align-loading p {
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    border-radius: 5px;
    background: black;
    color: white;
    padding: 2px 0 2px 0
}

.model-product-mid {
    font-size: 14px;
    font-weight: bold;
}

.select2-results__option {
    font-size: 12px;
    font-weight: bold
}

.model-product-small {
    font-size: 12px;
}

.model-product-xs {
    font-size: 11px;
}

body.ov {
    overflow-x: hidden;
}

.owl-carousel {
    touch-action: manipulation;
    direction: ltr;
}

.owl-carousel .item {
    direction: rtl;
}

.representation .owl-carousel .item {
    width: 100%;
    direction: rtl;
}

.representation .container-fluid {
    padding: 0 90px;
}

.representation {
    padding: 90px 0;
}

.representation .divClassImgF {
    padding: 0px;
    float: right;
    width: 47.666667%;
    margin-top: 4%;
}

.representation .divClassImgS {
    padding: 0px;
    float: left;
    width: 47.666667%;
    margin-top: 4%;
}

.representation .firstBox {
    width: 100%;
}

.representation .secondBox {
    width: 100%;
}

.representation .third {
    width: 100%;
}

.representation .owl-carousel .item img {
    width: 100%;
    height: auto;
}

.representation p {
    position: absolute;
    z-index: 10;
}

.representation .firstP {
    color: white;
    background-color: #d63e00;
    top: 10%;
    margin-right: 11%;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    font-weight: bold;
}

.representation .secondP {
    color: white;
    background-color: #d63e00;
    top: 10%;
    right: 11%;
    text-align: center;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    font-weight: bold;
}

.representation .firstP1 {
    color: #000;
    top: 20%;
    right: 14%;
    font-weight: 500;
    font-size: 14px;
}

.representation .secondP1 {
    color: #000;
    top: 29%;
    right: 12%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

.representation .slideTextFist {
    color: #6c6e6d;
    top: 29%;
    left: 0px;
    right: 65%;
    font-weight: 500;
    font-size: 12px;
}

.representation .slideTextSec {
    color: #0c0c0c;
    top: 37%;
    left: 0px;
    right: 65%;
    font-weight: 100;
    font-size: 16PX;
    font-weight: bold;
}

.representation .slideTextThird {
    color: #0c0c0c;
    top: 44%;
    left: 0px;
    right: 65%;
    font-weight: 100;
    font-size: 16PX;
    font-weight: bold;
}

.representation div.item a.slideBtn {
    position: absolute;
    z-index: 10;
    color: white;
    background-color: #d63e00;
    top: 60%;
    right: 65%;
    padding: 8px 15px 8px 15px;
    font-size: 12px;
    font-weight: bold;
}

.representation .owl-theme .owl-dots,
.representation .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.representation .owl-theme .owl-nav {
    margin-top: 10px
}

.representation .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.representation .owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.representation .owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.representation .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.representation .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    bottom: 55px;
    position: relative;
    margin-right: -5px;
}

.representation .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: #646263;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.representations-categoires .representations-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.representations-categoires h3 {
    font-weight: 600;
    font-size: 14px;
    padding-right: 19px;
    margin: 0;
}

.representations-categoires,
.blog-categoires {
    display: flex;
    justify-content: center;
    position: sticky;
    top: 119px;
    z-index: 50;
    background: #ffffffeb;
    border-bottom: 1px solid #ebebeb;
}

:is(.blog-categoires, .representations-categoires) ul {
    display: flex;
    justify-content: flex-start;
    padding: 24px 10px;
}

:is(.blog-categoires, .representations-categoires) li {
    padding: 0 10px;
    display: block !important;
}

:is(.blog-categoires, .representations-categoires) li a {
    position: relative;
    padding-bottom: 22px;
    color: #222;
    transition: none;
}

.representations-categoires .representations-active,
.representations-categoires li a:hover,
.blog-categoires .blog-active,
.blog-categoires li a:hover {
    padding-bottom: 22px;
    border-bottom: 2px solid #222;
}

:is(.blog-design, .representations-design) .container .position-manage {
    width: 100%;
}

.representations-design .container .position-manage .representations-all-data,
.blog-design .container .position-manage .blog-all-data {
    display: grid;
    grid-column-gap: 25px;
    transition: all .3s;
}

.representations-all-data>.all-item-representations:nth-child(4n+1),
.blog-all-data>.all-item-blog:nth-child(4n+1) {
    grid-area: 1 / 1;
}

.representations-all-data>.all-item-representations:nth-child(4n+2),
.blog-all-data>.all-item-blog:nth-child(4n+2) {
    grid-area: 1 / 2;
}

.representations-all-data>.all-item-representations:nth-child(4n+3),
.blog-all-data>.all-item-blog:nth-child(4n+3) {
    grid-area: 1 / 3;
}

.representations-all-data>.all-item-representations:nth-child(4n),
.blog-all-data>.all-item-blog:nth-child(4n) {
    grid-area: 1 / 4;
}

.representations-design .container .item-representations,
.blog-design .container .item-blog {
    display: inline-block;
}

.blog-design .container .item-blog .post:hover {
    box-shadow: unset
}

.blog-design .container .item-blog .post .blog-group {
    padding: 25px 40px;
}

.blog-design .container .item-blog .post .blog-title {
    margin-bottom: 20px;
}

.blog-design .container .item-blog .post .blog-title h1 {
    text-align: center;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
    color: #222;
    margin: 0;
    letter-spacing: -.5px;
}

.blog-design .container .item-blog .post .blog-description p {
    text-align: center;
    font-size: 13px;
    line-height: 2.3;
    letter-spacing: -.5px;
}

.blog-design .container .item-blog .post .blog-read-more p {
    font-weight: 600;
    text-align: center;
    padding: 20px 0;
    background: #ebebeb;
    margin: 0;
    transition: all .3s;
}

.blog-design .container .item-blog .post .blog-read-more p:hover {
    background: #ccc;
}

.quick-access {
    display: none;
}

#all_contact {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 20000000000;
}

#all_contact .main-chat-menu {
    position: fixed;
    z-index: 2000000005;
    bottom: 26px;
    right: 27px;
}

#all_contact :where(.live-goftino, .live-whatsapp, .live-call, .main-chat-menu .chat-close) {
    display: none;
}

#all_contact :is(.content-whatsapp, .content-goftino, .content-call) {
    position: relative;
}

#all_contact .content-whatsapp::after,
#all_contact .content-goftino::after,
#all_contact .content-call::after {
    position: absolute;
    font-family: 'IRANSans'!important;
    font-size: 10px;
    font-weight: 600;
    display: none;
    top: 19px;
    right: 64px;
    width: max-content;
    padding: 5px 8px;
    background-color: #ebebeb;
    border-radius: 5px;
}



#all_contact .content-whatsapp:hover::after,
#all_contact .content-goftino:hover::after,
#all_contact .content-call:hover::after {
    display: block;
}

#all_contact :is(.main-chat-menu, .live-goftino, .live-whatsapp, .live-call) img {
    cursor: pointer;
    width: 56px;
    height: 56px;
    transform: scale(1);
    transition: transform .3s;
}

#all_contact :is(.main-chat-menu, .live-goftino, .live-whatsapp, .live-call) img:hover {
    transform: scale(1.1);
}

#all_contact .live-whatsapp {
    position: fixed;
    right: 27px;
    bottom: 226px;
}

#all_contact .live-call {
    position: fixed;
    right: 27px;
    bottom: 159px;
}

#all_contact .rotate_close {
    animation-name: openSet;
    animation-duration: 0.5s;
}

#all_contact .rotate_open {
    animation-name: closeSet;
    animation-duration: 0.5s;
}

#all_contact .moved_call {
    animation-name: transform_call;
    animation-duration: 0.5s;
}

#all_contact .moved__whatsapp {
    animation-name: transform_whatsapp;
    animation-duration: 0.5s;
}

@keyframes openSet {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes closeSet {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes transform_call {
    0% {
        opacity: 0;
        bottom: -100px;
    }
    100% {
        opacity: 1;
        bottom: 159px;
    }
}

@keyframes transform_whatsapp {
    0% {
        opacity: 0;
        bottom: -100px;
    }
    100% {
        opacity: 1;
        bottom: 226;
    }
}

.representation .owl-theme .owl-dots .owl-dot.active span,
.representation .owl-theme .owl-dots .owl-dot:hover span {
    background: #d63e00
}

a {
    text-decoration: none!important;
    transition: all .3s ease;
    outline: none!important;
}

p {
    line-height: 1.9;
    text-align: justify;
    font-size: 13px;
    color: #222;
    font-family: 'IRANSans'!important;
}

/* div,
span,
li {
    font-family: 'IRANSans'!important;
} */

.fa {
    font-family: 'FontAwesome'!important;
}

.lg-icon {
    font-family: lg!important;
}

ul,
ol {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.ltr {
    direction: ltr;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-delay: 400ms;
    -webkit-animation-delay: 400ms;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes Grow {
    from {
        opacity: 0;
        -webkit-transform: scale(1, .5)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
}

@-moz-keyframes Grow {
    from {
        opacity: 0;
        -moz-transform: scale(1, .5)
    }
    to {
        opacity: 1;
        -moz-transform: scale(1, 1)
    }
}

@-o-keyframes Grow {
    from {
        opacity: 0;
        -o-transform: scale(1, .5)
    }
    to {
        opacity: 1;
        -o-transform: scale(1, 1)
    }
}

@keyframes Grow {
    from {
        opacity: 0;
        transform: scale(1, .5)
    }
    to {
        opacity: 1;
        transform: scale(1, 1)
    }
}

.menu-bar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    background: transparent;
    z-index: 999;
    transition: all .4s ease;
    padding: 20px 0;
}

.menu-bar.sticky {
    background-color: rgb(34 34 34 / 80%);
    padding: 15px 0;
}

.menu-bar .flex {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    position: relative;
}

.menu-bar .anim-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.menu-bar .anim-box.deactive {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(60%);
}

.menu-bar .search-box {
    position: absolute;
    z-index: 2;
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(-60%);
    visibility: hidden;
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 840px;
    max-width: 100%;
}

.menu-bar .search-box.active {
    z-index: 999;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
}

.menu-bar .search-box .search-form {
    width: 100%;
    height: 100%;
}

.menu-bar .search-box .search-form .search {
    width: 90%;
    height: 100%;
    outline: none;
    background: transparent;
    color: #fff;
    border: 0;
    font-size: 13px;
    line-height: 1.7;
}

.menu-bar .search-box .search-form .search::-moz-placeholder {
    opacity: 1;
    color: #fff;
}
span.menu-logo {
    margin-right: 10px;
}
span.menu-logo img {
    width: 140px;
}
.menu-bar .search-box .search-form .search::placeholder {
    opacity: 1;
    color: #fff;
}

.menu-bar .search-box .close-btn {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.menu-bar .logo {
    display: inline-block;
}

.menu-bar .logo img {
    max-width: 100%;
    height: auto;
}

.menu-bar .search-btn,
.menu-bar .search-btn-h {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin-top: 4px;
}

.woocommerce-notices-wrapper .woocommerce-message ,.woocommerce-message{
    background-color: #000000;
    border: unset;
    color: white;
}
.woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward:hover{
    background: #D1AE71;
    color: white;
}
.menu-bar .cart {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.menu-bar .cart .cart-btn {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}

.menu-bar .cart .cart-btn .num {
    display: inline-block;
    position: absolute;
    background-color: #fe0000;
    color: #fff;
    border-radius: 100%;
    min-width: 15px;
    font-size: 11px;
    line-height: 18px;
    height: 15px;
    top: -8px;
    left: -8px;
    font-family: IRANSans;
}

.menu-bar .toggle-box {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .17);
    width: 320px;
    padding: 17px 20px;
    max-height: 500px;
    transition: all .4s ease;
    text-align: right;
    margin-top: 10px;
    max-width: 88vw;
}

.menu-bar .toggle-box.open {
    opacity: 1;
    visibility: visible;
}

.menu-bar .toggle-box:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #fff;
    top: -5px;
    left: 5px;
    transform: rotate(45deg);
    z-index: 1;
}

.menu-bar .toggle-box .top {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.menu-bar .toggle-box .top .title {
    font-weight: bold;
    display: inline-block;
    font-weight: bold;
    color: #222;
    line-height: 1.7;
    font-size: 16px;
}

.menu-bar .toggle-box .link {
    font-size: 11px;
    line-height: 1.7;
    display: inline-block;
    color: #fe0000;
}

.menu-bar .toggle-box .link:hover {
    color: #222;
}

.menu-bar .toggle-box label,
.menu-bar .toggle-box .input-box {
    font-size: 12px;
}

.menu-bar .toggle-box .button {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    background: #fe0000;
    border-color: #fe0000;
    color: #fff;
}

.menu-bar .toggle-box .button:hover {
    background: #222;
    border-color: #222;
    color: #fff;
}

.menu-bar .toggle-box .total {
    text-align: left;
    font-size: 12px;
    line-height: 1.7;
    color: #888;
    margin-bottom: 15px;
}

.menu-bar .toggle-box .total strong {
    font-size: 13px;
    font-weight: bold;
    color: #222;
    margin-right: 4px;
    display: inline-block;
}

.menu-bar .toggle-box .product-basket {
    max-height: 185px;
    overflow-y: auto;
    overflow-x: hidden;
}

.menu-bar .toggle-box .p-list {
    border-top: 1px solid #e3e3e3;
    margin: 0 -15px 0 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.menu-bar .toggle-box .p-list::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.menu-bar .toggle-box .p-list li {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.menu-bar .toggle-box .p-list li:after {
    content: "";
    display: block;
    clear: both;
}

.menu-bar .toggle-box .p-list li .pic {
    display: block;
    width: 50px;
    float: right;
    margin-left: 10px;
}

.menu-bar .toggle-box .p-list li .pic img {
    width: 100%;
    height: auto;
}

.menu-bar .toggle-box .p-list li .content {
    overflow: hidden;
}

.menu-bar .toggle-box .p-list li .content .p-title {
    display: inline-block;
    font-size: 12px;
    color: #222;
    line-height: 1.7;
    margin-bottom: 8px;
}

.menu-bar .toggle-box .p-list li .content .p-title:hover {
    color: #D1AE71;
}

.menu-bar .toggle-box .p-list li .content .count {
    display: block;
    font-size: 11px;
    color: #888;
    line-height: 1.7;
}

.menu-bar .toggle-box .p-list li .close-p {
    position: absolute;
    color: #bbb;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 15px;
    z-index: 2;
    cursor: pointer;
}

.menu-bar .toggle-box .p-list li .close-p:hover {
    color: #fe0000;
}

.menu-bar .toggle-box .link-btn {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 1.7;
    padding: 10px 5px;
    background: #fe0000;
    cursor: pointer;
    transition: all .3s ease;
}

.menu-bar .toggle-box .pos-btn {
    background: white;
    padding: 15px 0 0;
}

.menu-bar .toggle-box .link-btn:hover {
    background: #222;
}

.menu-bar .toggle-box .link-btn.gray {
    color: #222;
    background: #ccc;
}

.menu-bar .toggle-box .link-btn.gray:hover {
    background: #222;
    color: #fff;
}

.menu-bar .toggle-box .pop-link {
    display: block;
    color: #333;
    font-size: 13px;
    line-height: 1.7;
    padding: 6px 0;
}

.menu-bar .login .toggle-box {
    width: 210px;
}

.menu-bar .toggle-box .pop-link:hover {
    color: #fe0000;
}

.menu-bar .cart .toggle-box .empty-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0 15px;
    border-bottom: 1px solid #888;
}

.menu-bar .cart .toggle-box .empty-card span {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #888;
}

.menu-bar .cart .toggle-box .empty-card img {
    margin-left: 15px;
    width: 25px;
    height: 25px;
}

.menu-bar .login {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.menu-bar .user-active .user-account-family {
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    width: max-content;
    top: 30px;
    left: -68px;
    padding: 3px 7px;
    border-radius: 5px;
    color: white;
    background: black;
}

.menu-bar .login .login-btn {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}

.menu-bar .lang-part {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 107px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.menu-bar .lang-part .current {
    display: inline-block;
    cursor: pointer;
}

.menu-bar .lang-part ul {
    background: #212121;
    position: absolute;
    display: none;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    padding: 11px 0;
    top: 100%;
    margin-top: 9px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 80px;
}

.menu-bar .lang-part ul li {
    display: block;
    padding: 0 10px;
    position: relative;
}

.menu-bar .lang-part ul a {
    display: block;
    color: #fff;
    padding: 6px 15px;
    font-size: 13px;
    line-height: 1.6;
}

.menu-bar .lang-part ul a:hover {
    opacity: .7;
}

.menu-bar .lang-part ul img {
    max-width: 100%;
    height: auto;
}

.menu-bar .main-menu {
    text-align: center;
}

.menu-bar .main-menu>li {
    display: inline-block;
    position: relative;
}

.menu-bar .main-menu .sub-menu-btn {
    position: absolute;
    left: 7px;
    top: 12px;
    display: inline-block;
    color: #fff;
    line-height: 1;
    font-size: 15px;
    cursor: pointer;
    z-index: 2;
    transition: all .3s ease;
}

.menu-bar .main-menu .sub-menu-btn:hover {
    opacity: .7;
}

.menu-bar .main-menu .sub-menu-btn i {
    transition: all .3s ease;
}

.menu-bar .main-menu .sub-menu-btn.open i:before {
    content: "\f068";
}

.menu-bar .main-menu>li>a {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    line-height: 1.7;
    padding: 0 12px;
}

.menu-bar .main-menu .offline {
    cursor: pointer;
}

.menu-bar .main-menu .offline>a {
    pointer-events: none;
}

.menu-bar .main-menu>li>a:hover {
    opacity: .7;
}

.menu-bar .main-menu li.has-sub>a:after {
    position: relative;
    top: 2px;
    margin-right: 7px;
    font-family: FontAwesome;
    font-size: 16px;
    content: "\f107";
    display: inline-block;
}

.menu-bar .main-menu li.has-sub-in>a {
    position: relative;
}

.menu-bar .main-menu li.has-sub-in>a:after {
    position: absolute;
    top: 2px;
    left: 15px;
    font-family: FontAwesome;
    font-size: 16px;
    content: "\f107";
    display: inline-block;
}

.menu-bar .main-menu>li.has-sub .act-after:after {
    content: "\f106";
}

.menu-bar .main-menu>li.has-sub .rm-after:after {
    content: "";
}

.menu-bar .main-menu>li.has-sub .rm-after i {
    font-size: 16px;
}

.menu-bar .main-menu>li>ul {
    background: #212121;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 240px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    padding: 20px 0;
    top: 0;
    right: 100%;
    z-index: 10;
    text-align: right;
}

.menu-bar .main-menu>li .ul-in {
    visibility: hidden;
    opacity: 0;
    height: 0;
    right: auto;
    padding: 0;
}

.menu-bar .main-menu .men-ins .ul-show {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.menu-bar .main-menu>li .li-in {
    display: block !important;
    padding: 0 !important;
    position: unset !important;
}

.menu-bar .main-menu>li ul:after {
    content: "";
    display: block;
    width: 100%;
    height: 55px;
    position: absolute;
    right: 0;
    top: -48px;
    background: transparent;
}

.menu-bar .main-menu>li>ul {
    margin-top: 47px;
    top: 100%;
    right: 0;
}

.menu-bar .main-menu>li.lang>ul {
    width: 100px;
    text-align: center;
}

.menu-bar .main-menu li .hover {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: Grow .4s ease-in-out;
    -moz-animation: Grow .8s ease-in-out;
    animation: Grow .4s ease-in-out;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    visibility: visible;
    opacity: 1;
}

.menu-bar .main-menu>li>ul>li {
    display: block;
    padding: 0 10px;
    position: relative;
}

.menu-bar .main-menu>li>ul>li a {
    display: block;
    color: #fff;
    padding: 6px 15px;
    font-size: 13px;
    line-height: 1.6;
}

.menu-bar .main-menu>li>ul>li a:hover {
    opacity: .7;
}

.menu-bar .main-menu li img {
    max-width: 100%;
    height: auto;
}

.menu-btn {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 22px;
    line-height: 1;
    color: #D1AE71;
    cursor: pointer;
    z-index: 2;
}

.slider-sec {
    position: relative;
}

.slider-sec .item {
    position: relative;
}

.slider-sec .item:before {
    content: "";
    background: rgba(34, 34, 34, .2);
    position: absolute;
    z-index: 1;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
}

.slider-sec .item img {
    width: 100%;
    height: auto;
}

.slider-sec .item .text-box {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 410px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    z-index: 2;
}

.slider-sec .item .text-box .title {
    display: block;
    color: #fff;
    font-weight: bold;
    line-height: 1.6;
    padding: 0 0 20px;
    margin: 0 0 25px;
    font-size: 30px;
    /* border-bottom: solid 1px #fff; */
}

.slider-sec .item .text-box .text {
    display: block;
    line-height: 1.8;
    color: #fff;
    font-size: 13px;
    margin-bottom: 25px;
    padding: 0 15px;
}

.slider-sec .item .text-box .link {
    display: inline-block;
    padding: 10px 35px;
    font-size: 14px;
    text-align: center;
    line-height: 1.7;
    color: #fff;
    background: transparent;
    border: solid 1px #fff;
}

.slider-sec .item .text-box .link:hover {
    background-color: #282828;
    border-color: #282828;
    color: #fff;
}

.slider-sec .next,
.slider-sec .prev {
    display: inline-block;
    position: absolute;
    color: #fff;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%) scale(1);
    transition: all .3s;
    width: 50px;
    height: 50px;
    opacity: 0;
    line-height: 50px;
    z-index: 9;
}

.slider-sec .next:hover,
.slider-sec .prev:hover {
    transform: translateY(-50%) scale(1.2);
}

.slider-sec:hover .next,
.slider-sec:hover .prev {
    opacity: 1;
}

.slider-sec .next {
    right: 15px;
}

.slider-sec .prev {
    left: 15px;
}

.slider-sec .owl-nav.disabled+.owl-dots {
    z-index: 9;
    width: 100%;
    bottom: 10px;
    text-align: center;
    position: absolute;
}

.slider-sec .owl-dots .owl-dot span {
    background: #fff;
    opacity: .7;
    width: 8px;
    height: 8px;
}

.slider-sec .owl-dots .owl-dot.active span,
.slider-sec .owl-dots .owl-dot:hover span {
    background: #fff;
    opacity: 1;
}

.product-sec {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.product-sec .position-btn {
    max-width: 1310px;
    position: relative;
    margin: 0 auto;
}

.product-sec .u-m-slider {
    max-width: 1209px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.product-sec .products {
    display: flex;
    display: -webkit-flex;
    transition: all .5s;
}

.product-sec .products:after {
    content: "";
    display: block;
    clear: both;
}

.product-sec .products li {
    text-align: center;
    width: auto;
    float: right;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all .3s ease;
}

.product-sec .products li+li {
    border-right: solid 1px #efefef;
}

.product-sec .products li:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    transform: scale(1.1);
    z-index: 2;
    background-color: #fff;
}

:is(.shop_table, .cart) .btn-set {
    cursor: pointer;
    background: transparent;
    border: 0;
}

.shop_table .order-user-style p {
    text-align: center;
    color: #666;
    margin-block-start: 0;
    margin-block-end: 0;
}

.project-res .slider .btn-set,
.product-sec .btn-set {
    cursor: pointer;
    position: absolute;
    font-size: 22px;
    width: 40px;
    height: 40px;
    bottom: 30px;
    line-height: 44px;
    text-align: center;
    border-radius: 100%;
    color: #808080;
    z-index: 10;
    transition: all .5s;
}

.project-res .slider {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.project-res .slider .pos-set {
    display: flex;
    transition: all .8s;
    margin: 0 auto;
}

.project-res .slider .grouping {
    margin: 0 13px;
}

.project-res .slider .btn-set {
    bottom: 0;
    top: 0;
    margin: auto 0;
}

.project-res .slider .btn-next {
    right: -50px;
}

.product-sec .btn-next {
    right: 0;
}

.project-res .slider .btn-perv {
    left: -50px;
}

.product-sec .btn-perv {
    left: 0;
}

.project-res .slider .btn-set:hover,
.product-sec .btn-set:hover {
    background-color: #bfbfbf;
    color: #fff;
}

.product-sec .products li a {
    display: block;
    width: 120px;
    color: #575757;
    white-space: nowrap;
    padding: 10px 20px;
}

.product-sec .products li a img {
    width: auto;
    height: 58px;
    max-width: 100%;
    margin: 0 auto 10px;
    transition: all .5s ease;
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.product-sec .products li a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.product-sec .products li:hover a {
    color: #fe0000;
}

.product-sec .products li a h3,
.product-sec .products li a span {
    display: block;
    font-size: 12px;
    line-height: 1.7;
}

.border-title {
    display: block;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.6;
    margin: 0 0 60px;
    color: #000000;
    text-align: right;
}
.our-customer .border-title, .section1 .border-title {
    margin-right: 60px;
}
/*.border-title {*/
/*    display: block;*/
/*}*/
:is(.login-part, .register-part) .border-title {
    margin: 0 0 30px;
}

.border-title:after {
    content: "";
    height: 2px;
    width: 90px;
    max-width: 100%;
    /* background: #fe0000; */
    display: block;
    margin-top: 15px;
}

.border-title.text-center:after {
    margin: 15px auto 0;
}

.section1 {
    overflow: hidden;
    margin-bottom: 60px;
    text-align: center;
    position: relative;
}

/* کانتنت فقط اسکرول بشه */
.section1 .content {
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    position: relative;
}

.section1::before { left: 0; }
.section1::after { right: 0; }

/* دکمه‌ها ثابت کنار بخش می‌مونن */
.section1 .prev,
.section1 .next {
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    padding: 0;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    position: absolute;
    font-size: 24px;
    width: 43px;
    height: 43px;
    bottom: 9px;
    line-height: 44px;
    text-align: center;
    border-radius: 100%;
    z-index: 10;
    transition: all .5s;
}

.section1 .prev { left: 7px; }
.section1 .next { right: 7px; }


.section1 .border-title:after {
    width: 100%;
}

.section1 .content {
    top: 0 !important;
    overflow-x: scroll;
    white-space: nowrap;
    position: relative;
    scroll-behavior: smooth;
}

.section1 .content::-webkit-scrollbar {
    display: none;
}
.section1 .content {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


.section1 .item {
    display: inline-block;
    position: relative;
    margin: 0 1%;
    width: 21%;
}

.section1 .item.first {
    margin-right: 55px;
}

.section1 .item.last {
    margin-left: 55px;
}

.section1 .item img {
    width: 100%;
    height: auto;
}

.section1 .item .text-box {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, .3);
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
}

.section1 .item .text-box:hover {
    background-color: rgba(0, 0, 0, .6);
}

.section1 .item .text-box>div {
    display: block;
    width: 100%;
}

.section1 .item .text-box .line {
    background-color: #fff;
    width: 60%;
    height: 2px;
    transition: 0.5s;
    display: block;
    margin: auto;
}

.section1 .item .text-box .title {
    margin: 20px 0;
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.7;
}

.section1 .ps__rail-x {
    display: block;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear;
    margin-top: 25px;
    bottom: 2px!important;
    position: relative;
    height: 8px;
    background: #d7d7d7;
    width: 100%!important;
}

.section1 .ps__thumb-x {
    background-color: #4e4e4e;
    border-radius: 0;
    height: 12px;
    bottom: -2px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.section1 .ps .ps__rail-x:hover,
.section1 .ps .ps__rail-y:hover,
.section1 .ps .ps__rail-x:focus,
.section1 .ps .ps__rail-y:focus,
.section1 .ps .ps__rail-x.ps--clicking,
.section1 .ps .ps__rail-y.ps--clicking {
    background-color: #d7d7d7;
    opacity: 1;
}

.section1 .ps__rail-x:hover>.ps__thumb-x,
.section1 .ps__rail-x:focus>.ps__thumb-x,
.section1 .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #4e4e4e;
    height: 12px;
}

.section1 .ps__thumb-x:before {
    content: "";
    background: url("../images/icons/line.svg")no-repeat center;
    background-size: cover;
    width: 19px;
    height: 10px;
    display: inherit;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 1px;
    z-index: 2;
}

.section1 .ps:hover>.ps__rail-x,
.section1 .ps:hover>.ps__rail-y,
.section1 .ps--focus>.ps__rail-x,
.section1 .ps--focus>.ps__rail-y,
.section1 .ps--scrolling-x>.ps__rail-x,
.section1 .ps--scrolling-y>.ps__rail-y {
    opacity: 1;
}

.our-customer {
    margin-bottom: 50px;
}

.our-customer .row {
    position: relative;
    max-width: 1310px;
    margin: 0 auto;
    text-align: center;
}

.our-customer .row .customer_slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.our-customer h3::after {
    content: "";
    height: 2px;
    width: 100%;
    max-width: 100%;
    /* background: #fe0000; */
    display: block;
    margin-top: 15px;
}

.our-customer .row img {
    cursor: pointer;
    filter: grayscale(1);
    transition: filter .3s;
}

.our-customer .row img:hover {
    filter: grayscale(0);
}

.container-fluid .container .all-of-it {
    margin: 40px 0;
}

.container-fluid .container .description-under-footer {
    margin-bottom: 20px;
    height: 50px;
    overflow: hidden;
}

.container-fluid .container .add-height {
    height: auto;
}

.container-fluid .container .home-show-more {
    display: flex;
    justify-content: flex-end;
}

.container-fluid .container .home-show-more p {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 6px 12px;
    color: #676664;
    background: #eee;
}

.section2 {
    padding: 80px 0;
}

.section2 .container-fluid {
    padding: 0 70px;
}

.section2 .col-lg-4:first-child {
    position: relative;
}

.section2 .pic-slider {
    position: absolute!important;
    right: 15px;
    left: 15px;
    top: 0;
    width: auto;
}

.section2 .pic-slider .item img {
    width: auto!important;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.section2 .sec-title {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    margin: 0 0 30px;
}

.section2 .sec-title:after {
    width: 35px;
    height: 2px;
    content: "";
    display: block;
    margin-top: 10px;
    background: #fe0000;
}

.section2 .p-slider .item {
    padding-left: 5px;
}

.section2 .p-item {
    border-bottom: solid 1px #f4f4f4;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.section2 .p-item:after {
    content: "";
    clear: both;
    display: block;
}

.section2 .p-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.section2 .p-item .pic {
    width: 90px;
    display: inline-block;
    float: right;
    margin-left: 15px;
}

.sidebar .post-list .set-size {
    overflow: hidden;
    height: 69px;
}

.side-block .nav-page a .set-size,
.section2 .p-item .pic .set-size {
    overflow: hidden;
    height: 50px;
}

.section2 .p-item .pic img {
    width: 100%;
    height: auto;
}

.section2 .p-item .content {
    overflow: hidden;
}

.section2 .p-item .content .title {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 10px;
    color: #222;
}

.section2 .p-item .content .title:hover {
    color: #fe0000;
}
body.rtl.archive .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    display: none;
}
.section2 .p-item .content .price span {
    display: inline-block;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 1.7;
    font-weight: bold;
}

span.woocommerce-Price-currencySymbol {
    margin-right: 5px;
}
.section2 .p-item .content .price .old {
    color: #a6a5aa;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 5px;
}

.section2 .p-item .content .rate {
    margin-top: 10px;
    direction: ltr;
    text-align: right;
}

.section2 .p-item .content .rate i {
    display: inline-block;
    margin-left: -2px;
    font-size: 12px;
    color: #fed44c;
}

.section2 .p-item .content .rate .gray {
    color: #dcdedd;
}

.section2 .owl-theme {
    position: relative;
}

.section2 .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
}

.section2 .p-slider .owl-nav.disabled+.owl-dots {
    position: absolute;
    right: inherit;
    left: 0;
    top: -75px;
    text-align: left;
}

.section2 .owl-theme .owl-dots .owl-dot span {
    border-radius: 0;
    margin: 5px 4px;
    width: 12px;
    height: 12px;
    background: #c2cbc8;
}

.section2 .owl-theme .owl-dots .owl-dot.active span,
.section2 .owl-theme .owl-dots .owl-dot:hover span {
    background: #4e4e4e;
}

.footer {
    background-color: #000000;
    padding: 55px 0 30px;
}

.footer .text {
    display: block;
    text-align: justify;
    line-height: 1.7;
    font-size: 12px;
    color: #fff;
    margin-bottom: 10px;
}

.footer address {
    margin-bottom: 10px;
    color: #fff;
}

.footer address .name {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 1.7;
}

.footer address .info {
    color: #fff;
    line-height: 1.7;
    text-align: right;
    font-size: 14px;
    display: inline-block;
}

.footer address span.info {
    display: block;
    margin-top: 10px;
    line-height: 2.5;
}

.footer address .fax {
    display: inline-block !important;
    margin: 0 2px 0 0 !important;
}

.footer address a.info {
    color: #fff;
    margin-right: 7px;
}

.footer address a.info:hover {
    color: #D1AE71;
}

.footer .sec-title {
    display: block;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 25px;
    margin-top: 0;
}

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

.footer .list li {
    display: block;
    position: relative;
}

.footer .list li+li {
    margin-top: 10px;
}

.footer .list li a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    position: relative;
    padding-right: 25px;
}

.footer .list li a:before {
    content: '\f104';
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    top: 0;
    right: 0;
}

.footer .list li a:hover {
    color: #D1AE71;
}

.footer form {
    margin-top: 20px;
    text-align: right;
}

.footer .inout-box {
    padding: 11px 10px 13px;
    -webkit-appearance: none;
    line-height: 1.5;
    color: #46474a;
    font-size: 14px;
    outline: none;
    display: block;
    width: 100%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: none;
    text-align: right;
    margin-bottom: 10px;
}

.footer .flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.footer .security-code {
    margin-left: 10px;
    position: relative;
    width: 100%;
}

.footer .security-code img {
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 1;
    max-width: 48%;
}

.footer .inout-box.code {
    display: inline-block;
    margin-bottom: 0;
    font-size: 12px;
    padding: 11px 10px 13px 48%;
}

.footer .main-btn {
    font-size: 12px;
    border: solid 1px transparent;
;
    outline: none;
    position: relative;
    transition: all .3s;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #ccc;
    font-weight: bold;
    display: inline-block;
    max-width: 100%;
    width: auto;
    padding: 11px 25px;
}

.footer .main-btn:hover {
    background-color: transparent;
    border-color: #4e4e4e;
    color: #4e4e4e;
}

.footer .mrg-top {
    margin-top: 30px;
}

.footer hr {
    margin-top: 0;
    border-top: 1px solid #c1c1c1;
}

.footer .copyright {
    display: block;
    padding-top: 5px;
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1.8;
}

.footer .copyright a {
    color: #fff;
    display: inline-block;
}

.footer .copyright a:hover {
    color: #fe0000;
}

.footer .links {
    margin-top: 10px;
}

.footer .links li {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    color: #fff;
    font-size: 12px;
}

.footer .links li:after {
    content: "|";
    display: inline-block;
    left: -10px;
    position: relative;
}

.footer .links li:last-child:after {
    display: none;
}

.footer .links li a {
    display: inline-block;
    color: #fff;
    line-height: 1.6;
}

.footer .links li a:hover {
    color: #D1AE71;
}

.footer .social {
    text-align: left;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .social li {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
}

.footer .social li a {
    display: block;
    font-size: 20px;
    color: #fff;
}

.footer .social li a:hover {
    color: #D1AE71;
}

.footer .namad {
    display: inline-block;
}

.footer .namad.mrg {
    margin-bottom: 25px;
}

.footer .namad img {
    max-width: 90%;
    height: auto;
}

#back-to-top {
    visibility: hidden;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background-color: #808080;
    color: #fff;
    position: fixed;
    bottom: 32px;
    left: 26px;
    z-index: 999;
    border-radius: 100%;
    cursor: pointer;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    font-size: 22px;
}

#back-to-top.show {
    visibility: visible;
    opacity: 1;
}

#back-to-top:hover {
    background-color: #000;
}

.modal {
    display: none;
    position: fixed;
    z-index: 999999;
    padding: 30px 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.modal .bg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
}

.modal .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    text-align: center;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: none;
    border: none;
    display: inline-block;
    z-index: 2;
    max-width: 98%;
    max-height: 98%;
    overflow-y: auto;
}

.modal.modal-style2 .modal-content {
    background: #fff;
    width: 920px;
    padding: 60px;
    border-radius: 15px;
}

.modal.modal-style2 .modal-content .tab-list li a {
    font-size: 13px;
}

.modal.modal-style2 .modal-content .tab-list li+li {
    margin-right: 30px;
}

.snapp-pay {
    display: flex;
    align-items: center;
    padding: 27px 0 10px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}

.bank-melli {
    display: flex;
    align-items: center;
}

.snapp-pay img {
    margin-right: 10px;
    width: 45px;
    height: 45px;
}

.bank-melli img {
    margin-right: 10px;
    width: 45px;
    height: 55px;
}

:is(.snapp-pay,
.bank-melli) input {
    cursor: pointer;
    accent-color: red;
}

:is(.snapp-pay,
.bank-melli) p {
    font-size: 12px;
    margin: 0 10px 0 0;
}

:is(.snapp-pay,
.bank-melli) .text-group .title {
    font-weight: bold;
}

:is(.snapp-pay,
.bank-melli) .text-group .description {
    font-weight: 400;
}

.product-page .pic-list .zoom {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -8px;
    right: -5px;
    width: 25px;
    height: 25px;
    border: 1px solid #eee;
    border-radius: 50%;
    background: white;
    transform: scale(1);
    transition: transform .3s;
}

.product-page .pic-list .zoom:hover {
    transform: scale(1.2);
}

.product-page .pic-list .zoom i {
    cursor: pointer;
    font-size: 12px;
    color: #444;
}

.modal.modal-style2 .pic-list li .pic:after {
    content: "\f00c";
    transition: all .3s ease;
    -webkit-backface-visibility: hidden;
}

.modal.modal-style2 .pic-list li .hover-img {
    position: absolute;
    width: max-content;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal.modal-style2 .pic-list li .hover-img img {
    width: 100%;
}

.modal .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 34px;
    font-weight: bold;
    z-index: 9;
    text-shadow: none;
    transition: all .3s ease;
    opacity: 1;
}

.modal .close:hover,
.modal .close:focus {
    color: #fe0000;
    text-decoration: none;
    cursor: pointer;
}

.modal video {
    max-width: 90%;
    height: auto;
    outline: none;
}

.modal img {
    max-width: 98%;
    height: auto;
    outline: none;
    -webkit-backface-visibility: hidden;
}

.modal .close2 {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 25px;
    text-align: center;
    top: 23px;
    width: 30px;
    z-index: 2;
    transition: .3s ease;
}

.modal .close2:hover {
    color: #D1AE71;
    border-color:#D1AE71;
}

.page-head {

    /* background: url("../images/bg/bg1.jpg") no-repeat center; */
    position: relative;
    height: 250px;
    background-size: cover !important;
    background-color: #000000;
}

.page-head:before {
    content: "";
    display: block;
    background-color: rgba(34, 34, 34, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.breadcrumbs {
    padding: 10px 0 0 15px
}

.breadcrumbs .group-span-bc {
    position: relative;
}

.breadcrumbs .group-span-bc::after {
    content: "";
    position: absolute;
    height: 1px;
    bottom: -14px;
    left: -15px;
    right: -15px;
    background: #eee;
    z-index: 51;
}

.breadcrumbs :is(span,
a,
p) {
    font-size: 11px;
    font-weight: 500;
    color: #000000;
}
body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a{
    color: #000000;
}
body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    color: #D1AE71;
    font-weight: 700;
}
.breadcrumbs i {
    vertical-align: middle;
    margin-right: 5px;
}

.breadcrumbs .p-first {
    font-size: 11px;
    font-weight: 400;
    margin-right: 5px;
}

.form-sec {
    position: relative;
}

.form-sec label {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #222;
}

form[name="add_code"] label,
form[name="send_code"] label,
form[name="sign_in"] label,
form[name="register_"] label {
    font-size: 10px;
}

:is(form[name="send_code"],
form[name="add_code"]) .disabled-btn {
    pointer-events: none;
    background-color: #888;
}

.form-sec .req:after {
    content: "*";
    margin-right: 3px;
    display: inline-block;
    color: #fe0000;
}

.form-sec .input-box,
.form-sec input[type="file"] {
    width: 100%;
    outline: none!important;
    background-color: #fff;
    color: #000;
    border: solid 1px #d3d3d3;
    font-size: 13px;
    line-height: 1.6;
    padding: 12px 15px;
    margin-bottom: 20px;
    resize: none;
}

.form-sec input[type="tel"]::placeholder {
    text-align: right;
    direction: rtl;
}

.bot-fix .input-box,
.bot-fix input[type="file"] {
    margin-bottom: 30px;
}

.form-sec .message-send {
    position: absolute;
    font-size: 10px;
    right: 33px;
    bottom: 9px;
    font-weight: bold;
    color: #c73900;
}

.form-sec .input-box.mrg-10 {
    margin-bottom: 10px;
}

.form-sec.gray .input-box,
.form-sec.gray input[type="file"] {
    border-color: #ebebeb;
    color: #666666;
    background-color: #f6f6f6;
}

.form-sec .button {
    display: inline-block;
    outline: none;
    text-align: center;
    padding: 11px 35px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #222;
    transition: all .3s ease;
    cursor: pointer;
    border: solid 1px transparent;
}

.form-sec .button:hover {
    color: #222;
    background-color: transparent;
    border: solid 1px #222;
}

.form-sec .btn-login {
    display: flex;
    align-items: center;
}

.form-sec .btn-login .send-code p {
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    padding: 0;
    transition: padding .4s;
}

.form-sec .btn-login .send-code p:hover {
    padding: 7px 0;
    border-bottom: 1px solid #222;
    border-top: 1px solid #222;
}

.form-sec .btn-login .send-code {
    margin-right: 25px;
}
.comment-rating .star {
    color: #ccc;
    font-size: 18px;
    display: inline-block;
}
.comment-rating .star.filled {
    color: #f5a623;
}
.rate .fa {
    color: #f5a623;
}
.rate .fa.gray {
    color: #ccc;
}
.form-sec .star-rating {
    margin: 25px auto 20px;
    display: flex;
    float: unset !important;
    height: unset !important;
    width: unset !important;
    font-family: unset !important;
}

.form-sec .star-rating>fieldset {
    border: none;
    display: inline-block;
    padding-right: 15px;
    font-family: 'FontAwesome';
}

.form-sec .star-rating>fieldset:not(:checked)>input {
    position: absolute;
    visibility: hidden;
    clip: rect(0, 0, 0, 0);
}

.form-sec .star-rating>fieldset:not(:checked)>label {
    float: right;
    padding: 0 0.05em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 16px;
    color: #d9d9d9;
    font-weight: normal;
}

.form-sec .star-rating>fieldset:not(:checked)>label:before {
    content: '\f005';
}

.form-sec .star-rating>fieldset:not(:checked)>label:hover:before,
.form-sec .star-rating>fieldset:not(:checked)>label:hover~label:before {
    color: #ffb14b;
}

.form-sec .star-rating>fieldset>input:checked~label:before {
    color: #ffb14b;
}

.form-sec .star-rating>fieldset>label:active {
    position: relative;
    top: 2px;
}

.form-sec .select-list {
    color: #666666;
    font-size: 13px;
    padding-right: 33px;
    font-weight: normal;
    line-height: 2;
    display: block;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    text-align: justify;
}

.form-sec .select-list input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.form-sec .select-list .radio-check {
    display: inline-block;
    padding: 0;
    right: 0;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    border-radius: 50%;
    border: solid 1px #cdcdcd;
    transition: all .4s ease;
}

.form-sec .select-list .checkmark {
    display: inline-block;
    padding: 0;
    right: 0;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    border: solid 1px #cdcdcd;
    border-radius: 3px;
    transition: all .4s ease;
}

.form-sec .select-list input:checked~.checkmark1 {
    border: solid #fff 4px;
    background: #fe0000;
}

.form-sec .select-list .checkmark1:after {
    font-family: FontAwesome;
    content: "";
    height: 16px;
    width: 16px;
    border: solid 1px #fe0000;
    background: transparent;
    opacity: 0;
    transition: all .2s;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-sec .select-list input:checked~.checkmark1:after {
    opacity: 1;
}

.form-sec .select-list input:checked~.checkmark2 {
    border-color: #fe0000;
}

.form-sec .select-list .checkmark2:after {
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 10px;
    color: #fe0000;
    line-height: 14px;
    opacity: 0;
    transition: all .2s;
    position: relative;
    border-radius: 3px;
    top: -5px;
    left: 1px;
}

.form-sec .select-list input:checked~.checkmark2:after {
    opacity: 1;
}

.form-sec .check {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
}

.form-sec .check input[type=checkbox] {
    display: none;
}

.form-sec .check span {
    display: inline-block;
    position: relative;
    line-height: 1;
    font-size: 14px;
    cursor: pointer;
    padding: 0 30px 0 0;
    color: #666;
}
.woocommerce .star-rating::before {
    content: unset !important;
}
.woocommerce .star-rating span::before {
    content: unset !important;
}
.woocommerce .star-rating span {
    float: unset !important;
    position: relative !important;
    padding: unset !important;
}
.form-sec .check span:before {
    content: "";
    font-size: 18px;
    width: 17px;
    height: 17px;
    border: solid 1px #666;
    border-radius: 2px;
    position: absolute;
    top: -2px;
    right: 0;
    transition: all .8s ease 0s;
}

.form-sec .check input[type=checkbox]:checked+span:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 5px;
    top: -1px;
    transform: rotate(45deg);
    height: 12px;
    width: 6px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

.contact-sec {
    padding: 100px 0 100px;
}

.contact-sec .border-title {
    margin-bottom: 40px;
}

.contact-sec .map {
    height: 265px;
    margin-bottom: 30px;
    overflow: hidden;
    font-size: 0;
}

.contact-sec .btn-box {
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.contact-sec .btn-box a {
    display: inline-block;
    width: 47%;
    text-align: center;
    padding: 12px 5px;
    background: #999;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.contact-sec .btn-box a:hover {
    background: #222;
}

.contact-sec p {
    margin-bottom: 40px;
}
.contact-box {
    margin-bottom: 40px;
}
.contact-sec .info {
    margin-top: 12px;
    display: block;
    text-align: right;
    font-size: 13px;
    color: #222;
    line-height: 1.8;
}

.contact-sec .info .ltr {
    text-align: right;
    display: inline-block;
}

.contact-sec .info i {
    display: inline-block;
    color: #D1AE71;
    margin-left: 8px;
    font-size: 14px;
}

.contact-sec .mrg-btm {
    margin-bottom: 60px;
}

.contact-sec .sub-title {
    display: block;
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: bold;
}

.contact-sec .social li {
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
}

.contact-sec .social li a {
    display: block;
    font-size: 16px;
    color: #222;
}

.contact-sec .social li a:hover {
    color: #fe0000;
}

.faq-sec {
    background: #fff;
    padding: 100px 0;
}

.faq-sec p.text-center {
    display: block;
    text-align: center;
    max-width: 80%;
    margin: 0 auto 15px;
}

.faq-sec .sec-title {
    display: block;
    font-size: 30px;
    color: #222;
    font-weight: bold;
    margin: 0 0 30px;
}

.faq-sec .panel-group {
    margin-bottom: 0;
    margin-top: 40px;
    text-align: right;
}

.faq-sec .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    background: #f5f5f5;
    box-shadow: none;
}

.faq-sec .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: transparent;
    border-radius: 0;
    padding: 0;
}

.faq-sec .panel-heading a {
    display: block;
    padding: 15px 20px;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.7;
    color: #222;
}

.faq-sec .panel-heading a:before {
    content: "\f0d7";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 15px;
    position: relative;
    top: 2px;
}

.faq-sec .panel-group .panel+.panel {
    margin-top: 4px;
}

.faq-sec .panel-group .panel-heading+.panel-collapse>.list-group,
.faq-sec .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #f5f5f5;
}

.faq-sec .panel-body {
    text-align: justify;
    color: #666;
    font-size: 13px;
    line-height: 1.9;
    padding: 25px 45px;
}

.faq-sec .sub-title {
    margin: 65px 0 30px;
    font-size: 18px;
    color: #676664;
    font-weight: bold;
    display: block;
}

.inner-page {
    padding: 80px 0;
    overflow: hidden;
}

.inner-page .title {
    display: block;
    font-weight: bold;
    font-size: 23px;
    color: #000000;
    line-height: 1.7;
    margin: 50px 0 25px;
}

.inner-page .title:first-child {
    margin-top: 0;
}

.inner-page .title2 {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 23px;
    color: #676664;
    line-height: 1.7;
    margin: 60px 0 35px;
}

.inner-page .box {
    display: block;
    text-align: center;
    padding: 25px 20px;
    border: solid 1px #eee;
    color: #222;
    background-color: #fff;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.inner-page .box:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    transform: scale(1.05);
    z-index: 2;
}

.inner-page .box img {
    max-width: 100%;
    height: auto;
    margin: 0 auto 15px;
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .4s ease;
}

.inner-page .box .phone-number {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 32%;
    left: 0;
    right: 0;
    direction: ltr;
    color: #222;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.6;
    transition: all .4s ease;
}

.inner-page .box-lg.active .phone-number {
    opacity: 1;
    visibility: visible;
}

.inner-page .box-lg.active img {
    opacity: 0;
    visibility: hidden;
}

.inner-page .box:hover .phone-number {
    color: #fe0000;
}

.inner-page .box:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.inner-page .box span {
    display: block;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.6;
    transition: all .2s ease;
}

.inner-page .box:hover span {
    color: #fe0000;
}

.inner-page .main-btn {
    text-align: center;
    background: #fe0000;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 15px;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    transition: all .3s ease;
    padding: 15px 35px;
    margin-top: 10px;
}

.inner-page .main-btn:hover {
    background: #000;
}

.inner-page .main-btn.first {
    margin-left: 20px;
}

.inner-page .color-title {
    display: block;
    font-weight: bold;
    line-height: 1;
    color: #fe0000;
    font-size: 140px;
}

.inner-page .text1 {
    display: block;
    margin: 30px 0;
    color: #666;
    font-size: 30px;
    line-height: 1.6;
    position: relative;
}

.inner-page .text1:after {
    content: "";
    width: 100px;
    margin: 15px auto 0;
    display: block;
    border-top: solid 3px #666;
}

.inner-page .text2 {
    display: block;
    line-height: 1.7;
    color: #666;
    font-size: 16px;
}

.inner-page .mrg-top-60 {
    margin-top: 60px;
}

.sidebar {
    margin-bottom: 60px;
}

.sidebar:last-child {
    margin-bottom: 0;
}

.sidebar .side-title {
    display: block;
    font-weight: bold;
    font-size: 15px;
    color: #222;
    line-height: 1.7;
    margin: 0 0 25px;
}

.sidebar .cats li {
    display: block;
    border-bottom: dashed 1px #eee;
    padding: 10px 0;
}

.sidebar .cats li a {
    display: inline-block;
    color: #343434;
    font-size: 13px;
    line-height: 1.7;
}

.sidebar .cats li a:before {
    content: '\f192';
    display: inline-block;
    font-family: FontAwesome;
    padding-left: 14px;
    font-size: 8px;
}

.sidebar .cats li a:hover {
    color: #D1AE71;
}

.sidebar .post-list li {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 30px;
    transition: all .3s ease;
}

.sidebar .post-list li:hover {
    box-shadow: 0 5px 20px 0.2px rgba(0, 0, 0, .1);
}

.sidebar .post-list li .pic {
    width: 120px;
    display: inline-block;
}

.sidebar .post-list li .pic img {
    margin-left: 15px;
    height: auto;
    max-width: 100px;
    display: block;
    min-height: 100%;
    object-fit: cover;
}

.sidebar .post-list li .content {
    padding: 12px 0 12px 7px;
}

.sidebar .post-list li .title {
    display: inline-block;
    overflow: hidden;
    height: 40px;
    text-overflow: ellipsis;
    color: #666;
    font-size: 12px;
    line-height: 1.7;
}

.sidebar .post-list li .title:hover {
    color: #D1AE71;
}

.sidebar .post-list li .date {
    display: block;
    color: #aaa;
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.7;
}

.sidebar .post-list li .date i {
    margin-left: 3px;
}

.side-block .banner {
    display: inline-block;
}

.side-block .banner img {
    max-width: 100%;
    height: auto;
}

.sidebar .amount {
    color: #666;
    margin-top: 35px;
    font-size: 13px;
    display: flex;
}

.sidebar .amount input {
    border: 0;
    text-align: right;
    direction: ltr;
    display: inline-block;
    outline: none;
    color: #666;
    font-size: 13px;
    width: 100%;
    margin-right: 5px;
    max-width: 100%;
}

.form-sec .fix-text {
    font-size: 10px !important;
    padding: 1px 4px !important;
}

.sidebar .ui-widget.ui-widget-content {
    border: 0;
    height: 3px;
    background-color: rgba(0, 0, 0, .1);
}

.sidebar .ui-slider .ui-slider-range {
    background-color: #fe0000;
}

.sidebar .ui-slider-horizontal .ui-slider-handle {
    width: 14px;
    height: 14px;
    background-color: #fe0000;
    border: 0;
    border-radius: 30px;
    top: -6px;
    outline: none;
    cursor: ew-resize;
}

.sidebar .ui-slider-horizontal .ui-slider-handle:hover {
    box-shadow: 0 0 0 0.236em rgba(0, 0, 0, .1);
}

.sidebar .filter li {
    display: block;
    /* border-bottom: solid 1px #eee; */
    padding: 10px 0;
}

.sidebar .filter li a {
    display: inline-block;
    color: #000000;
    font-size: 13px;
    line-height: 1.7;
    padding-right: 18px;
    position: relative;
}

.sitemap li a h3,
.sitemap li a h1,
.sidebar .filter li a h3,
.sidebar .filter li a h1 {
    display: block;
    font-size: 13px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: unset;
    unicode-bidi: unset;
}

.sitemap li a h3,
.sitemap li a h1 {
    line-height: 2 !important;
}

.sidebar .filter li a:before {
    content: '';
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all .4s ease;
    content: '\f104';
    position: absolute;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 22px;
}

.sidebar .filter li a:hover:before {
    color: #D1AE71;
}

.sidebar .filter li.active a:before {
    border-color: #D1AE71;
}

.sidebar .best-list li {
    display: block;
    margin-bottom: 30px;
}

.sidebar .best-list li a {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    border: 1px solid #f5f5f5;
}

.sidebar .best-list li .pic img {
    width: 95px;
    height: auto;
}

.sidebar .best-list li .content {
    padding: 0 10px 0 5px;
}

.sidebar .best-list li .content .title {
    display: block;
    color: #666;
    font-size: 13px;
    margin: 12px 0 7px;
    transition: all .3s ease;
    overflow: hidden;
}

.sidebar .best-list li .content .set-attribute {
    margin-bottom: 10px;
}

.sidebar .best-list li .content .set-attribute span {
    font-size: 10px;
    color: #666;
}

.sidebar .best-list li a:hover .content .title {
    color: #fe0000;
}

.sidebar .best-list li .content .price span {
    color: #e50000;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.7;
    display: inline-block;
}

.sidebar .best-list li .content .price .old {
    color: #666;
    font-family: IRANSans;
    margin-left: 2px;
    text-decoration: line-through;
    font-size: 10px;
}

.sidebar .with-set {
    width: 100%;
}

.sidebar .banner {
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.sidebar .banner img {
    max-width: 100%;
    height: auto;
    backface-visibility: hidden;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;
    transition: opacity 1s ease 0s, transform 1s ease 0s;
}

.sidebar .banner:hover img {
    filter: alpha(opacity=80);
    transform: scale3d(1.1, 1.1, 1);
}

.sidebar .banner .title-box {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
}

.sidebar .banner .title-box>div {
    display: block;
    width: 100%;
}

.sidebar .banner .title-box .line {
    background-color: #fff;
    width: 45%;
    height: 2px;
    transition: 0.5s;
    display: block;
    margin: auto;
}

.sidebar .banner .title-box .title {
    margin: 15px 0;
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.7;
}

.pagination-list {
    margin-top: 20px;
}

.pagination-list li {
    display: inline-block;
    margin: 0 1px;
}

.pagination-list li a {
    display: block;
    border: solid 2px #ebebeb;
    padding: 5px 12px;
    font-weight: bold;
    color: #bcbcbc;
    font-size: 12px;
    line-height: 18px;
    min-width: 30px;
    height: 30px;
    text-align: center;
}

.pagination-list li a:hover {
    border-color: #000;
    color: #000;
}

.pagination-list li.current a {
    pointer-events: none;
    border-color: #000;
    color: #000;
}

.pagination-list li.navigate a {
    background: #ebebeb;
    color: #000;
    line-height: 15px;
    position: relative;
    top: -2px;
    padding: 5px 20px;
}

.pagination-list li.navigate a:hover {
    border-color: #000;
    color: #000;
    background: transparent;
}

.share-sec {
    padding-top: 25px;
    margin-top: 35px;
    border-top: solid 1px #eee;
}

.share-sec.no-border {
    border-top: 0;
    padding-top: 0;
}

.share-sec ul {
    display: inline-block;
    margin-top: 5px;
}

.share-sec ul li {
    color: #222;
    font-size: 12px;
    line-height: 1.7;
    display: inline-block;
}

.share-sec ul li+li {
    margin-right: 10px;
}

.share-sec ul li .share-icon {
    color: #666;
    font-size: 16px;
    display: inline-block;
}

.share-sec ul li .share-icon i {
    margin-left: 3px;
}

.share-sec ul li a {
    display: block;
    color: #999;
    font-size: 15px;
}

.share-sec ul li a:hover {
    color: #D1AE71;
}

.side-block {
    padding: 90px 0;
}

.side-block .col-md-6:nth-child(2n+1) {
    clear: both;
}

.side-block video {
    width: 100%;
    margin: 30px auto;
    height: auto;
    display: block;
    outline: none;
}

.side-block .post {
    border: 1px solid #eee;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
    background: #fff;
    transition: all .5s ease;
}

.side-block .post:hover {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
    z-index: 2;
}

.side-block .post .pic {
    display: block;
    overflow: hidden;
}

.side-block .post .pic img {
    width: 100%;
    height: auto;
    transition: all .5s ease;
}

.side-block .post:hover .pic img {
    transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
}

.side-block .post .content {
    padding: 25px;
}

.side-block .post .title {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    color: #222;
    transition: color .5s;
}

.side-block .post .title:hover {
    color: #fe0000;
}

.side-block .post .date {
    display: block;
    border-top: solid 1px #eee;
    padding-top: 15px;
    font-size: 12px;
    color: #999;
    line-height: 1.7;
}

.side-block .post .date i {
    margin-left: 5px;
}

.side-block .border {
    border-right: solid 1px #eee;
    margin-right: 30px;
    padding-right: 40px;
}

.side-block .blog-sticky {
    position: sticky;
    top: 130px;
}

.side-block .tag-post {
    margin-bottom: 60px;
}

.side-block .tag-post ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.side-block .tag-post li {
    font-size: 12px;
    margin: 5px 2px;
    padding: 7px 18px;
    background-color: #999;
    color: white;
}

.side-block .post-title {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.8;
    margin: 0 0 15px;
    color: #222;
}

.side-block .ask-blog {
    border-top: 1px solid #eee;
    margin-top: 30px;
}

.side-block .ask-blog h3 {
    font-size: 16px;
    font-weight: 900;
    padding-top: 10px;
    margin-bottom: 25px;
    line-height: 1.5;
}

.side-block .ask-blog h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
}

.side-block .blog-body :is(p,
li) {
    line-height: 2;
    font-size: 16px;
}

.side-block .blog-body li {
    position: relative;
    text-align: justify;
    margin: 10px 0px;
}

.side-block .blog-body ol {
    counter-reset: num;
}

.side-block .blog-body ol li {
    position: relative;
    counter-increment: num;
    margin-bottom: 5px;
}

.side-block .blog-body ol li:before {
    content: counter(num) " -";
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    top: 4px;
    right: -21px;
    color: #6c6e6d;
}

.side-block .blog-body ul li::before {
    content: "";
    position: absolute;
    top: 12px;
    right: -16px;
    width: 6px;
    height: 6px;
    background-color: #6c6e6d
}

.side-block .blog-body :is(h2,
h3,
h4,
h5,
h6) {
    font-size: 18px;
    font-weight: 600;
    margin: 28px 0 20px;
    line-height: 1.75;
}

.side-block .blog-body :is(h2,
h3) small {
    font-weight: 600;
    color: #3a3d45;
}

.side-block .blog-body .sound {
    margin: 35px 0;
}

.side-block .blog-body .sound audio {
    width: 100%;
}

.fix-padd-right {
    padding-right: 0;
}

.fix-padd-left {
    padding-left: 0;
}

form[name="send_code"] .btn-login {
    position: relative;
}

:is(form[name="send_code"],
form[name="lost_password"],
form[name="add_code"]) .error_code {
    position: absolute;
    right: 0;
    bottom: -40px;
}

form[name="lost_password"] .error_code {
    right: 17px;
    bottom: -10px;
}

:is(form[name="send_code"],
form[name="lost_password"],
form[name="add_code"]) .error_code p {
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    color: #c73900;
}

form[name="lost_password"] input::-webkit-outer-spin-button,
form[name="lost_password"] input::-webkit-inner-spin-button,
form[name="add_code"] input::-webkit-outer-spin-button,
form[name="add_code"] input::-webkit-inner-spin-button,
form[name="send_code"] input::-webkit-outer-spin-button,
form[name="send_code"] input::-webkit-inner-spin-button,
form[name="sign_in"] input::-webkit-outer-spin-button,
form[name="sign_in"] input::-webkit-inner-spin-button,
form[name="address_update"] input::-webkit-outer-spin-button,
form[name="address_update"] input::-webkit-inner-spin-button,
form[name="register_"] input::-webkit-outer-spin-button,
form[name="register_"] input::-webkit-inner-spin-button,
form[name="real"] input::-webkit-outer-spin-button,
form[name="real"] input::-webkit-inner-spin-button,
form[name="legal"] input::-webkit-outer-spin-button,
form[name="legal"] input::-webkit-inner-spin-button,
form[name="basic_information"] input::-webkit-outer-spin-button,
form[name="basic_information"] input::-webkit-inner-spin-button,
form[name="hot_chair"] input::-webkit-outer-spin-button,
form[name="hot_chair"] input::-webkit-inner-spin-button,
form[name="product_detail"] input::-webkit-outer-spin-button,
form[name="product_detail"] input::-webkit-inner-spin-button,
form[name="product_intro"] input::-webkit-outer-spin-button,
form[name="product_intro"] input::-webkit-inner-spin-button,
form[name="opinion"] input::-webkit-outer-spin-button,
form[name="opinion"] input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

form[name="lost_password"] input[type=number],
form[name="add_code"] input[type=number],
form[name="send_code"] input[type=number],
form[name="sign_in"] input[type=number],
form[name="address_update"] input[type=number],
form[name="register_"] input[type=number],
form[name="real"] input[type=number],
form[name="legal"] input[type=number],
form[name="basic_information"] input[type=number],
form[name="hot_chair"] input[type=number],
form[name="product_detail"] input[type=number],
form[name="product_intro"] input[type=number],
form[name="opinion"] input[type=number] {
    -moz-appearance: textfield;
}

form[name="lost_password"] .input-phone {
    position: relative;
    margin-bottom: 20px;
}

.side-block .blog-date {
    font-size: 12px;
    margin-bottom: 15px;
}

.side-block .blog-body figure {
    width: 100% !important;
}

.side-block .blog-body figure img {
    width: 100%;
    aspect-ratio: auto !important;
    height: auto;
}

.side-block .blog-date .date-text {
    font-weight: 600;
}

.side-block .blog-date .date-number {
    font-size: 11px;
    color: #666666;
}

.side-block .post-pic {
    width: 100%;
    height: auto;
    margin: 20px 0 30px;
}

.side-block .nav-page {
    display: flex;
    display: -webkit-flex;
    margin-top: 60px;
}

.side-block .nav-page a {
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    padding: 25px 20px;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    border: 1px solid #f5f5f5;
    background: #fff;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
}

.side-block .nav-page a:hover {
    background: #f5f5f5;
}

.side-block .nav-page a.next {
    text-align: right;
    border-left: 0;
}

.side-block .nav-page a.prev {
    text-align: left;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.side-block .nav-page a .pic {
    margin-left: 20px;
}

.side-block .nav-page a.prev .pic {
    margin-left: 0;
    margin-right: 20px;
}

.side-block .nav-page a .pic img {
    height: auto;
    width: 80px;
}

.side-block .nav-page a .info {
    display: block;
    color: #666;
    font-size: 11px;
    line-height: 1.7;
    margin-bottom: 5px;
}

.side-block .nav-page a .title {
    display: block;
    font-size: 12px;
    color: #222;
    line-height: 1.8;
    transition: all .3s ease;
}

.side-block .sub-title {
    margin: 65px 0 45px;
    font-size: 18px;
    color: #222;
    font-weight: bold;
    display: block;
}

.side-block .form-sec {
    margin-top: 20px;
}

.side-block .agent-item {
    position: relative;
    margin-bottom: 40px;
    border: 1px solid #ddd;
    transition: all .3s;
}

.side-block .agent-item:hover {
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, .21);
}

.side-block .agent-item .pic-box {
    position: relative;
}

.side-block .agent-item .pic-box .bg {
    width: 100%;
    height: auto;
}

.side-block .agent-item .info {
    position: absolute;
    bottom: -26px;
    right: 20px;
    z-index: 2;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.side-block .agent-item .info .item-logo {
    width: 75px;
    height: 75px;
    border: 5px solid #fff;
    display: inline-block;
    vertical-align: bottom;
    background: #ccc;
    position: relative;
}

.side-block .agent-item .info .rate {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-right: 10px;
    position: relative;
    bottom: 6px;
}

.side-block .agent-item .info .rate i {
    margin-left: -2px;
    color: #fed44c;
}

.side-block .agent-item .info .rate .gray {
    color: #dcdedd;
}

.side-block .agent-item .content {
    padding: 40px 20px 20px;
}

.side-block .agent-item .content :is(p,
div) {
    margin: 0 0 5px;
}

.side-block .agent-item .content .title {
    display: inline-block;
    font-weight: bold;
    font-weight: 600;
    font-size: 14px;
    color: #222;
    line-height: 1.7;
    transition: color .5s;
}

.side-block .agent-item .content .title:hover {
    color: #fe0000;
}

.side-block .agent-item .content :is(.CEO-name,
.tel,
.city) {
    font-size: 12px;
}

.side-block .agent-item .content :is(.CEO-name,
.tel,
.city) span:first-child {
    font-weight: 500;
    color: #5f5f61;
}

.side-block .agent-item .content .tel .number {
    direction: ltr;
    display: inline-block;
    color: #999;
}

.side-block .agent-item .content p {
    line-height: 1.8;
    text-align: justify;
    font-size: 13px;
    color: #999;
}

.rep-nothing {
    padding: 10px 30px;
    border-radius: 5px;
    color: white;
    background-color: #999;
}

.side-block .city-filter {
    margin-bottom: 35px;
}

.side-block .city-filter li {
    display: block;
    padding: 10px 0;
    border-bottom: dashed 1px #eee;
}

.side-block .city-filter li a {
    display: inline-block;
    color: #666666;
    font-size: 13px;
    line-height: 1.7;
}

.side-block .city-filter li a:hover {
    color: #fe0000;
}

.side-block .city-filter li a:before {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 15px;
    border: solid 1px #cdcdcd;
    position: relative;
    top: 4px;
    transition: all .3s ease;
}

.side-block .city-filter li.active a:before,
.side-block .city-filter li a:hover:before {
    border-color: #fe0000;
}

.representations-group .side-title {
    display: block;
}

.representations-group .side-search {
    position: relative;
    width: 25%;
    padding: 24px 10px;
}

.representations-group .side-search .input-box {
    padding: 10px 13px;
    margin-bottom: 0;
    font-size: 12px;
}

.representations-group .side-search .search-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1;
    color: #999;
    outline: none;
    background: transparent;
    border: 0;
    transition: all .3s ease;
}

.representations-group .side-search .search-btn:hover {
    color: #000;
}

.comments {
    border-top: 1px solid #eee;
}

.comments.no-border {
    border-top: 0;
}

.comments li {
    display: block;
}

.comments .admin {
    position: relative;
    padding: 20px;
    background: white;
    border-radius: 12px;
}

.comments li div:first-child:nth-last-child(1) {
    border-bottom: 1px solid white;
}

.comments li .body {
    padding: 20px 0;
    position: relative;
}

.comments .admin .avatar,
.comments li .body .avatar {
    display: inline-block;
    width: 60px;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 30px;
}

.comments .admin .avatar {
    right: 15px;
}

.comments .admin .content,
.comments li .body .content {
    padding: 0 80px 0 0;
}

.comments .admin .content .name,
.comments li .body .content .name {
    display: block;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 10px;
}

.comments .admin .content .date,
.comments li .body .content .date {
    display: block;
    color: #666;
    font-size: 11px;
    line-height: 1.7;
}

.comments .admin .content .rate,
.comments li .body .content .rate {
    margin-top: 5px;
    direction: ltr;
    text-align: right;
}

.comments .admin .content .rate .fa,
.comments li .body .content .rate .fa {
    color: #ffb14b;
    font-size: 12px;
    display: inline-block;
    margin-left: -2px;
}
.comments li .body .content .rate i.inactive {
    color: #ccc;
}
.comments .admin .content .rate .fa.gray,
.comments li .body .content .rate .fa.gray {
    color: #d9d9d9;
}

.comments .admin .reply,
.comments li .body .reply {
    display: inline-block;
    position: absolute;
    left: 10px;
    z-index: 2;
    top: 30px;
    color: #666;
    font-size: 11px;
    line-height: 1.7;
}

.comments .admin .reply:hover,
.comments li .body .reply:hover {
    color: #fe0000;
}

.comments .admin .reply i,
.comments li .body .reply i {
    margin-left: 4px;
}

.comments .admin .content p,
.comments li .body .content p {
    margin-top: 25px;
}

.comments li ul {
    margin-right: 45px;
}

.product-item {
    position: relative;
    text-align: center;
    padding: 14px 0;
    min-height: 380px;
}

.product-item .pic-box {
    position: relative;
    overflow: hidden;
}

.product-item .pic-box img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 1;
    transition: all .5s ease;
}

.product-item .pic-box .hover {
    opacity: 0;
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
}

.product-item:hover .pic-box .first {
    opacity: 0;
}

.product-item:hover .pic-box .hover {
    opacity: 1;
}

.product-item .pic-box .btn-box {
    position: absolute;
    color: #fff;
    background-color: #00000082;
    left: 0;
    right: 0;
    height: 50px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    bottom: -45px;
    transition: all ease .35s;
    border: 0;
    outline: none;
    font-weight: bold;
    z-index: 9;
}

.product-item .pic-box .btn-box {
    bottom: 0;
}

.product-item .pic-box .btn-box>div {
    font-size: 0;
    overflow: hidden;
}

.product-item .pic-box .btn-box .icon-btn {
    display: inline-block;
    border: 0;
    outline: none;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
    float: right;
}

.product-item .pic-box .btn-box .icon-btn.btn-quick-view {
    background: #fff url("../images/icons/plus.svg")no-repeat center center;
    background-size: 16px;
}

.product-item .pic-box .btn-box .icon-btn.btn-quick-view:hover {
    background: #fff url("../images/icons/quick.gold.svg")no-repeat center center;
    background-size: 16px;
}

.product-item .pic-box .btn-box .icon-btn.add-cart {
    background: #fff url("../images/icons/shop-black.svg")no-repeat center 6px;
    background-size: 16px;
}

.product-item .pic-box .btn-box .icon-btn.add-cart:hover {
    background: #fff url("../images/icons/shop.gold.svg")no-repeat center 6px;
    background-size: 16px;
}

.product-item .pic-box .btn-box .icon-btn.compare {
    background: #fff url("../images/icons/compare.svg")no-repeat center 7px;
    background-size: 16px;
}

.product-item .pic-box .btn-box .icon-btn.share {
    background: #fff url("../images/icons/share-black.svg")no-repeat center 7px;
    background-size: 16px;
}
.product-item .pic-box .btn-box .icon-btn.share:hover {
    background: #fff url("../images/icons/share.gold.svg")no-repeat center 7px;
    background-size: 16px;
}

.product-item .pic-box .btn-box .icon-btn.compare:hover {
    background: #fff url("../images/icons/compare-h.svg")no-repeat center 7px;
    background-size: 16px;
}

.product-item .title {
    margin: 15px 0 0 5px;
    line-height: 1.7;
    font-weight: bold;
    font-size: 14px;
    color: #222;
    /* overflow: hidden; */
    padding: 0 5px;
    display: block;
    text-align: right;
}
.special-goldsit-style {
    background-color: #F3F3F3;
    border: 0.75px solid #D7D7D7;
}
.product-item .price {
    text-align: right;
}
.product-item .title:hover {
    color: #D1AE71;
}

.product-item .price span {
    display: inline-block;
    padding: 0 2px;
    font-size: 13px;
    line-height: 1.7;
    color: #666;
}

.product-item .price .old {
    font-size: 12px;
    text-decoration: line-through;
}

.all-item-sort,
.all-item-filter {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000052;
    z-index: 127;
}

:is(.all-item-filter,
.all-item-sort) .pose-set {
    position: fixed;
    top: 20%;
    left: 50%;
    width: 80%;
    height: 75%;
    padding: 15px 25px;
    transform: translate(-50%);
}

.all-item-sort .pose-set {
    height: max-content;
}

.all-item-sort .sort-close,
.all-item-filter .filter-close {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 100002;
    transform: scale(1.1);
    transition: transform .3s;
}

.all-item-sort .sort-close:hover,
.all-item-filter .filter-close:hover {
    transform: scale(1.1);
}

.all-item-sort .sort-modal,
.all-item-filter .filter-modal {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 100%;
    height: 100%;
    padding: 95px 25px 15px;
    transform: translate(-50%);
    background-color: white;
    z-index: 10000;
    overflow: auto;
}

.all-item-sort .sort-modal {
    height: max-content;
    padding: 95px 25px 55px;
}

.all-item-filter .filter-modal .sidebar .amount {
    align-items: center;
    font-weight: 600;
}

.shop-sec {
    padding: 90px 0;
}

.shop-sec .shop-tools-menu {
    display: none;
    flex-direction: column;
    margin-bottom: 38px;
}

.shop-sec .shop-tools-menu .sidebar {
    margin: 0 20px 40px;
}

.shop-sec .shop-tools-menu .filter-sort {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.shop-sec :is(.shop-filter,
.shop-sort) {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
    margin: 0 20px;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
    background-color: #eee;
}

.shop-sec .all-item-sort .shop-sort,
.shop-sec .all-item-filter .shop-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 25px 0;
    border-bottom: 1px solid #eee;
    background-color: white;
    z-index: 100000;
}

.shop-sec .all-item-filter .sidebar {
    margin-bottom: 0;
}

.shop-sec .shop-sort img {
    width: 24px;
    height: 26px;
}

.shop-sec .shop-filter img {
    width: 30px;
    height: 30px;
}

.shop-sec .bg-title {
    margin: 50px 0px 35px;
    padding: 20px 10px;
    border-radius: 9px;
    box-shadow: 0px 0px 5px 0px #f2f2f2;
}

.shop-sec .bg-title .description {
    padding: 20px 30px 0px;
}

.shop-sec .bg-title .description p {
    text-align: justify;
    margin: 10px 0;
}

.shop-sec .bg-title .show-more {
    text-align: left;
    margin-left: 30px;
}

.shop-sec .bg-title .show-more i {
    cursor: pointer;
}

.shop-sec .bg-title .description h5,
.shop-sec .bg-title .description h4,
.shop-sec .bg-title .description h3,
.shop-sec .bg-title .description h2,
.shop-sec .bg-title .description h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0px;
}

.shop-sec .bg-title .hr {
    padding-top: 25px;
}

.shop-sec .bg-title hr {
    width: 100%;
    margin-bottom: 0;
    border-top: 1px solid #eee;
}

.shop-sec .bg-title p {
    margin: 0;
}

.shop-sec .bg-title h2.title {
    font-size: 15px;
    font-weight: bold;
    color: #222;
    line-height: 1.9;
    margin: 0;
}

.shop-sec .text-align p {
    text-align: left;
}

.shop-sec .text-left p {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
}

.product-page {
    padding: 90px 0;
}

.product-page .bg {
    background: #f5f5f5;
    margin: 40px 15px 0;
    padding: 65px 7%;
}

.product-page .bg .tab-list {
    margin-top: 0;
}

.product-page #sync1 .owl-stage,
.product-page #sync2 .owl-stage {
    display: flex;
}

.product-page .products .description {
    background-color: white;
    padding: 90px 95px;
    line-height: 2.5;
    font-size: 14px;
}

.product-page #sync1 .item {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0 2px;
    background: #f5f5f5;
}

.product-page #sync1 .item.ex1 {
    cursor: crosshair;
}

.product-page #sync1 .item video {
    left: 50%;
    width: 95%;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    outline: none;
}

.product-page #sync2 {
    margin-top: 6px;
}

.product-page #sync2 .item {
    cursor: pointer;
    background: #f5f5f5;
    height: 100%;
    width: 100%;
    position: relative;
}

.product-page #sync2 .owl-nav {
    margin-top: 0;
}

.product-page #sync2 .owl-nav [class*=owl-] {
    color: #999;
    font-size: 30px;
    margin: 0;
    padding: 4px 7px;
    background: transparent;
    border-radius: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    display: inline-block!important;
}

.product-page #sync2 .owl-nav.disabled {
    display: block!important;
}

.product-page #sync2 .owl-nav [class*=owl-]:hover {
    color: #000;
}

.product-page #sync2 .owl-nav .owl-prev {
    right: -23px;
}

.product-page #sync2 .owl-nav .owl-prev:before {
    content: "\f105";
    font-family: FontAwesome;
}

.product-page #sync2 .owl-nav .owl-next {
    left: -23px;
}

.product-page #sync2 .owl-nav .owl-next:before {
    content: "\f104";
    font-family: FontAwesome;
}

.product-page .vertical-slider .owl-nav .owl-prev {
    left: -26px!important;
    right: inherit!important;
}

.product-page .vertical-slider .owl-nav .owl-next {
    right: -26px!important;
    left: inherit!important;
}

.product-page .vertical-slider .owl-nav .owl-prev:before {
    content: "\f104"!important;
    font-family: FontAwesome;
}

.product-page .vertical-slider .owl-nav .owl-next:before {
    content: "\f105"!important;
    font-family: FontAwesome;
}
.row.slider-parent {
    display: flex;
    align-items: center;
}

.product-page .play-video {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 18px;
    padding-left: 3px;
    line-height: 48px;
    color: #fff;
    background: rgba(0, 0, 0, 0.31);
    border-radius: 50%;
}

.product-page .product-title {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.7;
    color: #222;
    margin: 0 0 20px;
}

.share-social {
    position: absolute;
    top: 1px;
    left: 17px;
}

.share-social ul {
    display: none !important;
    margin-top: 15px;
}

.share-social .show {
    display: block !important;
}

.share-social .share-item {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.share-item svg {
    fill: rgb(50, 50, 50);
    transition: fill .3s;
}

.share-social a li svg {
    border-radius: 50%;
    background-color: white;
    transform: scale(1);
    transition: all .4s
}

.share-social a li svg:hover {
    transform: scale(.9);
}

.share-social a li svg:hover,
.share-item svg:hover {
    fill: #D1AE71;
}

.share-social li {
    width: 30px;
    height: 30px;
    margin: 10px 0;
}

.share-social .color {
    color: #285a51;
}

.share-social .color-fix {
    fill: none;
}

.product-page .detail-text {
    margin-top: 60px;
}

.product-page .price {
    margin-bottom: 0;
    padding: 0 2px;
    font-size: 13px;
    line-height: 1.7;
    color: #666;
}

.product-page .price.custom-mrg {
    margin-bottom: 10px;
}

.product-page .price span {
    display: inline-block;
    font-size: 13px;
    line-height: 1.7;
    color: #666;
    font-weight: 500;
}
.product-page .price.custom-mrg del span {
    text-decoration: line-through;
    color: #fe0000;
}
.product-page .price span bdi span {
    margin: 0 5px;
}
.product-page .price .old {
    text-decoration: line-through;
    font-size: 14px;
    margin-right: 5px;
}

.product-page .select-color {
    margin: 50px 0 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.product-page .select-color.mrg {
    margin-bottom: 30px;
}

.product-page .select-color label {
    color: #222;
    font-weight: normal;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
}

.product-page .color {
    display: inline-block;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.product-page .color input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.product-page .color .checkmark {
    display: block;
    height: 35px;
    width: 35px;
    background-color: #000;
    border: 2px solid #eee;
}

.product-page .color input:checked~.checkmark:after {
    transform: rotate(45deg);
    content: "";
    width: 6px;
    height: 10px;
    display: block;
    border: solid #eee;
    border-width: 0 2px 2px 0;
    position: absolute;
    left: 45%;
    top: 12px;
}

.product-page .color.white .checkmark {
    background-color: #fff;
}

.product-page .color.black .checkmark {
    background-color: #000;
}

.product-page .color.gray .checkmark {
    background-color: #adadad;
}

.product-page {
    overflow: hidden;
}

.product-page .mrg {
    margin-top: 35px;
}

.blog-rate,
.product-page .product-rate {
    direction: ltr;
    text-align: right;
    margin-bottom: 10px;
}

.blog-rate .fa,
.product-page .product-rate .fa {
    color: #ffb14b;
    font-size: 12px;
    display: inline-block;
}

.blog-rate .fa.gray,
.product-page .product-rate .fa.gray {
    color: #d9d9d9;
}

.product-page .numbers-row {
    position: relative;
    width: 100%;
    background: #fff;
    border: solid 1px #eee;
}

.product-page .numbers-row .qty {
    width: 55%;
    border: 0;
    outline: none;
    color: #000;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.8;
}

.product-page .numbers-row .qty::-moz-placeholder {
    opacity: 1;
    color: #000;
}

.product-page .numbers-row .qty::placeholder {
    opacity: 1;
    color: #000;
}

.product-page .numbers-row .mybtn {
    position: absolute;
    width: 35px;
    color: #313131;
    font-size: 10px;
    cursor: pointer;
    left: 0;
    height: 50%;
    padding: 3px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 1;
    user-select: none;
}

.product-page .numbers-row .mybtn:hover {
    color: #D1AE71;
}

.product-page .numbers-row .inc {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    top: 0;
}

.product-page .numbers-row .dec {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    bottom: 0;
}

.product-page .result {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
    margin: 20px 0;
    color: #222;
}

.product-page .result span {
    display: inline-block;
}

.product-page .result .total-cost {
    padding: 0 6px 0 1px;
    display: inline-block;
}
.total-price p {
    display: inline-block;
}
.product-page .btn-coding,
.product-page .buy-btn {
    width: 100%;
    text-align: center;
    background: #000000;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 13px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    transition: all .3s ease;
    padding: 12px 10px;
    margin-top: 10px;
}

.product-page .btn-coding {
    cursor: pointer;
    margin-top: 25px;
}

.product-page .btn-coding p {
    color: white;
    margin: 0;
}

.product-page .buy-btn:before {
    content: "";
    width: 37px;
    height: 22px;
    background: url("../images/icons/cart.svg")no-repeat center;
    background-size: 21px;
    position: relative;
    top: -1px;
    margin-left: 5px;
    display: inline-block;
}

.product-page .btn-coding:hover,
.product-page .buy-btn:hover {
    background: #D1AE71;
}

.product-page .text {
    display: block;
    color: #222;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.8;
    font-weight: bold;
}

.product-page .btn-shop a {
    display: flex;
    justify-content: center;
    font-size: 13px;
    width: 50%;
    margin-top: 30px;
    padding: 12px 10px;
    background: #000;
    color: #fff !important;
    opacity: .5;
    transition: all .3s ease;
}

.product-page .btn-shop a:hover {
    background: #fe0000;
}

.product-page .btn-shop p {
    color: #fff !important;
    margin: 0;
}

.product-page .text.small p,
.product-page .text.small {
    font-size: 11px;
    margin-top: 15px;
    text-align: justify;
}

.product-page .text a {
    color: #222;
    display: inline-block;
    margin-right: 3px;
}

.product-page .text a:hover {
    color: #D1AE71;
}

.product-page .line {
    margin: 20px 0 35px;
    border-top: solid 1px #eee;
}

.product-page .block {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    text-align: center;
}

.product-page .block .item {
    padding: 10px 6px;
    border-left: 1px solid #ddd;
    width: 100%;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.product-page .block .item:last-child {
    border-left: 0;
}

.product-page .block .item>div {
    display: inline-block;
}

.product-page .block .item .icon {
    display: table-cell;
    padding-left: 3px;
    vertical-align: middle;
}

.product-page .block .item .icon img {
    width: 22px;
    height: auto;
}

.product-page .block .item .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #333e48;
    font-size: 9px;
    line-height: 1.5;
}

.product-page .block .item strong {
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}

.product-page .info-box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
    align-items: center;
    justify-content: start;
}

.product-page .info-box:nth-child(n+2) {
    margin-top: 18px;
}
.product-page .info-box  div:first-child {
    display: contents;
}
.product-page .info-box img {
    width: 35px;
}

.product-page .info-box:first-child img {
    width: 40px;
}

.product-page .info-box .title {
    font-weight: bold;
    font-size: 13px;
    line-height: 1.7;
    color: #222;
    display: block;
    margin-bottom: 4px;
}

.product-page .info-box .info {
    font-size: 11px;
    line-height: 1.7;
    color: #999;
    display: block;
}

.fix-top-profile .tab-list {
    margin: 20px 0 55px;
}

.tab-list {
    text-align: right;
    margin: 100px 0 55px;
}

.tab-list.text-right {
    text-align: right!important;
}

.tab-list.border {
    border-bottom: solid 1px #D1AE71;
}

.tab-list.text-left {
    text-align: left;
}

.tab-list.inner {
    text-align: center;
    margin: 0 0 55px;
}

.tab-list li {
    display: inline-block;
}

.tab-list li+li {
    margin-right: 45px;
}

.tab-list li a {
    display: block;
    color: #222;
    font-size: 17px;
    line-height: 1.7;
    padding: 7px 0;
    position: relative;
    font-weight: bold;
}

.tab-list.inner li a {
    font-size: 14px;
}

.tab-list li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    right: 0;
    height: 2px;
    background-color: #D1AE71;
    transition: all ease .35s;
}

.tab-list li a:hover:before,
.tab-list li.active a:before {
    width: 100%;
}

.tab-list li.active {
    background-color: #D1AE71;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    padding: 0 10px 0 10px;
}

.tab-list li.active a {
    color: #fff;
}

.tab-list.no-mrg li+li {
    margin-right: 30px;
}

.tab-list.no-mrg {
    margin-top: 0;
}

.tab-list.no-mrg li a {
    font-size: 15px;
}

.product-page table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
}

.product-page table tr {
    border-bottom: 1px solid #ddd;
    color: #666;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.7;
}

.product-page table tr:last-child {
    border-bottom: 0;
}

.product-page table tr th {
    color: #666;
    border-left: 1px solid #ddd;
    padding: 15px 20px;
    font-weight: normal;
    white-space: nowrap;
}

.product-page table tr td {
    padding: 15px 20px;
}

.product-page table tr .align-content {
    text-align: right;
}

.product-page .table-over {
    overflow-x: auto;
}

.product-page .adder {
    min-width: 620px;
    border: 1px solid #ddd;
}

.product-page .adder td,
.product-page .adder th {
    border: 1px solid #ddd;
}

.product-page .adder thead tr {
    background-color: #000;
}

.product-page .adder tbody tr:nth-child(odd) {
    background-color: rgb(243, 243, 243);
}

.product-page .adder thead th {
    text-align: center;
    color: white;
}

.product-page .adder thead tr .fix-width {
    width: 430px;
}

.product-page .adder .change-font {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
}

.product-page .total-code {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
}

.product-page .total-code .sum-price {
    display: flex;
    align-items: center;
    border-bottom: double 3px #ddd;
}

.product-page .total-code .total-price-code {
    font-weight: 600;
    text-align: center;
    padding: 0 20px;
    color: #666;
}

.product-page .total-code .price-code {
    width: 160px;
    font-size: 16px;
    text-align: center;
    color: #666;
    letter-spacing: 1.1px;
}

.product-page .set-image-coding {
    width: 100%;
}

.product-page .set-image-coding img {
    width: 100%;
}

.product-page .tab-pane img {
    width: 57%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.product-page .pic-list:after {
    content: "";
    display: block;
    clear: both;
}

.product-page .pic-list li {
    float: right;
    display: inline-block;
    text-align: center;
    width: 8.5%;
    margin: 0 .7% 20px;
    position: relative;
}

.zoom-pic {
    position: fixed;
    top: 50%;
    left: 50%;
    width: max-content;
    transform: translate(-50%, -50%);
    padding: 14px;
    border-radius: 15px;
    border: 1px solid #999;
    background-color: white;
    z-index: 1000000;
}

.zoom-pic .zoom-border {
    position: relative;
}

.product-page .pic-list li .pic {
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
}

.zoom-pic .zoom-close {
    cursor: pointer;
    position: absolute;
    font-size: 16px;
    bottom: -42px;
    left: 45%;
    border: 1px solid #999;
    padding: 4px 10px;
    border-radius: 4px;
    color: #999;
    background: white;
    transform: scale(1);
    transition: transform .3s;
}

.zoom-pic .zoom-close:hover {
    transform: scale(1.1);
}

.zoom-pic .zoom-border:before,
.product-page .pic-list li .pic:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border: 4px solid transparent;
    -webkit-border-image: url(../images/icons/border-g.png) 31 round;
    -o-border-image: url(../images/icons/border-g.png) 31 round;
    border-image: url(../images/icons/border-g.png) 31 round;
}

.modal-content.product-page .pic-list li .pic:before {
    border: 4px solid transparent;
    -webkit-border-image: url(../images/icons/border.png) 31 round;
    -o-border-image: url(../images/icons/border.png) 31 round;
    border-image: url(../images/icons/border.png) 31 round;
}

.zoom-pic .zoom-border:before {
    border: 10px solid transparent;
    -webkit-border-image: url(../images/icons/border.png) 31 round;
    -o-border-image: url(../images/icons/border.png) 31 round;
    border-image: url(../images/icons/border.png) 31 round;
}

.product-page .pic-list li .pic:after {
    position: absolute;
    content: "\f00e";
    font-family: FontAwesome;
    width: auto;
    height: auto;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    font-size: 18px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    transition: all .5s ease;
}

.product-page .pic-list li .pic:hover:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.product-page .pic-list li img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-backface-visibility: hidden;
}

.product-page .pic-list li .color {
    width: 65px;
    height: 65px;
}

.product-page .pic-list li span {
    display: block;
    font-size: 13px;
    color: #222;
    line-height: 1.6;
    margin-top: 10px;
}

.product-page .tab-pane video {
    display: block;
    margin: 0 auto;
    width: 57%;
    height: auto;
    outline: none;
}

.product-page .sub-title {
    margin: 65px 0 45px;
    font-size: 18px;
    color: #222;
    font-weight: bold;
    display: block;
}

.blog-comment .sub-title {
    margin: 30px 0 15px;
}

.product-page .mrg-top {
    margin-top: 120px;
}

.product-page .same-slider {
    position: relative;
}

.product-page .next,
.product-page .prev {
    display: inline-block;
    position: absolute;
    color: #222;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
    top: 49%;
    transform: translateY(-50%) scale(1);
    transition: all .3s;
    width: 30px;
    height: 50px;
    opacity: 0;
    line-height: 50px;
    z-index: 9;
}

.product-page .same-slider:hover .next,
.product-page .same-slider:hover .prev {
    opacity: 1;
}

.product-page .next:hover,
.product-page .prev:hover {
    transform: translateY(-50%) scale(1.2);
}

.product-page:hover .next,
.product-page:hover .prev {
    opacity: 1;
}

.product-page .next {
    right: -15px;
}

.product-page .prev {
    left: -15px;
}

.product-page .select-box {
    margin-bottom: 15px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.product-page .select-box .select-btn {
    display: block;
    text-align: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    height: 36px;
    background: #fff;
    border: solid 2px #ececec;
    color: #222;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 8px 5px;
    outline: none;
    border-radius: 4px;
    transition: all .3s ease;
}

.product-page .select-box .select-btn:hover {
    background: #ff8080;
    border-color: #ff8080;
    color: #fff;
}

.product-page .select-box .preview {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
    padding-right: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.product-page .select-box .preview img {
    width: 36px;
    height: auto;
    display: inline-block;
    margin-left: 10px;
}

.product-page .select-box .preview .code {
    color: #666;
    font-size: 12px;
    display: inline-block;
    line-height: 1.7;
}

.product-page .select-box .preview .selected-color {
    width: 36px;
    height: 36px;
    background: url("../images/icons/no-image.png")no-repeat center;
    background-size: cover;
    margin-left: 10px;
    display: inline-block;
}

.modal .pic img {
    transform: none;
    top: inherit;
}

.shop-cat {
    padding: 90px 0 30px;
}

.shop-cat .category-bottom {
    margin-bottom: 25px;
}

.shop-cat .cat-item {
    display: block;
    height: auto;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.shop-cat .cat-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.shop-cat .cat-item:hover img {
    transform: scale(1.1) rotate(2deg);
}

.shop-cat .cat-item .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #fff;
    font-size: 16px;
    line-height: 1.7;
    font-weight: bold;
    transition: all .5s ease;
}

.shop-cat .cat-item .text-box>div {
    display: block;
    width: 100%;
}

.shop-cat .cat-item .text-box .line {
    background-color: #fff;
    width: 40%;
    height: 2px;
    transition: all 0.5s;
    display: block;
    margin: auto;
}

.shop-cat .cat-item:hover .text-box .line {
    width: 40%;
}

.shop-cat .cat-item .text-box .title {
    margin: 20px 0;
    display: block;
}

.shop-cat .cat-item:hover .text-box {
    opacity: 1;
    visibility: visible;
}

.shop-cat .slider {
    position: relative;
    padding: 0 10px;
}

.shop-cat .next,
.shop-cat .prev {
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    width: 22px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    font-size: 30px;
    color: #999;
    transition: all .3s ease;
    background-size: 21px!important;
}

.shop-cat .next {
    left: -20px;
    background: url("../images/icons/arrow-left.svg")no-repeat center;
}

.shop-cat .prev {
    background: url("../images/icons/arrow-right.svg")no-repeat center;
    right: -20px;
}

.shop-cat .slider .item {
    display: block;
    color: #222;
    line-height: 1.7;
}

.shop-cat .slider .item:hover {
    color: #fe0000;
}

.shop-cat .slider .item .pic {
    overflow: hidden;
}

.shop-cat .slider .item .pic img {
    width: 100%;
    height: auto;
    backface-visibility: hidden;
    -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;
    transition: opacity 1s ease 0s, transform 1s ease 0s;
}

.shop-cat .slider .item:hover img {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
}

.shop-cat .slider .item .text {
    display: block;
    margin-top: 15px;
    font-size: 13px;
}

.shop-cat .mrg-top2 {
    margin-top: 110px;
}

.shop-cat .sub-title {
    line-height: 1.8;
    display: block;
    font-weight: bold;
    font-size: 23px;
    color: #676664;
    margin: 0 0 25px;
}

.shop-cat .info {
    display: block;
    font-size: 13px;
    line-height: 1.7;
    color: #222;
    max-width: 70%;
}

.special-sale {
    margin: 30px 0;
    text-align: center;
}

.special-sale .box {
    border: 1px #e5e5e5 solid;
    margin-right: 15px;
    margin-left: 15px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #f8f8f8;
}

.special-sale .title {
    text-align: center;
    color: #333;
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 25px 0 0;
    padding: 0;
    position: relative;
}

.special-sale .title:after {
    width: 80px;
    height: 3px;
    background: #e83f33;
    text-align: center;
    display: block;
    content: "";
    margin: 15px auto;
}

.special-sale .text {
    display: block;
    font-size: 13px;
    line-height: 22px;
    margin: 15px 0 25px;
    color: #666;
    padding: 0 5%;
    text-align: center;
}

.special-sale .offer {
    font-size: 20px;
    color: #e83f33;
    text-align: center;
}

.special-sale .offer span {
    color: #333;
    font-weight: bold;
    display: inline-block;
}

.special-sale .text2 {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 20px;
    color: #444;
    text-align: center;
}

.special-sale #timer {
    margin: 20px 0 0;
    text-align: center;
}

.special-sale #timer .timer-box {
    background: #fff;
    border: 1px #e5e5e5 solid;
    margin-right: 20px;
    margin-bottom: 3px;
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 3px;
}

.special-sale #timer .timer-box strong {
    font-weight: bold;
    font-size: 32px;
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
}

.special-sale #timer .timer-box .name {
    font-size: 14px;
    display: block;
}

.special-sale .link {
    text-decoration: none;
    margin: 20px auto 0;
    background: #e83f33;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 25px 10px;
    border: none;
    display: inline-block;
    transition: all 300ms ease-in-out;
}

.special-sale .link:hover {
    background: #222;
}

.special-sale .owl-carousel .item a {
    text-decoration: none;
    display: block;
}

.special-sale .owl-carousel .item a img {
    width: 100%;
    height: auto;
}

/* .page {
    padding: 90px 0;
} */

.page.pda {
    padding: 120px 0;
}

.page p {
    line-height: 2;
    text-align: justify;
    font-size: 13px;
    color: #222;
    margin: 0 0 10px;
}

.page p.text-center {
    text-align: center;
}

.page p.new-title {
    font-size: 14px;
    line-height: 2;
    color: #222;
    margin: 15px 0;
}

.page .mrg-top {
    margin-top: 35px;
}

.page .page-title {
    display: block;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.7;
    color: #676664;
    margin: 45px 0 30px;
}

.page .page-title:first-child {
    margin-top: 0;
}

.page .side-title {
    display: block;
    margin: 0 0 25px;
    padding-bottom: 10px;
    border-bottom: solid 1px rgba(178, 178, 178, .21);
    color: #676664;
    font-size: 22px;
    line-height: 1.7;
    font-weight: bold;
}

.page .side-form input {
    width: 100%;
    outline: none;
    border: 1px solid #cacaca;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
    min-height: 40px;
    margin-top: 20px;
    transition: all .3s ease;
    padding: 5px 10px;
}

.page .side-form input:focus {
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    border: 1px solid #8a8a8a;
}

.page .side-form button {
    text-align: center;
    outline: none;
    border: 0;
    background: transparent;
    color: #666;
    font-weight: bold;
    font-size: 14px;
    line-height: 42px;
    display: block;
    width: 100%;
    min-height: 40px;
    transition: all .3s ease;
}

.page .side-form button:hover {
    color: #000;
}

.page .gallery {
    margin: 60px -5px 50px;
}

.page .gallery:after {
    display: block;
    clear: both;
    content: "";
}

.page .gallery li {
    display: inline-block;
    float: right;
    padding: 0 5px;
    cursor: pointer;
    position: relative;
    width: 50%;
    margin-bottom: 10px;
    overflow: hidden;
}

.page .gallery li div {
    overflow: hidden;
}

.page .gallery li img {
    width: 100%;
    height: auto;
    transition: all .3s ease;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.page .gallery li:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.page .side-title2 {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    position: relative;
    padding-right: 15px;
    margin: 0 0 25px;
}

.page .side-title2:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    opacity: .7;
    right: 0;
    top: 5px;
    bottom: 5px;
    width: 3px;
    background: #fe0000;
}

.page .sub-title {
    margin: 65px 0 45px;
    font-size: 16px;
    color: #222;
    font-weight: bold;
    display: block;
}

.hot-chair-comment .sub-title {
    margin: 65px 0 15px;
}

.page .next,
.page .prev {
    display: inline-block;
    position: absolute;
    color: #222;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%) scale(1);
    transition: all .3s;
    width: 50px;
    height: 50px;
    opacity: 0;
    line-height: 50px;
    z-index: 9;
}

.page .next:hover,
.page .prev:hover {
    transform: translateY(-50%) scale(1.2);
}

.page .slider:hover .next,
.page .slider:hover .prev {
    opacity: 1;
}

.page .next {
    right: 15px;
}

.page .prev {
    left: 15px;
}

.page .sec-title {
    display: block;
    /* color: #222; */
    font-size: 18px;
    line-height: 1.7;
    margin: 0 0 25px;
}

.page .sec-title:after {
    display: block;
    width: 30px;
    height: 1px;
    /* background: #636363; */
    content: "";
    margin-top: 10px;
}

.page .text {
    display: block;
    font-size: 13px;
    line-height: 1.7;
    /* color: #222; */
}

.page .text.mrg {
    margin-bottom: 40px;
}

.page .text.mb-15 {
    margin-bottom: 20px;
    font-size: 12px;
}

.page .social {
    margin: 30px 0 40px;
}

.page .social li {
    display: inline-block;
    margin-left: 10px;
}

.page .social li a {
    display: block;
    font-size: 20px;
    line-height: 1.4;
    /* color: #222; */
}

.page .social li a:hover {
    color: #D1AE71;
}

.page .slider .item {
    position: relative;
}

.page .video-item {
    margin-top: 50px;
}

.page .video-item .date {
    font-size: 13px;
    line-height: 1.7;
    display: block;
    color: #999;
    margin-bottom: 8px;
}

.page .video-item .title {
    font-size: 14px;
    line-height: 1.7;
    display: block;
    color: #222;
    margin: 0;
    font-weight: bold;
}

.page .video-play {
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
}

.page .video-play img {
    width: 100%;
    height: auto;
}

.page .play {
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #211f1f;
    background-color: rgb(255, 255, 255, 0.7);
    border-radius: 100%;
    -webkit-transition: color .2s ease-out, background-color .2s ease-out;
    -moz-transition: color .2s ease-out, background-color .2s ease-out;
    transition: color .2s ease-out, background-color .2s ease-out;
    z-index: 1;
    cursor: pointer;
}

.page .video-play .play {
    width: 60px;
    height: 60px;
}

.page .play span:first-child {
    display: block;
    position: relative;
    z-index: 100;
    width: 0;
    height: 0;
    margin: 29px 27px 29px 36px;
    border-width: 11px 0 11px 18px;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
}

.page .video-play .play span:first-child {
    margin: 23px 20px 29px 36px;
    border-width: 9px 0 9px 15px;
}

.page .video-play:hover .play span:first-child,
.page .play:hover span:first-child {
    color: rgb(255, 216, 215);
    -webkit-transition: color .1s ease-out .15s;
    -moz-transition: color .1s ease-out .15s;
    transition: color .1s ease-out .15s;
}

.page .play span:last-child {
    position: absolute;
    top: -1px;
    left: -1px;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 50%;
    overflow: hidden;
    z-index: 10;
}

.page .play span:last-child:after {
    will-change: width, height, opacity;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 50%;
    border-radius: 50%;
    background-color: #000;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0s .3s, height 0s .3s, opacity .3s cubic-bezier(.15, .7, .54, .99);
    -moz-transition: width 0s .3s, height 0s .3s, opacity .3s cubic-bezier(.15, .7, .54, .99);
    transition: width 0s .3s, height 0s .3s, opacity .3s cubic-bezier(.15, .7, .54, .99);
    z-index: 10;
    opacity: 0;
}

.page .video-play:hover .play span:last-child:after,
.page .play:hover span:last-child:after {
    opacity: 1;
    height: 300px;
    width: 500px;
    -webkit-transition: width .85s, height .85s;
    -moz-transition: width .85s, height .85s;
    transition: width .85s, height .85s;
}

.page .mrg-btm {
    margin-bottom: 60px;
}

.page .video-bg {
    width: 100%;
    height: auto;
}

.page .tab-title {
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    color: #676664;
    margin: 10px 0 30px;
}

#page .summary-box,
.page .box,
#page .box {
    margin: 30px 0;
    padding: 30px 25px 30px 80px;
    position: relative;
    border: solid 25px #ffe9e3;
}

#page .summary-box::after,
.page .box:after,
#page .box:after {
    display: inline-block;
    content: "\f0c1";
    font-family: FontAwesome;
    font-size: 64px;
    line-height: 1;
    color: #ffe9e3;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.page .box .q-text,
#page .box .q-text {
    display: block;
    font-weight: bold;
    font-size: 15px;
    color: #222;
    line-height: 1.7;
}

#page .summary-box p {
    font-size: 14px;
}

#page .summary-box {
    padding: 30px 25px 30px 124px;
    border: solid 25px #eee;
}

#page .summary-box::after {
    content: "\f036";
    color: #eee;
}

.author {
    display: inline-block;
    font-size: 13px;
    color: #999;
    line-height: 1.7;
}

.author i {
    font-size: 22px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.page .big-title {
    display: block;
    text-align: center;
    font-size: 32px;
    color: #676664;
    line-height: 1.7;
    margin: 0 0 50px;
    font-weight: bold;
}

.page .info-text {
    display: block;
    text-align: center;
    margin: 0 auto 60px;
    color: #999;
    line-height: 2;
    font-size: 16px;
    max-width: 75%;
}

.page .price-box {
    text-align: center;
    padding: 90px 30px 80px;
}

.page .price-box.gray {
    background-color: #f9f9f9;
    margin-top: 30px;
}

.page .price-box .title {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.7;
    position: relative;
    color: #211f1f;
    margin: 0 010px;
}

.page .price-box .date {
    display: block;
    text-align: center;
    position: relative;
    margin: 17px 0 0;
    padding: 21px 0 0;
    color: #666;
    font-size: 13px;
}

.page .price-box .date:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 32px;
    height: 1px;
    background-color: #211f1f;
}

.page .price-box .pic {
    height: 110px;
    width: 80px;
    position: relative;
    margin: 0 auto;
}

.page .price-box .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.page .price-box .link {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background-color: #211f1f;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    padding: 15px 60px;
    margin-top: 60px;
    cursor: pointer;
    transition: all .8s ease;
    position: relative;
    overflow: hidden;
}

.page .price-box.gray .link {
    color: #000;
    background-color: #ffe9e2;
}

.page .price-box .link:hover {
    color: #000;
}

.page .price-box.gray .link:hover {
    color: #fff;
}

.page .price-box .link .btn-text {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
}

.page .price-box .link .hover {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #ffe9e2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0s .5s, height 0s .5s, opacity .5s cubic-bezier(.15, .7, .54, .99);
    -moz-transition: width 0s .5s, height 0s .5s, opacity .5s cubic-bezier(.15, .7, .54, .99);
    transition: width 0s .5s, height 0s .5s, opacity .5s cubic-bezier(.15, .7, .54, .99);
    z-index: 0;
    opacity: 0;
    will-change: width, height, opacity;
}

.page .price-box.gray .link .hover {
    background: #000;
}

.page .price-box .link:hover .hover {
    opacity: 1;
    height: 300px;
    width: 500px;
    -webkit-transition: width .85s, height .85s, opacity .4s cubic-bezier(.15, .7, .54, .99);
    -moz-transition: width .85s, height .85s, opacity .4s cubic-bezier(.15, .7, .54, .99);
    transition: width .85s, height .85s, opacity .4s cubic-bezier(.15, .7, .54, .99);
}

.page .flex {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.page .map {
    height: 80%;
    margin-bottom: 5%;
    overflow: hidden;
    font-size: 0;
}

.page .btn-box {
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: 12%;
    margin-top: 5.5%;
}

.page .btn-box a {
    display: inline-block;
    width: 47%;
    text-align: center;
    padding: 12px 5px;
    background: #999;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.page .btn-box a:hover {
    background: #222;
}

.page .info-box {
    border: solid 1px #eee;
    padding: 35px 30px;
    height: 100%;
}

.page .info-box p:last-child {
    margin: 0;
}

.page .info-box .info {
    display: block;
    color: #444;
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    margin-bottom: 17px;
}

.page .info-box .info span:nth-child(2) {
    font-weight: 500;
}

.page .info-box .info a {
    color: #444;
}

.page .info-box .info .ltr {
    display: inline-block;
    text-align: right;
}

.page .info-box .info:last-child {
    margin-bottom: 0;
}

.page .info-box .info i {
    display: inline-block;
    color: #fe0000;
    font-size: 16px;
    line-height: 1;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.page .info-box .info i.fa-mobile {
    font-size: 22px;
}

.page .flex-center {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 110px;
}

.page .flex-center p:last-child {
    margin: 0;
}

.page .outer-slider {
    position: relative;
    padding: 0 20px;
}

.page .outer-slider .next-outer,
.page .outer-slider .prev-outer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 25px;
    text-align: center;
    cursor: pointer;
    color: #999;
    transition: all .3s ease;
    background-size: 35px!important;
    z-index: 9;
}

.page .outer-slider .next-outer.deactive,
.page .outer-slider .prev-outer.deactive {
    opacity: .3;
    pointer-events: none;
}

.page .outer-slider .next-outer {
    right: -20px;
    background: url("../images/icons/arrow-right.svg")no-repeat center;
}

.page .outer-slider .prev-outer {
    background: url("../images/icons/arrow-left.svg")no-repeat center;
    left: -20px;
}

.page .outer-slider .item {
    background-color: #e6dfe7;
}

.page .outer-slider .outer-item {
    display: flex;
    display: -webkit-flex;
}

.page .pos {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.page .inner-slider {
    max-width: 100%;
    margin: 0 auto;
    position: static;
    height: 100%;
}

.page .inner-slider .owl-carousel {
    position: static;
}

.page .inner-slider .owl-carousel,
.page .inner-slider .owl-stage,
.page .inner-slider .owl-item,
.page .inner-slider .owl-stage-outer {
    height: 100%;
}

.page .inner-slider .item {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 10px;
}

.page .inner-slider .item img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    object-fit: cover;
    object-position: center;
}

.page .owl-theme .owl-nav {
    margin-top: 0;
}

.page .outer-slider .outer-item .pos {
    padding: 0;
}

.page .inner-slider .title {
    display: block;
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    text-align: center;
    position: relative;
    z-index: 10;
    margin-bottom: 380px;
}

.page .inner-slider .owl-nav [class*=owl-] {
    position: absolute;
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 1px solid hsla(0, 0%, 56%, 0.25);
    width: 25px;
    height: 25px;
    background: #fff;
    font-size: 16px;
    line-height: 22px;
    color: #666;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
}

.page .inner-slider .owl-nav [class*=owl-]:hover {
    background: #fe0000;
    color: #fff;
}

.page .inner-slider .owl-nav .owl-prev {
    left: 30px;
}

.page .inner-slider .owl-nav .owl-prev:before {
    content: "\f104";
    font-family: FontAwesome;
}

.page .inner-slider .owl-nav .owl-next {
    right: 30px;
}

.page .inner-slider .owl-nav .owl-next:before {
    content: "\f105";
    font-family: FontAwesome;
}

.page .cat-col .col-xs-6:nth-child(2n+1) {
    clear: both;
}

.page .cat-col .col-xs-6:nth-child(n+3) {
    margin-top: 30px;
}

.page .cat-col .block {
    display: block;
    position: relative;
    text-align: center;
}

.page .cat-col .block img {
    width: 100%;
    height: auto;
}

.page .cat-col .block .link {
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    font-size: 14px;
    color: #121212;
    font-weight: bold;
    transition: all .3s ease;
}

.page .cat-col .block:hover .link {
    color: #fe0000;
}

.page .mrg {
    margin-top: 110px;
}

.page .top-part {
    position: relative;
}

.page .top-part .title-box {
    position: relative;
    margin-bottom: 53px;
}

.page .top-part .title-box:before {
    position: absolute;
    content: "";
    width: calc(100% - 70px);
    height: 1px;
    background: hsla(0, 0%, 56%, .25);
    bottom: 50%;
    z-index: -1;
    right: 0;
}

.page .top-part .title-box .title {
    font-size: 23px;
    font-weight: bold;
    color: #676664;
    margin: 0;
    display: inline-block;
    padding-left: 20px;
    background: #fff;
}

.page .top-part .controls {
    position: absolute;
    left: 0;
    bottom: 25%;
    z-index: 2;
}

.page .top-part .controls div {
    background: #f5f5f5;
    width: 25px;
    height: 25px;
    line-height: 27px;
    color: #666;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s ease;
    display: inline-block;
    text-align: center;
}

.page .top-part .controls div:first-child {
    margin-left: 5px;
}

.page .top-part .controls div:hover {
    background: #fe0000;
    color: #fff;
}

.page .p-item {
    display: block;
    color: #121212;
}

.page .p-item:hover {
    color: #fe0000;
}

.page .p-item .pic-box {
    position: relative;
}

.page .p-item .pic-box img {
    width: 100%;
    height: auto;
    transition: all .3s ease;
}

.page .p-item .pic-box .hover {
    opacity: 0;
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
}

.page .p-item:hover .pic-box .first {
    opacity: 0;
}

.page .p-item:hover .pic-box .hover {
    opacity: 1;
}

.page .p-item .name {
    display: block;
    font-size: 13px;
    line-height: 1.7;
    margin: 25px 0 0;
}

.page .p-item .name i {
    display: inline-block;
    margin-left: 7px;
}

.page .text-box-border {
    display: block;
    color: #fe0000;
    text-align: center;
    background: #fff;
    border: 23px solid #f5f5f5;
    padding: 45px 10px;
    margin-top: 45px;
    position: relative;
    margin-right: 45px;
    font-size: 26px;
}

.page .add-link {
    display: inline-block;
    outline: none;
    text-align: center;
    padding: 11px 35px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #222;
    transition: all .3s ease;
    cursor: pointer;
    border: solid 1px transparent;
}

.page .add-link:hover {
    color: #222;
    background-color: transparent;
    border: solid 1px #222;
}

.page .compare-title {
    line-height: 1.8;
    display: block;
    font-weight: bold;
    font-size: 24px;
    color: #222;
    margin: 0;
}

.page .compare-table {
    width: 100%;
    margin: 70px 0 0;
    border: 1px solid #ddd;
}

.page .compare-table tr th {
    color: #333;
    background-color: #fafafa;
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    line-height: 1.8;
    font-weight: bold;
    font-size: 13px;
    padding: 8px;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: none;
    border-left: none;
}

.page .compare-table tr td {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
    vertical-align: middle;
    color: #747373;
    font-size: 12px;
    padding: 8px;
    border-right: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    border-bottom: none;
    border-left: none;
}

.page .compare-table tr td:last-child {
    border-left: 1px solid #ddd;
}

.page .compare-table tr td img {
    max-width: 100%;
    height: auto;
    display: block;
    background-color: #fff;
    width: 210px;
    margin: 0 auto;
}

.page .compare-table tr.remove td a {
    color: #747373;
    font-size: 12px;
    line-height: 1.7;
    display: inline-block;
}

.page .compare-table .product-rate {
    direction: ltr;
    text-align: right;
}

.page .compare-table .product-rate .fa {
    color: #ffb14b;
    font-size: 12px;
    display: inline-block;
    margin-left: -2px;
}

.page .compare-table .product-rate .fa.gray {
    color: #d9d9d9;
}

.page .compare-table tr .price {
    font-size: 14px;
    font-weight: bold;
    color: #fe0000;
}

.page .compare-table tr td .price.old {
    text-decoration: line-through;
}

.page .compare-table tr td p {
    line-height: 1.7;
}

.page .compare-table .action li {
    display: inline-block;
}

.page .compare-table .action li a {
    display: inline-block;
    background: #fe0000;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    text-transform: uppercase;
    border-radius: 100%;
    padding: 0 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    border: 0;
}

.page .compare-table .action li a:hover,
.page .compare-table .action li a.active {
    background: #333;
    color: #fff;
}

.page div>.margRow {
    margin-top: 6%;
}

.page img.styleImgB {
    width: 100%;
    margin-bottom: 11%;
}

.page div>p.tetxImgFit {
    position: absolute;
    right: 0px;
    left: 0px;
    font-weight: bold;
    font-size: 14px;
    bottom: 14%;
    text-align: center;
}

.page .slidBranch2 {
    padding: 86px 0;
}

.sliedCustomer {
    margin-top: 4%;
    padding: 62px 0 34px 0;
    text-align: center;
    background: url("../images/testimonials/bg1.jpg") 0 0 no-repeat;
    background-size: cover;
}

.sliedCustomer .owl-carousel .item {
    width: 100%;
    direction: rtl;
}

.sliedCustomer span.icon {
    content: "\f10d";
    font-family: FontAwesome !important;
    font-size: 40px;
    line-height: 1;
    color: #d63e00;
}

.sliedCustomer .owl-theme .owl-dots,
.sliedCustomer .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.sliedCustomer .owl-theme .owl-nav {
    margin-top: 10px
}

.sliedCustomer .owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.sliedCustomer .owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.sliedCustomer .owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.sliedCustomer .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.sliedCustomer .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.sliedCustomer .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.sliedCustomer .owl-theme .owl-dots .owl-dot.active span,
.sliedCustomer .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.sliedCustomer .main-title {
    font-weight: bold;
    font-family: IRANSans;
    margin-top: 38px;
}

.sliedCustomer #branchSlid2 {
    max-width: 400px;
    margin: auto;
}

.sliedCustomer #branchSlid2 .item {
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
    height: 164px;
}

.sliedCustomer #branchSlid2 img {
    transform: scale(.75);
    transition: all .3s;
    border-radius: 50%;
    border: 4px solid #fff;
    overflow: hidden;
    box-sizing: content-box;
    height: auto;
    width: 70px;
    display: inline-block;
}

.sliedCustomer #branchSlid2 .center img {
    transform: scale(1);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .35);
    z-index: 10;
}

.sliedCustomer #branchSlid2 .textimgStyle {
    transform: scale(.75);
    transition: all .3s;
    overflow: hidden;
    box-sizing: content-box;
    display: inline-block;
    font-size: 14px;
    font-weight: 100;
    color: white;
    margin-top: -6%;
    right: 29%;
}

.sliedCustomer #branchSlid2 .center .textimgStyle {
    transform: scale(1);
    margin-top: 4%;
    right: 4%;
    z-index: 10;
}

.sliedCustomer #branchSlid1 {
    max-width: 80%;
    margin: 30px auto 0;
}

.sliedCustomer .owl-carousel .boxSlidCust {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 25px;
}

.sliedCustomer #branchSlid1 .text {
    display: block;
    line-height: 1.8;
    font-size: 14px;
    color: #5f5f61;
    margin: 0 0 26px;
    text-align: center;
}

.sliedCustomer #branchSlid1 .owl-nav [class*=owl-] {
    color: #FFF;
    margin: 0px 23%;
    display: inline-block;
    cursor: pointer;
    height: 44px;
    transition: .25s;
    position: relative;
    top: 83px;
    background: none;
}

.sliedCustomer #branchSlid1 .owl-nav .custNext:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 22px;
    text-shadow: 3px 4px 5px rgba(27, 27, 27, .75);
}

.sliedCustomer #branchSlid1 .owl-nav .custPrev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 22px;
    text-shadow: 3px 4px 5px rgba(27, 27, 27, .75);
}

.sliedCustomer #branchSlid1 .owl-nav [class*=owl-]:hover {
    color: #d63e00;
    text-decoration: none;
    background: none;
}

.sliedCustomer #branchSlid1 .owl-nav {
    margin-top: 0px;
}

.projects-sec {
    padding: 90px 0 90px;
}

.projects-sec .page-title {
    display: inline-block;
    font-size: 35px;
    font-weight: bold;
    color: #676664;
    margin: 10px 0 30px;
}

.projects-sec .tab-content {
    padding-top: 50px;
}

.projects-sec .tab-pane .row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.projects-sec .tab-pane .col-sm-4:nth-child(3n+1) {
    clear: both;
}

.projects-sec .tab-pane .col-sm-4:nth-child(n+4) {
    margin-top: 30px;
}

.first-block {
    position: relative;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.first-block .logo-img {
    max-width: 100%;
    height: auto;
}

.first-block .box {
    border: solid 2px #f0f0f0;
    display: inline-block;
    padding: 10px 27px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.9;
}

.first-block .tab-title {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 42px;
    color: #676664;
    line-height: 1.8;
    margin: 0;
}

.gallery .first-block .tab-title {
    margin: -23px 0 0;
}

.veneer .first-block .tab-title {
    margin-top: -12%;
}

.project-res .slider .item,
.projects-sec .tab-pane .item {
    display: inline-block;
    position: relative;
}

.project-res .slider .item img {
    width: 360px;
    height: auto;
}

.project-res .slider .item .change {
    width: 195px;
}

.projects-sec .tab-pane .item img {
    width: 100%;
    height: auto;
}

.project-res .slider .item .text-box,
.projects-sec .tab-pane .item .text-box {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-res .slider .item .text-box {
    background-color: rgba(0, 0, 0, .4);
}

.project-res .slider .item .text-box>div,
.projects-sec .tab-pane .item .text-box>div {
    display: block;
    width: 100%;
}

.project-res .slider .item .text-box,
.projects-sec .tab-pane .item:hover .text-box {
    opacity: 1;
}

.project-res .slider .item .text-box .line,
.projects-sec .tab-pane .item .text-box .line {
    background-color: #fff;
    width: 0;
    height: 2px;
    transition: 0.5s;
    display: block;
    margin: auto;
}

.project-res .slider .item .text-box .line,
.projects-sec .tab-pane .item:hover .text-box .line {
    width: 35%;
}

.project-res .slider .item .text-box .title,
.projects-sec .tab-pane .item .text-box .title {
    margin: 20px 0;
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.7;
}

.project-page {
    padding: 90px 0;
}

.project-page .panel-group {
    margin-bottom: 30px;
}

.project-page .panel-group .panel {
    border-radius: 0;
    border: 0;
}

.project-page .panel-heading {
    border-radius: 0;
    padding: 0;
    background: #e3e3e3;
    border: 0;
}

.project-page .panel-heading .panel-title a {
    display: block;
    padding: 10px 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.7;
    color: #285a51;
}

.project-page .panel-heading .panel-title a.collapsed {
    color: #333;
}

.project-page .panel {
    border: 0;
    box-shadow: none;
}

.project-page .panel-body {
    border: 0;
    padding: 25px 20px;
}

.project-page .panel-body p {
    text-align: justify;
    line-height: 2;
    font-size: 13px;
    color: #222;
}

.project-page .panel-body video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    outline: none;
}

.slider-style2 {
    position: relative;
}

.slider-style2 .next,
.slider-style2 .prev {
    position: absolute;
    z-index: 4;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 34px;
    height: 34px;
    line-height: 30px;
    font-size: 17px;
    color: #fff;
    border: solid 1px #fff;
    cursor: pointer;
    text-align: center;
    transition: all .3s ease;
    opacity: 1;
}

.slider-style2 .next {
    right: 10px;
}

.slider-style2 .prev {
    left: 10px;
}

.slider-style2 .next:hover,
.slider-style2 .prev:hover {
    transform: translateY(-50%) scale(1.1);
    -webkit-transform: translateY(-50%) scale(1.1);
}

.modal {
    padding: 0!important;
}

.modal img {
    max-height: calc(100vh - 20px);
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    float: none;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}

.modal .control {
    border: none;
    text-decoration: none;
    opacity: .8;
    cursor: pointer;
    background: transparent;
    position: absolute;
    width: 43px;
    height: 58px;
    top: 50%;
    margin-top: -29px;
    -moz-transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    outline: none;
    color: #fff;
    font-size: 26px;
    text-align: center;
}

.modal .control:hover {
    opacity: 1;
}

.modal .control.prev {
    background-position: left top;
    left: 40px;
}

.modal .control.prev:before {
    font-family: FontAwesome;
    content: "\f053";
}

.modal .control.next {
    background-position: right top;
    right: 40px;
}

.modal .control.next:before {
    font-family: FontAwesome;
    content: "\f054";
}

.modal .modal-dialog {
    height: 100vh;
    margin: 0 auto;
    width: 100%!important;
    position: relative;
}

.modal .close-div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: -1;
}

.modal .close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    background: transparent;
    z-index: 1;
    font-size: 48px;
    color: #fff;
    opacity: .8;
    transition: all .3s ease;
    cursor: pointer;
}

.modal .close-btn:before {
    font-family: FontAwesome;
    content: "×";
    font-weight: 800;
}

.design-item {
    display: block;
    text-align: center;
    position: relative;
    color: #201f1f;
    overflow: hidden;
    margin-bottom: 30px;
}

.design-item img {
    width: 100%;
    height: auto;
    transition: all 0.6s;
}

.design-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.design-item .text-box {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
}

.design-item .text-box>div {
    display: block;
    width: 100%;
}

.design-item:hover .text-box {
    opacity: 1;
}

.design-item .text-box .line {
    background-color: #fff;
    width: 0;
    height: 2px;
    transition: 0.5s;
    display: block;
    margin: auto;
}

.design-item:hover .text-box .line {
    width: 60%;
}

.design-item .text-box .title {
    margin: 20px 0;
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.7;
}

.about-sec {
    padding: 100px 0;
}

.about-sec .sec-title {
    display: block;
    font-weight: bold;
    line-height: 1.8;
    font-size: 23px;
    color: #000000;
    margin: 0 0 25px;
}

.about-sec p {
    font-size: 13px;
    color: #222;
    line-height: 2;
    text-align: justify;
    margin: 0 0 10px;
}

.about-sec .container>.row:nth-child(n+2) {
    margin-top: 80px;
}
.honors-info {
    margin-bottom: 50px;
}
.about-sec .sub-title {
    line-height: 1.8;
    display: block;
    font-weight: bold;
    font-size: 23px;
    color: #000000;
    margin: 0 0 25px;
}

.customer_slider,
.about-sec .slider1,
.about-sec .slider2 {
    position: relative;
    padding: 0 15px;
}

.about-sec .slider1.pda-c {
    padding: 0 5px;
}

.our-customer :is(.next2,
.prev2),
.about-sec .next2,
.about-sec .prev2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    font-size: 30px;
    color: #999;
    transition: all .3s ease;
    background-size: 21px!important;
}

.about-sec .normal .next2,
.about-sec .normal .prev2 {
    top: 41%;
}

.our-customer .next2,
.about-sec .next2 {
    right: -15px;
    background: url("../images/icons/arrow-right.svg")no-repeat center;
}

.our-customer .prev2,
.about-sec .prev2 {
    background: url("../images/icons/arrow-left.svg")no-repeat center;
    left: -15px;
    transition: all .5s;
}

.about-sec img {
    width: 100%;
    height: auto;
}

.about-sec .gl .col-sm-6 {
    margin-bottom: 30px;
}

.about-sec .info {
    display: block;
    font-size: 13px;
    line-height: 1.7;
    color: #222;
    max-width: 70%;
}

.about-sec .text-box {
    padding: 60px;
    box-shadow: 0 0 9px 1px hsla(0, 0%, 40%, .2);
    margin-top: 50px;
}

.about-sec .text-box .title {
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #222;
    line-height: 1.7;
    margin: 0 0 25px;
}

.customer_slider .item,
.about-sec .slider2 .item {
    text-align: center;
    background: #f5f5f5;
}

.about-sec .link-btn {
    display: inline-block;
    outline: none;
    text-align: center;
    padding: 11px 35px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #222;
    transition: all .3s ease;
    cursor: pointer;
    border: solid 1px transparent;
    margin-top: 30px;
}

.about-sec .link-btn:hover {
    color: #222;
    background-color: transparent;
    border: solid 1px #222;
}

.about-sec .item .text {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.9;
    color: #222;
    margin: 15px 0 0;
}

.about-sec .social-res .item {
    padding: 0 10px;
}

.about-sec .social-res .right-sec,
.about-sec .social-res .left-sec {
    position: relative;
}

.about-sec .social-res .pic-box {
    max-width: 85%;
    box-shadow: 3px 4px 5px 0 hsla(0, 0%, 7%, .25);
    overflow: hidden;
}

.about-sec .social-res .pic-box img {
    width: 100%;
    height: auto;
    backface-visibility: hidden;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;
    transition: opacity 1s ease 0s, transform 1s ease 0s;
}

.about-sec .social-res .pic-box:hover img {
    filter: alpha(opacity=80);
    transform: scale3d(1.1, 1.1, 1);
}

.about-sec .social-res .text-block {
    position: absolute;
    max-width: 280px;
    padding: 35px 25px;
    z-index: 5;
}

.about-sec .social-res .right-sec {
    margin-top: 158px;
}

.about-sec .social-res .left-sec .text-block {
    top: 67px;
    right: -15px;
    background: rgb(214, 62, 0, 0.5);
}

.about-sec .social-res .right-sec .text-block {
    bottom: 67px;
    left: -15px;
    background: rgba(221, 225, 226, 0.7);
}

.about-sec .social-res .text-block .play {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
    line-height: 34px;
    font-size: 14px;
    background: #fff;
    color: #222;
    display: inline-block;
    border-radius: 100%;
    padding-left: 3px;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

.about-sec .social-res .text-block .play:hover {
    background: #222;
    color: #fff;
}

.about-sec .social-res .text-block .box-title {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 10px;
    font-weight: bold;
    height: 55px;
    overflow: hidden;
}

.about-sec .social-res .text-block p {
    line-height: 2;
    color: #fff;
    font-size: 13px;
    text-align: justify;
    padding-right: 0;
    margin-bottom: 0;
}

.about-sec .social-res .right-sec .text-block .box-title {
    color: #121212;
}

.about-sec .social-res .right-sec .text-block p {
    color: #333;
}

.about-sec .pic-item {
    position: relative;
}

.about-sec .pic-item .title-box {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
}

.about-sec .pic-item .title-box>div {
    display: block;
    width: 100%;
}

.about-sec .pic-item .title-box .line {
    background-color: #fff;
    width: 60%;
    height: 2px;
    transition: 0.5s;
    display: block;
    margin: auto;
}

.about-sec .pic-item .title-box .title {
    margin: 20px 0;
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.7;
}

.page .gallery {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.page .gallery .col-sm-4:nth-child(3n+1) {
    clear: both;
}

.page .gallery .col-sm-4:nth-child(n+4) {
    margin-top: 40px;
}

.gallery-item {
    overflow: hidden;
    display: block;
    position: relative;
    text-align: center;
}

.lightgallery .gallery-item {
    cursor: pointer;
}

.gallery-item .pic {
    height: 250px;
    display: block;
    position: relative;
    overflow: hidden;
}

.normal .gallery-item .pic {
    height: auto;
}

.zic-zac .normal .gallery-item .pic:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 10px solid transparent;
    -webkit-border-image: url(../images/icons/border.png) 30 round;
    -o-border-image: url(../images/icons/border.png) 30 round;
    border-image: url(../images/icons/border.png) 30 round;
}

.gallery-item .pic:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: hsla(0, 0%, 7%, .35);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.zic-zac .normal .gallery-item .pic:before {
    width: auto;
    height: auto;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

.gallery-item:hover .pic:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.gallery-item .pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.normal .gallery-item .pic img {
    height: auto;
    width: 100%;
    object-fit: inherit;
}

.gallery-item .text {
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 10px 0;
    color: #222;
    line-height: 1.7;
}

.gallery-item .icon-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    display: inline-block;
    text-align: center;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gallery-item .icon-box .icon-btn {
    display: inline-block;
    color: #D1AE71;
    background: #fff;
    line-height: 37px;
    z-index: 9;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #D1AE71;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    top: -15px;
    position: relative;
    cursor: pointer;
    margin: 0 5px;
}

.gallery-item .icon-box .icon-btn:hover {
    color: #fff;
    background: #D1AE71;
}

.gallery-item:hover .icon-box .icon-btn {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.lg-outer.zic-zac .lg-img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lg-outer.zic-zac .lg-img-wrap .big-img {
    position: relative;
}

.lg-outer.zic-zac .lg-img-wrap .big-img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    border: 10px solid transparent;
    -webkit-border-image: url(../images/icons/border-b.png) 30 round;
    -o-border-image: url(../images/icons/border-b.png) 30 round;
    border-image: url(../images/icons/border-b.png) 30 round;
}

.lg-outer.zic-zac .lg-img-wrap .code-veneer {
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    top: -44px;
    right: 0;
    padding: 1px 10px;
    border-radius: 3px;
    background: white;
    color: black;
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 0 0 10px !important;
    position: relative;
    height: 146px;
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow-y: hidden !important;
    padding: 0 0 0 10px;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.scroll-element.scroll-x {
    display: none !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important;
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 4px;
    left: 0;
    width: 100%;
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    right: inherit;
    left: 0;
    top: 0;
    width: 4px;
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden;
    background: #c2c2c2;
}

.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    transition: background-color .2s ease, opacity .2s ease;
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #c2c2c2;
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #d63e00;
}

.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #c73900;
    opacity: 1
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #c73900;
    opacity: 1
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

.tooltip.top {
    margin-top: -9px;
}

.tooltip-inner {
    white-space: nowrap;
    font-family: IRANSans;
    font-size: 11px;
    line-height: 1.6;
    padding: 4px 8px 3px;
}

.quick-view {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    overflow: hidden;
    text-align: right;
}

.quick-view.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.quick-view .content {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 20px #000;
    width: 855px;
    max-width: 98%;
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    top: 50%;
    left: 50%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.quick-view .content .close-btn {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 15px;
    text-align: center;
    top: 15px;
    width: 30px;
    z-index: 2;
    transition: .3s ease;
}

.quick-view .content .close-btn:hover {
    color: #D1AE71;
    border-color: #D1AE71;
}
.quick-view.open .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #bfbfbf;
}

.quick-view.open .owl-theme .owl-nav [class*=owl-] {
    background: unset;
    transition: all .5s;
    font-size: 22px;
    text-align: center;
    border-radius: 100%;
    color: #869791;
    width: 40px;
    height: 40px;
    line-height: 34px;
}
.quick-view.open .owl-theme .owl-nav [class*=owl-]:hover i {
    color: white;
}
.quick-view.open .owl-theme .owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}
.quick-view .content .main-title {
    display: block;
    font-weight: bold;
    color: #222;
    font-size: 22px;
    line-height: 1.7;
    margin: 0 0 20px;
}

.quick-view .content .price {
    margin-bottom: 25px;
}

.quick-view .content .price .cost {
    display: inline-block;
    color: #D1AE71;
    font-size: 16px;
    font-weight: bold;
}

.quick-view .content .price .old-cost {
    display: inline-block;
    color: #c0c0c0;
    font-size: 13px;
    text-decoration: line-through;
    margin-right: 5px;
}

.quick-view .content .link-text {
    display: inline-block;
    color: #999;
    font-size: 13px;
    line-height: 1.7;
    border-bottom: solid 1px #999;
}

.quick-view .content .link-text:hover {
    color: #000;
}

.quick-view .content p {
    font-size: 12px;
    line-height: 2;
}

.quick-view .content .link-btn {
    display: inline-block;
    outline: none;
    text-align: center;
    padding: 11px 35px;
    font-size: 12px;
    font-weight: bold;
    transition: all .3s ease;
    cursor: pointer;
    border: 1px solid #ebebeb;
    color: #1a1a1a;
    background: #d2cece;
    margin-top: 25px;
}

.quick-view .content .link-btn:hover {
    background: #D1AE71;
    border-color: #D1AE71;
    color: #000000;
}

.quick-view .content hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #ebebeb;
}

.quick-view .content .border-title {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 40px;
    color: #222;
    margin-bottom: 0;
}

.quick-view .content .sub-title:after {
    content: "";
    height: 1px;
    background: #fe0000;
    display: block;
    margin-top: 8px;
}

.quick-view .slider {
    position: relative;
}

.quick-view .content .slider .owl-carousel {
    padding: 0 40px;
}

.quick-view .next,
.quick-view .prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    font-size: 30px;
    color: #999;
    transition: all .3s ease;
    background-size: 21px!important;
}

.quick-view .next {
    right: 5px;
    background: url("../images/icons/arrow-right.svg")no-repeat center;
}

.quick-view .prev {
    background: url("../images/icons/arrow-left.svg")no-repeat center;
    left: 5px;
}

.quick-view .content .slider .item {
    padding: 0 2px;
}

.quick-view .content .slider .pic {
    border: 1px solid #ebebeb;
    display: block;
}

.quick-view .content .slider .pic:hover {
    border-color: #D1AE71;
}

.quick-view .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
}

.quick-view .owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 4px;
    background: transparent;
    border: 2px solid #ccc;
    opacity: 1;
    transition: all .2s ease;
}

.quick-view .owl-theme .owl-dots .owl-dot.active span,
.quick-view .owl-theme .owl-dots .owl-dot:hover span {
    background: #fe0000;
    border-color: #fe0000;
}

.catalog {
    margin-bottom: -30px;
}

.catalog .item {
    padding: 0 2px;
    margin-bottom: 30px;
}

.catalog img {
    width: 100%;
    height: auto;
}

.catalog .name {
    color: #666;
    display: block;
    line-height: 1.8;
    font-size: 13px;
    margin: 10px 0 15px;
}

.catalog .link {
    display: inline-block;
    border-bottom: solid 1px #fe0000;
    padding-bottom: 3px;
    line-height: 1.7;
    font-weight: bold;
    font-size: 14px;
    color: #222;
}

.catalog .link:hover {
    color: #9d5032;
}

@media print {
    a[href]:after {
        content: none !important;
    }
    body * {
        visibility: hidden;
    }
    #print * {
        visibility: visible;
    }
    #print {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.check-inner {
    padding: 80px 0;
}

.check-inner .top-sec {
    margin-bottom: 20px;
}

.check-inner .sec-title {
    display: block;
    color: #666;
    line-height: 1.9;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 3px;
}

.check-inner .shop_table {
    border: none;
    margin-bottom: 40px;
    width: 100%;
}

.check-inner .shop_table th {
    background-color: #f4f5f7;
    border-bottom: solid 1px #e1e1e1;
    text-align: right;
    padding: 13px 0 12px;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
}

.check-inner .shop_table th:first-child {
    padding-right: 15px;
}

.check-inner .shop_table td {
    color: #000;
    border-bottom: solid 1px #e1e1e1;
    padding: 20px 10px;
}

.check-inner .shop_table td.product {
    max-width: 250px;
}

.check-inner .shop_table .flex {
    display: flex;
    align-items: center;
}

.check-inner .shop_table .pic {
    display: inline-block;
    margin-left: 25px;
}

.check-inner .shop_table .pic img {
    width: 75px;
    height: auto;
}

.check-inner .shop_table .title {
    display: inline-block;
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    white-space: normal;
}

.check-inner .shop_table .title:hover {
    color: #D1AE71;
}

.check-inner .shop_table .cover {
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.check-inner .shop_table .cover img {
    flex-basis: 20px;
    height: auto;
    width: 20px;
}

.check-inner .shop_table .cover .color {
    flex-basis: 20px;
    height: 20px;
    width: 20px;
}

.check-inner .shop_table .cover span {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
    line-height: 1.6;
    white-space: nowrap;
}

.check-inner .price {
    display: block;
    font-size: 15px;
    line-height: 1.7;
    white-space: nowrap;
}

.check-inner .price.total {
    color: #fe0000;
    font-size: 18px;
    font-weight: bold;
}

.check-inner .shop_table .numbers-row {
    width: 116px;
    border: 1px solid #bfbfbf;
    position: relative;
}

.check-inner .shop_table .numbers-row input {
    border-width: 0;
    width: 100%;
    padding: 10px 0;
    line-height: 1;
    text-align: center;
    color: #000;
    display: inline-block;
    background-color: transparent;
    outline: none;
    font-size: 16px;
}

.check-inner .shop_table .numbers-row .mybtn {
    color: #666;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    cursor: pointer;
    transition: .5s;
    display: inline-block;
    position: absolute;
    line-height: 1;
    user-select: none;
    text-align: center;
}

.check-inner .shop_table .numbers-row .mybtn.inc {
    right: 0;
    padding: 0 8px 0 3px;
}

.check-inner .shop_table .numbers-row .mybtn.dec {
    left: 0;
    padding: 0 12px 0 3px;
}

.check-inner .shop_table .remove {
    display: inline-block;
    padding: 0 10px;
    line-height: 1.6;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer;
    color: #000;
}

.check-inner .shop_table .remove:hover {
    color: #fe0000;
}

.check-inner .small {
    margin-right: 4px;
    display: inline-block;
}

.check-inner .action-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.check-inner .gray-btn {
    text-align: center;
    background: #808080;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 13px;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    transition: all .3s ease;
    padding: 15px 35px;
    margin-top: 10px;
}

.check-inner .gray-btn.full {
    width: 100%;
}

.check-inner .gray-btn:hover {
    background: #D1AE71;
}

.check-inner .gray-btn i {
    margin-left: 6px;
    font-size: 16px;
}

.check-inner .main-btn {
    text-align: center;
    background: #D1AE71;
    border: 0;
    outline: none;
    color: #fff;
    font-size: 13px;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    transition: all .3s ease;
    padding: 15px 35px;
    margin-top: 10px;
}

.check-inner .with-payment-change-btn {
    width: 100%;
    margin-top: 30px;
}

.check-inner .main-btn:hover {
    background: #808080;
}

.check-inner .main-btn i {
    margin-left: 6px;
    font-size: 16px;
}

.check-inner .tr-btn {
    text-align: center;
    background: transparent;
    border: solid 1px rgba(58, 61, 69, .5);
    outline: none;
    color: #3a3d45;
    font-size: 13px;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    transition: all .3s ease;
    padding: 15px 35px;
    margin-top: 10px;
}

.check-inner .tr-btn:hover {
    background: #fe0000;
    border-color: #fe0000;
    color: #fff;
}

.check-inner .tr-btn i {
    margin-left: 6px;
    font-size: 16px;
}

.check-inner .table-responsive {
    border: 0!important;
    margin-bottom: 0;
}

.check-inner .mrg-top {
    margin-top: 100px;
}

.check-inner .sub-title {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #000;
    margin: 0 0 35px;
}

.check-inner .box {
    border: 1px solid #bfbfbf;
    background-color: #f4f5f7;
    padding: 0 30px;
    margin-bottom: 20px;
}

.check-inner .box.pda {
    padding: 20px 30px;
}

.check-inner .box hr {
    border-top: 1px solid #bfbfbf;
    margin-bottom: 25px;
    margin-top: 15px;
}

.check-inner .box .info .col-sm-6:nth-child(2n+1) {
    clear: both;
}

.check-inner .box .info .col-sm-6:nth-child(n+3) {
    margin-top: 15px;
}

.check-inner .box .title {
    display: block;
    color: #666;
    line-height: 1.9;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 3px;
}

.check-inner .box .text {
    display: block;
    color: #666;
    line-height: 1.9;
    font-size: 13px;
    text-align: right;
}

.check-inner .table2 {
    width: 100%;
}

.check-inner .table2 th {
    background-color: transparent;
    color: #000;
    padding: 20px 0;
    border-bottom: solid 1px #ccc;
    font-size: 16px;
    font-weight: bold;
}

.check-inner .table2 td {
    text-align: left;
    background-color: transparent;
    padding: 20px 0;
    border-bottom: solid 1px #ccc;
}

.check-inner .table2 tr:last-child th,
.check-inner .table2 tr:last-child td {
    border-bottom: 0;
}

.my-modal {
    position: fixed;
    z-index: 9999999;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.my-modal.open {
    opacity: 1;
    visibility: visible;
}

.my-modal .close-div {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

.my-modal .content {
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 90%;
    max-height: 90%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 2;
    background-color: #fff;
    width: 450px;
}

.my-modal .content .tab-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    border-bottom: 0;
}

.my-modal .content .tab-list li {
    width: 50%;
    display: inline-block;
    margin: 0;
}

.my-modal .content .tab-list li a {
    color: #666;
    font-size: 18px;
    padding: 15px 0;
    background-color: #ededed;
}

.my-modal .content .tab-list li a:before {
    display: none;
}

.my-modal .content .tab-list li.active a {
    background-color: #fff;
    color: #000;
}

.my-modal .tab-content {
    padding: 40px 40px 30px;
}

.my-modal .tab-title {
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 25px;
    color: #000;
}

.my-modal .flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.my-modal .link {
    color: #666;
    display: inline-block;
    font-size: 14px;
    line-height: 1.7;
}

.my-modal .link:hover {
    color: #000;
}

.my-modal .button {
    width: 100%;
    display: block;
    margin-top: 35px;
    padding: 13px 35px;
    font-size: 14px;
}

.my-modal p {
    color: #000;
    text-align: justify;
}

.my-modal p a {
    display: inline-block;
    color: #666;
}

.my-modal p a:hover {
    color: #000;
}

.my-modal .content .inner {
    padding: 25px 20px;
}

.my-modal .box-title {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
    color: #fff;
    background: #222;
}

.my-modal .close-btn {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    z-index: 5;
}

.my-modal .close-btn:hover {
    color: #fe0000;
}

.my-modal .input-box {
    font-size: 12px;
    padding: 10px 15px;
}

.my-modal .p-item {
    padding: 9px 0;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
}

.my-modal .p-item:hover {
    background: #eee;
}

.my-modal .p-item+.p-item {
    border-top: solid 1px #eee;
}

.my-modal .p-item .pic {
    border: solid 1px #eee;
    padding: 2px;
    margin-right: 10px;
    overflow: hidden;
}

.my-modal .p-item .pic img {
    max-width: 60px;
    height: auto;
    transition: all .3s ease;
    -webkit-backface-visibility: hidden;
}

.my-modal .p-item:hover .pic img {
    transform: scale(1.1);
}

.my-modal .p-item .title {
    display: inline-block;
    font-size: 13px;
    line-height: 1.8;
    font-weight: bold;
    color: #777;
    margin: 2px 15px 0 0;
    transition: all .3s ease;
}

.my-modal .p-item:hover .title {
    color: #000;
}

.my-modal .result {
    max-height: 63vh;
    overflow-y: auto;
}

.my-modal .content .popup-pic {
    display: block;
}

#popup .content {
    display: block;
    width: auto;
    overflow: hidden;
}

.my-modal .content .popup-pic img {
    max-width: 90vw;
    width: auto;
    height: auto;
    max-height: 90vh;
}

#popup .close-btn {
    color: #888;
    font-size: 36px;
    top: 25px;
    right: 25px;
    left: inherit;
    user-select: none;
}

#popup .close-btn:hover {
    color: #000;
}

.has-ul ul {
    list-style: unset;
    padding: inherit;
    margin: 0 0 10px;
}

.has-ul ul li {
    line-height: 2;
    text-align: justify;
    font-size: 13px;
    color: #222;
}

.has-ul ul li+li {
    margin-top: 5px;
}

.compare-null {
    color: #ccc !important;
    background: #fff !important;
}

.main-product-insert {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(200, 200, 200, 0.5);
    display: none;
    z-index: 9999999999999999999999;
}

.product-insert {
    width: 350px;
    height: 80vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f5;
    border-radius: 5px;
    border: 2px solid #e0e0e0;
    box-shadow: 0 0 5px #505050;
    margin: auto;
}

.product-insert .exit {
    background: red;
    color: white;
    position: absolute;
    top: -11px;
    right: 96%;
    padding: 3px 7px;
    border-radius: 100%;
    cursor: pointer;
}

.product-insert .products {
    height: 87%;
    width: 100%;
    margin: 10px auto;
    display: block;
    overflow: auto;
    padding: 5px;
}

.product-insert .products .product {
    width: 98%;
    margin: 10px auto;
    border-bottom: 1px solid #ebebeb;
    background: #f5f5f5;
    padding: 10px;
    display: block;
    overflow: auto;
    cursor: pointer;
    transition: all 0.5s;
}

.product-insert .products .product:hover {
    background: #fafafa;
}

.product-insert .products .product img {
    width: 95%;
    height: 70px;
    object-fit: contain;
    margin: 0 auto;
}

td .product-name {
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 3;
    color: #222;
    margin: 0 0 20px;
    width: 100%;
    text-align: center;
}

.success_msg {
    padding: 9px 30px;
    background: #fff;
    border: 1px solid #29a648;
    border-radius: 5px 0 0 5px;
    color: #29a648;
    position: fixed;
    top: 273px;
    left: 40px;
    z-index: 300;
}

.success_msg:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px !important;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    bottom: 0;
    top: 0;
    right: -43px;
    outline: 1px solid #29a648;
    border-radius: 0px 5px 5px 0px;
    background: #ffffff;
    color: #29a648;
}

.error_msg {
    padding: 9px 30px;
    background: #fff;
    border: 1px solid #dc3644;
    border-radius: 5px 0 0 5px;
    color: #dc3644;
    position: fixed;
    top: 273px;
    left: 40px;
    z-index: 300;
}

.error_msg:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px !important;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    bottom: 0;
    top: 0;
    right: -43px;
    outline: 1px solid #dc3644;
    border-radius: 0px 5px 5px 0px;
    background: #ffffff;
    color: #dc3644;
}

.tab-content .tab-pane .error-msg {
    color: #fe0000;
    text-align: center;
    font-size: 16px;
    margin-bottom: 40px;
}

.clear_disable {
    clear: none!important;
}

.file_input_div {
    width: 100%;
    outline: none;
    background-color: #fff;
    color: #000;
    border: solid 1px #d3d3d3;
    font-size: 13px;
    line-height: 1.6;
    padding: 12px 15px;
    margin-bottom: 20px;
    cursor: pointer;
}

.file_input_div span {
    display: block;
}

.file_input_div input {
    display: none;
}

.facture-sec {
    padding: 60px 0;
}

.facture-sec .date-order {
    font-size: 12px;
    font-weight: 600;
}

.facture-sec .date-order .in-text {
    font-weight: 400;
}

.facture-sec .inner-box {
    border: solid 2px #6b6f72;
    margin-top: 30px;
}

.facture-sec .border-b-0 {
    border-bottom: 0!important;
}

.facture-sec td.bg-gray {
    background: #e0e0e2;
}

.facture-sec .inner-box .top-part {
    background: #e0e0e2;
    padding: 10px 15px;
    border-bottom: solid 2px #6b6f72;
}

.facture-sec .inner-box .top-part .title {
    display: block;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    color: #727176;
    font-weight: bold;
}

.facture-sec .inner-box .product-tr td {
    vertical-align: middle;
}

.facture-sec .inner-box .product-info {
    text-align: right;
    padding-left: 15px;
    text-indent: 30px;
}

.facture-sec .inner-box .text {
    display: inline-block;
    font-size: 11px;
    color: #727176;
    line-height: 1.7;
    font-weight: bold;
}

.facture-sec .inner-box .text .ltr {
    display: inline-block;
    direction: ltr;
    text-align: right;
}

.facture-sec .inner-box .text+.text {
    margin-right: 25px;
}

.facture-sec .inner-box .divider {
    display: block;
    text-align: center;
    background: #fff;
    font-size: 12px;
    font-weight: bold;
    color: #727176;
    padding: 4px 10px;
    border-bottom: solid 2px #6b6f72;
}

.facture-sec .inner-box .gray-sec {
    background: #e0e1e3;
    border-bottom: solid 2px #6b6f72;
    display: flex;
}

.facture-sec .inner-box .gray-sec:before,
.facture-sec .inner-box .gray-sec:after {
    clear: both;
    display: table;
    content: " ";
}

.facture-sec .inner-box .gray-sec .part-1 {
    float: right;
    width: 72%;
    padding: 10px 15px;
}

.facture-sec .inner-box .gray-sec .part-1 .row {
    margin: 8px -15px;
}

.facture-sec .inner-box .gray-sec .part-2 {
    float: right;
    width: 14%;
    padding: 10px 15px;
    border-right: solid 2px #6b6f72;
}

.facture-sec .inner-box .gray-sec .part-2 .text {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
}

.facture-sec .inner-box .gray-sec .part-2 .red-text {
    display: block;
    font-size: 26px;
    line-height: 1;
    color: #c5737f;
}

.facture-sec .inner-box .block {
    background: #fff;
    border-bottom: solid 2px #6b6f72;
    padding: 10px 15px;
}

.facture-sec .inner-box .block .row:first-child {
    margin-bottom: 13px;
}

.facture-sec .inner-box .gray-sec .part-2 .text:nth-child(2) {
    margin-bottom: 0;
}

.facture-sec .table-responsive {
    border: 0!important;
    margin: 0;
}

.facture-sec .table {
    margin: 0;
}

.facture-sec .table th {
    padding: 10px;
    font-size: 13px;
    color: #727176;
    line-height: 1.7;
    font-weight: bold;
    border-right: solid 2px #6b6f72;
    border-bottom: solid 2px #6b6f72;
    text-align: center;
    vertical-align: middle;
}

.facture-sec .table th:first-child {
    border-right: 0;
}

.facture-sec .table td {
    padding: 10px;
    font-size: 12px;
    color: #727176;
    line-height: 1.7;
    border-left: solid 2px #6b6f72;
    border-bottom: solid 2px #6b6f72;
    text-align: center;
}

.facture-sec .table td.text-left {
    text-align: left;
}

.facture-sec .table td.text-right {
    text-align: right;
}

.facture-sec .table td.bold {
    font-weight: bold;
}

.facture-sec .table td.no-border {
    border-right: 0;
}

.facture-sec .table tbody tr:last-child td {
    border-bottom: 0;
}

.facture-sec .table td.pda {
    padding: 10px 10px 30px;
}

.facture-sec .table td:last-child {
    border-left: 0;
}

.page .code-item .input-box {
    display: inline-block;
}

.page #details-part2 .add-btn:hover,
.page #details-part .add-btn:hover {
    color: #fe0000;
}

.page #details-part2 .add-btn,
.page #details-part .add-btn {
    display: inline-block;
    text-align: center;
    padding: 13px 6px;
    font-size: 16px;
    line-height: 1;
    color: #333;
}

.page .code-item .add-btn {
    display: inline-block;
    width: 15%;
    text-align: left;
    float: left;
    padding: 13px 0;
    font-size: 16px;
    line-height: 1;
    color: #333;
}

.page .code-item .add-btn:hover {
    color: #fe0000;
}

.facture-sec td.description {
    width: 70%;
    text-align: justify!important;
    white-space: normal!important;
}

.page .code-item .add-btn {
    display: inline-block;
    width: 15%;
    text-align: left;
    float: left;
    padding: 13px 0;
    font-size: 16px;
    line-height: 1;
    color: #333;
}

.page .code-item .add-btn:hover {
    color: #fe0000;
}

.checkout-sec {
    background: #fff;
    padding: 60px 0 40px;
}

.checkout-sec ul {
    text-align: center;
    position: relative;
}

.checkout-sec ul li {
    position: relative;
    text-align: center;
}

.checkout-sec ul li+li:before {
    background-color: #fe0000;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    top: 50%;
    left: 50%;
    z-index: 0;
}

.checkout-sec ul li.active:before {
    background: green;
}

.checkout-sec ul li span {
    display: inline-block;
    position: relative;
    z-index: 9;
    width: 50px;
    height: 50px;
    font-size: 26px;
    line-height: 46px;
    font-family: FontAwesome !important;
    background-color: #fff;
    color: #fe0000;
    border: solid 2px #fe0000;
    border-radius: 50%;
}

.checkout-sec ul li.active span {
    color: green;
    border: solid 2px green;
}

.checkout-sec ul li span:before {
    content: "\f00d";
}

.checkout-sec ul li.active span:before {
    content: "\f00c";
}

.checkout-sec ul li span:after {
    content: attr(data-text);
    position: absolute;
    display: inline-block;
    bottom: 100%;
    text-align: center;
    width: initial;
    left: 50%;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 2;
    white-space: nowrap;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: IRANSans;
}

.search-field {
    width: 100% !important;
}

.chosen-container-multi .chosen-choices li {
    float: right !important;
}

.chosen-search-input {
    width: 100% !important;
    outline: none!important;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    padding: 12px 15px !important;
    resize: none !important;
    font-family: iransans !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    height: auto !important;
    border: 0!important;
}

.chosen-choices {
    border: solid 1px #d3d3d3 !important;
    background-image: none !important;
    padding: 0 !important;
    margin-bottom: 20px!important;
}

.page .tab-content.newTabCon>.tab-pane {
    display: block;
}

.page .tab-content.newTabCon>.tab-pane.newclass {
    display: none;
}

.page .tab-content.newTabCon>.tab-pane.newclass.active,
.page .tab-content.newTabCon>.tab-pane.active {
    display: block !important;
}

#popup2 .content,
#popup3 .content {
    display: block;
    width: 725px;
    overflow-y: auto;
    max-height: 100%;
    border-radius: 20px;
}

#popup2 .close-btn,
#popup3 .close-btn {
    color: #888;
    font-size: 36px;
    top: 25px;
    left: 25px;
    user-select: none;
}

#popup2 .close-btn:hover,
#popup3 .close-btn:hover {
    color: #000;
}

#popup2 .content .title,
#popup3 .content .title {
    display: block;
    font-weight: bold;
    font-size: 24px;
    color: #000;
    line-height: 1.7;
    margin: 0 0 25px;
}

#popup2 .content .form-sec,
#popup3 .content .form-sec {
    margin-bottom: 80px;
    margin-top: 40px;
}

#popup2 .content .form-sec .button,
#popup3 .content .form-sec .button {
    width: auto;
    margin-top: 30px;
    padding: 9px 30px;
    font-size: 13px;
}

#popup2 .content .innersec,
#popup3 .content .innersec {
    max-width: 65%;
    position: absolute;
    top: 50px;
    right: 50px;
}

#popup2 .content .modal-close,
#popup3 .content .modal-close {
    font-weight: normal;
    display: block;
    line-height: 1.7;
    color: #000;
    font-size: 10px;
    cursor: pointer;
    font-weight: bold;
}

#popup2 .content .modal-close input,
#popup3 .content .modal-close input {
    display: none;
}

#popup2 .content .modal-close .icon,
#popup3 .content .modal-close .icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: solid 1px #999;
    margin-left: 5px;
    position: relative;
    top: 5px;
}

#popup2 .content .modal-close input:checked+.icon:after,
#popup3 .content .modal-close input:checked+.icon:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    color: #555;
    position: absolute;
    right: 0;
    top: -3px;
}

.login-code {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 25px 106px 25px;
    background-color: #fafafa;
}

.login-part {
    position: relative;
    padding: 50px 25px 106px 25px;
    background-color: #fafafa;
}

.register-part {
    padding: 50px 25px 50px 25px;
}

.text-center .pass,
.login-part .pass,
.register-part .pass {
    position: relative;
}

.text-center .pass i,
.login-part .pass i,
.register-part .pass i {
    cursor: pointer;
    position: absolute;
    font-size: 20px;
    left: 16px;
    top: 38px;
    color: #676664
}

.text-center .pass i {
    top: 14px;
}

.forget-part {
    margin-top: 96px;
}

.sitemap .title a {
    display: block;
    font-weight: bold;
    line-height: 1.8;
    font-size: 18px;
    color: #676664;
    margin-top: 40px
}

.sitemap .title:after {
    content: "";
    height: 2px;
    width: 90px;
    max-width: 100%;
    background: #fe0000;
    display: block;
    margin-top: 15px;
}

.sitemap ul {
    list-style-type: none;
    margin-top: 20px
}

.sitemap ul li a {
    color: #676664;
}

.sitemap-other ul li {
    display: inline-block;
    margin-left: 20px
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    direction: rtl;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

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

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(chosen-sprite.png) no-repeat 0 2px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(chosen-sprite.png) no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    background: 0 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px;
    border: none;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222!important
}

.chosen-disabled {
    opacity: .5!important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: url(chosen-sprite.png) no-repeat -30px -20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image: url(chosen-sprite@2x.png)!important;
        background-size: 52px 37px!important;
        background-repeat: no-repeat!important
    }
}