﻿@media only screen and (min-width:768px) {.offer .item .image {height: 210px }.two > * {padding: 0 5px;font-size: 10.5pt }.one span:before {font-size: 15pt;top: -7px;right: -5px }.one > * {font-size: 9pt;padding: 0 18px 0;letter-spacing: -.5px }.social > * {width: 33px;height: 33px;margin: 0 }.social i {font-size: 18pt }.megaMenu > ul {height: 297px }.megaMenu > ul > li > ul {width: 600px }.megaMenu > ul > li > ul > li:nth-child(3), .megaMenu > ul > li > ul > li:nth-child(6) {border-left: 1px dotted #ccc }.megaMenu > ul > li > ul > li:nth-child(4), .megaMenu > ul > li > ul > li:nth-child(5), .megaMenu > ul > li > ul > li:nth-child(6) {border-bottom: 1px dotted #ccc }.sidebar-widget-title i.mdi.mdi-menu:before {content: "\f415" }.space {padding: 0 15px 50px }.nazar .col-sm-7.col-md-offset-2:before {border-top: 565px solid #f2f2f2;border-right: 300px solid transparent }.photogallery .image {height: 175px }.sidebar-widget-title span {font-size: 9.5pt }.col-sm-3.rightlinkimg .image {height: 117px }.article .L .image {height: 150px;overflow: hidden }}@media only screen and (min-width:992px) {.sidebar-widget-title span {font-size: 13pt }.sidebar-widget-title i.mdi.mdi-menu:before {content: "\f35c" }.offer .item .image {height: 158px }.one > * {padding: 0 27px 15px 12px;letter-spacing: -.4px;font-size: 10pt }.one span:before {font-size: 20pt;top: -12px;right: 0 }.two > * {padding: 0 17px }.social > * {margin: 0;width: 38px;height: 38px }.social i {font-size: 20pt }.megaMenu > ul {height: 383px }.megaMenu > ul > li > ul {width: 750px }.megaMenu > ul > li > ul > li {width: 245px;padding: 15px }.megaMenu > ul > li > ul > li > ul > li a {letter-spacing: -.8px }.megaMenu > ul > li > ul > li:nth-child(3), .megaMenu > ul > li > ul > li:nth-child(6) {border-left: 1px dotted transparent }.megaMenu > ul > li > ul > li:nth-child(4), .megaMenu > ul > li > ul > li:nth-child(5), .megaMenu > ul > li > ul > li:nth-child(6) {border-bottom: 1px dotted transparent }.space {padding: 0 50px 50px }.photogallery .image {height: 230px }.paddingr55 .head3 {margin-top: 35px }.col-sm-3.rightlinkimg .image {height: 150px }.article .L .image {height: 235px;overflow: hidden }}@media only screen and (min-width:1200px) {.container {width: 1200px }.space {padding: 0 100px 50px }.megaMenu > ul {height: 477px }.megaMenu > ul > li > ul {width: 900px }.megaMenu > ul > li > ul > li {width: 300px;padding: 15px 30px }.megaMenu > ul > li > ul > li > ul > li a {letter-spacing: initial }.offer .item .image {height: 201px }.one > * {padding: 0 30px 15px 46px }.two > * {padding: 0 25px;font-size: 12pt }.social > * {width: 40px;height: 40px }.nazar .col-sm-7.col-md-offset-2:before {border-top: 550px solid #f2f2f2;border-right: 550px solid transparent }.photogallery .image {height: 287px }.col-sm-3.rightlinkimg .image {height: 180px }.article .L .image {height: 290px;overflow: hidden }}@media only screen and (max-width:1200px) {.megaMenu > ul > li > ul > li {padding: 10px 15px;font-size: 10pt;min-height: 188px }.megaMenu > ul > li > ul > li > ul > li a {letter-spacing: initial }.megaMenu > ul > li > a {padding: 5px 30px 5px 15px;font-size: 9pt }.megaMenu > ul > li:not(:last-child):hover > a:after {border-width: 15px 15px 15px 0;left: -15px !important }.megaMenu > ul > li > ul > li > ul {margin-top: 5px }.megaMenu > ul > li > ul > li > ul > li {padding: 0 30px 5px 15px;font-size: 8.5pt }.user .col-sm-7 form {padding-left: 40px }.prodcategory .catitem.ghab .image {height: 228px;}}@media only screen and (max-width:992px) {.language {margin-top: -40px }.social {float: right !important;margin-left: 0;margin-top: 15px }.r-tabs .r-tabs-nav .r-tabs-tab {width: 100% }.R .eleman .onvan > *, .r-tabs .eleman .onvan > * {font-size: 10pt }.r-tabs .eleman {text-align: center;font-size: 9pt }.r:after {clear: both;display: block;content: '' }.copy-right {height: 100px }.parentCategori {display: none }.categoryMargin, .parentCategori.mo {display: block !important }.parentCategori.mo {margin-right: 30px }.parentCategori.mo .sidebar-widget-title {top: -55px }.parentCategori.mo .sidebar-widget-title::before {content: "\f140";line-height: 1.8;right: 80% }.user .col-sm-7 form {border-left: 0;padding-left: 0 }.login-tips i {display: none }.login-tips:after {display: block;content: '';clear: both }.whiteSection .user .captcha-data .input-field {width: 127px }.whiteSection .user .submit {width: 70px }.tab-pane img {width: auto !important;height: 100px }.tab-info a strong {font-size: 10pt !important;margin: 0 auto !important }.tab-info .price {margin: 0 auto !important }.tabs-vert .tab-info {height: auto !important }.timeCounter {margin-top: 15px !important }.timeCounter .timer {width: 170px !important;text-align: center;padding: 5px 0 }.timeCounter .timer .jst-hours, .timeCounter .timer .jst-minutes, .timeCounter .timer .jst-seconds {font-size: 15pt !important }.timeCounter .timer .jst-span {line-height: 1 }.timeCounter .timer .jst-span:before {font-size: 15pt }.tab-pane {height: 380px !important }.tab-nav li {padding: 8.5px 15px !important }.prodcategory .catitem.ghab .image {height: 210px;}}@media only screen and (max-width:767px) {.parentCategori.mo .sidebar-widget-title {top: -70px }.tab-pane {height: auto !important;padding-bottom: 15px }.tabs-vert.is-active .tab-nav-item {display: inline-block }.tabs-vert.is-active .tab-nav {top: -35px !important }.tabs-vert.is-active .tab-nav {overflow-x: scroll;overflow-y: hidden }li.tab-nav-item.js-herotabs-nav-item.is-current-nav:after {content: "" !important }li.tab-nav-item.js-herotabs-nav-item.is-current-nav:before {content: "" !important }.row {margin: 15px auto }.rightlinkimg > :not(:nth-child(2)) {padding: 0 15px }.rightlinkimg > :nth-child(2) {padding: 0 0 0 30px }.two > * {width: 100%;margin: 5px auto;font-size: 9.5pt;}.one span:before {right: 0 }.one > * {padding: 0 19px 0 }.social i {font-size: 16pt }.part2 .row > .col-xs-6, .part2 .row > .col-xs-6 > .row > * {padding: 0 }.copy-right {height: auto }#horizontalTab {display: none }footer > .container .row > * {width: 50%;float: right }footer {padding: 0 }.mnubar .row {margin: 0 }.space {padding: 0 15px 50px }.R .ghab .eleman {width: 50%;float: right;padding: 0 }.R .eleman .date {padding-right: 15px }.formContact .row > * {padding: 5px !important }.nazar .col-sm-7.col-md-offset-2 {left: 0;top: 20%;right: 0;margin: 0 15px }.col-sm-3.rightlinkimg .image {height: auto }.wrap.ghab.whiteSection {padding: 15px 0 }.user .col-sm-7 form {border-left: none !important;padding-left: 0 !important }.prodcategory .catitem.ghab .image {height: auto;}}@media only screen and (max-width:570px) {.logo {width: 100px }.contact .social > li, .top-header .social > li {width: 30px;height: 30px;line-height: 30px }.contact .social > li a, .top-header .social > li a {line-height: unset }}@media only screen and (max-width:500px) {.whiteSection .user .submit {width: 100%;margin-top: 15px }.whiteSection .user .captcha-data .input-field {width: 80px;margin: 0 auto }.whiteSection .reload {margin: 0 10px }}@media only screen and (max-width:480px) {.logo {width: 100%;float: none !important;display: block;margin: 0 auto 15px }.menuResize {top: 50px !important }.fixedmnu .menuResize {top: 0 !important }.r > * {border: 1px solid grey;margin: 0 1px;padding: 5px 0 0 3px }.parentCategori.mo .sidebar-widget-title {right: 0 }.parentCategori.mo {margin-right: 0 }}@media only screen and (max-width:400px) {.full-w > * {width: 100%;padding: 0 !important;margin: 5px auto }.rightlinkimg > :not(:nth-child(2)) {padding: 0 0 0 15px !important }.rightlinkimg > :nth-child(2) {padding: 0 0 0 15px !important }.offer .head1 {right: 0;padding-right: 0 }.offer .owl-controls {left: 0;right: initial }.part2 .row > div {width: 100% !important }}@media only screen and (max-width:480px) {.top-header .social {display: none }.first.categoryMargin {top: 62px;width: 95% }.newsletter {top: -40px }.article .L .col-xs-6 {width: 100%;padding: 0 }.galleryList .col-xs-6 {width: 100% }.menuResize .trigger .line {background: #f5535e }}@media only screen and (min-width:480px) and (max-width:520px) {.two i {display: none }.two > * {font-size: 10pt }.photogallery .image .hover > span {display: none }}@media only screen and (min-width:770px) and (max-width:992px) {.photogallery .image .hover > span {display: none }}@media screen and (max-width:992px) {.grayBox aside {display: none !important }.grayBox .filter {visibility: visible;opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);top: 90% }}@media only screen and (max-width:650px) {.photogallery .image .hover > span {top: 50px;bottom: inherit }.prodcategory .catitem.ghab a {font-size: 8pt }.prodcategory > .row > div {padding: 0 5px }.prodcategory .catitem.ghab {margin: 5px auto }#popupprd .modal-dialog {width: 100% }#popupprd .modal-dialog {width: 90% }#popupprd .modal-body {padding: 0 }#popupprd .notificationTiming {padding: 15px }#popupprd .notificationOption {padding: 15px }}@media only screen and (max-width:590px) {.continuecontent {width: 90% }}@media only screen and (max-width:500px) {.article .select-wrapper {margin-left: 0 }.article .categoryMargin, .article .paging-model2 {float: none !important;margin: 0;margin-bottom: 10px }.products .col-md-3.col-sm-6.col-xs-4 {width: 50% }.formContact .row > * {width: 100% }form.formContact .input-field input, form.formContact textarea.materialize-textarea {margin: 0 }.paging-model2 .paging > ul > li {width: 18px }.articlein .share {left: 25px }.articlein .mdi-share-variant {left: -10px }.paddingr55 {padding: 0 }.productin .info .col-sm-6 {padding: 0 }.selectfilter .select-wrapper input.select-dropdown, .selectfilter > .select-wrapper > :first-child {position: relative;width: 100%;text-indent: 20px }.filtercolor span, .selectfilter > .select-wrapper > :first-child {padding: 0 10px }.colorShow {/*display: none*/ }.productin .info .col-sm-6 .row > * {padding: 0 }.productin .addBasket {margin: 15px auto }.properties tbody tr td:first-child, .properties tbody tr td:last-child {text-align: right }.properties tbody tr td:first-child, .properties tbody tr td:last-child {font-size: 10pt }}@media only screen and (max-width:400px) {.listcontentproduct .offer {padding: 0 }.listcontentproduct .offer .col-xs-6 {width: 100%;float: none;margin: auto;padding: 0 }}@media only screen and (max-width:350px) {.user .feedback-input {width: 90px }}


/***************** دکمه درخواست تماس *******************/
.action-buttons-root.tada {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #98cb00;
    color: #ffffff;
    font-size: 25px;
    line-height: 64px;
    bottom: 110px;
}

.nws-section.layouts-action-buttons-section .action-buttons-wrapper {
    display: flex;
    z-index: 1050;
    align-items: center;
    position: fixed;
    bottom: 15px;
    right: 15px
}

    .nws-section.layouts-action-buttons-section .action-buttons-wrapper.directionUp {
        flex-direction: column-reverse
    }

    .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root {
        display: block;
        position: relative;
        text-align: center;
        border-radius: 50%
    }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root .icon {
            display: inline-block
        }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root .label {
            display: inline-block;
            color: #fff;
            background-color: rgba(0,0,0,.5);
            border-radius: 5px;
            padding: 0 5px;
            line-height: 25px;
            font-size: 12px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            right: calc(100% + 10px);
            bottom: auto;
            left: auto
        }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root i.icon {
            transition: transform 250ms cubic-bezier(.4,0,.2,1) 0s,opacity 250ms cubic-bezier(.4,0,.2,1) 0s
        }

@media (pointer:coarse) {
    .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root.active + .action-buttons-inner-wrapper {
        pointer-events: auto
    }
}

@media (pointer:coarse) {
    .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root.active + .action-buttons-inner-wrapper {
        pointer-events: auto
    }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root.active + .action-buttons-inner-wrapper .action-button {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            transition: transform .2s cubic-bezier(.4,0,.2,1) 0s,opacity .8s,height 0s linear 0s,margin 0s linear 0s
        }
}

@media (pointer:fine) {
    .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root:hover + .action-buttons-inner-wrapper {
        pointer-events: auto
    }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-root:hover + .action-buttons-inner-wrapper .action-button {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            transition: transform .2s cubic-bezier(.4,0,.2,1) 0s,opacity .8s,height 0s linear 0s,margin 0s linear 0s
        }
}

.nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-inner-wrapper {
    pointer-events: none;
    display: flex;
    display: -webkit-flex;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex-direction: column;
    padding-bottom: 48px;
    margin-bottom: 80px;
}

    .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-inner-wrapper:hover {
        pointer-events: auto
    }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-inner-wrapper:hover .action-button {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            transition: transform .2s cubic-bezier(.4,0,.2,1) 0s,opacity .8s,height 0s linear 0s,margin 0s linear 0s
        }

    .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-inner-wrapper .action-button {
        display: block;
        position: relative;
        color: rgba(0,0,0,.54);
        margin: 8px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        padding: 0;
        font-size: 20px;
        min-width: 0;
        box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
        box-sizing: border-box;
        transition: transform .2s cubic-bezier(.4,0,.2,1) 0s,opacity .8s;
        background-color: #fff;
        opacity: 0;
        transform: scale(0)
    }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-inner-wrapper .action-button .icon {
            display: inline-block
        }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-inner-wrapper .action-button .label {
            display: inline-block;
            color: #fff;
            background-color: rgba(0,0,0,.5);
            border-radius: 5px;
            padding: 0 5px;
            line-height: 25px;
            font-size: 12px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            right: calc(100% + 10px);
            bottom: auto;
            left: auto
        }

        .nws-section.layouts-action-buttons-section .action-buttons-wrapper .action-buttons-inner-wrapper .action-button i.icon {
            color: rgba(0,0,0,.54);
            background: 0 0;
            line-height: 40px
        }

.nws-section.layouts-action-buttons-section .action-buttons-wrapper:hover .action-buttons-root {
    animation: none
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}


@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }