/* Minification failed. Returning unminified contents. (12267,29): run-time error CSS1038: Expected hex color, found '#cccc' */ /*=====================Start import iransans font face================================*/ @font-face { font-family: IRANsans; font-style: normal; font-weight: 900; src: url("../fonts/iransans/eot/IRANSansWeb_Black.eot"); src: url("../fonts/iransans/eot/IRANSansWeb_Black.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Black.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Black.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Black.ttf") format("truetype"); } @font-face { font-family: IRANsans; font-style: normal; font-weight: bold; src: url("../fonts/iransans/eot/IRANSansWeb_Bold.eot"); src: url("../fonts/iransans/eot/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Bold.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Bold.ttf") format("truetype"); } @font-face { font-family: IRANsans; font-style: normal; font-weight: 500; src: url("../fonts/iransans/eot/IRANSansWeb_Medium.eot"); src: url("../fonts/iransans/eot/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Medium.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Medium.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Medium.ttf") format("truetype"); } @font-face { font-family: IRANsans; font-style: normal; font-weight: 300; src: url("../fonts/iransans/eot/IRANSansWeb_Light.eot"); src: url("../fonts/iransans/eot/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_Light.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_Light.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_Light.ttf") format("truetype"); } @font-face { font-family: IRANsans; font-style: normal; font-weight: 200; src: url("../fonts/iransans/eot/IRANSansWeb_UltraLight.eot"); src: url("../fonts/iransans/eot/IRANSansWeb_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb_UltraLight.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb_UltraLight.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb_UltraLight.ttf") format("truetype"); } @font-face { font-family: IRANsans; font-style: normal; font-weight: normal; src: url("../fonts/iransans/eot/IRANSansWeb.eot"); src: url("../fonts/iransans/eot/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/woff2/IRANSansWeb.woff2") format("woff2"), url("../fonts/iransans/woff/IRANSansWeb.woff") format("woff"), url("../fonts/iransans/ttf/IRANSansWeb.ttf") format("truetype"); } /* Iransans with Persian numeric */ @font-face { font-family: IRANsansFA; font-style: normal; font-weight: 900; src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Black.eot"); src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Black.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/fanum/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2"), url("../fonts/iransans/fanum/woff/IRANSansWeb(FaNum)_Black.woff") format("woff"), url("../fonts/iransans/fanum/ttf/IRANSansWeb(FaNum)_Black.ttf") format("truetype"); } @font-face { font-family: IRANsansFA; font-style: normal; font-weight: bold; src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Bold.eot"); src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/fanum/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2"), url("../fonts/iransans/fanum/woff/IRANSansWeb(FaNum)_Bold.woff") format("woff"), url("../fonts/iransans/fanum/ttf/IRANSansWeb(FaNum)_Bold.ttf") format("truetype"); } @font-face { font-family: IRANsansFA; font-style: normal; font-weight: 500; src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Medium.eot"); src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/fanum/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2"), url("../fonts/iransans/fanum/woff/IRANSansWeb(FaNum)_Medium.woff") format("woff"), url("../fonts/iransans/fanum/ttf/IRANSansWeb(FaNum)_Medium.ttf") format("truetype"); } @font-face { font-family: IRANsansFA; font-style: normal; font-weight: 300; src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Light.eot"); src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/fanum/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2"), url("../fonts/iransans/fanum/woff/IRANSansWeb(FaNum)_Light.woff") format("woff"), url("../fonts/iransans/fanum/ttf/IRANSansWeb(FaNum)_Light.ttf") format("truetype"); } @font-face { font-family: IRANsansFA; font-style: normal; font-weight: 200; src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_UltraLight.eot"); src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/fanum/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2"), url("../fonts/iransans/fanum/woff/IRANSansWeb(FaNum)_UltraLight.woff") format("woff"), url("../fonts/iransans/fanum/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format("truetype"); } @font-face { font-family: IRANsansFA; font-style: normal; font-weight: normal; src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum).eot"); src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("../fonts/iransans/fanum/woff2/IRANSansWeb(FaNum).woff2") format("woff2"), url("../fonts/iransans/fanum/woff/IRANSansWeb(FaNum).woff") format("woff"), url("../fonts/iransans/fanum/ttf/IRANSansWeb(FaNum).ttf") format("truetype"); } /*=====================End import iransans font face================================*/ /*=====================Start import shabnam font face================================*/ @font-face { font-family: Shabnam; font-style: normal; font-weight: 900; src: url("../fonts/shabnam/eot/Shabnam.eot"); src: url("../fonts/shabnam/eot/Shabnam.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/woff2/Shabnam.woff2") format("woff2"), url("../fonts/shabnam/woff/Shabnam.woff") format("woff"), url("../fonts/shabnam/ttf/Shabnam.ttf") format("truetype"); } @font-face { font-family: Shabnam; font-style: normal; font-weight: bold; src: url("../fonts/shabnam/eot/Shabnam-Bold.eot"); src: url("../fonts/shabnam/eot/Shabnam-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/woff2/Shabnam-Bold.woff2") format("woff2"), url("../fonts/shabnam/woff/Shabnam-Bold.woff") format("woff"), url("../fonts/shabnam/ttf/Shabnam-Bold.ttf") format("truetype"); } @font-face { font-family: Shabnam; font-style: normal; font-weight: 500; src: url("../fonts/shabnam/eot/Shabnam-Medium.eot"); src: url("../fonts/shabnam/eot/Shabnam-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/woff2/Shabnam-Medium.woff2") format("woff2"), url("../fonts/shabnam/woff/Shabnam-Medium.woff") format("woff"), url("../fonts/shabnam/ttf/Shabnam-Medium.ttf") format("truetype"); } @font-face { font-family: Shabnam; font-style: normal; font-weight: 300; src: url("../fonts/shabnam/eot/Shabnam-Light.eot"); src: url("../fonts/shabnam/eot/Shabnam-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/woff2/Shabnam-Light.woff2") format("woff2"), url("../fonts/shabnam/woff/Shabnam-Light.woff") format("woff"), url("../fonts/shabnam/ttf/Shabnam-Light.ttf") format("truetype"); } @font-face { font-family: Shabnam; font-style: normal; font-weight: 200; src: url("../fonts/shabnam/eot/Shabnam-Thin.eot"); src: url("../fonts/shabnam/eot/Shabnam-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/woff2/Shabnam-Thin.woff2") format("woff2"), url("../fonts/shabnam/woff/Shabnam-Thin.woff") format("woff"), url("../fonts/shabnam/ttf/Shabnam-Thin.ttf") format("truetype"); } @font-face { font-family: Shabnam; font-style: normal; font-weight: normal; src: url("../fonts/shabnam/eot/Shabnam.eot"); src: url("../fonts/shabnam/eot/Shabnam.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/woff2/Shabnam.woff2") format("woff2"), url("../fonts/shabnam/woff/Shabnam.woff") format("woff"), url("../fonts/shabnam/ttf/Shabnam.ttf") format("truetype"); } /* shabnam with Persian numeric */ @font-face { font-family: ShabnamFA; font-style: normal; font-weight: 900; src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-FD.eot"); src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-FD.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/Farsi-Digits/woff2/Shabnam-FD.woff2") format("woff2"), url("../fonts/shabnam/Farsi-Digits/woff/Shabnam-FD.woff") format("woff"), url("../fonts/shabnam/Farsi-Digits/ttf/Shabnam-FD.ttf") format("truetype"); } @font-face { font-family: ShabnamFA; font-style: normal; font-weight: bold; src: url("../fonts/iransans/fanum/eot/IRANSansWeb(FaNum)_Bold.eot"); src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-Bold-FD.eot"); src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-Bold-FD.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/Farsi-Digits/woff2/Shabnam-Bold-FD.woff2") format("woff2"), url("../fonts/shabnam/Farsi-Digits/woff/Shabnam-Bold-FD.woff") format("woff"), url("../fonts/shabnam/Farsi-Digits/ttf/Shabnam-Bold-FD.ttf") format("truetype"); } @font-face { font-family: ShabnamFA; font-style: normal; font-weight: 500; src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-Medium-FD.eot"); src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-Medium-FD.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/Farsi-Digits/woff2/Shabnam-Medium-FD.woff2") format("woff2"), url("../fonts/shabnam/Farsi-Digits/woff/Shabnam-Medium-FD.woff") format("woff"), url("../fonts/shabnam/Farsi-Digits/ttf/Shabnam-Medium-FD.ttf") format("truetype"); } @font-face { font-family: ShabnamFA; font-style: normal; font-weight: 300; src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-Light-FD.eot"); src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-Light-FD.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/Farsi-Digits/woff2/Shabnam-Light-FD.woff2") format("woff2"), url("../fonts/shabnam/Farsi-Digits/woff/Shabnam-Light-FD.woff") format("woff"), url("../fonts/shabnam/Farsi-Digits/ttf/Shabnam-Light-FD.ttf") format("truetype"); } @font-face { font-family: ShabnamFA; font-style: normal; font-weight: 200; src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-Thin-FD.eot"); src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-Thin-FD.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/Farsi-Digits/woff2/Shabnam-Thin-FD.woff2") format("woff2"), url("../fonts/shabnam/Farsi-Digits/woff/Shabnam-Thin-FD.woff") format("woff"), url("../fonts/shabnam/Farsi-Digits/ttf/Shabnam-Thin-FD.ttf") format("truetype"); } @font-face { font-family: ShabnamFA; font-style: normal; font-weight: normal; src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-FD.eot"); src: url("../fonts/shabnam/Farsi-Digits/eot/Shabnam-FD.eot?#iefix") format("embedded-opentype"), url("../fonts/shabnam/Farsi-Digits/woff2/Shabnam-FD.woff2") format("woff2"), url("../fonts/shabnam/Farsi-Digits/woff/Shabnam-FD.woff") format("woff"), url("../fonts/shabnam/Farsi-Digits/ttf/Shabnam-FD.ttf") format("truetype"); } /*=====================End import shabnam font face================================*/ /*=====================Start css normalize================================*/ 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, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { display: inline-block; } a { color: inherit; text-decoration: none !important; } a:focus { outline: none; } input, textarea, select, button { font: inherit; vertical-align: middle; } input[type="search"]::-webkit-search-cancel-button { display: none !important; } img { max-width: 100%; vertical-align: middle; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus { outline: none; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } html { box-sizing: border-box; } *, *::before, *::after { margin: 0; padding: 0; box-sizing: inherit; } button, input[type=button] { cursor: pointer; } button:focus, button:active, input[type=button]:focus, input[type=button]:active { outline: none; } /*==============================code for Hiding scrollbar exact for Mozilla firefox=========================*/ .hide-scrollbar { /*FireFox*/ scrollbar-width: none; /*IE10+*/ -ms-overflow-style: -ms-autohiding-scrollbar; } /*.hide-scrollbar::-webkit-scrollbar { !*Chrome, Safari, Edge*! display: none; }*/ /*==============================code for Hiding scrollbar exact for Mozilla firefox=========================*/ /*=====================End css normalize================================*/ body { direction: rtl; font: 13px IRANSans, IRANSansFA !important; font-weight: 400; color: #444; background: #f5f5f5; max-width: 100%; overflow-x: hidden; } .km-box-style-theme { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; margin-bottom: 20px; } .km-box-style-theme-2 { background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03); border: 1px solid #e4e4e4; } .km-box-style { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; margin-bottom: 20px; } .km-box-style.km-overflow { overflow: hidden; } .km-box-style.km-padding { padding: 20px; } .km-box-style .km-title-style-theme .km-title { background: #fff; } .km-box-style2 { /*box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1);*/ border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 15px; border-radius: 15px; padding: 20px; } .km-box-style2 .km-title-style-theme .km-title { background: #fff; } .clear { clear: both; } .size { width: 98% !important; max-width: 1676px !important; /*width: 1400px;*/ margin: auto; } .size:after, .after-clear:after, .km-table .km-row:after, .km-ads-package:after, body.page-product .km-product-page-content .km-product-fields > .km-group > .km-fields .km-field:after, .km-product-comment-rates > .km-row:after, .km-product-comment-from-f .km-rate-comment-form > .km-row:after, .km-cart-progress:after, .km-cart-content .km-cart-detail-select .km-detail:after, .km-product .km-row-theme:after, footer#km-footer-main .km-widget.km-widget-links .km-content:after, .km-selected-categories:after, .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item:after, .km-breadcrumb:after, body.page-product .km-product-page-top .km-product-left .km-product-user-field:after, body.page-product .km-product-page-content .km-product-content-evaluation:after, .km-delivery-time .km-delivery-time-contents .km-cart-detail-select:after, .km-payment-list:after, .km-profile-container > .km-profile-content .km-profile-address-list:after, .km-profile-container > .km-profile-content .km-profile-favorites-list .km-product-list:after, .km-category-grid-style .km-category-grid-header:after, .km-category-grid-style .km-category-grid-product-list:after, .km-category-grid-style .km-category-grid-product-list-empty:after, .km-compare-product-search-lightbox .km-product-compare-search:after, .km-compare-product-search-lightbox .km-compare-product-search-list:after, .vp-product-item-theme .vp-row:after { display: block; clear: both; content: ''; } @media only screen and (min-width: 960px) and (max-width: 1199px) { .size { width: 960px; } } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .size { width: 1200px; } } @media only screen and (min-width: 0px) and (max-width: 719px) { .size { width: 96% !important; } } .right, .right-in, .right-in-in, .right-in-in-in { float: right; } .left, .left-in, .left-in-in, .left-in-in-in { float: left; } .center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .justify { text-align: justify; } .none { display: none; } .relative { position: relative; } .rtl { direction: rtl; } .ltr { direction: ltr; } .width-100 { width: 100%; } .width-95 { width: 95%; } .width-90 { width: 90%; } .width-85 { width: 85%; } .width-82 { width: 82%; } .width-84 { width: 84%; } .width-80 { width: 80%; } .width-78 { width: 78%; } .width-75 { width: 75%; } .width-72 { width: 72%; } .width-73 { width: 73%; } .width-70 { width: 70%; } .width-67 { width: 67%; } .width-68 { width: 68%; } .width-65 { width: 65%; } .width-60 { width: 60%; } .width-55 { width: 55%; } .width-50 { width: 50%; } .width-47 { width: 47%; } .width-47-5 { width: 47.5%; } .width-48 { width: 48%; } .width-49 { width: 49%; } .width-45 { width: 45%; } .width-40 { width: 40%; } .width-35 { width: 35%; } .width-32 { width: 32%; } .width-36 { width: 36%; } .width-38 { width: 38%; } .width-30 { width: 30%; } .width-27 { width: 27%; } .width-25 { width: 25%; } .width-22 { width: 22%; } .width-23 { width: 23%; } .width-20 { width: 20%; } .width-17 { width: 17%; } .width-18 { width: 18%; } .width-15 { width: 15%; } .width-11 { width: 11%; } .width-12 { width: 12%; } .width-13 { width: 13%; } .width-10 { width: 10%; } .width-5 { width: 5%; } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #e9ecef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9ecef; } .table tbody + tbody { border-top: 2px solid #e9ecef; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #e9ecef; } .table-bordered th, .table-bordered td { border: 1px solid #e9ecef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #dddfe2; } .table-hover .table-secondary:hover { background-color: #cfd2d6; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cfd2d6; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .thead-inverse th { color: #fff; background-color: #212529; } .thead-default th { color: #495057; background-color: #e9ecef; } .table-inverse { color: #fff; background-color: #212529; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #32383e; } .table-inverse.table-bordered { border: 0; } .table-inverse.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-inverse.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 991px) { .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive.table-bordered { border: 0; } } .alert { padding: 0.50rem 0.70rem; margin: 0.25rem 0 1rem 0; border: 1px solid transparent; border-radius: 0.25rem; position: relative; font-size: 12px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .alert { font-size: 10px; text-align: justify; } } .alert > i { vertical-align: middle; margin-left: 5px; font-size: 18px; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissable .close { padding: 0; color: inherit; -webkit-appearance: none; cursor: pointer; background: 0 0; border: 0; font-size: 25px; position: absolute; left: 0; top: 0; height: 100%; width: 50px; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #464a4e; background-color: #e7e8ea; border-color: #dddfe2; } .alert-secondary hr { border-top-color: #cfd2d6; } .alert-secondary .alert-link { color: #2e3133; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .sk-fading-circle { width: 80px; height: 80px; margin: 0 auto; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #fff5cc; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .upicore-app-loading { position: fixed; left: 0; top: 0; z-index: 9999; text-align: center; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); } .upicore-app-loading .upicore-app-loading-container { position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 165px; text-align: center; } .upicore-app-loading .upicore-app-loading-title { font-size: 20px; font-weight: 300; max-width: 300px; margin: auto; } .upicore-app-loading .upicore-app-loading-logo { margin-top: 20px; margin-bottom: 8px; } .upicore-app-loading .upicore-app-loading-icon { display: inline-block; vertical-align: middle; } /* style spin*/ .lds-ripple { display: inline-block; position: relative; width: 50px; height: 50px; } .lds-ripple div { position: absolute; border: 4px solid #ffcc00; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 25px; left: 25px; width: 0; height: 0; opacity: 1; } 100% { top: 5px; left: 5px; width: 44px; height: 44px; opacity: 0; } } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } #toast-container > div.rtl { padding: 15px 50px 15px 15px; } } /* * Created by Arapendar */ /*====================================jQuery lightGallery Fonts and Styles================================*/ @font-face { /*Add jQuery lightGallery Fonts*/ font-family: 'lg'; src: url("../fonts/lg.eot"); src: url("../fonts/lg.eot") format("embedded-opentype"), url("../fonts/lightgallery-fonts/lightgallery-fonts.woff") format("woff"), url("../fonts/lg.ttf") format("truetype"), url("../fonts/lg.svg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 49%; top: 40%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../images/play-button.png") no-repeat scroll 0 0; height: 128px; /* margin-left: -32px; margin-top: -32px;*/ width: 128px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../images/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: rgba(0, 0, 0, 0.89); opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-backdrop { background-color: rgba(255, 255, 255, 0.9); } .lg-toolbar { background: #fff; } #lg-counter { float: left; } .lg-actions .lg-next, .lg-actions .lg-prev { border: 0; background: transparent; color: #4a5f73; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #000; } .lg-toolbar .lg-icon { color: #4a5f73; } .lg-toolbar .lg-icon:hover { color: #000; } .lg-outer .lg-thumb-outer { background: #fff; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); } .lg-outer .lg-thumb-outer .lg-toogle-thumb { display: none; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #ffcc00; } /*====================================jQuery lightGallery Fonts and Styles==================================*/ /* * Created by Arapendar */ .km-product { overflow: hidden; } .km-product .km-img-theme { position: relative; height: 200px; margin-bottom: 10px; z-index: 0; } .km-product .km-img-theme img { max-width: 100%; max-height: 100%; width: auto; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } .km-product .km-colors-theme { position: absolute; right: 20px; top: 50px; width: 12px; z-index: 1; } .km-product .km-colors-theme .km-color { width: 12px; height: 12px; border-radius: 50%; background: #ccc; margin-top: 2px; display: block; border: 1px solid #e9e9e9; position: relative; } .km-product .km-colors-theme .km-color:before { content: " " attr(km-title) ""; position: absolute; right: 50%; top: 50%; transform: translateY(-50%); display: inline-block; border-radius: 5px; font-size: 10px; opacity: 0; margin-right: 5px; visibility: hidden; transition: all 0.3s ease 0.1s; } .km-product .km-colors-theme .km-color:hover:before { right: 100%; opacity: 1; visibility: visible; } .km-product .km-colors-theme .km-color-more { color: #ababab; font-size: 20px; text-align: center; width: 12px; line-height: 12px; margin-top: 2px; display: inline-block; } .km-product .km-title-theme { color: #333; font-size: 13px; height: 70px; /* text-align: justify;*/ font-family: IRANsans; } .km-product .km-row-theme { margin-bottom: 20px; } /**/ .km-product .km-price-theme { display: flex; /* text-align: left; */ height: 60px; font-family: IRANSansFA; font-weight: 400; justify-content: space-between; } .km-product .km-price-theme .km-price { font-size: 21px; font-weight: 400; color: #28af2b; position: relative; text-align: right; } .km-product .km-price-theme .km-price.km-discounted { text-align: left; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product .km-price-theme .km-price { font-size: 18px; margin-left: 15px; } } .km-product .km-price-theme .km-price.km-discounted { color: #000; display: inline-block; font-size: 17px; line-height: 70px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product .km-price-theme .km-price.km-discounted { font-size: 14px; } } .km-product .km-price-theme .km-price.km-discounted > .km-value { position: relative; padding: 0 5px; display: inline-block; } .km-product .km-price-theme .km-price.km-discounted > .km-value:before { /*content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-7deg); transform-origin: center; width: 100%; height: 1px; background: #a4a4a4;*/ content: ''; position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%) rotate(10deg); transform-origin: center; width: 120%; height: 1px; background: #ff0000; z-index: 1; } .km-product .km-price-theme .km-price .km-unit { color: #4a5f73; vertical-align: middle; margin-right: 3px; font-size: 11px; } .km-product .km-price-theme .km-price .km-discount { background: #fb3449; border-radius: 20px; padding: 0 10px; font-size: 14px; font-weight: 400; margin-right: 10px; vertical-align: middle; color: #fff; height: 22px; display: inline-block; line-height: 25px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product .km-price-theme .km-price .km-discount { font-size: 14px; } } .km-product .km-price-theme .km-price .km-discount .km-value { line-height: 23px; display: inline-block; } .km-product .km-price-theme .km-price .km-discount .km-percent { font-size: 13px; font-weight: normal; } .km-product .km-special-discount-theme { position: absolute; top: 10px; left: 10px; right: 10px; z-index: 1; line-height: 18px; border-bottom: 1px solid #fb3449; padding: 5px 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product .km-special-discount-theme { line-height: normal; padding: 0; } } .km-product .km-special-discount-theme .km-title { font-size: 12px; font-weight: 800; } .km-product .km-special-discount-theme .km-title .km-highlight { color: #fb3449; } .km-product .km-special-discount-theme .km-title i { vertical-align: middle; font-size: 15px; margin-left: 5px; color: #4a5f73; } .km-product .km-special-discount-theme .km-timer { font-size: 14px; color: #fb3449; font-family: IRANSansFA; } .km-product .km-special-discount-theme .km-timer > .d { margin: 0 3px; } .km-product .km-shopper-theme { position: absolute; bottom: 5px; left: 10px; right: 10px; border-top: 1px solid #f5f5f5; padding: 5px 0 0; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product .km-shopper-theme { border-top: 0; } } .km-product .km-shopper-theme i { margin-left: 7px; } .km-product .km-shopper-theme .km-value { font-weight: 500; font-size: 12px; } .km-product .km-rating-theme { direction: ltr; } .km-product .km-rating-theme .km-rating-value { font-size: 13px; color: #3ccdbb; } .km-product .km-rating-theme .km-rating-value.whitecolor .km-rates i { font-size: 13px; color: #c8c8c8; } .km-product .km-rating-theme .km-rating-number { direction: rtl; vertical-align: middle; color: #a2a2a2; margin-left: 10px; font-family: IRANSansFA; } .km-product .km-compare-theme { transition: all 0.3s ease 0.1s; } .km-product .km-percent-theme, .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price .km-percent-theme, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price .km-percent-theme { font-size: 13px; font-weight: normal; font-family: IRANsans,IRANSansFA; } .km-product .km-prices-disable-theme { background: #fb3449; font-size: 14px; display: inline-block; color: #fff; border-radius: 50px; padding: 2px 10px; } .km-prices-disable-theme { background: #fb3449; font-size: 12px; display: inline-block; color: #fff; border-radius: 50px; padding: 2px 7px; position: absolute; left: 12px; bottom: 60px; height: 26px; line-height: 22px; } .vp-price-list .km-prices-disable-theme { background: #fb3449; font-size: 12px; display: inline-block; color: #fff; border-radius: 50px; padding: 2px 7px; position: absolute; left: 23px; bottom: -36px; height: 26px; line-height: 22px; } .vp-price-list .km-prices-comming-soon-theme { background: rgba(60,205,187,1); font-size: 12px; display: inline-block; color: #fff; border-radius: 50px; padding: 2px 10px; position: absolute; left: 23px; bottom: -36px; height: 26px; line-height: 22px; } .vp-price-list .km-prices-Stop-production-theme { background: #d8574a; font-size: 12px; display: inline-block; color: #fff; border-radius: 50px; padding: 2px 10px; position: absolute; left: 23px; bottom: -36px; height: 26px; line-height: 22px; } .vp-special-discount .vp-slider .vp-price-list .km-prices-disable-theme { background: #fb3449; font-size: 12px; display: inline-block; color: #fff; border-radius: 50px; padding: 2px 7px; position: unset; height: 26px; line-height: 22px; } .vp-search-container.vp-search-result .vp-products-grid .vp-theme-search-box .km-prices-disable-theme { left: 12px; bottom: 10px; } @media only screen and (max-width: 959px) and (min-width: 0px) { .km-product.km-theme-5 .km-price-theme .km-prices-disable-theme { bottom: 10px; } } .km-product .km-prices-disable-theme i { vertical-align: middle; margin-left: 5px; font-size: 16px; } .km-product .km-prices-comming-soon-theme { position: absolute; left: -45px; top: 100px; transform-origin: top left; transform: rotate(-45deg); width: 206px; line-height: 25px; text-align: center; color: #fff; font-size: 15px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product .km-prices-comming-soon-theme { left: -46px; top: 77px; width: 175px; line-height: 23px; font-size: 11px; } } .km-product .km-prices-Stop-production-theme { position: absolute; left: -45px; top: 100px; transform-origin: top left; transform: rotate(-45deg); width: 206px; line-height: 30px; text-align: center; color: #fff; background: #d8574a; font-size: 15px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product .km-prices-Stop-production-theme { left: -46px; top: 77px; width: 175px; line-height: 23px; font-size: 11px; } } .km-product .km-prices-new-theme { position: absolute; width: auto; top: 50px; right: 21px; line-height: 25px; /* background: #3ccdbb; */ text-align: center; color: #fff; font-size: 11px; padding: 0 10px; border-radius: 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-prices-new-theme { font-size: 10px; right: 89%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-product-list.km-resp-mt-duel .km-product.km-theme-5 .km-prices-new-theme { right: 78%; top: 55px; font-size: 10px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-6 .km-prices-new-theme { right: 21px; top: 55px; font-size: 10px; } } .km-product.km-theme-1 { position: relative; padding: 15px 130px 15px 15px; border-bottom: 1px solid #f0f0f1; } .km-product.km-theme-1:last-of-type { border-bottom: 0; } .km-product.km-theme-1 .km-delete { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; line-height: 25px; border-radius: 25px; font-size: 13px; cursor: pointer; display: block; text-align: center; background: #eceff1; transition: all 0.3s ease 0.1s; } .km-product.km-theme-1 .km-delete:hover { background: #da4b45; color: #fff; } .km-product.km-theme-1 .km-img { width: 70px; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); } .km-product.km-theme-1 .km-img img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } .km-product.km-theme-1 .km-content .km-title { font-size: 12px; text-align: justify; margin-bottom: 10px; font-weight: bold; font-family: yekanbakhen; } .km-product.km-theme-1 .km-content .km-details { font-size: 11px; } .km-product.km-theme-1 .km-content .km-details .km-detail { margin-left: 7px; padding-left: 7px; border-left: 1px solid #d8d8d8; color: #666; font-family: yekanbakh; } .km-product.km-theme-1 .km-content .km-details .km-detail:last-of-type { border-left: 0 none; } .km-product.km-theme-2 { position: relative; padding: 0 10px; width: 220px; } .km-product.km-theme-2 .km-img { position: relative; height: 200px; margin-bottom: 10px; } .km-product.km-theme-2 .km-img img { max-width: 100%; max-height: 100%; width: auto; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } .km-product.km-theme-2 .km-content { margin-left: 20px; padding: 0px 11px 0 25px; } .km-product.km-theme-2 .km-content .km-title { color: #333; font-size: 13px; font-weight: 600; margin-bottom: 10px; text-align: center; font-family: IRANSansFA,IRANsans; display: block; } .km-product.km-theme-2 .km-content .km-title .product-code { display: block; font-size: 11px; font-weight: 300; } .km-product.km-theme-2 .km-content .km-prices { display: block; text-align: center; height: 60px; font-family: IRANSansFA,IRANsans; } .km-product.km-theme-2 .km-content .km-prices .km-price { font-size: 20px; font-weight: 100; color: #28af2b; position: relative; } .km-product.km-theme-2 .km-content .km-prices .km-price.km-discounted { display: inline-block; padding: 0 10px; margin-bottom: 5px; color: #000; font-size: 17px; } .km-product.km-theme-2 .km-content .km-prices .km-price.km-discounted:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-7deg); transform-origin: center; width: 100%; height: 1px; background: #a4a4a4; } .km-product.km-theme-2 .km-content .km-prices .km-price .km-unit { margin-right: 10px; font-size: 16px; vertical-align: middle; } .km-product.km-theme-2 .km-content .km-prices .km-price .km-discount { background: #ffcc00; border-radius: 50px; padding: 7px 12px; font-size: 18px; margin-right: 10px; vertical-align: middle; color: #4a5f73; font-weight: 400; } .km-product.km-theme-2 .km-content .km-summery-details { text-align: center; font-size: 12px; line-height: 1.833; /*font-weight: 700;*/ letter-spacing: -0.4px; color: #8c8b8b; } .km-product.km-theme-2 .km-content .km-summery-details span { display: block; } .km-product.km-theme-3 { background: #fff; /*-webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1);*/ border: 1px solid #e7e7e7; margin-bottom: 20px; position: relative; padding: 20px 260px 20px 0; border-radius: 6px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 { padding: 10px 110px 50px 10px; margin-bottom: 10px; } } .km-product.km-theme-3 .km-img { position: absolute; right: 60px; top: 50%; width: 170px; border-radius: 200px; overflow: hidden; height: 170px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-img { right: 10px; width: 90px; height: 90px; } } .km-product.km-theme-3 .km-img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .km-product.km-theme-3 .km-price-box { position: relative; padding-left: 270px; height: 170px; display: block; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-price-box { position: static; padding-left: 0; width: 100%; height: auto; text-align: right; } } .km-product.km-theme-3 .km-price-box .km-prices { position: absolute; width: 250px; top: 50%; left: 0; text-align: center; transform: translateY(-50%); font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-price-box .km-prices { position: relative; top: 0; width: 100%; transform: none; line-height: 22px; padding-bottom: 20px; text-align: right; margin-top: 15px; min-height: 70px; } } .km-product.km-theme-3 .km-price-box .km-prices .km-price { font-size: 20px; font-weight: 400; color: #28af2b; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-price-box .km-prices .km-price { margin-left: 0; margin-bottom: 0; display: block; position: static; } } .km-product.km-theme-3 .km-price-box .km-prices .km-price.km-discounted { display: inline-block; color: #000; font-size: 17px; padding: 0 10px; margin-bottom: 5px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-price-box .km-prices .km-price.km-discounted { position: relative; } } .km-product.km-theme-3 .km-price-box .km-prices .km-price.km-discounted:before { /*content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-7deg); transform-origin: center; width: 100%; height: 1px; background: #a4a4a4;*/ content: ''; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%) rotate(10deg); transform-origin: center; width: 120%; height: 1px; background: #ff0000; z-index: 1; } .km-product.km-theme-3 .km-price-box .km-prices .km-price .km-unit { margin-right: 10px; font-size: 16px; vertical-align: middle; } .km-product.km-theme-3 .km-price-box .km-prices .km-price .km-discount { background: #ffcc00; border-radius: 50px; padding: 7px 12px; font-size: 18px; margin-right: 10px; vertical-align: middle; color: #4a5f73; font-weight: 400; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-price-box .km-prices .km-price .km-discount { position: absolute; margin-right: 0; left: 0; top: 0; line-height: 40px; padding: 0 12px; font-size: 15px; } } .km-product.km-theme-3 .km-price-box .km-quantity { margin-top: 45px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-price-box .km-quantity { margin-top: 0; position: absolute; left: 100px; bottom: 10px; width: 100px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-price-box .km-quantity .km-select-style { width: 65px; display: inline-block; vertical-align: middle; margin-right: 5px; } } .km-product.km-theme-3 .km-delete { right: 10px; width: 28px; height: 28px; border-radius: 100px; line-height: 34px; font-size: 18px; display: inline-block; position: absolute; transform: translateY(-50%); top: 50%; color: #fb3449; background: #fff; border: 1px solid #fb3449; text-align: center; cursor: pointer; transition: all 0.3s ease 0.1s; } .km-product.km-theme-3 .km-delete i { line-height: 26px; } .km-product.km-theme-3 .km-delete:hover { background: #fb3449; color: #fff; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-delete { bottom: -10px; top: auto; left: 33px; right: auto; height: 40px; line-height: 40px; width: 60px; font-size: 13px; border-radius: 50px; } } .km-product.km-theme-3 .km-sale { position: absolute; right: 60px; top: 0; line-height: 30px; width: 170px; overflow: hidden; border-radius: 0 0 5px 5px; background: #fb3449; text-align: center; font-size: 12px; font-weight: 600; color: #000; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-sale { left: 30px; right: auto; border-radius: 0 10px 0 0; top: 0; transform: rotate(90deg); transform-origin: left top; } } .km-product.km-theme-3 .km-sale .km-highlight { color: #fff; } .km-product.km-theme-3 .km-sale i { vertical-align: middle; font-size: 20px; margin-left: 5px; } .km-product.km-theme-3 .km-title-box { padding-top: 30px; font-family: yekanbakhen; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-title-box { padding: 0; width: 100%; } } .km-product.km-theme-3 .km-title-box .km-title { font-weight: 500; font-size: 14px; margin-bottom: 25px; font-family: IRANsans; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-title-box .km-title { font-size: 12px; margin-bottom: 5px; } } .km-product.km-theme-3 .km-title-box .km-options { font-size: 14px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-3 .km-title-box .km-options { font-size: 12px; } } .km-product.km-theme-3 .km-title-box .km-options .mini-title { margin-left: 5px; display: inline-block; } .km-product.km-theme-4 { position: relative; padding-right: 110px; padding-left: 15px; height: 94px; padding-top: 20px; border-bottom: 1px solid #f1f1f1; } .km-product.km-theme-4:first-of-type { margin-top: 0; } .km-product.km-theme-4:last-of-type { margin-bottom: 0; } .km-product.km-theme-4:last-of-type:after { display: none; } .km-product.km-theme-4:after { content: ''; display: block; width: 100%; top: 100%; margin-top: 10px; height: 1px; background: #f6f6f6; position: absolute; left: 0; } .km-product.km-theme-4:hover .km-content .km-price .km-price-val.km-real { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .km-product.km-theme-4 .km-delete { left: 0; width: 30px; height: 30px; border-radius: 50px; line-height: 30px; display: inline-block; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; color: #929292; border: 1px solid #929292; text-align: center; transition: all 0.3s ease 0.1s; } .km-product.km-theme-4 .km-delete i { line-height: 28px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-4 .km-delete { bottom: 0; top: auto; left: 15px; right: auto; height: 28px; line-height: 28px; width: 60px; font-size: 13px; border-radius: 5px; color: #bb5a5b; border-color: #bb5a5b; } } .km-product.km-theme-4 .km-delete:hover { color: #bb5a5b; border-color: #bb5a5b; } .km-product.km-theme-4 .km-img { position: absolute; right: 0; top: 50%; width: 90px; border-radius: 100px; overflow: hidden; height: 90px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .km-product.km-theme-4 .km-img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .km-product.km-theme-4 .km-title { font-weight: bold; white-space: nowrap; font-size: 13px; overflow: hidden; text-overflow: ellipsis; color: #666666; -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .km-product.km-theme-4 .km-price { color: #16c9f6; margin-top: 15px; line-height: 1; font-family: IRANSansFA; } .km-product.km-theme-4 .km-price.km-no { color: #bb5a5b; font-weight: bold; } .km-product.km-theme-more .km-title-box { padding-top: 0; } .km-product.km-theme-more .km-img { height: 150px; } .km-product.km-theme-more .km-img img { max-width: 100%; max-height: 100%; } .km-product.km-theme-more .km-prices { min-height: 60px; font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-more .km-prices { position: relative; top: 0; width: 100%; transform: none; line-height: 22px; padding-bottom: 20px; text-align: right; margin-top: 15px; min-height: 70px; } } .km-product.km-theme-more .km-prices .km-price { font-size: 20px; font-weight: 300; color: #28af2b; position: relative; font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-more .km-prices .km-price { margin-left: 0; margin-bottom: 0; display: block; position: static; } } .km-product.km-theme-more .km-prices .km-price.km-discounted { color: #000; font-size: 17px; display: inline-block; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-more .km-prices .km-price.km-discounted { position: relative; } } .km-product.km-theme-more .km-prices .km-price.km-discounted:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-7deg); transform-origin: center; width: 100%; height: 1px; background: #a4a4a4; } .km-product.km-theme-more .km-prices .km-price .km-unit { margin-right: 10px; font-size: 16px; vertical-align: middle; } .km-product.km-theme-more .km-prices .km-price .km-discount { background: #ffcc00; border-radius: 50px; padding: 7px 12px; font-size: 18px; margin-right: 10px; vertical-align: middle; color: #4a5f73; font-weight: 400; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-more .km-prices .km-price .km-discount { position: absolute; margin-right: 0; left: 0; top: 0; line-height: 40px; padding: 0 12px; font-size: 15px; } } .km-product.km-theme-more .km-show-more { position: absolute; bottom: 30px; left: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-more .km-show-more { bottom: 10px; left: 95px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-more .km-show-more .km-btn { line-height: 40px; height: 40px; display: inline-block; padding: 0 10px; font-weight: normal; } } .km-product.km-theme-5 { position: relative; margin-left: -1px; background: #fff; border: 1px solid #ebebeb; border-top: none; padding: 40px 12px 46px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 { padding-right: 150px; padding-bottom: 15px; padding-left: 15px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-img-theme { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 120px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-colors-theme { bottom: 15px; right: 15px; top: auto; width: auto; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-colors-theme .km-color { display: inline-block; margin-top: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-title-theme { height: auto; margin-bottom: 10px; font-size: 13px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-price-theme { height: auto; margin: 4px 0 13px 0; justify-content: start; } } @media only screen and (max-width: 959px) and (min-width: 0px) { .km-product.km-theme-6 .km-price-theme { height: auto; margin: 4px 0 13px 0; justify-content: start; } } .km-product.km-theme-5 .km-price-theme .km-price .vp-measure { font-size: 14px; font-weight: 400; color: #151515; padding-right: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-price-theme .km-price .vp-measure { font-size: 12px; font-weight: 400; margin-bottom: 3px; } } .km-product.km-theme-6 .km-price-theme .km-price .vp-measure { font-size: 14px; font-weight: 400; color: #151515; padding-right: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-6 .km-price-theme .km-price .vp-measure { font-size: 12px; font-weight: 400; margin-bottom: 3px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-content .km-row-theme { margin-bottom: 10px; } } .km-product.km-theme-5 .km-content .km-row-theme .km-rating-theme { float: right; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-content .km-row-theme .km-rating-theme { float: right; } } .km-product.km-theme-5 .km-content .km-row-theme .km-compare-theme { float: left; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .km-content .km-row-theme .km-compare-theme { position: absolute; right: 150px; bottom: 4px; opacity: 1; } } .km-product.km-theme-5 .km-shopper-theme, .km-product.km-theme-5 .km-compare-theme { opacity: 0; } .km-product.km-theme-5:hover { -webkit-box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.09); z-index: 2; } .km-product.km-theme-5:hover .km-shopper-theme, .km-product.km-theme-5:hover .km-compare-theme { opacity: 1; } .km-product.km-theme-5.km-product-compare-active .km-compare-theme { opacity: 1; } .km-product.km-theme-5 .km-content .km-row-theme .km-compare-theme .km-compare-theme-link:hover { border-bottom: 1px dashed #4b4b4b; } .km-product.km-theme-5 .km-selected-details-theme { display: none !important; } .km-product.km-theme-6 { position: relative; background: #fff; border-bottom: 1px solid #ebebeb; padding: 40px 240px 46px 12px; margin-left: 3px; margin-right: -1px; } .km-product.km-theme-6:last-of-type { border-bottom: 0; } .km-product.km-theme-6 .km-img-theme { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 200px; } .km-product.km-theme-6 .km-title-theme { height: auto; margin-top: 20px; border-radius: 5px; background-color: #fafafa; padding: 10px 20px; font-size: 16px; margin-bottom: 20px; } .km-product.km-theme-6 .km-content { /*margin-left: 320px;*/ margin-left: 70px; /*border-left: 1px solid #e2e2e2;*/ padding-left: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-6 .km-content { margin-left: 10px; } } .km-product.km-theme-6 .km-row-theme .km-rating-theme { float: right; margin-left: 25px; margin-top: 3px; } .km-product.km-theme-6 .km-row-theme .km-compare-theme { float: right; } .km-product.km-theme-6 .km-price-theme { text-align: right; } .km-product.km-theme-6 .km-selected-details-theme { position: absolute; left: 0; width: 300px; top: 60px; } .km-product.km-theme-6 .km-selected-details-theme > .km-title { font-weight: bold; font-size: 15px; margin-bottom: 5px; position: relative; } .km-product.km-theme-6 .km-selected-details-theme > .km-title > .km-show-product-custom-field { position: absolute; left: 0; color: #fff5cc; font-size: 13px; cursor: pointer; } .km-product.km-theme-6 .km-selected-details-theme > .km-title > .km-show-product-custom-field i { vertical-align: middle; margin-right: 5px; font-size: 18px; } .km-product.km-theme-6 .km-selected-details-theme ul { overflow: auto; max-height: 145px; } .km-product.km-theme-6 .km-selected-details-theme ul li { font-size: 12px; margin-bottom: 10px; font-family: yekanbakhen; } .km-product.km-theme-6 .km-selected-details-theme ul li:before { content: ''; vertical-align: middle; width: 6px; height: 6px; border-radius: 50px; display: inline-block; margin-left: 10px; background: #ccc; transition: all 0.3s ease 0.1s; } .km-product.km-theme-6 .km-shopper-theme, .km-product.km-theme-6 .km-compare-theme { opacity: 0; } .km-product.km-theme-6:hover .km-shopper-theme, .km-product.km-theme-6:hover .km-compare-theme { opacity: 1; } .km-product.km-theme-6.km-product-compare-active .km-compare-theme { opacity: 1; } .km-product.km-theme-7 { background: #fff; border-radius: 5px; border: 2px solid #e8e8e8; } .km-product .vp-quantity { position: absolute; z-index: 5; transition: all 0.3s ease 0.1s; } .km-product .vp-quantity .vp-quantity-supermarket-theme { border-color: #28af2b; border-radius: 70px; } .km-product .vp-quantity .vp-quantity-supermarket-theme .vp-loading { color: #28af2b; } @media only screen and (min-width: 960px) { .km-product .vp-quantity { left: 20px; top: 55px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product .vp-quantity { right: 15px; top: 35px; } } /* * Created by Arapendar */ .km-blog-content-page { border-radius: 10px; } .km-text-render { font-size: 14px; line-height: 27px; font-weight: 400; padding: 0 7px; } .km-text-render .align-left { float: left; padding-right: 50px; } .km-text-render .align-right { float: right; padding-left: 50px; } .km-text-render h1, .km-text-render h2, .km-text-render h3, .km-text-render h4 { font-weight: 500; color: #6f6f6f; font-size: 22px; margin-bottom: 10px; } .km-text-render h2 { font-size: 22px; } .km-text-render h3 { font-size: 20px; } .km-text-render h4 { font-size: 16px; } .km-text-render h5 { font-size: 14px; } .km-text-render strong, .km-text-render em { font-weight: 600; } .km-text-render p { font-size: 16px; line-height: 2.25; margin-bottom: 25px; padding: 0 15px; } .km-text-render blockquote { padding: 0 0 35px 80px; font-size: 17px; line-height: 31px; display: block; height: auto; top: 15px; position: relative; text-align: justify; } .km-text-render blockquote:after { content: "\f10e"; font-family: "Font Awesome 5 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 65px; position: absolute; left: 0; top: 0; color: rgba(0, 0, 0, 0.1); } .km-text-render ul li, .km-text-render ol li { margin-bottom: 7px; color: #999999; } .km-text-render ul li:before, .km-text-render ol li:before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 10px; background: #999999; vertical-align: middle; margin-left: 5px; } .km-text-render .blog-content-page-link { /*color: #06b3de;*/ } .km-text-render .blog-content-page-link:hover { /*color: #4cd0bf;*/ } /* * Created by Arapendar */ .km-form-style.km-theme-1 .km-row { float: right; width: 100%; margin-bottom: 15px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-form-style.km-theme-1 .km-row { width: 100% !important; margin: 0 0 10px !important; } } .km-form-style.km-theme-1 .km-row.km-btns { text-align: left; margin-top: 30px; } .km-form-style.km-theme-1 .km-row.km-btns.km-btn-center { text-align: center; } .km-form-style.km-theme-1 .km-row.km-btns .km-submit-btn { min-width: 300px; display: inline-block } .km-form-style.km-theme-1 .km-row.km-btns .km-abort-btn { min-width: 200px; display: inline-block } .km-form-style.km-theme-1 .km-row.km-btns .cancel-return-link { margin-top: 7px; } .km-form-style.km-theme-1 .km-row label.error { position: absolute; top: 0; font-size: 12px; padding: 4px; color: #fb3449; left: 0; } .km-form-style.km-theme-1 .km-row .km-label { width: 100%; color: #636466; font-size: 15px; margin-bottom: 5px; display: block; } .km-form-style.km-theme-1 .km-row .km-label.km-red { color: #fb3449; } .km-form-style.km-theme-1 .km-row .km-label.km-theme1 { color: #00bfd6; } .km-form-style.km-theme-1 .km-row .km-label .km-required { color: #fb3449; vertical-align: middle; font-size: 15px; margin-right: 5px; } .km-form-style.km-theme-1 .km-row input[type="text"], .km-form-style.km-theme-1 .km-row input[type="email"], .km-form-style.km-theme-1 .km-row input[type="phone"], .km-form-style.km-theme-1 .km-row input[type="password"], .km-form-style.km-theme-1 .km-row input[type="number"], .km-form-style.km-theme-1 .km-row input[type="file"] { border-radius: 3px; line-height: 50px; height: 50px; padding: 0 20px; border: 1px solid #dadada; display: block; position: relative; width: 100%; transition: all 0.3s ease 0.1s; } .km-form-style.km-theme-1 .km-row input[type="text"]:focus, .km-form-style.km-theme-1 .km-row input[type="email"]:focus, .km-form-style.km-theme-1 .km-row input[type="phone"]:focus, .km-form-style.km-theme-1 .km-row input[type="password"]:focus, .km-form-style.km-theme-1 .km-row input[type="number"]:focus, .km-form-style.km-theme-1 .km-row input[type="file"]:focus { border-color: #ccc; } .km-form-style.km-theme-1 .km-row input[type="file"] { padding: 13px 20px; line-height: 1; } .km-form-style.km-theme-1 .km-row .km-default-value-style { border-radius: 3px; line-height: 50px; height: 50px; padding: 0 20px; border: 1px solid #dadada; display: block; position: relative; width: 100%; transition: all 0.3s ease 0.1s; } .km-form-style.km-theme-1 .km-row .km-default-value-style:focus { border-color: #ccc; } .km-form-style.km-theme-1 .km-row .km-select-options .km-detail { display: inline-block; margin-left: 10px; line-height: 50px; } .km-form-style.km-theme-1 .km-row select { border-radius: 3px; line-height: 50px; height: 50px; padding: 0 20px; border: 1px solid #dadada; display: block; position: relative; width: 100%; transition: all 0.3s ease 0.1s; } .km-form-style.km-theme-1 .km-row select:focus { border-color: #ccc; } .km-form-style.km-theme-1 .km-row .chosen-container-single .chosen-single { border-radius: 3px; line-height: 50px; height: 50px; padding: 0 20px; border: 1px solid #dadada; display: block; position: relative; width: 100%; transition: all 0.3s ease 0.1s; background: transparent; box-shadow: none; } .km-form-style.km-theme-1 .km-row .chosen-container-single .chosen-single:focus { border-color: #ccc; } .km-form-style.km-theme-1 .km-row .chosen-rtl.chosen-container-single .chosen-single div { width: 30px; } .km-form-style.km-theme-1 .km-row .chosen-rtl.chosen-container-single .chosen-single div:before { content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 30px; line-height: 50px; color: #fff5cc; } .km-form-style.km-theme-1 .km-row .chosen-rtl.chosen-container-single .chosen-single div b { display: none; } .km-form-style.km-theme-1 .km-row .chosen-container.chosen-with-drop .chosen-drop { box-shadow: none; border: 1px solid #fff5cc; border-radius: 15px; padding: 15px; } .km-form-style.km-theme-1 .km-row .chosen-rtl .chosen-search input[type=text] { background: #fff; background-image: none !important; font-family: yekanbakh; } .km-form-style.km-theme-1 .km-row .chosen-container .chosen-results { margin-top: 15px; } .km-form-style.km-theme-1 .km-row .chosen-container .chosen-results li.highlighted { background: #ffcc00; } .km-form-style.km-theme-1 .km-row textarea { border-radius: 3px; line-height: 50px; height: 50px; padding: 0 20px; border: 1px solid #dadada; display: block; position: relative; width: 100%; transition: all 0.3s ease 0.1s; height: 200px; max-width: 100%; min-width: 100%; } .km-form-style.km-theme-1 .km-row textarea#txtAddrDescription { height: 80px; } .km-form-style.km-theme-1 .km-row textarea:focus { border-color: #ccc; } .km-form-style.km-theme-1 .km-row.km-half { width: 48%; } .km-form-style.km-theme-1 .km-row.km-half:nth-of-type(2n) { float: left; } .km-form-style.km-theme-1 .km-row.km-quarter { width: 24.5%; } .km-form-style.km-theme-1 .km-row.km-quarter:nth-of-type(2n) { margin: 0 1.5%; } .km-form-style.km-theme-1 .km-row.km-three-quarters { width: 60%; margin-left: 1.5%; } .km-form-style.km-theme-1 .km-row.km-my-three-quarters { width: 70.5%; margin-left: 1.5%; } .km-form-style.km-theme-1 .km-row.km-third { width: 31.33%; margin-left: 3%; } .km-form-style.km-theme-1 .km-row.km-third:nth-of-type(3n) { margin-left: 0; } /*==================Start of birthday form============================*/ .km-form-style.km-theme-1 .km-row .field-inline-block { display: inline-block; margin-right: 5px; margin-left: 5px; } .km-form-style.km-theme-1 .km-row .field-inline-block label { text-align: center; } .km-form-style.km-theme-1 .km-row .field-inline-block .BirthDate-sample { text-align: right; } /*==================End of birthday form============================*/ .km-form-style.km-theme-1.km-ver-2 .km-row { margin-bottom: 25px; } .km-form-style.km-theme-1.km-ver-2 .km-row .km-icon { position: absolute; right: 0; bottom: 0; line-height: 50px; height: 50px; width: 50px; z-index: 2; text-align: center; font-size: 20px; color: #b7b7b7; } .km-form-style.km-theme-1.km-ver-2 .km-row .km-password-icon { position: absolute; left: 0; bottom: 0; line-height: 50px; height: 50px; width: 50px; z-index: 2; text-align: center; font-size: 20px; color: #b7b7b7; cursor: pointer; } .km-form-style.km-theme-1.km-ver-2 .km-row input[type="text"], .km-form-style.km-theme-1.km-ver-2 .km-row input[type="email"], .km-form-style.km-theme-1.km-ver-2 .km-row input[type="phone"], .km-form-style.km-theme-1.km-ver-2 .km-row input[type="password"], .km-form-style.km-theme-1.km-ver-2 .km-row input[type="number"] { padding-right: 50px; } .km-form-style.km-theme-1.km-ver-2 .km-row input[type="text"].km-no-style-browser::-webkit-outer-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="email"].km-no-style-browser::-webkit-outer-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="phone"].km-no-style-browser::-webkit-outer-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="password"].km-no-style-browser::-webkit-outer-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="number"].km-no-style-browser::-webkit-outer-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="text"].km-no-style-browser::-webkit-inner-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="email"].km-no-style-browser::-webkit-inner-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="phone"].km-no-style-browser::-webkit-inner-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="password"].km-no-style-browser::-webkit-inner-spin-button, .km-form-style.km-theme-1.km-ver-2 .km-row input[type="number"].km-no-style-browser::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .km-form-style.km-theme-1.km-ver-2 .km-row input[type="text"].km-no-style-browser[type=number], .km-form-style.km-theme-1.km-ver-2 .km-row input[type="email"].km-no-style-browser[type=number], .km-form-style.km-theme-1.km-ver-2 .km-row input[type="phone"].km-no-style-browser[type=number], .km-form-style.km-theme-1.km-ver-2 .km-row input[type="password"].km-no-style-browser[type=number], .km-form-style.km-theme-1.km-ver-2 .km-row input[type="number"].km-no-style-browser[type=number] { -moz-appearance: textfield; /* Firefox */ } /* * Created by Arapendar */ /* * Created by Arapendar */ /* * Created by Arapendar */ .slider-container { width: 280px; } .slider-container .back-bar { height: 10px; position: relative; } .slider-container .back-bar .selected-bar { position: absolute; height: 100%; } .slider-container .back-bar .pointer { position: absolute; width: 10px; height: 10px; background-color: red; cursor: col-resize; opacity: 1; z-index: 2; } .slider-container .back-bar .pointer.last-active { z-index: 3; } .slider-container .back-bar .pointer-label { position: absolute; top: -17px; font-size: 8px; background: #aaaaaa; white-space: nowrap; line-height: 1; } .slider-container .back-bar .focused { z-index: 10; } .slider-container .clickable-dummy { cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 1; } .slider-container .scale { top: 2px; position: relative; } .slider-container .scale span { position: absolute; height: 7px; font-size: 0; top: -9px; transform: translateX(-5px); background: #fff; width: 3px; border-radius: 0; text-align: center; } .slider-container .scale span:first-of-type, .slider-container .scale span:last-of-type { opacity: 0; } .slider-container .scale ins { font-size: 11px; text-decoration: none; position: absolute; left: 3px; top: 13px; color: #999; line-height: 1; } .slider-container.slider-readonly .clickable-dummy, .slider-container.slider-readonly .pointer { cursor: auto; } .theme-green .back-bar { height: 5px; background-color: #ccc; } .theme-green .back-bar .selected-bar { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); } .theme-green .back-bar .pointer { width: 14px; height: 14px; top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; background: #6fdcf7; } .theme-green .back-bar .pointer-label { color: #999; display: none; } .theme-green .back-bar .focused { color: #333; } .theme-green .scale ins { color: #000; } /* * Created by Arapendar */ .km-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; background: rgba(0, 0, 0, 0.6); z-index: 20; opacity: 0; visibility: hidden; cursor: not-allowed; transition: all 0.3s ease 0.1s; } .km-lightbox.km-show { visibility: visible; opacity: 1; } .km-lightbox .km-lightbox-container { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: #fff; width: 980px; max-width: 100%; box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.04); cursor: default; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox .km-lightbox-container { width: 100%; height: 100%; overflow-y: auto; top: 0; left: 0; transform: none; } } .km-lightbox .km-lightbox-container .km-lightbox-header { padding: 20px; font-weight: bold; font-size: 18px; border-bottom: 1px solid #dfdfdf; } .km-lightbox .km-lightbox-container .km-lightbox-header .km-close { position: absolute; left: 0; width: 69px; top: 0; height: 69px; line-height: 74px; text-align: center; font-size: 25px; cursor: pointer; } .km-lightbox .km-lightbox-container .km-lightbox-content { padding: 40px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox .km-lightbox-container .km-lightbox-content { padding: 20px; } } /* * Created by Arapendar */ .vp-icon { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: 100% auto; background-color: transparent; width: 25px; height: 25px; } .vp-icon.vp-phone { background-image: url("../images/phone.png"); } .vp-icon.vp-confirm { background-image: url("../images/icons/confirm.png"); } .vp-icon.vp-delivery { background-image: url("../images/icons/delivery.png"); } .vp-icon.vp-discount { background-image: url("../images/icons/discount.png"); } .vp-icon.vp-support { background-image: url("../images/icons/support.png"); } .vp-icon.vp-watch { background-image: url("../images/icons/watch.png"); } /* * Created by Arapendar */ .vp-progress { position: relative; border-radius: 100px; background: #f5f5f5; height: 7px; color: #000; font-size: 12px; } .vp-progress .vp-progress-bar { position: absolute; right: 0; top: 0; height: 100%; background: #3ccdbb; border-radius: 100px; z-index: 2; transition: all 0.3s ease 0.1s; } .vp-progress .vp-progress-title { position: absolute; left: 50%; font-size: 11px; top: 50%; transform: translate(-50%, -50%); z-index: 3; } /* * Created by Arapendar */ .vp-btn { display: inline-block; cursor: pointer; background: transparent; border: 0; transition: all 0.3s ease 0.1s; } .vp-btn.vp-theme-border { border: 1px solid #3ccdbb; /*color: #16c9f6;*/ padding: 8px 15px; border-radius: 50px; } .vp-btn.vp-theme-border:hover { /*background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ color: #fff; } .vp-btn.vp-theme-sale { background: #fff; color: #4a5f73; border: 2px solid transparent; position: relative; text-align: center; display: block; overflow: hidden; padding: 10px 0; border-radius: 7px; } .vp-btn.vp-theme-sale > i { position: absolute; right: -5px; bottom: -20px; color: #ffcc00; font-size: 40px; transition: all 0.3s ease 0.1s; } .vp-btn.vp-theme-sale > .vp-title { font-size: 14px; } .vp-btn.vp-theme-sale > .vp-title .vp-highlight { color: #ffcc00; font-weight: bold; transition: all 0.3s ease 0.1s; } .vp-btn.vp-theme-sale:hover { background: #ffcc00; color: #fff; border-color: #fff; } .vp-btn.vp-theme-sale:hover > .vp-title .vp-highlight { color: #000; } .vp-btn.vp-theme-sale:hover > i { color: #fff; opacity: 0.5; transform: scale(1.7) rotate(-180deg); } .vp-btn.vp-theme-link { /*color: #32a2dc;*/ } .vp-btn.vp-theme-link i { vertical-align: middle; margin-right: 7px; font-size: 17px; } .vp-btn.vp-theme-link.vp-color-1 { /*color: #16c9f6;*/ } .vp-btn.vp-theme-link.vp-color-success { color: #28af2b; } .vp-btn.vp-theme-link:hover { color: #000; } html { overflow-x: hidden; } body { /*padding-top: 187px;*/ } body.vp-has-mini-header { /*padding-top: 220px;*/ } @media only screen and (min-width: 0px) and (max-width: 959px) { body.vp-has-mini-header { /*padding-top: 203px;*/ padding-bottom: 50px; } } body.page-locked-black:before { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); z-index: 5; display: block; } @media only screen and (min-width: 0px) and (max-width: 959px) { body { /*padding-top: 65px;*/ padding-bottom: 50px; } } body.km-has-fixed-banner { padding-top: 237px; } body.km-has-fixed-banner.vp-has-mini-header { padding-top: 187px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.km-has-fixed-banner.vp-has-mini-header { padding-top: 115px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { body.km-has-fixed-banner { padding-top: 115px; } } body.km-has-fixed-banner #vp-header { top: 50px; transition: all 0.1s ease 0.1s; } body.km-has-fixed-banner #vp-header.km-fixed { top: 0; } body.km-has-fixed-banner header#km-header-main { top: 50px; transition: all 0.3s ease 0.1s; } body.km-has-fixed-banner header#km-header-main.km-fixed { top: 0; } @media only screen and (min-width: 960px) { body.km-has-fixed-banner nav#km-nav-main { top: 122px; } body.km-has-fixed-banner nav#km-nav-main.km-fixed { top: 72px; } } .km-table { color: #a3a3a3; border-radius: 20px; overflow: hidden; margin-bottom: 25px; font-size: 14px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table { overflow: unset; } } .km-table .km-row { position: relative; z-index: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; transition: all 0.3s ease 0.1s; } .km-table .km-row:nth-of-type(2n) { background: #ededed; } .km-table .km-row .km-col { float: right; padding: 30px 0; text-align: center; border-left: 1px solid #ececec; } .km-table .km-row .km-col:last-of-type { border-left: 0 none; } .km-table .km-header .km-row { background: #808080; color: #fff; } .km-table .km-header .km-row .km-col { padding: 20px 0; } .km-table .km-body .km-row:hover { transform: scale(1.01); box-shadow: 0 0 25px -5px hsla(0, 0%, 0%, 0.26); z-index: 2; background: #fff; color: #32a2dc; } .km-table.km-theme-2 { overflow: visible; } .km-table.km-theme-2 .km-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .km-table.km-theme-2 .km-row .km-col { text-align: right; padding-right: 15px; padding-left: 15px; border-left: 0; } .km-table.km-theme-2 .km-row .km-col.km-center { text-align: center; } .km-table.km-theme-2 .km-header .km-row { background: transparent; font-size: 17px; font-weight: bold; color: #000; } .km-table.km-theme-2 .km-body { color: #4a5f73; } .km-table.km-theme-2 .km-body .km-row { box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 15px; border-radius: 15px; padding: 20px; padding: 0; margin-bottom: 5px; opacity: 0.4; } .km-table.km-theme-2 .km-body .km-row .km-title-style-theme .km-title { background: #fff; } .km-table.km-theme-2 .km-body .km-row.km-new { opacity: 1; } .km-table.km-theme-2 .km-body .km-row.km-new .km-col.km-title > .km-title { color: #32a2dc; } .km-table.km-theme-2 .km-body .km-row:hover { transform: none; box-shadow: 0 0 25px -5px hsla(0, 0%, 0%, 0.26); z-index: 2; background: #fff; color: #4a5f73; opacity: 1; } .km-table.km-theme-2 .km-body .km-row .km-col .pretty { margin: 15px 5px 0 0; } .km-table.km-theme-2 .km-body .km-row .km-col.km-manage, .km-table.km-theme-2 .km-body .km-row .km-col.km-state, .km-table.km-theme-2 .km-body .km-row .km-col.km-select-row { line-height: 45px; } .km-table.km-theme-2 .km-body .km-row .km-col.km-manage .km-action { font-size: 20px; width: 60px; display: inline-block; height: 40px; text-align: center; line-height: 45px; cursor: pointer; } .km-table.km-theme-2 .km-body .km-row .km-col.km-manage .km-action:hover { color: #32a2dc; } .km-table.km-theme-2 .km-body .km-row .km-col.km-title > .km-title { font-size: 17px; font-weight: bold; color: #000; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-header { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-body .km-row { box-shadow: 1px 8px 4px 1px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 5px; display: block; position: relative; margin-bottom: 20px; } .km-table.km-orders-table .km-body .km-row.km-overflow { overflow: hidden; } .km-table.km-orders-table .km-body .km-row.km-padding { padding: 20px; } .km-table.km-orders-table .km-body .km-row .km-title-style-theme .km-title { background: #fff; } .km-table.km-orders-table .km-body .km-row:hover { color: inherit; transform: scale(1); background: inherit; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-body .km-row .km-col { text-align: right; padding: 10px 15px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-body .km-row .km-col > .km-title-t { float: right; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-body .km-row .km-col > .km-value { float: left; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-body .km-row .km-col.km-id { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-body .km-row .km-col.km-order-number { border-bottom: 1px solid #c8c8c8; width: 100%; color: #000; font-size: 16px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-body .km-row .km-col.km-order-date, .km-table.km-orders-table .km-body .km-row .km-col.km-order-pay-price, .km-table.km-orders-table .km-body .km-row .km-col.km-order-pay-all, .km-table.km-orders-table .km-body .km-row .km-col.km-order-state { width: 100%; border-bottom: 1px solid #e3e3e3; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-orders-table .km-body .km-row .km-col.km-more { width: 100%; font-weight: bold; background: #32a2dc; text-align: center; color: #fff; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-row { padding: 10px 15px !important; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-row .km-col { padding: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-row .km-col.km-s { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-row .km-col.km-state { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-row .km-col.km-title { width: 80%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-row .km-col.km-manage { width: 20%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-header .km-row .km-col { font-size: 15px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-body .km-row .km-col.km-title > .km-title { font-size: 15px; } } .km-table.km-table-notifications .km-body .km-row .km-col.km-title > .km-date { font-size: 12px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-body .km-row .km-col.km-manage { width: 20%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-table-notifications .km-body .km-row .km-col.km-manage .km-action { font-size: 16px; width: auto; display: block; height: 32px; line-height: 40px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-transactions-table .km-header, .km-table.km-discount-table .km-header { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-transactions-table .km-body .km-row, .km-table.km-discount-table .km-body .km-row { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; margin-bottom: 20px; display: block; position: relative; margin-bottom: 10px; } .km-table.km-transactions-table .km-body .km-row.km-overflow, .km-table.km-discount-table .km-body .km-row.km-overflow { overflow: hidden; } .km-table.km-transactions-table .km-body .km-row.km-padding, .km-table.km-discount-table .km-body .km-row.km-padding { padding: 20px; } .km-table.km-transactions-table .km-body .km-row .km-title-style-theme .km-title, .km-table.km-discount-table .km-body .km-row .km-title-style-theme .km-title { background: #fff; } .km-table.km-transactions-table .km-body .km-row:hover, .km-table.km-discount-table .km-body .km-row:hover { color: inherit; transform: scale(1); background: inherit; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-transactions-table .km-body .km-row .km-col, .km-table.km-discount-table .km-body .km-row .km-col { text-align: right; padding: 10px 15px; width: 100%; border-bottom: 1px solid #e3e3e3; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-transactions-table .km-body .km-row .km-col > .km-title-t, .km-table.km-discount-table .km-body .km-row .km-col > .km-title-t { float: right; max-width: 30%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-transactions-table .km-body .km-row .km-col > .km-value, .km-table.km-discount-table .km-body .km-row .km-col > .km-value { float: left; max-width: 70%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-transactions-table .km-body .km-row .km-col.km-t-number, .km-table.km-discount-table .km-body .km-row .km-col.km-t-number { border-bottom: 1px solid #c8c8c8; color: #000; font-size: 16px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-product-table .km-header { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-product-table .km-body .km-row { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; margin-bottom: 20px; display: block; position: relative; margin-bottom: 10px; } .km-table.km-product-table .km-body .km-row.km-overflow { overflow: hidden; } .km-table.km-product-table .km-body .km-row.km-padding { padding: 20px; } .km-table.km-product-table .km-body .km-row .km-title-style-theme .km-title { background: #fff; } .km-table.km-product-table .km-body .km-row:hover { color: inherit; transform: scale(1); background: inherit; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-product-table .km-body .km-row .km-col { text-align: right; padding: 10px 15px; width: 100%; border-bottom: 1px solid #e3e3e3; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-product-table .km-body .km-row .km-col > .km-title-t { float: right; max-width: 30%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-product-table .km-body .km-row .km-col > .km-value { float: left; max-width: 70%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-product-table .km-body .km-row .km-col.km-p-id { display: none; } } .km-table.km-product-table .km-body .km-row .km-col.km-p-name { text-align: right; padding-right: 15px; } .km-table.km-product-table .km-body .km-row .km-col.km-p-actions { padding-right: 15px; padding-left: 15px; } .km-table.km-product-table .km-body .km-row .km-col.km-p-actions .km-btn { margin-bottom: 7px; font-size: 11px; padding: 4px 0; text-align: center; } .km-table.km-product-table .km-body .km-row .km-col.km-p-actions .km-btn:last-of-type { margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-table.km-product-table .km-body .km-row .km-col.km-t-number { border-bottom: 1px solid #c8c8c8; color: #000; font-size: 16px; } } .km-btn { cursor: pointer; border: 0 none; /*background: transparent;*/ transition: all 0.3s ease 0.1s; } .km-btn.km-theme-1 { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); border-radius: 5px; display: block; text-align: center; font-size: 14px; color: #fff; line-height: 40px; } .km-btn.km-theme-1:hover { background: #6fdcf7; } .km-btn.km-theme-2 { display: block; overflow: hidden; border-radius: 5px; height: 60px; /*background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.03); color: #fff; font-size: 14px; line-height: 60px; letter-spacing: -0.5px; position: relative; padding-right: 40px; text-align: center; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .km-btn.km-theme-2.km-color-2 { background: #7a7a7a; color: #fff; } .km-btn.km-theme-2 i { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); font-size: 35px; } .km-btn.km-theme-2:before { content: ""; height: 90px; width: 90px; right: -20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; opacity: 0.21; border-radius: 100%; transition: all 0.3s ease 0.1s; } .km-btn.km-theme-2:hover:before { width: 900px; height: 900px; right: -250px; top: -450px; -webkit-transform: unset; transform: unset; } .km-btn.km-theme-2.km-color2 { background: #7a7a7a; color: #fff; } .km-btn.km-theme-2.km-inline { display: inline-block; width: auto; padding-right: 100px; padding-left: 40px; } .km-btn.km-theme-3 { background: #ccc; color: #fff; border-radius: 50px; padding: 10px 20px; font-weight: 400; font-size: 13px; font-family: IRANsans; } .km-btn.km-theme-3.km-color1 { /*background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ color: #fff; } .km-btn.km-theme-3.km-color2 { /*background: #6fdcf7;*/ } .km-btn.km-theme-3.km-color3 { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); } .km-btn.km-theme-3.km-color4 { background: #606060; } .km-btn.km-theme-3.km-color-blue { background: #32a2dc; } .km-btn.km-theme-3.km-color-error { background: #fb3449; } .km-btn.km-theme-3.km-color-success { background: #28af2b; } .km-btn.km-theme-3.km-block { display: block; width: 100%; } .km-btn.km-theme-3.km-bigger-font { font-size: 17px; font-weight: bold; } .km-btn.km-theme-3.km-gradient { /*background: #fff5cc; background: linear-gradient(to right, #ffcc00 0%, #fff5cc 100%); background-size: 200% auto;*/ } .km-btn.km-theme-3.km-gradient:hover { background-position: right center; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .km-btn.km-theme-3:hover { -webkit-box-shadow: inset 0 60px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 60px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 60px 0 rgba(0, 0, 0, 0.2); } .km-btn.km-theme-4 { border: 1px solid #fff5cc; font-size: 12px; color: #aaaaaa; line-height: 1; padding: 5px; vertical-align: middle; } .km-btn.km-theme-5 { /*color: #16c9f6;*/ border-bottom: 1px dashed; } .km-btn.km-theme-6 { border: 1px solid #e2e2e2; border-radius: 6px; padding: 7px 15px; line-height: normal; color: #b7b7b7; } .km-btn.km-theme-6:hover { color: #ffcc00; border-color: #ffcc00; } .km-btn.km-theme-6.km-block { display: block; } .km-padding { padding: 20px; } .km-select-style { width: 100%; display: block; border: 1px solid #e0e0e2; border-radius: 5px; height: 40px; padding: 0 10px; vertical-align: middle; } .km-title-style-theme { position: relative; margin-bottom: 20px; clear: both; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-title-style-theme { margin-bottom: 10px; } } .km-title-style-theme:before { content: ''; position: absolute; left: 0; width: 100%; height: 2px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #d8d8d8; z-index: 1; } .km-title-style-theme .km-title { display: inline-block; background: #f5f5f5; color: #000; font-weight: bold; font-size: 16px; border-radius: 50px; padding: 5px 0 5px 30px; z-index: 2; position: relative; } .km-blog-content-page .km-title-style-theme .km-title { background: transparent !important; display: inline-block; color: #000; font-weight: bold; font-size: 16px; border-radius: 50px; padding: 5px 0 5px 30px; z-index: 2; position: relative; } .km-blog-content-page .km-title-style-theme:before { content: ''; position: absolute; left: 0; width: 83%; height: 2px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #d8d8d8; z-index: 1; } .km-box-style1-footer-link { text-align: left; /*color: #16c9f6;*/ margin-top: 10px; } .km-box-style1-footer-link a { transition: all 0.3s ease 0.1s; } .km-box-style1-footer-link a:hover { color: #000; } .km-box-style1-footer-link a i { vertical-align: middle; margin-left: 7px; } .km-color-spinner { width: 17px; height: 17px; display: inline-block; margin-left: 5px; border-radius: 5px; background: #ccc; border: 1px solid #ccc; vertical-align: middle; } .km-top-banner-fixed-banner { position: absolute; left: 0; top: 0; width: 100%; height: 50px; overflow: hidden; } .km-top-banner-fixed-banner img { position: absolute; height: auto; min-height: 100%; min-width: 100%; max-width: unset; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } header#km-header-main { padding: 10px 0; background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 100; } header#km-header-main .km-logo { margin-left: 25px; } header#km-header-main .km-logo img { max-height: 50px; } header#km-header-main .km-search { position: relative; } header#km-header-main .km-search .km-form { position: relative; border-radius: 10px; background: #f0f0f1; height: 50px; } header#km-header-main .km-search .km-form input[type="text"] { background: transparent; line-height: 50px; position: relative; z-index: 1; padding: 0 25px; font-family: yekanbakhen, serif; display: block; width: 100%; border: 0 none; transition: all 0.3s ease 0.1s; } header#km-header-main .km-search .km-form button[type="submit"] { position: absolute; left: 0; top: 0; padding: 0 20px; height: 100%; border-radius: 10px 0 0 10px; font-size: 22px; background: #fff5cc; color: #fff; border: 0; z-index: 2; line-height: 55px; } header#km-header-main .km-search .km-form button[type="submit"]:hover { background: #ffcc00; } header#km-header-main .km-helps-link { font-size: 14px; line-height: 50px; color: #616161; position: relative; margin-left: 25px; transition: all 0.3s ease 0.1s; } header#km-header-main .km-helps-link i { vertical-align: middle; margin-left: 7px; font-size: 20px; transition: all 0.3s ease 0.1s; } header#km-header-main .km-helps-link:before, header#km-header-main .km-helps-link:after { content: ''; display: block; position: absolute; top: calc(100% + 10px - 1.5px); height: 3px; background: #ffcc00; width: 0; transition: all 0.3s ease 0.1s; } header#km-header-main .km-helps-link a { display: block; line-height: 50px; } header#km-header-main .km-helps-link:before { left: 50%; } header#km-header-main .km-helps-link:after { right: 50%; } header#km-header-main .km-helps-link:hover { color: #000; } header#km-header-main .km-helps-link:hover i { color: #ffcc00; transform: rotate(40deg); } header#km-header-main .km-helps-link:hover:after, header#km-header-main .km-helps-link:hover:before { width: 50%; } header#km-header-main .km-login { position: relative; margin-left: 20px; } header#km-header-main .km-login .km-inner { font-size: 14px; line-height: 50px; color: #616161; position: relative; border-radius: 5px; border: 1px solid #e0e0e2; padding: 0 15px; transition: all 0.3s ease 0.1s; } header#km-header-main .km-login .km-inner i { vertical-align: middle; margin-left: 7px; font-size: 20px; color: #e0e0e2; transition: all 0.3s ease 0.1s; } header#km-header-main .km-login .km-inner:hover { border-color: #ffcc00; color: #ffcc00; } header#km-header-main .km-login .km-inner:hover i { color: #ffcc00; } header#km-header-main .km-login .km-outer { position: absolute; top: 200%; margin-top: 15px; left: 0; border-top: 5px solid #fff5cc; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2); background: #fff; width: 250px; border-radius: 5px; padding-top: 15px; opacity: 0; visibility: hidden; transition: all 0.3s ease 0.1s; } header#km-header-main .km-login .km-outer:before { content: ''; display: inline-block; position: absolute; left: 20px; bottom: 100%; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff5cc; margin-bottom: 5px; } header#km-header-main .km-login .km-outer > .km-btn { margin: 0 15px 15px 15px; } header#km-header-main .km-login .km-outer .km-register { margin: 0 15px 15px 15px; font-weight: 800; } header#km-header-main .km-login .km-outer .km-register a { color: #ffcc00; float: left; border-bottom: 1px dashed; } header#km-header-main .km-login .km-outer .km-register a:hover { color: #ffcc00; } header#km-header-main .km-login .km-outer .km-menu { border-top: 1px solid #d8d8d8; padding: 15px 0 0; } header#km-header-main .km-login .km-outer .km-menu ul li { padding: 10px 15px; transition: all 0.3s ease 0.1s; } header#km-header-main .km-login .km-outer .km-menu ul li.km-logout { background: #da4b45; color: #fff; } header#km-header-main .km-login .km-outer .km-menu ul li.km-logout:hover { color: #fb3449; } header#km-header-main .km-login .km-outer .km-menu ul li:hover { background: #eceff1; } header#km-header-main .km-login .km-outer .km-menu ul li:last-of-type { border-radius: 0 0 4px 4px; } header#km-header-main .km-login .km-outer .km-menu ul li i { margin-left: 10px; font-size: 17px; vertical-align: middle; } header#km-header-main .km-login .km-outer .km-menu ul li a { transition: all 0.3s ease 0.1s; } header#km-header-main .km-login .km-outer .km-menu ul li a:hover { color: #000; } header#km-header-main .km-login:hover .km-outer { top: 100%; opacity: 1; visibility: visible; } header#km-header-main .km-shopping-cart-mini { position: relative; } header#km-header-main .km-shopping-cart-mini:after { content: ''; position: absolute; right: -10px; top: 0; width: 1px; height: 100%; display: block; background: #d8d8d8; } header#km-header-main .km-shopping-cart-mini .km-inner { font-size: 14px; line-height: 50px; width: 50px; color: #616161; display: block; position: relative; border-radius: 5px; border: 1px solid #e0e0e2; background: #fff; text-align: center; overflow: hidden; transition: all 0.3s ease 0.1s; } header#km-header-main .km-shopping-cart-mini .km-inner i { vertical-align: middle; font-size: 20px; transition: all 0.3s ease 0.1s; } header#km-header-main .km-shopping-cart-mini .km-inner .km-number { position: absolute; left: 5px; top: 5px; border-radius: 50px; background: #da4b45; font-family: yekanbakh, serif; width: 16px; line-height: 16px; font-size: 11px; color: #fff; text-align: center; height: 17px; transition: all 0.3s ease 0.1s; } header#km-header-main .km-shopping-cart-mini .km-inner:hover { border-color: #ffcc00; color: #ffcc00; } header#km-header-main .km-shopping-cart-mini .km-inner:hover .km-number { width: 26px; font-size: 17px; height: 26px; line-height: 26px; top: calc(50% - 13px); left: calc(50% - 13px); } header#km-header-main .km-shopping-cart-mini .km-outer { position: absolute; top: 200%; margin-top: 15px; left: 0; border-top: 5px solid #fff5cc; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2); background: #fff; width: 350px; border-radius: 5px; opacity: 0; visibility: hidden; transition: all 0.3s ease 0.1s; } header#km-header-main .km-shopping-cart-mini .km-outer:before { content: ''; display: inline-block; position: absolute; left: 20px; bottom: 100%; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff5cc; margin-bottom: 5px; } header#km-header-main .km-shopping-cart-mini .km-outer .km-head { font-size: 12px; border-bottom: 1px solid #f0f0f1; } header#km-header-main .km-shopping-cart-mini .km-outer .km-head .km-total-price { line-height: 50px; padding-right: 15px; font-family: yekanbakh, serif; } header#km-header-main .km-shopping-cart-mini .km-outer .km-head .km-total-price .km-value { color: #fff5cc; font-size: 14px; margin-right: 7px; font-weight: 800; } header#km-header-main .km-shopping-cart-mini .km-outer .km-head .km-total-price .km-value .km-unit { font-weight: 300; vertical-align: middle; font-size: 11px; } header#km-header-main .km-shopping-cart-mini .km-outer .km-head .km-go-cart { float: left; } header#km-header-main .km-shopping-cart-mini .km-outer .km-head .km-go-cart .km-btn { line-height: 50px; padding: 0 15px; display: block; } header#km-header-main .km-shopping-cart-mini .km-outer .km-head .km-go-cart .km-btn:hover { background: #eceff1; } header#km-header-main .km-shopping-cart-mini .km-outer .km-footer { border-radius: 0 0 10px 10px; background: #fff5cc; color: #fff; text-align: center; font-weight: 900; transition: all 0.3s ease 0.1s; } header#km-header-main .km-shopping-cart-mini .km-outer .km-footer a { display: block; line-height: 50px; } header#km-header-main .km-shopping-cart-mini .km-outer .km-footer:hover { background: #ffcc00; } header#km-header-main .km-shopping-cart-mini:hover .km-outer { top: 100%; opacity: 1; visibility: visible; } nav#km-nav-main { background: #505050; box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.04); margin-bottom: 20px; position: relative; transform: translateY(0); transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 960px) { nav#km-nav-main { position: fixed; left: 0; top: 72px; width: 100%; z-index: 90; } } nav#km-nav-main > .km-categories-bg { position: absolute; display: none; left: 0; top: 100%; width: 100%; height: 1024px; z-index: 5; background: rgba(0, 0, 0, 0.4); } nav#km-nav-main .size { position: relative; } nav#km-nav-main .km-menu.km-categories > ul > li { padding: 13px 19px; } nav#km-nav-main .km-menu.km-categories > ul > li > h2 { position: relative; } nav#km-nav-main .km-menu.km-categories > ul > li:last-of-type > h2:after { display: none; } nav#km-nav-main .km-menu.km-categories > ul > li > h2:after { content: ''; display: block; position: absolute; right: calc(100% + 19px); height: 100%; width: 1px; top: 50%; background: #fff; transform: translateY(-50%); z-index: -1; } nav#km-nav-main .km-menu > ul > li { padding: 13px 15px; display: inline-block; transition: all 0.3s ease 0.1s; } nav#km-nav-main .km-menu > ul > li > a, nav#km-nav-main .km-menu > ul > li > h2 > a { color: #fff; position: relative; } nav#km-nav-main .km-menu > ul > li > a:before, nav#km-nav-main .km-menu > ul > li > h2 > a:before, nav#km-nav-main .km-menu > ul > li > a:after, nav#km-nav-main .km-menu > ul > li > h2 > a:after { content: ''; display: block; position: absolute; top: calc(100% + 13px - 3px); height: 3px; background: #ffcc00; width: 0; transition: all 0.3s ease 0.1s; } nav#km-nav-main .km-menu > ul > li > a:before, nav#km-nav-main .km-menu > ul > li > h2 > a:before { left: 50%; } nav#km-nav-main .km-menu > ul > li > a:after, nav#km-nav-main .km-menu > ul > li > h2 > a:after { right: 50%; } nav#km-nav-main .km-menu > ul > li:hover > ul { top: 100%; opacity: 1; visibility: visible; } nav#km-nav-main .km-menu > ul > li > ul { position: absolute; right: 0; width: 100%; padding: 19px 24px 60px 280px; border-radius: 0 0 5px 5px; overflow: hidden; flex-wrap: wrap; flex-direction: column; display: inline-flex; height: 420px; top: 150%; z-index: 9; -ms-flex-pack: justify; justify-content: space-between; box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.04); background-color: #fff; background-size: 255px auto; background-repeat: no-repeat; background-position: 20px center; opacity: 0; visibility: hidden; transition: all 0.3s ease 0.1s; } nav#km-nav-main .km-menu > ul > li > ul > li { padding-bottom: 3px; } nav#km-nav-main .km-menu > ul > li > ul > li.km-more { position: absolute; right: 20px; bottom: 5px; } nav#km-nav-main .km-menu > ul > li > ul > li.km-more > a { color: #ffcc00; } nav#km-nav-main .km-menu > ul > li > ul > li.km-more > a:before { content: "\f067"; font-size: 17px; margin-left: 7px; } nav#km-nav-main .km-menu > ul > li > ul > li > a { line-height: 1.833; font-weight: 500; color: #fff5cc; font-size: 15px; display: block; margin-bottom: 5px; transition: all 0.3s ease 0.1s; } nav#km-nav-main .km-menu > ul > li > ul > li > a:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 20px; margin-left: 5px; vertical-align: middle; } nav#km-nav-main .km-menu > ul > li > ul > li > a:hover { color: #ffcc00; } nav#km-nav-main .km-menu > ul > li > ul > li > ul { padding-right: 15px; } nav#km-nav-main .km-menu > ul > li > ul > li > ul > li { padding-bottom: 3px; } nav#km-nav-main .km-menu > ul > li > ul > li > ul > li > a { color: #4a5f73; font-size: 13px; transition: all 0.3s ease 0.1s; } nav#km-nav-main .km-menu > ul > li > ul > li > ul > li > a:hover { font-weight: 800; color: #000; } nav#km-nav-main .km-menu > ul > li:hover, nav#km-nav-main .km-menu > ul > li.km-active { background: rgba(0, 0, 0, 0.2); } nav#km-nav-main .km-menu > ul > li:hover > a:after, nav#km-nav-main .km-menu > ul > li.km-active > a:after, nav#km-nav-main .km-menu > ul > li:hover > h2 > a:after, nav#km-nav-main .km-menu > ul > li.km-active > h2 > a:after, nav#km-nav-main .km-menu > ul > li:hover > a:before, nav#km-nav-main .km-menu > ul > li.km-active > a:before, nav#km-nav-main .km-menu > ul > li:hover > h2 > a:before, nav#km-nav-main .km-menu > ul > li.km-active > h2 > a:before { width: calc(50% + 10px); } .km-full-slider { margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 719px) { .km-full-slider { margin-bottom: 5px; } } .km-full-slider .km-slider { border-radius: 7px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } .km-full-slider .km-slider .km-item img { width: 100%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-full-slider .km-slider .km-item img { min-height: 150px; background: #ccc; } } .km-full-slider .km-slider.owl-theme:hover .owl-nav [class*=owl-] { opacity: 1; } .km-full-slider .km-slider.owl-theme .owl-dots { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-full-slider .km-slider.owl-theme .owl-dots { bottom: 5px; } } .km-full-slider .km-slider.owl-theme .owl-dots .owl-dot span { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); background: #fff; } @media only screen and (min-width: 0px) and (max-width: 719px) { .km-full-slider .km-slider.owl-theme .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 5px; } } .km-full-slider .km-slider.owl-theme .owl-dots .owl-dot.active span { background: #fff5cc; } .km-full-slider .km-slider.owl-theme .owl-nav { margin: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-full-slider .km-slider.owl-theme .owl-nav { display: none; } } .km-full-slider .km-slider.owl-theme .owl-nav [class*=owl-] { position: absolute; top: calc(50% - 20px); background: transparent; opacity: 0; border-radius: 40px; font-size: 40px; margin: 0; width: 40px; height: 40px; text-align: center; color: #fff; line-height: 50px; padding: 0; text-shadow: 0 2px 4px #616161; transition: all 0.3s ease 0.1s; } .km-full-slider .km-slider.owl-theme .owl-nav [class*=owl-].owl-prev { right: 10px; } .km-full-slider .km-slider.owl-theme .owl-nav [class*=owl-].owl-next { left: 10px; } .km-full-slider .km-full-slider-inner-left { padding-right: 20px; } .km-ads-package.km-dynamic-number { display: flex; flex-direction: row; align-items: stretch; width: 100%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-ads-package.km-dynamic-number { overflow-y: auto; } } .km-ads-package.km-dynamic-number.km-vertical { flex-flow: column; } .km-ads-package.km-dynamic-number.km-vertical > .km-ads-banner { margin-left: 0; } .km-ads-package.km-dynamic-number.km-vertical > .km-ads-banner:last-of-type { margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-ads-package.km-dynamic-number.km-vertical > .km-ads-banner { min-width: 100%; margin-left: 0; } } .km-ads-package.km-dynamic-number > .km-ads-banner { flex: 1; margin-left: 20px; } .km-ads-package.km-dynamic-number > .km-ads-banner:last-of-type { margin-left: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-ads-package.km-dynamic-number > .km-ads-banner { min-width: calc((100% / 2) - 20px); margin-left: 20px; } .km-ads-package.km-dynamic-number > .km-ads-banner:last-of-type { margin-left: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-ads-package.km-dynamic-number > .km-ads-banner.km-1 { min-width: 100%; margin-left: 20px; } } .km-ads-package .km-ads-banner { float: right; width: 100%; } .km-ads-package.km-5 .km-ads-banner { margin-left: 20px; width: calc((100% - (4 * 20px)) / 5); } .km-ads-package.km-5 .km-ads-banner:last-of-type { margin-left: 0; } .km-ads-banner { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: #c1c1c1; text-align: center; margin-bottom: 20px; overflow: hidden; position: relative; } .km-ads-banner img { width: 100%; } .km-discount-special .km-ads-banner { height: 428px; } .km-discount-special .km-ads-banner img { position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; min-width: 100%; width: auto; max-width: unset; } .km-discount-special .km-discount-special-slider { margin-right: 20px; } .km-discount-special-slider { position: relative; overflow: hidden; min-height: 425px; } .km-discount-special-slider > .km-titles { position: absolute; height: 100%; float: left; left: 0; top: 0; width: 320px; font-size: 14px; font-weight: bold; background: #f1f7fa; color: #4a5f73; z-index: 4; } .km-discount-special-slider > .km-titles .km-btn.km-theme-2 { position: absolute; bottom: 0; left: 0; width: 100%; } .km-discount-special-slider > .km-titles .km-item { padding: 13.5px 20px; cursor: pointer; position: relative; transition: all 0.3s ease 0.1s; } .km-discount-special-slider > .km-titles .km-item span { white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; font-family: yekanbakhen, serif; } .km-discount-special-slider > .km-titles .km-item:before { position: absolute; left: 100%; margin-left: 5px; content: ''; display: block; height: 100%; border-radius: 5px; width: 5px; background: #ffcc00; top: 0; transform: scale(0); transition: all 0.3s ease 0.1s; } .km-discount-special-slider > .km-titles .km-item:hover { box-shadow: inset -350px 0 0 #ebecf0; } .km-discount-special-slider > .km-titles .km-item.km-active { box-shadow: inset -350px 0 0 #ffcc00; color: #000; } .km-discount-special-slider > .km-titles .km-item.km-active:before { transform: scale(1); } .km-discount-special-slider > .km-contents { position: relative; min-height: 425px; margin-left: 320px; z-index: 3; } .km-discount-special-slider > .km-contents > .km-title { position: absolute; z-index: 5; top: 0; right: 50px; border-radius: 0 0 25px 25px; background: #ffcc00; font-size: 22px; padding: 8px 15px; color: #606060; } .km-discount-special-slider > .km-contents > .km-item, .km-discount-special-slider > .km-contents .owl-item > .km-item { position: absolute; right: 0; top: 0; height: 100%; background: #fff; padding: 30px 330px 30px 30px; width: 100%; font-size: 15px; z-index: 2; } .km-discount-special-slider > .km-contents > .km-item a, .km-discount-special-slider > .km-contents .owl-item > .km-item a { display: block; } .km-discount-special-slider > .km-contents > .km-item .km-img, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-img { background: #fff; position: absolute; right: 0; top: 0; width: 300px; height: 100%; line-height: 100%; } .km-discount-special-slider > .km-contents > .km-item .km-img img, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .km-discount-special-slider > .km-contents > .km-item .km-content, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content { position: relative; height: 400px; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices { display: block; margin-bottom: 30px; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price { font-size: 20px; font-weight: 100; color: #28af2b; margin-bottom: 10px; position: relative; font-family: yekanbakh, serif; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price.km-discounted, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price.km-discounted { color: #4a5f73; display: inline-block; font-size: 15px; padding: 0 10px; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price.km-discounted:before, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price.km-discounted:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-7deg); transform-origin: center; width: 100%; height: 1px; background: #a4a4a4; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price .km-unit, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price .km-unit { margin-right: 10px; font-size: 16px; vertical-align: middle; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price .km-discount, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price .km-discount { background: #ffcc00; border-radius: 50px; padding: 7px 12px; font-size: 18px; margin-right: 10px; vertical-align: middle; color: #4a5f73; font-weight: 400; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-title, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-title { color: #333; font-size: 16px; font-weight: 800; margin-bottom: 30px; font-family: yekanbakhen, serif; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-details ul li, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-details ul li { font-size: 13px; margin-bottom: 3px; font-family: yekanbakhen, serif; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-details ul li:before, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-details ul li:before { content: ''; vertical-align: middle; width: 6px; height: 6px; border-radius: 50px; display: inline-block; margin-left: 10px; background: #ccc; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-discount-time, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-discount-time { position: absolute; width: 100%; bottom: 20px; right: 0; color: #000; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-discount-time > .km-title, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-discount-time > .km-title { border-top: 1px solid #eaeaea; padding-top: 15px; margin-bottom: 10px; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-discount-time > .km-timer, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-discount-time > .km-timer { font-size: 35px; font-weight: 700; font-family: yekanbakh, serif; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-discount-time > .km-timer .d, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-discount-time > .km-timer .d { margin: 0 5px; } .km-discount-special-slider > .km-contents > .km-item { width: 100%; } .km-discount-special-slider-header { font-size: 17px; font-weight: 800; margin-bottom: 7px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-discount-special-slider-header { margin: 10px 0 0; } } .km-discount-special-slider-header .km-highlight { color: #fb3449; } .km-discount-special-slider-header i { vertical-align: middle; font-size: 20px; color: #4a5f73; } .km-special-benefits > .km-item { float: right; width: 20%; text-align: center; padding: 10px 0; } .km-special-benefits > .km-item .km-title { display: block; font-weight: 700; } .km-special-benefits > .km-item img { margin-bottom: 5px; height: 70px; width: auto; } .km-product-slider { padding-top: 0 !important; } .km-product-slider > .km-header { position: relative; line-height: 50px; margin: 0 20px 20px; } .km-product-slider > .km-header:before { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; z-index: 1; background: #ebecf0; width: 100%; } .km-product-slider > .km-header .km-title { border-bottom: 2px solid #fff5cc; background: #fff; font-size: 16px; font-weight: 700; position: relative; z-index: 2; } .km-product-slider > .km-header .km-title:after { content: ''; right: 100%; width: 15px; height: 100%; margin-top: 2px; top: 0; background: #fff; position: absolute; display: inline-block; } .km-product-slider > .km-header .km-show-more { float: left; font-size: 12px; color: #fff5cc; transition: all 0.3s ease 0.1s; } .km-product-slider > .km-header .km-show-more:hover { color: #ffcc00; } .km-product-slider > .km-header .km-show-more i { vertical-align: middle; margin-left: 5px; font-size: 15px; } .km-product-slider > .km-content { padding-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-slider > .km-content .km-product.km-theme-2 { background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); border-radius: 9px; padding: 8px 0; min-height: 210px; border: 1px solid #f6f6f6; overflow: hidden; margin: 5px; width: auto; } } @media only screen and (min-width: 960px) { .km-product-slider > .km-content .km-product.km-theme-2 .km-content .km-title { min-height: 44px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-slider > .km-content .km-product.km-theme-2 .km-content .km-title { font-size: 11px; text-align: center; font-weight: 400; display: block; margin-bottom: 10px; height: 36px; overflow: hidden; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-slider > .km-content .km-product.km-theme-2 .km-prices-disable-theme { margin: 13px 10px 10px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-slider > .km-content .km-product.km-theme-2 .km-prices { text-align: center; min-height: 39px; } } .km-product-slider.km-theme-1 .km-slider { overflow: hidden; } .km-product-slider.km-theme-1 .km-slider .owl-nav { margin: 0; } .km-product-slider.km-theme-1 .km-slider .owl-nav [class*=owl-] { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); font-size: 35px; margin: 0; width: 37px; height: 80px; text-align: center; color: #4a5f73; box-shadow: 0 0 9px -2px rgba(0, 0, 0, 0.2); line-height: 90px; padding: 0; transition: all 0.3s ease 0.1s; } .km-product-slider.km-theme-1 .km-slider .owl-nav [class*=owl-].owl-prev { border-radius: 10px 0 0 10px; right: 0; } .km-product-slider.km-theme-1 .km-slider .owl-nav [class*=owl-].owl-next { border-radius: 0 10px 10px 0; left: 0; } .km-social-theme ul li { display: inline-block; width: 35px; border-radius: 1px; height: 35px; line-height: 40px; text-align: center; font-size: 20px; /*background: #ffcc00;*/ color: #fff; transition: all 0.3s ease 0.1s; } .km-social-theme ul li.km-tg { background: #3fade4; } .km-social-theme ul li.km-insta { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .km-social-theme ul li.km-fb { background: #3a589b; } .km-social-theme ul li.km-twitter { background: #00acee; } .km-social-theme ul li.km-whatsapp { background: #25D366; } .km-social-theme ul li:hover { box-shadow: inset -50px 0 0 rgba(0, 0, 0, 0.5); } footer#km-footer-main { margin-top: 50px; background: #eceff1; } @media only screen and (min-width: 0px) and (max-width: 959px) { footer#km-footer-main { margin-top: 20px; } } footer#km-footer-main .km-widget { float: right; margin-left: 20px; min-height: 280px; } footer#km-footer-main .km-widget:last-of-type { margin-left: 0; } footer#km-footer-main .km-widget .km-title-style { font-weight: 800; color: #000; margin-bottom: 20px; padding-bottom: 20px; font-size: 15px; display: inline-block; } footer#km-footer-main .km-widget .km-title-style.km-no-margin-bottom { margin-bottom: 0; } footer#km-footer-main .km-widget .km-title-style i { font-size: 20px; vertical-align: middle; margin-left: 7px; color: #ccc; } footer#km-footer-main .km-widget.km-widget-support { width: calc(20% - 20px); padding-left: 20px; border-left: 1px solid #e2e2e2; text-align: center; font-family: yekanbakh, serif; } footer#km-footer-main .km-widget.km-widget-support > * { margin-bottom: 20px; } footer#km-footer-main .km-widget.km-widget-support .km-phone i { font-size: 40px; margin-bottom: 20px; color: #000; } footer#km-footer-main .km-widget.km-widget-support .km-phone .km-description { font-size: 9px; letter-spacing: -0.5px; color: #000; font-weight: 700; text-align: center; } footer#km-footer-main .km-widget.km-widget-support .km-phone .km-value { font-size: 25px; font-weight: 800; color: #fff5cc; direction: ltr; } footer#km-footer-main .km-widget.km-widget-support .km-phone .km-value .km-prefix { font-size: 20px; font-weight: 600; color: #ccc; } footer#km-footer-main .km-widget.km-widget-support .km-email .km-value, footer#km-footer-main .km-widget.km-widget-support .km-address .km-value { color: #000; font-weight: bold; font-family: yekanbakhen, serif; } footer#km-footer-main .km-widget.km-widget-support .km-address { margin: 0 30px; font-size: 12px; text-align: justify; } footer#km-footer-main .km-widget.km-widget-support .km-title { font-size: 11px; display: block; margin-bottom: 4px; } footer#km-footer-main .km-widget.km-widget-links { width: calc(30% - 20px); padding-left: 20px; border-left: 1px solid #e2e2e2; } footer#km-footer-main .km-widget.km-widget-links .km-content ul li { float: right; width: 50%; margin-bottom: 18px; } footer#km-footer-main .km-widget.km-widget-links .km-content ul li a { transition: all 0.3s ease 0.1s; } footer#km-footer-main .km-widget.km-widget-links .km-content ul li a:before { content: ''; vertical-align: middle; width: 6px; height: 6px; border-radius: 50px; display: inline-block; margin-left: 10px; background: #ccc; transition: all 0.3s ease 0.1s; } footer#km-footer-main .km-widget.km-widget-links .km-content ul li a:hover { color: #fff5cc; } footer#km-footer-main .km-widget.km-widget-links .km-content ul li a:hover:before { background: #fff5cc; } footer#km-footer-main .km-widget.km-enamad { width: calc(15% - 20px); padding-left: 20px; border-left: 1px solid #e2e2e2; } footer#km-footer-main .km-widget.km-enamad > .km-content { text-align: center; } footer#km-footer-main .km-widget.km-enamad > .km-content img { height: 100px; width: auto; margin-bottom: 10px; } footer#km-footer-main .km-widget.km-enamad > .km-content img:last-of-type { margin-bottom: 0; } footer#km-footer-main .km-widget.km-description { width: 35%; margin-left: 0; } footer#km-footer-main .km-widget.km-description > .km-content { font-size: 12px; line-height: 24px; margin-bottom: 20px; } footer#km-footer-main .km-widget.km-description > .km-content img { float: left; margin-right: 20px; } footer#km-footer-main .km-footer-copyright { padding: 10px 0; background: #505050; color: #fff; font-size: 14px; font-weight: 300; margin-top: 50px; font-family: yekanbakhen, serif; } footer#km-footer-main .km-footer-copyright a { border-bottom: 1px dashed; font-weight: 800; margin: 0 3px; vertical-align: middle; } footer#km-footer-main .km-footer-copyright a:hover { color: #000; } footer#km-footer-main .km-footer-newsletter { padding: 20px 0; background: #fff; margin-bottom: 50px; box-shadow: 0 0 16px -6px rgba(0, 0, 0, 0.1); } footer#km-footer-main .km-footer-newsletter .km-header .km-title { font-size: 17px; font-weight: 800; color: #000; } footer#km-footer-main .km-footer-newsletter .km-header .km-description { text-align: justify; margin-top: 5px; } footer#km-footer-main .km-footer-newsletter .km-form { position: relative; border-radius: 70px; line-height: 50px; padding: 0 30px; border: 2px solid #ffcc00; } footer#km-footer-main .km-footer-newsletter .km-form input[type="text"], footer#km-footer-main .km-footer-newsletter .km-form input[type="email"] { position: relative; z-index: 1; background: transparent; border: 0; display: block; width: 100%; } footer#km-footer-main .km-footer-newsletter .km-form button[type="submit"] { position: absolute; left: 6px; top: 6px; z-index: 2; height: 40px; line-height: 40px; text-align: center; background: transparent; font-size: 20px; width: 40px; border: 2px solid #ffcc00; border-radius: 50px; cursor: pointer; color: #ffcc00; transition: all 0.3s ease 0.1s; } footer#km-footer-main .km-footer-newsletter .km-form button[type="submit"]:hover { background: #ffcc00; color: #fff; } .km-selected-categories { overflow-x: scroll; overflow-y: hidden; position: relative; margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-selected-categories { right: -2%; width: 104%; } } .km-selected-categories ul { height: 40px; overflow-y: hidden; } .km-selected-categories ul li { float: right; background: #ffcc00; font-size: 14px; border-radius: 50px; margin-right: 5px; display: inline-block; line-height: 35px; transition: all 0.3s ease 0.1s; } .km-selected-categories ul li:last-of-type { margin-left: 0; } .km-selected-categories ul li a { display: block; padding: 0 20px; } .km-selected-categories ul li:hover { box-shadow: inset -350px 0 0 #9da0af; } @media only screen and (min-width: 960px) { .km-mt-page-search { overflow-y: hidden; transition: all 0.3s ease 0.1s; } } .km-mt-page-search .km-search-form { position: fixed; z-index: 1; top: 0; right: 0; width: 100%; background: #eceff1; height: 50px; line-height: 50px; padding-right: 50px; } .km-mt-page-search .km-search-form .km-search-clean, .km-mt-page-search .km-search-form .km-search-loading { left: 0; } .km-mt-page-search .km-search-form input[type="text"] { display: block; color: #000; padding: 0 0 0 10px; background: transparent; font-family: IRANsans; width: 100%; border: 0; } .km-mt-page-search .km-mt-page-close { position: fixed !important; } .km-mt-page-search .km-search-content { margin-top: 45px; } .km-mt-page-search .km-search-content .km-notice-search.km-not-found { height: 250px; display: flex; justify-content: center; flex-direction: column; text-align: center; } .km-mt-page-search .km-search-content .km-notice-search.km-not-found i { font-size: 45px; margin-bottom: 30px; } .km-mt-page-search .km-search-content .km-notice-search.km-not-found span { display: block; text-align: center; } .km-mt-page-search .km-search-content .km-notice-search.km-loading { height: 250px; display: flex; justify-content: center; flex-direction: column; text-align: center; } .km-mt-page-search .km-search-content .km-notice-search.km-loading .km-waiting-icon { display: inline-block; font-size: 45px; margin-bottom: 30px; } .km-mt-page-search .km-search-content .km-notice-search.km-loading span { display: block; text-align: center; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-title { font-weight: bold; padding: 0 0 7px; margin-bottom: 7px; margin-top: 20px; color: #000; border-bottom: 1px solid #efefef; font-size: 14px; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-title > .km-delete-search-history { color: #ccc; float: left; font-weight: 400; transition: all 0.3s ease 0.1s; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-title > .km-delete-search-history:hover { color: #fb3449; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-content { margin-bottom: 40px; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-content.km-top span { background: #eceff1; font-size: 12px; margin: 3px; display: inline-block; cursor: pointer; padding: 5px 7px; border-radius: 5px; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-content.km-history span { display: block; padding: 5px 0; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-content.km-history span .km-delete-search-history-this { float: left; line-height: 16px; width: 16px; text-align: center; color: #ccc; font-size: 15px; } .km-mt-page-search .km-search-content .km-search-result { display: none; } .km-mt-page-search .km-search-content .km-search-result .km-tabs { font-size: 13px; left: 0; position: absolute; width: 100%; top: 0; z-index: 5; background: #fff; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-mt-page-search .km-search-content .km-search-result .km-tabs { top: 50px; position: fixed; } } .km-mt-page-search .km-search-content .km-search-result .km-tabs ul li { border-left: 2px solid #eceff1; float: right; width: 33.33%; font-size: 12px; text-align: center; line-height: 35px; transition: all 0.3s ease 0.1s; cursor: pointer; border-bottom: 2px solid #eceff1; } .km-mt-page-search .km-search-content .km-search-result .km-tabs ul li.km-active { background: #ffcc00; color: #000; font-weight: bold; border-bottom-color: #ffcc00; } .km-mt-page-search .km-search-content .km-search-result .km-tabs ul li .km-number { border-radius: 50px; background: #da4b45; width: 18px; line-height: 18px; font-size: 10px; color: #fff; text-align: center; height: 18px; font-weight: 300; margin-right: 5px; display: inline-block; } .km-mt-page-search .km-search-content .km-search-result .km-tabs ul li:last-of-type { border-left: 0; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item { padding-top: 30px; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item.km-list-style ul li { padding: 8px 0; border-bottom: 1px solid #f2f2f2; font-size: 13px; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item.km-list-style ul li:before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 10px; margin-left: 5px; background: #dfdfdf; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 { position: relative; padding-right: 100px; padding-top: 20px; min-height: 110px; margin-bottom: 20px; border: 2px solid #f0f0f1; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 { width: 100%; } } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 > .km-content .km-title { font-size: 13px; margin-bottom: 5px; text-align: justify; } @media only screen and (min-width: 960px) { .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 > .km-content .km-title { text-align: justify; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; height: 42px; } } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 .km-img { position: absolute; right: 0; height: 70px; width: 70px; margin-bottom: 0; top: 50%; transform: translateY(-50%); } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 .km-img img { max-width: 100%; max-height: 100%; } @media only screen and (min-width: 960px) { .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 { float: right; width: calc((100% - 10px) / 2); padding: 20px 80px 8px 10px; min-height: 110px; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2:nth-of-type(2n) { margin-right: 10px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 { margin-bottom: 10px; padding-left: 10px; } } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-more-link { line-height: 1.833; font-weight: 500; color: #12a058; font-size: 15px; display: block; margin-top: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-more-link { margin-bottom: 20px; } } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-more-link a { transition: all 0.3s ease 0.1s; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-more-link a:hover { color: #000; } .km-search-loading { position: absolute; left: 65px; top: 0; height: 100%; width: 50px; display: none; } .km-search-clean { position: absolute; left: 65px; width: 50px; top: 0; display: none; height: 100%; line-height: 60px; text-align: center; font-size: 20px; cursor: pointer; z-index: 3; } .km-text-summarizer .km-text-summarizer-content { overflow: hidden; position: relative; height: unset; transition: all 0.3s ease 0.1s; } .km-text-summarizer .km-text-summarizer-controller { position: absolute; left: 1px; bottom: 1px; width: calc(100% - 322px); padding: 70px 0 20px; /*color: #16c9f6;*/ cursor: pointer; font-size: 16px; text-align: center; background: #ffffff; background: linear-gradient(0deg, #ffffff 10%, rgba(255, 255, 255, 0) 100%); transition: all 0.3s ease 0.1s; } .km-text-summarizer .km-text-summarizer-controller.km-full { width: 100%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-text-summarizer .km-text-summarizer-controller { width: 100%; } } .km-text-summarizer .km-text-summarizer-controller span { border-bottom: 1px dashed; } .km-text-summarizer .km-text-summarizer-controller:hover { color: #000; } .km-text-summarizer .km-text-summarizer-controller.km-active { padding: 0; } .km-order-status { margin: 0 10px; } .km-order-status.km-success { color: #39b54a; } .km-order-status.km-pending { color: #0071bc; } .km-order-status.km-fail { color: #ff0000; } .km-nothing-to-show-style { padding: 50px 15px; min-height: 337px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-nothing-to-show-style { min-height: auto; padding: 20px; } } .km-nothing-to-show-style i { font-size: 259px; margin-bottom: 30px; display: block; color: #dadada; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-nothing-to-show-style i { font-size: 50px; margin-bottom: 20px; } } .km-nothing-to-show-style .km-title { font-size: 27px; line-height: 1.63; letter-spacing: 0.5px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-nothing-to-show-style .km-title { font-size: 18px; } } .km-lazy-loading-loader { display: inline-block; position: absolute; left: 50%; top: 50px; transform: translate(-50%); } .km-lightbox { z-index: 200; } .km-lightbox.km-lightbox-login-register .km-lightbox-container { background: transparent; box-shadow: none; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-login-register .km-lightbox-container { width: 100%; height: 100%; max-height: 100%; overflow-y: auto; top: 0; left: 0; } } .km-lightbox.km-lightbox-login-register .km-lightbox-container .km-login-register-box { border: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-login-register .km-lightbox-container .km-login-register-box { height: 100%; border-radius: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-login-register .km-lightbox-container .km-login-register-box > .km-login-register-right { padding: 15px; } .km-lightbox.km-lightbox-login-register .km-lightbox-container .km-login-register-box > .km-login-register-right input { text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-login-register .km-lightbox-container .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-header > .km-title { line-height: 50px; } } .km-lightbox.km-lightbox-login-register .km-lightbox-container .km-close-loginregister { position: absolute; left: 15px; width: 45px; top: 15px; height: 45px; line-height: 55px; text-align: center; border-radius: 50px; z-index: 13; font-size: 25px; cursor: pointer; background: #fff; } .km-lightbox.km-lightbox-login-register .km-lightbox-container .km-close-loginregister i { color: red; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-share > .km-lightbox-container { top: auto; height: 300px; bottom: -100px; width: 96%; box-shadow: 0 0 15px -7px #00000038; left: 2%; border-radius: 12px; transition: all 0.3s ease 0.1s; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-share.km-show > .km-lightbox-container { bottom: 5px; } } .km-lightbox.km-lightbox-share > .km-lightbox-container { max-width: 550px; } .km-lightbox.km-lightbox-share > .km-lightbox-container .km-lightbox-header { border: 0 none; padding: 0; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content { padding: 20px; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-share-title { width: 100%; color: #000000; font-size: 16px; margin-bottom: 25px; display: block; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-share-title { text-align: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-close-bottom { display: block; text-align: center; padding-top: 10px; margin-top: 15px; margin-bottom: -10px; cursor: pointer; border-top: 1px solid #e5e5e5; color: #000000; font-size: 16px; clear: both; } @media only screen and (min-width: 960px) { .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme { margin-bottom: 15px; } } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul { text-align: center; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li { background: transparent !important; border-radius: 1px; height: auto; width: auto; line-height: normal; margin-left: 10px; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li.km-tg a { background: #3fade4; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li.km-insta a { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li.km-fb a { background: #3a589b; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li.km-twitter a { background: #00acee; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li.km-whatsapp a { background: #25D366; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li:hover a { box-shadow: inset -50px 0 0 rgba(0, 0, 0, 0.5); color: #16c9f6; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li:hover { box-shadow: unset; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li a { width: 45px; border-radius: 100px; height: 45px; margin-left: 5px; line-height: 55px; font-size: 24px; position: relative; margin-bottom: 40px; display: inline-block; background: #b9b9b9; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li { margin-left: 0; float: right; width: 25%; } } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li:last-of-type { margin-left: 0; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-social-theme ul li .km-title { position: absolute; width: 100%; top: 100%; font-size: 13px; color: #535353; line-height: 1; left: 50%; transform: translateX(-50%); margin-top: 10px; min-width: 90px; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-form-share-email { margin-top: 40px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-form-share-email { margin-top: 20px; } } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-form-share-email .km-share-email-btn { position: absolute; left: 7px; bottom: 7px; border-radius: 6px; padding: 7px 25px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-form-share-email .km-share-email-btn { font-size: 12px; padding-right: 10px; padding-left: 10px; } } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-share-link { margin: 0 -20px -20px; text-align: left; direction: ltr; background: #efefef; font-size: 12px; font-family: IRANsans; position: relative; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-share-link input { position: relative; z-index: 2; border: 0; background: transparent; padding: 0 20px 0 45px; line-height: 45px; font-size: 13px; display: block; width: 100%; color: #a9a9a9; } .km-lightbox.km-lightbox-share > .km-lightbox-container > .km-lightbox-content .km-share-link i { position: absolute; width: 45px; height: 45px; text-align: center; left: 0; line-height: 45px; bottom: 0; font-size: 18px; color: #a9a9a9; } @media only screen and (min-width: 960px) { .km-mt-page-cart-mini-empty { display: none !important; } } .km-mt-page-cart-mini-empty .km-mt-page-cart-mini-empty-top { position: fixed; z-index: 1; top: 0; right: 0; width: 100%; background: #eceff1; height: 50px; font-weight: 800; line-height: 50px; padding-right: 50px; } .km-mt-page-cart-mini-empty .km-cart-empty-theme { min-height: auto; position: absolute; left: 2%; width: 96%; top: 50%; transform: translateY(-50%); box-shadow: none; border: none; padding: 0; } .km-mt-page-cart-mini-empty .km-cart-empty-theme > .km-icon { font-size: 55px; line-height: 140px; margin: 0 auto 20px; height: 145px; width: 145px; } .km-mt-page-cart-mini-empty .km-cart-empty-theme > .km-icon i { line-height: 145px; } .km-mt-page-cart-mini-empty .km-cart-empty-theme > .km-title { font-size: 20px; } .km-mt-page-cart-mini-empty .km-cart-empty-theme > .km-description { font-size: 12px; } .km-page-category-description { padding: 40px; margin-top: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-page-category-description { margin-top: 15px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-page-category-description { padding: 20px; } } .km-page-category-description .km-text-render h1, .km-page-category-description .km-text-render h2, .km-page-category-description .km-text-render h3 { font-size: 15px; line-height: 1.467; font-weight: 500; letter-spacing: -0.9px; margin-bottom: 15px; } .km-page-category-description .km-text-render p { font-size: 14px; letter-spacing: -0.5px; } .km-title-page-extra { font-size: 20px; border-bottom: 3px solid #f3f3f3; margin: -20px -20px 30px; background: #fbfbfb; padding: 15px 25px; font-weight: 500; } /* * Created by Arapendar */ .km-bottom-sheet-view { position: fixed; z-index: 150; bottom: 0; left: 0; background: #fff; width: 100%; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 959px) and (min-width: 0px) { .km-bottom-sheet-view.justMobileTablet { display: block !important; } } .km-bottom-sheet-view.km-pad-right-2 { padding-right: 36%; } .km-bottom-sheet-view.km-pad-right-2 > .km-menu { width: 25%; } .km-bottom-sheet-view.km-pad-right-3 { padding-right: 50%; } .km-bottom-sheet-view.km-pad-right-3 > .km-menu { width: 33.33%; } .km-bottom-sheet-view.km-pad-right-4 { padding-right: 66.64%; } .km-bottom-sheet-view.km-pad-right-4 > .km-menu { width: 50%; } .km-bottom-sheet-view.km-pad-right-5 { padding-right: 80%; } .km-bottom-sheet-view.km-pad-right-5 > .km-menu { width: 100%; } .km-bottom-sheet-view > .km-menu { float: right; width: 16.66%; height: 50px; position: relative; z-index: 1; } .km-bottom-sheet-view > .km-menu.km-active { z-index: 2; } .km-bottom-sheet-view > .km-menu > .km-inner-btn { width: 45px; height: 45px; line-height: 45px; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; background: #fff; border-radius: 7px; } .km-bottom-sheet-view > .km-menu > .km-inner-btn > i, .km-bottom-sheet-view > .km-menu > .km-inner-btn > a > i { font-size: 20px; } .km-bottom-sheet-view > .km-menu > .km-inner-btn .km-number { position: absolute; left: 5px; top: 5px; border-radius: 50px; background: #fb3449; width: 16px; line-height: 16px; font-size: 11px; color: #fff; text-align: center; height: 17px; } .km-bottom-sheet-view > .km-menu > .km-inner-btn .km-title { position: absolute; right: 0; width: 100%; bottom: 5px; line-height: 1; font-size: 9px; transition: all 0.3s ease 0.1s; } .km-bottom-sheet-view > .km-menu .km-sub-menu { position: absolute; bottom: 50%; left: 5px; width: 100px; z-index: 30; background: #fff; margin-bottom: 25px; padding: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); border-radius: 9px; border: 1px solid #f6f6f6; opacity: 0; visibility: hidden; transition: all 0.3s ease 0.1s; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-show { opacity: 1; visibility: visible; bottom: 100%; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-1 > .km-menu { margin-bottom: 5px; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-1 > .km-menu.km-user-logout { color: #fb3449; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-1 > .km-menu > .km-inner-btn { line-height: 30px; display: block; text-align: right; background: #fff; border-radius: 7px; padding: 0 5px; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-1 > .km-menu > .km-inner-btn > i, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-1 > .km-menu > .km-inner-btn > a > i { vertical-align: middle; font-size: 15px; margin-left: 10px; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-1 > .km-menu > .km-inner-btn .km-number { border-radius: 50px; background: #fb3449; width: 16px; line-height: 20px; font-size: 11px; color: #fff; text-align: center; height: 17px; float: left; display: inline-block; margin-top: 6px; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-1 > .km-menu:last-of-type { margin-bottom: 0; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-1 > .km-menu.km-active > .km-inner-btn { color: #fff; background: #ffcc00; box-shadow: 0 2px 25px -5px #fff5cc; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu { float: right; height: 50px; position: relative; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu.km-user-logout, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu.km-user-logout { color: #fb3449; float: left; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu > .km-inner-btn, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu > .km-inner-btn { width: 45px; height: 45px; line-height: 45px; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; background: #fff; border-radius: 7px; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu > .km-inner-btn > i, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu > .km-inner-btn > i, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu > .km-inner-btn > a > i, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu > .km-inner-btn > a > i { font-size: 20px; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu > .km-inner-btn .km-number, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu > .km-inner-btn .km-number { position: absolute; left: 5px; top: 5px; border-radius: 50px; background: #fb3449; width: 16px; line-height: 16px; font-size: 11px; color: #fff; text-align: center; height: 17px; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu > .km-inner-btn .km-title, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu > .km-inner-btn .km-title { position: absolute; right: 0; width: 100%; bottom: 5px; line-height: 1; font-size: 9px; transition: all 0.3s ease 0.1s; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu.km-active > .km-inner-btn, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu.km-active > .km-inner-btn { top: 25%; height: 55px; width: 55px; border-radius: 100px; color: #606060; line-height: 60px; background: #12a058; background: #ffcc00; box-shadow: 0 2px 25px -5px #ff8d00; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu.km-active > .km-inner-btn .km-title, .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu.km-active > .km-inner-btn .km-title { bottom: 7px; font-size: 10px; font-weight: bold; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 { width: 70px; left: -5px; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-2 .km-menu { width: 100%; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 { width: 98%; padding: 10px 0 10px; left: 1%; position: fixed; bottom: 30px; z-index: -1 !important; } .km-bottom-sheet-view > .km-menu .km-sub-menu.km-theme-3 .km-menu { width: 25%; } .km-bottom-sheet-view > .km-menu .km-sub-menu .km-sub-menu.km-theme-3 { width: calc(98% - 100px - 2%); left: auto; right: 1%; } .km-bottom-sheet-view > .km-menu:hover > .km-inner-btn { background: #eeeeee; } .km-bottom-sheet-view > .km-menu.km-active > .km-inner-btn { top: 25%; height: 55px; width: 55px; border-radius: 100px; color: #fff; line-height: 60px; background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); box-shadow: 0 2px 25px -5px #6fdcf7; } .km-bottom-sheet-view > .km-menu.km-active > .km-inner-btn .km-title { bottom: 7px; font-size: 10px; font-weight: bold; } /* * Created by Arapendar */ .upi-confirm { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; background: rgba(0, 0, 0, 0.6); z-index: 150; cursor: not-allowed; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .upi-confirm { display: block; } } .upi-confirm > .upi-content { background: #fff; width: 500px; max-width: 100%; box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.04); cursor: default; text-align: center; padding: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .upi-confirm > .upi-content { position: absolute; bottom: 60px; left: 2%; width: 96%; border-radius: 10px; padding: 15px; } .upi-confirm > .upi-content.animated { animation-duration: 0.25s; } } .upi-confirm > .upi-content > .upi-icon { text-align: center; margin-bottom: 20px; } .upi-confirm > .upi-content > .upi-icon > i { font-size: 100px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .upi-confirm > .upi-content > .upi-icon { display: none; } } .upi-confirm > .upi-content > .upi-description { font-size: 18px; margin-bottom: 25px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .upi-confirm > .upi-content > .upi-description { font-size: 15px; margin-bottom: 15px; } } .upi-confirm > .upi-content > .upi-footer { position: relative; } .upi-confirm > .upi-content > .upi-footer .km-btn { min-width: 150px; margin: 0 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .upi-confirm > .upi-content > .upi-footer .km-btn { width: 50%; background: transparent; color: #4a5f73; text-align: center; float: right; margin: 0; border-radius: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .upi-confirm > .upi-content > .upi-footer .km-btn.upi-btn-confirm { border-left: 1px solid #c2c2c2; } } /* * Created by Arapendar */ .km-breadcrumb { margin: 15px 0 10px 0; background: #FFF; padding: 12px 12px; border-radius: 7px; } .km-breadcrumb ul { float: right; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-breadcrumb ul { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 10px; } } .km-breadcrumb ul li { display: inline-block; margin-left: 10px; padding-left: 10px; position: relative; font-family: IRANsans; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-breadcrumb ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; vertical-align: middle; } } .km-breadcrumb ul li:after { content: ''; display: inline-block; width: 1px; height: 70%; transform: rotate(15deg) translateY(-50%); top: 50%; right: 100%; background: #e0e0e2; position: absolute; margin-right: 3px; } .km-breadcrumb ul li:last-of-type:after { display: none; } .km-breadcrumb ul li.km-active { font-weight: bold; color: #000; } .km-breadcrumb ul li a { transition: all 0.3s ease 0.1s; } .km-breadcrumb ul li a:hover { /*color: #16c9f6;*/ } .km-breadcrumb .km-result-number { float: left; color: #b7b7b7; font-size: 12px; line-height: 21px; } .km-pagination { margin: 50px 0 0; text-align: center; display: block !important; } .km-pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; border-radius: 5px; } .km-pagination ul > li { display: inline; float: right; } .km-pagination ul > li.disabled a, .km-pagination ul > li.disabled span { background: #cecece !important; border-color: #cecece !important; cursor: not-allowed; color: #000; } .km-pagination ul > li.active a, .km-pagination ul > li.active span { background: #3ccdbb !important; border-color: #16c9f6 !important; color: #fff; } .km-pagination ul > li:first-of-type > a, .km-pagination ul > li:first-of-type > span { border-right-width: 1px; border-radius: 0 50px 50px 0; } .km-pagination ul > li:last-of-type > a, .km-pagination ul > li:last-of-type > span { border-left-width: 1px; border-radius: 50px 0 0 50px; } .km-pagination ul > li > a, .km-pagination ul > li > span { float: left; padding: 11px 20px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0; color: #000; transition: all 0.3s ease 0.1s; font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-pagination ul > li > a, .km-pagination ul > li > span { padding: 5px 10px; } } .km-pagination ul > li > a:hover { background: #606060; border-color: #606060; color: #fff; } /* * Created by Arapendar */ body.page-product .lg-outer .lg-inner { height: calc(100% - 45px); } body.page-product .lg-outer.lg-has-thumb .lg-inner { height: calc(100% - 145px) !important; } body.page-product .lg-sub-html { font-family: IRANsans; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-has-deals.km-product-page-top .km-product-right .km-product-gallery { margin-top: 30px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-has-deals.km-product-page-top .km-product-right .km-product-action-more { right: 0; top: 45px; width: 100%; z-index: 4; } } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-has-deals.km-product-page-top .km-product-left .km-product-rate { top: 72px; } } body.page-product .km-product-page-top { position: relative; } body.page-product .km-product-page-top .km-product-right { position: relative; } body.page-product .km-product-page-top .km-product-right .km-product-gallery { direction: ltr; margin-bottom: 30px; position: relative; z-index: 1; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-gallery { margin-top: 35px; } } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter { direction: ltr !important; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lightSlider > li img { max-width: 100%; width: auto; height: auto; max-height: 100%; margin: auto; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lSPager.lSGallery { margin-top: 25px !important; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSAction > a { display: none; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSAction > a { display: block; background: #ffffff00; color: #000; opacity: 1; font-size: 30px; text-align: center; line-height: 32px; } } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSPager.lSGallery li { border: 1px solid #ccc; border-radius: 5px; opacity: 0.4; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSPager.lSGallery li.active { opacity: 1; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lSPager.lSGallery img { overflow: hidden; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideWrapper { overflow: visible !important; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lightSlider > li.lslide { height: 400px !important; position: relative; background: #fff; text-align: center; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lightSlider > li.lslide .km-img-container { max-width: 70%; position: absolute; max-height: 100%; width: 100%; height: 100%; display: inline-block; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lightSlider > li.lslide .km-img-container img { max-width: 100%; max-height: max-content; height: auto; position: absolute; width: 90%; left: 50%; top: 50%; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lightSlider > li.lslide .km-img-container img:not(.zoomImg) { transform: translateY(-50%) translateX(-50%); } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lightSlider > li.lslide { height: 300px !important; } body.page-product .km-product-page-top .km-product-right .km-product-gallery .lSSlideOuter .lightSlider > li.lslide img { display: inline-block !important; } } /*=======================================km-product-gallery video======================================*/ /*=======================================km-product-gallery video======================================*/ body.page-product .km-product-page-top .km-product-right .km-product-special-discount { position: relative; font-size: 16px; line-height: 24px; border-bottom: 1px solid #fb3449; padding: 5px 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-special-discount { line-height: normal; padding: 0; } } body.page-product .km-product-page-top .km-product-right .km-product-special-discount .km-title { font-size: 17px; font-weight: 800; margin-bottom: 7px; } body.page-product .km-product-page-top .km-product-right .km-product-special-discount .km-title .km-highlight { color: #fb3449; } body.page-product .km-product-page-top .km-product-right .km-product-special-discount .km-title i { vertical-align: middle; font-size: 20px; margin-left: 5px; color: #4a5f73; } body.page-product .km-product-page-top .km-product-right .km-product-special-discount .km-timer { font-size: 20px; color: #fb3449; font-family: yekanbakh, serif; } body.page-product .km-product-page-top .km-product-right .km-product-special-discount .km-timer > .d { margin: 0 3px; } body.page-product .km-product-page-top .km-product-right .km-product-action-more { position: absolute; right: 0; top: 55px; z-index: 2; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-action-more { right: 0; top: 0; width: 100%; z-index: 4; } } body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu { border-radius: 50px; border: 1px solid #d1d1d1; background: #fff; width: 51px; height: 50px; text-align: center; line-height: 50px; margin-bottom: 7px; cursor: pointer; position: relative; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu { float: right; width: 38px; height: 38px; line-height: 38px; margin-bottom: 0; margin-left: 2px; } } body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu i { font-size: 20px; vertical-align: middle; line-height: 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu i { line-height: 38px; font-size: 15px; } } body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu span { position: absolute; right: 50%; margin-right: 11px; top: 5px; height: 80%; display: block; width: 110px; text-align: center; background: #6f6f6f; color: #fff; opacity: 0; visibility: hidden; font-size: 13px; transition: all 0.3s ease 0.1s; border-radius: 5px; line-height: 38px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu span { right: 0; margin-right: 0; margin-top: 10px; top: 50%; } } body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu span:before { content: ''; display: inline-block; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #6f6f6f; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu span:before { right: 15px; top: auto; left: auto; bottom: calc(100% - 5px); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #6f6f6f; } } body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu:hover { /*color: #16c9f6;*/ /*border-color: #3ccdbb;*/ } body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu.km-add-product-to-wishlist:hover { color: #f60f16 !important; } body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu:hover span { right: 100%; opacity: 1; visibility: visible; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu:hover span { right: 0; top: 100%; height: 85%; line-height: 30px; } } body.page-product .km-product-page-top .km-product-right .km-product-action-more .km-menu.km-add-product-to-wishlist.km-active { background: #e63f3f; color: #fff; border: 0; } body.page-product .km-product-page-top .km-product-left { padding-right: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left { padding-right: 0; } } body.page-product .km-product-page-top .km-product-left .km-product-left-right { padding-left: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-left-right { padding-left: 0; } } body.page-product .km-product-page-top .km-product-left .km-product-content-short-description { font-size: 14px; line-height: 17px; } body.page-product .km-product-page-top .km-product-left .km-product-content-short-description ul { margin-right: 20px; margin-bottom: 20px; } body.page-product .km-product-page-top .km-product-left .km-product-content-short-description ul li:before { background: #fb3449; } body.page-product .km-product-page-top .km-product-left .km-product-content-short-description p { line-height: 24px; font-size: 14px; } body.page-product .km-product-page-top .km-product-left .km-product-left-left { padding-right: 20px; border-right: 1px solid #f2f2f2; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-left-left { padding-right: 0; border-right: 0; } } body.page-product .km-product-page-top .km-product-left .km-product-title { border-bottom: 1px solid #f2f2f2; margin-bottom: 20px; padding-bottom: 20px; height: 68px; font-family: yekanbakhen; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-title { height: auto; padding-bottom: 10px; margin-bottom: 10px; } } body.page-product .km-product-page-top .km-product-left .km-product-title > .km-title { font-weight: 500; color: #000; font-size: 16px; display: block; font-family: IRANsans; } body.page-product .km-product-page-top .km-product-left .km-product-title > .km-title-en { font-size: 12px; color: #b5b5b5; display: block; } body.page-product .km-product-page-top .km-product-left .km-no-original-mark { border-radius: 5px; background-color: rgba(249, 168, 37, 0.11); color: #d5901f; margin: 0 12px; padding: 0 6px; font-size: 12px; line-height: 1.833; font-weight: 700; vertical-align: middle; } body.page-product .km-product-page-top .km-product-left .km-product-more-details { border-bottom: 1px solid #f2f2f2; margin-bottom: 20px; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-detail { float: right; /*width: 33.33%;*/ font-size: 13px; margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-detail { width: 50%; margin-bottom: 15px; } } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-detail .km-value { /*color: #16c9f6;*/ border-bottom: 1px dashed; margin: 0 3px; vertical-align: middle; font-family: IRANsans; cursor: pointer; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-detail .km-value img { width: 25px; height: 25px; border: 1px solid #ccc; border-radius: 2px; vertical-align: middle; display: inline-block; transition: all 0.3s ease 0.1s; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-detail .km-value:hover { color: #000; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-detail .km-value:hover img { transform: scale(1.5); } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-seller-detail { font-size: 13px; margin-bottom: 20px; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-seller-detail > .km-title { margin-left: 15px; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-seller-detail > .km-title i { vertical-align: middle; font-size: 20px; margin-left: 5px; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-seller-detail > .km-value { /*color: #16c9f6;*/ } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-seller-detail.km-seller-name > .km-title i { /*color: #3ccdbb;*/ } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-seller-detail.km-seller-rate > .km-title i { color: #fb3449; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-seller-detail.km-seller-time > .km-title { font-family: IRANsans; } body.page-product .km-product-page-top .km-product-left .km-product-more-details > .km-seller-detail.km-seller-time > .km-title i { /*color: #3ccdbb;*/ } body.page-product .km-product-page-top .km-product-left .km-product-more-details.km-not-original-description { color: #16c9f6; padding-bottom: 20px; } body.page-product .km-product-page-top .km-product-left .km-product-more-details.km-not-original-description i { vertical-align: middle; margin-left: 5px; font-size: 18px; } body.page-product .km-product-page-top .km-product-left .km-product-user-field { line-height: 40px; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-user-field { margin-bottom: 15px; } } body.page-product .km-product-page-top .km-product-left .km-product-user-field > .km-title { float: right; width: 17%; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-user-field > .km-title { width: 100%; line-height: 25px; font-weight: bold; font-size: 14px; } } body.page-product .km-product-page-top .km-product-left .km-product-user-field > .km-value { float: right; width: 81%; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-user-field > .km-value { width: 100%; } } @media only screen and (min-width: 960px) { body.page-product .km-product-page-top .km-product-left .km-product-user-field > .km-value .km-select-style { max-width: 325px; } } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-select-item > .km-value > .km-item { cursor: pointer; border: 1px solid #dedede; border-radius: 5px; color: #6f6f6f; padding: 5px 10px; font-size: 13px; line-height: 1.692; display: inline-block; margin-left: 7px; font-family: IRANsans; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-select-item > .km-value > .km-item { width: 32%; margin-left: 2%; float: right; text-align: center; margin-bottom: 5px; } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-select-item > .km-value > .km-item:nth-of-type(3n) { margin-left: 0; } } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-select-item > .km-value > .km-item > .km-color { width: 17px; height: 17px; display: inline-block; margin-left: 10px; border-radius: 50px; background: #ccc; border: 1px solid #ccc; vertical-align: middle; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-select-item > .km-value > .km-item > .km-color { float: right; } } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-select-item > .km-value > .km-item.km-active { border-color: #dedede; background: #f5f5f5; color: #424242; box-shadow: 0 0 6px 0 #9c9c9c; } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-img > .km-value > .km-item { cursor: pointer; border: 2px solid #dedede; border-radius: 5px; color: #6f6f6f; padding: 5px 10px; font-size: 13px; line-height: 1.692; display: inline-block; margin-left: 5px; font-family: IRANsans; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-img > .km-value > .km-item { margin-left: 5px !important; } } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-img > .km-value > .km-item .km-img { border-radius: 5px; } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-img > .km-value > .km-item .km-title { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; width: 120px; font-size: 11px; margin-top: 7px; opacity: 0; visibility: hidden; top: 150%; transition: all 0.3s ease 0.1s; } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-img > .km-value > .km-item.km-active .km-title { top: 100%; opacity: 1; visibility: visible; color: #4a5f73; } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-product-description { margin-top: 20px; /*border-top: 1px solid #f2f2f2;*/ } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-product-description { margin-top: 80px; } } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-product-description .km-row { float: right; width: 100%; margin-bottom: 15px; position: relative; } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-product-description .km-row .km-label { width: 100%; color: #636466; font-size: 15px; margin-bottom: 5px; display: block; } body.page-product .km-product-page-top .km-product-left .km-product-user-field.km-product-description .km-row textarea { border-radius: 3px; line-height: 50px; padding: 0 20px; border: 1px solid #dadada; display: block; position: relative; width: 100%; transition: all 0.3s ease 0.1s; height: 100px; max-width: 100%; min-width: 100%; } body.page-product .km-product-page-top .km-product-left .km-product-prices { display: block; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-prices { position: relative; line-height: 22px; padding-bottom: 20px; } } body.page-product .km-product-page-top .km-product-left .km-price { font-size: 30px; font-weight: 300; color: #000; margin-bottom: 20px; position: relative; margin-left: 50px; display: inline-block; font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-prices .km-price { /* margin-left: 0;*/ margin-bottom: 0; display: block; position: static; } } body.page-product .km-product-page-top .km-product-left .km-product-prices .km-price.km-discounted { color: #000; display: inline-block; font-size: 18px; padding: 0 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-prices .km-price.km-discounted { position: relative; } } body.page-product .km-product-page-top .km-product-left .km-product-prices .km-price.km-discounted:before { content: ''; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%) rotate(10deg); transform-origin: center; width: 120%; height: 1px; background: #ff0000; z-index: 1; } body.page-product .km-product-page-top .km-product-left .km-price .km-value { font-weight: 500; } body.page-product .km-product-page-top .km-product-left .km-price .km-value.km-base-product-price1 { color: #28af2b; } body.page-product .km-product-page-top .km-product-left .km-price .km-unit { margin-right: 10px; font-size: 16px; vertical-align: middle; } body.page-product .km-product-page-top .km-product-left .km-product-prices .km-price .km-discount { background: #fb3449; border-radius: 50px; padding: 7px 12px; font-size: 13px; margin-right: 50px; vertical-align: middle; color: #fff; font-weight: 300; font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-prices .km-price .km-discount { position: absolute; margin-right: 0; left: 0; top: 0; line-height: 40px; padding: 0 12px; font-size: 15px; } } body.page-product .km-product-page-top .km-product-left .km-product-prices .km-price .km-percent-theme { font-size: 12px; font-weight: 300; font-family: IRANsans; } body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart { padding-right: 210px; position: relative; } body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart > .km-head { position: absolute; right: 0; top: 0; width: 200px; height: 100%; padding-left: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart > .km-head { display: block; width: 100%; } } body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart > .km-head > .km-title { font-size: 12px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart > .km-btn.km-theme-2 { /*width: 64%; position: fixed; right: 5px; bottom: 5px; line-height: 40px; height: 40px; z-index: 151; border-radius: 7px; padding: 0 30px 0 0;*/ width: 54%; position: fixed; right: 6px; bottom: 51px; line-height: 40px; height: 43px; z-index: 151; border-radius: 5px; padding: 0 30px 0 0; } body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart > .km-btn.km-theme-2:before { display: none; } body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart > .km-btn.km-theme-2 i { right: 5px; top: 5px; transform: none; font-size: 20px; width: 30px; height: 30px; line-height: 30px; color: #fff; /* background: #fff; */ border-radius: 50px; text-align: center; } } body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart .km-add-product-to-cart { max-width: 350px; font-size: 18px; border: 2px solid rgba(96, 96, 96, 0.15); } body.page-product .km-product-page-top .km-product-left .km-product-rate { margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; padding: 15px 0px 32px 0px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-rate { position: absolute; left: 20px; border-bottom: 0; z-index: 2; top: 27px; } } body.page-product .km-product-page-top .km-product-left .km-product-rate > .km-title { font-weight: bold; font-size: 17px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-rate > .km-title { display: none; } } body.page-product .km-product-page-top .km-product-left .km-product-rate > .km-rates { font-size: 15px; padding-top: 5px; /*color: #3ccdbb;*/ } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-top .km-product-left .km-product-rate > .km-rates { font-size: 13px; } } body.page-product .km-product-page-top .km-product-left .km-product-selected-details { margin-bottom: 20px; } body.page-product .km-product-page-top .km-product-left .km-product-selected-details > .km-title { font-weight: bold; font-size: 17px; margin-bottom: 20px; position: relative; } body.page-product .km-product-page-top .km-product-left .km-product-selected-details > .km-title > .km-show-product-custom-field { position: absolute; left: 0; top: 2px; /*color: #ffcc00;*/ font-size: 13px; cursor: pointer; } body.page-product .km-product-page-top .km-product-left .km-product-selected-details > .km-title > .km-show-product-custom-field i { vertical-align: middle; margin-right: 5px; font-size: 18px; } body.page-product .km-product-page-top .km-product-left .km-product-selected-details ul li { font-size: 12px; margin-bottom: 10px; font-family: IRANsans,IRANSansFA; } body.page-product .km-product-page-top .km-product-left .km-product-selected-details ul li:before { content: ''; vertical-align: middle; width: 6px; height: 6px; border-radius: 50px; display: inline-block; margin-left: 10px; background: #ccc; transition: all 0.3s ease 0.1s; } body.page-product .km-product-page-top .km-product-left .km-product-short-description-mobile p { color: #858585; font-size: 12px; font-size: 0.857rem; line-height: 1.833; } body.page-product .km-product-page-content .km-product-content-tabs { border-bottom: 1px solid #dfdfdf; background-color: #f8f8f8; position: relative; height: 60px; line-height: 60px; z-index: 3 !important; } body.page-product .km-product-page-content .km-product-content-tabs ul li { float: right; border-left: 1px solid #dfdfdf; position: relative; padding: 0 30px; color: #6f6f6f; font-size: 17px; cursor: pointer; } body.page-product .km-product-page-content .km-product-content-tabs ul li i { font-size: 25px; margin-left: 10px; vertical-align: middle; color: #c3c3c3; } body.page-product .km-product-page-content .km-product-content-tabs ul li:before { content: ''; position: absolute; display: inline-block; width: 100%; height: 4px; background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); bottom: 80%; opacity: 0; visibility: visible; left: 0; transition: all 0.3s ease 0.1s; } body.page-product .km-product-page-content .km-product-content-tabs ul li:after { content: ''; position: absolute; display: inline-block; width: 100%; height: 1px; background: #fff; top: calc(100% - 1px); opacity: 0; visibility: visible; left: 0; } body.page-product .km-product-page-content .km-product-content-tabs ul li.km-active:before { bottom: 100%; opacity: 1; visibility: visible; } body.page-product .km-product-page-content .km-product-content-tabs ul li.km-active:after { opacity: 1; visibility: visible; } body.page-product .km-product-page-content .is-sticky .km-product-content-tabs ul li.km-active:before { bottom: 0; } body.page-product .km-product-page-content .is-sticky .km-product-content-tabs ul li.km-active:after { opacity: 0; visibility: hidden; } body.page-product .km-product-page-content .km-product-detail-content-title { margin-bottom: 30px; } body.page-product .km-product-page-content .km-product-detail-content-title > .km-title { font-weight: 500; color: #6f6f6f; font-size: 18px; } body.page-product .km-product-page-content .km-product-detail-content-title > .km-description { color: #a7a7a7; font-size: 14px; font-family: IRANsans; } body.page-product .km-product-page-content .km-product-content.km-padding { padding: 30px 50px; } body.page-product .km-product-page-content .km-product-content-short-description { /*background: #fcfcfc;*/ color: #404040; font-size: 15px; line-height: 2; /*padding: 25px 50px 27px 50px;*/ min-height: 256px; margin-bottom: 40px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-content .km-product-content-short-description { padding: 0; } } body.page-product .km-product-page-content .km-product-content-short-description:after { width: 165px; height: 165px; position: absolute; content: ""; top: 60px; right: 45px; background: url(../images/descriptio-icon-2.png) no-repeat 50% 50%; background-size: 100%; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-content .km-product-content-short-description:after { display: none; } } body.page-product .km-product-page-content .km-product-content-evaluation { margin-bottom: 40px; } body.page-product .km-product-page-content .km-product-content-evaluation span { font-size: 18px; line-height: 1.375; font-weight: 400; } body.page-product .km-product-page-content .km-product-content-evaluation .km-evaluation { float: right; width: 33.33%; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-content .km-product-content-evaluation .km-evaluation { width: 100%; } body.page-product .km-product-page-content .km-product-content-evaluation .km-evaluation:first-of-type { margin-bottom: 15px; } } body.page-product .km-product-page-content .km-product-content-evaluation .km-evaluation.km-positive span { color: #00bfd6; } body.page-product .km-product-page-content .km-product-content-evaluation .km-evaluation.km-positive ul li:before { background-color: #00bfd6; } body.page-product .km-product-page-content .km-product-content-evaluation .km-evaluation.km-negative span { color: #fb3449; } body.page-product .km-product-page-content .km-product-content-evaluation .km-evaluation.km-negative ul li:before { background-color: #fb3449; } body.page-product .km-product-page-content .km-product-content-evaluation ul li { margin: 6px 0; font-size: 15px; padding-right: 17px; color: #5f5f5f; position: relative; } body.page-product .km-product-page-content .km-product-content-evaluation ul li:before { width: 6px; height: 6px; background: #ccc; border-radius: 50%; content: ""; position: absolute; top: 8px; right: 0; } body.page-product .km-product-page-content .km-product-fields > .km-group { margin-bottom: 15px; } body.page-product .km-product-page-content .km-product-fields > .km-group > .km-title { color: #4d4d4d; margin-bottom: 20px; font-size: 18px; font-weight: bold; position: relative; font-family: IRANsans; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-content .km-product-fields > .km-group > .km-title { color: #ffcc00; font-size: 14px; margin-bottom: 10px; } } body.page-product .km-product-page-content .km-product-fields > .km-group > .km-title:before { font-family: 'Font Awesome 5 Pro'; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f104"; color: #ffcc00; margin-left: 7px; font-size: 20px; vertical-align: middle; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-content .km-product-fields > .km-group > .km-title:before { color: #ffcc00; font-size: 18px; } } body.page-product .km-product-page-content .km-product-fields > .km-group .km-fields .km-field-block-title { font-size: 17px; padding: 10px 20px; } body.page-product .km-product-page-content .km-product-fields > .km-group .km-fields .km-field-block-title:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; font-weight: 600; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 20px; margin-left: 5px; vertical-align: middle; } body.page-product .km-product-page-content .km-product-fields > .km-group > .km-fields .km-field > .km-title { width: 30%; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-content .km-product-fields > .km-group > .km-fields .km-field > .km-title { width: 35%; } } body.page-product .km-product-page-content .km-product-fields > .km-group > .km-fields .km-field > .km-value { width: 69%; float: left; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-content .km-product-fields > .km-group > .km-fields .km-field > .km-value { width: 63%; } } body.page-product .km-product-page-content .km-product-fields > .km-group > .km-fields .km-field > * { display: block; background: #f2f2f2; padding: 14px 18px 12px; font-size: 0.929rem; line-height: 1.692; color: #4d4d4d; letter-spacing: -0.3px; min-height: 47px; position: relative; float: right; margin-bottom: 5px; font-family: IRANsans,IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-page-content .km-product-fields > .km-group > .km-fields .km-field > * { line-height: normal; padding: 9px 12px; font-size: 13px; min-height: 39px; } } body.page-product .km-product-page-content .km-product-fields > .km-group > .km-fields .km-field > .km-value { background: #eee; } body.page-product .km-product-code-mobile { position: relative; text-align: center; font-size: 13px; line-height: 40px; margin-bottom: 15px; background: #efefef; color: #858585; font-family: IRANsans; border-radius: 5px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-product-element-title-mobile { position: relative; border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; margin-bottom: 15px; } body.page-product .km-product-element-title-mobile > .km-title { font-weight: bold; font-size: 17px; } body.page-product .km-product-element-title-mobile > .km-show-more-btn { position: absolute; left: 0; /*color: #16c9f6;*/ font-size: 13px; cursor: pointer; top: 2px; } body.page-product .km-product-element-title-mobile > .km-btn { position: absolute; left: 0; top: -7px; line-height: 34px; height: 35px; padding: 0 7px; font-size: 14px; border: 1px solid #3ccdbb; /*color: #6fdcf7;*/ background: transparent; } body.page-product .km-product-element-title-mobile > .km-btn i { position: relative; right: 0; top: 0; transform: none; font-size: 15px; vertical-align: middle; margin-left: 10px; } body.page-product .km-product-element-title-mobile > .km-btn:before { display: none; } } body.page-product .km-lightbox.km-lightbox-notif-available .km-lightbox-container { width: 500px; } body.page-product .km-lightbox.km-lightbox-notif-available .km-lightbox-container .km-lightbox-header { position: relative; } body.page-product .km-lightbox.km-lightbox-notif-available .km-lightbox-container .km-lightbox-header .km-icon { bottom: 11px; position: absolute; width: 60px; height: 60px; line-height: 70px; text-align: center; color: #3ccdbb; font-size: 40px; right: 8px; } body.page-product .km-lightbox.km-lightbox-notif-available .km-lightbox-container .km-lightbox-header .km-title { padding-right: 55px; font-size: 15px; line-height: 1.1; font-weight: 300; } body.page-product .km-lightbox.km-lightbox-notif-available .km-lightbox-container .km-lightbox-header .km-title .km-description { display: block; margin-top: 5px; font-size: 18px; font-weight: 400; color: #333; } body.page-product .km-lightbox.km-lightbox-notif-available .km-lightbox-container .km-lightbox-header .km-close { top: 12px; } body.page-product .km-lightbox.km-lightbox-notif-available .km-lightbox-container .km-lightbox-content .km-lightbox-notif-available li { margin-bottom: 7px; font-size: 14px; } body.page-product .km-lightbox.km-lightbox-notif-available .km-lightbox-container .km-lightbox-content .km-lightbox-notif-available li:last-of-type { margin-bottom: 0; } body.page-product .km-notif-if-available-btn { margin: 30px auto 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .km-notif-if-available-btn { /*width: 64%; position: fixed; right: 5px; bottom: 5px; line-height: 40px; height: 40px; z-index: 151; border-radius: 7px; padding: 0 45px 0 0;*/ width: 54%; position: fixed; right: 5px; bottom: 5px; line-height: 40px; height: 43px; z-index: 151; border-radius: 5px; padding: 0 30px 0 0; } } body.page-product .vp-product-content-short-description-title { font-weight: bold; color: #000; font-size: 18px; display: block; margin-bottom: 10px; } body.page-product .vp-full-description-image-right { float: right; width: 200px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-product .vp-full-description-image-right { width: 25%; } } /* * Created by Arapendar */ @media only screen and (min-width: 0px) and (max-width: 959px) { .km-comments { display: block !important; } } .km-product-comment-rates { position: relative; border-left: 1px solid #dfdfdf; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment-rates { border-left: 0; } } .km-product-comment-rates > .km-row { margin-bottom: 15px; line-height: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment-rates > .km-row { margin-bottom: 5px; float: right; width: 50%; } } .km-product-comment-rates > .km-row:last-of-type { margin-bottom: 0; } .km-product-comment-rates > .km-row > .km-title { float: right; width: 40%; color: #636466; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment-rates > .km-row > .km-title { width: 100%; line-height: 1; } } .km-product-comment-rates > .km-row > .km-value { float: left; width: 58%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment-rates > .km-row > .km-value { width: 100%; } } .km-product-comment-rates > .km-row > .km-value .km-rate-bar { position: relative; height: 30px; } .km-product-comment-rates > .km-row > .km-value .km-rate-bar:before, .km-product-comment-rates > .km-row > .km-value .km-rate-bar .km-c { content: ''; display: block; width: calc(100% - 70px); right: 0; top: 50%; transform: translateY(-50%); border-radius: 50px; height: 5px; background: #c3c3c3; position: absolute; } .km-product-comment-rates > .km-row > .km-value .km-rate-bar .km-c { background: #a28cc2; background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); } .km-product-comment-rates > .km-row > .km-value .km-rate-bar .km-title { position: absolute; left: 0; width: 70px; font-size: 12px; text-align: center; color: #aaaaaa; top: 50%; transform: translateY(-50%); } .km-product-comment-need-login { padding-right: 30px; font-size: 14px; color: #636466; display: flex; } .km-product-comment-need-login .km-title { font-size: 19px; line-height: 1.158; color: #5a5a5a; letter-spacing: -0.4px; margin-bottom: 20px; display: block; } .km-product-comment-need-login .km-description { font-size: 15px; line-height: 2.27; margin-bottom: 35px; color: #676767; } .km-product-comment-form-top { display: flex; margin-bottom: 20px; } .km-product-comment-form-top > .km-product-comment-rates, .km-product-comment-form-top > .km-product-comment-need-login { flex: 1; display: block; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment-from-f .km-rate-comment-form { margin-top: 20px; } } .km-product-comment-from-f .km-rate-comment-form > .km-row { margin-top: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment-from-f .km-rate-comment-form > .km-row { margin-bottom: 25px !important; } } .km-product-comment-from-f .km-rate-comment-form > .km-row > .km-title { float: right; width: 100%; color: #636466; font-size: 15px; font-weight: bold; margin-bottom: 15px; } .km-product-comment-from-f .km-rate-comment-form > .km-row > .km-value { float: left; width: 100%; } .km-product-comment-from-f .km-rate-comment-form > .km-row > .km-value .km-rate-bar { position: relative; } .km-product-comment-from-f .km-rate-comment-form > .km-row > .km-value .km-rate-bar .km-title { position: absolute; left: 0; width: 70px; font-size: 12px; text-align: center; color: #aaaaaa; top: 50%; transform: translateY(-50%); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment-from-f .km-btns { text-align: center !important; margin-top: 20px !important; } .km-product-comment-from-f .km-btns .km-btn { width: 100%; margin: 20px 0 0; } } .km-product-comment { position: relative; padding-right: 450px !important; margin-bottom: 20px; background: #f2f2f2; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment { padding: 10px !important; border-radius: 9px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); } } .km-product-comment .km-answer { padding: 20px !important; margin-right: 0; margin-top: 20px; background: #fff; border-right: 3px solid #12a058; } .km-product-comment > .km-tags { position: absolute; right: 0; top: 0; padding: 20px; width: 450px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment > .km-tags { display: none; } } .km-product-comment > .km-tags .km-ordered { display: block; width: 100%; margin-bottom: 50px; text-align: center; border: 1px solid #ffcc00; line-height: 40px; border-radius: 100px; color: #ffcc00; font-weight: bold; } .km-product-comment > .km-tags .km-ordered i { font-size: 17px; margin-left: 7px; vertical-align: middle; } .km-product-comment .km-comment-header { border-bottom: 1px solid #dedede; margin-bottom: 30px; padding-bottom: 25px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment .km-comment-header { padding-bottom: 10px; margin-bottom: 10px; } } .km-product-comment .km-comment-header .km-name { font-weight: 400; font-size: 15px; color: #545454; margin-bottom: 7px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment .km-comment-header .km-name { font-size: 12px; margin-bottom: 0; } } .km-product-comment .km-comment-header .km-name i { font-size: 20px; color: #3ccdbb; vertical-align: middle; padding-left: 7px; } .km-product-comment .km-comment-header .km-date { color: #4a5f73; } .km-product-comment .km-comment-header .km-state { position: absolute; left: 0; font-size: 14px; font-weight: 600; top: 0; line-height: 20px; text-align: center; padding: 10px 25px; border: 2px solid #ccc; border-radius: 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment .km-comment-header .km-state { font-size: 9px; font-weight: normal; line-height: 20px; padding: 2px 10px; border-width: 2px; } } .km-product-comment .km-comment-header .km-state.km-confirmed { border-color: #28af2b; color: #28af2b; } .km-product-comment .km-comment-header .km-state.km-deleted { border-color: #fb3449; color: #fb3449; } .km-product-comment .km-details { margin-bottom: 30px; font-size: 18px; line-height: 1.375; font-weight: 400; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment .km-details { font-size: 13px; margin-bottom: 0; } .km-product-comment .km-details .km-d { margin-bottom: 20px; } } .km-product-comment .km-details .km-red { color: #fb3449 !important; } .km-product-comment .km-details .km-primary { color: #00bfd6 !important; } .km-product-comment .km-details ul li { font-size: 15px; padding-right: 17px; color: #5f5f5f; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment .km-details ul li { font-size: 12px; padding-right: 0; } } .km-product-comment .km-details .km-red-dot li:before { background: #fb3449; } .km-product-comment .km-details .km-green-dot li:before { background: #00bfd6; } .km-product-comment .km-details.km-primary { color: #00bfd6; } .km-product-comment .km-details .km-title { color: #000; font-weight: bold; margin-bottom: 5px; } .km-product-comment .km-details ul li:before { content: ''; width: 6px; height: 6px; margin-left: 7px; border-radius: 10px; vertical-align: middle; display: inline-block; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment .km-comment-text { font-size: 13px; line-height: 22px; text-align: justify; } } .km-product-comment .km-comment-footer { margin-top: 30px; text-align: left; } .km-product-comment .km-comment-footer .km-btn { margin: 0 10px 0 0; } .km-product-comment .km-comment-footer .km-rate { line-height: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment .km-comment-footer .km-rate { text-align: right; } } .km-product-comment .km-comment-footer .km-rate .km-btn { margin-right: 15px; display: inline-block; padding: 0 17px; cursor: pointer; color: #fff; border-radius: 15px; font-family: IRANSansFA,IRANsans; } .km-product-comment .km-comment-footer .km-rate .km-btn.km-like { background: #28af2b; } .km-product-comment .km-comment-footer .km-rate .km-btn.km-dislike { background: #fb3449; } .km-product-comment-list { margin-top: 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product-comment-list { margin-top: 20px; } } /* * Created by Arapendar */ /* * Created by Arapendar */ .km-cart-progress { position: relative; margin-bottom: 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-progress { margin-bottom: 30px; } } .km-cart-progress:before { content: ''; display: block; width: 100%; z-index: 0; background: #a7a9ac; border-radius: 50px; height: 10px; position: absolute; top: 100%; right: 0; transform: translateY(-50%); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-progress:before { height: 5px; } } .km-cart-progress .km-progress { content: ''; display: block; width: 0; background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); border-radius: 50px; height: 10px; position: absolute; top: 100%; right: 0; transform: translateY(-50%); transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-progress .km-progress { height: 5px; } } .km-cart-progress .km-step { float: right; width: 25%; text-align: center; font-size: 15px; position: relative; padding-bottom: 20px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-progress .km-step { font-size: 11px; padding-bottom: 10px; } } .km-cart-progress .km-step:after { content: ''; display: inline-block; border-radius: 50px; width: 17px; height: 17px; background: #a7a9ac; position: absolute; top: 100%; left: 50%; transform: translateY(-50%) translateX(-50%); transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-progress .km-step:after { width: 12px; height: 12px; } } .km-cart-progress .km-step.km-active { color: #16c9f6; } .km-cart-progress .km-step.km-active:after { background: #0085a7; } .km-cart-progress.km-steps-5 .km-step { width: 20%; } .km-cart-progress.km-theme-2 { max-width: 800px; margin: 0 auto; } .km-cart-progress.km-theme-2:before { height: 3px; background: #DDD; } .km-cart-progress.km-theme-2 .km-progress { background: #32a2dc; height: 3px; } .km-cart-progress.km-theme-2 .km-step { color: #DDD; } .km-cart-progress.km-theme-2 .km-step:after { background: #DDD; width: 25px; height: 25px; border-radius: 50px; border: 10px solid #f5f5f5; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-progress.km-theme-2 .km-step:after { width: 16px; height: 16px; border-width: 5px; } } .km-cart-progress.km-theme-2 .km-step.km-active { color: #32a2dc; } .km-cart-progress.km-theme-2 .km-step.km-active:after { background: #32a2dc; } .km-cart-content .km-cart-content-alert { font-size: 18px; text-align: center; font-family: IRANSansFA,IRANsans; } .km-cart-content .km-cart-content-left { padding-right: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-left { padding-right: 0; } } .km-cart-content .km-cart-content-left .km-cart-box-price { background-color: #fff; -webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); border: 1px solid #e7e7e7; position: relative; margin-bottom: 30px; padding: 25px; font-family: IRANSansFA,IRANsans; } .km-cart-content .km-cart-content-left .km-cart-box-price .km-price-list { margin-bottom: 20px; font-size: 15px; color: #000; position: relative; font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-left .km-cart-box-price .km-price-list { margin-bottom: 15px; } } .km-cart-content .km-cart-content-left .km-cart-box-price .km-price-list.km-blue { color: #009ec9; } .km-cart-content .km-cart-content-left .km-cart-box-price .km-price-list.km-red { color: #fb3449; } .km-cart-content .km-cart-content-left .km-cart-box-price .km-price-list .km-left-over { position: absolute; right: 0; top: 19px; font-size: 12px; color: #606060; } .km-cart-content .km-cart-content-left .km-cart-box-price .km-price-list .km-delete { position: absolute; right: 100%; top: 2px; height: 20px; width: 20px; line-height: 25px; background: #fc3472; text-align: center; color: #fff; font-size: 17px; vertical-align: middle; display: inline-block; margin-right: 5px; cursor: pointer; border-radius: 0 50px 50px 0; } .km-cart-content .km-cart-content-left .km-cart-box-price .km-price-list .km-delete:hover { background: #606060; } .km-cart-content .km-cart-content-left .km-cart-box-price > .km-title { text-align: center; font-size: 18px; font-weight: 700; color: #585858; border-top: 1px solid #16c9f6; margin-top: 30px; padding-top: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-left .km-cart-box-price > .km-title { margin-top: 0; padding-top: 20px; } } .km-cart-content .km-cart-content-left .km-cart-box-price > .km-full-price { text-align: center; font-size: 28px; font-weight: bold; /*color: #3ccdbb;*/ padding: 0 0 30px 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-left .km-cart-box-price > .km-full-price { padding: 0; } } .km-cart-content .km-cart-content-left .km-cart-box-price > .km-description { margin-top: 30px; color: #a0a0a0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-left .km-cart-box-price > .km-description { margin-top: 10px; } } .km-cart-content .km-cart-content-left .km-cart-box-price > .km-btn { width: 100%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-left .km-cart-box-price > .km-btn.km-theme-2 { width: 50% !important; position: fixed; left: 19% !important; right: auto !important; bottom: 51px; line-height: 40px; height: 44px; z-index: 151; border-radius: 7px; font-size: 18px; border: 2px solid rgba(96, 96, 96, 0.15); } .km-cart-content .km-cart-content-left .km-cart-box-price > .km-btn.km-theme-2.km-next-step1 { right: 5px !important; width: 50% !important; left: auto !important; } .km-cart-content .km-cart-content-left .km-cart-box-price > .km-btn.km-theme-2.km-mt-full { left: auto; right: 5px; width: 80%; } .km-cart-content .km-cart-content-left .km-cart-box-price > .km-btn.km-theme-2:before { display: none; } .km-cart-content .km-cart-content-left .km-cart-box-price > .km-btn.km-theme-2 i { right: 5px; top: 5px; transform: none; font-size: 25px; width: 30px; height: 30px; line-height: 30px; /*background: #fff;*/ border-radius: 50px; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-right { position: relative; } } .km-cart-content .km-cart-detail-select .km-detail { padding: 4px 0; font-size: 15px; } .km-cart-content .km-cart-content-footer { /*margin-top: 35px;*/ font-size: 14px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-footer { margin: 0; } } .km-cart-content .km-cart-content-footer .km-cart-action-back span.justDesktop { display: inline-block !important; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-content .km-cart-content-footer .km-cart-action-back { width: 29%; position: fixed; left: 0; text-align: center; bottom: 50px; line-height: 40px; height: 44px; z-index: 151; background: #e9ebec; border-radius: 7px; font-size: 14px; border: 2px solid rgba(96, 96, 96, 0.48); } .km-cart-content .km-cart-content-footer .km-cart-action-back i { vertical-align: middle; font-size: 18px; margin-left: 3px; } .km-cart-content .km-cart-content-footer .km-cart-action-back span.justDesktop { display: none !important; } .km-cart-content .km-cart-content-footer .km-cart-action-back span.justMobileTablet { display: inline-block !important; } } .km-address-style { box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 15px; border-radius: 15px; padding: 25px 40px 25px 25px; cursor: pointer; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style { padding: 15px 40px 15px 15px; margin-bottom: 5px; } } .km-address-style.not-selectable { cursor: default; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style.not-selectable { padding: 15px; } } .km-address-style.not-selectable .km-active-btn { display: none; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style.km-active, .km-address-style:hover { padding-bottom: 40px; } .km-address-style.km-active.not-selectable, .km-address-style:hover.not-selectable { padding-bottom: 15px; } } .km-address-style.km-active:before, .km-address-style:hover:before { transform: scale(1); } .km-address-style.km-active:after, .km-address-style:hover:after { transform: translateX(-50%) translateY(-50%) scale(1); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style.km-active:after, .km-address-style:hover:after { transform: translateY(-50%) scale(1); } } .km-address-style.km-active .km-active-btn, .km-address-style:hover .km-active-btn { opacity: 1; transform: scale(1); } .km-address-style:before { content: ''; display: block; width: 8px; height: 70%; right: 0; top: 15%; background: #3ccdbb; border-radius: 15px 0 0 15px; position: absolute; transform: scale(0); transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style:before { display: none; } } .km-address-style:after { content: "\f00c"; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%) scale(0); left: 99.6%; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #f5f5f5; border-radius: 70px; border: 1px solid #16c9f6; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: inherit; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Pro"; font-weight: bold; font-size: 20px; color: #16c9f6; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style:after { width: 25px; height: 25px; line-height: 25px; transform: translateY(-50%) scale(0); right: 5px; left: auto; font-size: 15px; } } .km-address-style.not-selectable:after, .km-address-style.not-selectable:before { display: none; } .km-address-style .km-active-btn { position: absolute; left: 20px; top: 20px; transform: scale(0); opacity: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style .km-active-btn { bottom: 0; top: auto; left: 0; width: 100%; line-height: 1; border-radius: 0 0 10px 10px; } } .km-address-style .km-title { font-weight: bold; font-size: 18px; margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style .km-title { margin-bottom: 10px; font-size: 15px; } } .km-address-style .km-edit-address, .km-address-style .km-delete-address { font-size: 13px; color: #ff9900; margin: 0 10px; cursor: pointer; } .km-address-style .km-edit-address:hover, .km-address-style .km-delete-address:hover { color: #000; } .km-address-style .km-delete-address { color: #fb3449; } .km-address-style .km-details .km-detail { margin-bottom: 20px; font-size: 14px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-style .km-details .km-detail { margin-bottom: 0; } } .km-address-style .km-details .km-detail:not(.width-100) { margin-left: 20px; } .km-address-style .km-details .km-detail:last-of-type { margin-bottom: 0; } .km-address-style-add { border: 4px dashed #b8b8b8; background: #fff; letter-spacing: -0.3px; color: #a0a0a0; min-height: 72px; font-size: 23px; margin-bottom: 50px; line-height: 2; cursor: pointer; width: 100%; 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; } .km-address-style-add i { margin-left: 5px; vertical-align: middle; font-size: 25px; } .km-delivery-type-style { box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 15px; border-radius: 15px; padding: 25px 125px 25px 25px; cursor: pointer; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-delivery-type-style { padding: 15px 105px 15px 15px; margin-bottom: 5px; } } .km-delivery-type-style .km-img { position: absolute; right: 30px; width: 70px; height: 70px; border-radius: 100px; border: 3px solid #ccc; padding: 12px; top: 50%; transform: translateY(-50%); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-delivery-type-style .km-img { right: 17px; } } .km-delivery-type-style .km-title { font-weight: bold; font-size: 18px; margin-bottom: 5px; } .km-delivery-type-style .km-price { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-weight: bold; font-size: 15px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-delivery-type-style .km-price { position: relative; left: 0; top: 0; transform: none; margin-top: 10px; text-align: left; line-height: 25px; } } .km-delivery-type-style .km-price .km-title-mini { font-size: 11px; display: block; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-delivery-type-style .km-price .km-title-mini { float: right; } } .km-delivery-type-style:before { content: ''; display: block; width: 8px; height: 70%; right: 0; top: 15%; background: #3ccdbb; border-radius: 15px 0 0 15px; position: absolute; transform: scale(0); transition: all 0.3s ease 0.1s; } .km-delivery-type-style:after { content: "\f00c"; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%) scale(0); left: 99.6%; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #f5f5f5; border-radius: 70px; border: 1px solid #16c9f6; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: inherit; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Pro"; font-weight: bold; font-size: 20px; color: #16c9f6; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-delivery-type-style:after { right: 16px; left: auto; width: 70px; height: 70px; line-height: 70px; font-size: 35px; background: rgba(255, 255, 255, 0.7); } } .km-delivery-type-style.km-active:before, .km-delivery-type-style:hover:before { transform: scale(1); } .km-delivery-type-style.km-active:after, .km-delivery-type-style:hover:after { transform: translateX(-50%) translateY(-50%) scale(1); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-delivery-type-style.km-active:after, .km-delivery-type-style:hover:after { transform: translateY(-50%) scale(1); } } .km-delivery-time { padding: 0; overflow: hidden; } .km-delivery-time .km-delivery-time-tab { position: relative; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; } .km-delivery-time .km-delivery-time-tab .km-item { font-size: 13px; line-height: 1.692; letter-spacing: -0.3px; color: grey; text-align: center; cursor: pointer; background: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 130px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 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; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 10px 20px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-delivery-time .km-delivery-time-tab .km-item { min-width: 95px; } } .km-delivery-time .km-delivery-time-tab .km-item.km-active { border-bottom-color: #fff; border-top: 4px solid #32a2dc; } .km-delivery-time .km-delivery-time-tab .km-item.km-active .km-day-name { font-weight: bold; color: #000; } .km-delivery-time .km-delivery-time-tab .km-item:last-of-type { border-left: 0; } .km-delivery-time .km-delivery-time-contents { padding: 20px; } .km-delivery-time .km-delivery-time-contents .km-cart-detail-select > .km-detail { float: right; width: 50%; padding: 10px 0; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-delivery-time .km-delivery-time-contents .km-cart-detail-select > .km-detail { width: 100%; } } .km-delivery-time .km-delivery-time-contents .km-cart-detail-select > .km-detail .km-full-day { font-size: 11px; color: #dd7e19; background: #fff9f2; border: 1px solid #f0d6ba; border-radius: 5px; padding: 8px 30px; position: absolute; left: 0; top: 0; } .km-payment-style { box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 15px; border-radius: 15px; padding: 30px 140px 30px 30px; cursor: pointer; overflow: hidden; text-align: center; min-height: 155px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-payment-style { padding: 10px 100px 10px 10px; min-height: auto; } } .km-payment-style .km-img { position: absolute; right: 0; top: 0; width: 120px; height: 100%; background: #e0e0e0; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-payment-style .km-img { width: 90px; } } .km-payment-style .km-img img { max-width: 60%; max-height: 60%; width: auto; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } .km-payment-style .km-title { font-weight: bold; font-size: 15px; margin-bottom: 5px; } .km-payment-style .km-description { text-align: justify; } .km-payment-style.km-active { background: rgba(134,229,253,0.5); } .km-payment-style.km-active .km-img { /*background: #ffcc00;*/ } .km-payment-list .km-payment-style { float: right; width: calc((100% - (2 * 20px)) / 3); margin-left: 20px; margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-payment-list .km-payment-style { margin-left: 0; width: 100%; margin-bottom: 5px; } } .km-payment-list .km-payment-style:nth-of-type(3n) { margin-left: 0; } .km-payment-online-style { box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 15px; border-radius: 15px; cursor: pointer; overflow: hidden; text-align: center; transition: all 0.3s ease 0.1s; } .km-payment-online-style .km-img { padding: 10px; width: 190px; height: 190px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-payment-online-style .km-img { padding: 10px; width: 120px; min-width: 95px; height: 115px; } } .km-payment-online-style .km-title { padding: 5px 0; background: #606060; color: #fff; height: 100%; } .km-payment-online-style.km-active { background: rgba(170, 187, 172, 0.5); } .km-payment-online-style.km-active .km-title { /*background: #ffcc00;*/ color: #fff; } .km-payment-online-type-list { position: relative; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; } .km-payment-online-type-list .km-payment-online-style { margin-left: 10px; min-width: 130px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-payment-online-type-list .km-payment-online-style { width: 120px; min-width: 95px; } } .km-payment-online-card-to-card-description > .km-description { font-size: 15px; padding-right: 20px; line-height: 33px; text-align: justify; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-payment-online-card-to-card-description > .km-description { padding-right: 0; } } .km-payment-online-card-to-card-description > .km-description span { background: #fce82e; font-size: 21px; padding: 0 10px; border-radius: 5px; color: #000; margin: 0 5px; display: inline-block; } .km-cart-order-review .km-reviews-details { border-bottom: 1px solid #d8d8d8; margin-bottom: 30px; } .km-cart-order-review #kmAddressListContainer { margin: 35px 0; } .km-cart-order-review .km-reviews-details .km-detail { float: right; width: 20%; padding: 15px 0; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-order-review .km-reviews-details .km-detail { border-bottom: 1px solid #ccc; width: 100%; padding: 5px 0; margin: 1px; text-align: center; } .km-cart-order-review .km-reviews-details .km-detail:last-of-type { border-bottom: 0; } } .km-cart-order-review .km-reviews-details .km-detail .km-title { font-size: 11px; color: #a7a9ac; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-order-review .km-reviews-details .km-detail .km-title { float: right; } } .km-cart-order-review .km-reviews-details .km-detail .km-val { font-size: 13px; font-weight: 500; color: #666666; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-order-review .km-reviews-details .km-detail .km-val { float: left; } } .km-cart-box-gift-code { position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-box-gift-code { box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); border: 1px solid #e7e7e7; background: #fff; position: relative; margin-bottom: 15px; border-radius: 15px; padding: 20px; } .km-cart-box-gift-code .km-title-style-theme .km-title { background: #fff; } } .km-cart-box-gift-code .km-cart-discount-mobile-btn { color: #000; font-weight: bold; font-size: 16px; cursor: pointer; } .km-cart-box-gift-code .km-cart-discount-mobile-btn i { float: left; font-size: 25px; transition: all 0.3s ease 0.1s; } .km-cart-box-gift-code .km-cart-discount-mobile-btn.km-active i { transform: rotate(180deg); } .km-cart-box-gift-code > .km-discount-box { float: right; width: calc((100% - 20px) / 2); margin-left: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-box-gift-code > .km-discount-box { width: 100%; padding: 0; border: 0; box-shadow: none; margin: 0; display: none; } } .km-cart-box-gift-code > .km-discount-box:nth-of-type(3) { margin-left: 0; } .km-cart-box-gift-code .km-discount-box { padding-left: 20px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-box-gift-code .km-discount-box { padding-left: 0; } } .km-cart-box-gift-code .km-discount-box > .km-title { font-weight: 700; font-size: 15px; line-height: 2; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-box-gift-code .km-discount-box > .km-title { display: none; } } .km-cart-box-gift-code .km-discount-box > .km-description { margin-bottom: 15px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-box-gift-code .km-discount-box > .km-description { display: none; } } .km-cart-box-gift-code .km-discount-box .km-form-style .km-row { position: relative; padding-left: 170px; margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-box-gift-code .km-discount-box .km-form-style .km-row { padding-left: 105px; margin-top: 15px !important; margin-bottom: 0 !important; } } .km-cart-box-gift-code .km-discount-box .km-form-style .km-row button { position: absolute; line-height: 30px; left: 0; top: 0; width: 150px; padding-right: 0; padding-left: 0; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-box-gift-code .km-discount-box .km-form-style .km-row button { width: 95px; } } .km-pay-state-style { text-align: center; } .km-pay-state-style i { width: 150px; height: 150px; line-height: 150px; display: inline-block; text-align: center; border-radius: 150px; font-size: 70px; border: 2px solid #9f9f9f; margin-bottom: 30px; } .km-pay-state-style .km-title { font-size: 30px; font-weight: bold; } .km-pay-state-style .km-title .km-btn { display: inline-block; margin: 0 10px; padding: 5px 10px; vertical-align: middle; font-family: IRANSansFA,IRANsans; } .km-pay-state-style .km-description { font-size: 20px; margin-bottom: 20px; } .km-pay-state-style.km-success .km-title { color: #28af2b; } .km-pay-state-style.km-success i { border-color: #28af2b; color: #28af2b; } .km-pay-state-style.km-error .km-title { color: #fb3449; } .km-pay-state-style.km-error i { border-color: #fb3449; color: #fb3449; } .km-title-shipping-style { margin-bottom: 40px; } .km-title-shipping-style .km-inner-title { display: inline-block; color: #000; font-weight: bold; font-size: 16px; border-radius: 50px; z-index: 2; position: relative; } .km-title-shipping-style > .left { font-size: 12px; line-height: 26px; position: relative; padding-right: 12px; margin-right: 4px; } .km-title-shipping-style > .left .km-time-value { position: relative; margin-right: 10px; padding-right: 15px; } .km-title-shipping-style > .left .km-time-value:before { content: ""; position: absolute; top: 6px; right: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #e0e0e2; } .km-orderSummery-slider.km-theme-1 .km-slider .owl-nav { margin: 0; } .km-orderSummery-slider.km-theme-1 .km-slider .owl-nav [class*=owl-] { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.8); font-size: 35px; margin: 0; width: 37px; height: 80px; text-align: center; color: #4a5f73; box-shadow: 0 0 9px -2px rgba(0, 0, 0, 0.2); line-height: 90px; padding: 0; transition: all 0.3s ease 0.1s; } .km-orderSummery-slider.km-theme-1 .km-slider .owl-nav [class*=owl-].owl-prev { border-radius: 10px 0 0 10px; right: 0; } .km-orderSummery-slider.km-theme-1 .km-slider .owl-nav [class*=owl-].owl-next { border-radius: 0 10px 10px 0; left: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-orderSummery-slider .km-slider .km-product.km-theme-2 { min-height: auto !important; } } .km-orderSummery-slider .km-slider .km-product.km-theme-2 .km-img { margin-bottom: 0; } @media only screen and (min-width: 960px) { .km-orderSummery-slider .km-slider .km-product.km-theme-2 .km-img { height: 125px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-orderSummery-slider .km-slider .km-product.km-theme-2 .km-img { height: 100px; } } #km-cart-discount-box .km-cart-discount-row .km-delete-dsicount { float: left; cursor: pointer; border: 0; background: transparent; } #km-cart-discount-box .km-cart-discount-row .km-delete-dsicount:hover { color: #000; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-cart footer#km-footer-main .km-footer-newsletter, body.page-cart footer#km-footer-main > .size { display: none; } } body.page-cart.page-pay-waiting .km-pay-waiting { text-align: center; padding: 50px 0 75px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-cart.page-pay-waiting .km-pay-waiting { padding: 20px 0 40px; } } body.page-cart.page-pay-waiting .km-pay-waiting .km-pay-waiting-title { font-size: 36px; display: block; font-weight: 900; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-cart.page-pay-waiting .km-pay-waiting .km-pay-waiting-title { font-size: 20px; } } body.page-cart.page-pay-waiting .km-pay-waiting .km-pay-waiting-description { margin: 30px 0 55px; font-size: 16px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-cart.page-pay-waiting .km-pay-waiting .km-pay-waiting-description { margin: 15px 0 30px; font-size: 13px; } body.page-cart.page-pay-waiting .km-pay-waiting .km-pay-waiting-description .km-btn { margin: 5px; display: inline-block; } } body.page-cart.page-pay-waiting .km-pay-waiting .km-pay-waiting-title { margin-top: 100px; } /* * Created by Arapendar */ .km-login-register-box { width: 1024px; max-width: 100%; background: #fff; padding: 0; margin: 0 auto; position: relative; overflow: hidden; min-height: 600px; display: flex; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-login-register-box { min-height: auto; } } .km-login-register-box #txtLoginEmail { -webkit-appearance: none; } .km-login-register-box #txtLoginEmail::-webkit-inner-spin-button, .km-login-register-box #txtLoginEmail::-webkit-outer-spin-button { -webkit-appearance: none; } .km-login-register-box > .km-login-register-right { padding: 35px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-login-register-box > .km-login-register-right { padding: 20px 20px 100px; } } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-header { margin-bottom: 35px; text-align: center; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-header > .km-title { font-size: 25px; line-height: 70px; color: #000; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-header > .km-description { text-align: center; font-size: 14px; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-form-style .km-row.km-btns { margin-top: 10px; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-form-style .km-row-change-mobile-number { border: 1px solid #a5a5a5; display: inline-block; width: auto; padding: 5px 10px; border-radius: 4px; color: #a5a5a5; margin-bottom: 10px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-form-style .km-row-change-mobile-number { border: 0; padding: 0 0 10px; } } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-form-style .km-row-change-mobile-number i { vertical-align: middle; margin-left: 5px; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-form-style .km-row-change-mobile-number:hover { color: #fff5cc; border-color: #fff5cc; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-form-style .km-resend-login-code { position: absolute; left: 0; bottom: 15px; line-height: 20px; padding: 0 15px; border-right: 1px solid #cccc; color: #000; cursor: pointer; transition: all 0.3s ease 0.1s; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-form-style .km-resend-login-code.km-disabled { opacity: 0.4; cursor: not-allowed; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-form-style .km-btn { display: block; width: 100%; } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-need-or { position: absolute; bottom: -100px; right: 0; padding: 20px; text-align: center; width: 100%; font-size: 14px; opacity: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-need-or { margin-top: 30px; } } .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-need-or .km-or { margin: 0 7px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-login-register-box > .km-login-register-right > .km-login-page-item > .km-content .km-need-or .km-or { display: block; line-height: 20px; } } .km-login-register-box > .km-login-register-right > .km-login-page-item.km-active .km-need-or { opacity: 1; bottom: 0; } .km-login-register-box > .km-login-register-left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-login-register-box > .km-login-register-left { display: none; } } .km-login-register-box > .km-login-register-left .km-bg { position: absolute; left: 0; top: 0; height: calc(100% - 80px); width: 93%; overflow: hidden; border-radius: 0 0 20px 0; z-index: 2; } .km-login-register-box > .km-login-register-left .km-bg img { min-width: 100%; min-height: 100%; width: auto; height: auto; } .km-login-register-box > .km-login-register-left .km-login-left-footer { position: absolute; left: 0; bottom: 0; height: 110px; width: 100%; /* background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ color: #fff; padding: 50px 40px 0; font-size: 18px; border-top-right-radius: 20px; } .km-login-register-box > .km-login-register-left .km-login-left-footer .km-social-theme { display: inline-block; padding-right: 20px; } .km-login-register-box > .km-login-register-left .km-login-left-footer .km-social-theme li { background: #f5f5f5; box-shadow: 5px 7px 0 0 #80e6ff; border-radius: 5px; margin-left: 10px; /*color: #16c9f6;*/ width: 40px; height: 40px; line-height: 48px; } /* * Created by Arapendar */ .km-profile-container > .km-profile-sidebar-container { position: relative; float: right; width: 20%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-sidebar-container { width: 100%; } } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar { position: sticky; top: 10px; right: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar { position: relative; } } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); /*background: #fff;*/ border-radius: 5px; margin-bottom: 20px; /* background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ text-align: center; color: #fff; padding: 30px 0 0; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head { margin-bottom: 15px; padding: 15px 120px 0 0; min-height: 80px; } } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 90px; background: rgba(255, 255, 255, 0.15); z-index: 1; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > * { z-index: 2; position: relative; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head .km-avatar { width: 120px; height: 120px; border-radius: 200px; background: #fff; padding: 5px; overflow: hidden; margin: 0 auto 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head .km-avatar { width: 70px; height: 70px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head .km-avatar img { width: 100%; height: 100%; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-title { font-size: 20px; font-weight: 300; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-menu { margin-top: 25px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-menu { margin-top: 0; } } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-menu a { float: right; width: 50%; display: block; padding: 10px 0; color: #4a5f73; background: #fff; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-menu a { background: transparent; width: auto; float: none; padding: 0 10px; display: inline-block; } } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-menu a:nth-of-type(2n) { border-right: 1px solid #e2e2e2; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-menu a:hover, .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-menu a.km-active { color: #16c9f6; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-head > .km-menu a i { vertical-align: middle; font-size: 18px; margin-left: 3px; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; margin-bottom: 20px; padding: 30px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu { display: none; } } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li { color: #a3a3a3; margin-bottom: 20px; padding-right: 40px; position: relative; transition: all 0.3s ease 0.1s; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li:last-of-type { margin-bottom: 0; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li a { display: block; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li .km-title { font-size: 15px; transition: all 0.3s ease 0.1s; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li i { position: absolute; right: 0; top: 0; vertical-align: middle; font-size: 19px; width: 40px; transition: all 0.3s ease 0.1s; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul { margin: 10px -38px 10px 0; padding: 10px 15px; border-radius: 10px 0 0 10px; border-right: 3px solid #f3f3f3; transition: all 0.3s ease 0.1s; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul > li { font-size: 13px; margin-bottom: 5px; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul > li:last-of-type { margin-bottom: 0; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul > li > a { transition: all 0.3s ease 0.1s; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul > li > a:before { content: ''; vertical-align: middle; width: 6px; height: 6px; border-radius: 50px; display: inline-block; margin-left: 10px; background: #ccc; transition: all 0.3s ease 0.1s; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul > li > a:hover { color: #16c9f6; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul > li > a:hover:before { background: #000; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul > li.km-active { color: #16c9f6; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li > ul > li.km-active a:before { background: #000; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li:hover .km-title, .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li.km-active .km-title { color: #000; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li:hover i, .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li.km-active i { color: #32a2dc; } .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li:hover > ul, .km-profile-container > .km-profile-sidebar-container .km-profile-side-bar > .km-menu > ul > li.km-active > ul { border-color: #32a2dc; } .km-profile-container > .km-profile-content { float: left; width: calc(80% - 20px); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-content { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-content .km-profile-detail-edit .km-form-style .km-btns .km-theme-2 { display: block; width: 100%; min-width: auto; margin-top: 15px; } } .km-profile-container > .km-profile-content .km-profile-detail-edit-avatar .km-avatar { width: 150px; height: 150px; border-radius: 200px; background: #32a2dc; padding: 5px; margin: 0 auto 10px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-content .km-profile-detail-edit-avatar .km-avatar { margin-top: 30px; } } .km-profile-container > .km-profile-content .km-profile-detail-edit-avatar .km-avatar img { width: 100%; height: 100%; } .km-profile-container > .km-profile-content .km-profile-detail-edit-avatar .km-avatar .km-delete-avatar { position: absolute; left: 8px; top: 5px; width: 37px; height: 37px; background: #fb3449; color: #fff; text-align: center; line-height: 42px; font-size: 20px; border-radius: 50px; cursor: pointer; transition: all 0.3s ease 0.1s; } .km-profile-container > .km-profile-content .km-profile-detail-edit-avatar .km-avatar .km-delete-avatar:hover { background: #0D0A0A; } .km-profile-container > .km-profile-content .km-profile-address-list .km-address-list .km-address-style { float: right; width: calc((100% - 20px) / 2); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-content .km-profile-address-list .km-address-list .km-address-style { width: 100%; } } .km-profile-container > .km-profile-content .km-profile-address-list .km-address-list .km-address-style:nth-of-type(odd) { margin-left: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-content .km-profile-address-list .km-address-list .km-address-style:nth-of-type(odd) { margin-left: 0; } } .km-profile-container > .km-profile-content .km-profile-comments-list .km-product-comment-list .km-product-comment > .km-content { min-height: 145px; } .km-profile-container > .km-profile-content .km-profile-favorites-list .km-product-list .km-product { float: right; width: calc((100% - 20px) / 2); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-container > .km-profile-content .km-profile-favorites-list .km-product-list .km-product { width: 100%; margin-bottom: 15px; } } .km-profile-container > .km-profile-content .km-profile-favorites-list .km-product-list .km-product:nth-of-type(odd) { float: left; } .km-profile-change-password_andlogin { width: 500px; max-width: 100%; background: #fff; padding: 0; margin: 0 auto; position: relative; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-change-password_andlogin { width: 100%; } } .km-profile-change-password_andlogin > .km-head { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; margin-bottom: 20px; /*background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ text-align: center; color: #fff; padding: 30px 0 0; position: relative; } .km-profile-change-password_andlogin > .km-head.km-overflow { overflow: hidden; } .km-profile-change-password_andlogin > .km-head.km-padding { padding: 20px; } .km-profile-change-password_andlogin > .km-head .km-title-style-theme .km-title { background: #fff; } .km-profile-change-password_andlogin > .km-head:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 90px; background: rgba(255, 255, 255, 0.1); z-index: 1; } .km-profile-change-password_andlogin > .km-head > * { z-index: 2; position: relative; } .km-profile-change-password_andlogin > .km-head .km-avatar { width: 120px; height: 120px; border-radius: 200px; background: #fff; padding: 5px; overflow: hidden; margin: 0 auto 10px; } .km-profile-change-password_andlogin > .km-head .km-avatar img { width: 100%; height: 100%; } .km-profile-change-password_andlogin > .km-head > .km-title { font-size: 20px; font-weight: 300; } .km-profile-change-password_andlogin > .km-head > .km-description { padding-bottom: 25px; font-size: 25px; } .km-profile-change-password_andlogin > .km-content { padding: 25px; } .km-profile-change-password_andlogin > .km-content .km-btn.km-theme-2 { display: block; width: 100%; } .km-profile-logout, .km-profile-register { width: 500px; max-width: 100%; background: #fff; padding: 0; margin: 0 auto; position: relative; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-logout, .km-profile-register { width: 100%; } } .km-profile-logout > .km-head, .km-profile-register > .km-head { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; margin-bottom: 20px; background: #fb3449; text-align: center; color: #fff; padding: 30px; font-size: 20px; position: relative; margin-bottom: 0; } .km-profile-logout > .km-head.km-overflow, .km-profile-register > .km-head.km-overflow { overflow: hidden; } .km-profile-logout > .km-head.km-padding, .km-profile-register > .km-head.km-padding { padding: 20px; } .km-profile-logout > .km-head .km-title-style-theme .km-title, .km-profile-register > .km-head .km-title-style-theme .km-title { background: #fff; } .km-profile-logout > .km-content, .km-profile-register > .km-content { padding: 25px; } .km-profile-register > .km-head { background-color: #28af2b; } .km-wallet-style { box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.1); border: 1px solid #e7e7e7; background: #fff; margin-bottom: 15px; border-radius: 15px; padding: 20px; background: #28af2b; color: #fff; text-align: center; position: relative; overflow: hidden; padding-bottom: 70px; } .km-wallet-style .km-title-style-theme .km-title { background: #fff; } .km-wallet-style.km-offer-style { background: #fb3449; } .km-wallet-style > .km-title { font-size: 30px; font-weight: 300; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-wallet-style > .km-title { font-size: 25px; } } .km-wallet-style > .km-money { font-size: 40px; font-weight: bold; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-wallet-style > .km-money { font-size: 35px; } } .km-wallet-style > .km-money .km-value { font-family: yekanbakhen; } .km-wallet-style > .km-money .km-unit { vertical-align: middle; font-size: 15px; margin: 0 10px; color: #000; } .km-wallet-style > .km-form { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.2); } .km-wallet-style > .km-form input[type="number"], .km-wallet-style > .km-form input[type="text"] { width: 100%; z-index: 1; display: block; text-align: center; background: transparent; border: 0; line-height: 50px; font-size: 18px; color: #fff; padding: 0 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-wallet-style > .km-form input[type="number"], .km-wallet-style > .km-form input[type="text"] { font-size: 12px; text-align: right; padding: 0 15px; } } .km-wallet-style > .km-form input[type="number"]::placeholder, .km-wallet-style > .km-form input[type="text"]::placeholder { color: #fff; opacity: 0.5; } .km-wallet-style > .km-form input[type=number]::-webkit-inner-spin-button, .km-wallet-style > .km-form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .km-wallet-style > .km-form button[type="submit"] { position: absolute; left: 5px; top: 5px; line-height: 40px; padding: 0 20px; height: 40px; z-index: 2; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-wallet-style > .km-form button[type="submit"] { font-size: 11px; padding: 0 10px; } } /* * Created by Arapendar */ /* * Created by Arapendar */ body.page-error, body.page-cart.page-pay-waiting { background: url(../images/error-bg.png) repeat; background-size: auto 250%; } body.page-error.page-error-404 .km-error-content { text-align: center; padding: 50px 0 75px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-error.page-error-404 .km-error-content { padding: 20px 0 40px; } } body.page-error.page-error-404 .km-error-content .km-error-title { font-size: 36px; display: block; font-weight: 900; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-error.page-error-404 .km-error-content .km-error-title { font-size: 20px; } } body.page-error.page-error-404 .km-error-content .km-error-description { margin: 30px 0 55px; font-size: 16px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-error.page-error-404 .km-error-content .km-error-description { margin: 15px 0 30px; font-size: 13px; } body.page-error.page-error-404 .km-error-content .km-error-description .km-btn { margin: 5px; display: inline-block; } } body.page-error.page-error-404 .km-error-content .km-error-img { margin-top: 100px; } body.page-error.page-error-404 .km-error-content .km-error-img img { max-width: 677px; width: 90%; } /* * Created by Arapendar */ .km-contact-box { padding: 50px; margin-top: 15px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-contact-box { padding: 20px; } } .km-address-detail-style { padding-right: 60px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-address-detail-style { padding-right: 0; margin-top: 20px; } } .km-address-detail-style > .km-header { color: #fff5cc; font-size: 17px; font-weight: bold; margin-bottom: 25px; } .km-address-detail-style > .km-content .km-row { margin-bottom: 20px; color: #636466; font-size: 15px; padding: 0 15px 20px; border-bottom: 1px solid #e2e2e2; font-weight: 500; } .km-address-detail-style > .km-content .km-row .vp-phone-value { font-family: IRANSansFA; } .km-address-detail-style > .km-content .km-row .km-title { display: block; font-size: 12px; font-weight: 400; } .km-address-detail-style > .km-content .km-row .km-social-theme li { background: #f5f5f5; box-shadow: 5px 7px 0 0 #80e6ff; border-radius: 5px; margin-left: 10px; /*color: #16c9f6;*/ width: 40px; height: 40px; line-height: 48px; } .km-address-detail-style > .km-content .km-row .km-or { margin: 0 10px; display: inline-block; opacity: 0.5; } body.page-contact .km-map { position: relative; width: 100%; height: 500px; /* background: #ccc;*/ margin-top: 20px; /*min-height: 250px;*/ border-radius: 7px 7px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-contact .km-map { height: 300px; } } body.page-contact .image-section { margin-bottom: 20px; } body.page-contact footer#km-footer-main { margin-top: 0; } /* * Created by Arapendar */ .km-factor-style .km-factor-title { height: 55px; margin-bottom: 20px; padding-right: 70px; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-factor-style .km-factor-title { margin-top: 20px; } } .km-factor-style .km-factor-title > .km-title { font-size: 21px; color: #858585; line-height: 1; padding-top: 5px; font-family: yekanbakhen; } .km-factor-style .km-factor-title > .km-date { display: block; font-size: 12px; line-height: 1.833; letter-spacing: -0.3px; margin-top: 5px; margin-bottom: -5px; color: #acacac; } .km-factor-style .km-factor-title > .km-back { position: absolute; right: 0; top: 0; height: 100%; border-left: 1px solid #dfdfdf; width: 55px; text-align: center; } .km-factor-style .km-factor-title > .km-back a { display: block; } .km-factor-style .km-factor-title > .km-back i { display: block; font-size: 40px; line-height: 35px; } .km-factor-style .km-factor-title > .km-back span { display: block; font-size: 10px; } .km-factor-style .km-factor-details .km-factor-detail-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #f2f2f2; font-family: IRANSansFA,IRANsans; } .km-factor-style .km-factor-details .km-factor-detail-row:last-of-type { border-bottom: 0; } .km-factor-style .km-factor-details .km-factor-detail-row .km-factor-detail { position: relative; width: 100%; min-height: 1px; -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; padding: 15px 40px; } .km-factor-style .km-factor-details .km-factor-detail-row .km-factor-detail:nth-of-type(odd) { border-left: 1px solid #f2f2f2; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-factor-style .km-factor-details .km-factor-detail-row .km-factor-detail { max-width: 100%; border-left: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; padding: 15px; } } .km-factor-style .km-factor-details .km-factor-detail-row .km-factor-detail > .km-value { font-size: 18px; color: #000; } .km-factor-style .km-factor-details .km-factor-detail-row .km-factor-detail > .km-value .km-btn { padding: 5px 10px; margin: 0 10px; } .km-factor-style .km-factor-steps { padding: 20px 0 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-factor-style .km-factor-steps { padding: 20px 0 40px; } } body.page-factor { padding: 30px 0; color: #000; } body.page-factor b { font-weight: bold; } body.page-factor .small, body.page-factor small { font-size: 85%; } body.page-factor #printKey { border-color: #000; color: #000; padding: 0 10px; line-height: 35px; font-size: 25px; margin-bottom: 20px; } body.page-factor #printKey i { line-height: 40px; } body.page-factor .table { margin-bottom: 0; } body.page-factor .table td, body.page-factor .table th { vertical-align: middle; } body.page-factor .table.table-bordered td, body.page-factor .table.table-bordered th { border-color: #dfdfdf; } body.page-factor .table.table-a { text-align: center; } body.page-factor .table.table-a .km-title { display: block; font-size: 20px; } body.page-factor .table.table-b .km-title { background-color: #EEE; } /* * Created by Arapendar */ .km-category-grid-style { background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03); border: 1px solid #e4e4e4; position: relative; border-radius: 7px; } .km-category-grid-style .km-category-grid-header { border-bottom: 1px solid #ebe9e9; position: relative; padding: 15px 40px 15px 10px; z-index: 2; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-header { padding: 10px; cursor: pointer; } } .km-category-grid-style .km-category-grid-header .km-grid-mobile-btn { border-radius: 5px; padding: 5px 10px; color: #333; background: #e0e0e0; display: none; margin-left: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-header .km-grid-mobile-btn { display: inline-block; } } .km-category-grid-style .km-category-grid-header .km-grid-mobile-btn i { vertical-align: middle; margin-left: 10px; font-size: 18px; } .km-category-grid-style .km-category-grid-header .km-category-sort { float: right; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-header .km-category-sort { display: none; position: fixed; z-index: 12; left: 0; top: 0; right: 0; bottom: 50px; border-radius: 0; overflow-y: auto; background: rgba(0, 0, 0, 0.6); } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-header .km-category-sort .km-category-sort-inner { background-color: #fff; box-shadow: 0 19px 38px 0 rgba(61, 61, 61, 0.18); padding: 25px; border-radius: 9px; position: absolute; top: 61%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 75%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-header .km-category-sort .km-sort-close { position: absolute; left: 20px; top: 23px; font-size: 20px; } } .km-category-grid-style .km-category-grid-header .km-category-sort .km-title { display: inline-block; vertical-align: middle; font-weight: bold; color: #000; margin-left: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-header .km-category-sort .km-title { display: block; margin-bottom: 20px; font-size: 14px; } } .km-category-grid-style .km-category-grid-header .km-category-sort ul { display: inline-block; vertical-align: middle; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-header .km-category-sort ul { display: block; } } .km-category-grid-style .km-category-grid-header .km-category-sort ul li { display: inline-block; margin-left: 5px; border-radius: 50px; padding: 3px 10px; cursor: pointer; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-header .km-category-sort ul li { display: block; position: relative; border-bottom: 1px solid #e9e9e9; border-radius: 0; font-size: 15px; padding: 5px 25px 5px 0; } .km-category-grid-style .km-category-grid-header .km-category-sort ul li:hover { background: transparent !important; } .km-category-grid-style .km-category-grid-header .km-category-sort ul li:before { content: ''; display: block; width: 17px; height: 17px; border-radius: 50px; background: #fff; border: 1px solid #333; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .km-category-grid-style .km-category-grid-header .km-category-sort ul li:after { content: ''; display: block; width: 11px; height: 11px; border-radius: 50px; background: #32a2dc; position: absolute; right: 3px; top: 50%; transform: translateY(-50%) scale(0); opacity: 0; transition: all 0.3s ease 0.1s; } .km-category-grid-style .km-category-grid-header .km-category-sort ul li:last-of-type { border-bottom: 0; } .km-category-grid-style .km-category-grid-header .km-category-sort ul li.km-active { color: #32a2dc; } .km-category-grid-style .km-category-grid-header .km-category-sort ul li.km-active:after { transform: translateY(-50%) scale(1); opacity: 1; } } .km-category-grid-style .km-category-grid-header .km-category-sort ul li:hover { background: #ece9e9; } @media only screen and (min-width: 960px) { .km-category-grid-style .km-category-grid-header .km-category-sort ul li.km-active { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); color: #fff; } } .km-category-grid-style .km-category-grid-header .km-category-restyle { float: left; position: relative; margin: -2px 0; } .km-category-grid-style .km-category-grid-header .km-category-restyle ul li { float: left; display: inline-block; width: 34px; height: 30px; border: 1px solid #ccc; cursor: pointer; border-radius: 5px; color: #ccc; text-align: center; margin-right: 8px; line-height: 37px; font-size: 20px; } .km-category-grid-style .km-category-grid-header .km-category-restyle ul li.km-active { color: #8a8a8a; border-color: #8a8a8a; } .km-category-grid-style .km-category-grid-product-list { width: calc(100% + 4px); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list { width: 100%; } } .km-category-grid-style .km-category-grid-product-list .km-product.km-theme-5 { float: right; width: 25%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list .km-product.km-theme-5 { width: 100%; } } /*============================c-varient-color style====================================*/ .km-product.km-theme-5 .c-product-box__variants, .c-product-box__variants > li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-product.km-theme-5 .c-product-box__variants { right: 3px !important; } } .km-product.km-theme-5 .c-product-box__variants { position: absolute; right: 11px; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 12px; top: 5px; } .km-product.km-theme-5 .c-product-box__variants > li { margin: 1px 0; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex } .km-product.km-theme-5 .c-product-box__variants:after { content: attr(data-more); font-size: 11px; color: #908f8f; letter-spacing: .3px; white-space: nowrap; line-height: 1px; margin-right: 2px; } .km-product.km-theme-5 .c-product-box__variants .c-variant { display: inline-block; margin-top: 1px } .km-product.km-theme-5 .c-product-box__variants .c-variant--color { width: 10px; height: 10px; border-radius: 50%; background: #ccc; border: 1px solid rgb(233, 233, 233); } .km-product.km-theme-5 .c-product-box__variants .c-variant-color1 { background-color: #2196f3; } .km-product.km-theme-5 .c-product-box__variants .c-variant-color2 { background-color: #9E9E9E; } .km-product.km-theme-5 .c-product-box__variants .c-variant-color3 { background-color: #00e676; } .km-product.km-theme-6 .c-product-box__variants, .c-product-box__variants > li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .km-product.km-theme-6 .c-product-box__variants { position: absolute; right: 9px; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 12px; top: 20px; } .km-product.km-theme-6 .c-product-box__variants > li { margin: 1px 0; height: 10px; display: -webkit-box; display: -ms-flexbox; display: flex } .km-product.km-theme-6 .c-product-box__variants:after { content: attr(data-more); font-size: 11px; color: #908f8f; letter-spacing: .3px; white-space: nowrap; line-height: 1px; margin-right: 2px; } .km-product.km-theme-6 .c-product-box__variants .c-variant { display: inline-block; margin-top: 1px } .km-product.km-theme-6 .c-product-box__variants .c-variant--color { width: 10px; height: 10px; border-radius: 50%; background: #ccc; border: 1px solid rgb(233, 233, 233); } .km-product.km-theme-6 .c-product-box__variants .c-variant-color1 { background-color: #2196f3; } .km-product.km-theme-6 .c-product-box__variants .c-variant-color2 { background-color: #9E9E9E; } .km-product.km-theme-6 .c-product-box__variants .c-variant-color3 { background-color: #00e676; } /*============================c-varient-color style====================================*/ @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list.km-resp-mt-duel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list.km-resp-mt-duel .km-product.km-theme-5 { width: 50%; padding: 15px 15px 30px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list.km-resp-mt-duel .km-product.km-theme-5 .km-img-theme { position: relative; right: 0; top: 0; transform: none; width: auto; height: 120px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list.km-resp-mt-duel .km-product.km-theme-5 .km-compare-theme { left: 0; width: 100%; text-align: right; padding: 0 10px; bottom: 7px; right: auto; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list.km-resp-mt-duel .km-product.km-theme-5 .km-special-discount-theme .km-timer { display: none; } .km-category-grid-style .km-category-grid-product-list.km-resp-mt-duel .km-product.km-theme-5 .km-special-discount-theme .km-title { width: 100%; text-align: center; font-size: 11px; padding-bottom: 3px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list.km-resp-mt-duel .km-product.km-theme-5 .km-colors-theme { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list.km-resp-mt-duel .km-product.km-theme-5 .km-shopper-theme { display: none; } } .km-category-grid-style .km-category-grid-product-list-empty { padding: 100px 15px; min-height: 337px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list-empty { min-height: auto; padding: 20px; } } .km-category-grid-style .km-category-grid-product-list-empty > .km-icon { font-size: 80px; display: block; margin: 0 auto 60px; height: 200px; width: 200px; background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); border-radius: 100px; color: #FFF; } .km-category-grid-style .km-category-grid-product-list-empty > .km-icon i { display: block; line-height: 200px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list-empty > .km-icon { font-size: 50px; width: 125px; height: 125px; margin-bottom: 20px; } .km-category-grid-style .km-category-grid-product-list-empty > .km-icon i { line-height: 125px; } } .km-category-grid-style .km-category-grid-product-list-empty > .km-title { font-size: 28px; line-height: 1.63; letter-spacing: 0.5px; color: #000; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list-empty > .km-title { font-size: 20px; } } .km-category-grid-style .km-category-grid-product-list-empty > .km-description { font-size: 18px; line-height: 1.63; letter-spacing: 0.5px; color: #555; margin-bottom: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-grid-style .km-category-grid-product-list-empty > .km-description { font-size: 12px; } } .km-category-grid-style .km-category-grid-footer { margin-top: -1px; border-top: 1px solid #ebe9e9; position: relative; padding: 30px 0 20px; } .km-category-grid-style .km-category-grid-footer .km-pagination { margin: 0; } .km-category-grid-style .km-category-grid-footer .km-pagination ul li.active a, .km-category-grid-style .km-category-grid-footer .km-pagination ul li.active span { background: #3ccdbb !important; border-color: #16c9f6 !important; } @media only screen and (min-width: 960px) { .km-category-sidebar-sticky-wrapper { width: 20%; } .km-category-sidebar-sticky-wrapper.is-sticky .km-fixed-category-sidebar { height: 100%; overflow-y: hidden; padding-left: 0; } .km-category-sidebar-sticky-wrapper.is-sticky .km-fixed-category-sidebar .km-fixed-category-sidebar-inner { padding-left: 10px; margin-left: 10px; height: calc(100% - 110px); overflow-y: auto; } .km-category-sidebar-sticky-wrapper.is-sticky .km-fixed-category-sidebar .km-fixed-category-sidebar-inner::-webkit-scrollbar { width: 5px; bottom: 70px; background: #f5f5f5; border-radius: 50px; box-shadow: unset !important; transition: all 0.3s ease 0.1s; } .km-category-sidebar-sticky-wrapper.is-sticky .km-fixed-category-sidebar .km-fixed-category-sidebar-inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; } .km-category-sidebar-sticky-wrapper.is-sticky .km-fixed-category-sidebar .km-fixed-category-sidebar-inner::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } } .km-page-category-right { padding-left: 20px; } @media only screen and (min-width: 960px) { .km-page-category-right.km-fixed-category-sidebar { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-page-category-right { padding-left: 0; } } .km-search-style { position: relative; } .km-search-style input { position: relative; z-index: 1; width: 100%; line-height: 40px; background: transparent; border: 0 none; border-bottom: 1px solid #aaaaaa; color: #aaa; } .km-search-style button { background: transparent; border: 0 none; color: #000; position: absolute; left: 0; top: 0; z-index: 2; line-height: 40px; font-size: 20px; cursor: pointer; } .km-search-style button:hover { color: #3ccdbb; } .km-sidebar-widget { margin-bottom: 20px; position: relative; } .km-fixed-category-sidebar-inner .km-sidebar-widget .km-content .km-price-range { padding-left: 20px; padding-right: 20px; } .km-sidebar-widget.km-collapsible > .km-header { cursor: pointer; } @media only screen and (min-width: 960px) { .km-sidebar-widget.km-collapsible > .km-header:hover { background: #ededed; } } .km-sidebar-widget.km-collapsible > .km-header.km-active > i { transform: rotate(180deg) translateY(-50%); } .km-sidebar-widget.km-collapsible > .km-header > i { color: #989899; } .km-sidebar-widget.km-collapsible > .km-content { overflow-y: auto; max-height: 300px; } .km-sidebar-widget.no-overflow > .km-content { overflow-y: visible; max-height: none; padding-left: 0; } .km-sidebar-widget > .km-header { padding: 10px 20px; text-align: right; font-weight: bold; font-size: 15px; color: #58595b; position: relative; border-bottom: 1px solid #f2f2f2; transition: all 0.3s ease 0.1s; } .km-sidebar-widget > .km-header > i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 50px; text-align: center; font-size: 25px; transform-origin: top; } .km-sidebar-widget > .km-content { padding: 15px; } .km-sidebar-widget.km-brand-widget { overflow: hidden; position: relative; } .km-sidebar-widget.km-brand-widget > .km-header-brand { background: #32a2dc; text-align: center; height: 100px; margin-bottom: 20px; color: #fff; position: relative; } .km-sidebar-widget.km-brand-widget > .km-header-brand i, .km-sidebar-widget.km-brand-widget > .km-header-brand img { position: absolute; left: 50%; bottom: 0; transform: translateY(15px) translateX(-50%); background: #fff; width: 100px; height: 100px; line-height: 85px; border-radius: 100px; border: 3px solid #beebf1; text-align: center; font-size: 50px; color: #8b8b8b; } .km-sidebar-widget.km-brand-widget > .km-content > .km-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; display: block; text-align: center; } .km-sidebar-widget.km-brand-widget > .km-content > .km-description { text-align: justify; } .km-filter-category .km-filter-category-search { position: relative; margin-bottom: 20px; border-radius: 7px; border: 1px solid #e5e5e5; } .km-filter-category .km-filter-category-search input[type="text"] { display: block; width: 100%; background: transparent; border: 0; padding: 0 15px; line-height: 40px; position: relative; z-index: 1; } .km-filter-category .km-filter-category-search i { position: absolute; left: 0; top: 0; line-height: 40px; font-size: 18px; z-index: 0; width: 40px; text-align: center; } .km-filter-category.mf-filter-color .pretty input:checked ~ .state.p-success-o .icon, .km-filter-category.mf-filter-color .pretty input:checked ~ .state.p-success-o .svg, .km-filter-category.mf-filter-color .pretty input:checked ~ .state.p-success-o svg, .km-filter-category.mf-filter-color .pretty.p-toggle .state.p-success-o .icon, .km-filter-category.mf-filter-color .pretty.p-toggle .state.p-success-o .svg, .km-filter-category.mf-filter-color .pretty.p-toggle .state.p-success-o svg { color: #fff; border-radius: 3px; } .km-filter-category.mf-filter-color li { float: right; width: 50%; } .km-filter-category li { margin-bottom: 11px; position: relative; font-size: 14px; } .km-filter-category li .pretty .state label { margin-top: 1px; } .km-filter-category li:last-of-type { margin-bottom: 0; } .km-filter-category li .km-en { position: absolute; left: 0; top: 0; color: #c6c6c6; } .km-filter-category li.km-filter-color { display: flex; flex-direction: row; justify-content: space-between; } .km-filter-category .filter__color { width: 10px; height: 10px; display: inline-block; border-radius: 50%; vertical-align: top; margin-top: 3px; margin-left: 6px; border: 1px solid #bfbfbf; } .km-tree-category-theme ul li { padding-right: 10px; font-weight: 500; color: #000; font-size: 0.857rem; } .km-tree-category-theme ul li.km-active { color: #32a2dc; } .km-tree-category-theme ul li a { margin-bottom: 10px; display: inline-block; transition: all 0.3s ease 0.1s; } .km-tree-category-theme ul li a:hover { /*color: #6fdcf7;*/ } .km-tree-category-theme ul li li { color: #4a5f73; } .km-tree-category-theme ul li i { font-size: 0.957rem; vertical-align: middle; margin-left: 10px; } .km-price-range { padding: 20px 0 0; font-family: IRANSansFA,IRANsans; } .irs--flat.irs-with-grid { direction: ltr; } .irs--flat .irs-bar { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); font-family: IRANSansFA, IRANsans !important; direction: rtl; font-size: 13px; } .irs--flat .irs-min, .irs--flat .irs-max, .irs--flat .irs-grid-text { font-family: IRANSansFA !important; direction: rtl; } .irs--flat .irs-grid-text { font-size: 13px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { border-top-color: #6fdcf7; } .irs--flat .irs-handle > i:first-child { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-page-active-filters { background: transparent !important; box-shadow: none !important; border: 0 !important; } .km-category-page-active-filters .km-header { display: none; } .km-category-page-active-filters .km-content { padding: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-page-active-filters .km-box-style { background: transparent !important; box-shadow: none !important; border: 0 !important; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-page-active-filters .km-category-active-filters ul { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .km-category-page-active-filters .km-category-active-filters ul li { border: 1px solid #eee; padding: 5px 15px; border-radius: 5px; display: inline-block; margin: 0 0 5px 5px; cursor: pointer; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-page-active-filters .km-category-active-filters ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; vertical-align: middle; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); background: #fff; border: 0; color: #32a2dc; } } .km-category-page-active-filters .km-category-active-filters ul li:hover { background: #c3c7cd; } .km-category-page-active-filters .km-category-active-filters ul li i { vertical-align: middle; font-size: 15px; opacity: 0.5; margin-right: 7px; } .km-category-page-filter-mobile-btn { position: fixed; left: 0; right: 0; bottom: 50px; text-align: center; border-radius: 0 !important; } .km-category-compare-products { position: fixed; bottom: 20px; left: 30px; z-index: 12; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-compare-products { bottom: 60px; left: 10px; } } .km-category-compare-products .km-compare-btn { border-radius: 50px; padding: 10px 23px 10px 10px; background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-compare-products .km-compare-btn { padding: 5px 10px 5px 5px; } } .km-category-compare-products .km-compare-btn:hover { box-shadow: none; background: #0099ab; } .km-category-compare-products .km-compare-btn .km-title { font-size: 17px; } .km-category-compare-products .km-compare-btn .km-number { background: rgba(0, 0, 0, 0.2); border-radius: 50px; padding: 3px 10px; margin-right: 70px; vertical-align: middle; font-weight: 400; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-category-compare-products .km-compare-btn .km-number { margin-right: 20px; } } body.page-category-special-sell .km-section { position: relative; margin-top: -20px; padding-top: 20px; } body.page-category-special-sell .km-section:before { content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 0; background: #ffcc00 url("../images/pattern-up-sh-mas.png"); height: 160px; width: 100%; } body.page-category-special-sell .km-section > .size { z-index: 1; position: relative; } body.page-category-special-sell .km-section .km-special-sell-title { position: absolute; top: -7px; left: 50%; transform: translateX(-50%); height: 35px; width: 200px; background: url("../images/special-sell-title.svg") no-repeat center top; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-category-special-sell .km-section .km-breadcrumb { padding-bottom: 30px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-category-special-sell .km-section .km-breadcrumb .km-special-sell-title { top: 30px; max-width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-category-special-sell .km-section .km-breadcrumb .km-result-number { display: none; } } /*=====================================Compare page style======================================*/ /* * Created by Arapendar */ .km-compare-page-content .km-compare-head { display: -ms-flexbox; display: -webkit-box; display: flex; margin-bottom: 20px; position: sticky; background: #fff; box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.11); border: 1px solid #e4e4e4; border-bottom: 2px solid #16c9f636; overflow-y: hidden; overflow-x: auto; } .km-compare-page-content .km-compare-head .km-product { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; border-left: 1px solid #e4e4e4; padding: 30px; position: relative; min-width: 250px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 500px) and (max-width: 959px) { .km-compare-page-content .km-compare-head .km-product { padding: 5px; min-width: 139px; } } .km-compare-page-content .km-compare-head .km-product:last-of-type { border-left: 0; } .km-compare-page-content .km-compare-head .km-product:before { width: 0; height: 0; border-color: transparent transparent rgba(22, 201, 246, 0.3); border-style: solid; border-width: 0 10px 10px; position: absolute; bottom: 0; left: 50%; margin-left: -5px; content: ""; } .km-compare-page-content .km-compare-head .km-product .km-title-theme { font-size: 15px; text-align: center; height: 46px; margin-bottom: 20px; } @media only screen and (min-width: 500px) and (max-width: 959px) { .km-compare-page-content .km-compare-head .km-product .km-title-theme { font-size: 11px; text-align: center; height: 70px; margin-bottom: 20px; } } .km-compare-page-content .km-compare-head .km-product .km-price-theme { height: auto; text-align: center; margin-bottom: 20px; } .km-compare-page-content .km-compare-head .km-product .km-order-btn { transition: all 0.3s ease 0.1s; } .km-compare-page-content .km-compare-head .km-product .km-order-btn .km-btn { border-radius: 5px; text-align: center; } @media only screen and (min-width: 500px) and (max-width: 959px) { .km-compare-page-content .km-compare-head .km-product .km-order-btn .km-btn.km-theme-3 { padding: 9px 4px; font-weight: 400; font-size: 10px; } } .km-compare-page-content .km-compare-head .km-product .km-compare-product-delete { position: absolute; left: 20px; top: 20px; border-radius: 50px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; cursor: pointer; transition: all 0.3s ease 0.1s; } .km-compare-page-content .km-compare-head .km-product .km-compare-product-delete:hover { color: #fb3449; } .km-compare-page-content .km-compare-head .km-product.km-new-product { padding: 70px 50px 30px 50px; cursor: pointer; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-compare-page-content .km-compare-head .km-product.km-new-product { padding: 70px 20px 0; } } .km-compare-page-content .km-compare-head .km-product.km-new-product:before { display: none; } .km-compare-page-content .km-compare-head .km-product.km-new-product .km-icon { border: 5px dashed #d2d2d2; text-align: center; margin-bottom: 57px; padding: 40px; color: #b3b3b3; border-radius: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-compare-page-content .km-compare-head .km-product.km-new-product .km-icon { margin-bottom: 50px; padding: 5px; color: #b3b3b3; border-radius: 4px; } } .km-compare-page-content .km-compare-head .km-product.km-new-product .km-icon i { font-size: 80px; margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-compare-page-content .km-compare-head .km-product.km-new-product .km-icon i { font-size: 45px; } } .km-compare-page-content .km-compare-head .km-product.km-new-product .km-icon .km-icon-title { font-size: 14px; line-height: 1.467; } .km-compare-page-content .km-compare-body { padding-top: 20px; } .km-compare-page-content .km-compare-body > .km-group { margin-bottom: 15px; } .km-compare-page-content .km-compare-body > .km-group > .km-title { font-size: 18px; font-weight: 700; margin-bottom: 10px; } .km-compare-page-content .km-compare-body > .km-group > .km-title i { vertical-align: middle; margin-left: 5px; color: #32a2dc; font-size: 25px; } .km-compare-page-content .km-compare-body > .km-group > .km-item > .km-title { padding: 7px 15px; color: #000; font-size: 15px; background: #eaeaea; } .km-compare-page-content .km-compare-body > .km-group > .km-item > .km-items { display: -ms-flexbox; display: -webkit-box; display: flex; background: #fff; overflow-x: auto; overflow-y: hidden; } .km-compare-page-content .km-compare-body > .km-group > .km-item > .km-items > .km-value { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; border-left: 1px solid #e4e4e4; padding: 15px 15px; min-width: 250px; font-size: 14px; line-height: 1.571; color: #4d4d4d; min-height: 47px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .km-compare-page-content .km-compare-body > .km-group > .km-item > .km-items > .km-value:last-of-type { border-left: 0; } #sticky-wrapper.is-sticky .km-compare-head { z-index: 10 !important; box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, 0.45); } #sticky-wrapper.is-sticky .km-compare-head .km-product { padding: 10px 20px; } #sticky-wrapper.is-sticky .km-compare-head .km-product.km-new-product { padding: 20px 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #sticky-wrapper.is-sticky .km-compare-head .km-product.km-new-product { padding: 10px 20px; } } #sticky-wrapper.is-sticky .km-compare-head .km-product.km-new-product .km-icon { margin-bottom: 0; padding: 30px 10px; } #sticky-wrapper.is-sticky .km-compare-head .km-product.km-new-product .km-icon i { font-size: 40px; } #sticky-wrapper.is-sticky .km-compare-head .km-product .km-img-theme { height: 100px; margin-bottom: 10px; } #sticky-wrapper.is-sticky .km-compare-head .km-product .km-title-theme { font-size: 12px; margin-bottom: 10px; } #sticky-wrapper.is-sticky .km-compare-head .km-product .km-title-theme h3 { display: block; overflow: hidden; text-overflow: clip; white-space: normal; } #sticky-wrapper.is-sticky .km-compare-head .km-product .km-price-theme { margin-bottom: 0; } #sticky-wrapper.is-sticky .km-compare-head .km-product .km-order-btn { display: none; } .km-compare-product-search-lightbox .km-lightbox-content { background: #ececec; padding: 0 !important; } .km-compare-product-search-lightbox .km-product-compare-search { width: calc(100% - 70px); overflow: hidden; border-radius: 7px; border: 1px solid #e0e0e2; line-height: 40px; margin: -10px; } .km-compare-product-search-lightbox .km-product-compare-search label { float: right; width: 100px; padding-right: 15px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-compare-product-search-lightbox .km-product-compare-search label { display: none; } } .km-compare-product-search-lightbox .km-product-compare-search input[type="text"] { float: right; width: calc(100% - 250px); border: 0; background: transparent; font-size: 13px; padding: 0 0 0 15px; font-weight: normal; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-compare-product-search-lightbox .km-product-compare-search input[type="text"] { width: 100%; padding: 0 10px; } } .km-compare-product-search-lightbox .km-product-compare-search select { float: left; width: 150px; background: transparent; border-radius: 0; border-left: 0; border-top: 0; border-bottom: 0; text-align: center; font-weight: normal; font-size: 13px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-compare-product-search-lightbox .km-product-compare-search select { display: none; } } .km-compare-product-search-lightbox .km-compare-product-search-list { height: 465px; overflow-y: auto; padding: 25px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-compare-product-search-lightbox .km-compare-product-search-list { height: 100%; } } .km-compare-product-search-lightbox .km-compare-product-search-list .km-product { float: right; margin-left: 2%; margin-bottom: 20px; width: 32%; padding: 0 20px; cursor: pointer; } .km-compare-product-search-lightbox .km-compare-product-search-list .km-product .km-img-theme { height: 125px; } .km-compare-product-search-lightbox .km-compare-product-search-list .km-product:nth-of-type(3n) { margin-left: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-compare-product-search-lightbox .km-compare-product-search-list .km-product { width: 100%; margin-left: 0; } } .c-compare-quick__title { color: #4d4d4d; font-size: 19px; font-size: 1.357rem; line-height: 1.158; margin-bottom: 25px; letter-spacing: -.3px; position: relative; padding-right: 19px } .c-compare-quick__list { list-style: none; padding: 0; margin-bottom: 47px; background-color: #fff } .c-compare-quick__list > li { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0 } .c-compare__list-title { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; font-size: 13px; /* font-size: .929rem; */ line-height: 1.692; padding: 9px 26px; background-color: #eaeaea; font-weight: 600; } .c-compare__list-value { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; border-right: 1px solid #e4e4e4 } .c-compare__list-value:first-child { border-right: none } .c-compare__list-value .block { padding: 14px 18px 12px; font-size: 14px; font-size: 1rem; line-height: 1.571; color: #4d4d4d; letter-spacing: -.3px; min-height: 47px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } /*=====================================Compare page style======================================*/ /* * Created by Arapendar */ .justMobile, .justTablet, .justMobileTablet { display: none !important; } .justDesktop { display: block !important; } @media only screen and (min-width: 960px) { .justDesktop.table { display: table !important; } } .justDesktopNotImportant { display: block; } @media only screen and (min-width: 0px) and (max-width: 719px) { body { font-size: 12px; } .justMobile { display: block !important; } .justDesktop { display: none !important; } } @media only screen and (min-width: 720px) and (max-width: 959px) { body { font-size: 13px; } .justTablet { display: block !important; } .justDesktop { display: none !important; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .justMobileTablet { display: block !important; } .justMobileTablet.table { display: table !important; } .resp-mt-100 { width: 100% !important; } .resp-mt-50 { width: 50% !important; } .km-box-style { margin-bottom: 10px; } header#km-header-main { padding: 7px 0; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); } header#km-header-main .km-header-right { width: 100%; } header#km-header-main .km-logo { width: 30%; margin-left: 0; } header#km-header-main .km-logo img { height: 35px; } header#km-header-main .km-search { float: left; width: 65%; } header#km-header-main .km-search .km-form { height: 35px; line-height: 35px; border-radius: 5px; } header#km-header-main .km-search .km-form input[type="text"] { line-height: 35px; padding: 0 10px; } header#km-header-main .km-search .km-form button[type="submit"] { line-height: 40px; padding: 0 10px; background: transparent; font-size: 15px; color: #a8a8a8; } header#km-header-main .km-search .km-form button[type="submit"]:hover { background: transparent; color: #4a5f73; } header#km-header-main .km-shopping-cart-mini .km-inner { display: none; } header#km-header-main .km-shopping-cart-mini .km-outer .km-footer { position: fixed; left: 0; bottom: 50px; width: 100%; border-radius: 0; } nav#km-nav-main { display: none; } .km-full-slider { border-radius: 20px; overflow: hidden; } .km-full-slider .km-slider.owl-theme .owl-nav [class*=owl-] { opacity: 1; visibility: visible; } .km-full-slider .km-slider.owl-theme .owl-nav [class*=owl-].owl-prev { right: 0; } .km-full-slider .km-slider.owl-theme .owl-nav [class*=owl-].owl-next { left: 0; } .km-discount-special .km-btn.km-theme-2 { margin-bottom: 10px; height: 40px; line-height: 40px; font-size: 13px; } .km-discount-special .km-discount-special-slider { margin-right: 0; } .km-discount-special-slider { box-shadow: unset; background: transparent; border-radius: 0; min-height: auto; overflow: visible; width: 104%; right: -2%; } .km-discount-special-slider > .km-titles { display: none; } .km-discount-special-slider > .km-contents { min-height: auto; margin-left: 0; } .km-discount-special-slider > .km-contents > .km-title { display: none; } .km-discount-special-slider > .km-contents > .km-item, .km-discount-special-slider > .km-contents .owl-item > .km-item { position: relative; display: block !important; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); border-radius: 9px; padding: 8px 0; min-height: 210px; border: 1px solid #f6f6f6; overflow: hidden; margin: 5px 0; } .km-discount-special-slider > .km-contents > .km-item .km-img, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-img { position: relative; width: 100%; height: 130px; margin-bottom: 10px; } .km-discount-special-slider > .km-contents > .km-item .km-img img, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-img img { width: auto; max-width: 85%; height: 100%; max-height: 100%; } .km-discount-special-slider > .km-contents > .km-item .km-content, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content { margin-top: 0; padding: 0 10px; height: auto; position: static; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices { margin-bottom: 10px; text-align: center; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price { position: static; text-align: center; font-size: 18px; margin-bottom: 0; line-height: 1; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price.km-discounted, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price.km-discounted { position: relative; padding: 0 5px; font-size: 14px; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price .km-unit, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price .km-unit { font-size: 10px; font-weight: 300; margin-right: 0; vertical-align: middle; } .km-discount-special-slider > .km-contents > .km-item .km-content .km-prices .km-price .km-discount, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content .km-prices .km-price .km-discount { position: absolute; right: 0; top: 0; border-radius: 0 0 0 10px; margin: 0; padding: 3px 5px; color: #fff; font-size: 12px; background: #fb3449; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-details, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-details { display: none; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-title, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-title { font-size: 11px; text-align: center; font-weight: 400; display: block; margin-bottom: 10px; height: 36px; overflow: hidden; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-discount-time, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-discount-time { position: relative; text-align: center; bottom: 0; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-discount-time > .km-title, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-discount-time > .km-title { font-size: 7px; display: none; padding-top: 8px; margin-bottom: 0; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-discount-time > .km-timer, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-discount-time > .km-timer { font-size: 16px; color: #fb3449; border-top: 1px solid #eaeaea; padding-top: 8px; } .km-discount-special-slider > .km-contents > .km-item .km-content > .km-discount-time > .km-timer > .d, .km-discount-special-slider > .km-contents .owl-item > .km-item .km-content > .km-discount-time > .km-timer > .d { margin: 0 3px; } .km-special-benefits > .km-item > .km-title { letter-spacing: -0.5px; font-size: 8px; } .km-special-benefits > .km-item img { height: 35px; } .km-product-slider { width: 104%; right: -2%; position: relative; } .km-product-slider.km-box-style { box-shadow: unset; background: transparent; border-radius: 0; } .km-product-slider > .km-header { line-height: 35px; margin-left: 2%; margin-right: 2%; margin-bottom: 10px; } .km-product-slider > .km-header > .km-title { background: #f5f5f5; font-size: 14px; } .km-product-slider > .km-header > .km-title:after { background: #f5f5f5; } .km-product.km-theme-2 { position: relative; padding: 8px 0; min-height: 210px; overflow: hidden; } .km-product-slider.km-theme-1 .km-slider .km-product.km-theme-2 { width: 165px; } .km-product.km-theme-2 .km-img { width: 100%; height: 130px; margin-bottom: 10px; } .km-product.km-theme-2 .km-img img { max-width: 100%; max-height: 100%; } .km-product.km-theme-2 .km-content .km-title { font-size: 10px; text-align: center; font-weight: 400; margin-bottom: 10px; padding-left: 18px; } .km-product.km-theme-2 .km-content .km-prices { margin-bottom: 10px; height: auto; text-align: right; } .km-product.km-theme-2 .km-content .km-prices .km-price { position: static; line-height: 1; font-size: 16px; margin-bottom: 0; } .km-product.km-theme-2 .km-content .km-prices .km-price.km-single-price { width: 100%; } .km-product.km-theme-2 .km-content .km-prices .km-price.km-discounted { position: relative; padding: 0 5px; font-size: 14px; } .km-product.km-theme-2 .km-content .km-prices .km-price .km-unit { font-size: 10px; font-weight: 300; margin-right: 0; vertical-align: middle; } .km-product.km-theme-2 .km-content .km-prices .km-price .km-discount { position: absolute; right: 0; top: 0; border-radius: 0 0 0 10px; margin: 0; padding: 3px 5px; color: #fff; font-size: 12px; background: #fb3449; } .km-ads-banner { margin-bottom: 10px; } .km-ads-package.km-5.km-mt-4 .km-ads-banner { margin-left: 10px; width: calc((100% - (1 * 10px)) / 2); } .km-ads-package.km-5.km-mt-4 .km-ads-banner:nth-of-type(2n) { margin-left: 0; } .km-ads-package.km-5.km-mt-4 .km-ads-banner:nth-of-type(5n) { display: none; } footer#km-footer-main .km-widget { min-height: auto; margin-bottom: 30px; padding-left: 0 !important; border-left: 0 !important; } footer#km-footer-main .km-widget .km-title-style { display: block; background: #f5f5f5; text-align: center; padding: 5px; border-radius: 50px; } footer#km-footer-main .km-footer-copyright { background: transparent; color: #7c7c7c; font-size: 10px; text-align: center; border-top: 1px solid #e3e3e3; margin-top: 10px; } footer#km-footer-main .km-footer-newsletter .km-header { text-align: center; } footer#km-footer-main .km-footer-newsletter .km-header .km-title { font-size: 15px; } footer#km-footer-main .km-footer-newsletter .km-header .km-description { text-align: center; } footer#km-footer-main .km-footer-newsletter .km-form { margin-top: 10px; } .km-mt-page-over { position: fixed !important; right: 0% !important; top: 0 !important; background: #fff; width: 100% !important; height: 100%; overflow-y: auto; margin: 0 !important; z-index: 100; padding: 30px 20px 80px !important; opacity: 0; visibility: hidden; display: none !important; transition: none !important; } .km-mt-page-over.km-show { right: 0 !important; top: 0 !important; visibility: visible !important; opacity: 1 !important; display: block !important; } .km-mt-page-over .km-mt-page-close { position: absolute; right: 0; top: 0; text-align: center; z-index: 2; cursor: pointer; width: 50px; height: 50px; line-height: 50px; font-size: 20px; } .km-mt-page-over .km-mt-page-close span { display: block; } .km-mt-page-over.km-mt-page-support { display: block; justify-content: center; flex-direction: column; text-align: center; border-left: 0; padding-top: 50px !important; } .km-mt-page-over.km-mt-page-support .km-address { text-align: center !important; } .km-mt-page-over.km-mt-page-category { padding: 50px 0 50px !important; } .km-mt-page-over.km-mt-page-category > .km-category-top { position: fixed; z-index: 1; top: 0; right: 0; width: 100%; background: #eceff1; height: 50px; font-weight: 800; line-height: 50px; padding-right: 50px; } .km-mt-page-over.km-mt-page-category .km-mt-page-close { position: fixed; } .km-mt-page-over.km-mt-page-category > .km-category-content { padding-right: 100px; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-first-categories { position: absolute; width: 100px; right: 0; top: 50px; bottom: 50px; overflow-y: auto; border-left: 1px solid #e3e3e3; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-first-categories .km-item { height: 100px; border-bottom: 1px solid #e3e3e3; text-align: center; padding-top: 23px; cursor: pointer; transition: all 0.3s ease 0.1s; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-first-categories .km-item i { font-size: 25px; margin-bottom: 10px; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-first-categories .km-item .km-title { display: block; font-size: 11px; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-first-categories .km-item.km-active { ackground: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); color: #fff; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories { position: absolute; top: 50px; overflow-x: hidden; bottom: 50px; left: 0; right: 100px; padding: 15px; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li { padding-bottom: 3px; margin-bottom: 5px; position: relative; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li:not(.km-more).km-active:after { content: "\f068"; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li:not(.km-more):after { content: "\f067"; font-family: "Font Awesome 5 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 15px; vertical-align: middle; position: absolute; left: 0; top: 4px; color: #c1c1c1; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li.km-more > a { color: #16c9f6; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li.km-more > a:before { content: "\f067"; font-size: 17px; margin-left: 7px; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li > a { line-height: 1.833; font-weight: 500; color: #000; font-size: 15px; display: block; margin-bottom: 5px; transition: all 0.3s ease 0.1s; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li > a:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 20px; margin-left: 5px; vertical-align: middle; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li > a:hover { color: #16c9f6; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li > ul { padding-right: 15px; display: none; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li > ul > li { padding-bottom: 3px; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li > ul > li > a { color: #4a5f73; font-size: 13px; transition: all 0.3s ease 0.1s; } .km-mt-page-over.km-mt-page-category > .km-category-content .km-two-categories > .km-item > ul > li > ul > li > a:hover { font-weight: 800; color: #000; } .km-mt-page-over.km-mt-page-cart-mini { padding: 0 !important; border-radius: 0 !important; } .km-mt-page-over .km-product-content-title-mobile { position: fixed; z-index: 1; top: 0; right: 0; width: 100%; background: #eceff1; height: 50px; font-weight: 800; line-height: 50px; padding-right: 50px; } .km-mt-page-over.km-mt-page-product-custom-fields .km-product-fields { margin-top: 40px; } .km-mt-page-over.km-mt-page-category-page-filter { padding: 60px 10px 130px !important; background: #f1f1f1 !important; } .km-mt-page-over.km-mt-page-category-page-filter .km-mt-page-category-page-filter-top { /*position: fixed;*/ position: absolute; z-index: 1; top: 0; right: 0; width: 100%; background: #eceff1; height: 50px; font-weight: 800; line-height: 50px; padding-right: 50px; } .km-product-content { padding-top: 60px !important; } } @media only screen and (min-width: 960px) { .km-mt-page-search { position: absolute; left: 0; top: 200%; box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.2); width: 100%; background: #fff; border-radius: 7px; padding: 20px; opacity: 0; visibility: hidden; } .km-mt-page-search.km-show { opacity: 1; visibility: visible; top: 100%; } .km-mt-page-search .km-search-content { margin-top: 0; } .km-mt-page-search .km-search-content .km-search-result > .km-content:last-of-type { margin-bottom: 0; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 { border-radius: 9px; overflow: hidden; position: relative; margin-bottom: 10px; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 .km-content .km-prices { margin-bottom: 20px; height: auto; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 .km-content .km-prices .km-price { position: static; float: right; text-align: right; font-size: 15px; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 .km-content .km-prices .km-price.km-single-price { width: 100%; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 .km-content .km-prices .km-price.km-discounted { position: relative; padding: 0 5px; margin-left: 20px; font-size: 12px; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 .km-content .km-prices .km-price .km-unit { font-size: 8px; font-weight: 300; margin-right: 7px; vertical-align: middle; } .km-mt-page-search .km-search-content .km-search-result > .km-content > .km-item .km-product.km-theme-2 .km-content .km-prices .km-price .km-discount { position: absolute; right: 0; top: 0; border-radius: 0 0 0 10px; margin: 0; padding: 3px 5px; color: #fff; font-size: 12px; background: #fb3449; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-title { margin-top: 0; } .km-mt-page-search .km-search-content .km-notice-search.km-to > .km-title:last-of-type { margin-bottom: 0; } .km-mt-page-search .km-notice-search.km-to > .km-content:last-of-type { margin-bottom: 0; } } /* * Created by Arapendar */ @media only screen and (min-width: 0px) and (max-width: 959px) { .km-mt-page-cart-mini .km-cart-empty-theme { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; margin-bottom: 0; } } .km-cart-empty-theme { padding: 100px 15px; min-height: 337px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-empty-theme { min-height: auto; padding: 20px; width: 100%; margin-bottom: 15px; } } .km-cart-empty-theme > .km-icon { font-size: 80px; display: block; margin: 0 auto 60px; height: 200px; width: 200px; /* background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ border-radius: 100px; color: #FFF; } .km-cart-empty-theme > .km-icon i { display: block; line-height: 200px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-empty-theme > .km-icon { font-size: 50px; width: 125px; height: 125px; margin-bottom: 20px; } .km-cart-empty-theme > .km-icon i { line-height: 125px; } } .km-cart-empty-theme > .km-title { font-size: 35px; line-height: 1.63; letter-spacing: 0.5px; color: #000; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-empty-theme > .km-title { font-size: 20px; } } .km-cart-empty-theme > .km-description { font-size: 20px; line-height: 1.63; letter-spacing: 0.5px; color: #555; margin-bottom: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-empty-theme > .km-description { font-size: 12px; } } .km-cart-empty-theme > .km-btns .km-btn { vertical-align: middle; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-empty-theme > .km-btns .km-btn:first-of-type { display: none; } } .km-cart-empty-theme > .km-btns .km-btn i { margin-left: 7px; } .km-cart-empty-theme > .km-btns .km-or { vertical-align: middle; display: inline-block; width: 1px; height: 30px; background: #ccc; margin: 0 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-cart-empty-theme > .km-btns .km-or:first-of-type { display: none; } } @media only screen and (min-width: 960px) { #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer .km-cart-empty-theme { background: transparent; box-shadow: none; border: 0; min-height: auto; padding: 20px 0 10px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer .km-cart-empty-theme > .km-icon { font-size: 50px; width: 125px; height: 125px; margin-bottom: 20px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer .km-cart-empty-theme > .km-icon i { line-height: 125px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer .km-cart-empty-theme > .km-title { font-size: 20px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer .km-cart-empty-theme > .km-description { font-size: 12px; } } /* * Created by Arapendar */ .km-warranty-special-text { cursor: pointer; background: #f5f5f5; font-size: 15px; color: #000; padding: 5px 10px; height: auto; border: 1px solid #e4e4e4; max-width: 400px !important; font-family: yekanbakh, serif; } .km-warranty-special-text i { font-size: 21px; vertical-align: middle; margin-left: 7px; color: #9b9b9b; } .km-addtocart-notic { border-radius: 5px; border: 1px solid #e4e4e4; background: #f5f5f5; padding: 20px; margin-bottom: 20px; } .km-addtocart-notic .km-title { font-size: 18px; font-weight: bold; position: relative; margin-bottom: 10px; text-align: center; } .km-addtocart-notic .km-title:before { content: ''; display: block; z-index: 0; width: 100%; height: 1px; background: #969696; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .km-addtocart-notic .km-title span { z-index: 1; position: relative; padding: 0 10px; background: #f5f5f5; } .km-addtocart-notic .km-description { font-size: 12px; text-align: center; } /* * Created by Arapendar */ .vp-slider-theme .vp-slide-more { min-width: 90px; display: flex; height: auto; margin: 7px 4px; } .vp-slider-theme .vp-slide-more a { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); margin-left: 7px; } .vp-slider-theme .vp-slide-more i { width: 50px; height: 50px; border-radius: 50px; line-height: 50px; text-align: center; margin-bottom: 20px; font-size: 25px; color: rgba(22,201,246,1); border: 2px solid #f5f5f5; } .vp-slider-theme .owl-nav { margin-top: 0; } .vp-slider-theme .owl-nav [class*='owl-'] { position: absolute; top: 0; height: 100%; width: 80px; color: #4a5f73; margin: 0; border-radius: 0; display: flex; align-items: center; font-size: 35px; background: #fff; padding: 0 20px; transition: all 0.3s ease 0.1s; } .vp-slider-theme .owl-nav [class*='owl-'].disabled { opacity: 0; visibility: hidden; } .vp-slider-theme .owl-nav [class*='owl-']:hover { color: #6fdcf7; } .vp-slider-theme .owl-nav [class*='owl-'].owl-prev { right: 0; background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.5) 30%, #f5f5f5 90%); justify-content: flex-start; } .vp-slider-theme .owl-nav [class*='owl-'].owl-next { left: 0; background: linear-gradient(90deg, #f5f5f5 10%, rgba(245, 245, 245, 0.5) 70%, rgba(245, 245, 245, 0) 100%); justify-content: flex-end; } .vp-slider-theme .owl-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-slider-theme .owl-dots { /*left: 45px; bottom: 5px;*/ /*transform: none;*/ margin: 0 auto; } } .vp-slider-theme .owl-dots .owl-dot span { background: #fff; width: 22px; height: 9px; margin: 0 3px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-slider-theme .owl-dots .owl-dot span { background: rgba(0, 0, 0, 0.3); width: 8px; height: 8px; border-radius: 8px; line-height: 8px; text-align: center; transform: scale(0.7); } } .vp-slider-theme .owl-dots .owl-dot span:hover { background: #6fdcf7; } .vp-slider-theme .owl-dots .owl-dot.active span { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); width: 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-slider-theme .owl-dots .owl-dot.active span { background: rgba(0, 0, 0, 0.8); width: 8px; transform: scale(1); } } .vp-slider-theme.vp-light .owl-nav [class*='owl-'].owl-prev { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 30%, #fff 90%); } .vp-slider-theme.vp-light .owl-nav [class*='owl-'].owl-next { background: linear-gradient(90deg, #fff 10%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%); } /* * Created by Arapendar */ .vp-product-item-theme { position: relative; } .vp-product-item-theme .vp-product-img { position: relative; margin: 0 auto 30px; max-width: 100%; width: 200px; height: 200px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme .vp-product-img { height: 0; padding-bottom: 100%; } } .vp-product-item-theme .vp-product-img img { max-width: 100%; max-height: 100%; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .vp-product-item-theme .vp-title { text-align: right; font-family: IRANSansFA,IRANsans; height: 47px; overflow: hidden; } .vp-product-item-theme .vp-title a:hover { /*color:#16c9f6 ;*/ } .vp-product-item-theme .vp-price-list { display: block; } .vp-product-item-theme .vp-price-list .vp-price { font-size: 14px; color: #28af2b; position: relative; font-family: IRANSansFA; } .vp-product-item-theme .vp-price-list .vp-price .vp-unit { margin-right: 1px; font-size: 11px; vertical-align: middle; } .vp-product-item-theme .vp-quantity-supermarket { display: none; } .vp-product-item-theme.vp-theme-mini-cart { position: relative; min-height: 80px; padding: 10px 80px 10px 10px; border-bottom: 1px solid #f5f5f5; } .vp-product-item-theme.vp-theme-mini-cart:last-of-type { border-bottom: 0; } .vp-product-item-theme.vp-theme-mini-cart .vp-product-img { width: 65px; height: 65px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .vp-product-item-theme.vp-theme { min-width: 270px; width: 270px; padding: 15px; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme { padding: 12px; width: 170px; min-width: 170px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-product-img { margin-bottom: 10px; } } .vp-product-item-theme.vp-theme .vp-title { font-size: 14px; margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-title { font-size: 12px; margin-bottom: 10px; height: 55px; overflow: hidden; } } .vp-product-item-theme.vp-theme .vp-quantity { position: absolute; z-index: 5; left: 20px; top: 20px; transition: all 0.3s ease 0.1s; } .vp-product-item-theme.vp-theme .vp-quantity .vp-quantity-supermarket-theme { border-color: #28af2b; border-radius: 70px; } .vp-product-item-theme.vp-theme .vp-quantity .vp-quantity-supermarket-theme .vp-loading { color: #28af2b; } .vp-product-item-theme.vp-theme .vp-price-list { display: flex; flex-direction: row; align-items: stretch; margin-bottom: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list { flex-direction: column; margin-bottom: 0; line-height: 1; /*height: 32px;*/ } } .vp-product-item-theme.vp-theme .vp-price-list .vp-price { flex: 1; } .vp-product-item-theme.vp-theme .vp-price-list .vp-price .vp-measure { font-size: 14px; font-weight: 400; color: #151515; padding-right: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list .vp-price .vp-measure { font-size: 12px; font-weight: 400; margin-bottom: 3px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list .vp-price { /*text-align: left;*/ } } .vp-product-item-theme.vp-theme .vp-price-list .vp-price > .vp-value { font-size: 20px; font-weight: 500; font-family: IRANsansFA !important; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list .vp-price > .vp-value { font-size: 18px; font-weight: 500; color: #28af2b; } } .vp-product-item-theme.vp-theme .vp-price-list .vp-price > .vp-unit { color: #4a5f73; vertical-align: middle; margin-right: 3px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list .vp-price > .vp-unit { font-weight: bold; font-size: 8px; color: #000; } } .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted { text-align: left; padding-top: 2px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted { padding-top: 0; padding-left: 30px; } } .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted .vp-value { color: #000; position: relative; font-size: 19px; font-weight: 500; z-index: 2; padding: 0 4px; vertical-align: middle; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted .vp-value { font-size: 12px; color: #4a5f73; } } .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted .vp-value:after { content: ''; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%) rotate(10deg); transform-origin: center; width: 120%; height: 1px; background: #ff0000; z-index: 1; } .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted .vp-discount { display: inline-block; vertical-align: middle; margin-right: 6px; direction: ltr; font-size: 12px; background: #ffcc00; color: #fff; background: transparent url(../images/discount.png) no-repeat center / 100%; width: 32px; height: 32px; border-radius: 32px; line-height: 32px; text-align: center; font-family: IRANsansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted .vp-discount { position: absolute; left: 0; bottom: 15px; font-size: 10px; margin-right: 0; width: 25px; height: 25px; border-radius: 25px; line-height: 25px; text-align: center; } } .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted .vp-discount > span { font-size: 11px; line-height: 0; margin-left: -2px; font-family: yekanbakhen, serif; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted .vp-discount > span { font-size: 10px; } } .vp-product-item-theme.vp-theme .vp-seconds-timer-theme { margin-bottom: 7px; } .vp-product-item-theme.vp-theme.vp-sale-end { overflow: hidden; } .vp-product-item-theme.vp-theme.vp-sale-end .vp-price-list .vp-price.vp-discounted { filter: blur(7px); } .vp-product-item-theme.vp-theme.vp-sale-end .vp-seconds-timer-theme { display: none; } .vp-product-item-theme.vp-theme.vp-sale-end:before { content: 'پایان یافته'; position: absolute; left: 0; bottom: 0; width: 100%; height: 58px; display: flex; justify-content: center; align-items: center; text-align: center; color: #ffcc00; font-size: 25px; font-weight: 300; background: #fff5cc; filter: none; z-index: 4; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme.vp-sale-end:before { font-size: 16px; height: 30px; } } .vp-product-item-theme.vp-theme.vp-sale-end .vp-product-img { z-index: 4; filter: none; } .vp-product-item-theme.vp-price-smaller .vp-price-list .vp-price > .vp-value { font-size: 20px; } .vp-product-item-theme.vp-price-smaller .vp-price-list .vp-price.vp-discounted .vp-value { font-size: 18px; } .vp-product-item-theme.vp-theme-search-box { position: relative; padding: 12px 92px 12px 12px; min-height: 95px; overflow: hidden; margin-bottom: 10px; background: #fff; border-radius: 7px; box-shadow: 2px 8px 10px 2px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 960px) { .vp-product-item-theme.vp-theme-search-box:nth-last-of-type(1), .vp-product-item-theme.vp-theme-search-box:nth-last-of-type(2) { margin-bottom: 0; } .vp-product-item-theme.vp-theme-search-box:nth-of-type(2n) { margin-right: 10px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box { flex: 1 0 100% !important; } } .vp-product-item-theme.vp-theme-search-box .vp-product-img { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; padding: 12px; } .vp-product-item-theme.vp-theme-search-box .vp-title { font-size: 11px; line-height: 17px; margin-bottom: 5px; text-align: right; } @media only screen and (min-width: 960px) { .vp-product-item-theme.vp-theme-search-box .vp-title { min-height: 43px; height: auto; margin-bottom: 10px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box .vp-title { font-size: 11px; height: auto; overflow: hidden; } } .vp-product-item-theme.vp-theme-search-box .vp-detail { margin-top: 5px; font-size: 9px; } .vp-product-item-theme.vp-theme-search-box .vp-detail span { background: #f5f5f5; padding: 0 5px; margin-left: 2px; display: inline-block; height: 20px; line-height: 20px; margin-bottom: 2px; border-radius: 2px; } .vp-product-item-theme.vp-theme-search-box .vp-detail span.vp-green-icon i { color: #61c362; } .vp-product-item-theme.vp-theme-search-box .vp-detail span.vp-green { color: #fff; background: #61c362; } .vp-product-item-theme.vp-theme-search-box .vp-detail span.vp-red { color: #fff; background: #fb3449; } .vp-product-item-theme.vp-theme-search-box .vp-detail span.vp-red-icon i { color: #fb3449; } .vp-product-item-theme.vp-theme-search-box .vp-detail span.vp-orange { color: #fff; background: #ffa500; } .vp-product-item-theme.vp-theme-search-box .vp-detail span.vp-orange-icon i { color: #ffa500; } .vp-product-item-theme.vp-theme-search-box .vp-detail span i { margin-left: 2px; vertical-align: middle; } .vp-product-item-theme.vp-theme-search-box > .vp-detail { position: absolute; left: 12px; bottom: 12px; line-height: 32px; } .vp-product-item-theme.vp-theme-search-box .vp-price-list { display: flex; flex-direction: column; align-items: stretch; line-height: 1; margin-bottom: 5px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box .vp-price-list { flex-direction: column; margin-bottom: 0; line-height: 1; height: 32px; line-height: 32px; } } .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price { flex: 1; } .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price > .vp-value { font-size: 18px; font-weight: 300; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price > .vp-value { font-weight: bold; color: #000; } } .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price > .vp-unit { color: #4a5f73; vertical-align: middle; margin-right: 3px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price > .vp-unit { font-weight: bold; font-size: 8px; color: #000; } } .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted { padding-top: 2px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted { padding-top: 0; padding-left: 20px; } } .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted .vp-value { color: #000; position: relative; font-size: 15px; font-weight: normal; z-index: 2; padding: 0 4px; vertical-align: middle; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted .vp-value { font-size: 12px; color: #4a5f73; } } .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted .vp-value:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(7deg); transform-origin: center; width: 100%; height: 1px; background: #a4a4a4; z-index: 1; } .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted .vp-discount { display: inline-block; vertical-align: middle; margin-right: 5px; direction: ltr; font-size: 10px; background: #ffcc00; color: #fff; background: transparent url("../images/discount.png") no-repeat center / 100%; width: 22px; height: 22px; border-radius: 22px; line-height: 22px; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted .vp-discount { position: absolute; right: 0; bottom: 5px; font-size: 10px; margin-right: 0; width: 25px; height: 25px; border-radius: 25px; line-height: 25px; text-align: center; } } .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted .vp-discount > span { font-size: 11px; line-height: 0; margin-left: -2px; font-family: yekanbakhen, serif; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price.vp-discounted .vp-discount > span { font-size: 10px; } } .vp-product-item-theme.vp-theme-search-box .vp-quantity-supermarket-theme { position: absolute; left: 12px; bottom: 12px; height: 30px; line-height: 26px; } .vp-product-item-theme.vp-theme-search-box .vp-quantity-supermarket-theme .vp-quantity-supermarket { line-height: 30px; } .vp-product-item-theme.vp-theme-search-box .vp-quantity-supermarket-theme .vp-btn { width: 30px; } /* * Created by Arapendar */ .vp-quantity-supermarket-theme { width: 85px; height: 35px; line-height: 35px; overflow: hidden; border-radius: 5px; text-align: center; border: 1px solid #f5f5f5; background: rgba(255, 255, 255, 0.85); position: relative; display: inline-block; transition: all 0.3s ease 0.1s; } .vp-quantity-supermarket-theme .vp-loading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 4; background: rgba(255, 255, 255, 0.9); color: #ffcc00; font-size: 18px; display: none; } .vp-quantity-supermarket-theme .vp-loading i { vertical-align: middle; } .vp-quantity-supermarket-theme .vp-btn { z-index: 2; position: absolute; top: 0; height: 100%; width: 35px; text-align: center; transition: all 0.3s ease 0.1s; } .vp-quantity-supermarket-theme .vp-btn i { vertical-align: middle; } .vp-quantity-supermarket-theme .vp-btn.vp-plus { right: 0; color: #28af2b; } .vp-quantity-supermarket-theme .vp-btn.vp-minus { left: 0; color: #fb3449; } .vp-quantity-supermarket-theme .vp-quantity-supermarket { display: block !important; border: 0; background: transparent; font-size: 17px; font-family: IRANSansFA; color: #000; text-align: center; width: 100%; position: relative; z-index: 1; opacity: 1; visibility: visible; transition: all 0.3s ease 0.1s; } .vp-quantity-supermarket-theme .vp-quantity-supermarket::-webkit-outer-spin-button, .vp-quantity-supermarket-theme .vp-quantity-supermarket::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vp-quantity-supermarket-theme.vp-empty { width: 35px; border-radius: 35px; } .vp-quantity-supermarket-theme.vp-empty .vp-quantity-supermarket { opacity: 0; visibility: hidden; } .vp-quantity-supermarket-theme.vp-empty .vp-btn.vp-minus { opacity: 0; transform: scale(0); } .vp-quantity-supermarket-theme.vp-empty .vp-btn.vp-plus { right: 50%; transform: translateX(50%); } /* * Created by Arapendar */ .vp-search-box { position: relative; } .vp-search-box .vp-search-box-inner { transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-inner { margin-bottom: 15px; position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding: 7px 7px; z-index: 20; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); } } .vp-search-box .vp-form { position: relative; border-radius: 7px; background: #f5f5f5; height: 50px; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-form { background: #f1f1f1; height: 40px; } } .vp-search-box .vp-form input[type="search"], .vp-search-box .vp-form input[type="text"] { background: transparent; line-height: 50px; position: relative; padding: 0 20px 0 50px; z-index: 2; font-family: IRANSans, serif; display: block; width: 100%; border: 0; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-form input[type="search"], .vp-search-box .vp-form input[type="text"] { line-height: 40px; padding-left: 50px; padding-right: 37px; opacity: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-form input[type="search"].vp-active, .vp-search-box .vp-form input[type="text"].vp-active { opacity: 1; } } .vp-search-box .vp-form button[type="submit"] { position: absolute; left: 0; top: 0; font-size: 25px; background: transparent; color: #8c8c8c; border: 0; z-index: 3; cursor: pointer; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 960px) { .vp-search-box .vp-form button[type="submit"] { width: 50px; height: 50px; line-height: 50px; text-align: center; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-form button[type="submit"] { width: 40px; height: 40px; line-height: 40px; text-align: center; left: auto; right: 0; font-size: 15px; color: #0e1216; } } .vp-search-box .vp-form button[type="submit"] i { vertical-align: middle; } .vp-search-box .vp-form button[type="submit"]:hover { /*color: #ffcc00;*/ } .vp-search-box .vp-form .vp-form-place-holder { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; line-height: 40px; height: 100%; background: #f5f5f5; padding: 0 50px 0 40px; font-size: 15px; cursor: pointer; font-weight: normal; color: #6a859f; } .vp-search-box .vp-form .vp-form-place-holder img { margin-right: 5px; height: 40px; } .vp-search-box .vp-search-box-loading { position: absolute; left: 50px; top: 0; height: 100%; width: 50px; display: none; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-loading { left: 0; top: -5px; } } .vp-search-box .vp-search-box-clean { position: absolute; left: 50px; width: 50px; top: 0; display: none; height: 100%; line-height: 50px; text-align: center; font-size: 20px; cursor: pointer; z-index: 3; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-clean { left: 0; line-height: 40px; } } .vp-search-box .vp-search-box-clean i { vertical-align: middle; } .vp-search-box .vp-search-box-result { position: absolute; left: 0; top: 200%; width: 100%; background: #fff; border-radius: 7px; padding: 20px; opacity: 0; visibility: hidden; z-index: 10; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } .vp-search-box .vp-search-box-result.vp-show { opacity: 1; visibility: visible; top: 100%; } .vp-search-box .vp-search-box-result .vp-search-section { margin-bottom: 20px; } .vp-search-box .vp-search-box-result .vp-search-section > .vp-title { font-weight: bold; padding: 0 0 7px; margin-bottom: 7px; color: #000; border-bottom: 1px solid #f5f5f5; font-size: 14px; } .vp-search-box .vp-search-box-result .vp-search-section > .vp-title > .vp-search-history-clear { color: #ccc; float: left; font-weight: 400; cursor: pointer; transition: all 0.3s ease 0.1s; } .vp-search-box .vp-search-box-result .vp-search-section > .vp-title > .vp-search-history-clear:hover { color: #fb3449; } .vp-search-box .vp-search-box-result .vp-search-section.vp-search-tops span { background: #f5f5f5; font-size: 12px; margin: 0 0 3px 5px; display: inline-block; cursor: pointer; padding: 5px 13px; border-radius: 5px; } .vp-search-box .vp-search-box-result .vp-search-section.vp-search-tops span:hover { color: #16c9f6; } .vp-search-box .vp-search-box-result .vp-search-section.vp-search-history span { display: block; padding: 5px 0; font-size: 14px; cursor: pointer; } .vp-search-box .vp-search-box-result .vp-search-section.vp-search-history span:last-of-type { padding-bottom: 0; } .vp-search-box .vp-search-box-result .vp-search-section.vp-search-history span .vp-search-history-delete { float: left; line-height: 16px; width: 16px; text-align: center; color: #ccc; font-size: 15px; cursor: pointer; } .vp-search-box .vp-search-box-result .vp-search-section.vp-search-history span .vp-search-history-delete:hover { color: #fb3449; } .vp-search-box .vp-search-box-result .vp-search-section:last-of-type { margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result > .vp-content { height: 100%; overflow-y: auto; } } .vp-search-box .vp-search-box-result .vp-search-container .vp-infinity-loading { position: absolute; left: 0; bottom: -100px; width: 100%; text-align: center; z-index: 3; opacity: 0; display: none; padding-bottom: 10px; background: #ffffff; padding-top: 15px; line-height: 32px; background: linear-gradient(0deg, #ffffff 50%, rgba(255, 255, 255, 0) 100%); transition: all 0.3s ease 0.1s; } .vp-search-box .vp-search-box-result .vp-search-container .vp-infinity-loading .lds-ripple { vertical-align: middle; } .vp-search-box .vp-search-box-result .vp-search-container .vp-infinity-loading .vp-title { vertical-align: middle; display: inline-block; } .vp-search-box .vp-search-box-result .vp-search-container.vp-loading-infinity .vp-search-more-link { opacity: 0; bottom: -100px; } .vp-search-box .vp-search-box-result .vp-search-container.vp-loading-infinity .vp-infinity-loading { display: inline-block; bottom: 0; opacity: 1; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-loading { height: 250px; display: flex; justify-content: center; flex-direction: column; text-align: center; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-loading .vp-loading-icon { display: inline-block; font-size: 45px; margin-bottom: 30px; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-loading span { display: block; text-align: center; } .vp-search-box .vp-search-box-result .vp-search-container.vp-not-found { height: 250px; display: flex; justify-content: center; flex-direction: column; text-align: center; } .vp-search-box .vp-search-box-result .vp-search-container.vp-not-found i { font-size: 45px; margin-bottom: 30px; } .vp-search-box .vp-search-box-result .vp-search-container.vp-not-found span { display: block; text-align: center; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result { height: 100%; padding-bottom: 10px; } } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-header { border-bottom: 1px solid #f5f5f5; position: sticky; top: 0; left: 0; width: 100%; z-index: 2; background: #fff; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-header { padding-top: 0; } } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-header ul li { display: inline-block; position: relative; cursor: pointer; margin: 0 0 0 35px; padding-bottom: 20px; font-size: 12px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-header ul li { font-size: 14px; width: 33.33%; margin-left: 0; float: right; text-align: center; } } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-header ul li:before { content: ''; position: absolute; left: 50%; bottom: 10px; transform: translateY(-50%); background: #e8e8e8; width: 6px; height: 6px; border-radius: 6px; transition: all 0.3s ease 0.1s; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-header ul li.vp-active { color: #3ccdbb; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-header ul li.vp-active:before { background: rgb(60,205,187); } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-content { position: relative; z-index: 1; } @media only screen and (min-width: 960px) { .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-content { margin-top: 20px; max-height: 315px; overflow-y: auto; padding-left: 10px; margin-left: -10px; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-content::-webkit-scrollbar { width: 5px; bottom: 70px; background: #f5f5f5; border-radius: 50px; box-shadow: unset !important; transition: all 0.3s ease 0.1s; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-content { height: calc(100% - 35px); } } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-ads-banner .vp-banner { margin-bottom: 10px; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-search-more-link { position: absolute; z-index: 3; line-height: 41px; top: 10px; left: 20px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-search-more-link { bottom: 0; top: auto; left: 0; width: 100%; text-align: center; position: absolute; background: #ffffff; padding-top: 15px; background: linear-gradient(0deg, #ffffff 50%, rgba(255, 255, 255, 0) 100%); } } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-products-grid { display: flex; flex-wrap: wrap; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-products-grid { height: 100%; overflow-y: auto; padding: 10px 0; } } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-products-grid .vp-product-item-theme { flex: 1 0 48%; width: auto; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-brands-grid { display: flex; flex-wrap: wrap; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-brands-grid .vp-item { flex: 1 0 31%; margin: 3px; width: auto; padding: 5px; line-height: normal; font-size: 14px; color: #000; position: relative; text-align: center; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-brands-grid .vp-item img { width: 60px; height: 60px; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-brands-grid .vp-item .vp-title { display: block; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-list-grid ul li { border-bottom: 1px solid #f5f5f5; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-list-grid ul li a { display: block; font-size: 14px; font-weight: bold; padding: 10px 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-list-grid ul li a { padding: 15px 0; } } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-list-grid ul li a i { font-size: 20px; vertical-align: middle; margin-left: 10px; color: #7a92a9; font-weight: 100; } .vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-list-grid ul li:last-of-type { border-bottom: 0; } /* * Created by Arapendar */ #vp-header { /*position: fixed;*/ left: 0; top: 0; width: 100%; z-index: 10; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header { margin-bottom: 15px; /*position: fixed;*/ left: 0; top: 0; width: 100%; } } #vp-header .vp-top-nav { background: #f5f5f5; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-top-nav { display: none; } } #vp-header .vp-top-nav .vp-menu { padding: 13px 0; font-size: 13px; } #vp-header .vp-top-nav .vp-menu ul li { float: right; margin-left: 15px; padding-left: 15px; position: relative; } #vp-header .vp-top-nav .vp-menu ul li a { transition: all 0.3s ease 0.1s; } #vp-header .vp-top-nav .vp-menu ul li:hover a { /* color: #16c9f6;*/ } #vp-header .vp-top-nav .vp-menu ul li:after { content: ''; display: inline-block; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: rgba(114, 114, 114, 0.2); } #vp-header .vp-top-nav .vp-menu ul li:last-of-type:after { display: none; } #vp-header .vp-top-nav .vp-support-phone { position: relative; overflow: hidden; padding-left: 60px; height: 45px; padding-top: 10px; line-height: 1; display: block; } #vp-header .vp-top-nav .vp-support-phone .vp-value { font-family: IRANSansFA; font-size: 18px; direction: ltr; letter-spacing: 0.5px; font-weight: bold; /*color: rgb(60,205,187);*/ } #vp-header .vp-top-nav .vp-support-phone .vp-value span { font-weight: normal; color: #727272; font-size: 11px; letter-spacing: 0.5px; } #vp-header .vp-top-nav .vp-support-phone .vp-description { font-size: 11px; } #vp-header .vp-top-nav .vp-support-phone i { position: absolute; left: 0; top: 10px; width: 46px; height: 46px; } /*========================Start of top-bar-notification==============================*/ #vp-header #top-bar-notification { background-color: #f44336; display: block; padding: 6px 0; color: #fff; line-height: 17px; background-size: 100%; /*background: #222 no-repeat center;*/ width: 100%; z-index: 999; } #vp-header .verification-top-alert .top-alert-content { background-color: #f44336; border-radius: 4px; float: right; padding: 0 15px; width: 100%; position: relative; } #vp-header .verification-top-alert .top-alert-content .banner-close { position: absolute; fill: #fff; right: -22px; top: 16px; cursor: pointer; transition: .1s; font-size: 19px; } #vp-header .verification-top-alert p { color: #fff; float: right; font-size: 15px; max-width: 80%; margin-left: 15px; margin-top: 12px; font-weight: 500; padding: 5px 15px 5px 5px; text-align: right; } #vp-header .verification-top-alert .top-alert-content-btn { background: #27abea; border: none; border-radius: 50px; float: left; overflow: hidden; text-align: center; font-weight: 500; font-size: 15px; min-width: 15%; margin: 6px; padding: 10px; color: inherit; vertical-align: middle; position: relative; z-index: 1; } /*========================End of top-bar-notification==============================*/ #vp-header .vp-middle-header { background: #fff; padding: 15px 0 10px; z-index: 9; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header { padding: 7px 0; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); } } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-right { width: 100%; } } #vp-header .vp-middle-header .vp-header-right .vp-logo { margin-left: 10px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-right .vp-logo { display: none; } } #vp-header .vp-middle-header .vp-header-right .vp-logo img { max-height: 50px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-right .vp-search-box { width: 100%; } } #vp-header .vp-middle-header .vp-header-left { position: relative; } #vp-header .vp-middle-header .vp-header-left .vp-login { position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-left .vp-login { display: none; } } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-inner { width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 100%; border: 1px solid #e4e4e4; font-size: 23px; color: #4a5f73; transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-inner i { vertical-align: middle; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-inner:hover { border-color: #3ccdbb; /*color: #16c9f6;*/ } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer { position: absolute; top: 100%; margin-left: 15px; left: 100%; background: #fff; width: 245px; border-radius: 7px; opacity: 0; visibility: hidden; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer:before { content: ''; display: inline-block; position: absolute; top: 22px; right: 100%; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #16c9f6; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-header { position: relative; height: 60px; padding: 10px 60px 0 10px; /*background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ color: #fff; border-radius: 7px 7px 0 0; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-header .vp-img { position: absolute; right: 10px; top: 50%; overflow: hidden; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 40px; line-height: 40px; text-align: center; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-header .vp-img img { width: 100%; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-header .vp-name { font-size: 13px; font-weight: 300; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-header .vp-mobile { font-size: 13px; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li { color: #000; padding: 10px 20px; font-size: 12px; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li i { margin-left: 17px; font-size: 17px; vertical-align: middle; color: #cbcbcb; transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li a { transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li a:hover { /*color: #16c9f6;*/ } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li a:hover i { color: #fb3449; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li.vp-logout { color: #fb3449; border-top: 1px solid #f2f2f2; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li.vp-logout i { color: #fb3449; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li.vp-logout a:hover { color: #727272; } #vp-header .vp-middle-header .vp-header-left .vp-login .vp-outer .vp-menu ul li.vp-logout a:hover i { color: #000; } #vp-header .vp-middle-header .vp-header-left .vp-login:hover .vp-outer { top: 0; opacity: 1; visibility: visible; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart { position: relative; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner { position: relative; display: inline-block; height: 50px; font-size: 15px; line-height: 50px; padding: 0 20px 0 70px; border-radius: 7px; border: 1px solid #e4e4e4; color: #4a5f73; overflow: hidden; margin-right: 10px; transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner i { vertical-align: middle; font-size: 23px; margin-left: 10px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner > .vp-title { font-weight: bold; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner > .vp-number { position: absolute; left: 0; top: 0; padding-top: 7px; color: #7c7c7c; text-align: center; line-height: 1; width: 50px; height: 50px; transition: all 0.3s ease 0.1s; font-family: IRANSansFA; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner > .vp-number:before { content: ''; display: inline-block; position: absolute; left: -8px; top: -5px; z-index: 1; background: #c0eefa; transform: rotate(8deg); width: 60px; height: 60px; transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner > .vp-number > span { position: relative; z-index: 2; display: block; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner > .vp-number > span.vp-value { font-size: 22px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner > .vp-number > span.vp-title { font-size: 9px; letter-spacing: -0.1px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-inner { display: none; } } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer { position: absolute; top: 150%; opacity: 0; visibility: hidden; margin-top: 10px; left: 0; border-top: 3px solid #16c9f6; background: #fff; width: 310px; border-radius: 7px; overflow: hidden; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer { height: calc(100% - 50px) !important; } } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer:before { content: ''; display: inline-block; position: absolute; left: 17px; top: -11px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffcc00; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content { padding: 0 15px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content { overflow-y: auto; height: calc(100% - 60px); } } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-header, #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-shipping, #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-price-all { border-bottom: 1px solid #f5f5f5; padding: 10px 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-header, #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-shipping, #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-price-all { padding: 7px 0; } } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-header .vp-price, #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-shipping .vp-price, #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-price-all .vp-price { color: #28af2b; font-size: 14px; font-family: IRANsansFA; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-header .vp-price .vp-unit, #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-shipping .vp-price .vp-unit, #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-price-all .vp-price .vp-unit { font-size: 11px; margin-right: 1px; vertical-align: middle; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-min-order { border-bottom: 1px solid #f5f5f5; padding: 10px 15px; margin: 0 -15px; text-align: justify; color: rgba(0, 0, 0, 0.7); position: relative; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-min-order .vp-min-order-progress { position: absolute; right: 0; top: 0; width: 0; height: 100%; background: #c2edcd; z-index: 0; transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-min-order .vp-title { position: relative; z-index: 2; font-size: 15px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-min-order .vp-title span { font-weight: bold; font-size: 16px; color: #000; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-header .vp-title { padding-top: 5px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-header .vp-title { padding-right: 30px; } } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-header .vp-btn { font-size: 11px; padding: 5px 10px 3px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-shipping .vp-progress { margin-top: 5px; margin-bottom: 3px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products { margin-top: 10px; scrollbar-color: #a9a9a9 #d1d1d1; scrollbar-width: thin !important; } @media only screen and (min-width: 960px) { #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products { max-height: 300px; overflow-y: auto; margin-bottom: 66px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products .vp-product-item-theme .vp-product-img { margin-bottom: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products { max-height: unset !important; } } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products::-webkit-scrollbar { width: 5px; bottom: 70px; background: #f5f5f5; border-radius: 50px; box-shadow: unset !important; transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products .vp-product-item-theme .vp-price-list { margin-top: 4px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products .vp-product-item-theme .vp-quantity-supermarket-theme { float: left; height: 30px; line-height: 26px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products .vp-product-item-theme .vp-quantity-supermarket-theme .vp-quantity-supermarket { line-height: 30px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-content > .vp-products .vp-product-item-theme .vp-quantity-supermarket-theme .vp-btn { width: 30px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-footer { line-height: 37px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5; background: #fff; border-top: 1px solid #f5f5f5; padding: 10px 0; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-footer .vp-btn { display: block; position: relative; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-footer .vp-btn .vp-title { float: right; /*background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ color: #fff; border-radius: 14px 0 0 14px; text-align: center; font-weight: bold; width: 80%; transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-footer .vp-btn .vp-icon { position: absolute; left: 0; top: 0; width: 20%; text-align: center; font-size: 22px; color: #16c9f6; transition: all 0.3s ease 0.1s; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-footer .vp-btn .vp-icon i { vertical-align: middle; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-footer .vp-btn:hover .vp-title { background: -moz-linear-gradient(90deg, rgba(60,205,187,0.6) 40%, rgba(22,201,246,0.6) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,0.6) 40%, rgba(22,201,246,0.6) 100%); background: linear-gradient(90deg, rgba(60,205,187,0.6) 40%, rgba(22,201,246,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); color: #fff; width: 100%; border-radius: 0; padding-right: 50px; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart .vp-outer > .vp-footer .vp-btn:hover .vp-icon { left: 100%; transform: translateX(-100%); color: #fff; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart:hover .vp-inner { border-color: #3ccdbb; /*color: #16c9f6;*/ } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart:hover .vp-inner .vp-number { color: #727272; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart:hover .vp-inner .vp-number:before { background: #f2f2f2; } #vp-header .vp-middle-header .vp-header-left .vp-mini-cart:hover .vp-outer { top: 100%; opacity: 1; visibility: visible; } /* * Created by Arapendar */ /* .vp-top-menu { background: #fff; position: relative; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } .vp-top-menu .size { position: relative; } .vp-top-menu .vp-menu.right { width: calc(100% - 150px); } .vp-top-menu .vp-menu > ul > li, .vp-top-menu .vp-menu > .vp-slider > li, .vp-top-menu .vp-menu > ul .vp-menu-item, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item { display: inline-block; padding: 0 15px; transition: all 0.3s ease 0.1s; } .vp-top-menu .vp-menu > ul > li > a, .vp-top-menu .vp-menu > .vp-slider > li > a, .vp-top-menu .vp-menu > ul .vp-menu-item > a, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item > a, .vp-top-menu .vp-menu > ul > li > span, .vp-top-menu .vp-menu > .vp-slider > li > span, .vp-top-menu .vp-menu > ul .vp-menu-item > span, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item > span { padding: 10px 0 13px; display: inline-block; position: relative; font-size: 14px; transition: all 0.3s ease 0.1s; } .vp-top-menu .vp-menu > ul > li > a:before, .vp-top-menu .vp-menu > .vp-slider > li > a:before, .vp-top-menu .vp-menu > ul .vp-menu-item > a:before, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item > a:before, .vp-top-menu .vp-menu > ul > li > span:before, .vp-top-menu .vp-menu > .vp-slider > li > span:before, .vp-top-menu .vp-menu > ul .vp-menu-item > span:before, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item > span:before { content: ''; display: inline-block; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); border-radius: 2px 2px 0 0; transition: all 0.3s ease 0.1s; } .vp-top-menu .vp-menu > ul > li:last-of-type, .vp-top-menu .vp-menu > .vp-slider > li:last-of-type, .vp-top-menu .vp-menu > ul .vp-menu-item:last-of-type, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item:last-of-type { padding-left: 0; } .vp-top-menu .vp-menu > ul > li:hover > a, .vp-top-menu .vp-menu > .vp-slider > li:hover > a, .vp-top-menu .vp-menu > ul .vp-menu-item:hover > a, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item:hover > a, .vp-top-menu .vp-menu > ul > li.vp-active > a, .vp-top-menu .vp-menu > .vp-slider > li.vp-active > a, .vp-top-menu .vp-menu > ul .vp-menu-item.vp-active > a, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item.vp-active > a, .vp-top-menu .vp-menu > ul > li:hover > span, .vp-top-menu .vp-menu > .vp-slider > li:hover > span, .vp-top-menu .vp-menu > ul .vp-menu-item:hover > span, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item:hover > span, .vp-top-menu .vp-menu > ul > li.vp-active > span, .vp-top-menu .vp-menu > .vp-slider > li.vp-active > span, .vp-top-menu .vp-menu > ul .vp-menu-item.vp-active > span, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item.vp-active > span { color: #16c9f6; } .vp-top-menu .vp-menu > ul > li:hover > a:before, .vp-top-menu .vp-menu > .vp-slider > li:hover > a:before, .vp-top-menu .vp-menu > ul .vp-menu-item:hover > a:before, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item:hover > a:before, .vp-top-menu .vp-menu > ul > li.vp-active > a:before, .vp-top-menu .vp-menu > .vp-slider > li.vp-active > a:before, .vp-top-menu .vp-menu > ul .vp-menu-item.vp-active > a:before, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item.vp-active > a:before, .vp-top-menu .vp-menu > ul > li:hover > span:before, .vp-top-menu .vp-menu > .vp-slider > li:hover > span:before, .vp-top-menu .vp-menu > ul .vp-menu-item:hover > span:before, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item:hover > span:before, .vp-top-menu .vp-menu > ul > li.vp-active > span:before, .vp-top-menu .vp-menu > .vp-slider > li.vp-active > span:before, .vp-top-menu .vp-menu > ul .vp-menu-item.vp-active > span:before, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item.vp-active > span:before { width: 100%; } .vp-top-menu .vp-menu > ul > li:hover > a, .vp-top-menu .vp-menu > .vp-slider > li:hover > a, .vp-top-menu .vp-menu > ul .vp-menu-item:hover > a, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item:hover > a, .vp-top-menu .vp-menu > ul > li:hover > span, .vp-top-menu .vp-menu > .vp-slider > li:hover > span, .vp-top-menu .vp-menu > ul .vp-menu-item:hover > span, .vp-top-menu .vp-menu > .vp-slider .vp-menu-item:hover > span { color: #000; } .vp-top-menu .vp-menu > .vp-slider .vp-menu-item > a > i{ position: relative; top: 3px; font-size: 14px; } .vp-top-menu .vp-menu .vp-sub-menu-items { position: absolute; right: 0; top: 100%; background: #fff; width: 100%; height: 335px; border-radius: 0 0 7px 7px; padding: 0 15px; overflow: hidden; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1), 0 55px 0 #f5f5f5 inset; display: none; } .vp-top-menu .vp-menu .vp-sub-menu-items > li, .vp-top-menu .vp-menu .vp-sub-menu-items .vp-menu-item-sub { float: right; padding: 10px 0; margin-left: 10px; } .vp-top-menu .vp-menu .vp-sub-menu-items > li > a, .vp-top-menu .vp-menu .vp-sub-menu-items .vp-menu-item-sub > a { border-radius: 50px; padding: 3px 12px; line-height: 35px; color: #000; font-size: 14px; transition: all 0.3s ease 0.1s; } .vp-top-menu .vp-menu .vp-sub-menu-items > li:hover > a, .vp-top-menu .vp-menu .vp-sub-menu-items .vp-menu-item-sub:hover > a { color: #16c9f6; } .vp-top-menu .vp-menu .vp-sub-menu-items > li.vp-active > a, .vp-top-menu .vp-menu .vp-sub-menu-items .vp-menu-item-sub.vp-active > a { color: #fff; background: #6fdcf7; } .vp-top-menu .vp-menu .vp-sub-menu-items .vp-sub-menu-items-sub { position: absolute; right: 0; top: 75px; padding: 0 30px 25px 280px; width: 100%; height: calc(100% - 75px); flex-wrap: wrap; flex-direction: column; background-repeat: no-repeat; background-position: bottom 15px left 40px; background-size: auto 85%; display: inline-flex; } .vp-top-menu .vp-menu .vp-sub-menu-items .vp-sub-menu-items-sub > li { font-size: 14px; line-height: 30px; } .vp-top-menu .vp-menu .vp-sub-menu-items .vp-sub-menu-items-sub > li.vp-more-link { position: absolute; right: 30px; bottom: 10px; font-weight: 300; } .vp-top-menu .vp-menu .vp-sub-menu-items .vp-sub-menu-items-sub > li.vp-more-link i { margin-left: 3px; vertical-align: middle; } .vp-top-menu .vp-menu .vp-sub-menu-items .vp-sub-menu-items-sub > li > a { transition: all 0.3s ease 0.1s; } .vp-top-menu .vp-menu .vp-sub-menu-items .vp-sub-menu-items-sub > li > a:hover { color: #16c9f6; } */ /* * Created by Arapendar */ .vp-slider-full { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-slider-full { margin-bottom: 7px; margin-top: 10px; } } .vp-slider-full .vp-slider .vp-slide { overflow: hidden; } @media only screen and (min-width: 960px) { .vp-slider-full .vp-slider .vp-slide { border-radius: 21px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-slider-full .vp-slider .vp-slide { border-radius: 7px; } } /* * Created by Arapendar */ .vp-special-benefits { margin-bottom: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits { margin-bottom: 0px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits .size { display: flex; flex-direction: row; align-items: stretch; width: 100% !important; overflow-x: auto; padding-bottom: 10px; } } .vp-special-benefits .vp-item { float: right; margin-left: 1%; width: 19.2%; padding: 10px 0; position: relative; text-align: center; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits .vp-item { min-width: 125px; padding: 10px 0 7px; margin-left: 5px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits .vp-item:first-of-type { margin-right: 5px; } } .vp-special-benefits .vp-item:last-of-type { margin-left: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits .vp-item:last-of-type { margin-left: 5px; } } .vp-special-benefits .vp-item .vp-inner { display: inline-block; position: relative; padding-right: 50px; text-align: right; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits .vp-item .vp-inner { padding-right: 30px; line-height: 1; } } .vp-special-benefits .vp-item i { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); font-size: 45px; width: 45px; height: 45px; line-height: 45px; text-align: center; cursor: pointer; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits .vp-item i { width: 25px; height: 25px; line-height: 25px; text-align: center; } } .vp-special-benefits .vp-item .vp-title { display: block; font-size: 15px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits .vp-item .vp-title { font-size: 10px; margin: 5px 0 !important; } } .vp-special-benefits .vp-item .vp-title .vp-highlight { /*color: #ffcc00;*/ display: inline-block; } .vp-special-benefits .vp-item .vp-description { font-weight: 300; font-size: 13px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-benefits .vp-item .vp-description { font-size: 9px; } } /* * Created by Arapendar */ .vp-special-discount { position: relative; min-height: 420px; margin-bottom: 30px; padding-right: 325px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount { padding-right: 0; margin-bottom: 1px; min-height: auto; direction: ltr; } } .vp-special-discount > .vp-header { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: calc(100% - 14px); text-align: center; /*padding: 20px;*/ width: 300px; border-radius: 7px 0 0 7px; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount > .vp-header { width: 150px; /*padding: 55px 15px 0;*/ height: calc(100% - 24px); margin-top: -5px; transform-origin: right center; } } .vp-special-discount .vp-header .vp-header-side-banner { border-radius: 7px 0 0 7px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount .vp-header .vp-header-side-banner { height: 100%; } } .vp-special-discount > .vp-header > * { position: relative; z-index: 3; } /*.vp-special-discount > .vp-header:before { content: ''; position: absolute; right: 0; top: 0; height: 120px; width: 100%; background: transparent url("../images/bg-supermarket.png") repeat top right; z-index: 1; }*/ /*.vp-special-discount > .vp-header:after { content: ''; position: absolute; z-index: 2; height: 190px; width: 85%; right: 50%; transform: translateX(50%); top: 15px; background: #ffcc00; border-radius: 100%; filter: blur(10px); } */ @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount > .vp-header:after { top: 25px; } } .vp-special-discount > .vp-header > .vp-title { font-size: 37px; font-weight: 300; text-shadow: 0 1px #997a00, 0 2px #997a00; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount > .vp-header > .vp-title { font-size: 17px; } } .vp-special-discount > .vp-header > .vp-description { font-size: 32px; font-weight: bold; text-shadow: 0 1px #997a00, 0 2px #997a00; margin-bottom: 20px; line-height: 1; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount > .vp-header > .vp-description { font-size: 16px; } } .vp-special-discount > .vp-header > .vp-description > img { margin-right: 7px; max-width: 120px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount > .vp-header > .vp-description > img { max-width: 55px; } } .vp-special-discount > .vp-header > .vp-img { margin-bottom: 5px; } .vp-special-discount > .vp-header > .vp-img img { width: 195px; } .vp-special-discount > .vp-header > .vp-theme-sale { width: 195px; margin: 0 auto; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount > .vp-header > .vp-theme-sale { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount > .vp-slider-container .vp-slider { display: flex; flex-direction: row; align-items: stretch; width: 100% !important; overflow-x: auto; padding-bottom: 10px; } } .vp-special-discount > .vp-slider-container .vp-product-item-theme { height: 420px; margin: 7px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-special-discount > .vp-slider-container .vp-product-item-theme { /*height: auto;*/ height: 330px; margin: 7px 4px; } .vp-special-discount > .vp-slider-container .vp-product-item-theme:first-of-type { /*margin-right: 160px;*/ margin-right: 0px; } .vp-special-discount > .vp-slider-container .vp-product-item-theme:last-of-type { margin-left: 8px; } .vp-special-discount > .vp-slider-container .vp-product-item-theme .vp-seconds-timer-theme { position: absolute; bottom: 0; width: 100%; margin: 0; left: 0; } } /* * Created by Arapendar */ .vp-seconds-timer { display: none; } .vp-discount-timer .vp-row { line-height: 23px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-discount-timer .vp-row { line-height: 15px; margin-top: 10px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-discount-timer-title { font-size: 9px; } } .vp-discount-timer-time { direction: ltr; font-weight: 400; font-size: 15px; font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-discount-timer-time { font-weight: bold; font-size: 11px; } } .vp-discount-timer-time .vp-dot { display: inline-block; margin: 0 3px; vertical-align: middle; } /* * Created by Arapendar */ .vp-ads-banner { display: flex; flex-direction: row; align-items: stretch; width: 100%; } .vp-ads-banner .vp-banner { background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); text-align: center; margin-bottom: 30px; overflow: hidden; position: relative; flex: 1; margin-left: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-ads-banner .vp-banner { margin-bottom: 15px; margin-left: 7px; } } .vp-ads-banner .vp-banner:last-of-type { margin-left: 0; } .vp-ads-banner .vp-banner img { width: 100%; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-ads-banner.vp-scrollable { overflow-x: auto; } .vp-ads-banner.vp-scrollable .vp-banner { min-width: 70%; } } /* * Created by Arapendar */ /*=====================vp-selected-categories============================*/ .vp-selected-categories { margin-bottom: 15px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-selected-categories { position: relative; padding: 13px 10px 10px; margin-bottom: 15px; overflow: hidden; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); } .vp-selected-categories:before { content: ''; display: block; width: 100%; height: 3px; background: #16c9f6; position: absolute; left: 0; top: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-selected-categories .vp-header-theme { margin-bottom: 5px; line-height: 24px; padding: 0 5px; } } /* .vp-selected-categories .vp-content { !*display: flex; flex-wrap: wrap;*! } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-selected-categories .vp-content .vp-item { !*flex: 1 0 31%;*! margin: 3px; width: auto; padding: 5px; line-height: normal; font-size: 13px; font-weight: bold; color: #000; } .vp-selected-categories .vp-content .vp-item img { position: relative; right: 0; top: 0; transform: none; width: 80px; height: 80px; } .vp-selected-categories .vp-content .vp-item .vp-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .vp-selected-categories .vp-item { margin-left: 15px; margin-bottom: 15px; position: relative; padding-right: 10px; padding-left: 10px; text-align: center; font-size: 13px; font-weight: 300; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 960px) { .vp-selected-categories .vp-item { min-height: 70px; !*flex: 1 0 15%;*! max-width: calc((100% - (15px * 5)) / 6); } } .vp-selected-categories .vp-item a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; } .vp-selected-categories .vp-item img { width: 30%; } .vp-selected-categories .vp-item span { width: 70%; font-weight: 500; } @media only screen and (min-width: 960px) { .vp-selected-categories .vp-item:nth-of-type(6n) { margin-left: 0; } } .vp-selected-categories .vp-item a:hover { !*color: #16c9f6;*! } .vp-selected-categories .vp-more { min-height: 70px; flex: 1 0 15%; margin-bottom: 15px; position: relative; text-align: center; font-weight: 300; font-size: 17px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-selected-categories .vp-more { display: none; } } .vp-selected-categories .vp-more .vp-btn.vp-theme-link { display: flex; height: 100%; align-items: center; justify-content: center; } .vp-selected-categories .vp-more .vp-btn.vp-theme-link i { font-size: 20px; } =====================vp-selected-categories============================*/ /*=======================selected-categories============================*/ .selected-categories { color: #666; font-family: IRANsans; font-size: 9.5pt; margin: 20px 0; } .selected-categories .item { text-align: center; font-size: 13px; font-weight: 300; background: #fff; border-radius: 7px; margin-bottom: 15px; position: relative; padding: 3px 1px 4px 5px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } .selected-categories .item a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; } .selected-categories .item img { width: 30%; max-height: 70px; float: right; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .selected-categories .item .text { float: right; text-align: -moz-center; text-align: -webkit-center; text-align: center; /*width: 183px;*/ position: relative; width: 70%; font-weight: 500; } .selected-categories .item:after { clear: both; display: table; content: ''; } .selected-categories:after { clear: both; display: table; content: ''; } /*=======================selected-categories============================*/ /* * Created by Arapendar */ .vp-product-slider { margin: 20px 0px; position: relative; overflow: hidden; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-slider { margin-bottom: 15px; } } .vp-product-slider:before { content: ''; display: block; width: 100%; height: 3px; background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); position: absolute; left: 0; top: 0; } .vp-product-slider > .vp-header { line-height: 80px; padding: 0 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-slider > .vp-header { line-height: 24px; padding: 13px 15px 10px; margin-bottom: 5px; } } .vp-product-slider > .vp-header > .vp-title { font-size: 18px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-slider > .vp-header > .vp-title { font-size: 15px; font-weight: 300; } } .vp-product-slider .vp-content { margin-bottom: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-slider .vp-content { margin-bottom: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-slider .vp-slider { display: flex; flex-direction: row; align-items: stretch; width: 100% !important; overflow-x: auto; padding-bottom: 10px; } } .vp-product-slider .vp-slider .vp-product-item-theme { margin: 7px; width: 270px; background: transparent; box-shadow: none; padding-bottom: 0; position: relative; } .vp-product-slider .vp-slider .vp-product-item-theme:after { content: ''; display: block; width: 2px; height: 110%; position: absolute; left: -1px; /*top: 50%;*/ top: 55%; transform: translateY(-45%); background: #f5f5f5; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-slider .vp-slider .vp-product-item-theme:after { width: 1px; } } .vp-product-slider .vp-slider .vp-product-item-theme .vp-price-list { margin-bottom: 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-product-slider .vp-slider .vp-product-item-theme { height: auto; margin: 7px 0; } } .vp-product-slider .vp-slider .owl-item:last-of-type .vp-product-item-theme:after { display: none; } .vp-product-slider.vp-color-green:before { background: #28af2b; } /* * Created by Arapendar */ .vp-selected-brands { margin-bottom: 30px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-selected-brands { position: relative; padding: 13px 10px 0; margin-bottom: 15px; overflow: hidden; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); } .vp-selected-brands:before { content: ''; display: block; width: 100%; height: 3px; background: #16c9f6; position: absolute; left: 0; top: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-selected-brands .vp-header-theme { margin-bottom: 5px; line-height: 24px; padding: 0 5px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-selected-brands .vp-content { display: flex; flex-wrap: nowrap; overflow-x: auto; } .vp-selected-brands .vp-content .vp-slide { display: flex; flex: 1 0 31%; min-width: 90%; width: 90%; flex-wrap: nowrap; padding-bottom: 10px; } .vp-selected-brands .vp-content .vp-item { flex: 1 0 31%; margin: 3px; width: auto; padding: 5px; line-height: normal; font-size: 13px; font-weight: bold; color: #000; } .vp-selected-brands .vp-content .vp-item img { position: relative; right: 0; top: 0; transform: none; width: 80px; height: 80px; } .vp-selected-brands .vp-content .vp-item .vp-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .vp-selected-brands .vp-item { float: right; margin-left: 15px; margin-bottom: 15px; width: calc((100% - (15px * 5)) / 6); position: relative; height: 90px; text-align: center; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0.1s; } .vp-selected-brands .vp-item a { display: block; width: 100%; height: 100%; } .vp-selected-brands .vp-item img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 960px) { .vp-selected-brands .vp-item:nth-of-type(6n) { margin-left: 0; } } .vp-selected-brands .vp-item:hover { /*background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ } .vp-selected-brands .vp-more { float: right; width: 15.83%; margin-bottom: 15px; position: relative; line-height: 90px; text-align: center; font-weight: 300; font-size: 18px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-selected-brands .vp-more { display: none; } } .vp-selected-brands .vp-more .vp-btn.vp-theme-link i { font-size: 20px; } /* * Created by Arapendar */ .vp-post-item-theme { background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); width: 350px; margin: 7px; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-item-theme { margin: 7px 3px; min-width: 140px; width: 140px; } } .vp-post-item-theme .vp-post-img { position: relative; margin: 0 auto; width: 100%; height: 225px; overflow: hidden; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-item-theme .vp-post-img { height: 0; padding-bottom: 70%; } } .vp-post-item-theme .vp-post-img img { min-width: 100%; height: auto; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-item-theme .vp-post-img img { height: 100%; width: auto; max-width: unset; } } .vp-post-item-theme .vp-post-img .vp-date { position: absolute; bottom: 10px; left: 10px; padding: 4px 10px; border-radius: 50px; /* background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ color: #fff; z-index: 2; font-size: 12px; transition: all 0.3s ease 0.1s; font-family: IRANSansFA; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-item-theme .vp-post-img .vp-date { display: none; } } .vp-post-item-theme .vp-title { text-align: center; font-family: IRANSansFA,IRANsans; font-size: 16px; margin-bottom: 10px; transition: all 0.3s ease 0.1s; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-item-theme .vp-title { font-size: 12px; margin-bottom: 0; } } .vp-post-item-theme .vp-description { display: inline-block; text-align: justify; font-size: 13px; font-weight: 200; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-item-theme .vp-description { display: none; } } .vp-post-item-theme .vp-content { padding: 20px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-item-theme .vp-content { padding: 10px; } } .vp-post-item-theme:hover .vp-post-img img { /*filter: blur(2px);*/ transform: translate(-50%, -50%) scale(1.2); } .vp-post-item-theme:hover .vp-post-img .vp-date { background: #727272; } .vp-post-item-theme:hover .vp-title { color: #16c9f6; } /* * Created by Arapendar */ @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-slider { position: relative; padding: 13px 10px 0; margin-bottom: 15px; overflow: hidden; background: #fff; border-radius: 7px; box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1); } .vp-post-slider:before { content: ''; display: block; width: 100%; height: 3px; background: #16c9f6; position: absolute; left: 0; top: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-slider .vp-header-theme { margin-bottom: 5px; line-height: 24px; padding: 0 5px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-post-slider .vp-slider { display: flex; flex-direction: row; align-items: stretch; width: 100% !important; overflow-x: auto; padding-bottom: 10px; } } .vp-post-slider .vp-slider .vp-post-item-theme .vp-description .vp-btn { margin-top: 2px; font-size: 13px; } /* * Created by Arapendar */ #vp-footer { position: relative; margin-top: 70px; background: #fff; padding: 30px 0 15px 0; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-footer { margin-top: 20px; padding: 10px 0; } } #vp-footer:before { content: ''; position: absolute; bottom: 100%; right: 0; height: 25px; width: 100%; background: url("../images/bg-footer-lightblue.png") no-repeat center right / auto 100%; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-footer:before { display: none; } } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-footer .vp-footer-right { width: 55%; } } #vp-footer .vp-footer-right .vp-links { margin-bottom: 40px; padding-right: 30px; } #vp-footer .vp-footer-center { margin: 0 3% 0 4%; } #vp-footer .vp-footer-center-2 { margin-left: 2%; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-footer .vp-footer-left { width: 45%; } } #vp-footer .vp-links ul li { margin-bottom: 10px; font-size: 14px; font-weight: 300; text-align: right; } #vp-footer .vp-links ul li:last-of-type { margin-bottom: 0; } #vp-footer .vp-links ul li a { transition: all 0.3s ease 0.1s; } #vp-footer .vp-links ul li a:before { content: ''; vertical-align: middle; width: 6px; height: 6px; border-radius: 50px; display: inline-block; margin-left: 10px; background: #3ccdbb; transition: all 0.3s ease 0.1s; } #vp-footer .vp-links ul li a:hover { /*color: #16c9f6;*/ } #vp-footer .vp-links ul li a:hover:before { background: #4a5f73; } #vp-footer .vp-namads { text-align: center; margin: 10px auto; } #vp-footer .vp-namads img { margin: 0 10px; vertical-align: middle; max-height: 140px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-footer .vp-namads img { margin: 0 5px; height: 65px; } } #vp-footer .vp-address { margin-bottom: 15px; } #vp-footer .vp-address .vp-title { /*color: #3ccdbb;*/ font-size: 14px; } #vp-footer .vp-address .vp-highlight { /*color: #3ccdbb;*/ margin: 0 7px; } #vp-footer .vp-address .vp-value { font-size: 14px; font-weight: normal; } #vp-footer .vp-address .vp-phone-support .vp-phone-row { direction: ltr; font-size: 22px; font-weight: 500; line-height: 1; letter-spacing: 2px; font-family: IRANSansFA; display: block; margin-top: 7px; } #vp-footer .vp-address .vp-phone-support .vp-phone-row .vp-prefix { color: #4a5f73; font-size: 12px; vertical-align: middle; letter-spacing: 0; } #vp-footer .vp-address .vp-phone-support .vp-phone-description { font-size: 12px; font-weight: 300; text-align: left; } #vp-footer .vp-address.vp-email { padding-bottom: 15px; border-bottom: 2px solid #f5f5f5; font-family: IRANsans; } #vp-footer .vp-address.vp-location .vp-value { line-height: 30px; } #vp-footer .vp-newsletter .vp-title { /*color: #3ccdbb;*/ font-size: 14px; margin-bottom: 10px; } #vp-footer .vp-newsletter .vp-form { position: relative; overflow: hidden; border-radius: 7px; } #vp-footer .vp-newsletter .vp-form input { position: relative; display: block; width: 100%; background: #f5f5f5; line-height: 50px; height: 50px; z-index: 1; font-size: 12px; border: 0; padding: 0 10px; border-radius: 50px; } #vp-footer .vp-newsletter .vp-form button[type="submit"] { position: absolute; /*background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1);*/ color: #fff; text-align: center; height: 100%; left: 0; top: 0; padding: 0 30px 0 30px; z-index: 2; -webkit-border-top-left-radius: 100px; -webkit-border-bottom-left-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomleft: 100px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; } #vp-footer .vp-about .vp-logo { margin-bottom: 30px; text-align: center; } #vp-footer .vp-about .vp-description { font-size: 14px; line-height: 27px; } #vp-footer .vp-socials { position: relative; height: 300px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-footer .vp-socials { height: auto; text-align: center; } } #vp-footer .vp-socials .vp-title { font-size: 13px; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-footer .vp-socials .vp-title { font-size: 9px; margin-bottom: 2px; margin-top: 12px; } } @media only screen and (min-width: 960px) { #vp-footer .vp-socials .vp-title { margin-bottom: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); transform-origin: center; width: 200px; } } @media only screen and (min-width: 960px) { #vp-footer .vp-socials .vp-icons { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40px; margin-left: 40px; } } #vp-footer .vp-socials .vp-icons ul li { margin-bottom: 10px; width: 40px; height: 40px; border-radius: 40px; line-height: 40px; text-align: center; display: inline-block; font-size: 18px; background: #99abbd; color: #fff; transition: all 0.3s ease 0.1s; } #vp-footer .vp-socials .vp-icons ul li a:hover { /*color:#16c9f6 ;*/ } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-footer .vp-socials .vp-icons ul li { font-size: 12px; margin: 0 1px; width: 29px; height: 29px; border-radius: 29px; line-height: 29px; text-align: center; } } #vp-footer .vp-socials .vp-icons ul li i { vertical-align: middle; } #vp-footer .vp-socials .vp-icons ul li.km-tg { background: #3fade4; } #vp-footer .vp-socials .vp-icons ul li.km-insta { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } #vp-footer .vp-socials .vp-icons ul li.km-fb { background: #3a589b; } #vp-footer .vp-socials .vp-icons ul li.km-twitter { background: #00acee; } #vp-footer .vp-socials .vp-icons ul li.km-whatsapp { background: #25D366; } #vp-footer .vp-socials .vp-icons ul li:hover { box-shadow: inset -50px 0 0 rgba(0, 0, 0, 0.5); } #vp-footer .vp-footer-center.km-mt-page-over > .vp-links.justMobileTablet { border-top: 2px solid #f5f5f5; margin-top: 15px; padding-top: 8px; margin-bottom: 60px; } /* * Created by Arapendar */ #vp-footer-copyright { background: #fff; font-size: 12px; font-family: IRANsans; padding: 10px 0 10px; font-weight: 300; } #vp-footer-copyright a { margin: 0 5px; font-size: 13px; font-weight: 500; } /* * Created by Arapendar */ body.page-has-admin-bar { padding-top: 222px; } body.page-has-admin-bar.vp-has-mini-header { padding-top: 172px; } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-has-admin-bar.vp-has-mini-header { padding-top: 105px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-has-admin-bar { padding-top: 105px; } } @media only screen and (min-width: 0px) and (max-width: 959px) { body.page-has-admin-bar.km-has-fixed-banner { padding-top: 154px; } } @media only screen and (min-width: 960px) { body.page-has-admin-bar.km-has-fixed-banner { padding-top: 272px; } body.page-has-admin-bar.km-has-fixed-banner.vp-has-mini-header { padding-top: 222px; } } body.page-has-admin-bar.km-has-fixed-banner #vp-header { top: 85px; } body.page-has-admin-bar.km-has-fixed-banner #vp-header.km-fixed { top: 35px; } body.page-has-admin-bar .km-top-banner-fixed-banner { top: 35px; } body.page-has-admin-bar #vp-header { top: 35px; } body.page-has-admin-bar #vp-header.km-fixed { top: 35px; } #vp-admin-top-bar { position: fixed; left: 0; top: 0; width: 100%; background: #161829; color: #fff; height: 35px; line-height: 35px; z-index: 9; } #vp-admin-top-bar .vp-admin-bar-menu ul li { float: right; padding-left: 20px; margin-left: 20px; font-size: 13px; font-weight: 100; position: relative; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-admin-top-bar .vp-admin-bar-menu ul li { padding-left: 10px; margin-left: 10px; } } #vp-admin-top-bar .vp-admin-bar-menu ul li:after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.35); width: 1px; height: 40%; } #vp-admin-top-bar .vp-admin-bar-menu ul li:last-of-type:after { display: none; } #vp-admin-top-bar .vp-admin-bar-menu ul li img { width: 20px; height: 20px; line-height: 20px; text-align: center; overflow: hidden; margin-left: 5px; } #vp-admin-top-bar .vp-admin-bar-menu ul li a:hover { color: #8fc6ff; } #vp-admin-top-bar .vp-admin-bar-menu ul li i { vertical-align: middle; font-size: 13px; margin-left: 5px; } #vp-admin-top-bar .vp-admin-bar-menu ul li.vp-logout { color: #fb3449; } #vp-admin-top-bar .vp-admin-bar-menu.vp-left ul li { padding-left: 0; margin-left: 0; padding-right: 20px; margin-right: 20px; float: left; } @media only screen and (min-width: 0px) and (max-width: 959px) { #vp-admin-top-bar .vp-admin-bar-menu.vp-left ul li { padding-right: 10px; margin-right: 10px; } } #vp-admin-top-bar .vp-admin-bar-menu.vp-left ul li:after { left: auto; right: 0; } .vp-selected-brands.vp-all .vp-content { display: flex; flex-wrap: wrap; } .vp-selected-brands.vp-all .vp-content .vp-item { height: auto; padding: 20px 0; margin: 0 5px 20px !important; position: relative; padding-right: 10px; padding-left: 10px !important; text-align: center; font-size: 15px; font-weight: 300; background: #fff; border-radius: 7px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); transition: all 0.3s ease 0.1s; flex: 1 0 auto; } .vp-selected-brands.vp-all .vp-content .vp-item img { position: relative; left: 0; top: 0; transform: none; height: auto; width: 125px; } .vp-selected-brands.vp-all .vp-content .vp-item .vp-title { font-weight: 400; margin-top: 20px; font-size: 16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vp-brands-sorter { margin-bottom: 30px; position: relative; overflow: hidden; background: #fff; border-radius: 7px; box-shadow: 0 1px 20px rgba(0,0,0,0.19), 0 5px 5px rgba(0,0,0,0.23); text-align: center; font-size: 15px; padding: 10px 15px 7px; } .vp-brands-sorter ul li { display: inline-block; border: solid 1px #efefef; border-radius: 3px; text-align: center; margin: 0 2px 5px; padding: 5px 10px; cursor: pointer; } .vp-brands-sorter ul li.vp-active { background: #6fdcf794; color: #16c9f6; border-color: #3ccdbb; } .vp-header-theme { margin-bottom: 15px; } .vp-header-theme .vp-title { font-size: 20px; font-weight: 300; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-header-theme .vp-title { font-size: 15px; } } .vp-header-theme .vp-title .vp-highlight { /*color: #16c9f6;*/ font-weight: 400; } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result { padding-top: 60px !important; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-box-clean { left: 0; } } @media only screen and (min-width: 0px) and (max-width: 959px) { .vp-search-box .vp-search-box-result .vp-search-box-loading { left: 0; } } /*=============================================Responsive Image changer=======================================*/ .full-width-img img { width: 100%; /*height: 400px;*/ height: auto; border-radius: 3px; } .full-width-img img.Top-bar-notification { width: 100%; height: 100px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .full-width-img img.Top-bar-notification { width: 100%; height: 100px; } } /*=============================================Responsive Image changer=======================================*/ /*=============================================FAQ style=======================================*/ .km-profile-content-FAQ { width: 100%; } .km-profile-content-FAQ .tabs { width: 100%; margin: 20px 0 } .km-profile-content-FAQ .tabs .tab-links { display: flex; justify-content: space-between; padding: 0; margin: 0 0 20px; border-bottom: 2px solid #e6e6e6; text-align: center } .km-profile-content-FAQ .tabs .tab-links li { margin: 0 3px; padding: 5px 2px; list-style: none; position: relative } .km-profile-content-FAQ .tabs .tab-links li:after { content: ""; position: absolute; bottom: -3px; width: 100%; height: 4px; background: transparent; left: 0; transition: background .5s ease-in-out; } .km-profile-content-FAQ .tabs .tab-links li a { display: block; transition: all .25s linear; font-weight: 500; color: #656565; white-space: normal; } .km-profile-content-FAQ .tabs .tab-links li a .badge { margin-left: 10px } .km-profile-content-FAQ .tabs .tab-links li.active a { color: #313131 } .km-profile-content-FAQ .tabs .tab-links li.active:after { background: #313131 } .km-profile-content-FAQ .tabs .tab-content .tab { display: none } .km-profile-content-FAQ .tabs .tab-content .tab.active { display: block } .km-profile-content-FAQ .tabs .fixedLinkTab { position: fixed; top: 0 } @media (max-width: 959px) { .km-profile-content-FAQ .tabs .tab-links-box .badge { display: none } .km-profile-content-FAQ .tabs .fixedLinkTab { background: #fff; width: 100%; right: 0; z-index: 1; padding: 0 15px } } @media (min-width: 959px) { .km-profile-content-FAQ .tabs { display: flex } .km-profile-content-FAQ .tabs .tab-links-box { min-width: 145px; border-left: 3px solid #e6e6e6; margin: 0 20px } .km-profile-content-FAQ .tabs .tab-links { flex-direction: column; justify-content: flex-start; border-bottom: 0; text-align: left; width: 143px } .km-profile-content-FAQ .tabs .tab-links li { margin: 0; padding: 12px 20px } .km-profile-content-FAQ .tabs .tab-links li:after { left: -1px; bottom: 0; width: 4px; height: 100%; } } .km-profile-content-FAQ .faq-page { border: 0 } .km-profile-content-FAQ .faq-page .tab-content { width: 100% } .km-profile-content-FAQ .faq-page .accord-item { border: 1px solid #e6e6e6; margin-bottom: 10px; background: #fff } .km-profile-content-FAQ .faq-page .accord-item .accord-head { cursor: pointer; transition: all .3s } .km-profile-content-FAQ .faq-page .accord-item .accord-head:hover { background: #e6e6e6 } .km-profile-content-FAQ .faq-page .accord-item .accord-head .accord-link { position: relative; line-height: 2; margin: 0; padding: 20px 40px 20px 20px; font-weight: 500; text-align: justify; display: block; } .km-profile-content-FAQ .faq-page .accord-item .accord-head .accord-link i { position: absolute; right: 20px; top: 25px; width: 18px; height: 18px; display: inline-block; vertical-align: top } .km-profile-content-FAQ .faq-page .accord-item .accord-head .accord-link i:after, .faq-page .accord-item .accord-head .accord-link i:before { content: ""; width: 12px; height: 2px; top: 7px; right: 2px; position: absolute; background: #a3a3a3; transform: rotate(0deg); transition: all .3s } .km-profile-content-FAQ .faq-page .accord-item .accord-head .accord-link i:after { transform: rotate(90deg) } .km-profile-content-FAQ .faq-page .accord-item .accord-head .accord-link.show { background: #e6e6e6 } .km-profile-content-FAQ .faq-page .accord-item .accord-head .accord-link.show i:after { transform: rotate(0deg) } .km-profile-content-FAQ .faq-page .accord-item .accord-content { display: none; background: #e6e6e6; padding-right: 15px; padding-left: 20px; color: #a3a3a3 } .km-profile-content-FAQ .faq-page .accord-item .accord-content p, .faq-page .accord-item .accord-content ul { padding-bottom: 20px; margin: 0; text-align: justify } @media only screen and (min-width: 0px) and (max-width: 959px) { .km-profile-content-FAQ .faq-page .accord-item .accord-content p, .faq-page .accord-item .accord-content ul { padding-bottom: 5px; font-size: 9px; } } /*=============================================FAQ style=======================================*/ /*==========================================Start of article-archive====================================*/ .page-article-archive .categories { margin-bottom: 3.75rem } .page-article-archive .categories-type { margin-bottom: 10px; } .page-article-archive .categories .category { border: .125rem solid #ccc; border-radius: 4px; position: relative; padding: .625rem; background-color: #fff; transition: all .2s linear,all .2s linear } .page-article-archive .categories .category .entire-link { position: absolute; top: 0; left: 0; display: block; width: 100%; z-index: 101; height: 100% } .page-article-archive .categories .category .img { margin-bottom: .625rem } .page-article-archive .categories .category img { border-radius: 4px; width: 200px; height: 150px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .page-article-archive .categories .category img { width: 150px; height: 90px; } } .page-article-archive .categories .category span { display: block; text-align: center } .page-article-archive .categories .category .mdi { color: #ff4500; position: absolute; right: -.9375rem; top: -1.25rem; font-size: 1.75rem } .page-article-archive .sub-cats ul { list-style: none; padding: 0; margin: 0 } .page-article-archive .sub-cats ul li { display: inline-flex; margin-left: .625rem } .page-article-archive .sub-cats ul li:last-child { margin-left: 0 } .page-article-archive .sub-cats ul li a { display: inline-block; border-radius: 1.25rem; background-color: #fff; box-shadow: 0 .125rem .3125rem #ccc; padding: .125rem .9375rem } .sub-cats ul li a svg { fill: #3574ff; width: 1rem; height: 1rem; margin-left: .3125rem; transition: all .2s linear,all .2s linear } .sub-cats ul li :hover { background-color: #3574ff; color: #fff } .sub-cats ul li :hover svg { fill: #fff } @media(max-width: 959px) { .categories { margin-bottom: 0 } .categories .col-xs-4 { padding-left: .5rem; padding-right: .5rem } } .posts { margin-bottom: 3.75rem } @media(max-width: 959px) { .posts { margin-bottom: .9375rem } } .posts .header { height: 5rem } @media(max-width: 959px) { .posts .header { height: 3.75rem; margin-top: .9375rem } } .posts h3 { font-size: 1.125rem; color: #3d4e5e } .posts .items { background-color: #fff; border-radius: .3125rem; padding: .9375rem 1.875rem } .posts .archives-btn .btn { padding-left: 1.875rem; padding-right: 1.875rem } article.item { border-bottom: .125rem solid #ebebeb; padding: 1.25rem 0 } article.item:last-of-type { border-bottom: none } article.item .post-featured-img { border-radius: .3125rem; display: block; position: relative } article.item .post-featured-img img { border-radius: .3125rem; width: 12.625rem; height: 12.625rem; border: 2px solid #ccc; } article.item .post-featured-img .overlay { position: absolute; display: flex; width: 100%; bottom: 0; top: 0; left: 0; right: 0; height: 100%; z-index: 3; background-color: rgba(0,0,0,.4); align-items: center; justify-content: center; border-radius: .3125rem } article.item .post-featured-img .overlay i { font-size: 1.875rem; vertical-align: text-bottom; border-radius: 50%; width: 3.125rem; height: 3.125rem; line-height: 1.65; text-align: center; transition: all .2s linear,all .2s linear } article.item .post-featured-img .overlay .mdi-play { background-color: #f05b81 } article.item .post-featured-img .overlay .mdi-microphone { background-color: #ff9e2d } article.item .post-featured-img .overlay i:before { color: #fff } article.item .post-featured-img:hover i { background-color: #fff !important } article.item .post-featured-img:hover .mdi-play:before { color: #f05b81 } article.item .post-featured-img:hover .mdi-microphone:before { color: #ff9e2d } @media only screen and (min-width: 0px) and (max-width: 959px) { article.item .post-content .post-content-thumbnail { width: 31%; } } article.item .content-inner { height: 100%; position: relative; padding: 0 0 3.75rem } article.item .content-inner .excerpt { font-size: .875rem; color: #6d6d6d; text-overflow: ellipsis; text-align: justify; } article.item .content-inner .post-meta { position: absolute; bottom: 1.400rem; right: 10px; width: 100%; font-size: .8125rem; display: flex; flex-direction: row; justify-content: space-between; } article.item .content-inner .post-meta .link a { color: #7e7e7e; text-align: left; } article.item .content-inner .post-meta .link a i, article.item .content-inner .post-meta .date a i { vertical-align: middle; font-family: "Font Awesome 5 Pro"; font-size: 11px; font-weight: bold; } article.item .content-inner .post-meta .link a:hover { color: inherit } article.item .content-inner .post-meta .date { color: #7e7e7e; justify-content: flex-start; } article.item .content-inner .post-meta .link { color: #7e7e7e; justify-content: flex-end; } article.item .content-inner .meta-category { display: inline-block; font-size: .8125rem; margin-bottom: 15px; } article.item .content-inner .post-header { padding: 3px 0 7px 7px; } article.item .content-inner .post-header .post-title { font-size: 17px; font-weight: 600; } @media only screen and (min-width: 0px) and (max-width: 959px) { article.item .content-inner .post-header .post-title { font-size: 14px; font-weight: 500; } } article.item .content-inner .meta-category a { padding-left: 3px; } .page-article-archive .posts .km-pagination { margin: 0 0 50px; } @media(max-width: 959px) { .posts .items { background-color: transparent; padding: 0 } .posts .items .item { border-bottom: 0; background-color: #fff; margin-bottom: .9375rem; padding: 0 } .posts .items .item figure { margin: 0 } .posts .items .item figure .overlay { border-radius: 0 } .posts .items .item .title { font-size: .875rem } .posts .items .item .content-inner { padding: .9375rem 0 2.8125rem .9375rem } .posts .items .item .content-inner .excerpt, .posts .items .item .content-inner .meta-category { display: none } .posts .items .item .content-inner .post-meta { bottom: -50px; font-size: 11px; } .posts .items .item .content-inner .post-meta .link { margin-left: .9375rem } .posts .items .item .post-featured-img, .posts .items .item .post-featured-img img { border-radius: 0; max-width: 10.6875rem; width: 10.6875rem; height: 10.6875rem } } @media only screen and (min-width: 0px) and (max-width: 370px) { .posts .items .item .content-inner .post-meta { bottom: -2rem; font-size: 11px; } } @media(min-width: 992px) and (max-width:1199.98px) { .posts .items .item .post-featured-img, .posts .items .item .post-featured-img img { max-width: 10.1875rem; width: 10.1875rem; height: 10.1875rem } } @media(min-width: 768px) and (max-width:991.98px) { .posts .items .item .post-featured-img, .posts .items .item .post-featured-img img { max-width: 12rem; width: 12rem; height: 12rem } } @media(max-width: 575.98px) { .posts .items .item .post-featured-img, .posts .items .item .post-featured-img img { max-width: 6.3125rem; width: 6.3125rem; height: 6.3125rem } .posts .items .item .col-xs-8 { padding-right: 5px } .posts .items .item .col-xs-4 { padding-left: 5px } .posts .items .item .content-inner { padding: .3125rem 24px .3125rem .3125rem } } @media(min-width: 425px) and (max-width:500px) { .posts .items .item .post-featured-img, .posts .items .item .post-featured-img img { max-width: 8.4375rem; width: 8.4375rem; height: 8.4375rem } } @media(min-width: 370px) and (max-width:424px) { .posts .items .item .post-featured-img, .posts .items .item .post-featured-img img { max-width: 6.875rem; width: 6.875rem; height: 6.875rem } } .widget .widget-title { margin: 0 0 .625rem } .widget .widget-title h3 { font-size: 1rem; color: #3d4e5e } .widget .recent-posts { list-style: none; padding: 0 } .widget .recent-posts li { border-radius: .3125rem; border: .125rem solid #ebebeb; padding: .625rem; font-size: .875rem; margin-bottom: .9375rem; position: relative; transition: all .3s linear,all .3s linear } .widget .recent-posts li:hover { border-color: #16c9f6; } .widget .recent-posts li:hover .post-more { color: #16c9f6; } .widget .recent-posts li a { display: block } .widget .recent-posts li .featured-img { display: inline-block; height: 5.375rem; width: 5.375rem; margin-left: .9375rem } .widget .recent-posts li .featured-img img { border-radius: .3125rem; height: 5.375rem; width: 5.375rem; border: 2px solid #ccc; } .widget .recent-posts li .post-title { display: inline-block; vertical-align: top; width: calc(100% - 120px); text-overflow: ellipsis; font-size: 13px; } @media only screen and (min-width: 0px) and (max-width: 959px) { .widget .recent-posts li .post-title { font-size: 11px; } } .widget .recent-posts li .post-more { position: absolute; bottom: .3125rem; left: .9375rem; font-size: .8125rem; color: #979ea4; transition: all .2s linear,all .2s linear } .widget .recent-posts li .post-more i { vertical-align: middle; font-family: "Font Awesome 5 Pro"; font-size: 11px; font-weight: bold; } .sidebar-author .widget .recent-posts li, .sidebar-post .widget .recent-posts li { border-top-style: none; border-right-style: none; border-left-style: none; border-radius: 0; padding: 0 } .sidebar-author .widget .recent-posts li a, .sidebar-post .widget .recent-posts li a { padding: 0 0 .9375rem } .tags-links a { border-radius: 1.5625rem; background-color: #e2f1f8; color: rgba(48,151,255,.9); display: inline-block; padding: 0 .625rem; font-size: .875rem; margin: 5px 2px; } .tags-links a:hover { color: #e2f1f8; background-color: rgba(43,109,229,.8) } /*==========================================End of article-archive====================================*/ /*=====================Start Theme color / Gradient / shadow reference============================*/ /*============================Color=================================*/ /* color: #3ccdbb or rgb(60,205,187) color: #16c9f6 or rgb(22,201,246) background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); */ .ara-primaryClr1 { color: #16c9f6 !important; } .ara-primaryClr2 { color: #3ccdbb; } .ara-linkClr1 { color: #16c9f6; } .ara-linkClr2 { color: #3ccdbb; } .ara-activeLinkClr1 { color: #16c9f6 !important; } .ara-activeLinkClr2 { color: #3ccdbb !important; } .ara-linkOnHover1:hover { color: #16c9f6 !important; } .ara-linkOnHover2:hover { color: #3ccdbb !important; } .ara-borderClr1 { border-color: #16c9f6; } .ara-borderClr2 { border-color: #3ccdbb; } .ara-borderClrOnHover1:hover { border-color: #16c9f6 !important; } .ara-borderClrOnHover2:hover { border-color: #3ccdbb !important; } .ara-bg-primaryClr1 { background: rgba(22, 201, 246, 1) !important; -moz-background: rgba(22, 201, 246, 1); -webkit-background: rgba(22, 201, 246, 1); } .ara-bg-primaryClr1-light { background: rgba(111,220,247,1) !important; -moz-background: rgba(111,220,247,1); -webkit-background: rgba(111,220,247,1); } .ara-bg-primaryClr2 { background: rgba(60,205,187,1) !important; -moz-background: rgba(60,205,187,1); -webkit-background: rgba(60,205,187,1); } .ara-bg-primaryClr2-light { background: rgba(109,245,227,1) !important; -moz-background: rgba(109,245,227,1); -webkit-background: rgba(109,245,227,1); } /*============================Color=================================*/ /*============================Shadow=================================*/ .box-shadow-light { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .box-shadow-deep { box-shadow: 0 17px 35px rgba(0, 0, 0, 0.30), 0 17px 35px rgba(0, 0, 0, 0.22); } /*============================Shadow=================================*/ /*============================Gradient=================================*/ .ara-bg-gradient { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%) !important; background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%) !important; background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); } .ara-bg-gradientOnHover:hover { background: -moz-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: -webkit-linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); background: linear-gradient(90deg, rgba(60,205,187,1) 40%, rgba(22,201,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ccdbb",endColorstr="#16c9f6",GradientType=1); } .ara-bg-google-gradient { background: rgb(234,67,53); background: -moz-linear-gradient(30deg, rgba(234,67,53,1) 0%, rgba(251,188,5,1) 29%, rgba(52,168,83,1) 62%, rgba(66,133,244,1) 89%); background: -webkit-linear-gradient(30deg, rgba(234,67,53,1) 0%, rgba(251,188,5,1) 29%, rgba(52,168,83,1) 62%, rgba(66,133,244,1) 89%); background: linear-gradient(30deg, rgba(234,67,53,1) 0%, rgba(251,188,5,1) 29%, rgba(52,168,83,1) 62%, rgba(66,133,244,1) 89%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea4335",endColorstr="#4285f4",GradientType=1); } /*============================Gradient=================================*/ /*=====================End Theme color / Gradient / shadow reference============================*/ /*====================================New Mega-menu=============================================*/ .c-navi-new { background-color: #212121; -webkit-box-shadow: 0 2px 4px 0 hsla(0,0%,44.3%,.05); box-shadow: 0 2px 4px 0 hsla(0,0%,44.3%,.05); z-index: 12 } .c-navi-new-list { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; list-style: none; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; background-color: #fff; color: #616161 } .c-navi-new-list__sublist-top-bar-image { position: absolute; left: 54px; top: 5px; width: 110px; height: 20px; display: block } .c-navi-new-list__sublist-top-bar-image img { height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain } .c-navi-new-list:hover + .c-navi-categories__overlay { opacity: 1 } .c-navi-new-list__category-container-main { margin-left: 20px } .c-navi-new-list__fmcg-aside { /*background: url() no-repeat 0;*/ background-size: contain; position: absolute; width: 100px; left: 0; height: 100%; z-index: -2; top: 0 } .c-navi-new-list__a-hover { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 0; z-index: 3; -webkit-transform: scaleX(0); transform: scaleX(0) } .c-navi-new-list__a-hover.is-fmcg > div:before { background-color: #9dc44d } .c-navi-new-list__a-hover > div { width: 100%; height: 100% } .c-navi-new-list__a-hover > div:before { content: ""; position: absolute; width: 100%; bottom: 0; z-index: 4; left: 0; right: 0; height: 2px; background-color: #ef5661 } .c-navi-new-list__category-item { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; font-size: 12px; font-size: .857rem; line-height: 30px } .c-navi-new-list__categories > .c-navi-new-list__category-item, .c-navi-new-list__categories > .c-navi-new-list__promotion-item, .c-navi-new-list__promotions > .c-navi-new-list__category-item, .c-navi-new-list__promotions > .c-navi-new-list__promotion-item { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; list-style: none } .c-navi-new-list__categories > .c-navi-new-list__category-item > li:hover, .c-navi-new-list__categories > .c-navi-new-list__promotion-item > li:hover, .c-navi-new-list__promotions > .c-navi-new-list__category-item > li:hover, .c-navi-new-list__promotions > .c-navi-new-list__promotion-item > li:hover { z-index: 3 } .c-navi-new-list__a { display: block; position: relative; height: 100%; padding: 8px 9px 7px; color: #fff; white-space: nowrap; font-size: 11px; font-size: .786rem; line-height: 25px; max-width: 116px; overflow: hidden; text-overflow: ellipsis } .c-navi-new-list__a--promotion { max-width: unset; background-color: #4f4f4f } .c-navi-new-list__a--promotion:before { content: "\E14E\00FE0E"; font-size: 14px; line-height: 14px; vertical-align: middle; margin-left: 5px } .c-navi-new-list__promotion-item--big .c-navi-new-list__a:before, .c-navi-new-list__promotion-item--small .c-navi-new-list__a:before { -webkit-transform: scaleX(0); transform: scaleX(0); content: ""; position: absolute; width: 100%; bottom: -1px; left: 0; right: 0; z-index: 2; height: 2px; background-color: #ef5661; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover, .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover { -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.15); box-shadow: 0 2px 10px 0 rgba(0,0,0,.15) } .c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover + .c-navi-categories__overlay, .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover + .c-navi-categories__overlay { opacity: 1 } .c-navi-new-list__promotion-item--big .c-navi-new-list__a:hover:before, .c-navi-new-list__promotion-item--small .c-navi-new-list__a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1) } .c-navi-new-list__options-container { height: 100%; width: 100%; padding: 12px } .is-fmcg .c-navi-new-list__options-container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch } .c-navi-new-list__options-list { display: none !important } .c-navi-new-list__options-list.is-active { display: block !important } .c-navi-new-list__options-list > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; /*max-height: 418px*/ max-height: 300px; } .c-navi-new-list__sublist-adplacement-grid { height: 100%; max-height: 100%; width: 270px; position: absolute; bottom: 0; left: 0 } .c-navi-new-list__sublist-adplacement { height: 100%; max-height: 325px; width: 270px; position: absolute; bottom: 0; left: 0 } .c-navi-new-list__sublist-adplacement, .c-navi-new-list__sublist-adplacement * { margin: 0 !important } .c-navi-new-list__sublist-adplacement a { display: none; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0 } .c-navi-new-list__sublist-adplacement a:first-of-type { display: block } .c-navi-new-list__sublist-adplacement img { max-height: 100%; max-width: 100%; position: absolute; bottom: 0; left: 0; width: unset; height: unset } .c-navi-new-list__sublist .c-navi-new-list__options-container > ul { list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% } .c-navi-new-list__sublist .c-navi-new-list__options-container > ul.c-navi-new-list__sublist-fmcg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0 } .c-navi-new-list__sublist { position: absolute; top: 100%; display: none; right: 0; left: 0; z-index: 12; width: 100%; background-color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 0 0 8px 8px; overflow: hidden; max-width: 1280px; padding: 0; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,.15); box-shadow: 0 10px 10px 0 rgba(0,0,0,.15); min-height: 200px; } .is-fmcg .c-navi-new-list__sublist { height: unset; padding-bottom: 65px; padding-left: 100px } .c-navi-new-list__sublist:hover + .c-navi-new-list__a { -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.15); box-shadow: 0 2px 10px 0 rgba(0,0,0,.15) } .c-navi-new-list__sublist:hover + .c-navi-new-list__a:before { content: ""; position: absolute; width: 100%; bottom: -1px; left: 0; right: 0; z-index: 2; height: 2px; background-color: #ef5661 } .c-navi-new-list__sublist:after { content: ""; width: 100%; background: transparent; position: absolute; height: 1px; right: 0; top: -1px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3); box-shadow: 0 0 10px 0 rgba(0,0,0,.3) } .c-navi-new-list__category-item > li.can-show-menu:hover .c-navi-new-list__sublist { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .c-navi-new-list__category-item > li.can-show-menu:hover .c-navi-new-list__sublist .c-navi-categories__overlay { opacity: 1 } .c-navi-new-list__category-item > li.is-fmcg .c-navi-new-list__sublist-adplacemen { display: none } .c-navi-new-list__category-item > li.is-fmcg .c-navi-new-list__sublist-option--footer { max-width: 50% } .c-navi-new-list__category-item > li.is-fmcg .c-navi-new-list__sublist:hover + .c-navi-new-list__a:before { background-color: green } .c-navi-new-list__sublist-option { direction: rtl; text-align: right; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 25%; font-size: 14px; /* font-size: 1rem; */ line-height: 30px; font-weight: 500; height: 30px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } @media only screen and (max-width: 1280px) and (min-width: 1100px) { .c-navi-new-list__sublist-option { font-size: 12px; } } .is-fmcg .c-navi-new-list__sublist-option { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100% } .c-navi-new-list__sublist-option--title { direction: rtl; text-align: right } .c-navi-new-list__sublist-option--title a { color: #424750; text-decoration: none } .c-navi-new-list__sublist-option--title a:after { content: "\f078"; /* "\f053";*/ font-family: "Font Awesome 5 Pro"; position: absolute; left: -15px; top: 2px; font-size: 10px; /* font-size: 1.286rem; */ line-height: 30px; vertical-align: middle; font-weight: 900; } .c-navi-new-list__sublist-option--title a:hover { color: #16c9f6; } .c-navi-new-list__sublist-option--item { font-size: 13px; /* font-size: .857rem; */ line-height: 2.27; font-weight: 400; padding-right: 5px; color: #81858b; } @media only screen and (max-width: 1280px) and (min-width: 1100px) { .c-navi-new-list__sublist-option--item { font-size: 11px; } } .c-navi-new-list__sublist-option--item a:hover { color: #16c9f6; } .c-navi-new-list__sublist-option--has-icon { direction: rtl; text-align: right } .c-navi-new-list__sublist-option--has-icon:hover a, .c-navi-new-list__sublist-option--has-icon:hover a:before { color: #ef394e } .c-navi-new-list__sublist-option--has-icon a { color: #424750; font-weight: 500; font-size: 12px; font-size: .857rem; line-height: 1.833; text-decoration: none } .c-navi-new-list__sublist-option--has-icon a:before { margin-left: 8px; font-size: 18px; font-size: 1.286rem; line-height: 18px; color: #a1a3a8; cursor: pointer; vertical-align: middle } .c-navi-new-list__sublist-option a { white-space: nowrap; display: block; position: relative } .c-navi-new-list__sublist-option--show-more:after { content: "\E1C5\00FE0E"; position: relative; top: 4px; right: 10px } .c-navi-new-list__sublist-option--footer { position: absolute; margin-top: 17px; bottom: 0; height: 45px; width: 384px; right: 24px; border-left: none; border-top: 1px solid #e9e9e9; max-width: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-navi-new-list__sublist-option--footer:before { content: "\E18B\00FE0E"; position: relative; color: #19bfd3; margin-left: 7px } .c-navi-new-list__sublist-option--footer a { color: #19bfd3; font-size: 12px; font-size: .857rem; line-height: 48px; vertical-align: middle; font-weight: 700; text-decoration: none } .c-navi-new-list__sublist-option-discount { color: #ef5662; font-size: 11px; font-size: .786rem; line-height: 2; margin-right: 5px; white-space: nowrap } .c-navi-new-list__sublist-item-badge { border-radius: 9.5px; background-color: #fb3449; font-size: 11px; font-size: .786rem; line-height: 2; font-weight: 700; padding: 1px 7px; margin-right: 2px; color: #fff } .c-navi-new-list__promotions { position: relative } .c-navi-new-list__promotions .c-navi-new-list__a { background-color: #4f4f4f } .c-navi-new-list__promotions .c-navi-new-list__promotion-item--small { display: -webkit-box; display: -ms-flexbox; display: flex } .c-navi-new-list__promotions .c-navi-new-list__promotion-item--small .c-navi-new-list__a { padding-right: 28px; padding-left: 28px } .c-navi-new-list__promotions .c-navi-new-list__promotion-item--big { display: none } .c-navi-new-list__promotions .c-navi-new-list__promotion-item--big > li { position: relative } .c-navi-new-list__promotions .c-navi-new-list__promotion-item--big > li:first-of-type:after { content: ""; width: 6px; height: 6px; background-color: #747373; border-radius: 100%; position: absolute; left: -3px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 4 } .c-navi-new-list__promotions-dropdown { display: none; position: absolute; top: calc(100% + 2px); left: 0; background-color: #fff; padding: 11px 0; min-width: 120px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -webkit-box-shadow: 0 2px 9px 0 hsla(0,0%,44.3%,.32); box-shadow: 0 2px 9px 0 hsla(0,0%,44.3%,.32) } .c-navi-new-list__promotions-dropdown:after, .c-navi-new-list__promotions-dropdown:before { position: absolute; content: "" } .c-navi-new-list__promotions-dropdown:before { height: 2px; background-color: #35ccde; bottom: 100%; left: 0; right: 0 } .c-navi-new-list__promotions-dropdown:after { width: 0; height: 0; border-color: transparent transparent #35ccde; border-style: solid; border-width: 0 8px 8px; position: absolute; bottom: 100%; margin-bottom: 2px; left: 50px } .c-navi-new-list__promotions-dropdown-list { list-style: none } .c-navi-new-list__promotions-dropdown-list > li { font-size: 13px; font-size: .929rem; line-height: 2.77; color: #606060; text-align: right; direction: rtl; padding: 0 17px } .c-navi-new-list__promotions-dropdown-list > li:hover { background-color: #f4f4f4 } .c-navi-new-list__category--main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; padding: 7px 8px 8px; color: #616161; cursor: pointer; } .c-navi-new-list__category--main:hover { color: #6fdcf7; } .c-navi-new-list__category--main:before { font-family: "Font Awesome 5 Pro"; content: "\f0c9"; font-size: 18px; margin-left: 4px; color: #424750 } .c-navi-new-list__category--main:hover:before { color: #6fdcf7; } .c-navi-new-list__category--main:after { content: ""; height: 20px; bottom: 1px; position: relative; /*width: 1px;*/ background: #f0f0f1; left: -28px } .c-navi-new-list__category--location { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 7px 0 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer } .c-navi-new-list__category--location:after { font-family: "Font Awesome 5 Pro"; content: "\f004"; font-size: 18px; font-size: 1.286rem; line-height: 18px; margin-right: 8px; color: #424750 } .c-navi-new-list__category--location.has-notification:before { content: ""; position: absolute; left: 16px; top: 10px; border: 1px solid #fff; background: #ef394e; border-radius: 50%; width: 7px; height: 7px; } .c-navi-new-list__category-link { display: block; padding: 7px 12px 8px; color: #616161; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .c-navi-new-list__category-link--bold { font-weight: 400 } .c-navi-new-list__category-link--plus { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-navi-new-list__category-link--fresh { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-navi-new-list__category-link--fresh:before { /*content: "\E090\00FE0E";*/ font-size: 16px; font-size: 1.143rem; line-height: 1.375; color: #a1a3a8; margin-left: 4px } .c-navi-new-list__category-send-to { color: #81858b; margin-left: 4px } .c-navi-new-list__inner-categories { background-color: #fff; border-left: 1px solid #f0f0f1; -ms-flex-item-align: stretch; align-self: stretch; padding: 8px 0; width: 20%; -ms-flex-negative: 0; flex-shrink: 0 } .c-navi-new-list__sublist-top-bar { padding: 4px 0 4px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } .c-navi-new-list__sublist-see-all-cats, .c-navi-new-list__sublist-top-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-navi-new-list__sublist-see-all-cats { font-size: 12px; /* font-size: .857rem; */ line-height: 1.833; font-weight: 400; color: #424750; } .c-navi-new-list__sublist-see-all-cats:hover { color: #3ccdbb; } .c-navi-new-list__sublist-see-all-cats:after { content: "\f053"; font-family: "Font Awesome 5 Pro"; font-size: 10px; /* font-size: 1.286rem; */ line-height: 30px; vertical-align: middle; font-weight: 900; margin-right: 4px; } .c-navi-new-list__inner-category { padding: 14px 8px; color: #616161; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 13px; /* font-size: .857rem; */ line-height: 1.2; font-weight: 500; margin-right: 10px; } .c-navi-new-list__inner-category:before { font-size: 18px; margin-left: 4px } .c-navi-new-list__inner-category--hovered { color: #16c9f6 !important; background: #f9f9f9; border-radius: 0 5px 5px 0; padding: 13px 8px; border-top: 1px solid #f0f0f1; border-bottom: 1px solid #f0f0f1; margin-right: 0px; } .c-navi-new__big-display-title { display: none !important } .c-navi-new__medium-display-title { display: block !important } /**/ /**/ .c-navi { -webkit-box-shadow: 0 2px 4px 0 hsla(0,0%,44.3%,.05); box-shadow: 0 2px 4px 0 hsla(0,0%,44.3%,.05); background-color: #fff; /*position: absolute;*/ -webkit-box-shadow: rgba(0,0,0,.04) 0 7px 8px 0; box-shadow: 0 7px 8px 0 rgba(0,0,0,.04); -webkit-transition: all .3s ease; transition: all .3s ease; left: 0; top: 100%; right: 0; z-index: 99; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } @media only screen and (max-width: 960px) and (min-width: 0px) { .c-navi { display: none; } } .c-navi.not-shown { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .c-navi.is-black .c-navi-new-list__category, .c-navi.is-black .c-navi-new-list__category--location:after, .c-navi.is-black .c-navi-new-list__category--main:before, .c-navi.is-black .c-navi-new-list__category-link, .c-navi.is-black .c-navi-new-list__category-send-to { color: #fff !important } .c-navi.is-black:not(.not-shown) { background: #222 } .c-navi.is-black:not(.not-shown) .c-navi-new-list { background-color: #222 } .t-header-light .c-navi { display: none } .c-navi__line { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 2px; z-index: 2; background-color: #000 } .c-navi__row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .c-navi__button { position: relative; width: 100%; min-height: 1px; padding-right: 0; padding-left: 0; -ms-flex: 0 0 110px; -webkit-box-flex: 0; flex: 0 0 110px; max-width: 110px } .c-navi__button button { display: block; width: 100%; padding: 12px 40px 12px 0; background: #fff; border: 1px solid #ebe9e9; border-bottom: none; text-align: right; cursor: pointer; color: #676767; font-size: 12px; font-size: .857rem; line-height: 1.2 } .c-navi__button button:before { content: "\E15F\00FE0E"; vertical-align: middle; margin-left: 16px; pointer-events: none } .c-navi-categories { position: relative; width: 100%; min-height: 1px; padding-right: 0; padding-left: 0; -ms-flex: 0 0 110px; -webkit-box-flex: 0; flex: 0 0 110px; max-width: 110px; position: static } .t-index .c-navi-categories__container { position: absolute; width: calc(100% - 15px) } .c-navi-categories__container { z-index: 49; width: 100%; padding-right: 0 } .c-navi-categories__container.is-fixed { position: fixed } .c-navi-categories__container.is-scrolled { top: 66px } .c-navi-categories__overlay { position: fixed; right: 0; height: 100%; width: 100%; top: 0; bottom: 0; content: ""; background: rgba(74,74,74,.43); opacity: 0; z-index: 233; -webkit-transition: opacity .2s cubic-bezier(.215,.61,.355,1) .1s; transition: opacity .2s cubic-bezier(.215,.61,.355,1) .1s; pointer-events: none } .c-navi-categories__overlay.is-active { opacity: 1; pointer-events: all !important } .c-navi-list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; min-height: 1px; padding-left: 0; -ms-flex: 0 0 calc(100% - 525px)370px; -webkit-box-flex: 0; flex: 0 0 calc(100% - 525px)370px; max-width: calc(100% - 525px)370px; font-size: 13px; font-size: .929rem; line-height: 1.692; padding-right: 26px } .c-navi-list > li { position: relative; margin-right: 10px } .c-navi-list > li:first-child { margin-right: 0 } .c-navi-list > li.diviter + li { margin-right: auto } .c-navi-list__a { display: inline-block; padding: 9px 24px 9px 9px; color: #505050 } .c-navi-list__a:before { position: absolute; right: 0 } .c-navi-list__a.has-new:after { width: 9px; height: 9px; background-color: #00bfd6; border-radius: 50%; content: ""; position: absolute; right: -5px; top: 11px } .c-navi-list__a--user:before { content: "\E1F2\00FE0E"; font-size: 19px; top: 10px } .c-navi-list__a--tracking:before { content: "\E1C3\00FE0E"; font-size: 19px; top: 9px } .c-navi-list__a--wishlist:before { content: "\E1FD\00FE0E"; font-size: 16px; top: 11px } .c-navi-list__a--gift { padding-right: 32px } .c-navi-list__a--gift:before { content: "\E13A\00FE0E"; font-size: 15px; top: 11px } .c-navi-list__a--seller { padding-right: 32px } .c-navi-list__a--seller:before { content: "\E1BA\00FE0E"; font-size: 18px; top: 10px } .c-navi-list__a--promotion { padding-right: 28px; color: #fb3449 } .c-navi-list__a--promotion:before { content: "\E19B\00FE0E"; font-size: 20px; top: 9px } .c-navi-list__user-links a { color: #009ec9; padding: 0 2px } .c-navi-list__user-links a:first-child { border-left: 1px solid #ded7d7; padding-left: 6px } .c-navi-list__user-menu-ul { padding: 0; list-style: none; width: 228px } .c-navi-list__user-menu-a { position: relative; padding: 9px 58px 9px 10px; display: block; color: #606060; font-size: 13px; font-size: .929rem; line-height: 1.692 } .c-navi-list__user-menu-a:hover { background-color: #f4f4f4; color: #2e2e2e } li:last-child .c-navi-list__user-menu-a { border-radius: 0 0 8px 8px } .c-navi-list__user-menu-a--user:before { content: "\E1F2\00FE0E"; position: absolute; font-size: 17px; right: 23px; top: 11px; color: #737373 } .c-navi-list__user-menu-a--shopper:before { content: "\E1C3\00FE0E"; position: absolute; font-size: 19px; right: 24px; top: 10px; color: #737373 } .c-navi-list__user-menu-a--my-comments:before { content: "\E166\00FE0E"; position: absolute; font-size: 15px; right: 23px; top: 10px; color: #737373 } .c-navi-list__user-menu-a--inbox:before { content: "\E14C\00FE0E"; position: absolute; font-size: 12px; right: 23px; top: 13px; color: #737373 } .c-navi-list__user-menu-a--logout { border-top: 1px solid #e6e6e6; padding-top: 13px; padding-bottom: 13px } .c-navi-list__user-menu-a--logout:before { content: "\E15E\00FE0E"; position: absolute; font-size: 18px; right: 23px; top: 13px; color: #737373 } .c-navi-list__user-menu-a[data-counter]:after { position: absolute; left: 13px; top: 8px; border-radius: 8px; background-color: #00bfd6; content: attr(data-counter); color: #fff; height: 23px; font-size: 14px; font-size: 1rem; line-height: 23px; padding: 0 9px } .c-navi-list__tracking-ul { padding: 0; list-style: none; width: 297px; max-height: 412px; overflow: hidden; overflow-y: auto } .c-navi-list__tracking-ul li { border-top: 1px solid #e6e6e6 } .c-navi-list__tracking-ul li:first-child { border-top: none } .c-navi-list__tracking-a { position: relative; padding: 9px 20px 9px 100px; display: block; color: #585858; font-weight: 700; font-size: 13px; font-size: .929rem; line-height: 1.692 } .c-navi-list__tracking-a:hover { background-color: #f4f4f4; color: #2e2e2e } .c-navi-list__tracking-a--show-all { text-align: center; padding: 14px 20px } li:last-child .c-navi-list__tracking-a { border-radius: 0 0 8px 8px } .c-navi-list__tracking-index { display: block; font-size: 11px; font-size: .786rem; line-height: 2; color: #a2a2a2; font-weight: 400 } .c-navi-list__tracking-status { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 16px; color: #fff; font-weight: 700; height: 28px; font-size: 11px; font-size: .786rem; line-height: 28px; padding: 0 5px; border-radius: 8px; width: 74px; white-space: nowrap; text-align: center } .c-navi-list__tracking-status--posted { background-color: #79c897 } .c-navi-list__tracking-status--factorized { background-color: #79a4c8 } .c-navi-list__tracking-status--canceled { background-color: #fa7b7b } .c-navi-list__tracking-status--delivered { background-color: #a0a0a0 } .c-navi-list__dropdown { position: absolute; top: 100%; right: 0; background: #fff; border-radius: 0 0 8px 8px; z-index: 10; -webkit-box-shadow: 0 2px 9px 0 hsla(0,0%,44.3%,.32); box-shadow: 0 2px 9px 0 hsla(0,0%,44.3%,.32); padding-top: 1px; display: none } .c-navi-list__dropdown:after, .c-navi-list__dropdown:before { position: absolute; content: "" } .c-navi-list__dropdown:before { height: 2px; background-color: #35ccde; bottom: 100%; left: 0; right: 0 } .c-navi-list__dropdown:after { width: 0; height: 0; border-color: transparent transparent #35ccde; border-style: solid; border-width: 0 8px 8px; position: absolute; bottom: 100%; margin-bottom: 2px; right: 65px } .c-navi-list__basket-dropdown { top: calc(100% + 10px); left: 0; width: 354px; right: unset; -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.15); box-shadow: 0 8px 17px 0 rgba(0,0,0,.15); background-color: #fff; border: 1px solid #c6c6c6; border-radius: 0 0 10px 10px; display: none; padding: 0 0 45px; line-height: 22px } .c-navi-list__basket-dropdown:after, .c-navi-list__basket-dropdown:before { content: unset } .c-navi-list__basket-header { background-color: hsla(0,0%,98%,.9); padding: 14px 10px 14px 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative } .c-navi-list__basket-header, .c-navi-list__basket-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-navi-list__basket-link { font-size: 11px; font-size: .786rem; line-height: 19px; color: #454545; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 15px; padding-right: 15px; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out } .c-navi-list__basket-link:hover, .c-navi-list__basket-link:hover .c-navi-list__basket-arrow { background-color: #e5e5e5 } .c-navi-list__basket-arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; background-color: #fafafa; position: absolute; width: 10px; height: 10px; top: -6.5px; left: 30px; -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out } .c-navi-list__basket-total { font-size: 15px; font-size: 1.071rem; line-height: 20px; color: #fb3449; direction: rtl; text-align: right } .c-navi-list__basket-total span:first-of-type { color: #676767; font-size: 13px; font-size: .929rem; line-height: 20px } .c-navi-list__basket-list { max-height: 293px; overflow: auto; padding: 0 15px; list-style: none } .c-navi-list__basket-list::-webkit-scrollbar { display: none } .c-navi-list__basket-item { padding: 10px 24px 10px 0; position: relative; min-height: 88px; display: block; border-bottom: 1px solid #f0f0f0 } .c-navi-list__basket-item:last-of-type { border-bottom: none } .c-navi-list__basket-item-remove { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -5px; border-radius: 50%; background-color: #eaeaea; width: 20px; height: 20px; border: none; z-index: 123; cursor: pointer } .c-navi-list__basket-item-remove:before { content: "\E0F0\00FE0E"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #959595; font-size: 8px; font-size: .571rem; line-height: 8px } .c-navi-list__basket-item-remove-btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e3e3e3; color: #636363; font-size: 12px; font-size: .857rem; line-height: 1.833; font-weight: 700; border-radius: 8px; padding: 3px 15px } .c-navi-list__basket-item-content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100% } .c-navi-list__basket-item-content, .c-navi-list__basket-item-image { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-navi-list__basket-item-image { width: 60px; height: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 60px; -webkit-box-flex: 0; flex: 0 0 60px; max-width: 60px; position: relative } .c-navi-list__basket-item-image img { overflow: hidden } .c-navi-list__basket-item-image img[alt]:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-weight: 300; color: transparent; text-align: center; content: attr(alt); background: #fff url(../files/f8c6572e.svg) no-repeat 50%; background-size: contain; width: 100%; height: 100% } .c-navi-list__basket-item-image img { max-height: 100%; max-width: 100% } .c-navi-list__basket-item-details { padding-right: 10px; 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: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .c-navi-list__basket-item-title { font-size: 12px; font-size: .857rem; line-height: 20px; text-align: right; direction: rtl; color: #454545; max-width: 100%; font-weight: 700 } .c-navi-list__basket-item-props { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 10px; font-size: .714rem; line-height: 17px } .c-navi-list__basket-item-props span:first-of-type { color: #666 } .c-navi-list__basket-item-props span:last-of-type:not(:first-of-type) { color: #959595; padding-right: 10px; margin-right: 10px; border-right: 1px solid #e0e0e0 } .c-navi-list__basket-item-prop { max-width: 130px; color: #666; white-space: nowrap } .c-navi-list__basket-item-prop:not(:first-of-type) { padding-right: 10px; margin-right: 10px; border-right: 1px solid #e0e0e0 } .c-navi-list__basket-item-gift { color: #ff6f7e; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 10px; font-size: .714rem; line-height: 17px } .c-navi-list__basket-item-gift:after { content: "\E139\00FE0E"; font-size: 17px; font-size: 1.214rem; line-height: 17px; margin-right: 5px } .c-navi-list__basket-item-params { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: 12px } .c-navi-list__basket-item-container:not(:last-child) { border-bottom: 1px solid #f0f0f0 } .c-navi-list__basket-item-Fresh { font-weight: 700; color: #39ae00 } .c-navi-list__basket-item-Fresh:after { content: "\E1E8\00FE0E"; font-size: 28px; font-size: 2rem; line-height: 1.571 } .c-navi-list__basket-submit { font-size: 15px; font-size: 1.071rem; line-height: 26px; letter-spacing: -.5px; font-weight: 700; color: #fff; text-align: center; padding-top: 9px; padding-bottom: 10px; border-radius: 0 0 8px 8px; background-color: #00bfd6; border-top: 1px solid #c6c6c6; position: absolute; bottom: 0; left: 0; right: 0 } .c-navi-list__basket-submit:hover { background-color: #63d0df } .c-main-menu { display: none; position: relative } .t-index .is-fixed.is-scrolled .c-main-menu { display: -webkit-box; display: -ms-flexbox; display: flex } .c-main-menu:before { position: absolute; right: 0; height: 100%; top: 0; background: #fcfcfc; width: 110px; pointer-events: none; opacity: 0 } .c-main-menu.is-active { display: -webkit-box; display: -ms-flexbox; display: flex } .c-main-menu.has-root-hover:before { pointer-events: auto; opacity: 1; width: 100%; -webkit-transition: -webkit-box-shadow 50ms cubic-bezier(.34,.64,.72,.99) 50ms; transition: -webkit-box-shadow 50ms cubic-bezier(.34,.64,.72,.99) 50ms; transition: box-shadow 50ms cubic-bezier(.34,.64,.72,.99) 50ms; transition: box-shadow 50ms cubic-bezier(.34,.64,.72,.99) 50ms,-webkit-box-shadow 50ms cubic-bezier(.34,.64,.72,.99) 50ms } .c-main-menu.has-root-hover .c-main-menu__root { position: relative } .c-main-menu.has-root-hover .is-the-last-item { display: block !important } .c-main-menu.has-root-hover .all-categories .c-main-menu__icon { top: 11px } .c-main-menu__submenus-wrapper { overflow: hidden; right: 0; top: 0; position: absolute; width: 0; opacity: 0; background: #fcfcfc; z-index: -1 } .c-main-menu__root { margin: 0; padding: 19px 0 0; background: #fff; font-size: 12px; font-size: .857rem; line-height: 1.833; letter-spacing: -.3px; 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-shadow: 0 2px 4px 0 rgba(0,0,0,.03); box-shadow: 0 2px 4px 0 rgba(0,0,0,.03); border: 1px solid #e4e4e4; border-top: none; width: 110px; position: absolute; min-width: 200px } .c-main-menu__root > .c-main-menu__parent { display: block; padding: 0; margin: 3px 0 0 } .c-main-menu__root > .c-main-menu__parent:first-child { margin-top: 0 } .c-main-menu__root > .c-main-menu__parent > a { display: block; padding: 11px 66px 10px 10px; color: #4b4b4b; text-decoration: none; position: relative } .c-main-menu__root > .c-main-menu__parent > a.hover, .c-main-menu__root > .c-main-menu__parent > a:hover { background: #e8e8e8; color: #363636; font-weight: 700 } .c-main-menu__root > .c-main-menu__parent.is-the-last-category { margin-bottom: 20px } .c-main-menu__root > .c-main-menu__parent.is-the-last-item { border-top: 1px solid #eaeaea; margin-top: auto; display: none } .c-main-menu__root > .c-main-menu__parent.is-the-last-item > a { padding-top: 18px; padding-bottom: 18px } .c-main-menu__icon { width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; right: 25px; top: 6px; pointer-events: none } .c-main-menu__icon img { vertical-align: middle; max-width: 100%; max-height: 100% } .c-main-menu [data-label-discount]:after, .c-main-menu [data-label-new]:after { display: inline-block; height: 13px; border-radius: 25px; margin-right: 5px; color: #fff; font-weight: 700; font-size: 9px; font-size: .643rem; line-height: 13px; letter-spacing: -.2px; padding: 0 8px; vertical-align: middle } .c-main-menu [data-label-discount]:after { background-color: #ff637d; content: attr(data-label-discount) } .c-main-menu [data-label-new]:after { background-color: #00bfd6; content: attr(data-label-new) } .c-main-menu__second { margin: 0 1px 0 0; padding: 20px 0; background: #f5f5f5; position: absolute; top: 0; right: 100%; border-left: 1px solid #ededed; min-height: 100%; width: 200px; opacity: 0; pointer-events: none; -webkit-transition: none; transition: none; font-size: 12.5px; font-size: .893rem; line-height: 1.76 } .c-main-menu__second.is-active { pointer-events: auto; opacity: 1; -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .4s cubic-bezier(.215,.61,.355,1) .2s } .c-main-menu__second > .c-main-menu__parent { display: block; padding: 0 } .c-main-menu__second > .c-main-menu__parent > a { display: block; padding: 8px 27px 8px 10px; color: #4b4b4b; text-decoration: none; position: relative; z-index: 1 } .c-main-menu__second > .c-main-menu__parent > a:before { position: absolute; right: 100%; content: ""; top: 50%; width: 0; height: 0; border-color: transparent #9b9b9b transparent transparent; border-style: solid; border-width: 19px 15px 19px 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none } .c-main-menu__second > .c-main-menu__parent > a.hover, .c-main-menu__second > .c-main-menu__parent > a:hover { background: #9b9b9b; color: #fff } .c-main-menu__second > .c-main-menu__parent > a.hover:before, .c-main-menu__second > .c-main-menu__parent > a:hover:before { display: block } .c-main-menu__third { margin: 0; padding: 20px 0; display: none; position: absolute; top: 0; right: 201px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px; min-height: 100%; font-size: 12.5px; font-size: .893rem; line-height: 1.76 } .c-main-menu__third:after, .c-main-menu__third:before { width: 1px; top: 34px; bottom: 40px; background: #ededed; position: absolute; content: "" } .c-main-menu__third:before { left: 50% } .c-main-menu__third:after { left: 0 } .c-main-menu__third.is-active { display: block } .c-main-menu__third > li { display: block; padding: 0; width: 215px } .c-main-menu__third > li > a { display: block; padding: 10px 20px 10px 10px; color: #6a6a6a; text-decoration: none } .c-main-menu__third > li > a.hover, .c-main-menu__third > li > a:hover { color: #009ec9 } .c-main-menu__placement { position: absolute; left: auto; top: 50px; padding-right: 50px } .c-main-menu__placement.is-active .c-main-menu__placement-item { opacity: 1 } .c-main-menu__placement-item { position: relative; background: #d8d8d8; opacity: 0; -webkit-transition: opacity .4s ease-in; transition: opacity .4s ease-in } .c-main-menu__placement-item--120x90 { width: 120px; height: 90px; margin-bottom: 20px; -webkit-transition-delay: .35s; transition-delay: .35s } .c-main-menu__placement-item--120x240 { width: 120px; height: 240px; -webkit-transition-delay: .45s; transition-delay: .45s } .c-main-menu__placement-item:after { content: attr(data-label); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } /*====================================New Mega-menu=============================================*/ .km-product-rate{text-align:center}.km-product-rate .km-title{font-weight:bold;font-size:17px;margin-bottom:10px}.km-product-rate .km-description{font-size:15px;line-height:2.27;margin-bottom:20px;color:#676767}.rateyo.product-rate{margin:auto}.product-rate{z-index:1}.product-rating{font-family:IRANSansFA;display:flex;color:#81858b;margin-top:6px}.product-rating::before{content:"";margin-left:4px;color:#fac74b;font-size:16px;font-family:'Font Awesome 5 Pro'}.product-rating .product-rating-num{margin-right:3px;color:#c0c2c5}.status-compare{font-size:14px;display:inline-block;color:#fff;border-radius:50px;padding:2px 10px}.comming-soon-status-compare{background:rgba(60,205,187,1)}.not-exist{background:#fb3449 !important}.km-measure-compare{font-size:14px;font-weight:400;color:#151515;padding-right:10px}.km-delivery-type-style .km-img{border-width:2px}.km-delivery-type-style .km-img i{font-size:33px;margin-top:5px}.km-product-number{font-family:IRANSansFA}.km-compare-page-content .km-compare-head .km-product{min-width:200px}.c-compare__list-value{min-width:100px}.c-compare__list-value .block{font-size:inherit !important}.c-compare-quick__list>li{flex-wrap:nowrap}.vp-search-box .vp-form button[type="button"]{position:absolute;left:0;top:0;font-size:25px;background:transparent;color:#8c8c8c;border:0;z-index:3;cursor:pointer;transition:all .3s ease .1s}.vp-search-box .vp-form button[type="button"] i{vertical-align:middle}@media only screen and (min-width:960px){.vp-search-box .vp-form button[type="button"]{width:50px;height:50px;line-height:50px;text-align:center}}@media only screen and (min-width:0) and (max-width:959px){.vp-search-box .vp-form button[type="button"]{width:40px;height:40px;line-height:40px;text-align:center;left:auto;right:0;font-size:15px;color:#0e1216}body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart>.km-btn.km-theme-2{z-index:3;font-size:15px}.vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-products-grid{padding:10px 5px !important}.km-text-render{padding:0 !important}.km-text-render p{padding:0 !important;font-size:14px}}.vp-login{cursor:pointer}.vp-search-box .vp-search-box-result .vp-search-container.vp-search-result .vp-tab-content{padding:0 6px 10px 10px}.vp-special-benefits .vp-item .vp-title{margin:15px 0}.fa-num{font-family:IRANSansFA;font-size:14px}.field-validation-error{color:#f00}.margin-top-15{margin-top:15px}.km-order-status.km-pendding{color:#fc0}textarea{line-height:23px !important;height:auto !important}.vp-search-box .vp-search-box-result .vp-search-container.vp-search-loading{height:auto !important}.vp-search-box .vp-search-box-result .vp-search-container.vp-search-loading .vp-loading-icon{margin-bottom:0}.km-contact-box{padding:40px 50px !important}.vp-product-item-theme.vp-theme .vp-price-list .vp-price.vp-discounted .vp-value{color:#000 !important;position:relative;font-size:19px;font-weight:500;z-index:2;padding:0;vertical-align:middle}.vp-special-benefits .vp-item{margin:0 .5% 1% .5% !important;width:19% !important}.loader{position:absolute;left:0;width:8px;height:8px;opacity:.5;border-radius:50%;transform-origin:50%;animation:load 1s steps(8,end) infinite}.loader{border:4px solid #cacaca;border-top:4px solid #3a3a3a;border-radius:50%;width:30px;height:30px;animation:spin 2s linear infinite}.loader-clock{width:50%;text-align:center;margin:2px 0;position:relative;top:20px}@keyframes load{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.delete-modal-btn{margin:30px 5px 30px 5px;min-width:100px}.delete-modal-msg{font-size:18px}.delete-modal-icon{margin:30px;font-size:80px}.ltr{direction:ltr}.vp-product-item-theme.vp-theme-search-box .vp-price-list .vp-price>.vp-value{font-weight:400}.km-fixed-category-sidebar-inner{margin-bottom:10px !important}.km-category-grid-style .km-category-grid-header .km-category-restyle ul li{height:33px}body.page-product .km-product-page-top .km-product-left .km-product-add-to-cart{padding-right:0 !important}@media only screen and (min-width:0) and (max-width:959px){.width-100-mobile{width:100% !important}.km-cart-content .km-cart-content-left .km-cart-box-price>.km-btn.km-theme-2{z-index:3 !important}.km-cart-content .km-cart-content-left .km-cart-box-price>.km-btn.km-theme-2.km-mt-full{left:auto !important;right:0 !important;font-size:15px}body.page-product .km-product-element-title-mobile>.km-show-more-btn{font-weight:bold}body.page-product .km-product-element-title-mobile>.km-show-more-btn i{margin-right:5px;font-size:18px}.km-mt-page-over.km-mt-page-product-custom-fields .km-product-fields{margin-bottom:60px}.km-product-comment .km-comment-header .km-state{top:25px}.offer{width:calc(100% - 150px)}}.km-table .km-row .km-col{padding:20px 0}.km-table{color:#333}.km-table .desc{color:#a3a3a3;font-size:12px}.km-table .km-row .km-col{border-left:1px solid #e3e3e3}@media only screen and (min-width:960px){.km-table .km-delete{width:28px;height:28px;border-radius:100px;line-height:34px;font-size:18px;display:inline-block;position:absolute;transform:translateY(-50%);top:50%;color:#fb3449;background:#fff;border:1px solid #fb3449;text-align:center;cursor:pointer;transition:all .3s ease .1s}.km-table .km-delete i{line-height:26px}.km-table .km-delete:hover{background:#fb3449;color:#fff}.rule-condition .km-lightbox-container{width:50%;height:90%;overflow-y:auto;top:5%;transform:none;right:25%}.desk-margin-left-20{margin-left:20px}.flex-desk{display:flex}}.km-pay-state-style i{width:100px;height:100px;line-height:100px}.km-pay-state-style .km-title{font-size:22px}.km-lightbox.km-lightbox-login-register .km-lightbox-container .km-close-loginregister i{color:#333}.km-lightbox.km-lightbox-login-register .km-lightbox-container .km-close-loginregister{right:15px;left:auto}.tags-links a{cursor:pointer}.km-pagination ul>li>a:hover{background:#eee;border-color:#ccc;color:#333}.tags-links{margin-bottom:15px}.km-product-comment{padding-right:20px !important}.km-profile-container>.km-profile-content .km-profile-comments-list .km-product-comment-list .km-product-comment>.km-content{min-height:auto}.km-address-style .km-delete-address{color:#fb3449}.page-article-archive .categories-type{float:right}.page-article-archive .categories .category img{height:auto}.page-article-archive .categories .category span{min-height:65px;margin-bottom:10px}.page-article-archive .categories .category .desc{font-size:12px;font-weight:300;text-align:center;height:55px}.page-article-archive .categories .category .details{color:#aaa;font-size:11px}.no-border{border:0 !important}.vp-product-slider .vp-slider .vp-product-item-theme .vp-price-list{min-height:35px}.vp-price-list .km-prices-comming-soon-theme,.vp-price-list .km-prices-disable-theme{bottom:auto !important}.km-product-comment .km-comment-header{margin-bottom:15px;padding-bottom:20px}.km-product-comment .answer{background-color:#fff;margin-top:15px;margin-right:20px;margin-left:20px}.km-product .km-price-theme .km-price.km-discounted{color:#000 !important}.not-show{display:none}.km-address-style{cursor:default}.vp-product-item-theme .vp-title{min-height:47px;height:auto}.lg-outer .lg-video .lg-object{position:relative;left:auto;top:auto;height:auto !important;width:auto !important}.km-product .km-row-theme{margin-bottom:0}.km-product.km-theme-5{padding-bottom:15px}.km-prices-disable-theme{bottom:33px}.vp-search-container.vp-search-result .vp-products-grid .vp-theme-search-box .km-prices-comming-soon-theme,.vp-search-container.vp-search-result .vp-products-grid .vp-theme-search-box .km-prices-disable-theme{left:12px;bottom:10px;font-size:11px}.km-prices-comming-soon-theme{background:#3ccdbb;display:inline-block;color:#fff;border-radius:50px;padding:2px 7px;position:absolute;left:12px;bottom:60px;height:26px;line-height:22px}.package-product{cursor:pointer;font-size:12px;color:#407ebd;text-decoration-style:dashed !important}.km-profile-content-FAQ{margin-top:15px}.ara-activeLinkClr2{cursor:pointer}.disable{cursor:default}.contact i{margin-left:5px}.km-orders-table img{padding-right:10px}.vp-slider-theme .owl-nav [class*="owl-"].owl-next,.vp-slider-theme .owl-nav [class*="owl-"].owl-prev{background:transparent !important}.km-ads-banner{box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border-radius:15px;background-color:transparent;text-align:center;margin-bottom:20px;overflow:hidden;position:relative}.km-full-slider-inner-left{padding-right:20px}.vp-post-slider .vp-slider .vp-post-item-theme .vp-description .vp-btn{font-weight:400}.alert-dismissible .close{top:1px;right:-7px}.km-payment-sub-list{margin-top:25px}a:focus{color:inherit}.captcha img{border:1px solid #dadada;border-radius:3px}.captcha-btn{background:#e6e4e4;border:none;border-radius:3px;padding:5px 8px}.vp-product-item-theme .vp-title{font-family:iransans}.top-space{margin-top:28px !important;height:50px !important;line-height:50px !important}#vp-footer .vp-about .vp-logo img{max-height:100px}body.page-product .km-product-page-top .km-product-left .km-product-user-field>.inline .km-text-style,.km-col .inline .km-text-style{max-width:55px;display:inline-block;text-align:center;margin:0}.km-col .inline .km-text-style{max-width:50px !important}body.page-product .km-product-page-top .km-product-left .km-product-user-field>.inline .km-inline,.km-col .inline .km-inline{height:40px;width:25px;text-align:center;border-radius:5px;margin-right:4px !important;border:1px solid #ccc}body.page-product .km-product-page-top .km-product-left .km-product-user-field>.inline .km-inline>.left,.km-col .inline .km-inline>.left{margin-right:0 !important}.float-right{float:right}.float-left{float:left}.m-b-15{margin-bottom:15px !important}.m-b-25{margin-bottom:25px !important}.inline{display:inline-block !important}.bold{font-weight:500}.total-amount{display:inline-block;margin-right:30px}.whatsapp{bottom:50px;right:auto;left:20px;width:60px;height:60px;position:fixed;background-color:#0dc143;padding:10px 13px;border-radius:29px;z-index:2000000002}.whatsapp i{font-size:35px;color:#fff}.km-profile-container>.km-profile-sidebar-container .km-profile-side-bar>.km-menu{padding:20px}.km-profile-container>.km-profile-sidebar-container .km-profile-side-bar>.km-menu>ul>li{margin-bottom:15px;color:#666}.no-margin{margin:0 !important}.map-search{left:0 !important;padding:7px;font-family:IRANSans;border:1px solid #ccc;border-radius:2px}.discount-panel{padding-right:0 !important}.discount-panel .km-prices-comming-soon-theme{left:-70px !important;top:90px !important;z-index:1}.disable-icon:before{content:"" !important}.loader{border:4px solid #cacaca;border-top:4px solid #3a3a3a;border-radius:50%;width:30px;height:30px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-screen{position:absolute;top:0;bottom:0;right:0;left:0;background:#ffffff7d;z-index:2;display:flex;justify-content:center;align-items:center}#productContent>div:not(:last-child){border-bottom:solid 1px #ccc}.inline-block{display:inline-block !important}.article-title{height:56px;overflow:hidden}.article-summary{height:65px;overflow:hidden}