@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.khavidakplastic.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.9") format("woff2");
	font-display:swap;
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.khavidakplastic.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.khavidakplastic.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.khavidakplastic.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.khavidakplastic.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.khavidakplastic.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.khavidakplastic.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.khavidakplastic.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.khavidakplastic.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(124,124,124);
	--wd-text-font-size: 14px;
	--wd-title-font: "IRANSansWeb_FaNum_Black", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(53,53,53);
	--wd-entities-title-font: "IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(81,81,81);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(81,81,81);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "IRANSansWeb_FaNum", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 200;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,127,142);
	--wd-alternative-color: rgb(0,0,0);
	--btn-default-font-family: "IRANSansWeb_FaNum_Medium", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(247,247,247);
	--btn-default-bgcolor-hover: rgb(0,127,142);
	--btn-accented-font-family: "IRANSansWeb_FaNum_Medium", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(46,107,198);
	--btn-accented-bgcolor-hover: rgb(42,97,180);
	--btn-accented-color: rgb(0,0,0);
	--btn-accented-color-hover: rgb(0,127,142);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,127,142);
	--wd-link-color-hover: rgb(37,102,232);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 20px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgba(227,239,239,0.52);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .wd-buy-now-btn {
	font-family: "IRANSansWeb_FaNum_Medium", Arial, Helvetica, sans-serif;
	background: rgb(36,36,36);
}
html .wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
.product-labels .product-label.onsale {
	background-color: rgba(101,185,29,0);
	color: rgba(255,255,255,0);
}
.product-labels .product-label.new {
	background-color: rgb(101,185,29);
	color: rgb(247,247,247);
}
.product-labels .product-label.featured {
	background-color: rgba(215,30,36,0.86);
	color: rgb(247,247,247);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(0,72,146);
	color: rgb(247,247,247);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(238,238,34);
	color: rgb(247,247,247);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}



.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

/* پاک کردن مرتب سازی پیش فرض ووکامرس در قالب وودمارت به دلیل عدم کارایی */
.shop-loop-head .wd-shop-tools select {
    display: none;
}

/* Figcaption */
.product-description figure figcaption{
    display:none;
}

/* Labels rectangular */
.wd-gallery-images .labels-rectangular{
    display:none;
}

/* استایل مخصوص تصاویر با کلاس benz */
img.benz {
    width: 550px;          /* عرض ثابت 550 پیکسل */
    height: auto;          /* ارتفاع متناسب با عرض */
    border-radius: 14px;   /* گردی گوشه‌ها */
    margin-top: 37px;      /* فاصله از بالا */
    margin-bottom: 7px;   /* فاصله از پایین */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); /* سایه لایت */
    display: block;        /* برای کنترل بهتر فاصله‌ها */
}
img.benz1 {
    width: 500px;          /* عرض ثابت 700 پیکسل */
    height: auto;          /* ارتفاع متناسب با عرض */
    border-radius: 14px;   /* گردی گوشه‌ها */
    margin-top: 37px;      /* فاصله از بالا */
    margin-bottom: 7px;   /* فاصله از پایین */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); /* سایه لایت */
    display: block;        /* برای کنترل بهتر فاصله‌ها */
}





/*
============================================================
    بخش دوم: سیستم استایل‌دهی مقالات (MES Wrapper)
    توضیح: این کلاس‌ها برای ایزوله‌سازی کامل استایل در مقالات است.
============================================================
*/

/* Parent Wrapper */
.mes-wrapper,
.mes-wrapper * {
    direction: rtl !important;
    text-align: right !important;
}
/* قوی‌ترین روش ایزوله‌سازی بدون آیدی */
:where(.mes-wrapper) * {
    direction: rtl !important;
    text-align: right !important;
}

/*
=====================================
        پاراگراف‌ها
=====================================
*/

:where(.mes-wrapper) .mes-paragraph {
    text-align: justify !important;
    line-height: 1.8 !important;
    font-size: 17px !important;
}

/*
=====================================
        تیترهای H2
=====================================
*/

:where(.mes-wrapper) .mes-h2 {
    font-size: 22px !important;
    margin-top: 45px !important;
    color: #007f8e !important;
    font-weight: 400 !important; /* یا هر وزن دلخواه دیگر */
}

/*
=====================================
        فهرست محتوا (TOC)
=====================================
*/

/* جعبه TOC */
:where(.mes-wrapper) .mes-toc-box {
    margin: 40px 0 !important;
    padding: 25px !important;
    background: #f8f9fa !important;
    border-right: 7px solid #007f8e !important;
    border-radius: 14px !important;
}

/* استایل لیست داخل جعبه TOC */
:where(.mes-wrapper) .mes-toc-box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* آیتم‌های TOC */
:where(.mes-wrapper) .mes-toc-item {
    margin-bottom: 15px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* لینک‌های آیتم‌های TOC */
:where(.mes-wrapper) .mes-toc-item a {
    text-decoration: none !important;
    color: #007f8e !important;
    font-weight: 600 !important;
    transition: color 0.3s !important;
}

/* =====================================    لینک   ===================================== */

.mes-wrapper .mes-paragraph a {
    font-size: 17px;
    color: #007f8e;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.mes-wrapper .mes-paragraph a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #00aec1;
    transition: width 0.3s ease;
}

.mes-wrapper .mes-paragraph a:hover {
    color: #00aec1;
}

.mes-wrapper .mes-paragraph a:hover::after {
    width: 100%;
}

/*
=====================================
        جدول‌ها
=====================================
*/
:where(.mes-wrapper) .mes-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 35px 0 !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(0, 127, 142, 0.12) !important;
    font-size: 15px !important;
    border: 1px solid #bbcfd0 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

:where(.mes-wrapper) .mes-table:hover {
    box-shadow: 0 12px 30px rgba(0, 127, 142, 0.18) !important;
    transform: translateY(-2px) !important;
}

:where(.mes-wrapper) .mes-table th:first-child,
:where(.mes-wrapper) .mes-table td:first-child {
    width: 33.33% !important;
    border-right: 1px solid #bbcfd0 !important;
}

:where(.mes-wrapper) .mes-table th:nth-child(2),
:where(.mes-wrapper) .mes-table td:nth-child(2) {
    width: 66.67% !important;
}

/* سرستون‌های زیبا */
:where(.mes-wrapper) .mes-table thead {
    background: linear-gradient(135deg, #61c0bf 0%, #00aec1 100%) !important;
}

:where(.mes-wrapper) .mes-table thead tr {
    background: transparent !important;
    color: white !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

:where(.mes-wrapper) .mes-table thead th {
    padding: 18px 14px !important;
    border-bottom: 2px solid #a7cdd0 !important;
    position: relative !important;
    font-size: 16px !important;
}

:where(.mes-wrapper) .mes-table thead th:after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.3) !important;
}

/* ردیف‌های بدنه */
:where(.mes-wrapper) .mes-table tbody tr {
    transition: all 0.2s ease !important;
}

:where(.mes-wrapper) .mes-table tbody tr:nth-child(odd) {
    background: #ffffff !important;
}

:where(.mes-wrapper) .mes-table tbody tr:nth-child(even) {
    background: #f8fafb !important;
}

:where(.mes-wrapper) .mes-table tbody tr:hover {
    background: linear-gradient(90deg, #f0f9fa 0%, #e8f4f5 100%) !important;
    box-shadow: inset 3px 0 0 #00aec1 !important;
}

/* سلول‌ها */
:where(.mes-wrapper) .mes-table td,
:where(.mes-wrapper) .mes-table th {
    padding: 16px 14px !important;
    border-bottom: 1px solid #e8f1f2 !important;
    text-align: right !important;
}

:where(.mes-wrapper) .mes-table td {
    border-bottom: 1px solid #e8f1f2 !important;
    color: #333333 !important;
    line-height: 1.6 !important;
}

:where(.mes-wrapper) .mes-table th {
    color: white !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

/* آخرین ردیف */
:where(.mes-wrapper) .mes-table tbody tr:last-child td {
    border-bottom: none !important;
}

/* گوشه‌های گرد */
:where(.mes-wrapper) .mes-table thead tr:first-child th:first-child {
    border-top-right-radius: 11px !important;
}

:where(.mes-wrapper) .mes-table thead tr:first-child th:last-child {
    border-top-left-radius: 11px !important;
}

:where(.mes-wrapper) .mes-table tbody tr:last-child td:first-child {
    border-bottom-right-radius: 11px !important;
}

:where(.mes-wrapper) .mes-table tbody tr:last-child td:last-child {
    border-bottom-left-radius: 11px !important;
}

/* هایلایت سلول اول هر ردیف */
:where(.mes-wrapper) .mes-table td:first-child {
    font-weight: 500 !important;
    color: #007f8e !important;
    background: rgba(167, 205, 208, 0.05) !important;
}

/* کپشن یا توضیح جدول (اگر نیاز دارید) */
:where(.mes-wrapper) .mes-table-caption {
    caption-side: bottom !important;
    margin-top: 12px !important;
    font-size: 14px !important;
    color: #666 !important;
    text-align: center !important;
    font-style: italic !important;
}


/*
============================================================
    بخش چهارم: سیستم استایل‌دهی دسته‌بندی‌ها (MESO Wrapper)
    توضیح: مشابه مقالات اما با فواصل و رنگ‌بندی مخصوص آرشیو
============================================================
*/


/* ===================================== Wrapper اصلی دسته‌بندی و تگ ===================================== */
.meso-wrapper {
    margin-top: 72px !important;
}

.meso-wrapper,
.meso-wrapper * {
    direction: rtl !important;
    text-align: right !important;
}
:where(.meso-wrapper) * {
    direction: rtl !important;
    text-align: right !important;
}

/* ===================================== پاراگراف‌ها ===================================== */
:where(.meso-wrapper) .meso-paragraph {
    text-align: justify !important;
    line-height: 1.8 !important;
    font-size: 17px !important;
    color: #68686e !important;
}

/* ===================================== تیترهای H2 ===================================== */

:where(.meso-wrapper) .meso-h2 {
    font-size: 22px !important;
    margin-top: 45px !important;
    color: #007f8e !important;
    font-weight: 400 !important; /* یا هر وزن دلخواه دیگر */
}

/* ===================================== فهرست محتوا (TOC) ===================================== */
:where(.meso-wrapper) .meso-toc-box {
    margin: 40px 0 !important;
    padding: 25px !important;
    background: #f8f9fa !important;
    border-right: 7px solid #007f8e !important;
    border-radius: 14px !important;
}

:where(.meso-wrapper) .meso-toc-box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

:where(.meso-wrapper) .meso-toc-item {
    margin-bottom: 14px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

:where(.meso-wrapper) .meso-toc-item a {
    text-decoration: none !important;
    color: #007f8e !important;
    font-weight: 600 !important;
    transition: color 0.3s !important;
}

/* لیست‌های معمولی (ul/ol) */
:where(.meso-wrapper) ul,
:where(.meso-wrapper) ol {
    padding-right: 20px !important;
    margin: 20px 0 !important;
}

:where(.meso-wrapper) li {
    margin-bottom: 8px !important;
}

/* =====================================    لینک   ===================================== */

.meso-wrapper .meso-paragraph a {
    font-size: 17px;
    color: #007f8e;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.meso-wrapper .meso-paragraph a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #00aec1;
    transition: width 0.3s ease;
}

.meso-wrapper .meso-paragraph a:hover {
    color: #00aec1;
}

.meso-wrapper .meso-paragraph a:hover::after {
    width: 100%;
}

/* استایل بخش Current Related Posts */
.lwp-related-posts {
    /* تغییرات کلی */
    font-family: 'IRANSans', Tahoma, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}





/* ================================
   Pricing List Loop - Ultra Compact Mode
   مخصوص لیست‌های قیمت فشرده
   ================================ */

/* حذف تمام فاصله‌های بیرونی */
.pricing-list-loop .elementor-loop-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* آیتم‌ها کاملاً فشرده - مناسب برای ردیف‌های قیمت */
.pricing-list-loop .elementor-loop-container > article,
.pricing-list-loop .elementor-loop-container > div {
    display: block !important;
    width: 100% !important;
    padding: 2px 8px !important;  /* فشرده‌ترین حالت ممکن */
    margin: 0 !important;
    border-bottom: 1px solid #d0d0d0 !important;
    box-sizing: border-box;
    line-height: 1.2 !important;
    transition: background-color 0.2s ease;
}

/* ردیف‌های زوج و فرد برای خوانایی بهتر */
.pricing-list-loop .elementor-loop-container > article:nth-child(even),
.pricing-list-loop .elementor-loop-container > div:nth-child(even) {
    background-color: #f4f9ff !important;  /* آبی بسیار ملایم */
}

/* ردیف‌های فرد - سفید ساده */
.pricing-list-loop .elementor-loop-container > article:nth-child(odd),
.pricing-list-loop .elementor-loop-container > div:nth-child(odd) {
    background-color: #ffffff !important;
}

/* حذف تمام فاصله‌های داخلی برای فشردگی بیشتر */
.pricing-list-loop .elementor-loop-container * {
    margin: 0 !important;
    padding: 0 !important;
}

/* تنظیمات فونت برای لیست قیمت */
.pricing-list-loop .elementor-loop-container {
    font-size: 13px !important;  /* اندازه مناسب برای نمایش قیمت */
    direction: rtl !important;
}

/* برجسته‌سازی قیمت‌ها و عناصر مهم */
.pricing-list-loop .elementor-loop-container strong,
.pricing-list-loop .elementor-loop-container b,
.pricing-list-loop .elementor-loop-container .price,
.pricing-list-loop .elementor-loop-container [class*="price"] {
    font-weight: 700 !important;  /* پررنگ‌تر برای قیمت */
    color: #2c3e50 !important;    /* رنگ تیره و حرفه‌ای */
}

/* افکت هاور برای تعامل بهتر */
.pricing-list-loop .elementor-loop-container > article:hover,
.pricing-list-loop .elementor-loop-container > div:hover {
    background-color: #e6f2ff !important;  /* آبی پررنگ‌تر در هاور */
    cursor: default;  /* یا pointer اگر کلیک‌پذیر است */
}

/* حذف border-bottom از آخرین آیتم برای ظاهر تمیزتر */
.pricing-list-loop .elementor-loop-container > article:last-child,
.pricing-list-loop .elementor-loop-container > div:last-child {
    border-bottom: none !important;
}

/* اگر آیتم‌ها دارای تصویر هستند، مخفی کن (اختیاری) */
.pricing-list-loop .elementor-loop-container img {
    display: none !important;
}




/* Heading */
#link-whisper-related-posts-widget h3{
	display:none;
}

/* Thumbnail Image */
#link-whisper-related-posts-widget .lwrp-list-item .wp-post-image{
	border-top-left-radius:14px;
	border-bottom-left-radius:14px;
	border-top-right-radius:14px;
	border-bottom-right-radius:14px;
	animation-fill-mode:both;
	
}

/* Thumbnail Image (onscreen) */
#link-whisper-related-posts-widget .lwrp-list-item .wp-post-image:yp-onscreen{
	animation-name:pulse;
	animation-duration:1s;
	animation-delay:0s;
}

@media (min-width: 1025px) {
	/*
طبق دستور و تقاضای جناب آقای دریغ، به‌منظور یکسان‌سازی ظاهر و ایجاد هماهنگی بصری میان منوها و زیرمنوها در وب‌سایت، عرض تمامی منوهای کشویی (Dropdown Menu) و زیرمنوهای داخلی به‌صورت ثابت و مساوی برابر با 295px تنظیم شده است. این تنظیمات شامل آیتم‌های موجود در منوی اصلی (#menu-asli)، منوی محصولات (#menu-products-man)، و لیست‌های داخلی زیرمنوها می‌باشد تا از ناهماهنگی در طراحی جلوگیری شده و تجربه کاربری بهتری فراهم گردد.
*/

/* Dropdown menu for products */
#menu-products-man .menu-item .wd-dropdown-menu {
	width: 295px;
}

/* Dropdown menu for main menu */
#menu-asli .menu-item .wd-dropdown-menu {
	width: 295px;
}


.main-page-wrapper .description-area-after .term-description{
	background-color:rgba(232,232,232,0.59);
	padding-left:22px;
	padding-right:22px;
	padding-top:22px;
	padding-bottom:22px;
	margin-top:72px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
}

/* Sub-menu list items */
#menu-asli .wd-sub-menu ul {
	width: 295px;
}

/* Caption text */
.product-description .wp-caption .wp-caption-text{
	display:none;
}

/* Caption */
.term-description .product-description .wp-caption{
	margin-top:22px;
	margin-bottom:22px;
	
}

/* Main page wrapper */
.website-wrapper .main-page-wrapper{
	transform:translatex(0px) translatey(0px);
}

/* Post Title */
.website-wrapper .page-title h1{
	font-size:18px !important;
}

/* Page title */
.website-wrapper .main-page-wrapper .page-title{
		margin-bottom:14px;
	  padding-top: 14px;
}

/* Strong Tag */
.yoast-breadcrumb span strong{
	font-size:14px;
}

/* Span Tag */
.wd-breadcrumbs .yoast-breadcrumb > span{
	font-size:14px;
}

/* Link */
.yoast-breadcrumb span a{
	font-size:14px;
}




}

@media (max-width: 576px) {
	/* 680px and smaller screen sizes */
@media (max-width:680px){

	/* Post Title */
	.page-title h1{
		font-size:16px !important;
	}
	
	/* Woocommerce ordering */
	.shop-loop-head .wd-shop-tools .woocommerce-ordering{
		display:none;
	}
	
	/* Link */
	.shop-loop-head .wd-burger-icon a{
		display:none;
	}
	
	/* Column 9/12 */
	.main-page-wrapper .description-area-after{
		padding-top:0px;
	}
	
	/* Paragraph */
	.shop-loop-head .wd-shop-tools .woocommerce-result-count{
		display:none !important;
	}
	
	/* Pagination infinit */
	.description-area-after .wd-products-element .pagination-infinit{
		margin-top:-32px;
	}
	
	/* Shop tools */
	.description-area-after .shop-loop-head .wd-shop-tools:nth-child(1){
		padding-bottom:7px !important;
		margin-top:-14px;
		
	}
	
	/* Page title */
	.website-wrapper .main-page-wrapper .page-title{
		padding-top:7px;
		height:35px;
	}
	
}


/* 639px and smaller screen sizes */
@media (max-width:639px){

	/* Button show */
	.button-show{
		transform:translatex(13px) translatey(-24px) !important;
		
	}
	
}
}