@charset "UTF-8";
/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers
*/
.hidden {
display: none !important;
}
.hide {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap; /* 1 */
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
white-space: inherit;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.- */
/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.- */
/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.- */
/* -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.- */
body, a, div, input, textarea, button {
font-family: IRANSans !important;
}
body {
background-color: #eaedef;
}
a {
text-decoration: none;
}
.container {
display: block;
width: 1200px;
margin: 0 auto;
min-height: 5px;
}
.row {
padding: 0 10px;
width: 1200px;
margin-right: auto;
margin-left: auto;
left: 0;
right: 0;
display: block;
min-height: 1px;
}
.inline-block {
display: inline-block;
}
.fl-r {
float: right;
}
.fl-l {
float: left;
}
.flex {
display: flex;
}
.h-100 {
height: 100%;
}
.feather-ico {
display: inline-block;
}
.right {
float: right;
}
.left {
float: left;
}
.rtl {
direction: rtl;
}
.far {
font-family: FaNumber !important;
}
.top-bar {
background: #ffffff;
border-bottom: 1px solid #dbe2e4;
}
.top-bar .container {
height: 40px;
}
.sign-up-login-links {
height: 26px;
margin-top: 7px;
background-color: #ebeeef;
padding: 0 15px 0 20px;
border-radius: 999px;
}
.sign-up-login-links:hover {
background-color: #d9ddde;
padding: 0 25px 0 30px;
}
.sign-up-login-links .feather-ico {
float: right;
height: 24px;
padding-top: 2px;
margin-left: 8px;
color: #6a6b73;
}
.sign-up-login-links a {
text-decoration: none;
line-height: 26px;
font-size: 12px;
color: #656565;
}
.sign-up-login-links span {
text-decoration: none;
line-height: 26px;
font-size: 13px;
color: #bdbdbd;
}
.sign-up-login-links .sign-up-link {
color: #4CAF50;
}
.social-and-phone {
}
.social-and-phone a {
display: block;
float: left;
height: 40px;
padding: 0 10px;
line-height: 40px;
}
.social-and-phone .feather-ico {
color: #9a9d9e;
}
.social-and-phone .feather-ico:hover {
color: #f04445;
}
.social-and-phone .phone {
display: block;
float: left;
height: 40px;
padding: 0 10px;
line-height: 40px;
}
.social-and-phone .phone .wrapper {
height: 26px;
font-size: 12px;
line-height: 29px;
background-color: #edf0f1;
padding: 0 10px;
border-radius: 999px;
margin-top: 7px;
font-weight: bold;
color: #4CAF50;
}
.social-and-phone .phone .wrapper:hover {
padding: 0 18px;
background-color: #4CAF50;
color: #fff;
}
.main-header {
background: #ffffff;
border-bottom: 1px solid #dbe2e4;
}
.main-header .container {
height: 130px;
}
.main-header .home-link {
background: url(../img/logo.png) no-repeat right center;
width: 300px;
display: block;
height: 130px;
}
.search-and-basket {
}
.search-and-basket .basket-wrapper {
width: 190px;
height: 115px;
padding-top: 15px;
float: left;
}
.search-and-basket .basket-title {
text-align: right;
font-size: 14px;
margin-bottom: 5px;
padding-right: 6px;
color: #5f5f5f;
}
.search-and-basket .basket {
display: block;
width: 160px;
height: 46px;
background-color: #4CAF50;
border-radius: 999px;
padding: 0 15px;
direction: rtl;
line-height: 48px;
font-weight: bold;
color: #fff;
cursor: pointer;
}
.search-and-basket .basket:hover {
box-shadow: 0 0 18px #5fc667;
}
.search-and-basket .basket .feather-ico {
margin-left: 6px;
color: #317335;
transition: 0.4s;
}
.search-and-basket .basket:hover .feather-ico {
color: #5ce063;
}
.search-and-basket .basket .total-cat {
font-weight: bold;
margin-right: 0px;
font-size: 16px;
}
.search-and-basket .basket span {
font-weight: normal;
margin-right: 5px;
font-size: 12px;
}
.search-and-basket .search-wrapper {
height: 91px;
float: left;
margin-left: 15px;
padding-top: 39px;
}
.search-and-basket .search-wrapper form {
position: relative;
}
.search-and-basket .search-wrapper input {
}
.search-and-basket .search-wrapper input[type="text"] {
height: 44px;
line-height: 47px;
width: 250px;
border-radius: 999px;
border: 1px solid #d6d6d6;
font-size: 14px;
direction: rtl;
padding: 0 10px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
outline: none;
box-shadow: inset 0px 0px 12px -2px #00000036;
}
.search-and-basket .search-wrapper input[type="text"]:focus {
width: 300px;
border: 1px solid #f04445;
}
.search-and-basket .search-wrapper input[type="submit"] {
position: absolute;
top: 5px;
left: 5px;
height: 36px;
width: 36px;
cursor: pointer;
opacity: 0;
z-index: 2;
}
.search-and-basket .search-wrapper .feather-ico {
position: absolute;
left: 11px;
top: 11px;
color: #797979;
z-index: 1;
}
#srch-id:focus .feather-ico {
color:#f04445;
}
.main-nav {
background-color: #fff;
border-bottom: 2px solid #f2faff;
box-shadow: 0px 4px 10px -8px #000000bd;
}
.main-nav ul,li {
list-style: none;
padding: 0;
margin: 0;
}
.main-nav .container {
height: 50px;
}
.main-nav .nav-wrapper {
height: 50px;
width: 1200px;
direction: rtl;
position: relative;
}
.main-nav .first-li {
float: right;
height: 50px;
line-height: 52px;
color: #2b2c2d;
margin: 0 6px;
position: relative;
}
.main-nav .first-li > a {
padding: 0 16px;
color: #6f6f6f;
display: block;
}
.main-nav .first-li > a:hover {
color: #000000;
box-shadow: inset 0px -3px 0px 0px #f04445;
}
.main-nav .first-li .feather-ico {
position: absolute;
top: 0;
left: 0;
color: #a5a5a5;
}
.main-nav .first-li > a:hover + .feather-ico {
color: red;
}
.main-nav .drop-down {
background-color: #fff;
margin-top: 0px;
border-radius: 0px 0px 5px 5px;
box-shadow: inset 0px 5px 9px -5px #0000003b;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 999;
border-bottom: 1px solid #eaedef;
border-right: 1px solid #eaedef;
border-left: 1px solid #eaedef;
}
.main-nav .has-child:hover > .drop-down {
visibility: visible;
opacity: 1;
}
.drop-down:hover ~ .first-li a {
color: #000000;
box-shadow: inset 0px -3px 0px 0px #f04445;
}
.main-nav .col-x-4 {
width: 600px;
}
.main-nav .col-x-2 {
width: 360px;
}
.main-nav .col-x-1 {
width: 160px;
}
.main-nav .w50p {
width: 50%;
}
.main-nav .w100p {
width: 100%;
text-align: center;
}
.main-nav .col-x-4 .w50p .title {
height: 30px;
line-height: 30px;
background-color: #eaedef;
text-align: center;
color: #607D8B;
}
.main-nav .col-x-2 .title {
height: 30px;
line-height: 30px;
background-color: #eaedef;
text-align: center;
color: #607D8B;
}
.main-nav .col-x-1 .title {
height: 30px;
line-height: 30px;
background-color: #eaedef;
text-align: center;
color: #607D8B;
}
.main-nav .second-ul {
}
.main-nav .pad-10 {
padding: 15px;
}
.main-nav .second-li {
}
.main-nav .second-li a {
font-size: 13px;
padding: 0;
color: #676869;
display: block;
line-height: 34px;
padding-right: 5px;
}
.main-nav .second-li a:hover {
color: #000;
}
.main-nav .border-1 {
border-left: 1px solid #ececec;
}
.main-nav .view-all-link {
display: block;
padding: 0 !important;
font-size: 13px;
text-align: center;
height: 40px;
line-height: 40px;
border-radius: 5px;
margin-top: 10px;
background-color: #fff;
color: #f04445;
box-shadow: inset 0px 0px 0px 2px #f04445;
}
.main-nav .view-all-link:hover {
color: #fff;
background-color: #f04445;
}
.main-nav .mt-44 {
margin-top: 44px;
}
.index-top-slider {
}
.index-top-slider .container {
margin-top: 15px;
}
.slider-sc-wrapper {
width: 880px;
height: 410px;
position: relative;
}
/* swiper slider */
.slider-sc-wrapper .swiper-container {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slider-sc-wrapper .tab {
position: absolute;
width: 880px;
height: 410px;
background-color: rgb(207, 215, 220);
overflow-x: hidden;
border-radius: 3px;
}
.slider-sc-wrapper .tab-nav {
position: relative;
height: 50px;
width: 880px;
background-color: #fff;
overflow-x: hidden;
}
.slider-sc-wrapper .tab-nav .swiper-wrapper {
direction: rtl;
}
.slider-sc-wrapper .tab-nav .swiper-slide {
display: block;
width: 220px;
color: rgba(255, 255, 255, 0.65);
font-size: 14px;
line-height: 50px;
height: 50px;
text-align: center;
cursor: pointer;
float: left;
background-color: #545a69;
font-weight: normal;
}
.slider-sc-wrapper .swiper-slide span {
z-index: 9999;
}
.slider-sc-wrapper .tab-nav .swiper-slide.active {
font-weight: bold;
background-color: #353840;
color: #fff;
}
.slider-sc-wrapper .tab-active-bar {
position: absolute;
top: 0px;
height: 2px;
background-color: #ff0001;
-webkit-transition-property: all;
transition-property: all;
z-index: 1;
}
.slider-sc-wrapper .tab-active-bar::before {
content: '';
}
.slider-sc-wrapper .tab-content {
height: 360px;
}
.slider-sc-wrapper .tab-content .swiper-slide {
cursor: pointer;
}
.slider-sc-wrapper .tab-content .swiper-slide a {
display: block;
}
.slider-sc-wrapper .swiper-slide a img {
border-radius: 3px 3px 0 0;
}
/* end */
.side-banner-wrapper {
height: 410px;
width: 300px;
}
.side-banner-wrapper .side-banner-top {
margin-bottom: 20px;
}
.side-banner-wrapper a {
display: block;
}
.side-banner-wrapper a img {
border-radius: 3px;
}
.index-main-banners {
}
.index-main-banners .container {
margin-top: 10px;
margin-bottom: 20px;
}
.index-main-banners .container img {
border-radius: 3px;
}
.index-main-banners .container a {
display: block;
}
.index-main-banners .top-row {
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}
.index-main-banners .bot-row {
display: flex;
justify-content: space-between;
}
.featured-products-sc {
background-color: #d5dbde;
}
.featured-products-sc .container {
}
.featured-products-title {
height: 30px;
position: relative;
width: 1200px;
padding-top: 10px;
margin-bottom: 15px;
}
.featured-products-title .title {
display: block;
float: right;
height: 30px;
line-height: 30px;
font-size: 16px;
color: #000;
font-weight: 500;
}
.featured-products-title .view-all {
display: block;
font-size: 12px;
background-color: #f04445;
height: 28px;
line-height: 28px;
width: 100px;
color: #fff;
text-align: center;
border-radius: 999px;
box-shadow: 0px 2px 10px -2px #f14445;
}
.featured-products-title .view-all:hover {
color: #f04445;
background-color: #fff;
box-shadow: inset 0px 0px 0px 1px #f04445;
}
.products-container {
padding-bottom: 10px;
}
.products-container .wrapper {
display: inline-block;
}
.product {
width: 224px;
height: 300px;
padding: 3px;
margin: 5px;
float: right;
transition: 0.1s;
}
.product:hover {
/* background-color: #fff;
border-radius: 8px;
box-shadow: 0px 0px 16px 0px #cecece; */
}
.product .product-wrapper {
display: block;
width: 224px;
height: 295px;
background-color: #fff;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.product .product-wrapper:hover {
box-shadow: 0px 0px 18px #00000038;
}
.product .product-wrapper .product-img {
height: 190px;
width: 214px;
padding: 8px 5px;
text-align: center;
}
.product .product-wrapper .product-img img {
max-width: 210px;
max-height: 190px;
margin: 0 auto;
border-radius: 5px;
}
.product .product-wrapper .product-title {
width: 208px;
height: 35px;
padding: 5px 8px;
direction: rtl;
color: #000;
font-size: 13px;
text-align: center;
overflow: hidden;
}
.product .product-wrapper .product-price {
padding: 5px 8px 5px 8px;
width: 208px;
direction: rtl;
display: flex;
justify-content: space-around;
}
.product .product-wrapper .product-price .main-price {
font-weight: 500;
font-size: 16px;
color: #4CAF50;
}
.product .product-wrapper .product-price .main-price span {
font-size: 12px;
color: #989898;
font-weight: normal;
}
.product .product-wrapper .product-price .discount-price {
font-weight: 500;
font-size: 16px;
color: #7a7d8e;
text-decoration: line-through;
}
.product .product-wrapper .product-price .discount-price span {
font-size: 12px;
color: #989898;
font-weight: normal;
}
.discount-timer {
position: absolute;
width: 214px;
background-color: rgba(255, 255, 255, 0.6);
left: 5px;
top: 150px;
height: 50px;
}
.discount-timer .top-sc {
display: flex;
justify-content: space-between;
padding: 10px 15px 5px 15px;
font-size: 14px;
font-weight: 600;
line-height: 1;
color: #000;
direction:rtl;
}
.discount-timer .top-sc .timer {
}
.discount-timer .top-sc .discount {
color: #f14445;
}
.discount-timer .bot-sc {
margin-top: 3px;
}
.discount-timer .bot-sc .progress-bar {
border-radius: 999px;
width: 190px;
height: 6px;
background-color: #cecece;
margin: 0 auto;
position: relative;
}
.discount-timer .bot-sc .bar{
border-radius: 999px;
width: 90%;
height: 6px;
background-color: #f04445;
}
.main-products-sc {
}
.main-products-sc .container {
}
.main-products-sc .main-products-title {
display: block;
height: 30px;
line-height: 30px;
font-size: 16px;
color: #000;
font-weight: 500;
text-align: right;
margin-top: 15px;
margin-bottom: 15px;
}
.footer-top {
background-color: #fff;
box-shadow: 0px 1px 0px #c5c9cc;
}
.footer-top .container {
margin-top: 15px;
height: 80px;
}
.footer-top .social-links {
float: right;
height: 80px;
}
.footer-top .social-links a {
display: block;
float: right;
height: 80px;
padding: 0 20px;
border-right: 1px solid #dde1e4;
}
.footer-top .social-links a:nth-child(2) {
border-left: 1px solid #dde1e4;
}
.footer-top .social-links .wrapper {
height: 100%;
display: flex;
justify-content: space-around;
direction: rtl;
}
.footer-top .social-links .icon {
height: 80px;
width: 32px;
margin-left: 10px;
transition: none;
}
.footer-top .social-links .insta-icon {
background: url(../img/footer-ico-128x32.png) no-repeat 0px center;
}
.footer-top .social-links .teleg-icon {
background: url(../img/footer-ico-128x32.png) no-repeat -31px center;
}
.footer-top .social-links .title {
display: inline-block;
margin-top: 22px;
}
.footer-top .social-links .title span {
display: block;
color: #757575;
font-size: 14px;
}
.footer-top .social-links .title span:nth-child(2) {
color: #bdbdbd;
}
.footer-top .social-links a:hover {
box-shadow: 0 0 20px rgba(179, 179, 179, 0.7);
}
.footer-top .social-links a:hover .insta-icon {
background: url(../img/footer-ico-128x32.png) no-repeat -64px center;
}
.footer-top .social-links a:hover .teleg-icon {
background: url(../img/footer-ico-128x32.png) no-repeat -95px center;
}
.pagination-index {
text-align: center;
margin-bottom: 40px;
margin-top: 10px;
}
.pagination-index a {
display: block;
width: 300px;
background-color: #f04445;
margin: 0 auto;
height: 50px;
border-radius: 5px;
line-height: 50px;
color: #fff;
}
.pagination-index a:hover {
box-shadow: 0px 2px 15px -2px #f14445;
}
.footer-top .email-subscribe {
float: left;
height: 80px;
display: flex;
direction: rtl;
}
.footer-top .email-subscribe .title {
margin-top: 20px;
font-size: 14px;
color: #b2b5b7;
margin-left: 30px;
}
.footer-top .subscribe-form {
height: 80px;
width: 460px;
}
.footer-top .subscribe-form form {
position: relative;
}
.footer-top .subscribe-form input[type=email] {
height: 45px;
width: 435px;
border-radius: 999px;
border: 1px solid #d3d6d8;
line-height: 45px;
padding: 0 10px;
box-shadow: inset 0px 0px 10px -2px #a4b4bfd9;
margin-top: 17px;
font-size: 14px;
outline: none;
}
.footer-top .subscribe-form input[type=submit] {
position: absolute;
left: 8px;
height: 37px;
line-height: 37px;
width: 100px;
border-radius: 999px;
border: none;
background-color: #2196F3;
top: 22px;
color: #fff;
font-size: 14px;
cursor: pointer;
}
.footer-mid {
background-color: #fff;
border-top: 1px solid #d7dbde;
}
.footer-mid .container {
padding: 40px 0;
direction: rtl;
height: 220px;
}
.footer-mid .footer-nav {
float: right;
height: 100%;
}
.footer-mid .footer-nav .col {
height: 100%;
width: 140px;
direction: rtl;
padding-left: 30px;
float: right;
}
.footer-mid .footer-nav .col .title {
color: #f14445;
font-weight: 500;
border-bottom: 1px solid #d2d6d8;
padding-bottom: 10px;
font-size: 14px;
}
.footer-mid .footer-nav .col ul,li {
list-style: none;
padding: 0;
margin: 0;
}
.footer-mid .footer-nav .col ul {
padding-top: 5px;
}
.footer-mid .footer-nav .col ul li {
margin: 8px 0;
}
.footer-mid .footer-nav .col ul li a {
color: #7f8082;
font-size: 13px;
}
.footer-mid .footer-nav .col ul li a:hover {
color: #000;
}
.footer-mid .footer-nav .col-x {
height: 100%;
width: 600px;
direction: rtl;
float: right;
margin-right: 90px;
}
.footer-mid .footer-nav .col-x .title {
color: #959ba9;
font-weight: 500;
border-bottom: 1px solid #d2d6d8;
padding-bottom: 10px;
font-size: 14px;
}
.footer-mid .footer-nav .col-x .images-preview-sc {
width: 600px;
height: 150px;
padding: 15px 0px;
}
.footer-mid .footer-nav .col-x .images-preview-sc a {
display: block;
float: right;
height: 140px;
width: 140px;
margin-left: 13px;
position: relative;
}
.footer-mid .footer-nav .col-x .images-preview-sc a .view-all-link {
position: absolute;
z-index: 99;
color: #f14445;
background-color: #fff;
font-size: 14px;
left: 15px;
top: 53px;
height: 30px;
line-height: 30px;
width: 110px;
border-radius: 999px;
text-align: center;
box-shadow: 0px 0px 15px 0px #ffffffc4;
}
.footer-mid .footer-nav .col-x .images-preview-sc a .view-all-link:hover {
color: #fff;
background-color: #f14445;
box-shadow: 0px 0px 15px 0px #f14445;
}
.footer-mid .footer-nav .col-x .images-preview-sc a .view-all-link i {
}
.footer-mid .footer-nav .col-x .images-preview-sc a:nth-child(4) {
margin-left: 0px;
}
.footer-mid .footer-nav .col-x .images-preview-sc a img {
width: 140px;
height: 140px;
border-radius: 5px;
}
.footer-mid .footer-nav .col-x .images-preview-sc a .color-layer {
width: 140px;
height: 140px;
border-radius: 5px;
position: absolute;
background-color: rgba(255, 255, 255, 0.35);
}
.footer-bot {
background: #f7f8f9;
border-top: 1px solid #d8dbde;
}
.footer-bot .container {
padding: 20px 0px;
}
.footer-bot .top {
display: flex;
direction: rtl;
justify-content: space-between;
}
.footer-bot .top .right-sc {
padding: 15px 0;
}
.footer-bot .top .footer-logo {
height: 50px;
display: block;
background: url(../img/logo.png) no-repeat right center;
}
.footer-bot .top .zire20-desc {
padding-top: 20px;
}
.footer-bot .top .zire20-desc p {
font-size: 13px;
width: 900px;
text-align: justify;
margin: 0;
color: rgb(113, 113, 113);
}
.footer-bot .e-namad {
width: 160px;
height: 190px;
border-radius: 10px;
border: 1px solid #b9bfc3;
background-color: #fff;
}
.copyright-bar {
background-color: #48515a;
}
.copyright-bar .container {
height: 50px;
}
/* The Modal (background) */
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(51, 54, 72, 0.66);
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.4s;
animation-name: fadeIn;
animation-duration: 0.4s;
z-index: 9999;
padding-top: 80px;
}
.modal-content {
margin: auto;
background-color: #fff;
outline: 0;
width: 400px;
position: relative;
animation: animatetop 0.4s;
border-radius: 8px;
box-shadow: 0px 2px 15px 0px #00000069;
direction: rtl;
}
.close {
background-color: #dee4e8;
height: 50px;
text-align: center;
line-height: 49px;
font-weight: 500;
font-size: 15px;
color: #3f5b69;
border-radius: 10px 10px 0 0;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-content .title {
background-color: #dee4e8;
height: 50px;
text-align: center;
line-height: 49px;
font-weight: 500;
font-size: 15px;
color: #3f5b69;
border-radius: 10px 10px 0 0;
}
.modal-content .modal-body {
background-color: #fff;
padding: 20px;
border-radius: 0 0 10px 10px;
}
#signupModal .modal-login-form form {
padding-top: 10px;
}
#signupModal .modal-login-form .form-group {
margin-bottom: 15px;
position: relative;
}
#signupModal .modal-login-form .form-group label {
padding: 0 10px;
width: 320px;
margin: 0 auto;
display: block;
margin-bottom: 10px;
color: #6f7579;
}
#signupModal .modal-login-form .form-group .signup-modal-icon {
}
#signupModal .modal-login-form .form-group .feather-ico-1 {
position: absolute;
z-index: 99;
top: 43px;
left: 28px;
color: #bcc4d0;
}
#signupModal .modal-login-form .form-group input {
padding: 0 10px;
outline: none;
width: 300px;
height: 45px;
line-height: 44px;
margin: 0 auto;
display: block;
border-radius: 3px;
border: 1px solid #c2c7cc;
font-size: 14px;
}
#signupModal .modal-login-form .form-group input:focus {
border: 1px solid #2196F3;
}
#signupModal .modal-login-form .form-group input:focus + .feather-ico-1 {
color: #2196F3;
}
#signupModal .modal-login-form .form-group input[type="submit"] {
width: 320px;
border: none;
background-color: #4CAF50;
color: #fff;
font-size: 16px;
cursor: pointer;
}
#signupModal .modal-login-form .form-group input[type="submit"]:hover {
box-shadow: 0px 2px 15px -2px #4CAF50;
}
#signupModal .modal-login-form .forget-pass {
font-size: 13px;
text-align: center;
padding-bottom: 30px;
border-bottom: 1px solid #cbd1d6;
}
#signupModal .modal-login-form .forget-pass a {
color: #717779;
display: block;
height: 20px;
line-height: 20px;
margin-top: 20px;
}
#signupModal .modal-login-form .forget-pass a span {
color: #2196F3;
font-weight: 500;
}
#signupModal .modal-login-form .signup-newuser {
display: block;
width: 320px;
border: none;
background-color: #2196F3;
color: #fff;
font-size: 16px;
cursor: pointer;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 10px;
border-radius: 3px;
height: 45px;
line-height: 44px;
text-align: center;
}
#signupModal .close-modal {
position: absolute;
top: 12px;
right: 10px;
color: #828c94;
cursor: pointer;
}
/* --------------- share-modal --------------- */
#shareModal .modal-content {
width: 600px;
}
#shareModal .modal-content .modal-body {
border-radius: 10px;
height: 150px;
}
#shareModal .modal-content .close-modal {
position: absolute;
top: 12px;
right: 10px;
color: #828c94;
}
/* */
/* */
/* */
/* */
/* */
/* */
/* USER PANEL */
/* */
/* */
/* */
/* */
/* */
.user-panel .container {
background-color: #fff;
border-radius: 5px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.21);
display: flex;
direction: rtl;
margin: 50px auto;
}
.user-panle-wrapper {
display: flex;
}
.user-panle-wrapper .right-sc {
width: 220px;
background-color: #f5f5f5;
border-left: 1px solid #dfe3e6;
border-radius: 0 5px 5px 0;
}
.user-panle-wrapper .left-sc {
width: 979px;
}
.user-panel .right-sc .header {
padding: 30px 20px 50px 20px;
text-align: center;
border-bottom: 1px solid #e0e2e7;
}
.user-panel .right-sc .header .avatar {
height: 80px;
}
.user-panel .right-sc .header .avatar img {
}
.user-panel .right-sc .header .name {
font-weight: 500;
color: #f04445;
}
.user-panel .right-sc .header .email {
font-size: 12px;
margin-top: 10px;
background-color: #e0e2e6;
border-radius: 999px;
height: 25px;
line-height: 25px;
}
.user-panel .right-sc .nav ul,li {
list-style: none;
margin: 0;
padding: 0;
}
.user-panel .right-sc .nav ul li a {
display: block;
height: 60px;
border-bottom: 1px solid #e0e2e7;
padding: 0 20px;
line-height: 59px;
font-size: 14px;
color: #6a6b71;
font-weight: 500;
}
.user-panel .right-sc .nav ul li a:hover {
color: #f04445;
}
.user-panel .right-sc .nav ul li .active {
background-color: #fff;
z-index: 999;
box-shadow: -3px 0px 0px 0px #fff;
border-right: 5px solid #f04445;
}
.user-panel .right-sc .nav ul li a .feather-ico {
color: #afafaf;
margin-left: 5px;
}
.user-panel .right-sc .nav ul li .active .feather-ico {
margin-right: -5px;
color: #f14445;
}
.user-panel .right-sc .exit {
padding: 50px 20px 20px 20px;
}
.user-panel .right-sc .exit a {
display: block;
width: 120px;
height: 40px;
background-color: #f04445;
border-radius: 999px;
margin: 0 auto;
color: #fff;
text-align: center;
line-height: 40px;
box-shadow: 0px 2px 11px -3px #f14445;
}
.user-panel .right-sc .fix-bot {
width: 100%;
height: auto;
min-height: 20px;
}
.user-panle-wrapper .left-sc .dash-wrapper {
padding: 20px;
min-height: 735px;
}
/* */
/* */
/* */
/* */
/* user-panel-home */
/* */
/* */
/* */
/* */
/* */
/* */
.dash-wrapper .system-message {
padding-bottom: 20px;
border-bottom: 1px solid #c6cbce;
margin-bottom: 20px;
}
.dash-wrapper .system-message .alert {
background-color: #03A9F4;
border-radius: 5px;
padding: 10px;
position: relative;
display: flex;
height: 30px;
line-height: 30px;
margin-bottom: 15px;
}
.dash-wrapper .system-message .alert .feather-ico {
color: #000000;
margin-left: 15px;
opacity: 0.3;
}
.dash-wrapper .system-message .alert .message {
color: #fff;
line-height: 30px;
font-size: 15px;
}
.dash-wrapper .system-message .alert .message a {
font-weight: 600;
color: #000;
opacity: 0.6;
}
.dash-wrapper .system-message .red {
background-color: #f04445;
}
.dash-home .user-statistics {
margin-bottom: 50px;
}
.dash-home .user-statistics .wrapper {
display: flex;
justify-content: space-between;
}
.dash-home .user-statistics .col {
width: 190px;
height: 120px;
background-color: #ffffff;
border-radius: 6px;
border: 1px solid #e2e7ea;
padding: 25px 15px 10px 15px;
box-shadow: 0px 1px 17px -1px #b7bcbf85;
}
.dash-home .user-statistics .col .feather-ico {
color: #f04445;
margin: 0 auto;
display: block;
width: 100%;
text-align: center;
opacity: 1;
}
.dash-home .user-statistics .col .title {
text-align: center;
margin-top: 10px;
color: #636363ba;
}
.dash-home .user-statistics .col .score {
text-align: center;
font-size: 23px;
margin-top: 7px;
font-weight: 900;
color: #59666d;
}
.dash-wrapper .head {
display: flex;
height: 40px;
background-color: #eaedef;
line-height: 40px;
padding: 0 10px;
margin-bottom: 15px;
}
.dash-wrapper .head .feather-ico {
margin-left: 5px;
color: #4e4e4e;
}
.dash-wrapper .head .title {
font-weight: 500;
font-size: 15px;
color: #607D8B;
}
.dash-wrapper .order-list .content {
}
.dash-wrapper .order-list .content .order-row {
display: flex;
border: 1px solid #c3c3c3;
margin-top: -1px;
font-size: 15px;
}
.dash-wrapper .order-list .content .order-row .column {
text-align: center;
padding: 10px;
height: 30px;
line-height: 30px;
color: #5d5d5d;
border-left: 1px solid #d4dade;
}
.dash-wrapper .order-list .content .order-row .number {
width: 35px;
}
.dash-wrapper .order-list .content .order-row .order-id {
width: 150px;
}
.dash-wrapper .order-list .content .order-row .order-date {
width: 150px;
}
.dash-wrapper .order-list .content .order-row .order-price {
width: 150px;
font-weight: 500;
color: #4CAF50;
}
.dash-wrapper .order-list .content .order-row .order-status {
width: 220px;
}
.dash-wrapper .order-list .content .order-row .more {
width: 106px;
font-size: 12px;
text-decoration: underline;
border: none;
}
.dash-wrapper .order-list .content .title-row {
background-color: #e2e7ea;
}
.dash-wrapper .order-list .content .title-row .column {
color: #607D8B;
font-weight: 500;
border: none;
text-decoration: none !important;
font-size: 15px !important;
}
.dash-wrapper .order-list .content .order-row .order-price span {
color: #929ca2;
font-size: 13px;
font-weight: normal;
}
.dash-wrapper .order-list .content .order-row .order-status .order-status-inner {
width: 170px;
height: 30px;
margin: 0 auto;
position: relative;
}
.dash-wrapper .order-list .content .order-row .order-status .order-status-inner .progress-bar {
position: absolute;
visibility: hidden;
}
.dash-wrapper .order-list .content .order-row .order-status .order-status-inner span {
font-size: 13px;
font-weight: 500;
text-align: center;
display: block;
color: #fff;
background-color: #8BC34A;
border-radius: 9999px;
line-height: 30px;
}
.dash-wrapper .order-list .content .order-row .order-status .timer span {
position: absolute;
width: 170px;
background-color: rgba(241, 68, 69, 0.7);
}
.dash-wrapper .order-list .content .order-row .order-status .timer .progress-bar {
visibility: visible;
height: 30px;
left: 0;
top: 0;
background-color: #f14445;
border-radius: 999px 0 0 999px;
}
/* */
/* */
/* */
/* */
/* */
/* User Panle - Order Detial */
/* */
/* */
/* */
/* */
/* */
.order-details .container {
margin-top: 20px;
margin-bottom: 20px;
}
.order-details .inner {
background-color: #fff;
border-radius: 3px;
}
.order-details .s-row {
padding: 15px;
direction: rtl;
}
.order-details .s-row-1 {
color: #989898;
font-size: 15px;
border-bottom: 1px dashed #cdd6dc;
position: relative;
}
.order-details .s-row-1 .order-id {
margin-bottom: 5px;
}
.order-details .s-row-1 .order-id span {
font-weight: 500;
color: #2196F3;
}
.order-details .s-row-1 .order-date {
}
.order-details .current-status {
margin: 15px auto 25px auto;
width: 320px;
height: 50px;
background-color: #8BC34A;
border-radius: 999px;
text-align: center;
line-height: 50px;
font-weight: 500;
color: #fff;
box-shadow: 0px 2px 6px -1px #8bc34ad1;
}
.order-details .graph-wrapper {
position: relative;
}
.order-details .graph-wrapper .col {
width: 14.28571428571429%;
}
.order-details .graph-wrapper .circle {
width: 42px;
height: 42px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 999px;
position: relative;
display: flex;
justify-content: center;
border: 1px solid #c9d0d4;
}
.order-details .graph-wrapper .center {
height: 30px;
width: 30px;
background-color: #eaedef;
border-radius: 9999px;
margin-top: 5px;
line-height: 30px;
text-align: center;
color: #505c65;
font-weight: 500;
font-size: 14px;
border: 1px solid #c9d0d4;
z-index: 10;
position: absolute;
}
.order-details .graph-wrapper .center.is-done {
background-color: #8bc34a;
border: 1px solid #8bc34a;
box-shadow: 0px 1px 6px 0px #8bc34a;
color: #ffffff;
}
.order-details .graph-wrapper .center.in-progress {
background-color: #2196F3;
border: 1px solid #2196F3;
box-shadow: 0px 1px 6px 0px #2296f3;
color: #ffffff;
}
.order-details .graph-wrapper .a-bar {
position: absolute;
height: 6px;
width: 1000px;
background-color: #fff;
top: 18px;
border: 1px solid #c9d0d4;
left: 80px;
}
.order-details .graph-wrapper .b-bar {
position: absolute;
height: 6px;
width: 1000px;
background-color: #fff;
top: 19px;
left: 80px;
z-index: 9;
}
.order-details .captions-wrapper {
padding-top: 10px;
padding-bottom: 25px;
}
.order-details .captions-wrapper .col {
width: 14.28571428571429%;
text-align: center;
font-size: 13px;
}
.order-details .captions-wrapper .col .title {
color: #bbb;
}
.order-details .captions-wrapper .col .title.is-done {
color: #2e3031;
}
.order-details .captions-wrapper .col .date {
padding: 7px;
font-size: 12px;
background-color: #e5eaec;
width: 110px;
margin: 0 auto;
margin-top: 5px;
position: relative;
border-radius: 3px;
height: 15px;
line-height: 17px;
}
.order-details .captions-wrapper .col .admin-name {
padding: 7px;
font-size: 12px;
background-color: #ffffff;
width: 110px;
margin: 0 auto;
margin-top: 5px;
position: relative;
border-radius: 3px;
height: 15px;
line-height: 15px;
box-shadow: inset 0px 0px 0px 2px #e5eaec;
}
.order-details .captions-wrapper .col .date::before {
content: '';
width: 0px;
height: 8px;
border-bottom: solid 6px #e5eaec;
border-left: solid 6px transparent;
border-right: solid 6px transparent;
position: absolute;
top: -14px;
right: 56px;
}
.order-details .s-row-2 {
border-bottom: 1px dashed #cdd6dc;
}
.order-details .s-row-3 .header {
padding-bottom: 40px;
}
.order-details .item .price {
width: 210px !important;
}
.order-details .item .t-price {
width: 233px !important;
border-left: none !important;
}
.order-details .cart-items-wrapper .row-header .price {
width: 234px !important;
}
.order-details .cart-items-wrapper .row-header .t-price {
width: 248px !important;
}
.order-details .item {
border: 1px solid #cdd2d6 !important;
border-top: none !important;
margin: 0px !important;
border-radius: 0px !important;
}
.order-details .delivery-method-od {
border-radius: 3px;
border: 2px solid #03A9F4;
font-weight: 500;
color: #232323;
height: 60px;
}
.order-details .delivery-method-od .desc {
padding: 10px;
height: 40px;
line-height: 40px;
width: 450px;
}
.order-details .delivery-method-od .logo-wrapper {
padding: 10px;
height: 40px;
line-height: 40px;
border-right: 2px solid #03A9F4;
width: 58px;
}
.order-details .delivery-method-od .logo-wrapper .logo {
background: url(../img/post-s-logo.png) no-repeat 0px center;
height: 32px;
width: 40px;
margin: 0 auto;
margin-top: 4px;
}
.order-details .cart-items-wrapper {
padding-bottom: 15px !important;
}
.order-details .s-row-3 {
border-bottom: 1px dashed #cdd6dc;
}
.order-details .s-row-4 .inner {
padding: 20px 15px;
}
.order-details .s-row-4 .inner .header {
background-color: #eaedef;
padding: 10px;
color: #607D8B;
margin-bottom: 20px;
}
.order-details .s-row-4 .inner .row-group {
min-height: 30px;
line-height: 30px;
margin-bottom: 10px;
}
.order-details .s-row-4 .inner .row-group .title {
padding: 0 5px;
width: 85px;
font-weight: bold;
font-size: 15px;
color: #607D8B;
}
.order-details .s-row-4 {
border-bottom: 1px dashed #cdd6dc;
}
.order-details .s-row-5 .inner {
padding: 10px 15px;
}
.order-details .s-row-5 .inner .message {
font-size: 14px;
padding: 10px;
background-color: #f04445ba;
color: #fff;
border-radius: 3px;
}
.order-details .s-row-1 .print-page {
display: block;
position: absolute;
left: 20px;
height: 40px;
width: 120px;
text-align: center;
line-height: 40px;
background-color: #2196F3;
top: 19px;
color: #fff;
border-radius: 3px;
}
.order-details .s-row-6 {
border-bottom: 1px dashed #cdd6dc;
position: relative;
}
.order-details .s-row-6 .payment-details {
width: 503px;
margin: 0 auto;
background-color: #e4e4e4;
border-radius: 3px;
border: 1px solid #bbbbbb;
color: #000;
font-size: 14px;
margin-bottom: 15px;
}
.order-details .s-row-6 .col {
width: 120px;
text-align: center;
height: 50px;
line-height: 50px;
}
.order-details .s-row-6 .col span {
}
.order-details .s-row-6 .payment-details.rezerv-payment {
border: 1px solid #99b5d0;
background-color: #c3e1ff;
}
.order-details .s-row-6 .col:nth-child(3) {
width: 140px;
}
/* */
/* */
/* */
/* user dash order list */
/* */
/* */
/* */
/* */
.dash-wrapper .sortandfilters {
margin-bottom: 15px;
}
.dash-wrapper .sortandfilters .inner {
height: 50px;
line-height: 50px;
}
.dash-wrapper .sortandfilters .inner form {
float: right;
}
.dash-wrapper .sortandfilters .inner form label {
font-size: 14px;
color: #797979;
}
.dash-wrapper .sortandfilters .inner form select {
padding: 5px;
height: 34px;
width: 130px;
border-radius: 5px;
outline: none;
font-family: IRANSans !important;
font-size: 13px;
line-height: 34px;
}
.dash-wrapper .pagination-sc .inner .pagination ul,li {
margin: 0;
padding: 0;
}
.dash-wrapper .pagination-sc .inner .pagination ul {
display: inline-block;
float: left;
padding-top: 25px;
}
.dash-wrapper .pagination-sc .inner .pagination ul a {
display: block;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
color: #444e6b;
float: right;
background-color: #f5f5f5;
margin-left: 5px;
border-radius: 3px;
font-size: 16px;
border: 1px solid #d1d7da;
}
.dash-wrapper .pagination-sc .inner .pagination ul .is-active {
background-color: #ef4446;
color: #fff;
font-weight: 500;
border: 1px solid #ef4446;
}
.dash-wrapper .pagination-sc .inner .pagination ul a:hover {
background-color: #ced6da;
color: #444e6b;
font-weight: 500;
border: 1px solid #a0afb7;
}
.dash-wrapper .pagination-sc .inner .pagination ul a:nth-last-child(1){
margin: 0px;
}
/* */
/* */
/* */
/* wait list */
/* */
/* */
/* */
.dash-wrapper .sortandfilters .inner .button {
display: block;
height: 40px;
background-color: #2196F3;
margin-top: 5px;
line-height: 40px;
font-size: 14px;
text-align: center;
width: 180px;
color: #fff;
font-weight: 500;
border-radius: 4px;
margin-right: 460px;
border: none;
cursor: pointer;
}
.dash-wrapper .sortandfilters .inner .button:hover {
color: #2196F3;
background-color: #fff;
box-shadow:inset 0px 0px 0px 2px #2196F3;
}
.dash-wait .dash-wait-list .content .order-row .checkbox {
width: 20px;
}
.dash-wait .dash-wait-list .content .order-row .checkbox input {
}
.dash-wait .dash-wait-list .content .order-row .checkbox label {
width: 19px;
height: 19px;
background-color: #ffffff;
display: block;
cursor: pointer;
margin-top: 5px;
border-radius: 4px;
border: 1px solid #b6bcbf;
box-shadow: inset 0px 0px 4px 0px #e2e7ea;
}
.dash-wait .dash-wait-list .content .order-row #checkbox:checked + label {
background-color: #4CAF50;
box-shadow: inset 0px 0px 0px 2px #ffffff;
}
.dash-wait .dash-wait-list .content .order-row .order-price {
width: 120px;
}
.dash-wait .dash-wait-list .content .order-row .order-id {
width: 140px;
}
/* */
/* */
/* */
/* user dash point */
/* */
/* */
/* */
/* */
.dash-wrapper .content .user-point {
height: 150px;
padding: 20px;
border: 1px solid #dbdee0;
border-radius: 8px;
width: 857px;
line-height: 150px;
}
.dash-wrapper .content .user-point .title {
float: right;
font-size: 35px;
font-weight: 500;
color: #556080;
}
.dash-wrapper .content .user-point .point {
float: left;
font-size: 80px;
font-weight: bold;
margin-left: 20px;
line-height: 160px;
color: #ef4446;
}
.dash-point .content .bt-button {
margin-top: 40px;
padding: 20px;
}
.dash-point .content .bt-button .gift-shop {
display: block;
width: 300px;
height: 70px;
background-color: #8BC34A;
text-align: center;
line-height: 70px;
border-radius: 5px;
color: #fff;
font-size: 22px;
font-weight: 500;
margin: 0 auto;
box-shadow: 0px 3px 12px -2px #8bc34a;
}
/* */
/* */
/* */
/* ' ' ' l ' ' */
/* Confeti */
/* ' 'l 'l' ' */
/* */
/* */
/* */
@keyframes confetti-slow {
0% {
transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
}
100% {
transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
}
}
@keyframes confetti-medium {
0% {
transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
}
100% {
transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
}
}
@keyframes confetti-fast {
0% {
transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
}
100% {
transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
}
}
.confetti-container {
perspective: 700px;
position: absolute;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.confetti {
position: absolute;
z-index: 1;
top: -10px;
border-radius: 0%;
}
.confetti--animation-slow {
animation: confetti-slow 2.25s linear 1 forwards;
}
.confetti--animation-medium {
animation: confetti-medium 1.75s linear 1 forwards;
}
.confetti--animation-fast {
animation: confetti-fast 1.25s linear 1 forwards;
}
/* */
/* */
/* */
/* user dash whish list */
/* */
/* */
/* */
.dash-wish .products-wrapper {
}
.dash-wish .products-wrapper .product {
width: 218px;
height: 350px;
}
.dash-wish .products-wrapper .product .product-wrapper {
border: 1px solid #d4d4d4;
height: 345px;
width: 218px;
}
.dash-wish .products-wrapper .product .product-wrapper .remove-bt {
display: block;
height: 35px;
background-color: #fff;
width: 190px;
margin: 0 auto;
margin-top: 10px;
border-radius: 3px;
border: 1px solid #abb4b9;
text-align: center;
line-height: 35px;
position: relative;
color: #607D8B;
font-weight: 500;
}
.dash-wish .products-wrapper .product .product-wrapper .remove-bt .feather-ico {
position: absolute;
right: 12px;
}
.dash-wish .products-wrapper .product .product-wrapper .remove-bt:hover {
border: 1px solid #f04445;
color: #f04445;
}
.dash-wish .products-wrapper .product .product-wrapper .product-price {
width: 202px;
}
.dash-wish .products-wrapper .product .product-wrapper .discount-timer {
width: 208px;
}
.dash-wish .products-wrapper .product .product-wrapper .product-img {
width: 208px;
}
.dash-wish .products-wrapper .product .product-wrapper .product-img img {
max-width: 204px;
}
.dash-wish .products-wrapper .product .product-wrapper .product-title {
width: 202px;
}
/* */
/* */
/* */
/* */
/* user - info */
/* */
/* */
/* */
/* */
.dash-wrapper .user-info .user-info-form {
padding-bottom: 10px;
border-bottom: 1px solid #d7dbde;
margin-bottom: 10px;
}
.dash-wrapper .user-info .user-info-form form {
}
.dash-wrapper .user-info .user-info-form form .f-row {
display: inline-block;
margin-bottom: 20px;
}
.dash-wrapper .user-info .form-control {
float: right;
width: 300px;
margin-left: 19px;
}
.dash-wrapper .user-info .form-control input {
padding: 7px;
height: 22px;
width: 280px;
outline: none;
border-radius: 3px;
border: 1px solid #aab1bd;
box-shadow: inset 0px 0px 8px -2px #adbac3;
font-size: 15px;
line-height: 22px;
}
.dash-wrapper .user-info .form-control label {
color: #4b545a;
font-size: 14px;
display: block;
margin-bottom: 5px;
}
.dash-wrapper .user-info .form-control:nth-child(3n) {
margin: 0px;
}
.dash-wrapper .user-info .form-control input:read-only {
background-color: #f3f3f3;
}
.dash-wrapper .user-info .form-control input:-moz-read-only {
background-color: #f3f3f3;
}
.dash-wrapper .user-info .radio-form label {
}
.dash-wrapper .user-info .radio-form input {
visibility: hidden;
position: absolute;
opacity: 0;
}
.dash-wrapper .user-info .radio-form .radio-label {
width: 148px;
float: right;
height: 36px;
background-color: #fff;
border: 1px solid #aab1bd;
text-align: center;
line-height: 34px;
cursor: pointer;
position: relative;
}
.dash-wrapper .user-info .radio-form .men-radio {
border-radius: 0 3px 3px 0;
}
.dash-wrapper .user-info .radio-form .women-radio{
border-radius: 3px 0 0 3px;
margin-right: -1px;
}
.dash-wrapper .user-info .radio-form .radio-label .radio-icon-men {
height: 16px;
width: 16px;
position: absolute;
top: 10px;
right: 10px;
background: url(../img/gender-radio-ico.png) no-repeat -16px center;
transition: none;
}
.dash-wrapper .user-info .radio-form .radio-label .radio-icon-women {
height: 16px;
width: 16px;
position: absolute;
top: 10px;
right: 10px;
background: url(../img/gender-radio-ico.png) no-repeat 0px center;
transition: none;
}
.dash-wrapper .user-info .radio-form #men:checked + .men-radio {
background-color: #6d94a7;
border: 1px solid #607D8B;
color: #fff;
box-shadow: 0px 0px 12px 0px #5093b3;
}
.dash-wrapper .user-info .radio-form #women:checked + .women-radio {
background-color: #6d94a7;
border: 1px solid #607D8B;
color: #fff;
box-shadow: 0px 0px 12px 0px #5093b3;
}
.dash-wrapper .user-info .radio-form #men:checked + .men-radio .radio-icon-men {
background: url(../img/gender-radio-ico.png) no-repeat -48px center;
}
.dash-wrapper .user-info .radio-form #women:checked + .women-radio .radio-icon-women {
background: url(../img/gender-radio-ico.png) no-repeat -32px center;
}
.dash-wrapper .user-info .birth-date-form select {
padding: 7px;
height: 38px;
outline: none;
border-radius: 3px;
border: 1px solid #aab1bd;
box-shadow: inset 0px 0px 8px -2px #adbac3;
font-family: IRANSans !important;
line-height: 38px;
font-size: 13px;
}
.dash-wrapper .user-info .birth-date-form .day {
width: 80px;
}
.dash-wrapper .user-info .birth-date-form .mounth {
width: 120px;
}
.dash-wrapper .user-info .birth-date-form .year {
width: 85px;
}
.dash-wrapper .user-info .credit-card {
width: 620px;
}
.dash-wrapper .user-info .credit-card input {
letter-spacing: 3px;
font-weight: 500;
}
.dash-wrapper .user-info .credit-card .feather-ico {
color: #FF5722;
}
.dash-wrapper .user-info .credit-card span {
font-size: 13px;
color: #8c8c8c;
}
.m-l-0 {
margin-left: 0px !important;
margin-top: 20px;
}
.dash-wrapper .user-info .form-control input[type="submit"] {
float: left;
width: 170px;
padding: 10px;
height: 40px;
line-height: 20px;
margin-left: 5px;
background-color: #2196F3;
box-shadow: none;
border: none;
color: #fff;
cursor: pointer;
}
.dash-wrapper .user-info .user-address-form {
padding: 15px 20px 20px 20px;
background-color: #f1f0ee;
border: 1px solid #dedbd4;
margin-top: 20px;
}
.dash-wrapper .user-info .user-address-form .title{
font-weight: 500;
font-size: 14px;
color: #5d5a55;
padding-bottom: 20px;
}
.dash-wrapper .user-info .user-address-form .f-row {
display: flex;
justify-content: space-around;
}
.dash-wrapper .user-info .user-address-form .col {
width: 260px;
}
.dash-wrapper .user-info .user-address-form label {
color: #353535;
font-size: 14px;
display: block;
margin-bottom: 5px;
}
.dash-wrapper .user-info .user-address-form select {
padding: 5px;
width: 250px;
height: 40px;
line-height: 40px;
font-family: IRANSans !important;
font-size: 14px;
border-radius: 3px;
outline: none;
}
.dash-wrapper .user-info .user-address-form input {
padding: 5px;
width: 250px;
height: 28px;
line-height: 28px;
font-family: IRANSans !important;
font-size: 15px;
border-radius: 3px;
outline: none;
border: 1px solid #a9a9a9;
box-shadow: inset 0px 0px 8px -2px #b5afa3;
}
.dash-wrapper .user-info .user-address-form .f-row-2 {
padding: 20px;
}
.dash-wrapper .user-info .user-address-form .f-row-2 textarea{
width: 836px;
border-radius: 3px;
height: 90px;
padding: 10px;
outline: none;
font-size: 14px;
}
.dash-wrapper .user-info .user-address-form .f-row-3 {
padding: 0 20px 10px 20px;
height: 40px;
}
.dash-wrapper .user-info .user-address-form .f-row-3 input[type="submit"] {
float: left;
width: 170px;
padding: 10px;
height: 40px;
line-height: 20px;
background-color: #2196F3;
box-shadow: none;
border: none;
color: #fff;
cursor: pointer;
}
/* */
/* */
/* */
/* user panel password */
/* */
/* */
/* */
/* */
.dash-wrapper .user-password .inner {
width: 320px;
margin: 0 auto;
margin-top: 80px;
}
.dash-wrapper .user-password .inner form {
}
.dash-wrapper .user-password .inner form label {
display: block;
margin-bottom: 10px;
}
.dash-wrapper .user-password .inner form input {
width: 300px;
padding: 5px;
height: 30px;
border-radius: 3px;
outline: none;
border: 1px solid #b8bfc3;
box-shadow: inset 0px 0px 9px -1px #55608033;
margin-bottom: 18px;
line-height: 30px;
}
.dash-wrapper .user-password .inner form input[type="submit"] {
width: 310px;
height: 45px;
background-color: #2196F3;
color: #fff;
border: none;
padding: 0;
font-weight: 500;
cursor: pointer;
box-shadow: 0px 2px 12px -2px #2196f3;
margin-top: 10px;
}
/* */
/* */
/* */
/* */
/* Products */
/* */
/* */
/* */
/* */
/* */
.main-products-sc .products-page-title {
margin-top: 20px;
padding: 0 6px;
margin-bottom: 10px;
}
.main-products-sc .products-page-title .inner {
background-color: #fff;
border-radius: 3px;
height: 50px;
display: flex;
direction: rtl;
justify-content: space-between;
padding: 0 15px;
line-height: 50px;
}
.main-products-sc .products-page-title .right-sc {
font-size: 15px;
color: #607D8B;
}
.main-products-sc .products-page-title .left-sc {
display: flex;
}
.main-products-sc .products-page-title .sort-bt-products {
display: block;
font-size: 14px;
font-weight: 500;
color: #607D8B;
width: 100px;
text-align: center;
}
.main-products-sc .products-page-title .sort-bt-products:hover {
box-shadow: inset 0px -5px 0px 0px #d0d5d8;
}
.main-products-sc .products-page-title .sort-bt-products.active {
color: #2196F3;
box-shadow: inset 0px -5px 0px 0px #2196F3;
}
/* */
/* */
/* */
/* products */
/* */
/* */
/* */
/* */
.product-page .container {
margin-top: 25px;
margin-bottom: 25px;
}
.product-page .container .inner {
direction: rtl;
display: flex;
justify-content: space-between;
}
.product-page .container .inner .right-sc {
width: 900px;
}
.product-page .container .inner .left-sc {
width: 270px;
}
.product-page .product-supplier {
}
.product-page .product-supplier .inner {
background-color: #fff;
border-radius: 3px;
margin-bottom: 10px;
justify-content: initial;
height: 65px;
}
.product-page .product-supplier .inner.zire20 {
}
.product-page .product-supplier .inner.other {
}
.product-page .product-supplier .inner.zire20 .title {
line-height: 63px;
font-size: 20px;
font-weight: bold;
color: #5e7a90;
}
.product-page .product-supplier .inner.other .info {
line-height: 65px;
}
.product-page .product-supplier .inner.other .info span {
margin-left: 3px;
font-size: 20px;
color: #5e7a90;
font-weight: 500;
}
.product-page .product-supplier .inner.other .info a {
font-size: 20px;
color: #2196F3;
}
.product-page .product-supplier .inner.zire20 .ribbon {
width: 67px;
background: url(../images/zire20-ribbon.png) no-repeat top center;
margin-left: 10px;
}
.product-page .product-supplier .inner.other .ribbon {
width: 67px;
background: url(../images/other-ribbon.png) no-repeat top center;
margin-left: 10px;
}
.product-page .product-info-main {
background-color: #fff;
border-radius: 3px;
display: flex;
}
.product-page .prodct-image-container {
padding: 15px;
width: 330px;
border-left: 1px solid #dfe3e6;
position: relative;
overflow: hidden;
}
.product-page .prodct-image-container .img-wrapper {
text-align: center;
}
.product-page .prodct-image-container .img-wrapper img {
max-width: 330px;
display: block;
margin: 0 auto;
}
.product-page .prodct-image-container .shareandlike-sc {
margin-top: 15px;
display: flex;
padding: 20px;
justify-content: center;
}
.product-page .prodct-image-container .center {
}
.product-page .prodct-image-container .shareandlike-sc .share-bt-a {
height: 24px;
width: 24px;
padding: 6px;
border: 1px solid #b3babf;
text-align: right;
border-radius: 5px;
margin: 0 5px;
color: #a1a8ad;
display: block;
transition: width 0.4s ease-in-out;
}
.product-page .prodct-image-container .shareandlike-sc .share-bt-r {
height: 24px;
width: 24px;
padding: 6px;
border: 1px solid #b3babf;
text-align: right;
border-radius: 5px;
margin: 0 5px;
color: #a1a8ad;
transition: width 0.4s ease-in-out;
cursor: pointer;
overflow: hidden;
display: flex;
}
.product-page .prodct-image-container .shareandlike-sc .like-bt-r .wishlist {
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid #b3babf;
white-space: nowrap;
font-size: 14px;
border-radius: 6px;
width: 36px;
height: 36px;
line-height: 34px;
}
.product-page .prodct-image-container .shareandlike-sc .like-bt-r .wishlist svg {
}
.product-page .prodct-image-container .shareandlike-sc .like-bt-r .wishlist.red {
border: 1px solid #ff747d;
}
.product-page .prodct-image-container .shareandlike-sc .like-bt-r .wishlist.red svg {
}
.product-page .prodct-image-container .shareandlike-sc .share-bt-a:hover {
border: 1px solid #ef4446;
color: #ef4446;
box-shadow: 0px 1px 9px -2px #ef4446d9;
}
.product-page .prodct-image-container .shareandlike-sc .share-bt-r:hover {
box-shadow: 0px 1px 9px -2px #5e6d77;
width: 130px;
}
.product-page .share-bt-r .feather-ico.main {
padding-left:25px;
}
.product-page .share-bt-r a {
display: block;
color: #2196F3;
padding: 0 8px;
}
#smsModal .modal-content {
margin: auto;
background-color: #fff;
outline: 0;
width: 460px;
position: relative;
animation: animatetop 0.4s;
border-radius: 8px;
box-shadow: 0px 2px 15px 0px #00000069;
direction: rtl;
}
#smsModal .modal-content .modal-body {
height: auto;
padding: 20px;
background-color: #0000;
}
#smsModal .close-modal {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
#smsModal form {
}
#smsModal form label {
display: block;
margin-top: 25px;
text-align: center;
margin-bottom: 15px;
color: #607D8B;
}
#smsModal form input {
display: block;
outline: none;
}
#smsModal form input[type="text"] {
padding: 10px;
border-radius: 3px;
border: 1px solid #969696;
width: 280px;
margin: 0 auto;
height: 30px;
line-height: 30px;
font-size: 20px;
}
#smsModal form input[type="submit"] {
height: 50px;
line-height: 40px;
width: 302px;
margin: 0 auto;
border: none;
margin-top: 14px;
cursor: pointer;
background-color: #4CAF50;
color: #fff;
border-radius: 3px;
margin-bottom: 15px;
}
#smsModal .sms-alert {
background-color: #ff9191;
padding: 10px;
color: #fff;
font-size: 14px;
border-radius: 3px;
border: 1px solid #c55051;
}
.modal-alert {
padding: 10px;
text-align: center;
border-radius: 5px;
font-size: 14px;
height: 30px;
line-height: 30px;
border: 1px solid;
}
.modal-alert span {
}
.modal-alert a {
}
.modal-alert i {
}
.modal-alert.alert-success {
}
.modal-alert.alert-danger {
}
.product-page .product-info-container {
padding: 20px;
width: 509px;
padding-bottom: 40px;
}
.product-page .product-info-container .product-title {
font-size: 18px;
padding-top: 5px;
font-weight: 500;
padding-bottom: 7px;
}
.product-page .product-info-container .product-brand {
font-size: 14px;
color: #aeb5b9;
}
.product-page .product-info-container .product-brand a {
color: #ef4446;
}
.product-page .product-info-container .product-price {
margin-top: 30px;
}
.product-page .product-info-container .product-price .price-wrapper {
display: flex;
font-size: 24px;
font-weight: 500;
}
.product-page .product-info-container .product-price .price-wrapper .main-price {
color: #4CAF50;
margin-left: 30px;
}
.product-page .product-info-container .product-price .price-wrapper .main-price span {
font-weight: normal;
font-size: 15px;
color: #acb1b5;
}
.product-page .product-info-container .product-price .price-wrapper .old-price {
color: #7c8488;
text-decoration: line-through;
font-weight: normal;
}
.product-page .product-info-container .product-price .price-wrapper .old-price span {
font-weight: normal;
font-size: 15px;
margin-right: 5px;
color: #acb1b5;
}
.product-page .product-info-container .porduct-options {
margin-top: 20px;
}
.product-page .product-info-container .porduct-options .title {
color: #868585;
margin-bottom: 5px;
font-size: 15px;
}
.product-page .product-info-container .porduct-options select {
display: block;
padding: 8px;
font-family: IRANSans !important;
font-size: 14px;
border-radius: 5px;
min-width: 180px;
outline: none;
}
.product-page .product-info-container .porduct-options span {
display: block;
font-size: 11px;
margin-top: 5px;
color: #a7a7a7;
}
.product-page .product-info-container .product-price .timer-wrapper {
padding: 7px 15px;
background-color: #ffffff;
border: 1px solid #d8dde0;
margin-top: 5px;
border-style: dashed;
}
.product-page .product-info-container .product-price .timer-wrapper .feather-ico {
color: #a6abad;
}
.product-page .product-info-container .product-price .timer-wrapper span {
display: block;
font-weight: 500;
font-size: 14px;
color: #212121;
}
.j-c-s-b {
justify-content: space-between;
width: 100%;
height: 20px;
line-height: 22px;
}
.product-page .product-info-container .product-price .timer-wrapper .timer-bar {
width: 100%;
height: 7px;
background-color: #dcdcdc;
margin-top: 3px;
border-radius: 2px;
margin-bottom: 3px;
position: relative;
}
.product-page .product-info-container .product-price .timer-wrapper .timer-bar .progress-bar {
position: absolute;
background-color: #2196F3;
height: 7px;
width: 80%;
left: 0;
border-radius: 3px 0 0 3px;
}
.product-page .product-info-container .add-to-cart-wrapper {
margin-top: 20px;
margin-bottom: 10px;
}
.product-page .product-info-container .add-to-cart-wrapper .add-to-cart {
height: 45px;
background-color: #4CAF50;
width: 300px;
line-height: 45px;
color: #fff;
font-weight: 500;
border-radius: 3px;
box-shadow: 0px 2px 13px -2px #4caf50;
display: flex;
cursor: pointer;
}
.product-page .product-info-container .add-to-cart-wrapper .add-to-cart .feather-ico {
height: 45px;
width: 45px;
text-align: center;
background-color: #44a048;
border-radius: 0 3px 3px 0;
color: #326535;
}
.product-page .product-info-container .add-to-cart-wrapper .add-to-cart .title {
width: 229px;
text-align: center;
}
.product-page .product-info-container .add-to-cart-success {
padding: 10px;
background-color: #dfe7ea;
height: 30px;
line-height: 30px;
font-size: 15px;
color: #000;
}
.product-page .product-info-container .add-to-cart-success a {
display: block;
float: left;
height: 30px;
width: 100px;
background-color: #607D8B;
font-size: 14px;
text-align: center;
color: #fff;
}
.product-page .product-desc-main {
background-color: #fff;
border-radius: 5px;
margin-top: 20px;
border: 1px solid #cbd1d6;
}
.product-page .product-desc-main .tab {
display: flex;
background-color: #f6f9fb;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #cbd1d6;
height: 56px;
line-height: 56px;
}
.product-page .product-desc-main .tab .tablinks {
width: 140px;
background-color: #f6f9fb;
border: none;
border-left: 1px solid #eaedef;
cursor: pointer;
outline: none;
font-size: 14px;
}
.product-page .product-desc-main .tab .tablinks:nth-child(1) {
border-radius: 0 5px 0 0;
}
.product-page .product-desc-main .tab .tablinks.active {
border-top: 3px solid #2196F3;
box-shadow: 0px 1px 0px #fff;
color: #2196F3;
font-weight: 500;
background-color: #fff;
}
.product-page .product-desc-main .tabcontent {
padding: 15px;
}
.product-page .product-desc-main .tabcontent {
}
.product-page .product-desc-main .tabcontent .description-wrapper {
}
.product-page .product-desc-main .tabcontent .description-wrapper div {
display: inline-block;
}
.product-page .product-desc-main .tabcontent .description-wrapper table {
}
.product-page .tabcontent .sizetable-wrapper {
display: flex;
justify-content: space-between;
}
.product-page .tabcontent .sizetable-wrapper img {
width: 250px;
height: 214px;
}
.product-page .tabcontent .table-size {
width: 600px;
max-width: 600px;
border-collapse: collapse;
table-layout: fixed;
}
.product-page .tabcontent .table-size tr {
height: 35px;
text-align: center;
font-size: 14px;
}
.product-page .tabcontent .table-size th,td {
}
.product-page .tabcontent .table-size,th,td {
border: 1px solid #c3c3c3;
}
.product-page .tabcontent .table-size td {
}
.product-page .tabcontent .table-size th {
height: 35px;
font-size: 13px;
background-color: #eaedef;
}
.product-page .tabcontent .main-pr-images {
width: 100%;
text-align: center;
margin-top: 30px;
}
.product-page .tabcontent .main-pr-images img {
margin-top: 20px;
max-width: 868px;
}
.product-page .comment-sc {
}
.product-page .comment-sc .title {
display: block;
margin-bottom: 15px;
font-size: 14px;
font-weight: 500;
color: #607D8B;
}
.product-page .comment-sc .title.reply {
padding: 10px;
background-color: #dfe4e8;
width: 402px;
display: flex;
justify-content: space-between;
color: #505050;
font-weight: normal;
}
.product-page .comment-sc .title.reply a {
background-color: #fff;
color: #505050;
padding: 3px 12px;
cursor: pointer;
}
.product-page .comment-sc form {
}
.product-page .comment-sc textarea {
width: 400px;
height: 160px;
padding: 10px;
border-radius: 5px;
outline: none;
font-size: 14px;
line-height: 1.6;
}
.product-page .comment-sc textarea:focus {
border: 1px solid #03A9F4;
}
.product-page .comment-sc .left-sc-x {
margin-right: 20px;
}
.product-page .comment-sc input {
}
.product-page .comment-sc input[type="text"] {
width: 260px;
padding: 10px;
height: 25px;
border-radius: 999px;
border: 1px solid #a8a8a9;
outline: none;
font-size: 15px;
line-height: 25px;
}
.product-page .comment-sc input[type="text"]:focus {
border: 1px solid #03A9F4;
}
.product-page .comment-sc input[type="submit"] {
width: 280px;
height: 45px;
border-radius: 999px;
border: none;
outline: none;
font-size: 18px;
font-weight: 500;
line-height: 45px;
text-align: center;
cursor: pointer;
background-color: #2196F3;
color: #fff;
}
.product-page .comment-sc .custom-radio {
width: 270px;
height: 45px;
border-radius: 999px;
border: 1px solid #a8a8a9;
outline: none;
font-size: 15px;
line-height: 45px;
display: flex;
justify-content: space-between;
padding: 0 5px;
margin: 20px 0;
}
.product-page .comment-sc .custom-radio li {
}
.product-page .comment-sc .custom-radio li input {
display: none;
position: absolute;
}
.product-page .comment-sc .custom-radio li input:checked + label img {
border: 2px solid #2296f3;
box-shadow: 0px 1px 15px -3px #34a4ff;
border-radius: 99999px;
background-color: #2296f3;
}
.product-page .comment-sc .custom-radio li label {
display: block;
cursor: pointer;
}
.product-page .comment-sc .custom-radio li img {
max-width: 35px;
}
.product-page .new-comment {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #dbe1e4;
}
.product-page .user-comments {
}
.product-page .comment-wrapper {
padding: 15px;
border-radius: 3px;
background-color: #efefef;
margin-bottom: 15px;
}
.product-page .comment-wrapper .head {
justify-content: space-between;
margin-bottom: 10px;
}
.product-page .comment-wrapper .name-wrapper {
display: flex;
}
.product-page .comment-wrapper .name-wrapper .avatar {
background: url(../img/comment-user.png) no-repeat center center;
height: 40px;
width: 40px;
border-radius: 999px;
margin-left: 10px;
}
.product-page .comment-wrapper .name-wrapper .rating {
margin-right: -20px;
margin-left: 10px;
}
.product-page .comment-wrapper .name-wrapper .rating img {
width: 30px;
margin-top: 7px;
}
.product-page .comment-wrapper .name-wrapper .info {
}
.product-page .comment-wrapper .name-wrapper .user-name {
font-weight: 500;
font-size: 14px;
color: #3f5b69;
}
.product-page .comment-wrapper .name-wrapper .date {
font-size: 12px;
color: #b3b3b3;
margin-top: 4px;
}
.product-page .comment-wrapper .content {
font-size: 15px;
line-height: 1.8;
color: #676767;
padding-top: 5px;
}
.product-page .comment-wrapper .reply-bt {
}
.product-page .comment-wrapper .reply-bt a {
background-color: #fff;
font-size: 13px;
height: 25px;
padding: 0 10px;
line-height: 25px;
border-radius: 999px;
width: 57px;
justify-content: space-between;
display: flex;
color: #9aa8af;
box-shadow: 0px 2px 11px -3px #00000052;
cursor: pointer;
}
.product-page .comment-wrapper .reply-bt a .feather-ico {
}
.product-page .comment-wrapper .reply-bt a:hover {
background-color: #2196F3;
color: #ffffff;
box-shadow: 0px 2px 11px -3px #41abff;
}
.product-page .comment-wrapper.reply-comment {
border: 1px solid #cecece;
background-color: #fbfbfb;
margin-top: 20px;
box-shadow: 0px 0px 10px -1px #00000021;
}
.product-page .comment-wrapper.reply-comment.is-admin {
border: 1px solid #ff67699c;
border-radius: 5px;
}
.product-page .comment-wrapper.reply-comment.is-admin .head .name-wrapper .user-name {
color: #ef4446;
}
.product-page .container .inner .left-sc .basket-main {
background-color: #fff;
border-radius: 3px;
}
.product-page .container .inner .left-sc .basket-main .head {
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 3px 3px 0 0;
background-color: #607D8B;
border-bottom: 1px solid #e0e0e0;
color: #ffffff;
}
.product-page .container .inner .left-sc .basket-main .basket-items {
padding: 8px;
}
.product-page .container .inner .left-sc .basket-main .basket-items .item {
padding: 5px;
border: 1px solid #d4d9dc;
background-color: #fafafb;
border-radius: 3px;
margin-bottom: 10px;
}
.product-page .container .inner .left-sc .basket-main .basket-items .item .flex {
}
.product-page .container .inner .left-sc .basket-main .basket-items .product-thumb {
width: 50px;
padding-left: 10px;
}
.product-page .container .inner .left-sc .basket-main .basket-items .product-thumb img {
max-width: 50px;
max-height: 50px;
}
.product-page .container .inner .left-sc .basket-main .basket-items .product-title {
}
.product-page .container .inner .left-sc .basket-main .basket-items .product-title .title{
font-size: 12px;
color: #868686;
height: 32px;
overflow: hidden;
}
.product-page .container .inner .left-sc .basket-main .basket-items .product-title .sku {
height: 20px;
line-height: 20px;
}
.product-page .container .inner .left-sc .basket-main .basket-items .product-title .sku span {
font-size: 12px;
color: #f04445;
}
.product-page .basket-items .price-and-qty {
justify-content: space-between;
height: 24px;
line-height: 26px;
}
.product-page .basket-items .price-and-qty .qty {
font-size: 12px;
font-weight: 500;
direction: ltr;
}
.product-page .basket-items .price-and-qty .qty span {
font-weight: normal;
color: #a9a9a9;
font-size: 12px;
}
.product-page .basket-items .price-and-qty .price {
font-weight: bold;
font-size: 13px;
color: #4baf50;
}
.product-page .basket-items .price-and-qty .price span {
font-weight: normal;
color: #a9a9a9;
font-size: 12px;
}
.product-page .basket-total {
padding: 10px;
}
.product-page .basket-total .flex {
background-color: #eaedef;
padding: 5px 7px;
width: 235px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.product-page .basket-total .title {
font-weight: 500;
color: #607D8B;
font-size: 13px;
}
.product-page .basket-total .total {
font-weight: bold;
color: #4CAF50;
font-size: 16px;
line-height: 35px;
}
.product-page .basket-total .total span {
font-size: 12px;
font-weight: normal;
color: #737373;
}
.product-page .basket-total .go-to-checkout {
display: block;
margin-top: 10px;
height: 30px;
background-color: #2196F3;
border-radius: 3px;
padding: 5px;
text-align: center;
line-height: 30px;
font-size: 15px;
font-weight: 500;
color: #fff;
}
/* */
/* */
/* */
/* */
/* basket-page */
/* */
/* */
/* */
/* */
.chekout-page .container {
margin-top: 25px;
margin-bottom: 100px;
}
.chekout-page .inner {
direction: rtl;
}
.chekout-page .sign-in-alert {
margin-bottom: 20px;
}
.chekout-page .sign-in-alert .alert {
direction: rtl;
padding: 17px 15px;
background-color: #ef4446;
border-radius: 3px;
color: #ffffff;
font-size: 15px;
}
.chekout-page .sign-in-alert .feather-ico {
color: #ffffff;
}
.chekout-page .sign-in-alert .message {
line-height: 26px;
margin-right: 15px;
}
.chekout-page .sign-in-alert .message a {
color: #020202;
font-weight: 500;
margin: 0 5px;
}
.chekout-page .cart-sc {
}
.chekout-page .cart-sc .header {
background-color: #fff;
height: 40px;
font-weight: 500;
font-size: 18px;
color: #495c65;
line-height: 40px;
padding: 10px 15px 25px 15px;
border-radius: 3px 3px 0 0;
justify-content: space-between;
}
.chekout-page .cart-sc .header .title {
}
.chekout-page .cart-sc .header .title span {
font-size: 15px;
color: #a9a9a9;
font-weight: normal;
}
.chekout-page .back-to-home {
display: block;
height: 35px;
line-height: 35px;
font-size: 12px;
font-weight: normal;
border: 1px solid #ced8e0;
padding: 0 8px;
margin-top: 6px;
color: #87949e;
border-radius: 3px;
}
.chekout-page .back-to-home .feather-ico {
}
.chekout-page .back-to-home:hover {
border: 1px solid #8b969e;
color: #3c464e;
}
.chekout-page .cart-items-wrapper {
padding: 0 15px 30px 15px;
background-color: #fff;
border-radius: 0 0 3px 3px;
}
.chekout-page .cart-items-wrapper .row-header {
padding: 6px 0;
background-color: #eaedef;
}
.chekout-page .cart-items-wrapper .row-header .col {
text-align: center;
font-size: 14px;
color: #7f8b94;
}
.chekout-page .cart-items-wrapper .row-header .img {
width: 100px;
}
.chekout-page .cart-items-wrapper .row-header .info {
width: 450px;
}
.chekout-page .cart-items-wrapper .row-header .price {
width: 210px;
}
.chekout-page .cart-items-wrapper .row-header .qty {
width: 100px;
}
.chekout-page .cart-items-wrapper .row-header .t-price {
width: 210px;
}
.chekout-page .cart-items-wrapper .row-header .remove {
width: 100px;
}
.chekout-page .item {
border: 1px solid #cdd2d6;
margin-top: 12px;
border-radius: 3px;
}
.chekout-page .item:hover {
box-shadow: 0px 0px 14px -2px #00000036;
}
.chekout-page .item .col {
border-left: 1px solid #ced2d6;
padding: 10px;
}
.chekout-page .item .img {
width: 80px;
}
.chekout-page .item .img a {
display: block;
text-align: center;
}
.chekout-page .item .img a img {
max-width: 70px;
max-height: 70px;
}
.chekout-page .item .info {
width: 430px;
}
.checkout-cart-sc .item .info {
width: 480px;
}
.chekout-page .item .info a {
display: block;
}
.chekout-page .item .info a .title {
color: #363f44;
font-size: 14px;
height: 42px;
overflow: hidden;
}
.chekout-page .item .info .sku {
}
.chekout-page .item .info .sku .sku-title {
font-size: 15px;
color: #6f767b;
}
.chekout-page .item .info .sku .sku-title:nth-child(1) {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #eaedef;
}
.chekout-page .item .info .sku .sku-title span {
font-weight: 500;
margin-right: 4px;
color: #363f44;
}
.chekout-page .item .price {
width: 190px;
text-align: center;
line-height: 60px;
font-weight: 500;
color: #4CAF50;
font-size: 17px;
position: relative;
}
.chekout-page .item .price span {
font-weight: normal;
font-size: 14px;
color: #b6bfc5;
}
.chekout-page .item .price .timer-bar {
position: absolute;
bottom: 5px;
width: 190px;
}
.chekout-page .item .price .timer-bar .progress-bar {
position: relative;
width: 100%;
height: 4px;
background-color: #b7c1c7;
border-radius: 999px;
}
.chekout-page .item .price .timer-bar .progress-bar .bar {
position: absolute;
left: 0;
width: 80%;
height: 4px;
background-color: #f04445;
border-radius: 999px 0 0 999px;
}
.chekout-page .item .price .timer-bar .timer {
line-height: 20px;
color: #607D8B;
font-weight: normal;
justify-content: space-between;
direction: ltr;
}
.chekout-page .item .price .timer-bar .timer span {
font-size: 12px;
color: #607D8B;
}
.chekout-page .item .qty-select-cart {
outline: none;
padding: 5px;
width: 80px;
height: 34px;
margin-top: 19px;
border-radius: 5px;
}
.chekout-page .item .qty span {
font-weight: normal;
font-size: 14px;
color: #b6bfc5;
}
.chekout-page .item .t-price {
width: 180px;
text-align: center;
line-height: 60px;
font-weight: 500;
color: #4CAF50;
font-size: 17px;
}
.chekout-page .item .t-price span {
font-weight: normal;
font-size: 14px;
color: #b6bfc5;
}
.chekout-page .item .t-price .span-price {
text-align: center;
line-height: 60px;
font-weight: 500;
color: #4CAF50;
font-size: 17px;
}
.chekout-page .item .remove {
width: 73px;
border: none;
text-align: center;
line-height: 62px;
}
.chekout-page .item .remove a {
display: block;
}
.chekout-page .item .remove a .feather-ico {
display: block;
color: #f04445;
}
.chekout-page .basket-alert-sc {
margin-top: 15px;
margin-bottom: 15px;
}
.chekout-page .basket-alert-sc .alert {
background-color: #03A9F4;
border: 1px solid #2196F3;
padding: 15px;
color: #fff;
font-size: 15px;
border-radius: 3px;
box-shadow: 0px 2px 8px -1px #04a9f4;
}
.chekout-page .basket-total-sc {
margin-top: 20px;
margin-bottom: 10px;
justify-content: space-between;
}
.chekout-page .basket-total-sc .coupon {
}
.chekout-page .basket-total-sc .coupon form {
justify-content: space-between;
}
.chekout-page .basket-total-sc .coupon form .c-icon {
height: 32px;
width: 32px;
background: url(../img/gift-card.png) no-repeat right center;
margin-left: 7px;
}
.chekout-page .basket-total-sc .coupon form input[type="text"] {
font-size: 14px;
padding: 5px;
height: 22px;
line-height: 22px;
border-radius: 0 3px 3px 0;
border: 1px solid #ced2d6;
box-shadow: inset 0px 0px 10px -3px #a6c0d2;
width: 155px;
outline: none;
}
.chekout-page .basket-total-sc .coupon form input[type="submit"] {
height: 34px;
font-size: 13px;
border-radius: 3px 0 0 3px;
margin-right: -1px;
border: none;
width: 60px;
font-weight: 500;
background-color: #4CAF50;
color: #fff;
cursor: pointer;
outline: none;
}
.chekout-page .basket-t-box {
}
.chekout-page .basket-t-box .c-row {
width: 281px;
justify-content: space-between;
height: 50px;
line-height: 50px;
padding: 0 11px;
border: 1px solid #ced2d6;
margin-top: -1px;
position: relative;
}
.chekout-page .basket-t-box .c-row .title {
font-size: 15px;
font-weight: 500;
color: #6b6b6b;
}
.chekout-page .basket-t-box .c-row .content {
font-size: 20px;
font-weight: 500;
color: #4CAF50;
}
.chekout-page .basket-t-box .c-row .content i {
color: #8a8a8a;
font-size: 13px;
font-style: normal;
}
.chekout-page .basket-t-box .c-row .content span {
font-size: 14px;
font-weight: normal;
color: #bbc9d2;
margin-right: 4px;
}
.chekout-page .basket-t-box .c-row .content .total-cat {
font-size: 20px;
font-weight: 500;
color: #4CAF50;
}
.chekout-page .basket-t-box .cart-total-m {
background-color: #e1e5e8;
}
.chekout-page .basket-t-box .cart-total-m .content span {
color: #788086;
}
.chekout-page .basket-t-box .next-step {
display: block;
height: 50px;
background-color: #4CAF50;
margin-top: 17px;
text-align: center;
line-height: 50px;
border-radius: 3px;
color: #fff;
font-weight: 500;
box-shadow: 0px 2px 10px -1px #4baf50;
}
.chekout-page .basket-t-box .next-step:hover {
transform:translateY(-2px);
box-shadow: 0px 5px 12px -4px #4baf50;
}
/* */
/* */
/* */
/* checkout-page */
/* */
/* */
/* */
.chekout-page .address-sc {
margin-top: 30px;
margin-bottom: 30px;
}
.chekout-page .address-sc .WeDontNeedToChangeAtAll {
background-color: #fff;
padding: 20px;
margin-bottom: 15px;
border-radius: 3px;
}
.chekout-page .address-sc .WeDontNeedToChangeAtAll .checkbox-wrap {
}
.chekout-page .address-sc .WeDontNeedToChangeAtAll .checkbox-wrap label {
font-size: 20px;
font-weight: 500;
color: #607D8B;
}
.chekout-page .address-sc .WeDontNeedToChangeAtAll .checkbox-wrap input[type="checkbox"] {
margin-left: 10px;
-webkit-appearance: none;
width: 20px;
height: 20px;
background: white;
border-radius: 5px;
border: 2px solid #555;
cursor: pointer;
}
.chekout-page .address-sc .WeDontNeedToChangeAtAll .checkbox-wrap input[type="checkbox"]:checked {
background: #4CAF50;
box-shadow: inset 0px 0px 0px 2px #fff;
}
.chekout-page .address-sc .WeDontNeedToChangeAtAll span {
display: block;
margin-top: 9px;
color: #717171;
font-size: 15px;
}
.chekout-page .address-sc .tab {
background-color: #f6f9fb;
display: flex;
border-bottom: 1px solid #c8ced2;
border-radius: 3px 20px 0 0;
box-shadow: inset 0px -4px 14px -9px #9fadb7;
}
.chekout-page .address-sc .tab .tablinks {
width: 140px;
text-align: center;
height: 55px;
font-size: 15px;
line-height: 55px;
font-weight: 500;
cursor: pointer;
border: none;
border-left: 1px solid #c8ced2;
background-color: #f6f9fb;
outline: none;
color: #4b626d;
box-shadow: inset 0px -4px 14px -9px #9fadb7;
}
.chekout-page .address-sc .tab .tablinks:nth-child(1) {
border-radius: 0 3px 0 0;
}
.chekout-page .address-sc .tab .tablinks.new {
font-weight: normal;
font-size: 13px;
color: #9e9e9e;
}
.chekout-page .address-sc .tab .tablinks.new .feather-ico {
margin-left: 3px;
color: #778890;
}
.chekout-page .address-sc .tab .tablinks.active {
box-shadow: 0px 1px 0px 0px #fff;
background-color: #fff;
}
.chekout-page .address-sc .tabcontent {
}
.chekout-page .address-sc .tabcontent .form-wrapper {
background-color: #fff;
border-radius: 0 0 3px 3px;
padding-bottom: 10px;
}
.chekout-page .address-sc .tabcontent form {
padding: 20px 15px 0 15px;
}
.chekout-page .address-sc .tabcontent .col {
width: 370px;
padding: 20px 15px 15px 15px;
}
.chekout-page .address-sc .tabcontent .col-2 {
width: 340px;
padding: 20px 15px 15px 0px;
}
.chekout-page .address-sc .tabcontent .form-group {
justify-content: space-between;
margin-bottom: 20px;
}
.chekout-page .address-sc .tabcontent .form-group label {
font-size: 14px;
color: #4c4c4c;
line-height: 45px;
}
.chekout-page .address-sc .tabcontent .form-group input {
width: 268px;
padding: 8px;
height: 30px;
font-size: 15px;
outline: none;
border-radius: 3px;
border: 1px solid #acb8bd;
box-shadow: inset 0px 0px 7px -2px #c2cdd4;
}
.chekout-page .address-sc .tabcontent .form-group label span {
font-size: 11px;
margin-right: 3px;
color: #2196F3;
}
.chekout-page .address-sc .tabcontent .form-group input:focus {
border: 1px solid #2196F3;
}
.chekout-page .address-sc .tabcontent .form-group select:focus {
border: 1px solid #2196F3;
}
.chekout-page .address-sc .tabcontent .form-group textarea:focus {
border: 1px solid #2196F3;
}
.chekout-page .address-sc .tabcontent .form-group select {
width: 130px;
height: 48px;
font-size: 14px;
outline: none;
border-radius: 3px;
border: 1px solid #acb8bd;
box-shadow: inset 0px 0px 7px -2px #c2cdd4;
font-family: IRANSans !important;
}
.chekout-page .address-sc .tabcontent .form-group {
}
.chekout-page .address-sc .tabcontent .form-group .adress-texarea {
outline: none;
width: 264px;
padding: 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px;
border: 1px solid #acb8bd;
height: 100px;
}
.chekout-page .address-sc .tabcontent .col-2 .form-group textarea {
width: 250px;
}
.chekout-page .address-sc .tabcontent .col-address select {
width: 140px;
}
.chekout-page .address-sc .tabcontent .col-address input {
width: 276px;
}
.chekout-page .address-sc .tabcontent .col-address textarea {
width: 271px !important;
}
.chekout-page .address-sc .tabcontent .form-wrapper .alret-address-sc {
padding: 15px 20px 0 20px;
}
.chekout-page .address-sc .tabcontent .form-wrapper .alret-address-sc .alert {
height: 40px;
padding: 0 20px;
line-height: 40px;
font-size: 15px;
background-color: #ff7c7d;
border-radius: 3px;
color: #fff;
margin-bottom: 7px;
border: 1px solid #ce6162;
}
.chekout-page .d-c-sc {
}
.chekout-page .d-c-sc .wrapper {
justify-content: space-between;
}
.chekout-page .d-c-sc .delivery-sc {
background-color: #fff;
width: 750px;
padding: 20px;
min-height: 300px;
border-radius: 3px;
}
.chekout-page .d-c-sc .delivery-sc .header {
font-weight: 500;
color: #535f65;
padding-bottom: 35px;
}
.chekout-page .d-c-sc .delivery-sc .header .feather-ico {
color: #bac2c5;
}
.chekout-page .d-c-sc .delivery-sc form {
}
.chekout-page .d-c-sc .delivery-sc input[type="radio"] {
position: absolute;
opacity: 0;
visibility: hidden;
}
.chekout-page .d-c-sc .delivery-sc label {
display: block;
height: 70px;
background-color: #fff;
border: 1px solid #abb0b3;
direction: rtl;
border-radius: 3px;
margin-bottom: 20px;
cursor: pointer;
outline: none;
display: flex;
}
.chekout-page .d-c-sc .delivery-sc label .checkbox {
width: 70px;
border-left: 1px solid #abb0b3;
}
.chekout-page .d-c-sc .delivery-sc label .checkbox .circle {
width: 28px;
height: 28px;
background-color: #fff;
border-radius: 999px;
margin: 0 auto;
margin-top: 21px;
border: 1px solid #91999e;
box-shadow: inset 0px 0px 10px -2px #a6b1b9;
}
.chekout-page .d-c-sc .delivery-sc label .logo-wrapper {
width: 68px;
}
.chekout-page .d-c-sc .delivery-sc label .desc {
width: 420px;
border-left: 1px solid #abb0b3;
padding-right: 10px;
}
.chekout-page .d-c-sc .delivery-sc label .desc .title {
font-weight: 500;
font-size: 18px;
margin-top: 13px;
}
.chekout-page .d-c-sc .delivery-sc label .desc .delivery-time {
font-size: 13px;
color: #b3b3b3;
margin-top: 2px;
}
.chekout-page .d-c-sc .delivery-sc label .price {
width: 175px;
line-height: 70px;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #4CAF50;
}
.chekout-page .d-c-sc .delivery-sc label .price span {
font-size: 15px;
font-weight: normal;
color: #9c9c9c;
margin-right: 3px;
}
.chekout-page .d-c-sc .delivery-sc .post-s .logo {
background: url(../img/post-s-logo.png) no-repeat right center;
height: 32px;
width: 40px;
margin: 0 auto;
margin-top: 17px;
transition: none;
}
.chekout-page .d-c-sc .delivery-sc .post-p .logo {
background: url(../img/post-s-logo.png) no-repeat right center;
height: 32px;
width: 40px;
margin: 0 auto;
margin-top: 17px;
transition: none;
}
.chekout-page .d-c-sc .delivery-sc .post-entezar .logo {
background: url(../img/entezar-logo.png) no-repeat right center;
height: 21px;
width: 51px;
margin: 0 auto;
margin-top: 25px;
transition: none;
}
.chekout-page .d-c-sc .delivery-sc input[type="radio"]:checked + label {
border: 2px solid #2196F3;
box-shadow: 0px 0px 10px -2px #2196F3;
background-color: #f5f7f9;
border-radius: 5px;
}
.chekout-page .d-c-sc .delivery-sc input[type="radio"]:checked + label .circle {
background-color: #3197EE;
box-shadow: inset 0 0 0 4px #f4f4f4;
}
.chekout-page .total-checkout {
width: 370px;
}
.chekout-page .total-checkout .wrapper {
position: relative;
padding-top: 10px;
}
.chekout-page .total-checkout .wrapper:before {
content: '';
width: 366px;
height: 16px;
background-color: #020202;
box-shadow: inset 0px 0px 0px 5px #343940;
display: block;
top: 0;
position: absolute;
z-index: -3;
left: 0;
border-radius: 10px;
border: 2px solid #b4b5b7;
}
.chekout-page .total-checkout .wrapper .paper {
width: 345px;
margin: 0 auto;
}
.chekout-page .total-checkout .wrapper .paper .head {
height: 40px;
background: #ffffff;
background: -webkit-linear-gradient(to bottom, #ececec, #ffffff);
background: linear-gradient(to bottom, #ececec, #ffffff);
border-radius: 15px 15px 0 0;
border-bottom: 1px dashed #d0d0d0;
}
.chekout-page .total-checkout .wrapper .paper .content {
background-color: #fff;
padding: 10px 25px 15px 25px;
}
.chekout-page .total-checkout .wrapper .paper .content .name {
text-align: center;
margin-bottom: 20px;
margin-top: 5px;
font-size: 20px;
font-weight: 500;
color: #607D8B;
}
.chekout-page .total-checkout .wrapper .paper .content .row-g {
display: flex;
justify-content: space-between;
height: 45px;
padding-bottom: 10px;
line-height: 45px;
font-size: 18px;
}
.chekout-page .total-checkout .wrapper .paper .content .row-g .title {
color: #808588;
}
.chekout-page .total-checkout .wrapper .paper .content .row-g .price {
font-weight: bold;
font-size: 20px;
color: #8BC34A;
}
.chekout-page .total-checkout .wrapper .paper .content .row-g .price span {
font-size: 14px;
margin-right: 3px;
font-weight: normal;
color: #949698;
}
.chekout-page .total-checkout .wrapper .paper .content .deliviry {
border-bottom: 1px solid #9ea8af;
}
.chekout-page .total-checkout .wrapper .paper .content .grand-total {
padding-top: 10px;
padding-bottom: 30px;
}
.chekout-page .total-checkout .wrapper .paper .content .grand-total .title {
font-weight: 500;
color: #000;
}
.chekout-page .total-checkout .wrapper .paper .content .grand-total .price {
color: #4CAF50;
font-size: 24px;
}
.chekout-page .total-checkout .wrapper .paper .pool-bedh-pool-bedh-bishtar {
display: block;
width: 200px;
height: 55px;
background-color: #4CAF50;
margin: 0 auto;
border-radius: 999px;
line-height: 55px;
text-align: center;
color: #fff;
font-size: 18px;
margin-bottom: 5px;
box-shadow: 0px 2px 11px -2px #4baf50;
border: none;
cursor: pointer;
}
.chekout-page .total-checkout .wrapper .paper .pool-bedh-pool-bedh-bishtar:hover {
transform:translateY(-2px);
box-shadow: 0px 3px 15px -4px #4baf50;
}
.chekout-page .total-checkout .wrapper .paper .zigzag {
}
.chekout-page .total-checkout .wrapper .paper .zigzag::after {
background: linear-gradient(-45deg, transparent 16px, #ffffff 0), linear-gradient(45deg, transparent 16px, #ffffff 0);
background-repeat: repeat-x;
background-position: left bottom;
background-size: 23px 32px;
content: "";
display: block;
width: 100%;
height: 32px;
position: relative;
top: 0pc;
left: 0px;
}
/* */
/* */
/* */
/* successfull */
/* */
/* */
/* */
/* */
.successfull-page .container {
margin-top: 30px;
}
.successfull-page .container .inner {
padding: 20px;
background-color: #fff;
border-radius: 3px;
padding-top: 30px;
position: relative;
}
.successfull-page .container .inner .box-img {
background: url(../img/success-bg.jpg) no-repeat center center;
height: 330px;
}
#world {
width: 850px;
position: absolute;
top: 0px;
right: 200px;
height: 400px;
}
.successfull-page .content {
padding-bottom: 50px;
border-bottom: 1px dashed #c9cfd4;
}
.successfull-page .content .title {
font-size: 27px;
text-align: center;
font-weight: 500;
color: #8BC34A;
}
.successfull-page .content .desc {
direction: rtl;
width: 380px;
margin: 0 auto;
justify-content: space-between;
margin-top: 20px;
color: #969696;
font-size: 20px;
line-height: 37px;
}
.successfull-page .content .desc span {
font-weight: 500;
color: #000;
}
.successfull-page .content .desc a {
display: block;
font-size: 14px;
height: 35px;
line-height: 35px;
padding: 0 10px;
border-radius: 4px;
border: 1px solid #a4b3bb;
color: #61727b;
}
.successfull-page .content .desc a:hover {
border: 1px solid #2196F3;
color: #2196F3;
}
.successfull-page .order-steps {
direction: rtl;
}
.successfull-page .order-steps .title {
padding-top: 50px;
font-weight: 500;
color: #607D8B;
padding-bottom: 30px;
}
.successfull-page .order-steps .graph {
text-align: center;
position: relative;
}
.successfull-page .order-steps .q-dropshop .col {
width: 20%;
}
.successfull-page .order-steps .q-dropshop .bar {
height: 8px;
width: 950px;
position: absolute;
background-color: #e1e7ea;
top: 16px;
right: 100px;
}
.successfull-page .order-steps .graph .col .circle {
width: 42px;
height: 42px;
margin: 0 auto;
background-color: #e1e7ea;
border-radius: 999px;
position: relative;
display: flex;
justify-content: center;
}
.successfull-page .order-steps .graph .col .circle .number {
height: 30px;
width: 30px;
background-color: #ffffff;
border-radius: 9999px;
margin-top: 6px;
line-height: 30px;
text-align: center;
color: #2196F3;
font-weight: 500;
font-size: 14px;
box-shadow: 0px 2px 4px -2px #03A9F4;
}
.successfull-page .order-steps .desc-boxes {
padding-top: 20px;
padding-bottom: 50px;
}
.successfull-page .order-steps .q-dropshop {
}
.successfull-page .order-steps .q-dropshop .col {
}
.successfull-page .order-steps .desc-boxes .col .wrapper {
width: 150px;
margin: 0 auto;
padding: 10px;
background-color: #eaecec;
border-radius: 5px;
font-size: 14px;
text-align: center;
position: relative;
}
.successfull-page .order-steps .q-dropshop .col .wrapper::before {
content: '';
width: 0px;
height: 5px;
border-bottom: solid 10px rgb(235, 236, 236);
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
top: -14px;
right: 73px;
}
.successfull-page .order-steps .q-dropshop .col .wrapper .info {
line-height: 2.8;
height: 36px;
font-size: 13px;
}
.successfull-page .order-steps .q-dropshop .col .wrapper .time {
font-size: 13px;
font-weight: 500;
height: 30px;
margin-top: 10px;
background-color: #8BC34A;
color: #fff;
line-height: 30px;
}
/* */
/* */
/* */
/* merg - page */
/* */
/* */
/* */
/* ------------------ collapse custome css -------------------*/
.collapse-basket .nav {
list-style-type: none;
margin: 0;
padding: 0;
}
.collapse-basket .nav .nav-item {
position: relative;
overflow: hidden;
cursor: pointer;
}
.collapse-basket .nav .nav-item + .nav-item {
border-top: 1px solid #ddd;
}
.collapse-basket .nav .nav-item a {
text-decoration: none;
color: #12c777;
}
.collapse-basket .nav .nav-item a:hover,
.collapse-basket .nav .nav-item a:focus {
color: #c76712;
}
.collapse-basket .nav .nav-item .nav-indicator {
position: absolute;
left: 1em;
}
.collapse-basket .nav--primary {
border: 1px solid #cdd2d6;
margin-bottom: 12px;
border-radius: 3px;
}
.collapse-basket .nav--primary .nav-item.is-active path {
stroke-dashoffset: -15;
}
.collapse-basket .nav--secondary {
overflow: hidden;
margin-top: 0.1em;
will-change: height;
-webkit-transition: height 0.3s, margin-top 0.3s;
transition: height 0.3s, margin-top 0.3s;
}
.collapse-basket .is-collapsed .nav--secondary {
margin-top: 0;
height: 0 !important;
}
.collapse-basket .nav--secondary .nav-item {
padding: .3em 1em;
}
.collapse-basket .nav--secondary .nav-item + .nav-item {
border: none;
}
.collapse-basket .nav--primary svg.nav-indicator path {
fill: none;
stroke: #aaa;
stroke-linecap: round;
stroke-width: 2;
stroke-dasharray: 29 40;
-webkit-transition: stroke-dashoffset 0.3s;
transition: stroke-dashoffset 0.3s;
}
.collapse-basket .nav--alt svg.nav-indicator--alt {
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.collapse-basket .nav--alt svg.nav-indicator--alt path {
fill: none;
stroke: #aaa;
stroke-linecap: square;
stroke-width: 2;
stroke-dasharray: 14 40;
stroke-dashoffset: -15;
-webkit-transition: stroke-dashoffset 0.3s;
transition: stroke-dashoffset 0.3s;
}
.collapse-basket .nav--alt .nav-item.is-active svg {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.collapse-basket .nav--alt .nav-item.is-active svg path {
stroke-dashoffset: 0;
}
/* ------------------ collapse custome css -------------------*/
.collapse-basket .nav .nav-item .nav-label {
height: 75px;
width: 1168px;
}
.collapse-basket .nav-label .col {
float: right;
height: 75px;
border-left: 1px solid #ced2d6;
text-align: center;
font-size: 16px;
line-height: 75px;
position: relative;
}
.collapse-basket .is-active .nav-label .col {
border-bottom: 1px solid #ced2d6;
}
.collapse-basket .nav-label .number {
width: 50px;
}
.collapse-basket .nav-label .order-id {
width: 200px;
font-weight: 500;
color: #607D8B;
}
.collapse-basket .nav-label .order-date {
width: 250px;
color: #777;
}
.collapse-basket .nav-label .order-price {
width: 200px;
font-weight: bold;
color: #4CAF50;
font-size: 18px;
}
.collapse-basket .nav-label .order-price span {
font-weight: normal;
font-size: 14px;
color: #97a6ad;
margin-right: 4px;
}
.collapse-basket .nav-label .order-time {
width: 350px;
}
.collapse-basket .nav-label .order-show {
width: 113px;
border-left: none;
font-size: 13px;
}
.merg-orders .cart-items-wrapper .row-header {
margin-bottom: 10px;
}
.collapse-basket .nav-label .order-time .timer-bar {
width: 300px;
margin: 0 auto;
height: 22px;
border-radius: 999px;
margin-top: 25px;
background-color: #2196f396;
position: relative;
border: 2px solid #2196F3;
}
.collapse-basket .nav-label .order-time .timer-bar .bar {
position: absolute;
width: 80%;
height: 22px;
border-radius: 999px 0 0 999px;
background-color: #2196F3;
left: 0;
}
.collapse-basket .nav-label .order-time .timer-bar .timer {
position: absolute;
top: 0;
line-height: 22px;
color: #fff;
font-size: 13px;
font-weight: 500;
text-align: center;
height: 22px;
width: 300px;
}
.merg-orders .basket-total-sc {
justify-content: flex-end;
}
.merg-orders .item {
margin-top: 0;
margin-bottom: 12px;
background-color: #fff;
}
.merg-orders .collapse-1 {
padding-top: 15px;
padding: 15px 30px 30px 30px;
background-color: #f4f5f5;
box-shadow: inset 0px 20px 20px -11px #e4eaef;
}
.merg-orders .item .price {
}
.merg-orders .item .t-price {
width: 220px;
border-left: none;
}
.merg-orders .basket-t-box {
background-color: #fff;
}
.merg-orders .collapse-1 .headerr {
margin-bottom: 30px;
font-size: 18px;
font-weight: bold;
color: #3e3e3e;
text-align: center;
}
.merg-orders .cart-items-wrapper .row-header .img {
width: 50px;
}
.merg-orders .cart-items-wrapper .row-header .info {
width: 200px;
}
.merg-orders .cart-items-wrapper .row-header .price {
width: 250px;
}
.merg-orders .cart-items-wrapper .row-header .qty {
width: 200px;
}
.merg-orders .cart-items-wrapper .row-header .t-price {
width: 350px;
}
.merg-orders .cart-items-wrapper .row-header .remove {
width: 100px;
}
/* */
/* */
/* */
/* sign-up-page */
/* */
/* */
/* */
.signup-page .container {
margin: 40px 0;
border-radius: 3px;
direction: rtl;
}
.signup-page .container .flex {
justify-content: center;
}
.signup-page .container .sc-1 {
width: 800px;
}
.signup-page .container .sc-1 .side-banner {
width: 200px;
border-radius: 0 3px 3px 0;
background: #ef4446 url(../img/sign-up-icon.png) no-repeat center center;
}
.signup-page .container .sc-1 .form-wrapper {
width: 560px;
background-color: #fff;
padding: 20px;
border-radius: 3px 0 0 3px;
}
.signup-page .container .sc-1 .form-wrapper .alert-sc {
min-height: 60px;
}
.signup-page .container .sc-1 .form-wrapper .alert-sc .alert {
margin: 10px;
height: 35px;
background-color: #dce0e2;
padding: 10px;
border-radius: 3px;
line-height: 32px;
color: #ef4446;
font-size: 15px;
}
.signup-page .container .sc-1 .form-wrapper form {
padding: 20px 110px 50px 110px;
}
.signup-page .container .sc-1 .form-wrapper .form-g {
position: relative;
}
.signup-page .container .sc-1 .form-wrapper .form-g .feather-ico {
position: absolute;
left: 17px;
top: 39px;
color: #9eafb7;
}
.signup-page .container .sc-1 .form-wrapper form input {
width: 320px;
padding: 7px;
height: 30px;
margin-bottom: 15px;
border-radius: 3px;
border: solid 1px #97aeb9;
outline: none;
box-shadow: inset 0px 0px 9px -3px #00000057;
font-size: 15px;
}
.signup-page .container .sc-1 .form-wrapper form input:focus {
border: solid 1px #03A9F4;
box-shadow: inset 0px 0px 9px -3px #03A9F4;
}
.signup-page .container .sc-1 .form-wrapper form label {
display: block;
font-size: 15px;
margin-bottom: 5px;
}
.signup-page .container .sc-1 .form-wrapper form label span {
font-size: 11px;
color: #03A9F4;
margin-right: 5px;
}
.signup-page .container .sc-1 .form-wrapper form input[type="submit"] {
width: 336px;
border: none;
height: 50px;
line-height: 37px;
font-weight: 500;
color: #fff;
background-color: #2196F3;
cursor: pointer;
margin-top: 10px;
box-shadow: 0px 2px 10px -2px #2196f3;
}
.signup-page .container .sc-2 {
width: 370px;
}
.signup-page .container .sc-2 .head {
padding: 15px;
background-color: #fff;
border-radius: 3px 3px 0 0;
text-align: center;
border-bottom: 1px solid #dce0e2;
font-size: 14px;
color: #bbbbbb;
}
.signup-page .container .sc-2 .form-wrapper {
padding: 20px;
background-color: #fff;
border-radius: 0 0 3px 3px;
}
.space-between {
justify-content: space-between;
}
.signup-page .container .sc-2 .alert-sc {
min-height: 50px;
padding: 10px;
}
.signup-page .container .sc-2 .alert-sc .alert {
height: 25px;
padding: 10px;
background-color: #e5eaec;
line-height: 25px;
font-size: 14px;
color: #607D8B;
border-radius: 3px;
}
.signup-page .container .sc-2 form {
padding: 10px;
border-bottom: 1px solid #e1e8ec;
}
.signup-page .container .sc-2 form .form-g {
}
.signup-page .container .sc-2 form .form-g .feather-ico {
position: absolute;
}
.signup-page .container .sc-2 form label {
display: block;
font-size: 15px;
margin-bottom: 5px;
color: #607D8
}
.signup-page .container .sc-2 form input {
width: 292px;
padding: 7px;
height: 30px;
margin-bottom: 15px;
border-radius: 3px;
border: solid 1px #97aeb9;
outline: none;
box-shadow: inset 0px 0px 9px -3px #00000057;
font-size: 15px;
}
.signup-page .container .sc-2 form input[type="submit"] {
height: 40px;
width: 140px;
margin-top: 7px;
background-color: #4CAF50;
border: none;
color: #fff;
cursor: pointer;
box-shadow: 0px 2px 10px -2px #4caf50;
}
.signup-page .container .sc-2 .forget-pass {
padding: 20px 0;
text-align: center;
font-size: 13px;
}
.signup-page .container .sc-2 .forget-pass a {
color: #989898;
}
.signup-page .container .sc-2 .forget-pass a span {
color: #2196f3;
}
/* */
/* */
/* */
/* passowrd */
/* */
/* */
.j-center {
justify-content: center;
}
.recover-page .container .sc-1 .side-banner {
background: #2196F3 url(../img/sign-up-icon-2.png) no-repeat center center;
}
.recover-page .container .sc-1 .form-wrapper form input[type="submit"] {
background-color: #4CAF50;
box-shadow: 0px 2px 10px -2px #4CAF50;
}
.recover-page .or {
text-align: center;
font-size: 18px;
color: #656565;
height: 30px;
line-height: 30px;
position: relative;
}
.recover-page .or span {
z-index: 999;
position: absolute;
background-color: #fff;
display: block;
width: 27px;
text-align: center;
right: 154px;
}
.recover-page .or .line {
width: 335px;
height: 1px;
background-color: #ccd4da;
position: absolute;
top: 15px;
z-index: 1;
}
/* */
/* */
/* */
/* page */
/* */
/* */
/* */
/* */
.page-page .container {
margin: 25px 0;
}
.page-page .container .inner {
padding: 35px;
background-color: #fff;
border-radius: 3px;
direction: rtl;
}
.page-page .container .inner h1 {
font-size: 24px;
color: #607D8B;
}
.page-page .container .inner h2 {
font-size: 22px;
font-weight: 500;
color: #525252;
}
.page-page .container .inner p {
color: #636363;
}
/* */
/* */
/* */
/* sign-up successful */
/* */
/* */
/* */
.signup-success .container {
margin: 30px 0;
}
.signup-success .inner {
padding: 20px;
background-color: #fff;
border-radius: 3px;
}
/* -------- animation ------- */
.sa {
width: 140px;
height: 110px;
padding: 26px;
background-color: #fff;
margin: 0 auto;
padding-bottom: 0;
}
.sa-success {
border-radius: 50%;
border: 4px solid #A5DC86;
box-sizing: content-box;
height: 80px;
padding: 0;
position: relative;
background-color: #fff;
width: 80px;
margin: 0 auto;
}
.sa-success:after, .sa-success:before {
background: #fff;
content: '';
height: 120px;
position: absolute;
transform: rotate(45deg);
width: 60px;
}
.sa-success:before {
border-radius: 40px 0 0 40px;
width: 26px;
height: 80px;
top: -17px;
left: 5px;
transform-origin: 60px 60px;
transform: rotate(-45deg);
}
.sa-success:after {
border-radius: 0 120px 120px 0;
left: 30px;
top: -11px;
transform-origin: 0 60px;
transform: rotate(-45deg);
animation: rotatePlaceholder 4.25s ease-in;
}
.sa-success-placeholder {
border-radius: 50%;
border: 4px solid rgba(165, 220, 134, 0.25);
box-sizing: content-box;
height: 80px;
left: -4px;
position: absolute;
top: -4px;
width: 80px;
z-index: 2;
}
.sa-success-fix {
background-color: #fff;
height: 90px;
left: 28px;
position: absolute;
top: 8px;
transform: rotate(-45deg);
width: 5px;
z-index: 1;
}
.sa-success-tip, .sa-success-long {
background-color: #A5DC86;
border-radius: 2px;
height: 5px;
position: absolute;
z-index: 2;
}
.sa-success-tip {
left: 14px;
top: 46px;
transform: rotate(45deg);
width: 25px;
animation: animateSuccessTip .75s;
}
.sa-success-long {
right: 8px;
top: 38px;
transform: rotate(-45deg);
width: 47px;
animation: animateSuccessLong .75s;
}
@keyframes animateSuccessTip {
0%, 54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessLong {
0%, 65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes rotatePlaceholder {
0%, 5% {
transform: rotate(-45deg);
}
100%, 12% {
transform: rotate(-405deg);
}
}
/* -------------------------- */
.signup-success .desc {
text-align: center;
font-size: 20px;
color: #4CAF50;
font-weight: 500;
padding-bottom: 100px;
}
.signup-success .desc span {
display: block;
font-weight: normal;
font-size: 17px;
margin-top: 10px;
color: #909090;
}
.signup-success .timer {
text-align: center;
padding-bottom: 60px;
position: relative;
}
.signup-success .timer .resend-link-wrapper {
display: block;
padding: 15px 10px;
background-color: #cfd7de;
width: 280px;
margin: 0 auto;
border-radius: 999px;
color: #fff;
font-weight: 500;
font-size: 14px;
margin-top: 8px;
position: relative;
}
.signup-success .timer .resend-link-wrapper .resend-link {
height: 50px;
position: absolute;
top: 0;
display: none;
left: 0;
background-color: #2196F3;
width: 300px;
border-radius: 999px;
color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 50px;
box-shadow: 0px 3px 14px -3px #2196F3;
}
.signup-success .timer .info {
display: flex;
margin: 0 auto;
width: 300px;
direction: rtl;
justify-content: center;
color: #949494;
}
.signup-success .timer .info #clockdiv {
display: flex;
margin: 0 8px;
}
.signup-success .smt-wrong {
direction: rtl;
width: 600px;
margin: 0 auto;
background-color: #dce3e8;
text-align: center;
padding: 40px 0;
border-radius: 3px;
color: #616161;
}
.signup-success .smt-wrong a {
}
/* */
/* */
/* */
/* user - tickets */
/* */
/* */
/* */
/* */
.dash-wrapper .ticket .content {
}
.dash-wrapper .ticket .add-new-t-sc {
display: flex;
justify-content: flex-end;
}
.dash-wrapper .ticket .add-new-t {
display: block;
height: 30px;
line-height: 30px;
background-color: #2196F3;
width: 140px;
text-align: center;
padding: 8px;
border-radius: 3px;
color: #fff;
font-weight: 500;
}
.dash-wrapper .ticket .tickts-inbox {
}
.dash-wrapper .ticket .empty-inbox {
border-radius: 3px;
margin: 20px 0;
padding: 20px;
height: 350px;
background: #f1f1f1 url(../img/inbox-bg.png) no-repeat center center;
}
.dash-wrapper .ticket .empty-inbox .title {
text-align: center;
line-height: 523px;
font-size: 18px;
color: #525556;
}
.ticket .content {
}
.ticket .new-ticket-form {
padding: 20px 5px;
}
.ticket .new-ticket-form form {
}
.ticket .form-group {
padding: 10px 0;
}
.ticket .form-group label {
font-size: 15px;
line-height: 21px;
width: 70px;
height: 50px;
}
.ticket .form-group input {
font-family: IRANSans !important;
font-size: 15px;
height: 35px;
padding: 5px;
width: 310px;
border-radius: 3px;
border: 1px solid #b6bdc1;
outline: none;
}
.ticket .form-group select {
font-family: IRANSans !important;
font-size: 15px;
height: 45px;
padding: 5px;
width: 320px;
border-radius: 3px;
border: 1px solid #b6bdc1;
outline: none;
}
.ticket .form-group textarea {
font-family: IRANSans !important;
font-size: 15px;
height: 180px;
padding: 5px;
width: 550px;
border-radius: 3px;
border: 1px solid #b6bdc1;
outline: none;
line-height: 1.8;
}
.ticket .form-group input[type="submit"] {
margin-right: 70px;
border: none;
background-color: #2196F3;
color: #fff;
cursor: pointer;
height: 50px;
line-height: 40px;
font-weight: 500;
}
.ticket .form-group input[type="file"] {
border: none;
}
.ticket .tickts-inbox {
}
.ticket .tickts-inbox .t-row {
border: 1px solid #e0e0e0;
margin-top: -1px;
}
.ticket .tickts-inbox .header {
margin: 15px 0;
}
.ticket .tickts-inbox .header .cell {
font-size: 15px;
height: 30px;
line-height: 30px;
padding: 0 5px;
background-color: #ecf2f7;
color: #7f99af;
}
.ticket .tickts-inbox .header .cell.number {
width: 35px;
}
.ticket .tickts-inbox .header .cell.id {
width: 100px;
}
.ticket .tickts-inbox .header .cell.subject {
width: 414px;
}
.ticket .tickts-inbox .header .cell.date {
width: 180px;
}
.ticket .tickts-inbox .header .cell.status {
width: 160px;
}
.ticket .tickts-inbox .t-row .cell {
font-size: 15px;
height: 40px;
line-height: 40px;
padding: 0 10px;
color: #545454;
}
.ticket .tickts-inbox .t-row .cell.number {
width: 25px;
border-left: 1px solid #e0e0e0;
text-align: center;
}
.ticket .tickts-inbox .t-row .cell.id {
width: 90px;
border-left: 1px solid #e0e0e0;
text-align: center;
}
.ticket .tickts-inbox .t-row .cell.subject {
width: 398px;
border-left: 1px solid #e0e0e0;
}
.ticket .tickts-inbox .t-row .cell.date {
width: 170px;
border-left: 1px solid #e0e0e0;
}
.ticket .tickts-inbox .t-row .cell.status {
width: 150px;
text-align: center;
}
.ticket .tickets-sc {
}
.ticket .tickets-sc .c-message {
border: 1px solid #d0d6da;
border-radius: 3px;
margin-bottom: 15px;
}
.ticket .tickets-sc .customer-info {
padding: 10px;
border-left: 1px solid #d0d6da;
width: 120px;
text-align: center;
}
.ticket .tickets-sc .customer-info .name {
height: 40px;
font-size: 14px;
line-height: 40px;
font-weight: 500;
color: #607D8B;
}
.ticket .tickets-sc .customer-info .date {
font-size: 12px;
color: #b5b5b5;
}
.ticket .tickets-sc .customer-message {
padding: 20px;
width: 756px;
}
.ticket .tickets-sc .customer-message p {
margin: 0;
font-size: 15px;
line-height: 1.8;
}
.ticket .tickets-sc .customer-message .image-attchment {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #d0d6da;
height: 50px;
line-height: 50px;
}
.ticket .tickets-sc .customer-message .image-attchment .feather-ico {
color: #8f96ad;
}
.ticket .tickets-sc .customer-message .image-attchment .image {
height: 40px;
width: 40px;
padding: 5px;
border: 1px solid #d0d6da;
border-radius: 3px;
margin-right: 10px;
}
.ticket .tickets-sc .customer-message .image-attchment .image a {
display: block;
margin-top: -5px;
}
.ticket .tickets-sc .customer-message .image-attchment .image img {
max-width: 40px;
max-height: 40px;
}
.ticket .admin-reply .customer-info .name {
color: #f04445;
}
.ticket .admin-reply .c-message {
background-color: #f1f3f5;
}
.ticket .reply-form {
margin-top: 50px;
border-top: 1px dashed #bfc4c7;
padding-top: 20px;
}
.ticket .reply-form form {
}
.ticket .reply-form .f-right-sc {
width: 645px;
padding-left: 20px;
}
.ticket .reply-form label {
display: block;
font-size: 14px;
margin-bottom: 10px;
color: #a2a2a2;
}
.ticket .reply-form textarea {
font-family: IRANSans !important;
font-size: 15px;
height: 180px;
padding: 10px;
width: 615px;
border-radius: 3px;
border: 1px solid #b6bdc1;
outline: none;
line-height: 1.6;
}
.ticket .reply-form input[type="file"] {
max-width: 280px;
}
.ticket .reply-form input[type="submit"] {
margin-top: 30px;
width: 280px;
height: 50px;
background-color: #2196F3;
border: none;
border-radius: 3px;
color: #fff;
font-weight: 500;
cursor: pointer;
}
/* news letter sucess */
.successfull-newsletter .container .inner .box-img {
background: url(../img/newsletter.jpg) no-repeat center center;
}
.successfull-newsletter .content {
padding-bottom: 150px;
}
/* Add Animation */
@-webkit-keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}
@keyframes fadeIn {
from {opacity: 0}
to {opacity: 1}
}
@media screen and (max-width: 1220px) {
.mobile-resize {
width: 1220px;
}
}
#fan {
font-family: FaNumber !important;
}
.not-available-tag {
position: absolute;
width: 120px;
height: 26px;
background-color: #ff5859;
text-align: center;
right: -36px;
top: 10px;
transform: rotate(45deg);
}
.not-available-tag::before {
content: 'تمام شد';
line-height: 26px;
color: #fff;
text-shadow: 0px 1px 4px #00000059;
font-size: 12px;
}
.not-available-tag::after {
}
.sale-tag {
}
.sale-tag::before {
content: '';
}
.special {
position: absolute;
width: 40px;
height: 24px;
background-color: #7292f4;
top: 18px;
}
.special::after {
content: 'ویژه';
line-height: 24px;
font-size: 12px;
color: #fff;
margin-left: 10px;
}
.special::before {
background: #ffffff00;
position: absolute;
top: 0px;
content: ' ';
height: 0;
border: 12px solid #7291f4;
border-right: 8px solid #ffffff00;
right: -10px;
}
.product .product-wrapper:hover .special {
width: 45px;
}
.product .product-wrapper:hover .special::after {
}
.not-available-tag-product {
position: absolute;
width: 140px;
height: 40px;
background-color: #ff5859;
text-align: center;
right: -35px;
top: 14px;
transform: rotate(45deg);
}
.not-available-tag-product::before {
content: 'تمام شد';
line-height: 40px;
color: #fff;
text-shadow: 0px 1px 4px #00000059;
font-size: 17px;
}
.not-available-tag-product::after {
}
.chekout-page .item .qty-d {
display: flex;
justify-content: center;
width: 100px;
}
.chekout-page .item .qty-d .input-number-decrement {
height: 28px;
width: 20px;
border: 1px solid #a8a8a9;
border-radius: 0 5px 5px 0;
border-left: none;
line-height: 31px;
color: #000;
cursor: pointer;
background-color: #f2f5f7;
}
.chekout-page .item .qty-d .input-number-qty {
width: 24px;
padding: 5px;
height: 16px;
line-height: 16px;
text-align: center;
outline: none;
}
.chekout-page .item .qty-d .input-number-increment {
height: 28px;
width: 20px;
border: 1px solid #a8a8a9;
border-radius: 5px 0 0 5px;
border-right: none;
line-height: 31px;
color: #000;
cursor: pointer;
background-color: #f2f5f7;
}
.input-qty-wrapper {
justify-content: center;
}
.chekout-page .d-c-sc .delivery-sc label .logo-wrapper .logo {
height: 32px;
width: 40px;
margin: 0 auto;
margin-top: 17px;
transition: none;
}
.chekout-page .total-checkout .wrapper .paper .content .row-g.discount .price {
color: #f77070;
}
.product-page .product-info-container .sold-out-product .add-to-cart {
cursor: not-allowed;
background-color: #cbd1d4;
box-shadow: 0px 2px 13px -2px #b7c1c5;
}
.product-page .product-info-container .sold-out-product .add-to-cart .feather-ico {
background-color: #b2bfc5;
color: #5f7077;
}
.close-alert-bt {
position: absolute;
left: 10px;
top: 12px;
border: none;
background-color: #0000;
cursor: pointer;
}
.close-alert-bt .feather-ico {
color: #155990;
}
.sign-up-form-submit {
display: block;
width: 336px;
padding: 10px;
border-radius: 5px;
height: 54px;
border: none;
cursor: pointer;
background-color: #4CAF50;
color: #fff;
margin-top: 15px;
box-shadow: 0px 2px 10px -1px #4baf50;
outline: none;
}
.sign-up-form-submit:hover {
box-shadow: 0px 4px 20px -2px #4baf50;
}
.chekout-page .basket-t-box .row_coupon .content {
color: #2196F3;
}
.chekout-page .basket-t-box .c-row .content .cart-grand-total {
font-size: 20px;
font-weight: 500;
color: #4CAF50;
}
.checkout-cart-sc .item .qty {
width: 100px;
text-align: center;
padding-top: 30px;
font-size: 20px;
font-weight: 500;
}
.checkout-cart-sc .item .qty span {
}
.checkout-cart-sc .item .price {
line-height: 70px;
width: 200px;
}
.checkout-cart-sc .item .t-price {
width: 200px;
border-left: none;
}
.checkout-cart-sc .basket-total-sc {
justify-content: flex-end;
}
.chekout-page .basket-t-box .c-row .dis-checkout {
color: #2196F3;
}
.chekout-page .delivery-method-1 .logo-wrapper .logo {
background: url(../img/post-s-logo.png) no-repeat right center;
}
.chekout-page .delivery-method-2 .logo-wrapper .logo {
background: url(../img/post-s-logo.png) no-repeat right center;
}
.chekout-page .delivery-method-3 .logo-wrapper .logo {
background: url(../img/entezar-logo.png) no-repeat -51px center;
width: 51px !important;
}
.chekout-page .d-c-sc .delivery-sc input[type="radio"]:checked + .delivery-method-1 .logo {
background: url(../img/post-s-logo.png) no-repeat 0px center;
}
.chekout-page .d-c-sc .delivery-sc input[type="radio"]:checked + .delivery-method-2 .logo {
background: url(../img/post-s-logo.png) no-repeat 0px center;
}
.chekout-page .d-c-sc .delivery-sc input[type="radio"]:checked + .delivery-method-3 .logo {
background: url(../img/entezar-logo.png) no-repeat 0px center;
}
.dropdown-xyz {
float: right;
}
/**/
.dash-wrapper .user-info .add-new-address {
}
.dash-wrapper .user-info .add-new-address-bt {
outline: none;
display: block;
width: 100%;
height: 50px;
margin-top: 20px;
cursor: pointer;
background-color: #f1f0ee;
border: 1px solid #dedede;
border-radius: 5px;
}
.dash-wrapper .user-info #new-address-hide {
display: none;
}
body {
zoom: 100% !important;
}
.paypage {
}
.pay-page .inner .imoutofnameforcalsses .h1 {
}
.pay-page .inner .imoutofnameforcalsses .header {
margin: 30px 0;
padding: 15px;
text-align: center;
background-color: #d6dee2;
border-radius: 5px;
margin-bottom: 40px;
}
.pay-page .inner .imoutofnameforcalsses .header img {
}
.pay-page .inner .imoutofnameforcalsses .header span {
color: #ef4446;
font-weight: 500;
}
.pay-page .inner .payment-form {
}
.pay-page .inner .payment-form .form-group {
width: 500px;
margin: 0 auto;
margin-bottom: 20px;
}
.pay-page .inner .payment-form .form-group label {
width: 110px;
display: block;
text-align: right;
margin-bottom: 7px;
}
.pay-page .inner .payment-form .form-group input {
width: 470px;
padding: 10px;
height: 30px;
line-height: 30px;
border-radius: 5px;
border: 1px solid #bdbebf;
box-shadow: inset 0px 0px 15px -4px #607d8b66;
outline: none;
}
.pay-page .inner .payment-form .form-group textarea {
width: 470px;
max-width: 470px;
padding: 10px;
min-height: 140px;
font-size: 14px;
line-height: 1.5;
outline: none;
}
.pay-page .inner .payment-form .form-group input[type="submit"] {
padding: 0;
height: 60px;
width: 490px;
margin-top: 20px;
margin-bottom: 150px;
border: none;
background-color: #4CAF50;
color: #fff;
font-size: 20px;
cursor: pointer;
box-shadow: 0px 4px 14px -3px #4baf50;
}
.pay-page .inner .payment-form .form-group h5 {
margin: 0;
margin-top: -10px;
font-size: 17px;
font-weight: normal;
color: #607D8B;
}
.pay-page .inner .payment-form .form-group h5 span {
font-weight: bold;
color: #F44336;
}
/********************************************/
.gifts-container {
margin-top: 20px;
}
.gifts-container .product {
}
.gifts-container .product .product-price {
padding-top: 0;
}
.gifts-container .product .product-price .main-price {
font-size: 20px;
}
.gifts-container .product .product-price .main-price span {
margin-right: 5px;
font-size: 15px;
}
.gifts-top-banner {
margin: 20px 0;
}
.gifts-top-banner .wrapper {
text-align: center;
}
.gifts-top-banner .wrapper img {
border-radius: 5px;
max-width: 1180px;
}
/*************************/
.gift-product-page .container .inner .right-sc {
width: 1200px;
}
.product-page #rrTriger {
display: block;
width: 298px;
text-align: center;
height: 40px;
line-height: 41px;
border: 1px solid #9ea8ad;
border-radius: 5px;
font-size: 14px;
font-weight: 500;
color: #5c666b;
margin-top: 20px;
box-shadow: 0px 2px 13px -2px #b7c1c5;
}
#rechargeRequest {
}
.recharge-modal-content {
margin: auto;
background-color: #fff;
outline: 0;
width: 460px;
position: relative;
animation: animatetop 0.4s;
border-radius: 8px;
box-shadow: 0px 2px 15px 0px #00000069;
direction: rtl;
}
.recharge-modal-content .header {
padding: 10px;
height: 30px;
line-height: 30px;
text-align: center;
border-bottom: 1px solid #d6d6d6;
background-color: #f5f5f5;
border-radius: 10px 10px 0 0;
position: relative;
}
.recharge-modal-content .header .title {
}
.recharge-modal-content .header .close-modal-xx {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.recharge-modal-content .header .close-modal-x {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.recharge-modal-content .modal-form {
padding: 20px 10px 30px 10px;
text-align: center;
}
.recharge-modal-content .modal-form .rr-info {
}
.recharge-modal-content .modal-form .rr-info span {
display: block;
font-size: 12px;
margin-top: 10px;
color: #a7a7a7;
}
.recharge-modal-content .modal-form input[type="submit"] {
width: 250px;
height: 45px;
margin-top: 30px;
border-radius: 5px;
background-color: #4CAF50;
border: none;
color: #fff;
cursor: pointer;
box-shadow: 0px 2px 15px 0px #4baf506b;
}
.recharge-modal-content .recharge-alert {
}
.delivery-rquest-wrapper .inner {
}
.delivery-rquest-wrapper .inner .dr-banner {
margin-top: 10px;
}
.delivery-rquest-wrapper .inner .dr-banner img {
margin: 0 auto;
display: block;
}
.delivery-rquest-wrapper .inner .title {
text-align: center;
font-weight: bold;
font-size: 22px;
direction: rtl;
color: #4CAF50;
}
.delivery-rquest-wrapper .inner .info {
width: 487px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 130px;
height: 60px;
display: flex;
justify-content: space-between;
padding: 0 20px;
line-height: 60px;
direction: rtl;
background-color: #cee4b5;
border: 1px solid #afc398;
border-radius: 5px;
}
.delivery-rquest-wrapper .inner .info .span {
}
.page-page .signin-page {
width: 800px;
margin: 30px auto 120px auto;
}
.page-page .signin-page .inner {
background-color: #fff;
border-radius: 5px;
direction: rtl;
padding: 0;
display: flex;
}
.page-page .signin-page .inner .right-sc {
width: 220px;
background: #2196F3 url(../img/login-icon.png) no-repeat center center;
border-radius: 0 5px 5px 0;
}
.page-page .signin-page .inner .left-sc {
padding: 30px;
width: 520px;
}
.page-page .signin-page .inner .left-sc h1 {
font-size: 18px;
text-align: center;
font-weight: 500;
margin: 0;
margin-bottom: 40px;
}
.page-page .signin-page .inner .left-sc .form-group {
width: 350px;
margin: 0 auto;
margin-bottom: 20px;
}
.page-page .signin-page .inner .left-sc .form-group label {
display: block;
font-size: 16px;
margin-bottom: 10px;
}
.page-page .signin-page .inner .left-sc .form-group .input-form {
position: relative;
}
.page-page .signin-page .inner .left-sc .form-group .input-form .feather-ico {
position: absolute;
left: 10px;
top: 14px;
color: #607D8B;
}
.page-page .signin-page .inner .left-sc .form-group .input-form input[type="text"] {
width: 328px;
height: 30px;
padding: 10px;
border: 1px solid #909ca5;
border-radius: 5px;
outline: none;
font-size: 18px;
box-shadow: inset 0px 0px 8px -3px #00000078;
}
.page-page .signin-page .inner .left-sc .form-group .input-form input[type="password"] {
width: 328px;
height: 30px;
padding: 10px;
border: 1px solid #909ca5;
border-radius: 5px;
outline: none;
font-size: 18px;
box-shadow: inset 0px 0px 8px -3px #00000078;
}
.page-page .signin-page .inner .left-sc .form-group button {
width: 100%;
height: 50px;
background-color: #4CAF50;
border: none;
box-shadow: 0px 3px 10px -3px #4baf50;
}
.page-page .signin-page .inner .left-sc .forget-pass-link {
display: block;
text-align: center;
font-size: 16px;
margin-bottom: 40px;
margin-top: 30px;
}
.page-page .about-page {
}
.page-page .about-page .top-banner {
}
.page-page .about-page .top-banner img {
margin: 0 auto;
display: block;
}
.page-page .about-page .content h1 {
margin-top: -50px;
font-size: 30px;
text-align: center;
margin-bottom: 30px;
}
.page-page .about-page .content p {
}
.page-page .about-page .content {
padding-bottom: 60px;
}
/**/
.index-top-slider .new-site-alert {
}
.index-top-slider .new-site-alert .signup-alert {
padding: 20px 40px;
background-color: #2181f3;
height: 50px;
border-radius: 3px;
}
.index-top-slider .new-site-alert .signup-alert .flex {
direction: rtl;
justify-content: space-between;
line-height: 50px;
}
.index-top-slider .new-site-alert .signup-alert .flex span {
font-weight: 500;
font-size: 20px;
color: #FFEB3B
}
.index-top-slider .new-site-alert .signup-alert .flex a {
display: block;
width: 150px;
background-color: #FFEB3B;
text-align: center;
border-radius: 999999px;
color: #56522e;
font-weight: bold;
box-shadow: 0px 2px 16px -4px #feeb3b;
}
.index-top-slider .new-site-alert .bug-alert {
padding: 10px 40px;
background-color: #4CAF50;
height: 50px;
border-radius: 3px;
margin-top: 15px;
}
.index-top-slider .new-site-alert .bug-alert .flex {
direction: rtl;
justify-content: space-between;
line-height: 50px;
}
.index-top-slider .new-site-alert .bug-alert .flex span {
font-weight: 500;
font-size: 20px;
color: #18381a;
width: 100%;
display: block;
text-align: center;
}
/************************/
.page-page .contact-page {
}
.page-page .contact-page .right-sec {
width: 720px;
border-left: 1px solid #c7c7c7;
font-family: FaNumber !important;
}
.page-page .contact-page .right-sec .title {
}
.page-page .contact-page .right-sec h1 {
}
.page-page .contact-page .right-sec .col {
}
.page-page .contact-page .right-sec .col p {
font-size: 19px;
color: #000;
font-family: FaNumber !important;
}
.page-page .contact-page .right-sec .col.two {
}
.page-page .contact-page .right-sec .col.three p {
font-size: 17px;
}
.page-page .contact-page .right-sec .col h2 {
font-size: 18px;
font-weight: 500;
color: #ef4446;
}
.page-page .contact-page .right-sec .col.two span {
font-size: 14px;
color: #929292;
margin-top: -6px;
display: block;
font-family: FaNumber !important;
}
.page-page .contact-page .right-sec .col.three span {
font-size: 14px;
color: #929292;
margin-top: -6px;
display: block;
font-family: FaNumber !important;
}
.page-page .contact-page .right-sec .col .contact-info {
width: 400px;
height: 50px;
margin-top: 20px;
line-height: 50px;
}
.page-page .contact-page .right-sec .col .contact-info .icon {
width: 50px;
text-align: center;
background-color: #acb4b9;
color: #fff;
}
.page-page .contact-page .right-sec .col .contact-info .content {
font-family: FaNumber !important;
width: 330px;
background-color: #eaedef;
padding-right: 20px;
font-size: 25px;
font-weight: 500;
line-height: 56px;
}
.page-page .contact-page .left-sec {
}
.page-page .contact-page .left-sec .contact-form {
width: 372px;
padding: 0px 20px;
}
.page-page .contact-page .left-sec form {
}
.page-page .contact-page .left-sec .form-group {
margin-bottom: 20px;
}
.page-page .contact-page .left-sec .form-group label {
display: block;
margin-bottom: 5px;
}
.page-page .contact-page .left-sec .form-group input {
width: 360px;
height: 35px;
padding: 5px;
line-height: 35px;
border-radius: 5px;
border: 1px solid #acb4b9;
box-shadow: inset 0px 0px 10px -4px #5c7382;
}
.page-page .contact-page .left-sec .sentt-button {
width: 100%;
height: 50px;
border-radius: 5px;
border: none;
color: #fff;
background-color: #03A9F4;
font-weight: 500;
font-size: 19px;
cursor: pointer;
}
.page-page .contact-page .left-sec .form-group textarea {
padding: 5px;
width: 358px;
max-width: 360px;
min-height: 160px;
font-size: 14px;
line-height: 1.5;
border-radius: 5px;
box-shadow: inset 0px 0px 10px -4px #5c7382;
}
.page-page .contact-page .left-sec h2 {
font-weight: bold;
color: #607d8b;
margin: 0;
margin-bottom: 25px;
margin-top: 10px;
}
.flex-bet {
display: flex;
justify-content: space-between;
}
/**/
.cart-modal-alert {
font-size: 19px;
direction: rtl;
}
.cart-modal-alert a {
color: #2196F3;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
font-size: 24px;
color: #000 !important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
overflow: inherit !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-gree {
background-color: #009688 !important;
width: 260px;
height: 50px;
font-size: 18px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
margin-top: 20px;
}
.track-orders {
}
.track-orders form {
}
.track-orders .form-group {
width: 314px;
margin: 0 auto;
}
.track-orders .form-group label {
display: block;
margin-bottom: 5px;
}
.track-orders .form-group span {
display: block;
font-size: 12px;
margin-bottom: 7px;
margin-top: -5px;
color: #a0a0a0;
}
.track-orders .form-group input {
margin-bottom: 15px;
width: 300px;
padding: 5px;
height: 30px;
line-height: 30px;
text-align: center;
}
.track-orders input[type="submit"] {
width: 314px;
margin: 0 auto;
display: block;
border: none;
height: 45px;
margin-top: 10px;
color: #fff;
background-color: #2196F3;
font-weight: bold;
border-radius: 5px;
cursor: pointer;
}
.old-order-track {
margin-top: 10px;
background-color: #b5bdc1 !important;
}
.old-order-track .flex {
}
.old-order-track .flex span {
color: #000 !important;
}
.old-order-track .flex a {
background-color: #ffffff !important;
box-shadow: 0px 2px 16px -4px #ffffff !important;
}
.product-page .new-order a {
color: #4CAF50 !important;
}
.product-page .cancel-order a {
color: #000 !important;
}