/* =============================================
=                CSS Index            =
============================================= */
/*
    01 - Base - Variables
    02 - Base - Mixins

    03 - Global - Default
    04 - Global - Helper
    05 - Global - Color

    06 - Layout - Header
    07 - Layout - Footer

    08 - Pages - Shop
    09 - Pages - Single Product
    10 - Pages - Blog
    11 - Pages - About
    12 - Pages - Contact Us
    13 - Pages - My Account
    14 - Pages - Coming Soon
    15 - Pages - Checkout
    16 - Pages - Wishlist
    17 - Pages - Compare
    18 - Pages - Cart
    19 - Pages - Faq
    20 - Pages - Error 404
    21 - Pages - Login Register
    22 - Pages - Button
    23 - Pages - Navigation
    24 - Pages - Social LInk

    25 - Components - Slider
    26 - Components - Banner
    27 - Components - Product Category
    28 - Components - Product
    29 - Components - Modal
    30 - Components - New Arrival
    31 - Components - Newsletter
    32 - Components - Post
    33 - Components - Hereabout
    34 - Components - Animation
    35 - Components - Featured Product
    36 - Components - Brand Product
    37 - Components - Shipping
    38 - Components - Testimonial
    39 - Components - Counter
    40 - Components - Popular Categories
    41 - Components - Instagram
    42 - Components - Breadcrumb
    43 - Components - Sidebar

=====  End of CSS Index  ====== */

@charset "utf-8";
@font-face {
  font-family: IRANSans;
  src: url(../fonts/IRANSansWeb.woff2) format("woff2");
}
/* ----------- variables ----------- */
:root {
  --h1size: 30px;
  --h2size: 22px;
  --h3size: 20px;
  --h4size: 18px;
  --h5size: 17px;
  --h6size: 16px;
  --bodysize: 14px;
  --small:13px;

  --h1height: 50px;
  --h2height: 42px;
  --h3height: 32px;
  --h4height: 28px;
  --h5height: 26px;
  --h6height: 25px;
  --bodyheight: 25px;

  --primary: #62ccd9;
  --secondary: #dbc300;
  --a-color:#1e1e1e;
  --text-gray: #7e7e7e;
  --txt-light: #AEB4B9;
  --gray-light: #e9ebea;
  --gray-light-bg: #fafafa;
  --gray-bg: #f2f2fa;
  --gray-dark: #818181;
  --white-bg: #fff;
  --whitesmoky: #f5f5f5;
  --text-dark:#1e1e1e;

  --radius-default: 6px;
  --radius-more: 12px;
  --rounded: 50%;
  --mode-change-transition: background-color 0.5s ease;
}
/***************RESET CSS******************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}

body {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #3e3e3e;
  font-family: IRANSans, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: IRANSans, serif;
  color: #3e3e3e;
  font-weight: 600;
  margin: 0;
}

p {
  margin-bottom: 0px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

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

img {
  max-width: 100%;
}

.img-full {
  width: 100%;
  overflow: hidden;
  display: block;
}

a {
  color: #3e3e3e;
  font-size: 18px;
  font-family: IRANSans, serif;
  text-transform: capitalize;
  text-decoration: none;
}
a:hover {
  color: var(--primary);
}

a,
a:hover,
a:focus,
a:active,
button,
button:focus,
.btn,
.btn:focus,
input,
input:focus,
select,
textarea,
.slick-slide {
  text-decoration: none;
  outline: 0;
}

input.input-field {
  border: 1px solid #e5e5e5;
}

textarea.textarea-field {
  border: 1px solid #e5e5e5;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
input[type=checkbox] + label:before {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #e5e5e5;
  content: "";
}
input[type=checkbox] + label:after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  width: 20px;
  text-align: center;
  color: #13aff0;
}

input[type=checkbox]:checked + label:before {
  border: 2px solid #e5e5e5;
}
input[type=checkbox]:checked + label:after {
  opacity: 1;
}

button,
.btn {
  cursor: pointer;
  border: 0;
  padding: 0;
  background: transparent;
}

.overflow-hidden {
  overflow: hidden;
}

.home-style a {
  text-transform: capitalize;
}
.home-style a:hover {
  font-weight: 700;
  color: var(--text-dark);
  transition: all .02s;
}

/* ---Font Style--- */
.font-style_italic {
  font-style: italic;
}

/* ---Line Height--- */
.line-height-1 {
  line-height: 1;
}
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/*----------------------------------------*/
/*    04 - Global - Helper
/*----------------------------------------*/
/*---Custom Container ---*/
.container-fluid {
  padding: 0 140px;
}
@media (max-width: 1800px) {
  .container-fluid {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .container-fluid {
    padding: 0 20px;
  }
}
.container-fluid-custom {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* ---Mgana Preloader---*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
  z-index: 99999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--primary);
  -webkit-animation: preloader 1.3s linear infinite;
          animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
.preloader-5 span {
  background: var(--primary);
}

/* ---Fixed Wrapper--- */
@media (min-width: 1200px) {
  .fixed-wrapper .fixed-header {
    background: #ffffff;
    position: fixed;
    width: 370px;
    z-index: 1;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .fixed-wrapper .main-site {
    width: calc(100% - 370px);
    margin-left: auto;
  }
}

/* ---Base Transition--- */
.instagram-area .instagram-img .add-action, .instagram-area .instagram-img:before, .popular-categories-area .product-category li a:hover .heading-6, .popular-categories-area .product-category li a:hover i, .popular-categories-area .product-category li a i, .blog-post-area-2 .post-inner-box .post-content, .blog-post-area-2 .post-inner-box .banner-overlay, .blog-post-area-2 .post-inner-box:hover .banner-overlay, .blog-post-area-2 .post-inner-box:hover .post-content, .new-arrival-3 .banner-thumb-area:hover .demo-image a .banner-overlay, .new-arrival-3 .banner-thumb-area .demo-image a .banner-overlay, .modal-wrapper .modal-dialog .modal-content .modal-body .close, .modal-wrapper.modal, .product-item-3 .single-product:hover .product-img .add-actions, .product-item-3 .single-product .product-img .add-actions > ul > li, .product-item-3 .single-product .product-img .add-actions, .product-item-3 .single-product, .product-item-4 .single-product:hover .product-img .add-actions, .product-item-4 .single-product .product-img .add-actions > ul > li, .product-item-4 .single-product .product-img .add-actions, .product-item-4 .single-product .product-img > a .product-overlay, .product-item-4 .single-product, .product-item-2 .single-product:hover .product-img .add-actions, .product-item-2 .single-product .product-img .add-actions > ul > li, .product-item-2 .single-product .product-img .add-actions, .product-item-2 .single-product .product-img:hover .secondary-image, .product-item-2 .single-product .product-img:hover .primary-image, .product-item-2 .single-product .product-img > a .secondary-image, .product-item-2 .single-product .product-img > a .primary-image, .product-item-2 .single-product .product-img > a .product-overlay, .product-item-2 .single-product, .product-item .single-product:hover .product-img .add-actions, .product-item .single-product .product-img .add-actions > ul > li, .product-item .single-product .product-img .add-actions, .product-item .single-product .product-img > a .product-overlay, .product-item .single-product, .single-category-one .category-image:hover img, .single-category-one .category-image:hover span, .single-category-one .category-image:hover, .single-category-one .category-image img, .single-category-one .category-image span, .single-category-one .category-image, .banner-6-area .content-image:hover .border-button-2:before, .banner-6-area .button-style-2 .border-button-2, .banner-5-area .banner-content-2 .banner-title-2, .banner-5-area .content-image:hover .banner-title-2, .banner-3-area .banner-img:hover a .banner-overlay, .banner-3-area .banner-img a .banner-overlay, .banner-wrapper-2 .banner-content-3 a, .banner-wrapper-2 .banner-image a .banner-overlay, .banner-wrapper-2 .single-banner:hover .banner-content-3 a, .banner-wrapper-2 .single-banner:hover .banner-image a .banner-overlay, .social-link-2 ul li a:hover, .offcanvas-navigation .mobile-menu li > .menu-expand, .offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li > a > i, .offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li > ul li, .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img:before, .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > a > i, .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > ul li, .offcanvas-menu_wrapper .offcanvas-menu-inner, .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_img, .btn-close > i, .btn-close, .border-button:hover, .border-button, .mgana-btn, .compare-table .table tbody tr, .wishlist-content table td.mgana-cart_btn a, .order-button-payment input, .coupon-accordion .coupon-content .coupon-info p.form-row input[type=submit], .coupon-accordion span, .myaccount-tab-content, .review-body .user-feedback form.feedback-form .comment-field textarea.textarea-field, .shop-product-wrap > [class*=col-], .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions > ul > li, .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions, .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img > a img.secondary-img, .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img:before, .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product, .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li, .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown, .main-nav > ul > li > a .menu-text:after, .quantity .cart-plus-minus > .qtybutton, .popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form button, .popup_wrapper .test .popup_off, .popup_wrapper, .single-brand-item-2 img, .single-brand-item-2, .single-brand-item:hover img, .single-brand-item:hover, .single-brand-item img, .single-brand-item, .arrow-style-5:hover .slick-arrow, .arrow-style-2:hover .slick-arrow, .arrow-style-2 .slick-arrow, .slick-dots li, .global-overlay, .img-zoom_effect:before, .hover-style-3:hover .overlay-1, .hover-style-3 .overlay-1, .hover-style:hover .overlay-1, .hover-style .overlay-1, .price-filter .price-slider-amount .filter-btn, .price-filter .ui-slider-handle, .scroll-to-top i, .tab-content .tab-pane.active, .heading-6, a,
button,
i, input[type=checkbox] + label:before, input[type=checkbox] + label:after {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

/* ---Section Title--- */
.section-title > .heading-one {
  margin-bottom: 0;
  line-height: 24px;
  padding-bottom: 20px;
  font-size: 36px;
  letter-spacing: 4px;
}
@media (max-width: 575px) {
  .section-title > .heading-one {
    font-size: 28px;
    letter-spacing: 2px;
    line-height: 22px;
  }
}
.section-title-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-title-main > .heading-main {
  color: #3e3e3e;
  font-family: IRANSans, serif;
  font-size: 20px;
  line-height: 35px;
  font-weight: 700;

  text-align: center;
  padding: 0 20px;
  position: relative;
}
.title-bar p{
  text-align: center;
  font-size: 13px;
  margin-top: 10px;
}
.section-title-main > .heading-main:before {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 2px solid #d8d8d8;
  width: 100px;
  -webkit-transition: inherit;
  transition: inherit;
  left: 100%;
}

.section-title-main > .heading-main:after {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 2px solid #d8d8d8;
  width: 100px;
  -webkit-transition: inherit;
  transition: inherit;
  right: 100%;
}

.border-heading > .heading-5 {
  position: relative;
  display: inline-block;
}
.border-heading > .heading-5:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -8px;
  margin: auto;
  border-bottom: 2px solid #3e3e3e;
  width: 100%;
}

.heading-two {
  margin-bottom: 0;
  line-height: 24px;
  font-size: 32px;
  letter-spacing: 4px;
}

.heading-3 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 4px;
}

.heading-4 {
  font-size: 46px;
  letter-spacing: 6px;
  color: #515151;
}

.heading-6 {
  font-family: "Fjalla One", sans-serif;
  font-size: 16px;
  color: #e5e5e5;
  opacity: 0.5;
}

.small-title-1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: 26px;
}
@media (max-width: 767px) {
  .small-title-1 {
    letter-spacing: 16px;
  }
}
@media (max-width: 575px) {
  .small-title-1 {
    letter-spacing: 8px;
    font-size: 20px;
  }
}

.small-title-2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: 3px;
  font-family: IRANSans, serif;
}
@media (max-width: 575px) {
  .small-title-2 {
    font-size: 20px;
  }
}

.large-title-1 {
  font-size: 70px;
  line-height: 1.2em;
  letter-spacing: 7px;
}
@media (max-width: 767px) {
  .large-title-1 {
    font-size: 50px;
    letter-spacing: 5px;
  }
}
@media (max-width: 575px) {
  .large-title-1 {
    font-size: 36px;
    letter-spacing: 5px;
  }
}

.large-title-2 {
  font-size: 100px;
  font-weight: 400;
  line-height: 0.9em;
}

.large-title-3 {
  font-size: 66px;
  line-height: 1.25em;
  font-family: "Fjalla One", sans-serif;
  font-weight: normal;
}
@media (max-width: 767px) {
  .large-title-3 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .large-title-3 {
    font-size: 36px;
  }
}

.desc-one {
  font-size: 18px;
  line-height: 2;
}

/* ---Product Sticker---*/
.sticker {
  position: absolute;
  top: 20px;
  right: 0;
  width: 50px;
  height: 25px;
  line-height: 24px;
  font-size: 10px;

  text-align: center;
  background: #3e3e3e;
  color: #ffffff;

  cursor: pointer;
}

/* ---Tooltip--- */
.tooltip {
  z-index: 10;
}

.tooltip-inner {
  padding: 0 10px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  border-radius: 2px;
  font-size: 10px;
  font-family: IRANSans;
  background-color: #000000;
  text-indent: 0;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
  content: "";
  border-width: 5px 5px 0;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #000000;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #000000;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #000000;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #000000;
}

/* ---Spacing Between Two Row---*/
.product-slider .slick-slide div:not(:last-child) .product-item {
  padding-bottom: 55px;
}

/* ---Slick Disabled Cursor Point--- */
.slick-disabled {
  cursor: not-allowed !important;
}

/* ---Tab Content & Pane Fix--- */
.tab-content {
  width: 100%;
}
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
}

/*-- Scroll To Top --*/
.scroll-to-top {
  color:  #3e3e3e;
  font-size: 13px;
  text-align: center;
  -webkit-animation: SlideInDown 1s normal;
          animation: SlideInDown 1s normal;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top i {
  color: #3e3e3e;
  font-size: 15px;
  display: inline-block;
  margin-left: 10px;
}
.scroll-to-top:hover {
  color: var(--primary);
}
.scroll-to-top:hover > i {
  -webkit-animation: SlideInUp 1s infinite;
          animation: SlideInUp 1s infinite;
}
.rating-box{
  margin-right: 5px;
}

.rating-box > ul {
  line-height: 12px;
}
.rating-box > ul > li {
  display: inline-block;
  line-height: 12px;
}
.rating-box > ul > li > i {
  color: #F5A623;
  font-size: 11px;
}
.rating-box.gamboge-color > ul > li > i {
  color: #DC9B0E;
}

/* ---Pagination--- */
.paginatoin-area {
  padding: 30px 0 90px;
}
.paginatoin-area.position-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paginatoin-area .pagination-box li {
  display: inline-block;
}
.paginatoin-area .pagination-box li > a {
  border: 1px solid #e5e5e5;
  color: #e5e5e5;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  display: block;
  font-family: IRANSans, sans-serif;
  font-size: 14px;
}
.paginatoin-area .pagination-box li > a.next i {
  font-size: 11px;
}
.paginatoin-area .pagination-box li.active > a {
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.paginatoin-area .pagination-box li:hover > a {
  color: #1a1a1a;
  border-color: #1a1a1a;
}

/* ---Tag--- */
.tags-list li {
  display: inline-block;
  margin-bottom: 5px;
}
.tags-list li a {
  font-size: 14px;
  border: 1px solid #e5e5e5;
  padding: 5px 15px;
  display: block;
  line-height: 20px;
}

/* ---Range Slider--- */
.price-filter .ui-widget-content {
  background-color: #e5e5e5;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  height: 5px;
  margin: 0 0 25px;
  width: 100%;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.price-filter .ui-slider-range {
  background-color: #1a1a1a;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 100%;
}
.price-filter .ui-slider-handle {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  display: block;
  outline: none;
  width: 20px;
  height: 20px;
  line-height: 15px;
  margin: 0;
  text-align: center;
  top: 50%;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 6.65px 0.35px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 6.65px 0.35px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: e-resize;
}
.price-filter .ui-slider-handle:last-child {
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.price-filter .ui-slider-handle:hover {
  background-color: var(--secondary);
}
.price-filter .price-slider-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price-filter .price-slider-amount .filter-btn {
  border: 2px solid #1a1a1a;
  width: 110px;
  height: 40px;
  line-height: 38px;
  font-size: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price-filter .price-slider-amount .filter-btn {
    width: 40px;
    font-size: 14px;
  }
}
.price-filter .price-slider-amount .filter-btn:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: #ffffff;
}
.price-filter .price-slider-amount .label-input label {
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
  padding-left: 5px;
}
.price-filter .price-slider-amount .label-input input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  height: inherit;
  padding-left: 5px;
  width: 99px;
}

/* ---Countdown--- */
.countdown-wrap .countdown.item-4 .countdown__item {
  display: inline-block;
  position: relative;
  padding: 10px 0;
  text-align: center;
  margin-left: 60px;
}
@media (max-width: 991px) {
  .countdown-wrap .countdown.item-4 .countdown__item {
    margin-left: 30px;
  }
}
@media (max-width: 479px) {
  .countdown-wrap .countdown.item-4 .countdown__item {
    margin-left: 15px;
  }
}
.countdown-wrap .countdown.item-4 .countdown__item:first-child {
  margin-left: 0;
}
.countdown-wrap .countdown.item-4 .countdown__item span {
  text-transform: capitalize;
}
.countdown-wrap .countdown.item-4 .countdown__item span.countdown__time {
  font-size: 49px;
}
.countdown-wrap .countdown.item-4 .countdown__item span.countdown__text {
  display: block;
  font-size: 18px;
  line-height: 32.4px;
}
.countdown-wrap.white-text_color span {
  color: #ffffff;
}
.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item {
  background-color: #ffffff;
  padding: 15px 0 10px;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  margin-left: 15px;
}
@media (max-width: 1500px) {
  .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item {
    margin-left: 5px;
    width: 70px;
    height: 70px;
    padding: 10px 0;
  }
}
@media (max-width: 575px) {
  .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item {
    width: 60px;
    height: 60px;
    padding: 5px 0;
  }
}
.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item:first-child {
  margin-left: 0;
}
.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span {
  font-family: "Playfair Display", serif;
  font-style: italic;
  text-transform: none;
  font-size: 16px;
}
@media (max-width: 1500px) {
  .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span {
    font-size: 14px;
  }
}
.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__time {
  font-weight: 600;
  font-size: 25px;
}
@media (max-width: 1500px) {
  .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__time {
    font-size: 18px;
  }
}
.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__text {
  display: block;
}
@media (max-width: 1500px) {
  .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__text {
    line-height: 1.4;
  }
}
@media (max-width: 575px) {
  .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__text {
    line-height: 1;
  }
}

/* ---Section Space--- */
.h-100 {
  height: 100% !important;
}

.pt-100 {
  padding-top: 100px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-10 {
  padding-bottom: 10px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mr-10 {
  margin-left: 10px;
}

/*--- Image Hover Style ---*/
.hover-style {
  display: block;
  overflow: hidden;
}
.hover-style img {
  -webkit-transform: scale(1.01) rotate(0.05deg);
          transform: scale(1.01) rotate(0.05deg);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.hover-style .overlay-1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  content: "";
  background-color: #3e3e3e;
  width: 100%;
  height: 100%;
}
.hover-style:hover img {
  -webkit-transform: scale(1.05) rotate(0.05deg);
          transform: scale(1.05) rotate(0.05deg);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.hover-style:hover .overlay-1 {
  opacity: 0.2;
}

.hover-style-2 {
  display: block;
  overflow: hidden;
}
.hover-style-2 img {
  -webkit-transform: translate3d(-40px, 0, 0);
          transform: translate3d(-40px, 0, 0);
  max-width: none;
  width: calc(100% + 50px);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.hover-style-2:hover img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.hover-style-3 {
  display: block;
  overflow: hidden;
}
.hover-style-3 .background-3 {
  -webkit-transform: scale(1.01) rotate(0.05deg);
          transform: scale(1.01) rotate(0.05deg);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.hover-style-3 .overlay-1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  content: "";
  background-color: #3e3e3e;
  width: 100%;
  height: 100%;
}
.hover-style-3:hover .background-3 {
  -webkit-transform: scale(1.08) rotate(0.05deg);
          transform: scale(1.08) rotate(0.05deg);
  -webkit-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
.hover-style-3:hover .overlay-1 {
  opacity: 0.2;
}

/* ---Image Zoom Effect--- */
.img-zoom_effect {
  position: relative;
  overflow: hidden;
}
.img-zoom_effect:before {
  background-color: #000;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  z-index: 1;
}
.img-zoom_effect img {
  -webkit-transition: 1.8s ease-in-out;
  transition: 1.8s ease-in-out;
}
.img-zoom_effect:hover:before {
  opacity: 0.3;
}
.img-zoom_effect:hover img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

/* ---Global Overlay--- */
.global-overlay {
  background-color: rgba(62, 62, 62, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 99;
  visibility: hidden;
}
.global-overlay.overlay-open {
  visibility: visible;
  cursor: url(../images/icon/light-close.png) 16 16, pointer;
}

/* ---Nice Select Customization--- */
.myniceselect.nice-select {
  padding: 0;
  margin: 0;
  height: auto;
}
.myniceselect.nice-select span {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
  text-align: right;
  font-size: 12px;
}
.myniceselect.nice-select .list {
  width: 100%;
}
.myniceselect.nice-select.wide span {
  width: 100%;
}
.nice-select:after{
  left: 12px;
  right: unset;
}
.nice-select .option {
  font-size: 12px;
  line-height: 29px;
  min-height: 30px;
  text-align: right;
}
/*--- Slick Dots Style ---*/
.slick-dots {
  position: absolute;
  bottom: 30px;
  left: auto;
  text-align: center;
  padding: 0 30px;
}
@media (max-width: 1500px) {
  .slick-dots {
    padding: 0;
  }
}
.slick-dots li {
  border: 1px solid #000000;
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  width: 12px;
  height: 12px;
  border-radius: 100%;
}
.slick-dots li:first-child {
  margin-right: 15px;
}
.slick-dots li:hover {
  background-color: #3e3e3e;
  border-color: #3e3e3e;
}
.slick-dots li.slick-active {
  background-color: #3e3e3e !important;
  border: 1px solid #3e3e3e;
}
.slick-dots li button {
  border: none;
}

.custom-dots .slick-dots {
  position: absolute;
  padding: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -45px;
}
.custom-dots .slick-dots > li {
  background-color: rgba(153, 133, 119, 0.5);
  border: 0;
  width: 15px;
  height: 15px;
}
.custom-dots .slick-dots > li:hover {
  background-color: #3e3e3e;
}
@media (max-width: 767px) {
  .custom-dots .slick-dots > li {
    width: 10px;
    height: 10px;
  }
}
.custom-dots .slick-dots > li:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .custom-dots .slick-dots > li:not(:last-child) {
    margin-right: 10px;
  }
}

.custom-dots-2 .slick-dots {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.custom-dots-2 .slick-dots > li {
  background-color: #ffffff;
  border: 0;
  width: 15px;
  height: 15px;
}
.custom-dots-2 .slick-dots > li:hover {
  background-color: #3e3e3e;
}
@media (max-width: 767px) {
  .custom-dots-2 .slick-dots > li {
    width: 10px;
    height: 10px;
  }
}
.custom-dots-2 .slick-dots > li:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .custom-dots-2 .slick-dots > li:not(:last-child) {
    margin-right: 10px;
  }
}

.custom-dots-3 .slick-dots {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.custom-dots-3 .slick-dots > li {
  width: 3px;
  height: 3px;
  background: #ffffff;
  cursor: pointer;
  border: 5px solid #000000;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transform: translatez(0.01px);
          transform: translatez(0.01px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.custom-dots-3 .slick-dots > li:hover {
  background: #000000;
  border-color: #ffffff;
}
.custom-dots-3 .slick-dots > li.slick-active {
  background: #000000;
  border-color: #ffffff;
}
.custom-dots-3 .slick-dots > li:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .custom-dots-3 .slick-dots > li:not(:last-child) {
    margin-right: 10px;
  }
}

.custom-dots-4 .slick-dots {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -73px;
  z-index: 9;
}
.custom-dots-4 .slick-dots > li {
  background-color: #ffffff;
  width: 29px;
  height: 29px;
  border-style: solid;
  border-width: 4px 4px 4px 4px;
  border-color: #b5b5b5;
}
@media (max-width: 767px) {
  .custom-dots-4 .slick-dots > li {
    width: 24px;
    height: 24px;
  }
}
.custom-dots-4 .slick-dots > li.slick-active {
  background-color: #ffffff !important;
  border-color: #ff794a;
}
.custom-dots-4 .slick-dots > li:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .custom-dots-4 .slick-dots > li:not(:last-child) {
    margin-right: 10px;
  }
}

/* ---Mgana Slick Arrows--- */
.arrow-style-1 .slick-arrow {
  background-color: #ffffff;
  position: absolute;
  bottom: 30px;
  left: calc(50% - 48px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 70px;
  height: 70px;
  line-height: 70px;
  z-index: 1;
}
.arrow-style-1 .slick-arrow.tty-slick-text-next {
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
}
.arrow-style-1 .slick-arrow > i {
  display: block;
  line-height: 70px;
}
@media (max-width: 991px) {
  .arrow-style-1 .slick-arrow > i {
    line-height: 60px;
  }
}
.arrow-style-1 .slick-arrow:hover {
  opacity: 0.6;
}
.arrow-style-1 .slick-arrow:hover > i {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media (max-width: 991px) {
  .arrow-style-1 .slick-arrow {
    width: 60px;
    height: 60px;
    line-height: 60px;
    bottom: 20px;
    left: calc(50% - 45px);
  }
}

.arrow-style-2 .slick-arrow {
  background-color: #ffffff;
  position: absolute;
  bottom: 30px;
  top: calc(50% - 0px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60px;
  height: 60px;
  line-height: 60px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.arrow-style-2 .slick-arrow.tty-slick-text-next {
  right: 0%;
}
.arrow-style-2 .slick-arrow.tty-slick-text-prev {
  left: 0%;
}
.arrow-style-2 .slick-arrow > i {
  display: block;
  line-height: 60px;
}
.arrow-style-2 .slick-arrow:hover {
  opacity: 0.6;
}
.arrow-style-2 .slick-arrow:hover > i {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.arrow-style-2:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.arrow-style-2:hover .slick-arrow.tty-slick-text-next {
  right: 5%;
}
.arrow-style-2:hover .slick-arrow.tty-slick-text-prev {
  left: 5%;
}

.arrow-style-3 .slick-arrow {
  background-color: #adadad;
  color: #ffffff;
}
.arrow-style-3 .slick-arrow:hover {
  background-color: #000;
}

.arrow-style-4 .slick-arrow {
  position: absolute;
  width: 56px;
  height: 56px;
  background: transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 14px;
  font-size: 14px;
  border: 2px solid;
  border-color: rgba(62, 62, 62, 0.5);
  z-index: 9;
  opacity: 1;
}
@media (max-width: 575px) {
  .arrow-style-4 .slick-arrow {
    height: 46px;
    width: 46px;
  }
}
.arrow-style-4 .slick-arrow.tty-slick-text-next {
  right: 3.4%;
  top: 86.5%;
  -webkit-transform: translateY(-90%);
          transform: translateY(-90%);
}
@media (max-width: 1500px) {
  .arrow-style-4 .slick-arrow.tty-slick-text-next {
    right: 2%;
  }
}
.arrow-style-4 .slick-arrow.tty-slick-text-prev {
  right: 3.4%;
  top: 77%;
  -webkit-transform: translateY(-80%);
          transform: translateY(-80%);
}
@media (max-width: 1500px) {
  .arrow-style-4 .slick-arrow.tty-slick-text-prev {
    right: 2%;
  }
}
.arrow-style-4 .slick-arrow:hover {
  background: #3e3e3e;
  color: #ffffff;
  border: 2px solid;
  border-color: rgb(62, 62, 62);
  opacity: 1;
}
.arrow-style-4:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}

.arrow-style-5 .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 12px;
  font-size: 12px;
  z-index: 9;
  opacity: 0;
}
.arrow-style-5 .slick-arrow.tty-slick-text-next {
  right: 5px;
}
.arrow-style-5 .slick-arrow.tty-slick-text-prev {
  left: 5px;
}
.arrow-style-5 .slick-arrow:hover {
  background: var(--secondary);
  color: #ffffff;
}
.arrow-style-5:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.arrow-style-5:hover .slick-arrow.tty-slick-text-next {
  right: 0%;
  left: auto;
}
.arrow-style-5:hover .slick-arrow.tty-slick-text-prev {
  left: 0%;
  right: auto;
}

.arrow-style-6 .slick-arrow {
  background-color: #adadad;
  color: #ffffff;
}
.arrow-style-6 .slick-arrow:hover {
  background-color: #dda973;
}

.arrow-style-7 .slick-arrow {
  position: absolute;
  width: 36px;
  height: 36px;
  background: transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 14px;
  font-size: 14px;
  z-index: 9;
  opacity: 1;
}
@media (max-width: 575px) {
  .arrow-style-7 .slick-arrow {
    height: 26px;
    width: 26px;
  }
}
.arrow-style-7 .slick-arrow.tty-slick-text-next {
  right: 10%;
  top: 100%;
}
.arrow-style-7 .slick-arrow.tty-slick-text-next i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.arrow-style-7 .slick-arrow.tty-slick-text-prev {
  left: 10%;
  top: 100%;
}
.arrow-style-7 .slick-arrow.tty-slick-text-prev i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.arrow-style-7 .slick-arrow:hover {
  color: #1a1a1a;
  opacity: 1;
}
.arrow-style-7:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}

.arrow-style-8 .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 12px;
  font-size: 12px;
  z-index: 9;
  opacity: 1;
}
.arrow-style-8 .slick-arrow.tty-slick-text-next {
  left: auto;
  right: -9%;
}
@media (max-width: 991px) {
  .arrow-style-8 .slick-arrow.tty-slick-text-next {
    right: -12%;
  }
}
@media (max-width: 767px) {
  .arrow-style-8 .slick-arrow.tty-slick-text-next {
    right: -9%;
  }
}
@media (max-width: 479px) {
  .arrow-style-8 .slick-arrow.tty-slick-text-next {
    right: -15%;
  }
}
.arrow-style-8 .slick-arrow.tty-slick-text-prev {
  right: auto;
  left: -9%;
}
@media (max-width: 991px) {
  .arrow-style-8 .slick-arrow.tty-slick-text-prev {
    left: -12%;
  }
}
@media (max-width: 767px) {
  .arrow-style-8 .slick-arrow.tty-slick-text-prev {
    left: -9%;
  }
}
@media (max-width: 479px) {
  .arrow-style-8 .slick-arrow.tty-slick-text-prev {
    left: -15%;
  }
}

.arrow-style-9 .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 12px;
  font-size: 12px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 50%;
}
.arrow-style-9 .slick-arrow.tty-slick-text-next {
  left: auto;
  right: 0%;
}
.arrow-style-9 .slick-arrow.tty-slick-text-prev {
  right: auto;
  left: 0%;
}
.arrow-style-9 .slick-arrow:hover {
  color: #ffffff;
  background-color: var(--secondary);
  opacity: 1;
}
.arrow-style-9:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.arrow-style-9:hover .slick-arrow.tty-slick-text-next {
  left: auto;
  right: -1.2%;
}
.arrow-style-9:hover .slick-arrow.tty-slick-text-prev {
  right: auto;
  left: -1.2%;
}

.arrow-style-10 .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 12px;
  font-size: 12px;
  z-index: 9;
  opacity: 1;
}
.arrow-style-10 .slick-arrow.tty-slick-text-next {
  right: 15px;
}
.arrow-style-10 .slick-arrow.tty-slick-text-prev {
  left: 15px;
}
.arrow-style-10 .slick-arrow:hover {
  background: #1a1a1a;
  color: #ffffff;
}

/* ---Mgana Newsletters Popup --- */
.popup_wrapper {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  height: 100%;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  width: 100%;
  z-index: 9999999;
}
@media (max-width: 991px) {
  .popup_wrapper {
    display: none;
  }
}
.popup_wrapper .test {
  background: #ffffff;
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  height: 425px;
  left: 0;
  margin: auto;
  max-width: 870px;
  padding: 50px 50px 50px;
  position: absolute;
  right: 0;
  top: 0;
}
.popup_wrapper .test .popup_off {
  background: #3e3e3e;
  color: #ffffff;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 43px;
  display: block;
  cursor: pointer;
  position: absolute;
  text-align: center;

  font-size: 20px;
}
.popup_wrapper .test .popup_off:hover {
  background-color: var(--secondary);
}
.popup_wrapper .subscribe-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.popup_wrapper .subscribe-area .subscribe-img {
  background-color: #f0daca;
  width: 40%;
}
.popup_wrapper .subscribe-area .subscribe-img .subscribe-inner_img {
  margin: -20px -20px 20px 20px;
}
.popup_wrapper .subscribe-area .subscribe-content {
  padding-left: 80px;
  width: 60%;
  text-align: center;
}
.popup_wrapper .subscribe-area .subscribe-content > h2 {
  color: #3e3e3e;
  font-weight: 600;
  font-size: 30px;
  text-transform: capitalize;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.popup_wrapper .subscribe-area .subscribe-content > p {
  margin: 0;
  max-width: 580px;
  padding-bottom: 25px;
  color: #3e3e3e;
  font-size: 16px;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form {
  position: relative;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input {
  background: #ffffff;
  border: 1px solid #e5e5e5 !important;
  color: #3e3e3e;
  border: 0 none;
  height: 50px;
  padding: 0 150px 0 20px;
  width: 100%;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input::-webkit-input-placeholder {
  color: #3e3e3e;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input::-moz-placeholder {
  color: #3e3e3e;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input:-ms-input-placeholder {
  color: #3e3e3e;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input::-ms-input-placeholder {
  color: #3e3e3e;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input::placeholder {
  color: #3e3e3e;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form button {
  background: var(--secondary);
  color: #ffffff;
  top: 0;
  right: 0;
  position: absolute;
  width: 130px;
  height: 50px;
  line-height: 50px;
  border: 0;
  display: block;

}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form button:hover {
  background-color: var(--secondary);
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 25px;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-bottom input {
  margin-right: 5px;
}
.popup_wrapper .subscribe-area .subscribe-content .subscribe-bottom label {
  margin-bottom: 0;
  color: #3e3e3e;
}

/* ---Mousemove Wrap--- */
.mousemove-wrap {
  width: calc(100% - 120px);
  height: calc(100% - 120px);
  bottom: 60px;
  left: 60px;
  position: absolute;
}
.mousemove-wrap .page-back {
  position: relative;
  top: calc(100% - 145px);
  left: 0;
  width: 100%;
}
@media (max-width: 1199px) {
  .mousemove-wrap .page-back {
    top: calc(100% - 95px);
  }
}
@media (max-width: 991px) {
  .mousemove-wrap .page-back {
    top: calc(100% - 55px);
  }
}
@media (max-width: 767px) {
  .mousemove-wrap .page-back {
    top: calc(100% - 10px);
  }
}
@media (max-width: 479px) {
  .mousemove-wrap .page-back {
    top: calc(100% + 25px);
  }
}

/* ---Bootstrap No Gutters--- */
.no-gutters {
  margin-right: 0px;
  margin-left: 0px;
}

/* ---In Stock--- */
.in-stock {
  font-size: 12px;
  margin-left: 10px;
  font-weight: 600;
}
@media (max-width: 479px) {
  .in-stock {
    margin-left: 0px;
  }
}
.in-stock i:before {
  border: 1px solid #86ba45;
  width: 15px;
  height: 15px;
  line-height: 13px;
  border-radius: 100%;
  font-size: 10px;
  display: block;
  text-align: center;
  margin-right: 5px;
}

/* --- Quantity --- */

.quantity .cart-plus-minus {
  position: relative;
  width: 68px;
  text-align: right;
}
.quantity .cart-plus-minus > .cart-plus-minus-box {
  border: none;
  height: 30px;
  text-align: center;
  width: 65px;
  font-size: 13px;
 background: transparent ;
}
.quantity .cart-plus-minus > .qtybutton {
  cursor: pointer;
  position: absolute;
  text-align: center;
  font-size: 10px;
}
.quantity .cart-plus-minus > .qtybutton.dec {
  top: 50%;
  left: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.quantity .cart-plus-minus > .qtybutton.inc {
  border-bottom: none;
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.quantity span{
  font-size: 13px;
}
  /*----------------------------------------*/
/*    05 - Global - Color
/*----------------------------------------*/
/* ---Background Color--- */
.bg-smoke_color {
  background-color: #f5f5f5;
}

.bg-white_color {
  background-color: #ffffff;
}

.bg-wisp-pink {
  background-color: #f3ebe9;
}

.bg-snow {
  background-color: #b5b5b5;
}

.bg-clear_day {
  background-color: #ddeee9;
}

.bg-black {
  background-color: #000;
}

.bg-night_rider {
  background-color: #313131;
}

.bg-fantasy {
  background-color: #f1f1ee;
}

.bg-dim_gray {
  background-color: #6E6E6E;
}

.bg-snow {
  background-color: #f9f9f9;
}

.bg-cavern_pink {
  background-color: #dCb6b6;
}

.bg-hint-of_red {
  background-color: #f6f4f2;
}

.bg-tranquil {
  background-color: #e0f4f0;
}

.bg-sorbus {
  background-color: var(--secondary);
}

/*---- Title Colors ----*/
.white-title-color {
  color: #ffffff !important;
}

.default-title-color {
  color: var(--secondary);
}

.default-title-color-2 {
  color: #f55555;
}

.default-title-color-3 {
  color: #FF6060;
}

.default-title-color-6 {
  color: #ff794a;
}

.black-title-color {
  color: #3e3e3e;
}

/*----------------------------------------*/
/*    06 - Layout - Header
/*----------------------------------------*/

/* ---Header Logo--- */
.header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 575px) {
  .header-logo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.header-logo img {
  width: 175px;
}

/* ---Main Menu--- */
.main-nav > ul > li {
  display: inline-block;
  position: relative;
}
.main-nav > ul > li:hover .dropdown-hover {
  visibility: visible;
  opacity: 1;
}
.main-nav > ul > li:hover .mega-menu.dropdown-hover{
  top: 122px;
}
.main-nav > ul > li:hover .mega-menu.dense.dropdown-hover{
  top: 100px;
}
.main-nav > ul > li:hover .menu-text:after {
  width: 100%;
  opacity: 1;
}
.main-nav > ul > li > a {
  display: block;
  padding: 4px 12px;
  font-size: 13px;

}
.main-nav > ul > li > a.active {
  color: var(--primary) !important;
  font-weight: 700;
}
.main-nav > ul > li > a.active .menu-text:after {
  width: 100%;
  opacity: 1;
}
.main-nav > ul > li > a i {
  margin-left: 5px;
  font-size: 12px;
  vertical-align: middle;
}
.main-nav > ul > li > a .menu-text {
  position: relative;
}
.main-nav > ul > li > a .menu-text:after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 20%;
  border-bottom: 2px solid var(--primary);
  content: "";
  z-index: 1;
  opacity: 0;
  bottom: -5px;
}
.main-nav > ul > li ul li {
  position: relative;
}
.main-nav > ul > li ul li:hover .dropdown-hover-2 {
  opacity: 1;
  left: 100%;
  visibility: visible;
}

/*--- Dropdwon ---*/
.mgana-dropdown {
  background: #ffffff;
  -webkit-box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
  padding: 20px 0 24px;
  width: 230px;
}
.mgana-dropdown > li > a {
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  color: #3e3e3e;
  font-family: IRANSans, sans-serif;
  position: relative;
}
.mgana-dropdown > li > a:hover {
  color: var(--secondary);
  text-decoration: underline;
}
.mgana-dropdown > li > a.active {
  color: var(--secondary);
  text-decoration: underline;
}
.mgana-dropdown > li > a > i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2%;
  font-size: 12px;
  padding-right: 10px;
}

.dropdown-hover {
  position: absolute;
  top: 110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0.2s;
  transition: all 0.3s linear 0.2s;
  z-index: 999;
}
.mega-menu.dropdown-hover{
  position: fixed;
  opacity: 0;
  transition:none;
  align-items: center;
  display: flex;
  justify-content: space-around;
}
.dropdown-hover-2 {
  position: absolute;
  left: 110%;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0.2s;
  transition: all 0.3s linear 0.2s;
  z-index: 999;
}

/*--- Mega-Menu ---*/
.mega-menu {
  background: #ffffff;
  padding: 15px;
  width:100%;
  top:-100vh;
}
.mega-menu.three-column {
  width: 870px;
}
.mega-menu .menu-colum {
  width: 33.333%;
  padding: 15px;
  float: right;
}
.mega-menu .menu-colum ul li .mega-menu-text {
  position: relative;
  font-size: 15px;
  font-family: IRANSans, serif;
  display: inline-block;
  padding: 0 22px 2px 0px;
  margin: 0px 0px 2px 7px;
  font-weight: 700;
}
.mega-menu .menu-colum ul li .mega-menu-text:after {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 30%;
  border-bottom: 2px solid var(--secondary);
  content: "";
  z-index: 1;
}
.mega-menu .menu-colum ul li>a {
  padding: 10px 20px;
  display: block;
  font-family: IRANSans, sans-serif;
  font-size: 13px;
  line-height: 11px;
}
.mega-menu .menu-colum ul li>a:hover {
  text-decoration: underline;
}
.mega-menu .menu-colum ul li a.active {
  color: var(--primary);
  text-decoration: underline;
}

.three-column {
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  right: 50%;
}
@media (max-width: 1500px) {
  .three-column {
    -webkit-transform: translate(-30%, 0);
            transform: translate(-30%, 0);
    left: 30%;
  }
}

.four-column {
  width: 100vw;
  right: 0;
  overflow-x: hidden;
}
.four-column .four-column-wrapper {
  float: right;
  width: 60%;
  padding: 15px;
}

.shop-demo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}
.shop-demo a img {
  -webkit-transform: scale(1.01) rotate(0.05deg);
          transform: scale(1.01) rotate(0.05deg);
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  max-width: 360px;
}
.shop-demo:hover a img {
  -webkit-transform: scale(1.05) rotate(0.05deg);
          transform: scale(1.05) rotate(0.05deg);
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.shop-demo:hover .mgana-btn {
  background-color: #3e3e3e;
  color: #ffffff !important;
}
.shop-demo .demo-content {
  position: absolute;
  bottom: 50px;
  text-align: center;
}
.shop-demo .demo-content p {
  color: #ffffff;
  font-size: 16px;
}
.shop-demo .demo-content .title {
  color: #ffffff;
  font-size: 60px;

}
.shop-demo .demo-content .mgana-btn {
  display: inline-block;
}
.shop-demo .demo-content .mgana-btn:hover {
  color: #ffffff;
}

/* ---Header Right Area--- */
.header-left-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-right-area > ul > li {
  float: right;
}
.header-right-area > ul > li:nth-child(-n+2) {
  margin-left: 20px;
}
.header-left-area > ul > li.minicart-wrap > a > .minicart-count_area {
  position: relative;
}
.header-left-area > ul > li.minicart-wrap > a > .minicart-count_area span.cart-item_count {
  background-color: var(--secondary);
  color: #ffffff;
  position: absolute;
  top: -9px;
  right: -9px;
  width: 16px;
  height: 16px;
  line-height: 17px;
  font-size: 9px;
  text-align: center;
  border-radius: 100%;
}
.header-left-area > ul > li > a i {
  font-size: 15px;
}


/* ---Header 10--- */
.header-style .offcanvas-menu_wrapper.open .offcanvas-menu-inner {
  left: 0;
  right: auto;
}
.header-style .offcanvas-menu_wrapper .offcanvas-menu-inner {
  left: -285px;
}
.header-style .offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close {
  left: auto;
  right: 25px;
}
.header-style .header-logo-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-style .header-logo-2 img {
  width: 110px;
}

.header-style .header-right-area > ul > li > a i {
  font-size:15px;
}
.header-style .header-right-area > ul .minicart-wrap {
  margin-right: 0px;
}
.social-link > ul > li {
  display: inline-block;
  padding-right: 25px;
}
.header-style .social-link > ul > li {
  padding-right: 18px;
}
.header-style .social-link > ul > li > a {
  font-size: 18px;
}
.header-style .header-left-area > ul > li {
  float: right;
  margin-left: 20px;
}
.header-right-area .search-btn i{
  font-size: 15px;
}
.header-style .header-left-area > ul > li:last-child{
  margin-left: 0;
}
.header-style .header-left-area > ul > li > a {
  font-size: 24px;
}
.header-style .header-sticky .header-right-area > ul .minicart-wrap {
  margin-right: 30px;
}
.header-style .header-sticky .offcanvas-menu_wrapper.open .offcanvas-menu-inner {
  right: 0;
  left: auto;
}
.header-style .header-sticky .offcanvas-menu_wrapper .offcanvas-menu-inner {
  right: -285px;
}
.header-style .header-sticky .offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close {
  right: auto;
  left: 25px;
}
.header-style .main-nav > ul > li > a {
  margin: 0 10px;
  font-family: IRANSans , sans-serif;
}
/*----------------------------------------*/
/*    07 - Layout - Footer
/*----------------------------------------*/

.footer-area {
  padding-top: 45px;
  margin-top: 90px;
  border-top: 1px solid #ebebeb;
  background-color: #ffffff;
}
.footer-area.footer-5-no-border {
  border: none;
  margin-top: 40px;
  padding: 0;
}
.footer-area .footer-widgets-area .footer-widgets .heading-3,.search-widgets .heading-3 {
  font-family: IRANSans, serif;
  color: #1a1a1a;
  font-size: 14px;
  letter-spacing: normal;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 18px;
}
.footer-area .footer-widgets-area .footer-widgets ul li a,.search-widgets ul li a {
  color: #3e3e3e;
  font-size: 12px;
  line-height: 13px;
  font-family: IRANSans, sans-serif;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-area .footer-widgets-area .footer-widgets ul li a:hover,.search-widgets ul li a:hover {
  color: var(--primary);
  font-weight: unset;
}
.footer-area .footer-widgets-area .footer-widgets ul li:last-child a,.search-widgets ul li:last-child a {
  margin-bottom: 0px;
}
.footer-area .footer-widgets-area .footer-widgets ul li i,.search-widgets ul li i {
  font-size: 13px;
  margin-left: 15px;
  position: relative;
}

.footer-area .footer-widgets-area .footer-widgets ul li span,.search-widgets ul li span{
  vertical-align: middle;
  position: relative;
  top: 2px;
}
.footer-area .footer-widgets-area .footer-widgets .footer-widgets-content {
  color: #3e3e3e;
  font-size: 14px;
}

.footer-area .footer-bottom-area {
  margin-top: 45px;
  padding: 7px 0px;
  border-top: 1px solid #ebebeb;
}
.footer-area .footer-bottom-area .copyright span, .footer-area .footer-bottom-area .copyright a {
  color: #454545;
  font-family: IRANSans, sans-serif;
  font-size: 13px;

}
.footer-area .footer-bottom-area .copyright a:hover {
  color: var(--primary);
}

.header-bottom-footer {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 3px solid #d8d8d8;
}
.header-bottom-footer .footer-widgets-area .footer-widgets ul li a {
  color: #3e3e3e;
  font-size: 13px;
  line-height: 13px;
  font-family: IRANSans, sans-serif;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-bottom-footer .footer-widgets-area .footer-widgets ul li a:hover {
  color: var(--secondary);
}
.header-bottom-footer .footer-widgets-area .footer-widgets ul li:last-child a {
  margin-bottom: 0px;
}
.header-bottom-footer .footer-widgets-area .footer-widgets ul li i {
  font-size: 18px;
  margin-right: 20px;
  position: relative;
}

.header-bottom-footer .footer-widgets-area .footer-widgets ul li span {
  vertical-align: middle;
  position: relative;
  top: 2px;
}
.header-bottom-footer .footer-widgets-area .footer-widgets .footer-widgets-content {
  color: #3e3e3e;
  font-size: 14px;
}

.footer-area-transparent {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
}

.footer-area-transparent .copyright span, .footer-area-transparent .copyright a {
  font-family: "Fjalla One", Sans-serif;
  font-size: 11px;
  font-weight: normal;

  letter-spacing: 1px;
  color: #ffffff;
}

.footer-area-transparent .social-link-2 ul li a {
  color: #3e3e3e;
}
.footer-area-transparent .social-link-2 ul li a:hover {
  color: #dda973;
}

.footer-top-area-2 {
  padding: 170px 0px 66px;
  margin-top: 90px;
}

.footer-top-area-2 .logo img {
  width: 253px;
}

.footer-top-area-2 .custom-col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27.2%;
          flex: 0 0 27.2%;
  max-width: 27.2%;
}

.footer-top-area-2 .custom-col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72.8%;
          flex: 0 0 72.8%;
  max-width: 72.8%;
}


.bg-footer-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 493px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


/*----------------------------------------*/
/*    08 - Pages - Shop
/*----------------------------------------*/
/*----------------------------------------*/
/*    08 - Pages - Shop
/*----------------------------------------*/
/* ---Shop Toolbar--- */
.shop-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px 0 15px 0;
  position: relative;
}

.shop-toolbar .product-page_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991px) {
  .shop-toolbar .product-page_count {
    justify-content: flex-end;
    width: 100%;
  }
}
.product-page_count > p {
  margin-bottom: 0;
  font-size: 12px;
  color: var(--text-gray);
}
.shop-toolbar .product-selection_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991px) {
  .shop-toolbar .product-selection_wrap {

    justify-content: flex-start;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .shop-toolbar .product-selection_wrap {
    display: block;
  }
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav {
  text-align: center;
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li {
  position: relative;
  padding: 12px 0 12px 20px;
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown {
  border: 1px solid #e5e5e5;
  background: #ffffff;
  position: absolute;
  text-align: center;
  cursor: pointer;
  width: 90px;
  top: 80px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
@media (max-width: 575px) {
  .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown {
    width: 100%;
  }
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown.show-wrap {
  width: 115px;
}
@media (max-width: 575px) {
  .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown.show-wrap {
    width: 100%;
  }
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown.sort-wrap {
  width: 150px;
  text-align: right;
}
@media (max-width: 575px) {
  .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown.sort-wrap {
    width: 100%;
  }
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li {
  padding: 1px 15px;
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li:hover button {
  color: var(--primary);
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li button {
  color: #3e3e3e;
  font-size: 12px;
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li button.active {
  color: var(--primary);
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li:hover > ul.ps-dropdown {
  top: 50px;
  opacity: 1;
  visibility: visible;
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li:hover > a {
  color: var(--primary);
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li:hover > a > i:before {
  content: "\f078";
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > a {
  font-size: 12px;
}
.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > a > i {
  vertical-align: middle;
  padding-right: 6px;
  font-size: 8px;
}

/* ---Filter Body--- */
.filter-body {
  box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.09);
  padding: 25px 30px;
  margin-bottom: 30px;
  display: none;
  position: absolute;
  top: 45px;
  width: 100%;
  background: #ffffff;
  z-index: 100;
}
.filter-body .widgets-area.filter-item_area {
  padding-top: 0;
}
@media (max-width: 767px) {
  .filter-body .widgets-area.filter-item_area {
    padding-top: 25px;
  }
}
.filter-body .widgets-area.filter-item_area .heading {
  font-size: 14px;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .filter-body .widgets-area.filter-item_area .heading {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .filter-body .widgets-area.filter-item_area .price-filter .price-slider-amount .filter-btn {
    width: 70px;
  }
}

/*-- Shop Masonry --*/
.shop-masonry .product-item .single-product .product-img .add-actions > ul > li > a {
  border-radius: 100%;
}

/*----------------------------------------*/
/*    09 - Pages - Single Product
/*----------------------------------------*/
.single-product-main-area .vertical-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.single-product-main-area .vertical-tab .product-details_slider {
  width: 85%;
  padding-left: 20px;
}
@media (max-width: 1500px) {
  .single-product-main-area .vertical-tab .product-details_slider {
    width: 82%;
  }
}
@media (max-width: 479px) {
  .single-product-main-area .vertical-tab .product-details_slider {
    padding-left: 10px;
    width: 80%;
  }
}
.single-product-main-area .vertical-tab .pd-slider-nav {
  width: 15%;
  height: 100%;
}
@media (max-width: 1500px) {
  .single-product-main-area .vertical-tab .pd-slider-nav {
    width: 18%;
  }
}
@media (max-width: 479px) {
  .single-product-main-area .vertical-tab .pd-slider-nav {
    width: 20%;
  }
}
.single-product-main-area .vertical-tab .pd-slider-nav .slick-list {
  margin-bottom: -10px;
  margin-top: -10px;
  padding: 0px;
}
.single-product-main-area .vertical-tab .pd-slider-nav .single-thumb {
  margin: 10px 0px;
}
.single-product-main-area .vertical-tab .pd-slider-nav .single-thumb.slick-active.first-active img {
  border: 1px solid #454545;
}
.single-product-main-area .vertical-tab .pd-slider-nav .single-thumb img {
  width: 100%;
}
.single-product-main-area .product-details-img .product-details_slider .single-image {
  position: relative;
}
.single-product-main-area .product-details-img .product-details_slider .single-image .inner-stuff {
  position: absolute;
  bottom: 20px;
  left: 0px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single-product-main-area .product-details-img .product-details_slider .single-image .inner-stuff > ul > li:not(:last-child) {
  margin-bottom: 15px;
}
.single-product-main-area .product-details-img .product-details_slider .single-image .inner-stuff > ul > li > a {
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-product-main-area .product-details-img .product-details_slider .single-image .inner-stuff > ul > li > a:hover {
  background-color: #3e3e3e;
  color: #ffffff;
}
@media (max-width: 575px) {
  .single-product-main-area .product-details-img .product-details_slider .single-image .inner-stuff > ul > li > a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .single-product-main-area .product-details-img .product-details_slider .single-image .inner-stuff > ul > li > a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
}
.single-product-main-area .product-details-img .product-details_slider .single-image:hover .inner-stuff {
  left: 20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single-product-main-area .product-summery .product-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-product-main-area .product-summery .product-head .product-title {
  font-family: IRANSans, serif;
  font-size: 20px;
  font-weight: 600;
  color: #3e3e3e;
}
@media (max-width: 479px) {
  .single-product-main-area .product-summery .product-head .product-title {
    margin-bottom: 10px;
  }
}
.single-product-main-area .product-summery .price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0px;
}
@media (max-width: 479px) {
  .single-product-main-area .product-summery .price-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.single-product-main-area .product-summery .price-box .regular-price {
  font-size: 20px;
}
@media (max-width: 479px) {
  .single-product-main-area .product-summery .price-box .regular-price {
    margin-bottom: 10px;
  }
}
.single-product-main-area .product-summery .price-box .rating-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.single-product-main-area .product-summery .price-box .rating-meta .rating-box > ul > li a {
  font-size: 12px;
}

.single-product-main-area .product-summery .price-box .rating-meta .meta a {
  font-size: 12px;
  font-family: IRANSans, sans-serif;
}

.single-product-main-area .product-summery .product-description {
  padding-top: 20px;
}
.single-product-main-area .product-summery .product-description p {
  font-size: 12px;
  text-align: justify;
  font-family: IRANSans, sans-serif;
}
.single-product-main-area .product-summery .product-variant table {
  width: 100%;
}
.single-product-main-area .product-summery .product-variant table th {
  font-size: 13px;
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-weight: 400;
}
.single-product-main-area .product-summery .product-variant table td {
  font-size: 14px;
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-weight: 400;
    text-align: left;
}
.single-product-main-area .product-summery .product-variant table td .myniceselect {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-radius: 0px;
  color: #3e3e3e;
}
.single-product-main-area .product-summery .product-variant table td .product-color a {
  height: 22px;
  width: 22px;
  display: block;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .single-product-main-area .product-summery .quantity-with_btn .add-to_cart .border-button {
    width: 200px;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .single-product-main-area .product-summery .quantity-with_btn .add-to_cart .border-button {
    width: 180px;
    height: 60px;
    line-height: 56px;
    font-size: 16px;
  }
}
.single-product-main-area .product-summery .add-actions {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 25px;
}
.single-product-main-area .product-summery .add-actions ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-product-main-area .product-summery .add-actions ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  font-size: 11px;
  font-family: IRANSans, sans-serif;

  margin-right: 10px;
}
.single-product-main-area .product-summery .add-actions ul li a i {
  font-size: 14px;
  padding-right: 5px;
}
.single-product-main-area .product-summery .sku {
  margin-top: 20px;
}
.single-product-main-area .product-summery .sku > span {
  font-size: 12px;
  line-height: 21.6px;
}
.single-product-main-area .product-summery .categories li {
  text-transform: capitalize;
  color: #494949;
  display: inline-block;
  font-size: 12px;
}
.single-product-main-area .product-summery .categories li a {
  color: var(--secondary);
  text-transform: capitalize;
  line-height: 21.6px;
  font-size: 12px;
  font-family: IRANSans, sans-serif;
}
.single-product-main-area .product-summery .categories li a:hover {
  text-decoration: underline;
}
/*-- Single Product Tab --*/
.single-product-tab-area .product-top-tab {
  border-bottom: 1px solid #ebebeb;
    margin-bottom: 50px;
    margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 575px) {
  .single-product-tab-area .product-top-tab {
    margin-top: 52px;
  }
}
.single-product-tab-area .product-top-tab .nav li {
  margin-right: 40px;
}
@media (max-width: 575px) {
  .single-product-tab-area .product-top-tab .nav li {
    margin-top: 20px;
  }
}
.single-product-tab-area .product-top-tab .nav li a {
  border-bottom: 5px solid transparent;
  letter-spacing: 0;
  display: inline-block;
  font-size: 14px;
  padding: 0 0px 10px;
  position: relative;
  font-weight: 400;
  color: #b5b5b5;

  font-family: IRANSans, sans-serif;
}
@media (max-width: 575px) {
  .single-product-tab-area .product-top-tab .nav li a {
    line-height: 10px;
  }
}
.single-product-tab-area .product-top-tab .nav li a.active {
  border-bottom: 5px solid transparent;
  letter-spacing: 0;
  display: inline-block;
  font-size: 14px;
  padding: 0 0px 10px;
  position: relative;
  font-weight: bold;
  border-color: inherit;
  color: #1a1a1a;

  font-family: IRANSans, sans-serif;
}
.single-product-tab-area .product-top-tab .nav li a.active:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #1a1a1a;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.single-product-tab-area .product-top-tab .nav li a.active:hover {
  color: #1a1a1a;
}
.single-product-tab-area .product-top-tab .nav li a:hover {
  color: var(--secondary);
}
.single-product-tab-area .tab-content .desc-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .single-product-tab-area .tab-content .desc-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.single-product-tab-area .tab-content .desc-body .inner-img {
  width: 30%;
}
@media (max-width: 767px) {
  .single-product-tab-area .tab-content .desc-body .inner-img {
    width: 100%;
    padding-bottom: 30px;
  }
}
.single-product-tab-area .tab-content .desc-body .inner-content {
  width: 70%;
  padding-right: 30px;
}
.single-product-tab-area .tab-content .desc-body .inner-content .short-desc {
  font-size: 13px;
}
@media (max-width: 767px) {
  .single-product-tab-area .tab-content .desc-body .inner-content {
    width: 100%;
    padding-left: 0px;
  }
}
.single-product-tab-area .tab-content .additional-summery .additional-summery-item {
  border: 1px solid #ebebeb;
  width: 100%;
}
.single-product-tab-area .tab-content .additional-summery .additional-summery-item tbody tr th, .single-product-tab-area .tab-content .additional-summery .additional-summery-item tbody tr td {
  padding: 10px;
  vertical-align: top;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  font-weight: 400;
  font-family: IRANSans, sans-serif;
  font-size: 12px;
}

/* ---Review Body--- */
.review-body > h3.heading {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 30px;
  display: block;
  color: #041632;
  line-height: 1.4;
  font-family: IRANSans, serif;
}
.review-body .user-info {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-body .user-info-container{
  max-height: 300px;
  overflow-y: auto;
}
@media (max-width: 575px) {
  .review-body .user-info > li.user-avatar {
    padding-bottom: 15px;
  }
}
.user-avatar img{
    width: 65px;
    border-radius: 100%;
}
.review-body .user-info > li.user-comment {
    padding-right: 20px;
    width: 100%;
}
.review-body .user-info > li.user-comment .meta {
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-size: 14px;
  padding: 5px 0px;
}
.review-body .user-info > li.user-comment .meta strong {
  font-size: 14px;
}
.review-body .user-info > li.user-comment .meta span {
  font-size: 12px;
}
.review-body .user-info > li.user-comment > p.short-desc {
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-size: 12px;
  line-height: 20px;
}
.review-body .user-info:last-child{
  border-bottom: none;
}
.review-body .user-feedback{
  background: #fafafa;
  padding: 20px;
  margin: 10px 20px;
  box-shadow: 0 2px 6px rgba(17, 17, 17,.2);
}

.review-body .user-feedback > h3.heading {
  padding-bottom: 7px;
  line-height: 25.6px;
  font-size: 16px;
}
.review-body .user-feedback .rating-box {
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: flex-end;
}
.review-body .user-feedback .rating-box > span {
  padding-right: 25px;
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-size: 14px;
}
.review-body .user-feedback .rating-box > ul > li {
  vertical-align: middle;
}
.review-body .user-feedback form.feedback-form {
  padding-top: 15px;
}
.review-body .user-feedback form.feedback-form .comment-field label.label-field {
  padding-bottom: 10px;
  display: block;
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-size: 14px;
}
.review-body .user-feedback form.feedback-form .comment-field textarea.textarea-field {
  border: 1px solid #e5e5e5;
  padding: 10px;
  height: 100px;
  width: 100%;
  margin-top: 10px;
}
.review-body .user-feedback form.feedback-form .comment-field textarea:focus {
  border: 1px solid var(--primary);
}
.review-body .user-feedback form.feedback-form .group-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-body .user-feedback form.feedback-form .group-input .name-field{
  margin-left: 10px;
}
.review-body .user-feedback form.feedback-form .group-input input{
  padding: 10px;
}
.review-body .user-feedback form.feedback-form .group-input input::placeholder,
.review-body .user-feedback form.feedback-form .comment-field textarea::placeholder{
  font-size: 11px;
}
.review-body .user-feedback form.feedback-form .group-input input.input-field {
  height: 40px;
  width: 100%;
}
.review-body .user-feedback form.feedback-form .group-input input:focus {
  border: 1px solid var(--primary);
}
.review-body .user-feedback form.feedback-form .comment-btn_wrap {
  padding-top: 10px;
}
.single-product-title h4 {

  font-weight: 400;
  margin-bottom: 40px;
  font-family: IRANSans, serif;
  font-size: 20px;
  line-height: 12px;
  text-align: center;
}
/*-- Grouped Product --*/
.grouped-product-wrapper .grouped-qty {
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grouped-product-wrapper .grouped-qty .quantity {
  margin-right: 40px;
}
.grouped-product-wrapper .grouped-qty .quantity .cart-plus-minus .cart-plus-minus-box {
  border: 0px;
}

/*-- Custom Style Product --*/
.custom-style-1-wrapper .horizontal-tab .pd-slider-nav {
  height: 100%;
  width: 80%;
  margin: 20px auto 0 auto;
}
@media (max-width: 767px) {
  .custom-style-1-wrapper .horizontal-tab .pd-slider-nav {
    margin: 20px auto 30px auto;
  }
}
.custom-style-1-wrapper .horizontal-tab .pd-slider-nav .slick-list {
  margin-right: -30px;
}
.custom-style-1-wrapper .horizontal-tab .pd-slider-nav .single-thumb {
  padding: 0px 30px 0 0;
}
.custom-style-1-wrapper .horizontal-tab .pd-slider-nav .single-thumb.slick-active.first-active img {
  border: 1px solid #454545;
}
.custom-style-1-wrapper .horizontal-tab .pd-slider-nav .single-thumb img {
  width: 100%;
  border: 1px solid transparent;
}

.custom-style-3-wrapper .single-product-main-area .vertical-tab .product-details_slider {
  padding: 0 20px 0 0;
}

/*-- Custom Sticky Product --*/
.sticky-sidebar-product .single-image-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sticky-sidebar-product .single-image-small span {
    width: calc(50% - 10px);
}
.sticky-sidebar-product .single-image-small img {
  width: 100%;
}
@media (max-width: 767px) {
  .sticky-sidebar-product .product-summery .inner-wrapper-sticky {
    -webkit-transform: none !important;
            transform: none !important;
  }
}

/*-- Custom Slider Product --*/
.slider-sidebar-product .product-details-img {
  margin-bottom: 75px;
  overflow: hidden;
}
.slider-sidebar-product .product-details-img .single-image img {
  padding: 0 15px;
}
.slider-sidebar-product .product-details-img .slick-list {
  margin: 0 -15px;
}
.slider-sidebar-product .pd-tab_item .pb-tab-list-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.slider-sidebar-product .pd-tab_item > ul > li:not(:last-child) {
  margin-bottom: 20px;
}
.slider-sidebar-product .pd-tab_item > ul > li > a {
  border-bottom: 2px solid #3e3e3e;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-size: 14px;
  font-weight: 700;
}
.slider-sidebar-product .pd-tab_item > ul > li > ul.pd-tab_body {
  display: none;
  padding-top: 35px;
}
.slider-sidebar-product .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .brand-img {
  float: left;
  margin-right: 25px;
  width: 38.7%;
}
@media (max-width: 479px) {
  .slider-sidebar-product .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .brand-img {
    width: 100%;
    margin-right: 0;
    padding-bottom: 25px;
  }
}
.slider-sidebar-product .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .pd-tab_content {
  width: 100%;
}
.slider-sidebar-product .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .pd-tab_content > p.short-desc {
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  padding-bottom: 20px;
  font-size: 14px;
}
.slider-sidebar-product .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .pd-tab_content th, .slider-sidebar-product .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .pd-tab_content td {
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-size: 14px;
  font-weight: 400;
}
.slider-sidebar-product .pd-tab_item > ul > li.active .pd-tab_body {
  display: block;
}
.slider-sidebar-product .pd-tab_item > ul > li.active.open a i:before {
  content: "\ea68";
}
.slider-sidebar-product .pd-tab_item > ul > li.open a {
  color: var(--secondary);
}
.slider-sidebar-product .pd-tab_item > ul > li.open a i:before {
  content: "\ea68";
}
.slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (max-width: 575px) {
  .slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 {
    display: block !important;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 > li.user-avatar {
    padding-bottom: 15px;
  }
}
.slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 > li.user-comment {
  padding-left: 30px;
}
@media (max-width: 575px) {
  .slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 > li.user-comment {
    padding-left: 0;
  }
}
.slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 > li.user-comment .meta {
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-size: 14px;
  padding: 5px 0px;
}
.slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 > li.user-comment .meta strong {
  font-size: 14px;
}
.slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 > li.user-comment .meta span {
  font-size: 12px;
}
.slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .user-info-2 > li.user-comment > p.short-desc {
  font-family: IRANSans, sans-serif;
  color: #3e3e3e;
  font-size: 14px;
  line-height: 25.2px;
}
.slider-sidebar-product .pd-tab_item .pd-tab_content .review-body .feedback-form .group-input .input-field {
  width: calc(100% - 30px);
}

/*----------------------------------------*/
/*    10 - Pages - Blog
/*----------------------------------------*/
.blog-area-wrapper {
  margin-top: 80px;
}
.blog-area-wrapper .blog-inner-box {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
}
.blog-area-wrapper .blog-inner-box .blog-thumbnail {
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .blog-area-wrapper .blog-inner-box .blog-thumbnail {
    display: block;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumbnail img {
  width: 100%;
}
.blog-area-wrapper .blog-inner-box .blog-thumbnail .date-post {
  position: absolute;
  height: 70px;
  width: 70px;
  background-color: rgba(35, 35, 35, 0.9);
  opacity: 0.9;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0;
  right: 0;
  padding: 10px 0;
  text-align: center;
  font-family: IRANSans, sans-serif;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-thumbnail .date-post {
    height: 50px;
    width: 50px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumbnail .date-post span {
  color: #ffffff;
}
.blog-area-wrapper .blog-inner-box .blog-thumbnail .date-post .day-post {
  font-size: 21px;

}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-thumbnail .date-post .day-post {
    font-size: 16px;
    line-height: 16px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumbnail .date-post .month-post {
  font-size: 14px;

}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-thumbnail .date-post .month-post {
    font-size: 10px;
    line-height: 10px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumb-content {
  background-color: var(--secondary);
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  cursor: pointer;
  pointer-events: none;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content {
  padding: 30px;
  width: 100%;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content {
    padding: 15px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-content {
  font-size: 26px;
  line-height: 1.7;
  font-family: IRANSans, serif;
  letter-spacing: 3px;
  width: 100%;
  font-weight: 600;
  margin: 10px auto 15px;
  color: #ffffff;
}
@media (max-width: 1199px) {
  .blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-content {
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 1px;
  }
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-content {
    font-size: 20px;
    line-height: 1.4;
    margin: 10px auto 12px;
    letter-spacing: 1px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-content:before {
  content: "\ea7a";
  font-family: LaStudioIcons;
  font-size: 30px;
  line-height: 1;
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-content:before {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-author {
  font-family: IRANSans, serif;
  font-style: italic;
  font-size: 16px;
  color: #ffffff;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-author {
    font-size: 12px;
    line-height: 12px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-author:before {
  content: "";
  width: 50px;
  border-top: 2px solid;
  display: block;
  margin: 0 auto 12px;
  opacity: 0.3;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-thumb-content .format-content .quote-author:before {
    margin: 0 auto 10px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-thumb-video {
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: 1;
}
.blog-area-wrapper .blog-inner-box .blog-thumb-video .popup-video i {
  font-size: 20px;
  height: 66px;
  width: 66px;
  line-height: 66px;
  background: #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blog-area-wrapper .blog-inner-box .blog-content {
  padding-bottom: 30px;
}
.blog-area-wrapper .blog-inner-box .blog-content .blog-meta {
  padding-top: 15px;
}
.blog-area-wrapper .blog-inner-box .blog-content .blog-meta a {

  font-size: 11px;
  font-weight: 700;
  font-family: IRANSans, sans-serif;
  color: #1a1a1a;
}
.blog-area-wrapper .blog-inner-box .blog-content .blog-meta a:hover {
  color: var(--secondary);
  text-decoration: underline;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-content .blog-meta a {
    font-size: 10px;
    line-height: 10px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-content .blog-title a {
  font-size: 22px;
  padding: 0px 20px 18px 20px;
  display: block;
  font-family: IRANSans, serif;
  color: #1a1a1a;
}
.blog-area-wrapper .blog-inner-box .blog-content .blog-title a:hover {
  color: var(--secondary);
}
@media (min-width: 1501px) {
  .blog-area-wrapper .blog-inner-box .blog-content .blog-title a {
    font-size: 28px;
    line-height: 1.2;
  }
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-content .blog-title a {
    font-size: 18px;
    line-height: 24px;
    padding: 0px 10px 10px 10px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-content .desc-content p {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .blog-area-wrapper .blog-inner-box .blog-content .desc-content p {
    font-size: 14px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-content .desc-content:last-child p {
  margin-bottom: 0px;
}
.blog-area-wrapper .blog-inner-box .blog-content .read-more a {

  text-decoration: underline;
  font-size: 12px;
  font-family: IRANSans, sans-serif;
  letter-spacing: 1px;
  color: #1a1a1a;
}
.blog-area-wrapper .blog-inner-box .blog-content .read-more a:hover {
  text-decoration: none;
  color: var(--secondary);
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-inner-box .blog-content .read-more a {
    font-size: 10px;
    line-height: 10px;
  }
}
.blog-area-wrapper .blog-inner-box .blog-content .read-more-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.blog-area-wrapper .blog-inner-box .blog-content .read-more-2::before {
  content: "";
  display: inline-block;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  margin-right: 30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.blog-area-wrapper .blog-inner-box .blog-content .read-more-2 a {
  line-height: 26px;
  padding: 10px 40px;
  font-size: 12px;
  font-family: IRANSans, serif;
  letter-spacing: 1px;
  background-color: #1a1a1a;
  color: #ffffff;

}
.blog-area-wrapper .blog-inner-box .blog-content .read-more-2 a:hover {
  background-color: var(--secondary);
}
.blog-area-wrapper .blog-inner-box .blog-content .read-more-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.blog-area-wrapper .blog-inner-box .blog-content .read-more-3 a {
  line-height: 26px;
  padding: 10px 40px;
  font-size: 12px;
  font-family: IRANSans, serif;
  letter-spacing: 1px;
  background-color: #1a1a1a;
  color: #ffffff;

}
.blog-area-wrapper .blog-inner-box .blog-content .read-more-3 a:hover {
  background-color: var(--secondary);
}
.blog-area-wrapper .blog-thumbnail-quote .blog-inner-box .blog-thumb-content {
  margin-bottom: 30px;
}
.blog-area-wrapper .blog-thumbnail-quote .blog-inner-box .blog-thumb-content .format-content {
  background-color: #f9f9f9;
}
.blog-area-wrapper .blog-thumbnail-quote .blog-inner-box .blog-thumb-content .format-content .quote-content {
  color: #3e3e3e;
  font-weight: 400;
  width: 430px;
}
@media (max-width: 575px) {
  .blog-area-wrapper .blog-thumbnail-quote .blog-inner-box .blog-thumb-content .format-content .quote-content {
    width: 400px;
  }
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-thumbnail-quote .blog-inner-box .blog-thumb-content .format-content .quote-content {
    width: 230px;
  }
}
.blog-area-wrapper .blog-thumbnail-quote .blog-inner-box .blog-thumb-content .format-content .quote-author {
  color: #3e3e3e;
}
.blog-area-wrapper .nav-post-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 479px) {
  .blog-area-wrapper .nav-post-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.blog-area-wrapper .nav-post-link .nav-post-button {
  font-size: 12px;
  font-family: IRANSans, sans-serif;
  margin-top: 10px;
  display: block;
}
.blog-area-wrapper .nav-post-link .nav-previous {
  width: 50%;
}
@media (max-width: 479px) {
  .blog-area-wrapper .nav-post-link .nav-previous {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.blog-area-wrapper .nav-post-link .nav-previous .nav-post-title {
  width: 230px;
  color: #3e3e3e;
  display: block;
}
.blog-area-wrapper .nav-post-link .nav-previous .nav-post-title:hover {
  color: var(--secondary);
}
.blog-area-wrapper .nav-post-link .nav-next {
  width: 50%;
}
@media (max-width: 479px) {
  .blog-area-wrapper .nav-post-link .nav-next {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
  }
}
.blog-area-wrapper .nav-post-link .nav-next .nav-post-title {
  width: 230px;
  margin: 0 0 0 auto;
  color: #3e3e3e;
  display: block;
}
@media (max-width: 479px) {
  .blog-area-wrapper .nav-post-link .nav-next .nav-post-title {
    margin: 0 auto;
    text-align: center;
  }
}
.blog-area-wrapper .nav-post-link .nav-next .nav-post-title:hover {
  color: var(--secondary);
}
.blog-area-wrapper .blog-feedback_area {
  padding-top: 45px;
}
.blog-area-wrapper .blog-feedback_area > h2.heading {
  font-size: 24px;
  line-height: 33.6px;
  padding-bottom: 25px;
}
.blog-area-wrapper .blog-feedback_area > li:not(:last-child) {
  margin-bottom: 30px;
}
.blog-area-wrapper .blog-feedback_area > li.user-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-feedback_area > li.user-body {
    display: block;
    text-align: center;
  }
}
.blog-area-wrapper .blog-feedback_area > li.user-body.sub-user_body {
  margin-left: 25px;
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-pic {
  width: 75px;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-feedback_area > li.user-body .user-pic {
    padding-bottom: 30px;
    width: 100%;
  }
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
  border: 1px solid #d8d8d8;
  width: calc(100% - 75px);
  margin-left: 25px;
  padding: 30px;
}
@media (max-width: 479px) {
  .blog-area-wrapper .blog-feedback_area > li.user-body .user-content {
    width: 100%;
    margin-left: 0;
    padding: 15px;
  }
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content > h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content > h3.user-name > a {
  font-size: 16px;
  line-height: 19.2px;
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content > h3 .user-meta {
  color: #979797;
  padding-left: 5px;
  font-size: 12px;
  line-height: 21px;
  font-family: IRANSans, sans-serif;
  font-weight: 400;
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content > p.user-feedback {
  border-bottom: 1px solid #d8d8d8;
  font-family: IRANSans, sans-serif;
  font-size: 14px;
  line-height: 25.2px;
  padding-bottom: 20px;
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content .reply-btn_wrap {
  padding-top: 10px;
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content .reply-btn_wrap > a.reply-btn {
  color: #3e3e3e;
  font-weight: 600;
  font-size: 12px;
  line-height: 21px;
  display: inline-block;
  font-family: IRANSans, sans-serif;
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content .reply-btn_wrap > a.reply-btn > span {
  padding-right: 5px;
  vertical-align: middle;
}
.blog-area-wrapper .blog-feedback_area > li.user-body .user-content .reply-btn_wrap > a:hover {
  color: var(--secondary);
}
.blog-area-wrapper .review-body .user-feedback .heading {
  font-weight: 400;
}
.blog-area-wrapper .blog-post-title > h2.heading {
  font-size: 24px;
  line-height: 16px;
  font-weight: 600;

}
.blog-area-wrapper .blog-post-title > h2.heading > span {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 50px;
  display: inline-block;
}
.blog-area-wrapper .blog-post-title > h2.heading > span:before {
  background-color: #3e3e3e;
  width: 20%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.blog-area-wrapper .single-blog-post-carousel .slick-list {
  margin: 0 -20px;
}
.blog-area-wrapper .single-blog-post-carousel .blog-post-wrapper .post-inner-box {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
  background-color: #ffffff;
  padding: 0px;
  margin: 0 20px 10px 20px;
}
.blog-area-wrapper .single-blog-post-carousel .blog-post-wrapper .post-inner-box .post-content .post-title a {
  padding: 0px 20px 18px 20px;
}
.blog-area-wrapper.blog-custom-style-1 .blog-inner-box {
  position: relative;
}
.blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content {
  width: 570px;
  background-color: #ffffff;
  position: absolute;
  padding: 10px 50px 44px 50px;
  bottom: 50px;
  left: 50px;
}
@media (max-width: 1199px) {
  .blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content {
    padding: 0 40px 24px 40px;
  }
}

@media (max-width: 767px) {
  .blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content {
    padding: 0px 20px 0px 20px;
    width: 100%;
    position: relative;
    left: 0;
    right: auto;
    bottom: 0px;
  }
}

@media (max-width: 767px) {
  .blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content .blog-meta {
    padding-top: 15px;
  }
}
.blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content .blog-title a {
  padding-right: 0px;
}
@media (max-width: 767px) {
  .blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content .read-more {
    line-height: 14px;
  }
}
.blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content .date-post {
  position: absolute;
  height: 70px;
  width: 70px;
  background-color: rgb(35, 35, 35);
  opacity: 0.9;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0;
  right: 0;
  padding: 10px 0;
  text-align: center;
  font-family: IRANSans, sans-serif;
}
@media (max-width: 767px) {
  .blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content .date-post {
    display: none;
  }
}
.blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content .date-post .day-post {
  color: #ffffff;
  font-size: 21px;
}
.blog-area-wrapper.blog-custom-style-1 .blog-inner-box .blog-content .date-post .month-post {
  color: #ffffff;
  font-size: 14px;
}

/*----------------------------------------*/
/*    13 - Pages - My Account
/*----------------------------------------*/
.account-page-area {
  padding: 100px 0;
}
.account-page-area .myaccount-tab-trigger {
  display: block;
}

.account-page-area .myaccount-tab-trigger li {
  display: block;
}
.account-page-area .myaccount-tab-trigger li:first-child {
  margin-top: -1px;
}
.account-page-area .myaccount-tab-trigger li a {
  display: block;
  background-color: #3e3e3e;
  color: #ffffff;

  font-weight: 600;
  padding: 10px 20px;
  font-size: 14px;
}
.account-page-area .myaccount-tab-trigger li a.active {
  background-color: var(--secondary);
  color: #ffffff;
}
.account-page-area .myaccount-tab-trigger li a.active:hover {
  color: #ffffff !important;
}
.account-page-area .myaccount-tab-trigger li a:hover {
  color: var(--secondary);
}

.myaccount-tab-content {
  border: 1px solid #e5e5e5;
  padding: 30px;
}
@media (max-width: 479px) {
  .myaccount-tab-content {
    padding: 0;
    border: 0;
  }
}

.myaccount-dashboard p {
  margin-bottom: 20px;
}
.myaccount-dashboard p:last-child {
  margin-bottom: 0;
}

.myaccount-orders .table {
  margin-bottom: 0;
}
.myaccount-orders .table .account-order-id:hover {
  color: var(--secondary);
}
.myaccount-orders .table.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.myaccount-orders .table td,
.myaccount-orders .table th {
  vertical-align: middle;
  text-align: center;
}
@media (max-width: 767px) {
  .myaccount-orders .table td,
.myaccount-orders .table th {
    min-width: 180px;
  }
}
.myaccount-orders .table td > a.mgana-btn {
  margin: 0 auto;
}
.myaccount-orders .small-title {
  margin-bottom: 15px;
}

@media (max-width: 575px) {
  .myaccount-address .row {
    display: block;
  }
}
@media (max-width: 575px) {
  .myaccount-address .row [class*=col-]:last-child address {
    margin-bottom: 0;
  }
}
.myaccount-address h4.small-title {

}
@media (max-width: 767px) {
  .myaccount-address h4.small-title {
    text-transform: capitalize;
    font-size: 18px;
  }
}

/* ---My Account Form Style--- */
.mgana-form,
.mgana-form-boxed {
  padding: 30px;
  border-radius: 0;
  border: 1px solid #e5e5e5;
}
.mgana-form .mgana-form-inner,
.mgana-form-boxed .mgana-form-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -20px;
}
@media (max-width: 479px) {
  .mgana-form .mgana-form-inner,
.mgana-form-boxed .mgana-form-inner {
    display: block;
  }
}
.mgana-form .mgana-form-inner .single-input,
.mgana-form-boxed .mgana-form-inner .single-input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-top: 20px;
}
@media (max-width: 479px) {
  .mgana-form .mgana-form-inner .single-input,
.mgana-form-boxed .mgana-form-inner .single-input {
    max-width: 100% !important;
  }
}
.mgana-form .mgana-form-inner .single-input.single-input-half,
.mgana-form-boxed .mgana-form-inner .single-input.single-input-half {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 15px);
          flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
}
.mgana-form .mgana-form-inner .single-input label,
.mgana-form-boxed .mgana-form-inner .single-input label {
  margin-bottom: 8px;
  display: block;
}
.mgana-form .mgana-form-inner .single-input input,
.mgana-form .mgana-form-inner .single-input select,
.mgana-form .mgana-form-inner .single-input textarea,
.mgana-form-boxed .mgana-form-inner .single-input input,
.mgana-form-boxed .mgana-form-inner .single-input select,
.mgana-form-boxed .mgana-form-inner .single-input textarea {
  padding: 0 15px;
  border: 1px solid #e5e5e5;
  height: 40px;
  width: 100%;
}
.mgana-form .mgana-form-inner .single-input input:first-child,
.mgana-form-boxed .mgana-form-inner .single-input input:first-child {
  margin-top: 20px;
}
.mgana-form .mgana-form-inner .single-input .checkbox-input,
.mgana-form-boxed .mgana-form-inner .single-input .checkbox-input {
  display: inline-block;
}
.mgana-form .mgana-form-inner .single-input .checkbox-input label,
.mgana-form-boxed .mgana-form-inner .single-input .checkbox-input label {
  display: inline-block;
}
.mgana-form .mgana-form-inner a,
.mgana-form-boxed .mgana-form-inner a {
  font-size: 13px;
}
.mgana-form .mgana-form-inner a:hover,
.mgana-form-boxed .mgana-form-inner a:hover {
  color: var(--secondary);
}


/*----------------------------------------*/
/*    16 - Pages - Wishlist
/*----------------------------------------*/
.mgana-wishlist_area {
  padding: 90px 0;
}

.wishlist-content table {
  border-color: #e5e5e5;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.wishlist-content table th {
  border-top: medium none;
  font-size: 15px;
  text-transform: capitalize;
  padding: 20px 10px;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  border: none;
  background-color: #f7f7f7;
}
.wishlist-content table td {
  border-top: medium none;
  padding: 18px 10px;
  vertical-align: middle;
  font-size: 13px;
}
.wishlist-content table td.mgana-product_remove {
  font-size: 20px;
}
.wishlist-content table td.mgana-product_remove > a > i {
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wishlist-content table td.mgana-product-thumbnail img {
  width: auto;
  height: 100%;
}
.wishlist-content table td.mgana-product-name {
  font-size: 16px;
  text-transform: capitalize;
  min-width: 180px;
}
.wishlist-content table td.mgana-product-price {
  font-size: 16px;
}
.wishlist-content table td.mgana-product-stock-status {
  min-width: 100px;
}
.wishlist-content table td.mgana-product-stock-status span.in-stock, .wishlist-content table td.mgana-product-stock-status span.out-stock {
  font-size: 12px;
  text-transform: capitalize;
}
.wishlist-content table td.mgana-product-stock-status span.out-stock {
  color: #ff0000;
}
.wishlist-content table td.mgana-cart_btn a {
  font-size: 14px;

  background: #3e3e3e;
  color: #ffffff;
  height: 40px;
  line-height: 43px;
  width: 130px;
  display: inline-block;
}
.wishlist-content table td.mgana-cart_btn a:hover {
  background: var(--secondary);
  color: #ffffff !important;
}

/*----------------------------------------*/
/*    17 - Pages - Compare
/*----------------------------------------*/
.compare-area {
  padding: 90px 0;
}

.compare-table .table thead th {
  border-width: 1px;
  padding: 15px 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.compare-table .table tbody tr {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.compare-table .table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.01);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.compare-table .table tbody tr td,
.compare-table .table tbody tr th {
  vertical-align: middle;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.compare-table .table tbody tr th {
  min-width: 200px;
}
.compare-table .table tbody tr td {
  min-width: 250px;
}
.compare-table .table tbody tr td .compare-pdoduct-image {
  max-width: 200px;
  display: inline-block;
  padding: 20px 0;
}
.compare-table .table tbody tr td .compare-pdoduct-image a {
  display: inline-block;
}
.compare-table .table tbody tr td .compare-pdoduct-image a.mgana-btn {
  display: block;
  margin-top: 30px;
}
.compare-table .table tbody tr td .compare-pdoduct-image a.mgana-btn:hover {
  color: #ffffff !important;
}
.compare-table .table tbody tr td .compare-product-name {
  font-size: 14px;
  margin-bottom: 0;
}
.compare-table .table tbody tr td .compare-product-name a {
  -webkit-transition-property: color;
  transition-property: color;
}
.compare-table .table tbody tr td .rating-box > ul > li {
  display: inline-block;
}

/*----------------------------------------*/
/*    18 - Pages - Cart
/*----------------------------------------*/
.mgana-cart_area {
  padding: 90px 0;
}

.cart-content table {
  border-color: #e5e5e5;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.cart-content table th {
  border-top: medium none;
  font-size: 15px;
  text-transform: capitalize;
  padding: 20px 10px;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  border: none;
  background-color: #f7f7f7;
}
.cart-content table td {
  border-top: medium none;
  padding: 18px 10px;
  vertical-align: middle;
  font-size: 13px;
}
.cart-content table td.mgana-product_remove {
  font-size: 20px;
}
.cart-content table td.mgana-product_remove > a > i {
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cart-content table td.mgana-product-thumbnail img {
  width: auto;
  height: 100%;
}
.cart-content table td.mgana-product-name {
  font-size: 16px;
  text-transform: capitalize;
  min-width: 180px;
}
.cart-content table td.mgana-product-price {
  font-size: 16px;
}
.cart-content table td.mgana-product-stock-status {
  min-width: 100px;
}
.cart-content table td.mgana-product-stock-status span.in-stock, .cart-content table td.mgana-product-stock-status span.out-stock {
  font-size: 12px;
  text-transform: capitalize;
}
.cart-content table td.mgana-product-stock-status span.out-stock {
  color: #ff0000;
}

.cart-shipping-wrapper {
  background: #F9F9F9;
  padding: 30px 30px 0;
  top: 30px;
}
.cart-shipping-wrapper .cart-totals .title {
  font-size: 20px;
  padding: 10px 0;
  margin-bottom: 20px;
  color: #1a1a1a;
}
.cart-shipping-wrapper table {
  width: 100%;
}
.cart-shipping-wrapper table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cart-shipping-wrapper table tbody .cart-subtotal, .cart-shipping-wrapper table tbody .cart-shipping, .cart-shipping-wrapper table tbody .order-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cart-shipping-wrapper table tbody tr th {
  color: #1a1a1a;
  font-size: 14px;
  font-family: IRANSans, sans-serif;
  padding: 10px 0;
}
.cart-shipping-wrapper table tbody tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0px;
}
.cart-shipping-wrapper table tbody tr td span {
  font-family: IRANSans, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 600;
}
.cart-shipping-wrapper table tbody tr td .shipping-method > li:nth-child(-n+2) {
  margin-bottom: 20px;
  font-size: 14px;
  font-family: IRANSans, sans-serif;
}
.cart-shipping-wrapper table tbody .order-total {
  border-top: 1px solid #DBDBDB;
}
.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form {
  display: none;
  margin-top: 15px;
}
.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form .nice-select {
  border-radius: 0;
  margin-bottom: 10px;
}
.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form .nice-select .current {
  font-size: 12px;
  font-weight: 400;
}
.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form .checkout-form-list {
  margin-bottom: 10px;
}
.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form .checkout-form-list .input-text {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 0;
  border: solid 1px #e8e8e8;
}

.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form .checkout-form-list .input-text:-ms-input-placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #1a1a1a;
}
.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form .checkout-form-list .input-text:placeholder-shown {
  font-size: 12px;
  font-weight: 400;
  color: #1a1a1a;
}
.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form .checkout-form-list .shipping-inner_btn {
  font-size: 14px;
  display: inline-block;
  background-color: #1a1a1a;
  color: #fff;
  margin: 0;
  padding: 18px 30px;
  cursor: pointer;
  text-align: center;
  line-height: 1;
  border: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cart-shipping-wrapper .shipping-calculator .shipping-calculator-form .checkout-form-list .shipping-inner_btn:hover {
  background-color: var(--secondary);
}
.cart-collaterals .order-button-payment .mgana-btn {
  background-color: #1a1a1a;
  font-family: IRANSans, sans-serif;
  text-transform: capitalize;
}
.cart-collaterals .order-button-payment .mgana-btn:hover {
  background-color: var(--secondary);
}

/*----------------------------------------*/
/*    22 - Components - Button
/*----------------------------------------*/
.mgana-btn {
  -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
          box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
  background-color: #3e3e3e;
  color: #ffffff;
  width: 140px;
  height: 36px;
  line-height: 36px;
  display: block;
  text-align: center;

  font-weight: 400;
  font-size: 13px;
}
@media (max-width: 767px) {
  .mgana-btn {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .mgana-btn {
    width: 100px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}
.mgana-btn.mgana-btn-2 {
  height: 46px;
  line-height: 46px;
  width: 150px;
  font-size: 12px;
}
@media (max-width: 479px) {
  .mgana-btn.mgana-btn-2 {
    height: 35px;
    line-height: 35px;
    width: 120px;
  }
}
.mgana-btn:hover {
  background-color: var(--secondary);
  color: #ffffff;
}
.mgana-btn.white-hover:hover {
  background-color: #ffffff;
  color: #3e3e3e;
}
.mgana-btn.mgana-btn-13 {
  height: 46px;
  line-height: 46px;
  width: 150px;
  font-size: 10px;
  letter-spacing: 1px;

  font-family: "Lato", sans-serif;
}
@media (max-width: 479px) {
  .mgana-btn.mgana-btn-13 {
    height: 35px;
    line-height: 35px !important;
    width: 120px;
  }
}
.mgana-btn.mgana-btn-13.color-13 {
  background-color: rgb(255, 75, 75);
}
.mgana-btn.mgana-btn-13:hover {
  background-color: rgb(221, 169, 115);
  color: #ffffff;
}
.mgana-btn.mgana-btn-13.border-13 {
  background-color: transparent;
  border: 1px solid #ffffff;
  line-height: 43px;
}
.mgana-btn.mgana-btn-13.border-13:hover {
  border: 1px solid rgb(221, 169, 115);
  background-color: rgb(221, 169, 115);
  line-height: 43px;
}
.mgana-btn.mgana-btn-14 {

  font-family: "Lato", sans-serif;
}
.mgana-btn.mgana-btn-14:hover {
  background-color: rgb(221, 169, 115);
  color: #ffffff;
}
.mgana-btn.mgana-btn-14.border-14 {
  background-color: transparent;
  border: 2px solid #b5b5b5;
  font-size: 14px;
  font-weight: bold;

  line-height: 4;
  letter-spacing: 2px;
  color: #3e3e3e;
}
.mgana-btn.mgana-btn-14.border-14:hover {
  border: 2px solid rgb(221, 169, 115);
  background-color: rgb(221, 169, 115);
  line-height: 4;
  color: #ffffff;
}
@media (max-width: 767px) {
  .mgana-btn.mgana-btn-14.border-14 {
    width: 180px;
    height: 60px;
    line-height: 4;
  }
}
.mgana-btn.btn_fullwidth {
  width: 100%;
}
.mgana-btn.white-color {
  background-color: #ffffff;
  color: #3e3e3e;
}
.mgana-btn.white-color:hover {
  background-color: #3e3e3e;
  color: #ffffff;
}
.mgana-btn.white-color.specific-hover_color:hover {
  background-color: var(--secondary);
  color: #ffffff;
}
.mgana-btn.white-color.specific-hover_color-2:hover {
  background-color: #f55555;
  color: #ffffff;
}
.mgana-btn.white-color.specific-hover_color-3:hover {
  background-color: #FF6060;
  color: #ffffff;
}
.mgana-btn.primary-color {
  background-color: var(--secondary);
  color: #ffffff;
  width: 180px;
}
.mgana-btn.primary-color:hover {
  background-color: #ffffff;
  color: #3e3e3e;
}
.mgana-btn.whisper-color {
  border: 1px solid #979797;
  color: #1a1a1a !important;
  font-family: IRANSans, sans-serif;
  width: 150px;
  line-height: 57px;
}
@media (max-width: 767px) {
  .mgana-btn.whisper-color {
    height: 60px;
  }
}
.mgana-btn.whisper-color:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: #ffffff !important;
}
.mgana-btn.transparent-btn {
  background-color: transparent;
}

.header-6 .mgana-btn {
  font-family: "Fjalla One", sans-serif;
}



/*--- Button Border Style  ---*/
.border-button {
  -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
          box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  width: 200px;
  height: 60px;
  line-height: 56px;
  display: block;
  text-align: center;

  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 767px) {
  .border-button {
    width: 120px;
    height: 40px;
    line-height: 35px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .border-button {
    width: 100px;
    height: 35px;
    line-height: 31px;
    font-size: 14px;
  }
}
.border-button.border-color-2 {
  border: 1px solid #3e3e3e;
  color: #3e3e3e;
  font-weight: 400;
  font-family: IRANSans, sans-serif;
}
.border-button.border-color-2:hover {
  color: #ffffff;
}
.border-button:hover {
  border: 2px solid #FF6060;
  background-color: #FF6060;
  color: #ffffff;
}

/*--- View More Button ---*/
.view-more-btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding-top: 20px;
  text-align: center;
}
.view-more-btn_wrap .view-more {
  position: relative;
  font-size: 12px !important;

  line-height: 18px;
  padding: 10px 20px;
  min-width: 170px;
  background-color: transparent;
  font-family: IRANSans, sans-serif;
  color: #1a1a1a;
  border: 1px solid #ebebeb;
}
.view-more-btn_wrap .view-more:hover {
  color: #ffffff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.view-more-btn_wrap .view-more:hover:before {
  border-color: var(--secondary);
}
.view-more-btn_wrap .view-more:hover:after {
  border-color: var(--secondary);
}
.view-more-btn_wrap .view-more:before {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 1px solid #ebebeb;
  width: 60px;
  -webkit-transition: inherit;
  transition: inherit;
  left: 100%;
}
.view-more-btn_wrap .view-more:after {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 1px solid #ebebeb;
  width: 60px;
  -webkit-transition: inherit;
  transition: inherit;
  right: 100%;
}
.view-more-btn_wrap .hover-2:hover {
  background-color: #dda973;
  border-color: #dda973;
}
.view-more-btn_wrap .hover-3:hover {
  background-color: #827021;
  border-color: #827021;
}
.view-more-btn_wrap .hover-3:hover:before {
  border-top: 1px solid #827021;
}
.view-more-btn_wrap .hover-3:hover:after {
  border-top: 1px solid #827021;
}
.view-more-btn_wrap .hover-4:hover {
  background-color: #73bcc3;
  border-color: #73bcc3;
}
.view-more-btn_wrap .hover-4:hover:before {
  border-top: 1px solid #73bcc3;
}
.view-more-btn_wrap .hover-4:hover:after {
  border-top: 1px solid #73bcc3;
}
.view-more-btn_wrap .view-more-2 {
  font-family: "Fjalla One", Sans-serif;
  font-size: 18px;
  letter-spacing: 5px;

  margin: 0px 0px 90px 0px;
  padding: 0px 0px 15px 0px;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #d8d8d8;
}
.view-more-btn_wrap .view-more-3 {
  font-family: "Acme", Sans-serif;
  font-size: 26px;
  font-weight: 400;
  fill: #3e3e3e;
  color: #3e3e3e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.view-more-btn_wrap .view-more-4 {
  border-color: #73bcc3;
}
.view-more-btn_wrap .view-more-4:before {
  border-color: #73bcc3;
}
.view-more-btn_wrap .view-more-4:after {
  border-color: #73bcc3;
}
.view-more-btn_wrap .view-more-5 {
  position: relative;
  font-size: 12px;

  line-height: 18px;
  padding: 9px 20px;
  min-width: 170px;
  background-color: transparent;
  font-family: IRANSans, sans-serif;
  color: #1a1a1a;
  border: 1px solid #c7c7c7;
}
.view-more-btn_wrap .view-more-5:hover {
  background-color: #3e3e3e;
  border-color: #3e3e3e;
  color: #ffffff;
}

/*----------------------------------------*/
/*    23 - Components - Navigation
/*----------------------------------------*/
/*--- Offcanvas Close Button ---*/
.btn-close {
  position: absolute;
  top: 0;
  right: -60px;
  background: #3e3e3e;
  width: 25px;
  height: 25px;
  line-height: 26px;
  text-align: center;
  z-index: 10;
  font-size: 20px;
}
@media (max-width: 479px) {
  .btn-close {
    left: -50px;
    width: 50px;
  }
}
.btn-close:hover {
  color: var(--secondary);
}
.btn-close:hover > i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btn-close > i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  display: inline-block;
  font-size: 18px;
}
.btn-close.white-close_btn {
  color: #ffffff !important;
}

/*--- Offcanvas ---*/
.mobile-menu_wrapper .offcanvas-menu-inner,
.offcanvas-minicart_wrapper .offcanvas-menu-inner,
.offcanvas-search_wrapper .offcanvas-menu-inner {
  color: #151515;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  right: -380px;
  width: 320px;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  overflow-y: auto;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (max-width: 479px) {
  .mobile-menu_wrapper .offcanvas-menu-inner,
.offcanvas-minicart_wrapper .offcanvas-menu-inner,
.offcanvas-search_wrapper .offcanvas-menu-inner {
    width: 320px;
  }
}
.mobile-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_logo,
.offcanvas-minicart_wrapper .offcanvas-menu-inner .offcanvas-inner_logo,
.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-inner_logo {
  padding: 30px 0;
  text-align: center;
}
.mobile-menu_wrapper.open .offcanvas-menu-inner,
.offcanvas-minicart_wrapper.open .offcanvas-menu-inner,
.offcanvas-search_wrapper.open .offcanvas-menu-inner {
  visibility: visible;
  right: 0;
  opacity: 1;
  z-index: 999;
}


/*--- Offcanvas Minicart Area ---*/
.offcanvas-minicart_wrapper .offcanvas-menu-inner {
  padding:0;
  width: 350px;
  -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
@media (max-width: 479px) {
  .offcanvas-minicart_wrapper .offcanvas-menu-inner {
    width: 100%;
  }
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .btn-close {
  background: transparent;
  color: #3e3e3e;
  top: 0;
  left: 20px;
  right: auto;
  font-size: 28px;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .btn-close:hover {
  color: var(--text-dark);
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .btn-close:focus{
  border: none;
  box-shadow: none;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-heading > h4 {
  margin-bottom: 0;
  padding-bottom: 25px;
  font-size: 18px;
  line-height: 21.6px;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list {
  max-height: 540px;
  position: relative;
  overflow: auto;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li {
  padding-bottom: 30px;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li:last-child {
  padding-bottom: 0;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product > button.product-item_remove > i {
  position: absolute;
  font-size: 13px;
  top: 4px;
  left: 4px;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_img {
  max-width: 80px;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content {
  -ms-flex-preferred-size: calc(100% - 70px);
      flex-basis: calc(100% - 70px);
  max-width: calc(100% - 70px);
  margin-right: 15px;
  margin-top: 7px;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content a.product-item_title {
  color: #494949;
  line-height: 1.2;
  font-size: 13px;
  width: 87%;
  display: block;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content a.product-item_title:hover {
  font-weight: 700;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content .product-item_quantity {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #3a7d85;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-item_total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  padding: 9px 0;
  border-top: 2px solid #212529;
  font-weight: 700;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area {
  padding-bottom: 30px;
}
.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area .hiraola-btn {
  height: 60px;
  line-height: 60px;
  color: #ffffff !important;
}

/*--- Offcanvas Menu Wrapper ---*/
.offcanvas-menu_wrapper .offcanvas-menu-inner {
  padding: 120px 60px 0;
  position: fixed;
  top: 0;
  right: -285px;
  width: 470px;
  height: 100%;
  background: #ffffff;
  z-index: 9999;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  text-align: left;
}
@media (max-width: 479px) {
  .offcanvas-menu_wrapper .offcanvas-menu-inner {
    padding: 120px 30px 0;
    width: 100%;
  }
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close {
  top: 45px;
  left: 25px;
  width: auto;
  line-height: 1;
  height: auto;
  display: block;
  font-size: 28px;
  background-color: transparent;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close:hover {
  background: transparent;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li {
  cursor: pointer;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li:first-child {
  padding-top: 0;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li:last-child > a {
  padding-bottom: 0;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li:last-child ul > li:first-child {
  padding-top: 35px !important;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li:hover > a {
  color: var(--secondary);
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li:first-child {
  padding-top: 0;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > a {
  width: 100%;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > ul {
  height: 160px;
  overflow-y: auto;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > ul > li > a {
  font-size: 14px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li > a {
  font-size: 14px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > ul {
  display: none;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > ul li > a {
  display: inline-block;
  padding-bottom: 20px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > ul li:last-child > a {
  padding-bottom: 25px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > a {
  display: block;
  padding-bottom: 35px;
  position: relative;
  line-height: 1;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > a > i {
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.open > a > i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner {
  padding-top: 140px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img {
  position: relative;
  cursor: pointer;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img:before {
  background-color: #000000;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img:hover:before {
  width: calc(100% - 40px);
  height: calc(100% - 30px);
  top: 15px;
  left: 20px;
  opacity: 0.3;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info {
  padding-top: 35px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info > span {
  display: block;
  font-size: 14px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info > span:not(:last-child) {
  padding-bottom: 10px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info .payment {
  padding-top: 20px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info .copyright {
  padding: 20px 0 25px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info .copyright span a {
  font-size: 14px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li {
  cursor: pointer;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li:first-child {
  padding-top: 0;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li:last-child > a {
  padding-bottom: 0;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li:last-child ul > li:first-child {
  padding-top: 15px !important;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li:hover > a {
  color: var(--primary);
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li.has-sub ul > li:first-child {
  padding-top: 0;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > a {
  width: 100%;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > ul {
  height: 160px;
  overflow-y: auto;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > ul > li > a {
  font-size: 14px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li.has-sub ul > li > a {
  font-size: 14px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li > ul {
  display: none;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li > ul li > a {
  display: inline-block;
  padding-bottom: 3px;

  font-size: 11px !important;
  color: #3E3E3E;
  letter-spacing: 0px;
  line-height: 2;
  font-weight: 400;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li > ul li:last-child > a {
  padding-bottom: 25px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li > a {
  display: block;
  padding-bottom: 14px;
  position: relative;
  line-height: 1;

  font-size: 12px;
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li > a > i {
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.offcanvas-menu_wrapper .offcanvas-menu-inner-2 .offcanvas-inner_nav ul li.open > a > i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.offcanvas-menu_wrapper.open .offcanvas-menu-inner {
  left: auto;
  right: 0;
  opacity: 1;
  visibility: visible;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  padding: 100px 0;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close {
  color: #ffffff;
  top: 0;
  left: auto;
  right: 0;
  font-size: 40px;
}
@media (max-width: 1500px) {
  .offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close {
    right: 90px;
  }
}
@media (max-width: 767px) {
  .offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close {
    right: 30px;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close {
    right: 15px;
  }
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close:hover {
  color: var(--secondary);
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul {
  max-height: 520px;
  overflow-y: auto;
  width: 100%;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li.active > a {
  color: #ffffff;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li:hover > a {
  color: #ffffff;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li.has-sub > ul > li.inner-sub > a {
  width: auto;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li.has-sub > ul > li.inner-sub > a > i {
  position: relative;
  right: -5px;
  vertical-align: middle;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > ul > li:hover > a {
  color: #ffffff;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > ul > li a {
  color: #919191;
  font-size: 20px;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > ul > li a:hover {
  color: #ffffff;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > a {
  font-family: "Playfair Display", serif;
  color: #919191;
  font-size: 36px;
}
.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > a > i {
  position: relative;
  vertical-align: middle;
  left: 10px;
  right: auto;
}
.offcanvas-menu_wrapper.fullscreen-menu.open .offcanvas-menu-inner {
  opacity: 1;
}

.header-6 .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > a {
  font-family: "Fjalla One", sans-serif;
}

.header-8 .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > a {
  font-family: "Acme", sans-serif;
}

/*--- Mobile Menu Wrapper ---*/
.mobile-menu_wrapper .btn-close-2 > i {
  color: #ffffff;
  position: absolute;
  top: 40px;
  right: 30px;
  font-size: 25px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.mobile-menu_wrapper .btn-close-2 > i:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: var(--primary);
}
.mobile-menu_wrapper .offcanvas-menu-inner {
  padding: 80px 0 0;
  border-top: 10px solid var(--primary);
  left: unset;
  right: -385px;
}
.mobile-menu_wrapper.open .offcanvas-menu-inner {
  right: 0;
}

.user-setting_area {
  padding-top: 45px;
}
#mobileMenu .btn-close{
  background: transparent;
  right: unset;
  left: 15px;
}
/*--- Offcanvas Navigation Area ---*/
.offcanvas-navigation .mobile-menu > li {
  height: 100%;
}
.offcanvas-navigation .mobile-menu > li > a span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.offcanvas-navigation .mobile-menu li {
  position: relative;
}
.offcanvas-navigation .mobile-menu li:not(:last-child) {
  padding-bottom: 15px;
}
.offcanvas-navigation .mobile-menu li > .menu-expand {
  position: absolute;
  right: 0;
  top: 2px;
  width: 50px;
  height: 100%;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  margin-right: 4px;
  font-size: 20px;
}
.offcanvas-navigation .mobile-menu li a {
  color: var(--text-dark);
  font-size: 13px;

  display: block;
  padding: 0 30px;
}
.offcanvas-navigation .mobile-menu li .sub-menu {
  background-color: rgba(255, 255, 255, 0.05);
  overflow-y: auto;
  padding: 25px 0;
  margin: 0 0 10px;
}
.offcanvas-navigation .mobile-menu li .sub-menu li a {

  font-size: 12px;
  font-family: IRANSans, sans-serif;
}
.offcanvas-navigation .mobile-menu li .sub-menu li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.offcanvas-navigation .mobile-menu li .sub-menu li.menu-open > a > span > i:before {
  content: "\f107";
}
.offcanvas-navigation .mobile-menu li.menu-open > a {
  color: var(--primary);
}
.offcanvas-navigation .mobile-menu li.menu-open > a > span > i:before {
  content: "\f107";
}
/*----------------------------------------*/
/*    25 - Components - Slider
/*----------------------------------------*/
.home-slider .slide-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-slider .slide-item .inner-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.home-slider .slide-item .inner-slide .slide-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 38%;
}

@media (max-width: 767px) {
  .home-slider .slide-item .inner-slide .slide-content {
    max-width: 85%;
    margin: 0 auto;
  }
}
@media (max-width: 479px) {
  .home-slider .slide-item .inner-slide .slide-content {
    max-width: 100%;
  }
}
.home-slider .slide-item .inner-slide .slide-content.white-text h4,
.home-slider .slide-item .inner-slide .slide-content.white-text h1,
.home-slider .slide-item .inner-slide .slide-content.white-text p {
  color: #ffffff;
}
.home-slider .slide-item.slide-left_center {
  position: relative;
  overflow: hidden;
}
.home-slider .slide-item.slide-left_center .inner-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .home-slider .slide-item.slide-left_center .inner-slide {
    display: block;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-content.slider-content-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content {
  position: relative;
  left: 9%;
}
@media (max-width: 1199px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content {
    left: 0;
  }
}
@media (max-width: 767px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > h4 {
  line-height: 20px;
  letter-spacing: 12px;
  font-weight: 400;
  font-size: 12px;

}
.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > h1 {
  line-height: 74px;
  letter-spacing: 6px;
  font-weight: 600;
  font-size: 59px;

}

@media (max-width: 479px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > h1 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 4px;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > p {
  line-height: 20px;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: 16px;

  font-family: IRANSans, serif;
}
@media (max-width: 479px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > p {
    font-size: 14px;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content span {
  border: 1px solid #ffffff;
  width: 270px;
  display: block;
  margin: 15px auto 25px auto;
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content .slide-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 10%;
}
@media (max-width: 1500px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img {
    left: 8%;
  }
}
@media (max-width: 767px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img {
    display: none;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
@media (max-width: 1500px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img img {
    width: 80%;
    height: 80%;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 20%;
}
@media (max-width: 991px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 {
    left: 8%;
  }
}
@media (max-width: 767px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 {
    display: block;
  }
}
@media (max-width: 479px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
@media (max-width: 1500px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 img {
    width: 80%;
    height: 80%;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 .inner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 .inner-content .black-title-color {
  font-family: "Lora", serif;
  line-height: 32px;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 25px;
  border-color: rgb(255, 255, 255);
  color: rgb(62, 62, 62);
  margin: 10px 0;
}
@media (max-width: 767px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 .inner-content .black-title-color {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 .inner-content .black-title-color {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 .inner-content .black-title-color {
    font-size: 11px;
  }
}
.home-slider .slide-item.slide-left_center .inner-slide .slide-img-2 .inner-content .slide-btn {
  margin-top: 10px;
}
/*-- Home 11 slider --*/
.autoplay-video_slider {
  position: relative;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.autoplay-video_slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.autoplay-video_slider .slick-slide {
  position: relative;
  outline: 0;
  height: 39vw;
  min-height: 920px;
  display: block;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide {
    min-height: 780px;
  }
}
@media (max-width: 991px) {
  .autoplay-video_slider .slick-slide {
    min-height: 650px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide {
    min-height: 550px;
  }
}
@media (max-width: 575px) {
  .autoplay-video_slider .slick-slide {
    min-height: 493px;
  }
}
.autoplay-video_slider .slick-slide iframe {
  position: relative;
  pointer-events: none;
}
.autoplay-video_slider .slick-slide.slick-active {
  z-index: 1;
}
.autoplay-video_slider .slick-slide.slick-active .video-slide_content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
  font-family: "Acme", sans-serif;
  color: rgb(100, 99, 141);

}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-1 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 991px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-1 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-1 {
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 575px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-1 {
    font-size: 16px;
    line-height: 18px;
  }
}
.autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-2 {
  color: rgb(100, 99, 141);
  font-size: 178px;
  line-height: 198px;
  font-weight: 400;
  font-family: "Acme", sans-serif;
}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-2 {
    font-size: 150px;
    line-height: 150px;
  }
}
@media (max-width: 1199px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-2 {
    font-size: 140px;
    line-height: 140px;
  }
}
@media (max-width: 991px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-2 {
    font-size: 100px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-2 {
    font-size: 80px;
    line-height: 80px;
  }
}
@media (max-width: 575px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-2 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 479px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-title-2 {
    font-size: 40px;
    line-height: 60px;
  }
}
.autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-content {
  color: rgb(95, 198, 98);
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
  font-family: "Acme", sans-serif;
}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-content {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-content {
    font-size: 22px;
    line-height: 22px;
  }
}
@media (max-width: 479px) {
  .autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-content {
    font-size: 18px;
    line-height: 18px;
  }
}
.autoplay-video_slider .slick-slide.slick-active .video-slide_content .slide-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.autoplay-video_slider .slick-slide.slick-active .inner-content {
  position: absolute;
  top: 50%;
  left: 20%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1800px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content {
    left: 15%;
  }
}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content {
    left: 10%;
  }
}
.autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
  font-family: "Acme", sans-serif;
  color: rgb(62, 62, 62);

}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 991px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1 {
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 575px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1 {
    font-size: 16px;
    line-height: 18px;
  }
}
.autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-1 {
  width: 540px;
}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-1 {
    width: 430px;
  }
}
@media (max-width: 991px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-1 {
    width: 390px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-1 {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-1 {
    width: 180px;
  }
}
.autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-2 {
  width: 575px;
}
@media (max-width: 991px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-2 {
    width: 446px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-2 {
    width: 360px;
  }
}
@media (max-width: 575px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-1.title-width-2 {
    width: 250px;
  }
}
.autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-2 {
  color: rgb(145, 29, 255);
  font-size: 178px;
  line-height: 198px;
  font-weight: 400;
  font-family: "Acme", sans-serif;
}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-2 {
    font-size: 150px;
    line-height: 150px;
  }
}
@media (max-width: 1199px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-2 {
    font-size: 140px;
    line-height: 140px;
  }
}
@media (max-width: 991px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-2 {
    font-size: 100px;
    line-height: 100px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-2 {
    font-size: 80px;
    line-height: 80px;
  }
}
@media (max-width: 575px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-2 {
    font-size: 60px;
    line-height: 60px;
  }
}
@media (max-width: 479px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-title-2 {
    font-size: 40px;
    line-height: 60px;
  }
}
.autoplay-video_slider .slick-slide.slick-active .inner-content .slide-content {
  color: rgb(145, 29, 255);
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
  font-family: "Acme", sans-serif;
}
@media (max-width: 1500px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-content {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-content {
    font-size: 22px;
    line-height: 22px;
  }
}
@media (max-width: 479px) {
  .autoplay-video_slider .slick-slide.slick-active .inner-content .slide-content {
    font-size: 18px;
    line-height: 18px;
  }
}
.autoplay-video_slider .slick-slide.slick-active .inner-content .slide-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bg-14 {
  min-height: 580px;
}

/*-- Slider content left & right --*/
.left-20 {
  left: 20%;
  display: block;
  position: absolute;
}
@media (max-width: 575px) {
  .left-20 {
    left: 10%;
  }
}

/*-- Home Background image --*/
.bg-position {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*----------------------------------------*/
/*    27 - Components - Product Category
/*----------------------------------------*/
.product-category-area {
  padding-bottom: 41px;
}
@media (max-width: 767px) {
  .product-category-area {
    padding-bottom: 36px;
  }
}
.product-category-area .slick-list {
  margin-right: -25px;
  margin-left: -25px;
}
@media (max-width: 1199px) {
  .product-category-area .slick-list {
    margin-right: -20px;
    margin-left: -20px;
  }
}
/*----------------------------------------*/
/*    28 - Components - Product
/*----------------------------------------*/

.tab-section_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 33px;
}

@media (max-width: 767px) {
  .product-menu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.product-menu li a {
  color: #b5b5b5;
  font-size: 18px;
  font-weight: 400;
  font-family: IRANSans, sans-serif;
  padding: 0 30px;

}
@media (max-width: 767px) {
  .product-menu li a {
    padding: 0 24px;
  }
}
@media (max-width: 575px) {
  .product-menu li a {
    padding: 0 14px;
  }
}
@media (max-width: 479px) {
  .product-menu li a {
    font-size: 14px;
    padding: 0 15px;
  }
}
.product-menu li a:hover, .product-menu li a.active {
  color: #3e3e3e;
}

.product-item .single-product .product-img {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.product-item .single-product .product-img > a {
  display: block;
}
.product-item .single-product .product-img > a img {
  width: 100%;
  height: 100%;
}
.product-item .single-product .product-img .add-actions {
  position: absolute;
  bottom: 7px;
  left: 7px;
  right: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
}
.product-item .single-product .product-img .add-actions > ul > li {
  display: inline-block;
}
.product-item .single-product .product-img .add-actions > ul > li:not(:last-child) {
  margin-right: 5px;
}

.product-item .single-product .product-img .add-actions > ul > li:last-child  button {
  padding-right: 0;
}
.product-item .single-product .product-img .add-actions > ul > li  button {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  color: #3e3e3e;
  -webkit-transition: 0.03s !important;
  transition: 0.03s !important;
}
.product-item .single-product .product-img .add-actions > ul > li  button:hover {
  -webkit-transition: 0.03s !important;
  transition: 0.03s !important;
}
.product-item .single-product .product-img .add-actions > ul > li  button > i {
  font-size: 14px;
}
.product-item .single-product .product-content {
  padding-top: 15px;
}
.product-item .single-product .product-content .product-desc_info .price-box .new-price {
  font-size: 18px;
}
.product-item .single-product .product-content .product-desc_info .price-box .old-price {
  color: #bbbbbb;
  text-decoration: line-through;
  font-size: 15px;
  margin-left: 10px;
}
.product-item .single-product .product-content .product-desc_info h3.product-name {
  font-family: IRANSans, sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: inherit;
}
.product-item .single-product .product-content .product-desc_info h3.product-name > a {
  font-size: 18px;
  line-height: 19px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .product-item .single-product .product-content .product-desc_info h3.product-name > a {
    font-size: 18px;
  }
}
.product-item .single-product .product-content .product-desc_info .price-box > span {
  font-family: IRANSans, sans-serif;
}
.product-item .single-product .product-content .product-desc_info .price-box > span.new-price {
  color: #494949;
  line-height: 20.8px;
  font-size: 16px;
}
.product-item .single-product:hover .product-img .add-actions {
  opacity: 1;
}


.box-label .label-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #000000;
  border-right: 50px solid transparent;
}
.box-label .label-1 span {
  color: #ffffff;
  position: absolute;
  bottom: 25px;
  left: 5px;

  font-size: 12px;
}
.box-label .label-2 {
  position: absolute;
  top: 5px;
  right: 5px;
}
.box-label .label-2 span {
  background: #000000;
  color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: block;
}
.box-label .label-3 {
  position: absolute;
  top: 0;
  right: 0;
}
.box-label .label-3 span {
  font-size: 12px;

  background-color: #000000;
  color: #ffffff;
  padding: 5px 5px;
}
.box-label .label-4 {
  position: absolute;
  top: 18px;
  right: 0;
}
.box-label .label-4 span {
  font-size: 12px;

  background-color: #000000;
  color: #ffffff;
  padding: 5px 8px;
}

.mgana-product-tab .product-item {
  padding: 0 25px;
}
@media (max-width: 1199px) {
  .mgana-product-tab .product-item {
    padding: 0 20px;
  }
}
.mgana-product-tab .slick-list {
  margin-right: -25px;
  margin-left: -25px;
}
@media (max-width: 1199px) {
  .mgana-product-tab .slick-list {
    margin-right: -20px;
    margin-left: -20px;
  }
}
.mgana-product-tab .custom-dots .slick-dots {
  bottom: -80px;
}
.single-product-tab-area {
  margin-bottom: 76px;
}
@media (max-width: 479px) {
  .product-carousel-area .heading-one {
    font-size: 24px;
    letter-spacing: 2px;
  }
}

/*--- Product Item 3 ---*/
.mgana-product-3 .slick-list {
  margin: 0 -20px;
}

.product-item-2 {
  padding: 0 20px;
}
.product-item-2 .single-product .product-img {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.product-item-2 .single-product .product-img > a {
  display: block;
}
.product-item-2 .single-product .product-img > a img {
  width: 100%;
  height: 100%;
}
.product-item-2 .single-product .product-img > a .product-overlay {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  content: "";
  background-color: #3e3e3e;
  width: 100%;
  height: 100%;
}
.product-item-2 .single-product .product-img > a .primary-image {
  opacity: 1;
  background: #ffffff;
}
.product-item-2 .single-product .product-img > a .secondary-image {
  opacity: 0;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}
.product-item-2 .single-product .product-img:hover a .product-overlay {
  opacity: 0.3;
}
.product-item-2 .single-product .product-img:hover .primary-image {
  opacity: 0;
}
.product-item-2 .single-product .product-img:hover .secondary-image {
  opacity: 1;
}
.product-item-2 .single-product .product-img .add-actions {
  position: absolute;
  opacity: 0;
  top: 18%;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
}
.product-item-2 .single-product .product-img .add-actions > ul > li {
  display: block;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.product-item-2 .single-product .product-img .add-actions > ul > li:not(:last-child) {
  margin-bottom: 8px;
}
.product-item-2 .single-product .product-img .add-actions > ul > li:first-child {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.product-item-2 .single-product .product-img .add-actions > ul > li:nth-child(2) {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.product-item-2 .single-product .product-img .add-actions > ul > li:nth-child(3) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.product-item-2 .single-product .product-img .add-actions > ul > li:last-child {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
.product-item-2 .single-product .product-img .add-actions > ul > li:last-child > a {
  padding-right: 0;
}
.product-item-2 .single-product .product-img .add-actions > ul > li > a {
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
  width: 40px;
  color: #ffffff !important;
  height: 40px;
  line-height: 42px;
  border-radius: 100%;
  display: block;
  text-align: center;
  color: #3e3e3e;
  -webkit-transition: 0.03s !important;
  transition: 0.03s !important;
}
.product-item-2 .single-product .product-img .add-actions > ul > li > a:hover {
  background-color: #827021;
  border-color: #827021;
  color: #ffffff !important;
  -webkit-transition: 0.03s !important;
  transition: 0.03s !important;
}
.product-item-2 .single-product .product-img .add-actions > ul > li > a > i {
  font-size: 16px;
}
.product-item-2 .single-product .product-content {
  background: rgb(255, 255, 255);
}
.product-item-2 .single-product .product-content .product-desc_info {
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
  margin: 0 20px;
}
.product-item-2 .single-product .product-content .product-desc_info .price-box .new-price {
  font-size: 18px;
}
.product-item-2 .single-product .product-content .product-desc_info .price-box .old-price {
  color: #bbbbbb;
  text-decoration: line-through;
  font-size: 15px;
  margin-left: 10px;
}
.product-item-2 .single-product .product-content .product-desc_info h3.product-name {
  font-family: "Alegreya", serif;
  color: #000;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 1.125em;
  font-style: italic;
}
.product-item-2 .single-product .product-content .product-desc_info h3.product-name > a {
  line-height: 19px;
}
@media (max-width: 1500px) {
  .product-item-2 .single-product .product-content .product-desc_info h3.product-name > a {
    font-size: 14px;
  }
}
.product-item-2 .single-product .product-content .product-desc_info .price-box > span {
  font-family: IRANSans, sans-serif;
}
.product-item-2 .single-product .product-content .product-desc_info .price-box > span.new-price {
  color: #494949;
  line-height: 20.8px;
  font-size: 16px;
}
.product-item-2 .single-product:hover .product-img .add-actions {
  opacity: 1;
}
.product-item-2 .single-product:hover .product-img .add-actions > ul > li {
  -webkit-transform: translateX(-35px);
          transform: translateX(-35px);
}

.product-item-4 {
  padding: 0 20px;
}
.product-item-4 .single-product .product-img {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.product-item-4 .single-product .product-img > a {
  display: block;
}
.product-item-4 .single-product .product-img > a img {
  width: 100%;
  height: 100%;
}
.product-item-4 .single-product .product-img > a .product-overlay {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  content: "";
  background-color: #3e3e3e;
  width: 100%;
  height: 100%;
}
.product-item-4 .single-product .product-img:hover a .product-overlay {
  opacity: 0.3;
}
.product-item-4 .single-product .product-img .add-actions {
  position: absolute;
  bottom: 50%;
  -webkit-transform: translate(0%, 80px);
          transform: translate(0%, 80px);
  opacity: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
}
.product-item-4 .single-product .product-img .add-actions > ul > li {
  display: inline-block;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.product-item-4 .single-product .product-img .add-actions > ul > li:not(:last-child) {
  margin-right: 5px;
}
.product-item-4 .single-product .product-img .add-actions > ul > li:first-child {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.product-item-4 .single-product .product-img .add-actions > ul > li:nth-child(2) {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.product-item-4 .single-product .product-img .add-actions > ul > li:nth-child(3) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.product-item-4 .single-product .product-img .add-actions > ul > li:last-child {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
.product-item-4 .single-product .product-img .add-actions > ul > li:last-child > a {
  padding-right: 0;
}
.product-item-4 .single-product .product-img .add-actions > ul > li > a {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  width: 40px;
  height: 40px;
  line-height: 42px;
  display: block;
  text-align: center;
  color: #3e3e3e;
  -webkit-transition: 0.03s !important;
  transition: 0.03s !important;
}
.product-item-4 .single-product .product-img .add-actions > ul > li > a:hover {
  background-color: #73bcc3;
  border-color: #73bcc3;
  color: #ffffff !important;
  -webkit-transition: 0.03s !important;
  transition: 0.03s !important;
}
.product-item-4 .single-product .product-img .add-actions > ul > li > a > i {
  font-size: 16px;
}
.product-item-4 .single-product .product-content {
  padding: 20px 30px;
  background-color: #ffffff;
}
.product-item-4 .single-product .product-content .product-desc_info .price-box .new-price {
  font-size: 18px;
}
.product-item-4 .single-product .product-content .product-desc_info .price-box .old-price {
  color: #bbbbbb;
  text-decoration: line-through;
  font-size: 15px;
  margin-left: 10px;
}
.product-item-4 .single-product .product-content .product-desc_info h3.product-name > a {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 18px;
  color: #000;
  text-transform: capitalize;
}
.product-item-4 .single-product .product-content .product-desc_info h3.product-name > a:hover {
  color: #73bcc3;
}
.product-item-4 .single-product .product-content .product-desc_info .price-box > span {
  font-family: "Lato", sans-serif;
}
.product-item-4 .single-product .product-content .product-desc_info .price-box > span.new-price {
  color: #000;
  line-height: 20.8px;
  font-size: 16px;
}
.product-item-4 .single-product:hover .product-img .add-actions {
  opacity: 1;
}
.product-item-4 .single-product:hover .product-img .add-actions > ul > li {
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
}

/*--- Product Item 4 ---*/
.product-item-3 {
  padding: 0 10px;
}
.product-item-3 .single-product {
  border: 1px solid #ebebeb;
  border-radius: 16px;
  overflow: hidden;
}
.product-item-3 .single-product:hover {
  -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
}
.product-item-3 .single-product .product-img {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.product-item-3 .single-product .product-img > a {
  display: block;
}
.product-item-3 .single-product .product-img > a img {
  width: 100%;
  height: 100%;
}
.product-item-3 .single-product .product-img .add-actions {
  position: absolute;
  opacity: 0;
  top: 25%;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
}
.product-item-3 .single-product .product-img .add-actions > ul > li {
  display: block;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.product-item-3 .single-product .product-img .add-actions > ul > li:not(:last-child) {
  margin-bottom: 8px;
}
.product-item-3 .single-product .product-img .add-actions > ul > li:first-child {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
.product-item-3 .single-product .product-img .add-actions > ul > li:nth-child(2) {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.product-item-3 .single-product .product-img .add-actions > ul > li:nth-child(3) {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
.product-item-3 .single-product .product-img .add-actions > ul > li:last-child {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
.product-item-3 .single-product .product-img .add-actions > ul > li:last-child > a {
  padding-right: 0;
}
.product-item-3 .single-product .product-img .add-actions > ul > li > a {
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
  width: 40px;
  color: #ffffff !important;
  height: 40px;
  line-height: 42px;
  border-radius: 100%;
  display: block;
  text-align: center;
  color: #3e3e3e;
  -webkit-transition: 0.03s !important;
  transition: 0.03s !important;
}
.product-item-3 .single-product .product-img .add-actions > ul > li > a:hover {
  background-color: #ff794a;
  border-color: #ff794a;
  color: #ffffff !important;
  -webkit-transition: 0.03s !important;
  transition: 0.03s !important;
}
.product-item-3 .single-product .product-img .add-actions > ul > li > a > i {
  font-size: 16px;
}
.product-item-3 .single-product .product-content {
  background: rgb(255, 255, 255);
}
.product-item-3 .single-product .product-content .product-desc_info {
  padding: 20px 0;
  margin: 0 20px;
}
.product-item-3 .single-product .product-content .product-desc_info .price-box .new-price {
  font-size: 18px;
}
.product-item-3 .single-product .product-content .product-desc_info .price-box .old-price {
  color: #bbbbbb;
  text-decoration: line-through;
  font-size: 15px;
  margin-left: 10px;
}
.product-item-3 .single-product .product-content .product-desc_info h3.product-name > a {
  line-height: 19px;
  font-family: "Acme", sans-serif;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 28px;
}
.product-item-3 .single-product .product-content .product-desc_info h3.product-name > a:hover {
  color: #ff794a;
}
@media (max-width: 1500px) {
  .product-item-3 .single-product .product-content .product-desc_info h3.product-name > a {
    font-size: 14px;
  }
}
.product-item-3 .single-product .product-content .product-desc_info .price-box > span {
  font-family: "Acme", sans-serif;
}
.product-item-3 .single-product .product-content .product-desc_info .price-box > span.new-price {
  color: #000;
  line-height: 20.8px;
  font-size: 20px;
}
.product-item-3 .single-product .product-content .product-desc_info .price-box > span.old-price {
  font-size: 20px;
}
.product-item-3 .single-product:hover .product-img .add-actions {
  opacity: 1;
}
.product-item-3 .single-product:hover .product-img .add-actions > ul > li {
  -webkit-transform: translateX(-35px);
          transform: translateX(-35px);
}

/*--- Product Tab 2 ---*/
.product-tab-area-2 .tab-section_area {
  padding-bottom: 84px;
}
@media (max-width: 767px) {
  .product-tab-area-2 .tab-section_area {
    padding-top: 10px;
    padding-bottom: 60px;
  }
}
.product-tab-area-2 .product-menu li a {
  font-size: 32px;
  letter-spacing: 2px;

  font-weight: 600;
  font-family: IRANSans, serif;
}
@media (max-width: 991px) {
  .product-tab-area-2 .product-menu li a {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .product-tab-area-2 .product-menu li a {
    padding: 0 14px;
    font-size: 22px;
    line-height: 16px;
  }
}
@media (max-width: 575px) {
  .product-tab-area-2 .product-menu li a {
    padding: 0 10px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 575px) {
  .product-tab-area-2 .product-menu li {
    line-height: 12px;
  }
}
@media (max-width: 575px) {
  .product-tab-area-2 .product-menu li {
    line-height: 16px;
  }
}

/*--- Product Tab 4 ---*/
.product-tab-4 {
  padding-top: 87px;
}
@media (max-width: 767px) {
  .product-tab-4 {
    padding-top: 55px;
  }
}
@media (max-width: 575px) {
  .product-tab-4 {
    padding-top: 53px;
  }
}

/*--- Product Tab 6 ---*/
.product-tab-6 .product-menu li a {
  font-size: 20px;
  text-transform: capitalize;
}
.product-tab-6 .product-menu-2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-tab-6 .product-menu-2 li a {
  font-size: 36px;
  line-height: 36px;

  font-family: "Fjalla One", sans-serif;
  color: #b5b5b5;
  font-weight: normal;
  letter-spacing: 4px;
  border-bottom: 4px solid transparent;
  padding-bottom: 24px;
  margin: 0 45px 38px 45px;
  display: block;
}
@media (max-width: 991px) {
  .product-tab-6 .product-menu-2 li a {
    margin: 0px 25px 38px 25px;
    font-size: 26px;
    line-height: 26px;
  }
}
@media (max-width: 991px) {
  .product-tab-6 .product-menu-2 li a {
    margin: 0px 20px 20px 20px;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
.product-tab-6 .product-menu-2 li a:hover {
  color: #3e3e3e;
  border-bottom: 4px solid #b5b5b5;
}
.product-tab-6 .product-menu-2 li a.active {
  color: #3e3e3e;
  border-bottom: 4px solid #b5b5b5;
}
.product-tab-6 .product-img {
  border: 1px solid #d8d8d8;
}
.product-tab-6 .product-item .single-product .product-img .add-actions > ul > li > a:hover {
  background-color: #dda973;
  border-color: #dda973;
}

.mgana-product-2 {
  padding-bottom: 66px;
}
@media (max-width: 767px) {
  .mgana-product-2 {
    padding-bottom: 62px;
  }
}
.mgana-product-2 .product-item {
  padding: 0 15px;
}
.mgana-product-2 .slick-list {
  margin: 0 -15px;
}
.mgana-product-2 .custom-dots .slick-dots {
  bottom: -70px;
}

/*--- New Collection Product ---*/
.pet-product-area {
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .pet-product-area {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .pet-product-area {
    padding-bottom: 65px;
  }
}

.new-product-wrapper .product-header {
  max-width: 770px;
  margin: 0 auto;
}
.new-product-wrapper .product-header .desc-content {
  line-height: 30px;
}
@media (max-width: 767px) {
  .new-product-wrapper .trending-product-img {
    margin-bottom: 20px;
  }
}
.new-product-wrapper .trending-product-content .heading-5 {
  letter-spacing: normal;
}
@media (max-width: 991px) {
  .new-product-wrapper .trending-product-content .heading-5 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .new-product-wrapper .trending-product-content .heading-5 {
    font-size: 24px;
    line-height: 24px;
  }
}
.new-product-wrapper .trending-product-content .desc-content {
  font-size: 18px;
  line-height: 30px;
  margin-top: 20px;
}
@media (max-width: 991px) {
  .new-product-wrapper .trending-product-content .desc-content {
    font-size: 16px;
    line-height: 24px;
  }
}

/*--- Product Tab 7 ---*/
.product-tab-7.bg-fantasy-2 {
  background-color: #f6f0f0;
  background-position: top center;
  background-repeat: no-repeat;
}
.product-tab-7 .tab-section_area {
  padding: 75px 0px;
}
.product-tab-7 .product-menu-2 li a {
  font-family: "Playfair Display", serif;
  font-size: 46px;
  line-height: 36px;
  font-weight: 400;
  font-style: italic;
  color: #73bcc3;
  padding: 10px 35px 10px 35px;
}
.product-tab-7 .product-menu-2 li a.active {
  color: #3e3e3e;
}
@media (max-width: 991px) {
  .product-tab-7 .product-menu-2 li a {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .product-tab-7 .product-menu-2 li a {
    font-size: 34px;
    padding: 10px 20px 10px 20px;
  }
}
@media (max-width: 575px) {
  .product-tab-7 .product-menu-2 li a {
    font-size: 30px;
    padding: 10px;
  }
}
@media (max-width: 479px) {
  .product-tab-7 .product-menu-2 li a {
    font-size: 20px;
    padding: 5px;
  }
}

/*--- Product Tab 8 ---*/
.product-tab-8 .tab-section_area {
  padding-bottom: 50px;
}
.product-tab-8 .product-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .product-tab-8 .product-menu li {
    margin-bottom: 20px;
  }
}
.product-tab-8 .product-menu li a {
  font-size: 20px;
  text-transform: capitalize;
  font-family: "Lato", sans-serif;
  line-height: 16px;
  display: inline-block;
}
.product-tab-8 .product-menu-2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-tab-8 .product-menu-2 li a {
  font-size: 36px;
  line-height: 36px;

  font-family: "Fjalla One", sans-serif;
  color: #b5b5b5;
  font-weight: normal;
  letter-spacing: 4px;
  border-bottom: 4px solid transparent;
  padding-bottom: 24px;
  margin: 0 45px 38px 45px;
  display: block;
}
@media (max-width: 991px) {
  .product-tab-8 .product-menu-2 li a {
    margin: 0px 25px 38px 25px;
    font-size: 26px;
    line-height: 26px;
  }
}
@media (max-width: 991px) {
  .product-tab-8 .product-menu-2 li a {
    margin: 0px 20px 20px 20px;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 15px;
  }
}
.product-tab-8 .product-menu-2 li a:hover {
  color: #3e3e3e;
  border-bottom: 4px solid #b5b5b5;
}
.product-tab-8 .product-menu-2 li a.active {
  color: #3e3e3e;
  border-bottom: 4px solid #b5b5b5;
}
.product-tab-8 .product-img {
  border: 1px solid #ebebeb;
}
.product-tab-8 .product-item .single-product .product-img .add-actions > ul > li > a:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.product-tab-8 .product-item .single-product .product-content .product-desc_info h3.product-name > a {
  font-size: 18px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
}
.product-tab-8 .product-item .single-product .product-content .product-desc_info .price-box > span {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

.mgana-product-8 .product-item {
  padding: 0 15px;
}
.mgana-product-8 .slick-list {
  margin: 0 -15px;
}
.mgana-product-8 .custom-dots .slick-dots {
  bottom: -70px;
}

/*-- Product Counter Area --*/
.product-countdown-area {
  padding-bottom: 90px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 894px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .product-countdown-area {
    height: 1200px;
    padding-bottom: 80px;
  }
}
@media (max-width: 479px) {
  .product-countdown-area {
    height: 1050px;
  }
}

/*-- Product Area --*/
.product-area-1 {
  margin-top: -25px;
}

/*-- color categories --*/
.color-categories {
  line-height: 1;
}
.color-categories li {
  display: inline-block;
  padding: 1px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.color-categories li:hover {
  border-color: var(--secondary);
}
.color-categories li a {
  height: 12px;
  width: 12px;
  display: block;
  border-radius: 50%;
}

.c-black {
  background-color: #000;
}

.c-green {
  background-color: #6DA06F;
}

.c-orange {
  background-color: #FE9F13;
}

.c-brown {
  background-color: #964B00;
}

/*----------------------------------------*/
/*    29 - Components - Modal
/*----------------------------------------*/
.modal-wrapper {
  display: block;
}
.modal-wrapper.modal {
  visibility: hidden;
  opacity: 0;
  z-index: -9;
}
.modal-wrapper.show {
  background-color: rgba(0, 0, 0, 0.9);
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
.modal-wrapper .modal-dialog {
  max-width: 62%;
}
@media (max-width: 1500px) {
  .modal-wrapper .modal-dialog {
    max-width: 95%;
  }
}
@media (max-width: 575px) {
  .modal-wrapper .modal-dialog {
    max-width: 100%;
    left: 0;
  }
}
.modal-wrapper .modal-dialog .modal-content {
  padding: 30px 30px 25px;
  overflow-y: auto;
}
.modal-wrapper .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal-wrapper .modal-dialog .modal-content .modal-body .close {
  font-size: 30px;
  font-weight: 400;
  opacity: 1;
  position: absolute;
  left: 15px;
  top: 0;
  z-index: 99;
}
.modal-wrapper .modal-dialog .modal-content .modal-body .close:hover {
  color: var(--secondary);
}
@media (max-width: 991px) {
  .modal-wrapper .modal-inner-area {
    height: 500px;
  }
}
.modal-wrapper .modal-inner-area .product-summery {
   padding-bottom: 10px;
  margin-top: 30px;
}
.modal-wrapper .modal-inner-area .product-summery .product-title{
  font-size: 15px;
}
@media (max-width: 767px) {
  .modal-wrapper .modal-inner-area .product-summery {
    padding: 20px 0;
  }
}
@media (max-width: 479px) {
  .modal-wrapper .modal-inner-area .product-summery .quantity-with_btn .add-to_cart .border-button {
    width: 150px;
  }
}
.modal-wrapper .modal-content {
  border-radius: 0;
}
@media (max-width: 479px) {
  .modal-wrapper .modal-content {
    padding: 20px !important;
  }
}

.modal-open {
  overflow: hidden !important;
}

/*----------------------------------------*/
/*    30 - Components - New Arrival
/*----------------------------------------*/
.new-arrival-area.background-1 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 515px;
  position: relative;
}
.new-arrival-area .small-title-1 {
  margin-bottom: 10px;
}
.new-arrival-area .large-title-1 {
  margin-bottom: 18px;
}
.new-arrival-area .arrival-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.new-arrival-2.background-2 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 738px;
  position: relative;
}
@media (max-width: 1199px) {
  .new-arrival-2.background-2 {
    height: 600px;
  }
}
@media (max-width: 991px) {
  .new-arrival-2.background-2 {
    height: 500px;
  }
}
@media (max-width: 575px) {
  .new-arrival-2.background-2 {
    height: 400px;
  }
}
.new-arrival-2 .new-arrival-content {
  display: block;
  width: 400px;
  left: 15%;
  position: relative;
}
@media (max-width: 575px) {
  .new-arrival-2 .new-arrival-content {
    left: 0%;
  }
}
@media (max-width: 479px) {
  .new-arrival-2 .new-arrival-content {
    width: 300px;
  }
}
.new-arrival-2 .new-arrival-content .small-title-1 {
  color: #515151;
  font-family: IRANSans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
}
.new-arrival-2 .new-arrival-content .large-title-1 {
  color: #515151;
  font-family: IRANSans, serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: normal;
}
@media (max-width: 479px) {
  .new-arrival-2 .new-arrival-content .large-title-1 {
    font-size: 40px;
  }
}

@media (max-width: 575px) {
  .new-arrival-3 {
    display: block !important;
  }
}
.new-arrival-3 .banner-thumb-area {
  position: relative;
  width: 29%;
}
@media only screen and (min-width: 1199px) and (max-width: 1300px) {
  .new-arrival-3 .banner-thumb-area {
    width: 33%;
  }
}
@media (max-width: 1199px) {
  .new-arrival-3 .banner-thumb-area {
    width: 33%;
  }
}
@media (max-width: 991px) {
  .new-arrival-3 .banner-thumb-area {
    width: 35%;
  }
}
@media (max-width: 767px) {
  .new-arrival-3 .banner-thumb-area {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .new-arrival-3 .banner-thumb-area {
    width: 100%;
  }
}
.new-arrival-3 .banner-thumb-area .demo-image {
  display: block;
  overflow: hidden;
  position: relative;
}
.new-arrival-3 .banner-thumb-area .demo-image a .banner-overlay {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  content: "";
  background-color: #3e3e3e;
  width: 100%;
  height: 100%;
}
.new-arrival-3 .banner-thumb-area:hover .demo-image a .banner-overlay {
  opacity: 0.2;
}
.new-arrival-3 .banner-thumb-area .demo-content {
  position: absolute;
  top: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 270px;
}
@media (max-width: 1199px) {
  .new-arrival-3 .banner-thumb-area .demo-content {
    width: 250px;
  }
}
@media (max-width: 1199px) {
  .new-arrival-3 .banner-thumb-area .demo-content .small-title-2 {
    font-size: 20px;
  }
}
.new-arrival-3 .banner-thumb-area .demo-content .large-title-2 {
  padding: 20px 0 40px 0;
}
@media (max-width: 1800px) {
  .new-arrival-3 .banner-thumb-area .demo-content .large-title-2 {
    font-size: 80px;
  }
}
@media (max-width: 1199px) {
  .new-arrival-3 .banner-thumb-area .demo-content .large-title-2 {
    font-size: 70px;
    padding: 10px 0px 30px 0px;
  }
}
.new-arrival-3 .banner-thumb-area .demo-content .border-button {
  width: 150px;
  height: 46px;
  line-height: 42px;
}
.new-arrival-3 .product-slider {
  width: 71%;
  position: relative;
  display: block;
  overflow: hidden;
}
@media only screen and (min-width: 1199px) and (max-width: 1300px) {
  .new-arrival-3 .product-slider {
    width: 67%;
  }
}
@media (max-width: 1199px) {
  .new-arrival-3 .product-slider {
    width: 67%;
  }
}
@media (max-width: 991px) {
  .new-arrival-3 .product-slider {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .new-arrival-3 .product-slider {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .new-arrival-3 .product-slider {
    width: 100%;
  }
}
.new-arrival-3 .product-slider .product-section {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding: 0px 140px 70px 140px;
}
@media (max-width: 1800px) {
  .new-arrival-3 .product-slider .product-section {
    padding: 0px 80px 60px 80px;
  }
}
@media (max-width: 1199px) {
  .new-arrival-3 .product-slider .product-section {
    padding: 0px 40px 30px 40px;
  }
}
@media (max-width: 991px) {
  .new-arrival-3 .product-slider .product-section {
    padding: 0px 20px 30px 20px;
  }
}
@media (max-width: 575px) {
  .new-arrival-3 .product-slider .product-section {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    padding: 80px 20px 118px 20px;
  }
}
.new-arrival-3 .product-slider .product-section .section-title {
  padding-bottom: 30px;
}
@media (max-width: 1199px) {
  .new-arrival-3 .product-slider .product-section .section-title {
    padding-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .new-arrival-3 .product-slider .product-section .section-title {
    padding-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .new-arrival-3 .product-slider .product-section .section-title .heading-4 {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .new-arrival-3 .product-slider .product-section .section-title .heading-4 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .new-arrival-3 .product-slider .product-section .section-title .heading-4 {
    font-size: 30px;
  }
}
.new-arrival-3 .mgana-product-tab .custom-dots .slick-dots {
  bottom: -60px;
}
@media (max-width: 1199px) {
  .new-arrival-3 .mgana-product-tab .custom-dots .slick-dots {
    bottom: -35px;
  }
}
@media (max-width: 1199px) {
  .new-arrival-3 .mgana-product-tab .custom-dots .slick-dots li {
    width: 12px;
    height: 12px;
  }
}

.new-arrival-4 {
  width: 100%;
}
.new-arrival-4 .title-icon {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.new-arrival-4 .title-icon .icon-border {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 15px;
}
.new-arrival-4 .title-icon .icon-border:before {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 2px solid #3e3e3e;
  width: 30px;
  -webkit-transition: inherit;
  transition: inherit;
  left: 100%;
}
.new-arrival-4 .title-icon .icon-border:after {
  content: "";
  position: absolute;
  top: 50%;
  border-top: 2px solid #3e3e3e;
  width: 30px;
  -webkit-transition: inherit;
  transition: inherit;
  right: 100%;
}
.new-arrival-4 .title-icon .icon-border i {
  font-size: 28px;
  position: relative;
}
.new-arrival-4 .arrival-4-content {
  width: 770px;
  margin: 0 auto;
  text-align: center;
}
.new-arrival-4 .arrival-4-content .desc-content {
  font-family: "Lora", serif;
  font-size: 20px;
  line-height: 1.6em;
  color: #3e3e3e;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .new-arrival-4 .arrival-4-content .desc-content {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .new-arrival-4 .arrival-4-content .desc-content {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .new-arrival-4 .arrival-4-content {
    width: 750px;
  }
}
@media (max-width: 767px) {
  .new-arrival-4 .arrival-4-content {
    width: 550px;
  }
}
@media (max-width: 575px) {
  .new-arrival-4 .arrival-4-content {
    width: 450px;
  }
}
@media (max-width: 479px) {
  .new-arrival-4 .arrival-4-content {
    width: 300px;
  }
}
.new-arrival-4 .border-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}


/*----------------------------------------*/
/*    32 - Components - Post
/*----------------------------------------*/
.blog-post-area .slick-list {
  margin-left: -20px;
  margin-right: -20px;
}

.post-inner-box {
  padding: 0 20px;
}
.post-inner-box .post-thumbnail {
  position: relative;
  display: inline-block;
}
.post-inner-box .post-thumbnail .date-post {
  position: absolute;
  height: 70px;
  width: 70px;
  background-color: rgba(35, 35, 35, 0.9);
  opacity: 0.9;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0;
  right: 0;
  padding: 10px 0;
  text-align: center;
  font-family: IRANSans, sans-serif;
}
.post-inner-box .post-thumbnail .date-post span {
  color: #ffffff;
}
.post-inner-box .post-thumbnail .date-post .day-post {
  font-size: 21px;

}
.post-inner-box .post-thumbnail .date-post .month-post {
  font-size: 14px;

}
.post-inner-box .post-content .post-meta {
  padding-top: 15px;
}
.post-inner-box .post-content .post-meta a {

  font-size: 12px;
  font-weight: 700;
  font-family: IRANSans, sans-serif;
}
.post-inner-box .post-content .post-meta a:hover {
  color: var(--secondary);
  text-decoration: underline;
}
.post-inner-box .post-content .post-title a {
  font-size: 24px;
  padding: 0px 40px 18px 40px;
  display: block;
}
@media (max-width: 1199px) {
  .post-inner-box .post-content .post-title a {
    padding: 0 20px 18px 20px;
    font-size: 22px;
  }
}
.post-inner-box .post-content .post-title-2 a {
  font-size: 24px;
  font-family: "Fjalla One", sans-serif;
  padding: 10px 40px 18px 40px;
  display: block;
  font-weight: normal;
}
@media (max-width: 1199px) {
  .post-inner-box .post-content .post-title-2 a {
    padding: 0 20px 18px 20px;
    font-size: 22px;
  }
}
.post-inner-box .post-content .read-more a {

  text-decoration: underline;
  font-size: 12px;
  font-family: IRANSans, sans-serif;
  letter-spacing: 2px;
}
.post-inner-box .post-content .read-more a:hover {
  text-decoration: none;
}

.blog-post-2 .featured-body-style {
  margin: -46px 0 0 0;
  padding: 90px 70px 90px 70px;
}
@media (max-width: 1500px) {
  .blog-post-2 .featured-body-style {
    padding: 90px 30px 90px 30px;
  }
}
@media (max-width: 991px) {
  .blog-post-2 .featured-body-style {
    margin: -40px 0 0 0;
  }
}
@media (max-width: 767px) {
  .blog-post-2 .featured-body-style {
    margin: -35px 0 0 0;
  }
}
@media (max-width: 575px) {
  .blog-post-2 .featured-body-style {
    margin: -30px 0 0 0;
    padding: 90px 20px 90px 20px;
  }
}
@media (max-width: 479px) {
  .blog-post-2 .featured-body-style {
    margin: -20px 0 0 0;
    padding: 90px 10px 90px 10px;
  }
}
.blog-post-2 .post-inner-box .post-content .post-title a {
  padding: 0 10px 18px 10px;
}

.blog-post-area-2 .post-inner-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.blog-post-area-2 .post-inner-box:hover .post-content {
  opacity: 1;
  background: #dda973;
}
.blog-post-area-2 .post-inner-box:hover .banner-overlay {
  opacity: 0.5;
}
.blog-post-area-2 .post-inner-box .banner-overlay {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  content: "";
  background-color: #000;
  width: 100%;
  height: 100%;
}
.blog-post-area-2 .post-inner-box .post-thumbnail {
  display: block;
}
.blog-post-area-2 .post-inner-box .post-thumbnail img {
  width: 100%;
  display: block;
}
.blog-post-area-2 .post-inner-box .post-content {
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: block;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1199px) {
  .blog-post-area-2 .post-inner-box .post-content .post-meta {
    padding-top: 5px;
  }
}
.blog-post-area-2 .post-inner-box .post-content .post-meta a {
  color: #ffffff;
  visibility: visible;
  z-index: 1;
}
.blog-post-area-2 .post-inner-box .post-content .post-title a {
  color: #ffffff;
  font-family: "Fjalla One", sans-serif;
  visibility: visible;
  z-index: 1;
}
@media (max-width: 1500px) {
  .blog-post-area-2 .post-inner-box .post-content .post-title a {
    font-size: 20px;
    padding: 0 30px 18px 30px;
  }
}
@media (max-width: 1199px) {
  .blog-post-area-2 .post-inner-box .post-content .post-title a {
    font-size: 18px;
    padding: 0 20px 10px 20px;
  }
}
@media (max-width: 767px) {
  .blog-post-area-2 .post-inner-box .post-content .post-title a {
    font-size: 16px;
    padding: 0 10px 10px 10px;
  }
}

.blog-post-area-3 {
  padding-top: 90px;
}
.blog-post-area-3 .section-title-3 .heading-5 {
  margin-bottom: 20px;
}
.blog-post-area-3 .main-title {
  padding-bottom: 30px;
}
.blog-post-area-3 .post-inner-box {
  position: relative;
}
.blog-post-area-3 .post-inner-box:hover .post-content {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.blog-post-area-3 .post-inner-box:hover .post-thumbnail .banner-overlay {
  opacity: 0.9;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.blog-post-area-3 .post-inner-box .post-content {
  padding: 0 30px;
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.blog-post-area-3 .post-inner-box .post-content .date-meta {
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 10px;
}
.blog-post-area-3 .post-inner-box .post-content .post-title-3 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.blog-post-area-3 .post-inner-box .post-content .post-title-3 a {
  font-size: 22px;
  font-family: "Lora", serif;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #ffffff;
}
.blog-post-area-3 .post-inner-box .post-content .post-title-3 a:hover {
  color: #dda973;
}
.blog-post-area-3 .post-inner-box .post-content .post-title-3:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  background: #827021;
  width: 80px;
}
.blog-post-area-3 .post-inner-box .post-content .btn-2 {
  margin-top: 10px;
}
.blog-post-area-3 .post-inner-box .post-content .btn-2 a {
  background-color: #ffffff;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 20px;
  padding: 8px 25px;
  margin-top: 10px;

  letter-spacing: 1px;
}
.blog-post-area-3 .post-inner-box .post-content .btn-2 a:hover {
  background-color: #827021;
  color: #ffffff;
}
.blog-post-area-3 .post-thumbnail {
  display: block;
  overflow: hidden;
}
.blog-post-area-3 .post-thumbnail .banner-overlay {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgb(66, 64, 58);
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.blog-post-area-4 {
  padding-top: 80px;
}
.blog-post-area-4 .slick-list {
  margin-left: -20px;
  margin-right: -20px;
}
@media (max-width: 1800px) {
  .blog-post-area-4 .slick-list {
    margin: 0 -15px;
  }
}
@media (max-width: 1800px) {
  .blog-post-area-4 .post-inner-box {
    padding: 0 15px;
  }
}
.blog-post-area-4 .post-inner-box .post-content-2 .post-title a {
  font-size: 24px;
  font-family: "Acme", sans-serif;
  font-weight: 400;
  margin: 15px 0px;
  display: block;
  color: #000;
}
@media (max-width: 1800px) {
  .blog-post-area-4 .post-inner-box .post-content-2 .post-title a {
    font-size: 22px;
  }
}
.blog-post-area-4 .post-inner-box .post-content-2 .post-read-more {
  margin-top: 15px;
  display: block;
}

.blog-post-area-5 .post-inner-box .post-thumbnail .date-post {
  font-family: "Lato", sans-serif;
}
.blog-post-area-5 .post-inner-box .post-content-2 .post-meta {
  padding-top: 15px;
}
.blog-post-area-5 .post-inner-box .post-content-2 .post-meta a {

  font-size: 11px;
  font-weight: 600;
  font-family: "Lato", sans-serif;
}
.blog-post-area-5 .post-inner-box .post-content-2 .post-meta a:hover {
  color: #73bcc3;
  text-decoration: underline;
}
.blog-post-area-5 .post-inner-box .post-content-2 .post-title a {
  font-size: 24px;
  font-weight: 400;
  font-family: "Playfair Display", serif;
  padding: 0px 20px 15px 20px;
  display: block;
}
@media (max-width: 1199px) {
  .blog-post-area-5 .post-inner-box .post-content-2 .post-title a {
    padding: 0 20px 18px 20px;
    font-size: 22px;
  }
}
.blog-post-area-5 .post-inner-box .post-content-2 .read-more a {

  text-decoration: underline;
  font-size: 12px;
  font-family: IRANSans, sans-serif;
  letter-spacing: 2px;
}
.blog-post-area-5 .post-inner-box .post-content-2 .read-more a:hover {
  text-decoration: none;
}

.blog-post-area-6 .slick-list {
  padding: 0 -15px;
}
.blog-post-area-6 .post-inner-box {
  padding: 0 15px;
}
.blog-post-area-6 .post-inner-box .post-thumbnail .date-post {
  font-family: "Lora", serif;
}
.blog-post-area-6 .post-inner-box .post-content-2 .post-meta a {

  font-size: 11px;
  font-weight: 600;
  font-family: "Lora", serif;
}
.blog-post-area-6 .post-inner-box .post-content-2 .post-meta a:hover {
  color: var(--secondary);
  text-decoration: underline;
}
.blog-post-area-6 .post-inner-box .post-content-2 .post-title a {
  font-size: 22px;
  font-weight: 400;
  font-family: "Lora", serif;
  padding: 20px 0 5px 0;
  display: block;
  color: #000;
}
.blog-post-area-6 .post-inner-box .post-content-2 .post-title a:hover {
  color: var(--secondary);
}
.blog-post-area-6 .post-inner-box .post-content-2 .content .desc-content {
  font-size: 18px;
  font-family: "Lora", serif;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: 400;
  color: #1a1a1a;
}
.blog-post-area-6 .post-inner-box .post-content-2 .read-more a {

  text-decoration: underline;
  font-size: 12px;
  font-family: IRANSans, sans-serif;
  letter-spacing: 2px;
}
.blog-post-area-6 .post-inner-box .post-content-2 .read-more a:hover {
  text-decoration: none;
}


/*----------------------------------------*/
/*    34 - Components - Animation
/*----------------------------------------*/
.slick-active.animation-style-01 .slide-content > h4,
.slick-active.animation-style-01 .slide-content-2 > h4,
.slick-active.animation-style-01 .inner-content-2 > h4,
.slick-active.animation-style-01 .inner-content > h4 {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-01 .slide-content > h1,
.slick-active.animation-style-01 .slide-content-2 > h1,
.slick-active.animation-style-01 .inner-content-2 > h1,
.slick-active.animation-style-01 .inner-content > h1 {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-01 .slide-content > p,
.slick-active.animation-style-01 .slide-content-2 > p,
.slick-active.animation-style-01 .inner-content-2 > p,
.slick-active.animation-style-01 .inner-content > p {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-01 .slide-content > .slide-btn,
.slick-active.animation-style-01 .slide-content-2 > .slide-btn,
.slick-active.animation-style-01 .inner-content-2 > .slide-btn,
.slick-active.animation-style-01 .inner-content > .slide-btn {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-01 .slide-content > span,
.slick-active.animation-style-01 .slide-content-2 > span,
.slick-active.animation-style-01 .inner-content-2 > span,
.slick-active.animation-style-01 .inner-content > span {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-01 .slide-img img {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.slick-active.animation-style-02 .slide-content > h4,
.slick-active.animation-style-02 .slide-content-4 > h4,
.slick-active.animation-style-02 .video-slide_content > h4,
.slick-active.animation-style-02 .inner-content-4 > h4,
.slick-active.animation-style-02 .inner-content > h4 {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-02 .slide-content > h2,
.slick-active.animation-style-02 .slide-content-4 > h2,
.slick-active.animation-style-02 .video-slide_content > h2,
.slick-active.animation-style-02 .inner-content-4 > h2,
.slick-active.animation-style-02 .inner-content > h2 {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-02 .slide-content > .slide-btn,
.slick-active.animation-style-02 .slide-content-4 > .slide-btn,
.slick-active.animation-style-02 .video-slide_content > .slide-btn,
.slick-active.animation-style-02 .inner-content-4 > .slide-btn,
.slick-active.animation-style-02 .inner-content > .slide-btn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.slick-active.animation-style-03 h4 {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-03 h2 {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-03 .slide-btn {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.slick-active.animation-style-04 h4 {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-04 h2 {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-04 .slide-btn {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.slick-active.animation-style-05 h4 {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-05 h2 {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.slick-active.animation-style-05 .slide-btn {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
/*----------------------------------------*/
/*    38 - Components - Testimonial
/*----------------------------------------*/
.testimonial-area {
  padding-bottom: 130px;
}
@media (max-width: 767px) {
  .testimonial-area {
    padding-bottom: 125px;
  }
}
.testimonial-area .testimonial-icon-img {
  width: 230px;
  margin: 0 auto -25px auto;
  background-color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 1;
}
.testimonial-area .testimonial-icon-img .mgana-svg {
  height: 45px;
  width: 45px;
}
.testimonial-area .client-details {
  padding: 70px 100px 0px 100px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #979797;
}
@media (max-width: 767px) {
  .testimonial-area .client-details {
    padding: 50px 70px 0 70px;
  }
}
@media (max-width: 575px) {
  .testimonial-area .client-details {
    padding: 50px 50px 0 50px;
  }
}
@media (max-width: 479px) {
  .testimonial-area .client-details {
    padding: 50px 20px 0 20px;
  }
}
.testimonial-area .client-info .feedback {
  font-family: IRANSans, serif;
  font-size: 18px;
  line-height: 1.8em;
}
.testimonial-area .client-info .client-name {
  font-family: IRANSans, serif;
  font-size: 16px;
  padding: 0 0 60px 0;
}
.testimonial-area .client-info .img-area {
  padding: 20px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*----------------------------------------*/
/*    42 - Components - Breadcrumb
/*----------------------------------------*/
.breadcrumb-area {
  padding: 15px 0px;
  background-color: rgba(250, 250, 250 ,.3);
}
.breadcrumb-area .breadcrumb-content {
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.breadcrumb-area .breadcrumb-content > .breadcrumb-title {
  font-size: 14px;
  color: #121212;
  font-family: IRANSans, serif;

  font-weight: 400;
}
@media (max-width: 1199px) {
  .breadcrumb-area .breadcrumb-content > .breadcrumb-title {
    font-size: 13px;
  }
}
.breadcrumb-area .breadcrumb-content ul > li {
  font-family: IRANSans, sans-serif;
  display: inline-block;
  padding-right: 20px;
  position: relative;

  font-size: 12px;
  color: #121212;
}
.breadcrumb-area .breadcrumb-content ul > li > a {
  color: #b5b5b5;
  font-family: IRANSans, sans-serif;

  font-size: 12px;
}
.breadcrumb-area .breadcrumb-content ul > li > a:hover {
  color: var(--secondary);
}
.breadcrumb-area .breadcrumb-content ul > li:first-child {
  padding-right: 0;
}
.breadcrumb-area .breadcrumb-content ul > li:after {
  content: "/";
  position: absolute;
  font-size: 10px;
  font-weight: 400;
  left: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #afafaf;
}
.breadcrumb-area .breadcrumb-content ul > li:last-child:after {
  display: none;
}

.breadcrumb-area-2 {
  padding: 60px 0;
  border-top: 1px solid #e5e5e5;
}
.breadcrumb-area-2 .breadcrumb_content ul li {
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
  margin-right: 10px;
  padding-right: 15px;
  position: relative;
  color: #1a1a1a;
}
.breadcrumb-area-2 .breadcrumb_content ul li::before {
  position: absolute;
  content: ">";
  font-size: 18px;
  right: -4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.breadcrumb-area-2 .breadcrumb_content ul li:last-child {
  margin-right: 0;
}
.breadcrumb-area-2 .breadcrumb_content ul li:last-child::before {
  display: none;
}
.breadcrumb-area-2 .breadcrumb_content ul li a {
  color: #b5b5b5;
}
.breadcrumb-area-2 .breadcrumb_content ul li a:hover {
  color: #1a1a1a;
}
.breadcrumb-area-2 .breadcrumb_content ul li h1 {
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
  position: relative;
  color: #1a1a1a;
  font-family: IRANSans, sans-serif;
  font-weight: 400;
}

/*----------------------------------------*/
/*    43 - Components - Sidebar
/*----------------------------------------*/
/* ---Sidebar Area--- */
.sidebar-area .search-box,
.filter-body .search-box {
  position: relative;
}
.sidebar-area .search-box .mc-form,
.filter-body .search-box .mc-form {
  position: relative;
  width: 100%;
}
.sidebar-area .search-box .mc-form .text-box,
.filter-body .search-box .mc-form .text-box {
  width: 100%;
  padding: 15px 40px 15px 20px;
  background: transparent;
  font-size: 14px;
  line-height: 28px;
  color: inherit;
  display: inline-block;
  min-height: 30px;
  border: 1px solid #e5e5e5;
  vertical-align: middle;
}
.sidebar-area .search-box .mc-form .search-btn,
.filter-body .search-box .mc-form .search-btn {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  vertical-align: middle;
  font-size: 18px;
  line-height: 30px;
  padding: 20px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar-area .search-box .mc-form .search-btn:hover,
.filter-body .search-box .mc-form .search-btn:hover {
  color: var(--secondary);
}
.sidebar-area .search-newsletter .mc-form .text-box,
.filter-body .search-newsletter .mc-form .text-box {
  border-color: #000;
}
.sidebar-area .widgets-area > h2.heading,
.filter-body .widgets-area > h2.heading {
  font-size: 16px;
  line-height: 16px;

}
.sidebar-area .widgets-area > h2.heading > span,
.filter-body .widgets-area > h2.heading > span {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  display: inline-block;
}
.sidebar-area .widgets-area > h2.heading > span:before,
.filter-body .widgets-area > h2.heading > span:before {
  background-color: #3e3e3e;
  width: 50%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.sidebar-area .widgets-area .widgets-item > ul > li > a,
.filter-body .widgets-area .widgets-item > ul > li > a {
  font-family: "Playfair Display", serif;
  font-style: italic;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  display: block;
}
.sidebar-area .widgets-area .widgets-item > ul > li:first-child > a,
.filter-body .widgets-area .widgets-item > ul > li:first-child > a {
  padding-top: 0;
}
.sidebar-area .widgets-area .instagram-area .instagram-item.instagram-col,
.filter-body .widgets-area .instagram-area .instagram-item.instagram-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 33.333%;
}
.sidebar-area .widgets-area .widgets-tags > ul > li,
.filter-body .widgets-area .widgets-tags > ul > li {
  display: inline-block;
}
.sidebar-area .widgets-area .widgets-tags > ul > li > a,
.filter-body .widgets-area .widgets-tags > ul > li > a {
  font-size: 14px;
}
.sidebar-area .widgets-area .widgets-tags.with-border,
.filter-body .widgets-area .widgets-tags.with-border {
  margin-bottom: -5px;
}
.sidebar-area .widgets-area .widgets-tags.with-border > ul > li,
.filter-body .widgets-area .widgets-tags.with-border > ul > li {
  margin-bottom: 10px;
}
.sidebar-area .widgets-area .widgets-tags.with-border > ul > li:not(:last-child),
.filter-body .widgets-area .widgets-tags.with-border > ul > li:not(:last-child) {
  margin-right: 5px;
}
.sidebar-area .widgets-area .widgets-tags.with-border > ul > li > a,
.filter-body .widgets-area .widgets-tags.with-border > ul > li > a {
  border: 1px solid #e5e5e5;
  display: block;
  padding: 10px;
}
.sidebar-area .widgets-area .widgets-banner,
.filter-body .widgets-area .widgets-banner {
  position: relative;
  cursor: pointer;
}
.sidebar-area .widgets-area .widgets-banner .widgets-banner_text,
.filter-body .widgets-area .widgets-banner .widgets-banner_text {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 0 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1199px) {
  .sidebar-area .widgets-area .widgets-banner .widgets-banner_text,
.filter-body .widgets-area .widgets-banner .widgets-banner_text {
    padding: 0 0 15px 15px;
  }
}
.sidebar-area .widgets-area .widgets-banner .widgets-banner_text span,
.filter-body .widgets-area .widgets-banner .widgets-banner_text span {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  text-align: left;
  font-family: IRANSans, serif;
}
.sidebar-area .widgets-area .widgets-banner .widgets-banner_text .banner-text,
.filter-body .widgets-area .widgets-banner .widgets-banner_text .banner-text {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 991px) {
  .sidebar-area .widgets-area.archives-area,
.filter-body .widgets-area.archives-area {
    padding-bottom: 30px;
  }
}
.sidebar-area .widgets-area.archives-area .myniceselect.wide span,
.filter-body .widgets-area.archives-area .myniceselect.wide span {
  padding: 0 60px 0 15px;
}
.sidebar-area .widgets-area .list-product_area .single-blog,
.filter-body .widgets-area .list-product_area .single-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar-area .widgets-area .list-product_area .single-blog .blog-img,
.filter-body .widgets-area .list-product_area .single-blog .blog-img {
  width: 80px;
}
.sidebar-area .widgets-area .list-product_area .single-blog .blog-content,
.filter-body .widgets-area .list-product_area .single-blog .blog-content {
  width: calc(100% - 80px);
  padding-left: 15px;
}
.sidebar-area .widgets-area .list-product_area .single-blog .blog-content > h3.title,
.filter-body .widgets-area .list-product_area .single-blog .blog-content > h3.title {
  font-family: "Playfair Display", serif;
  font-size: 16px;
  line-height: 22.4px;
  color: #494949;
  font-weight: 300;
}
.sidebar-area .widgets-area .list-product_area .single-blog .blog-content .post-meta > ul > li,
.filter-body .widgets-area .list-product_area .single-blog .blog-content .post-meta > ul > li {
  color: #979797;
  font-size: 10px;
  line-height: 18px;
}
.sidebar-area .widgets-area .list-product_area [class*=single-blog]:not(:last-child),
.filter-body .widgets-area .list-product_area [class*=single-blog]:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.sidebar-area .widgets-area .widgets-checkbox > li:not(:last-child),
.filter-body .widgets-area .widgets-checkbox > li:not(:last-child) {
  padding-bottom: 10px;
}
.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox] + label,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox] + label {
  font-family: IRANSans, sans-serif;
  position: relative;
  padding-right: 20px;
  line-height: 13px;
  font-size: 12px;
  font-weight: 400;

    cursor: pointer;
  color: #494949;
}
.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox] + label:before,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox] + label:before {
  width: 13px;
  height: 13px;
  display: block;
  border: 1px solid #e5e5e5;
}
.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox] + label:after,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox] + label:after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 10px;
  line-height: 13px;
  opacity: 0;
  width: 13px;
  text-align: center;
  background-color: var(--secondary);
  color: #ffffff;
}
.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox]:checked + label:before,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox]:checked + label:before {
  border: 1px solid #e5e5e5;
}
.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox]:checked + label:after,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.sidebar-area .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label,
.filter-body .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label {
  color: var(--secondary);
}
.sidebar-area .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label:before,
.filter-body .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label:before {
  border: 1px solid #e5e5e5;
}
.sidebar-area .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label:after,
.filter-body .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label:after {
  opacity: 1;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li,
.filter-body .widgets-area .widgets-checkbox-2 > li {
  display: block;
  margin: 0 10px 10px 0px;
  position: relative;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor,
.filter-body .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor {
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: middle;
  border: 7px solid #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-black,
.filter-body .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-black {
  background-color: #000;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.8);
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-orange,
.filter-body .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-orange {
  background-color: #FF7A4B;
  -webkit-box-shadow: 0 0 1px 0 rgba(255, 122, 75, 0.8);
          box-shadow: 0 0 1px 0 rgba(255, 122, 75, 0.8);
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-brown,
.filter-body .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-brown {
  background-color: #DDA973;
  -webkit-box-shadow: 0 0 1px 0 rgba(221, 179, 115, 0.8);
          box-shadow: 0 0 1px 0 rgba(221, 179, 115, 0.8);
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-navy,
.filter-body .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-navy {
  background-color: #325182;
  -webkit-box-shadow: 0 0 1px 0 rgba(50, 81, 130, 0.8);
          box-shadow: 0 0 1px 0 rgba(50, 81, 130, 0.8);
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-pink,
.filter-body .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-pink {
  background-color: #ED3277;
  -webkit-box-shadow: 0 0 1px 0 rgba(237, 50, 119, 0.8);
          box-shadow: 0 0 1px 0 rgba(237, 50, 119, 0.8);
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-gray,
.filter-body .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-gray {
  background-color: #D8D8D8;
  -webkit-box-shadow: 0 0 1px 0 rgba(237, 50, 119, 0.8);
          box-shadow: 0 0 1px 0 rgba(237, 50, 119, 0.8);
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-dark-green,
.filter-body .widgets-area .widgets-checkbox-2 > li .swatch-wrapper .swatch-anchor.anchor-dark-green {
  background-color: #73A156;
  -webkit-box-shadow: 0 0 1px 0 rgba(115, 161, 86, 0.8);
          box-shadow: 0 0 1px 0 rgba(115, 161, 86, 0.8);
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor:after,
.filter-body .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 6px;
  font-size: 16px;
  line-height: 1;
  left: 7px;
  color: #fff;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-black,
.filter-body .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-black {
  background-color: #000;
  border-color: #000;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-orange,
.filter-body .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-orange {
  background-color: #FF7A4B;
  border-color: #FF7A4B;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-brown,
.filter-body .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-brown {
  background-color: #DDA973;
  border-color: #DDA973;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-navy,
.filter-body .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-navy {
  background-color: #325182;
  border-color: #325182;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-pink,
.filter-body .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-pink {
  background-color: #ED3277;
  border-color: #ED3277;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-gray,
.filter-body .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-gray {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}
.sidebar-area .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-dark-green,
.filter-body .widgets-area .widgets-checkbox-2 > li:hover .swatch-wrapper .swatch-anchor.anchor-dark-green {
  background-color: #73A156;
  border-color: #73A156;
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand > li,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand > li {
  position: relative;
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand > li.menu-item-has-children.menu-open > span.menu-expand,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand > li.menu-item-has-children.menu-open > span.menu-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand > li:last-child,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand > li:last-child {
  margin: 0px;
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand > li:last-child a,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand > li:last-child a {
  border-bottom: 0px;
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand > li span.menu-expand,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand > li span.menu-expand {
  position: absolute;
  right: 0px;
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand > li a,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand > li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand > li a:hover,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand > li a:hover {
  color: var(--secondary);
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand > li ul.sub-menu,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand > li ul.sub-menu {
  padding-left: 20px;
}
.sidebar-area .widgets-area .shop-sidebar-category .sidebar-category-expand .sub-menu,
.filter-body .widgets-area .shop-sidebar-category .sidebar-category-expand .sub-menu {
  display: none;
}
.sidebar-area .widgets-area .widgets-blog-category > li > a,
.filter-body .widgets-area .widgets-blog-category > li > a {
  font-size: 16px;
  font-family: IRANSans, serif;
  color: #3e3e3e;
  padding: 5px 0;
  display: block;
}
.sidebar-area .widgets-area .widgets-blog-category > li > a:hover,
.filter-body .widgets-area .widgets-blog-category > li > a:hover {
  color: var(--secondary);
}
.sidebar-area .widgets-area .widgets-blog-post-area [class*=single-sidebar-post]:not(:last-child),
.filter-body .widgets-area .widgets-blog-post-area [class*=single-sidebar-post]:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.sidebar-area .widgets-area .widgets-blog-post-area .single-sidebar-post,
.filter-body .widgets-area .widgets-blog-post-area .single-sidebar-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar-area .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-img,
.filter-body .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-img {
  width: 80px;
}
.sidebar-area .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-img img,
.filter-body .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-img img {
  width: 100%;
}
.sidebar-area .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-content,
.filter-body .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-content {
  margin-left: 20px;
  width: calc(100% - 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sidebar-area .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-content a,
.filter-body .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-content a {
  font-family: IRANSans, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}
.sidebar-area .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-content span,
.filter-body .widgets-area .widgets-blog-post-area .single-sidebar-post .sidebar-post-content span {
  font-size: 10px;
  color: #979797;
  font-family: IRANSans, sans-serif;
}
.sidebar-area .widgets-area .archives-area,
.filter-body .widgets-area .archives-area {
  position: relative;
  display: inline-block;
  width: 100%;
}
.sidebar-area .widgets-area .widgets-tags-2 ul li,
.filter-body .widgets-area .widgets-tags-2 ul li {
  display: inline-block;
}
.sidebar-area .widgets-area .widgets-tags-2 ul li a,
.filter-body .widgets-area .widgets-tags-2 ul li a {
  font-family: IRANSans, sans-serif;
  font-size: 14px;
  line-height: 2.1;
  color: #3e3e3e;
}
.sidebar-area .widgets-area .widgets-tags-2 ul li a:hover,
.filter-body .widgets-area .widgets-tags-2 ul li a:hover {
  color: var(--secondary);
  text-decoration: underline;
}


.main-header-area{
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
  background: #fff;
}
.header-cleaner{
  height: 110px;
}
.mega-overlay{
  position: fixed;
  top: 125px;
  right: 0;
  width: 100%;
  height: calc(100vh - 125px);
  background: rgba(0,0,0,0.7);
  visibility: hidden;
  opacity: 0;
    transition: none;
}
.mega-overlay.active{
  visibility: visible;
  opacity: 1;
}

/*-------------new styles----------------*/
.mt-108{
  margin-top: 140px;
}
.top-section{
  padding: 12px;
}
.top-section h1{
  font-size: 22px;
  margin-bottom: 15px;
}
.top-section span.subtitle{
  font-size: 17px;
}
.header-top{
  padding-top: 25px;
  padding-bottom: 8px;
}
.mega-menu-inner{
  width: 70%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 20px;
}
.topbar-header{
  background-color: var(--primary);
  padding: 5px;
  text-align: center;
}

.topbar-header-slider.dense{
  height: 0;
  overflow: hidden;
}
.topbar-header-slider a span{
  font-size: 12px;
  text-align: center;
}
.topbar-header .thumb-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  color: var(--text-dark);
  font-size: 25px;
  z-index: 999;
  width: 25px;
  height: 25px;
  background: none;
}
.topbar-header .thumb-button i {
  padding: 0;
  font-size: 11px;
}
.topbar-header .thumb-button.thumb-button-prev {
  right: unset;
  left: -20px;
}
.minicart-bottom{
  position: absolute;
  width: 80%;
  bottom: 0;
  right: 50%;
  margin: 0 auto;
  transform: translateX(50%);
}
.mini-cart-inner-header{
  background-color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 28px 6px 16px;
}
.mini-cart-inner-header .minicart-heading{
  display: flex;
  align-items: center;
}
.mini-cart-inner-header .minicart-heading h4{
  font-size: 13px;
  margin-right: 10px;
  font-weight: 400;
}
.mini-cart-inner-header .btn-close{
  position: unset;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.mini-cart-inner-header .btn-close i{
  font-size: 18px;
}
.offcanvas-minicart_wrapper .minicart-content{
  padding: 30px;
}
.container-middle{
  max-width: 1450px;
  margin: 0 auto;
}
.thumb-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: var(--text-dark);
  background-color: var(--white-bg);
  font-size: 25px;
  z-index: 999;
  width: 30px;
  height: 30px;
}
.thumb-button i {
    padding: 8px 16px;
    font-size: 12px;
}
.thumb-button.thumb-button-prev {
  right: unset;
  left: 0px;
}
.shop-category-slider .thumb-button{
  width: 30px;
  height: 30px;
}
.shop-category-slider .thumb-button i{
  padding: 9px;
}
.shop-category-slider .thumb-button.thumb-button-prev {
  padding: 0px 5px;
}
.home-banners a h2, a.part-title span{
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
  position: relative;
  display: inline-block;
}
.home-banners p{
  font-size: 12px;
}
a.part-title span{
  font-size: 12px;
}
.home-banners a.banner-title h2:after , a.part-title span:after{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 20%;
  border-bottom: 2px solid var(--primary);
  content: "";
  z-index: 1;
  opacity: 0;
  bottom: -5px;
  transition: all .3s;

}
.home-banners a.banner-title:hover h2:after , a.part-title:hover span:after{
  width: 100%;
  opacity: 1;
}
.bg-gray{
  background-color: var(--gray-light-bg);
}
.story-card{
  background-color: var(--white-bg);
  border: 1px solid #ccc;
  padding: 20px 20px 16px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.story-card h3{
  font-size: 16px;
  margin: 20px 0;
}
.story-card p{
  font-size: 13px;
  color: var(--text-gray);
  line-height: 20px;
}
.bg-banner-main{
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
}
.bg-banner-main .banner-details{
  position: absolute;
  right: 7%;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
}
.bg-banner-main .banner-details h3 , .text-conatiner h3{
  font-size: 18px;
  margin-bottom: 20px;
}
.bg-banner-main .banner-details p,  .text-conatiner p{
  font-size: 13px;
  color: var(--text-gray);
  line-height: 20px;
}
.experience-card{
  text-align: center;
  margin-bottom: 30px;
}
.experience-card h3{
  margin: 15px 0;
  font-size: 14px;
}
.experience-card i{
  font-size: 22px;
}
.border-primary-footer{
  border-top: 2px solid var(--primary);
  border-bottom: 6px solid var(--primary);
  text-align: center;
  padding: 5px;
  margin-top: 50px;
}
.footer-area .certificate img{
  width: 100px;
}
.category-area img{
  border: 1px solid #ccc;
}
.description-area img{
  max-width: 430px;
  min-width: 100px;
}
.nav-icon{
  margin-right: 20px;
}
a.part-title i{
  font-size: 10px;
  margin-right: 10px;
}
.experience-slider-pagination{
  text-align: center;
}
.swiper-pagination-bullet-active{
  background-color: var(--secondary);
}
.category-area a.part-title span{
  margin-top: 5px;
}
.filter-price .form-control{
  font-size: 11px;
  font-weight: 400;
  line-height: 1.8;
  border-radius: 0;
}
.filter-price .form-control:focus{
  border: 1px solid var(--primary);
  box-shadow: none;
}
.filter-price .view-more-btn_wrap {
  padding-top: 20px;
  text-align: center;
  justify-content: unset;
}
.filter-price .view-more-btn_wrap .view-more-5 {
  line-height: 18px;
  padding: 7px 20px;
  min-width: unset;

}
.lg-outer {
  direction: ltr;
}
.lg-actions .lg-prev:after{
  content: "\f060";
  font-family: "Font Awesome 5 Pro";
}
.lg-actions .lg-next:before{
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
}
.lg-toolbar .lg-close:after{
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
}
.lg-toolbar .lg-download:after {
  content: "\f33d";
  font-family: "Font Awesome 5 Pro";
}
.px-100{
  padding: 25px 80px;
}
.btn-contained-dark{
  padding: 8px 20px;
  background-color: var(--text-dark);
  border: 1px solid var(--text-dark);
  color: var(--white-bg);
  font-size: 13px;
  transition: all .3s;
}
.btn-contained-dark:hover{
  background-color: var(--primary);
  color: var(--text-dark) !important;
}
.product-breadcrumb{
  background: unset !important;
}
.product-breadcrumb .breadcrumb-content ul > li > a,
.product-breadcrumb .breadcrumb-content ul > li{
  font-size: 10px !important;
}
.horizontal-line hr{
  color: var(--text-dark);
  height: 2px;
  opacity: 1;
}
.social-container {
  background: #f7f7f7;
  position: absolute;
  top: -5px;
  right: 40px;
  display: flex;
  padding: 5px;
  font-size: 20px;
  visibility: hidden;
  transition: all 0.5s ease;
  opacity: 0;
}
.social-container.active {
  visibility: visible;
  opacity: 1;
}
.social-container a {
  margin-right: 5px;
  margin-left: 5px;
}
.default-btn.wishlist.active i {
  color: #ff004b !important;
}
.bg-primary-slider{
  background-color: var(--primary);
  width: 63px;
  z-index: 100;
  position: absolute;
  max-height: 100%;
  height: 100%;
}
.mr-65{
  margin-right: 65px;
}
.product-banner-area img{
    width: 500px;
    text-align: center;
    max-width: 100%;
}
.product-banner-area h4, .seller-info h1{
    font-size: 16px;
    margin-bottom: 15px;
}
.product-banner-area p , .seller-info p{
    font-size: 13px;
    line-height: 20px;
  text-align: justify;
  color: var(--text-gray);
}
.product-banner-area{
    background-color: #e6f2f2;
    padding: 20px 0;
}
.seller-info img{
  width: 80px;
  margin-left: 30px;
}
.bg-primary-brd {
  border-top: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
  margin-top: 130px;
}
.view-more-btn_wrap.quick-view .view-more-5{
  border-color: var(--primary);
  color: var(--primary);
}
.view-more-btn_wrap.quick-view .view-more-5:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--text-dark);
}
.search-container{
  position: absolute;
  background: #fafeff;
  width: 100%;
  display: none;
   box-shadow:  0px 5px 3px rgba(17, 17 ,17 ,.08);
}
.search-container.active{
  display: block;
}
.search-container .hm-searchbox{
  position: relative;
  padding-bottom: 10px;
}
.search-container .hm-searchbox input{
  width: 100%;
  padding: 7px 0px 7px 24px !important;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #000;
  border-radius: 0;
}
.search-container .hm-searchbox button{
  position: absolute;
  left:0;
  top: 7px;
}
.search-container .hm-searchbox button i{
  font-size: 13px;
}
.search-container .btn-close{
  position: absolute;
  right: 15px;
  background: transparent;
  box-shadow: none !important;
}
.single-product.shop .additional-details{
  display: none;
}
.only-two-line{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.only-one-line{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.filter-body .btn-close{
  display: none;
}
.search-container .hm-searchbox input::placeholder{
  font-size: 16px;
}
.search-widgets .heading-3 {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 15px;
}
.search-widgets ul li a{
  font-size: 11px;
}
.swiper-pagination-bullet {
  width: 4px;
  height: 4px;
}
.offcanvas-navigation .mobile-menu > li > a span i, .offcanvas-navigation .mobile-menu li .sub-menu li a span i{
  font-size: 16px;
}
.header-right-area > ul > li:first-child{
  margin-right: 0;
}
/*Editor text*/
.editor-text{
    margin:10px 0;
    text-align: right;
}
.editor-text p {
    text-align: justify;
    font-size: 13px;
    line-height: 28px;
    text-justify: inter-word;
}
.editor-text a {
    color: var(--primary);
}
.editor-text h1{
    font-size: 24px;
    font-weight: 700;
}
.editor-text h2{
    font-size: 20px;
    font-weight: 700;
}
.editor-text h3{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.editor-text img{
    max-width: 80%;
}
@media (max-width:768px){
    .editor-text img{
        max-width: 90%;
    }
}
.editor-text .text-right{
    text-align: right !important;
    display: block;
}
.editor-text .text-center{
    text-align: center;
    display: block;
}
.editor-text figure{
    text-align: center;
}
.editor-text .text-left{
    text-align: left !important;
    display: block;
}
.editor-text li{
    margin: 5px 30px 5px 0;
    font-size: 15px;
    line-height: 30px;
}
.jq-stars {
    display: inline-block;
}

.jq-rating-label {
    font-size: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-family: helvetica, arial, verdana;
}

.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}

.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
    /* stroke: #000; */
    stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
    -webkit-filter: drop-shadow( -2px -2px 2px #888 );
    filter: drop-shadow( -2px -2px 2px #888 );
}
.star_rating{
    direction: ltr;
    margin-bottom: 10px;
}
#thankYou,#thankYou_FaQ,#thankYouViolation{
    display: none;
    text-align: center;
    min-height: 300px;
}
#thankYou .content-thank,#thankYou_FaQ .content-thank,#thankYouViolation .content-thank{
    margin-top: 75px;
}
.content-thank p{
    text-align:center !important;
}
#thankYou .content-thank strong,#thankYou_FaQ .content-thank strong,#thankYouViolation .content-thank strong{
    color:rgb(79 183 136);
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}
#thankYou .content-thank i,#thankYou_FaQ .content-thank i,#thankYouViolation .content-thank i{
    display: block;
    color: rgb(79 183 136) ;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 60px;
}
.loader-search {
    text-align: center;
    display: none;
}
.loader-search.active{
    display: block;
}
.modal_loader{
    width: 500px;
    height: 150px;
}
.modal_loader .loader-search{
    margin-top:150px
}
.loader-search span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background: #59A5D8;
    border-radius: 20px;
    animation: loader-search 0.8s infinite alternate;
}
.loader-search span:nth-of-type(2) {
    animation-delay: 0.2s;
}
.loader-search span:nth-of-type(3) {
    animation-delay: 0.6s;
}
@keyframes loader-search {
    0% {
        opacity: 0.9;
        transform: scale(0.5);
    }
    100% {
        opacity: 0.1;
        transform: scale(1);
    }
}
.no-product-found{
    text-align: center;
    margin-bottom: 40px;
    background: #fff;
    min-height: 350px;
    width: 100%;
    border-radius: 5px;
}
.no-product-found h3{
    font-size: 24px;
    font-weight: 700;
    color: #757575;
}
.no-product-found img{
    max-width: 100%;
    opacity: 0.7;
    width: 200px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.single-product.shop .thumb-button{
    display: none;
}
.toggle_view_on_body:hover .on-body{
    display: block !important;
}
.toggle_view_on_body:hover .main-image{
    display: none;
}
.login-first-modal .view-more-btn_wrap{
    display: block;
    padding: 0;
    margin: 0 10px;
}
button.login-close{
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 20px;
}
.login-first-modal i{
    font-size: 40px;
    color: var(--primary);
}
.login-first-modal h3{
    font-size: 15px;
    margin-top: 10px;
}

.login-first-modal hr{
    opacity: 1;
}
.page-item.active .page-link {
    z-index: 3;
    color: #1e1e1e;
    background-color: var(--primary);
    border: 2px solid #1e1e1e;
}
.page-link {
    position: relative;
    display: block;
    color: var(--primary);
    text-decoration: none;
    background-color: #fff;
    font-size: 14px;
    border: 0px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.page-link:focus {
    z-index: 3;
    background-color: transparent;
    box-shadow: none;
    color: unset;
}
.page-link:hover{
    background-color: transparent;
    border: 0;
}
.bottom-paginate{
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    margin: 20px 0;
}
.empty-sec{
    padding: 30px;
    min-height: 200px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #eeeeee;
    margin:10px 0;
}
.empty-sec i{
    font-size: 70px;
    margin-bottom: 30px;
}
.empty-sec p{
    background: none;
}
.wishlist .fas.fa-heart{
    font-weight: 400 !important;
}
.wishlist.active .fas.fa-heart{
    font-weight: 900 !important;
}
.range-slider .price-inp {
    width: 100%;
    display: flex;
    margin-bottom:15px;
}
.range-slider .price-inp .field {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
}
.range-slider .field input {
    width: 100%;
    outline: none;
    margin-right: 12px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}
.range-slider input[type="number"]::-webkit-outer-spin-button,
.range-slider input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.range-slider .price-inp .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}
.range-slider .slid {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}
.range-slider .slid .progress {
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 5px;
    background: var(--primary);
}
.range-slider .range-inp {
    position: relative;
}
.range-slider .range-inp input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.range-slider input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: var(--primary);
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.range-slider input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: var(--primary);
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.resultPage{
    background: #fff;
    position: absolute;
    width: 100%;
    padding: 0 20px;
    transition: .7s all ease-in-out;
    display: none;
    z-index: 99999;
    top:52px;
    border-radius:8px;
}
.resultPage.active{
    display: block;
}
.resultPage .recent-searches a{
    background: #eee;
    padding: 2px 10px;
    border-radius: 50px;
    font-size: 12px;
    margin-right: 2px;
    color: #888;
}
.resultPage .recent-searches p {
    color: #111;
}

.resultPage h4{
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 500;
}

.resultPage hr{
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid rgba(166,164,164,.1);
    color: #dddddd;
}
.search-products-list{
    max-height: 400px;
    overflow: auto;
}
.resultPage a{
    font-size: 13px;
}
.search-result-img{
    max-width: 38px;
    border-radius: 4px;
}
.btn-contained-dark.disabled{
    cursor: default;
    opacity: 0.3;
}
.btn-contained-dark.disabled:hover{
    color: #fff !important;
    background-color: rgba(30 ,30 ,30 ,1) !important;
    border-color: rgba(30 ,30 ,30 ,1) !important;
    cursor: not-allowed;
}
.cart_loader{
    display: none;
    text-align: center;
    margin-top: 30px;
    color: #ddd;
    font-size: 28px;
}
.cart-notification{
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 82px;
    max-width: 400px;
    width: 80%;
    right: 50%;
    background: var(--secondary);
    color: #fff;
    z-index: 99999999;
    box-shadow: 0 8px 15px 0 rgba(0,0,0,0.1);
    border-radius: 0;
    padding: 10px 20px;
    transition: 0.5s all ease-in-out;
    transform: translateX(50%);
}
.cart-notification.active{
    visibility: visible;
    opacity: 1;
}
.cart-notification p{
    font-size: 13px;
}
.cart-notification span{
    position: absolute;
    left: 13px;
    top: 11px;
    font-size: 13px;
}
.cart-notification span i{
    font-size: 13px;
}
.bg-inner-banner{
    position: relative;
    top: 0;
    left: -50%;
    z-index: 1;
    transform: translateX(50%);
    max-width: 600px;
    padding: 32px 60px;
    border-radius: 6px;
    background: #fefefe;
    border: 1px solid #e3e3e3;
    margin-bottom: 100px;
    margin-top: 200px;
}
.pay-result h2{
    margin-top: 20px;
    font-size: 22px;
}
.pay-result i{
    font-size: 80px;
}
.success-pay h2, .success-pay i{
    color: #00de76;
}
.failed-pay h2, .failed-pay i{
    color: #f11010;
}
.contact-info-card p a,
.contact-info-card address{
    font-size: 13px;
    color: #989898;
}
.contact-info-card{
    margin: 10px 0;
}
.contact-info-card i{
    font-size: 18px;
    margin-left: 10px;
    min-width: 24px;
    text-align: center;
}
.contact-info-card h4{
    font-size: 13px;
    margin-left: 10px;
    font-weight: 400;
}
.page-title h3{
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}
.contact-form p{
    font-size: 13px;
}
.contact-form input,
.contact-form textarea{
    font-size: 13px;
    border-radius: 0;
    margin-bottom: 15px;
}
.contact-top .form-group{
    width: 49%;
}
.ml-10{
    margin-left: 10px;
}
.contact-social{
    display: flex;
    margin-top: 10px;
}
.contact-social li{
    margin-left: 10px;
}
.contact-social li a{
    color:#111
}
.contact-social li a:hover{
    color: var(--primary);
}
.confirmation_text{
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    background: #ff7272;
    z-index: 99999;
    padding: 10px;
    font-size: 11px;
    border-radius: 1px;
    white-space: nowrap;
}
.collection_item{
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    min-height: 300px;
    background-position: center;
    margin: 20px 0;
    position: relative;
}
.collection_item h3, .collection_item p{
    color: #fff;
}
.collection_item h3{
    font-size: 32px;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    margin-bottom: 10px;
}
.collection_item p{
    max-width: 40%;
}
.collection_item .inner-items{
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
}
.btn-outline-white{
    border: 2px solid #fff;
    font-size: 13px;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
}
.btn-outline-white i{
    margin-right: 10px;
}
.btn-outline-white:hover{
    background-color: #fff;
    color: #111;
    font-weight: 400;
}
.collection-container h1{
    color: #464646;
    font-size: 26px;
    margin: 20px 0 20px 0;
}
.collection-container .editor-text{
    color: #464646;
    margin-right: 30px;
}
.quantity-with_btn .tab-inner h2{
    font-size: 14px;
    font-weight: 400;
    color: var(--primary);
}
.quantity-with_btn .files-download a{
    border: 1px solid var(--primary);
    color: var(--primary);
    font-size: 13px;
    padding: 5px 10px;
    width: 100%;
    display: block;
}
.quantity-with_btn .files-download a:hover{
    font-weight: 400 !important;
    background-color: #f3fbfc;
    color: var(--primary);
}
#collection-modal p{
    font-size: 13px;
}
#collection-modal hr{
    background-color: var(--primary);
}
.contact-button{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100;
}

.contact-button .support{
    background-color: var(--primary);
    border-radius: 100%;
    width: 50px;
    height: 50px;
    border: 2px solid #111;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-button .support button{
    width: 100%;
    height: 100%;
}
.contact-button .support i{
    font-size: 25px;
}
.contact-button .support-info{
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    right: -400px;
    position: absolute;
    top: -97px;

}
.contact-button .support-info.active{
    visibility: visible;
    opacity: 1;
    right: 0px;
    top: -97px;

}
.contact-button .support-info a{
    display: block;
    background-color: var(--primary);
    padding: 7px 25px;
    font-size: 14px;
    margin: 7px 0;
    white-space: nowrap;
}
.contact-button .support-info a i{
    font-size: 16px;
    margin-left: 10px;
}

.collections-holder{
    padding: 50px 0 !important;
}