@charset "UTF-8";

html {
box-sizing: border-box;
}
*,
:before,
:after {
box-sizing: inherit;
}
ul:not(.browser-default) {
padding-right: 0;
list-style-type: none;
margin: 0;
}
.valign-wrapper {
display: flex;
align-items: center;
}
.clearfix {
clear: both;
}
img.responsive-img,
video.responsive-video {
max-width: 100%;
height: auto;
}
.pin-top,
.pin-bottom {
position: relative;
}
.pinned {
position: fixed !important;
}
ul.staggered-list li {
opacity: 0;
}
.fade-in {
opacity: 0;
transform-origin: 0 50%;
}
.page-footer {
background-color: #03382f;
}
table,
th,
td {
border: none;
}
table {
width: 100%;
display: table;
}
table.bordered > thead > tr,
table.bordered > tbody > tr {
border-bottom: 1px solid #d0d0d0;
}
table.striped > tbody > tr:nth-child(odd) {
background-color: #f2f2f2;
}
table.striped > tbody > tr > td {
border-radius: 0;
}
.collection {
margin: 0.5rem 0 0;
border-radius: 2px;
overflow: hidden;
position: relative;
}
.collection .collection-item {
background-color: #fff;
line-height: 1.5rem;
padding: 10px 20px;
margin: 0;
border-bottom: 1px solid #e0e0e0;
}
.collection .collection-item:last-child {
border-bottom: none;
}
.collection .collection-item.active {
background-color: #ac8267;
color: #eafaf9;
}
.collection .collection-item.active .secondary-content {
color: #fff;
}
.collection a.collection-item {
display: block;
transition: 0.25s;
color: #ac8267;
}
.collection a.collection-item:not(.active):hover {
background-color: #ddd;
}
.collection.with-header .collection-header {
background-color: #fff;
border-bottom: 1px solid #e0e0e0;
padding: 10px 20px;
}
.collection.with-header .collection-item {
padding-left: 30px;
}
.collection.with-header .collection-item.avatar {
padding-left: 72px;
}
.secondary-content {
float: right;
color: #ac8267;
}
.collapsible .collection {
margin: 0;
border: none;
}
@keyframes indeterminate {
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
.hide {
display: none !important;
}
.left-align {
text-align: left;
}
.right-align {
text-align: right;
}
.center,
.center-align {
text-align: center;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.circle,
.avatar-wrapper .avatar {
border-radius: 50%;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.truncate {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.no-padding {
padding: 0 !important;
}
button {
background: none;
border: 0;
}
button:focus {
background: none;
}
i {
color: #696969;
}
.divider {
margin: 40px 0;
}
.row.valign {
width: 100%;
}
h1 {
margin-bottom: 50px;
}
h5 {
font-size: 0.9rem;
font-weight: 500;
text-transform: uppercase;
}
p {
font-weight: 400;
font-size: 15px;
color: #151515;
line-height: 2rem;
}
div#desc p {
text-align: justify;
}
p.caption {
color: inherit;
}
.feature {
margin-bottom: 50px;
}
span.date {
text-transform: uppercase;
font-weight: 300;
}
.side-nav {
position: fixed;
width: 310px;
left: 0;
top: 0;
margin: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
height: 100%;
height: calc(100% + 60px);
height: -moz-calc(100%);
padding-bottom: 60px;
background-color: #fff;
z-index: 9999;
overflow-y: auto;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
.side-nav.right-aligned {
right: 0;
-webkit-transform: translateX(105%);
transform: translateX(105%);
left: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
direction: ltr;
padding: 0;
}
.side-nav .collapsible {
margin: 0;
}
.side-nav li {
float: none;
text-align: right;
border-bottom: 0.5px solid #f1f1f1;
overflow: hidden;
}
.side-nav li.active {
background-color: rgba(0, 0, 0, 0.05);
}
.side-nav li > a {
color: #4e4e4e;
display: block;
font-size: 13px;
height: 48px;
line-height: 48px;
padding: 0 30px;
}
.side-nav li > a:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.side-nav li > a.btn,
.side-nav li > a.btn-large,
.side-nav li > a.btn-large,
.side-nav li > a.btn-flat,
.side-nav li > a.btn-floating {
margin: 10px 15px;
}
.side-nav li > a.btn,
.side-nav li > a.btn-large,
.side-nav li > a.btn-large,
.side-nav li > a.btn-floating {
color: #fff;
}
.side-nav li > a.btn-flat {
color: #343434;
}
.side-nav li > a.btn:hover,
.side-nav li > a.btn-large:hover,
.side-nav li > a.btn-large:hover {
background-color: #2bbbad;
}
.side-nav li > a.btn-floating:hover {
background-color: #26a69a;
}
.side-nav li > a > i,
.side-nav li > a > [class^="mdi-"],
.side-nav li > a li > a > [class*="mdi-"],
.side-nav li > a > i.material-icons {
float: left;
height: 48px;
line-height: 48px;
margin: 0 32px 0 0;
width: 24px;
color: rgba(0, 0, 0, 0.54);
}
.side-nav .divider {
margin: 8px 0 0;
}
.side-nav .subheader {
cursor: initial;
pointer-events: none;
color: rgba(0, 0, 0, 0.54);
font-size: 14px;
font-weight: 500;
line-height: 48px;
}
.side-nav .subheader:hover {
background-color: transparent;
}
.side-nav .userView {
position: relative;
padding: 32px 32px 0;
margin-bottom: 8px;
}
.side-nav .userView > a {
height: auto;
padding: 0;
}
.side-nav .userView > a:hover {
background-color: transparent;
}
.side-nav .userView .background {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.side-nav .userView .circle,
.side-nav .userView .avatar-wrapper .avatar,
.avatar-wrapper .side-nav .userView .avatar,
.side-nav .userView .name,
.side-nav .userView .email {
display: block;
}
.side-nav .userView .circle,
.side-nav .userView .avatar-wrapper .avatar,
.avatar-wrapper .side-nav .userView .avatar {
height: 64px;
width: 64px;
}
.side-nav .userView .name,
.side-nav .userView .email {
font-size: 14px;
line-height: 24px;
}
.side-nav .userView .name {
margin-top: 16px;
font-weight: 500;
}
.side-nav .userView .email {
padding-bottom: 16px;
font-weight: 400;
}
nav.navbar {
z-index: 10;
position: fixed;
top: 0;
box-shadow: none;
background-color: #fff;
transition: box-shadow 0.3s, background-color 0.3s;
box-shadow: 2px 2px 10px #4c4c4c1f;
}
nav.navbar.pinned {
background-color: rgba(0, 0, 0, 0.3);
}
nav.navbar.absolute {
position: absolute;
top: 0;
width: 100%;
}
nav.navbar ul > li.active > a::before,
nav.navbar ul > li > a.active::before,
nav.navbar ul > li > a:hover::before {
transform: scaleX(1);
}
nav.navbar ul li.active {
background-color: transparent;
}
nav.navbar ul a {
padding-left: 0;
padding-right: 0;
margin: 0 13px;
position: relative;
font-weight: 300;
transition: color 0.2s;
}
nav.navbar ul a:hover {
background-color: transparent;
}
.header .header-wrapper {
top: 0;
width: 100%;
height: 100%;
text-align: center;
}
.header .header-wrapper h1 {
margin: 1rem 0;
font-weight: 600;
font-size: 6rem;
text-transform: uppercase;
}
.header .header-wrapper .tagline {
display: block;
color: #fff;
font-size: 1.5rem;
font-weight: 200;
}
.header .header-wrapper .read-more {
height: 64px;
line-height: 64px;
transition: color 0.2s;
}
.header .header-wrapper .read-more:active {
transform: translateY(1px);
color: #63f0d6;
}
.header .header-wrapper .read-more i {
font-size: 24px;
}
.section.white h1,
.section.white h2,
.section.white h3,
.section.white h4,
.section.white h5 {
color: #444;
}
.section.light,
.page-footer .section.footer-copyright {
color: rgba(0, 0, 0, 0.6);
}
.section.light h1,
.page-footer .section.footer-copyright h1,
.section.light h2,
.page-footer .section.footer-copyright h2,
.section.light h3,
.page-footer .section.footer-copyright h3,
.section.light h4,
.page-footer .section.footer-copyright h4,
.section.light h5,
.page-footer .section.footer-copyright h5 {
color: #fff;
}
.btn,
.btn-large,
.btn-floating {
position: relative;
overflow: hidden;
background-color: transparent;
box-shadow: none;
border: 2px solid #eee;
box-sizing: content-box;
color: #eee;
transition: color 0.2s, background-color 0.2s;
}
.btn:hover,
.btn-large:hover,
.btn-floating:hover {
box-shadow: none;
background-color: #eee;
}
.btn:hover i,
.btn-large:hover i,
.btn-floating:hover i {
color: #ee8e00;
}
.btn i,
.btn-large i,
.btn-floating i {
color: #eee;
transition: color 0.2s;
}
.btn {
font-weight: 300;
}
.btn:focus {
background-color: rgba(255, 255, 255, 0.2);
}
.btn-large::before {
width: calc(100% + 60px);
transform: skewX(-45deg) translateX(calc(-100% - 30px));
}
.btn-floating {
background-color: transparent;
box-shadow: none;
border: 2px solid #3e8fa7;
}
.page-footer {
color: #fff;
margin: 0px 0 0;
font-size: 12px;
padding: 0;
background-size: contain;
}
.page-footer .row {
margin: 0;
}
.page-footer .materialize-logo {
margin-top: 2px;
}
.page-footer p {
margin: 5px 0;
}
.page-footer ul li {
padding: 0 5px;
margin: 10px 0;
line-height: 20px;
list-style: none;
}
.page-footer ul li a,
.page-footer p {
color: #c7c7c7 !important;
font-size: 15px;
margin: 5px 0;
padding: 8px 0;
}
.light .header-wrapper .tagline,
.page-footer .footer-copyright .header-wrapper .tagline,
.white .header-wrapper .tagline {
color: #777;
}
.horizontal-half-wrapper .header-background.white + .header-wrapper .tagline {
color: #777;
}
@media only screen and (max-width: 600px),
only screen and (max-device-width: 641px) and (orientation: landscape) {
.section {
height: auto;
}
.section.full-height .valign-wrapper {
display: block;
}
.google-map {
height: 100%;
}
.header .header-wrapper h1 {
font-size: 4rem;
}
}
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
max-width: 100%;
overflow-x: hidden;
background: #fafafa;
}
@media (min-width: 992px) {
body {
min-height: 600px;
}
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
border-radius: 2px;
border: 1px solid #e6e6e6;
font-family: inherit;
background: #fff;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
padding: 10px 25px;
font-family: inherit;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
border: 1px solid #d0cccc;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
:before,
:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
ul:not(.browser-default) > li {
list-style-type: none;
}
a {
color: #0d6b5a;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
text-decoration: none;
}
.valign-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.divider {
height: 1px;
overflow: hidden;
background-color: #f16b4e;
}
blockquote {
margin: 20px 0;
padding-left: 1.5rem;
color: #f9e1c5;
position: relative;
}
i {
line-height: inherit;
}
i.left {
float: left;
margin-right: 15px;
}
i.right {
float: right;
margin-left: 15px;
}
img.responsive-img,
video.responsive-video {
max-width: 100%;
height: auto;
}
.pin-top,
.pin-bottom {
position: relative;
}
.pinned {
position: fixed !important;
}
ul.staggered-list li {
opacity: 0;
}
.fade-in {
opacity: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
@media only screen and (max-width: 600px) {
.hide-on-small-only,
.hide-on-small-and-down {
display: none !important;
}
}
@media only screen and (max-width: 992px) {
.hide-on-med-and-down {
display: none !important;
}
}
@media only screen and (min-width: 601px) {
.hide-on-med-and-up {
display: none !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.hide-on-med-only {
display: none !important;
}
}
@media only screen and (min-width: 993px) {
.hide-on-large-only {
display: none !important;
}
}
@media only screen and (max-width: 1200px) {
.hide-on-extra-large-down {
display: none !important;
}
}
@media only screen and (min-width: 1201px) {
.hide-on-extra-large-only {
display: none !important;
}
.show-on-extra-large {
display: block !important;
}
}
@media only screen and (min-width: 993px) {
.show-on-large {
display: block !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
.show-on-medium {
display: block !important;
}
}
@media only screen and (max-width: 600px) {
.show-on-small {
display: block !important;
}
}
@media only screen and (min-width: 601px) {
.show-on-medium-and-up {
display: block !important;
}
}
@media only screen and (max-width: 992px) {
.show-on-medium-and-down {
display: block !important;
}
}
@media only screen and (max-width: 600px) {
.center-on-small-only {
text-align: center;
}
}
table,
th,
td {
border: none;
}
table {
width: 100%;
display: table;
border-collapse: collapse;
border-spacing: 0;
}
table.striped tr {
border-bottom: none;
}
table.striped > tbody > tr:nth-child(odd) {
background-color: rgba(242, 242, 242, 0.5);
}
table.striped > tbody > tr > td {
border-radius: 0;
}
table.highlight > tbody > tr {
-webkit-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
}
table.highlight > tbody > tr:hover {
background-color: rgba(242, 242, 242, 0.5);
}
table.centered thead tr th,
table.centered tbody tr td {
text-align: center;
}
tr {
border-bottom: 5px solid #fff;
}
td,
th {
padding: 15px 5px;
display: table-cell;
text-align: center;
vertical-align: middle;
border-radius: 2px;
font-size: 14px;
}
.no-select,
input[type="range"],
input[type="range"] + .thumb {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.circle {
border-radius: 50%;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.material-icons {
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: liga;
-moz-font-feature-settings: liga;
font-feature-settings: liga;
}
.container {
margin: 0 auto;
width: 94%;
}
@media only screen and (min-width: 601px) {
.container {
width: 94%;
}
}
@media only screen and (min-width: 993px) {
.container {
width: 94%;
max-width: 2400px;
}
}
.col .row {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.section {
padding-top: 1rem;
padding-bottom: 1rem;
}
.section.no-pad {
padding: 0;
}
.section.no-pad-bot {
padding-bottom: 0;
}
.section.no-pad-top {
padding-top: 0;
}
.row {
margin-left: auto;
margin-right: auto;
}
.row:after {
content: "";
display: table;
clear: both;
}
.row .col {
float: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.75rem;
min-height: 1px;
}
.row .col[class*="push-"],
.row .col[class*="pull-"] {
position: relative;
}
.row .col.s1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.s12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.offset-s1 {
margin-left: 8.3333333333%;
}
.row .col.pull-s1 {
right: 8.3333333333%;
}
.row .col.push-s1 {
left: 8.3333333333%;
}
.row .col.offset-s2 {
margin-left: 16.6666666667%;
}
.row .col.pull-s2 {
right: 16.6666666667%;
}
.row .col.push-s2 {
left: 16.6666666667%;
}
.row .col.offset-s3 {
margin-left: 25%;
}
.row .col.pull-s3 {
right: 25%;
}
.row .col.push-s3 {
left: 25%;
}
.row .col.offset-s4 {
margin-left: 33.3333333333%;
}
.row .col.pull-s4 {
right: 33.3333333333%;
}
.row .col.push-s4 {
left: 33.3333333333%;
}
.row .col.offset-s5 {
margin-left: 41.6666666667%;
}
.row .col.pull-s5 {
right: 41.6666666667%;
}
.row .col.push-s5 {
left: 41.6666666667%;
}
.row .col.offset-s6 {
margin-left: 50%;
}
.row .col.pull-s6 {
right: 50%;
}
.row .col.push-s6 {
left: 50%;
}
.row .col.offset-s7 {
margin-left: 58.3333333333%;
}
.row .col.pull-s7 {
right: 58.3333333333%;
}
.row .col.push-s7 {
left: 58.3333333333%;
}
.row .col.offset-s8 {
margin-left: 66.6666666667%;
}
.row .col.pull-s8 {
right: 66.6666666667%;
}
.row .col.push-s8 {
left: 66.6666666667%;
}
.row .col.offset-s9 {
margin-left: 75%;
}
.row .col.pull-s9 {
right: 75%;
}
.row .col.push-s9 {
left: 75%;
}
.row .col.offset-s10 {
margin-left: 83.3333333333%;
}
.row .col.pull-s10 {
right: 83.3333333333%;
}
.row .col.push-s10 {
left: 83.3333333333%;
}
.row .col.offset-s11 {
margin-left: 91.6666666667%;
}
.row .col.pull-s11 {
right: 91.6666666667%;
}
.row .col.push-s11 {
left: 91.6666666667%;
}
.row .col.offset-s12 {
margin-left: 100%;
}
.row .col.pull-s12 {
right: 100%;
}
.row .col.push-s12 {
left: 100%;
}
@media only screen and (min-width: 601px) {
.row .col.m1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.m12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.offset-m1 {
margin-left: 8.3333333333%;
}
.row .col.pull-m1 {
right: 8.3333333333%;
}
.row .col.push-m1 {
left: 8.3333333333%;
}
.row .col.offset-m2 {
margin-left: 16.6666666667%;
}
.row .col.pull-m2 {
right: 16.6666666667%;
}
.row .col.push-m2 {
left: 16.6666666667%;
}
.row .col.offset-m3 {
margin-left: 25%;
}
.row .col.pull-m3 {
right: 25%;
}
.row .col.push-m3 {
left: 25%;
}
.row .col.offset-m4 {
margin-left: 33.3333333333%;
}
.row .col.pull-m4 {
right: 33.3333333333%;
}
.row .col.push-m4 {
left: 33.3333333333%;
}
.row .col.offset-m5 {
margin-left: 41.6666666667%;
}
.row .col.pull-m5 {
right: 41.6666666667%;
}
.row .col.push-m5 {
left: 41.6666666667%;
}
.row .col.offset-m6 {
margin-left: 50%;
}
.row .col.pull-m6 {
right: 50%;
}
.row .col.push-m6 {
left: 50%;
}
.row .col.offset-m7 {
margin-left: 58.3333333333%;
}
.row .col.pull-m7 {
right: 58.3333333333%;
}
.row .col.push-m7 {
left: 58.3333333333%;
}
.row .col.offset-m8 {
margin-left: 66.6666666667%;
}
.row .col.pull-m8 {
right: 66.6666666667%;
}
.row .col.push-m8 {
left: 66.6666666667%;
}
.row .col.offset-m9 {
margin-left: 75%;
}
.row .col.pull-m9 {
right: 75%;
}
.row .col.push-m9 {
left: 75%;
}
.row .col.offset-m10 {
margin-left: 83.3333333333%;
}
.row .col.pull-m10 {
right: 83.3333333333%;
}
.row .col.push-m10 {
left: 83.3333333333%;
}
.row .col.offset-m11 {
margin-left: 91.6666666667%;
}
.row .col.pull-m11 {
right: 91.6666666667%;
}
.row .col.push-m11 {
left: 91.6666666667%;
}
.row .col.offset-m12 {
margin-left: 100%;
}
.row .col.pull-m12 {
right: 100%;
}
.row .col.push-m12 {
left: 100%;
}
}
@media only screen and (min-width: 993px) {
.row .col.l1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.l12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.offset-l1 {
margin-left: 8.3333333333%;
}
.row .col.pull-l1 {
right: 8.3333333333%;
}
.row .col.push-l1 {
left: 8.3333333333%;
}
.row .col.offset-l2 {
margin-left: 16.6666666667%;
}
.row .col.pull-l2 {
right: 16.6666666667%;
}
.row .col.push-l2 {
left: 16.6666666667%;
}
.row .col.offset-l3 {
margin-left: 25%;
}
.row .col.pull-l3 {
right: 25%;
}
.row .col.push-l3 {
left: 25%;
}
.row .col.offset-l4 {
margin-left: 33.3333333333%;
}
.row .col.pull-l4 {
right: 33.3333333333%;
}
.row .col.push-l4 {
left: 33.3333333333%;
}
.row .col.offset-l5 {
margin-left: 41.6666666667%;
}
.row .col.pull-l5 {
right: 41.6666666667%;
}
.row .col.push-l5 {
left: 41.6666666667%;
}
.row .col.offset-l6 {
margin-left: 50%;
}
.row .col.pull-l6 {
right: 50%;
}
.row .col.push-l6 {
left: 50%;
}
.row .col.offset-l7 {
margin-left: 58.3333333333%;
}
.row .col.pull-l7 {
right: 58.3333333333%;
}
.row .col.push-l7 {
left: 58.3333333333%;
}
.row .col.offset-l8 {
margin-left: 66.6666666667%;
}
.row .col.pull-l8 {
right: 66.6666666667%;
}
.row .col.push-l8 {
left: 66.6666666667%;
}
.row .col.offset-l9 {
margin-left: 75%;
}
.row .col.pull-l9 {
right: 75%;
}
.row .col.push-l9 {
left: 75%;
}
.row .col.offset-l10 {
margin-left: 83.3333333333%;
}
.row .col.pull-l10 {
right: 83.3333333333%;
}
.row .col.push-l10 {
left: 83.3333333333%;
}
.row .col.offset-l11 {
margin-left: 91.6666666667%;
}
.row .col.pull-l11 {
right: 91.6666666667%;
}
.row .col.push-l11 {
left: 91.6666666667%;
}
.row .col.offset-l12 {
margin-left: 100%;
}
.row .col.pull-l12 {
right: 100%;
}
.row .col.push-l12 {
left: 100%;
}
}
.org-color {
color: #09caa7 !important;
}
.org-bg-color {
background-color: #09caa7 !important;
}
.org-border-radius {
border-radius: 5px;
}
nav {
color: #000;
width: 100%;
z-index: 999;
background: #fff;
box-shadow: 1px 2px 5px #00000026;
}
nav.nav-extended {
height: auto;
}
nav.nav-extended .nav-wrapper {
min-height: 56px;
height: auto;
}
nav.nav-extended .nav-content {
position: relative;
line-height: normal;
}
nav i,
nav [class^="mdi-"],
nav [class*="mdi-"],
nav i.material-icons {
display: block;
font-size: 24px;
height: 50px;
line-height: 56px;
}
nav .nav-wrapper {
position: relative;
height: 50px;
}   nav .sidenav-trigger {
float: left;
position: relative;
z-index: 1;
height: 56px;
margin: 0 18px;
}
nav .sidenav-trigger i {
height: 56px;
line-height: 56px;
}
nav .brand-logo {
color: #fff;
display: inline-block;
font-size: 2.1rem;
padding: 0;
float: left;
position: relative;
}
nav .brand-logo.center {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (max-width: 992px) {
nav .brand-logo {
left: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
nav .brand-logo.left,
nav .brand-logo.right {
padding: 0;
-webkit-transform: none;
transform: none;
}
nav .brand-logo.left {
left: 0.5rem;
}
nav .brand-logo.right {
right: 0.5rem;
left: auto;
}
}
nav .brand-logo.right {
right: 0.5rem;
padding: 0;
}
nav .brand-logo i,
nav .brand-logo [class^="mdi-"],
nav .brand-logo [class*="mdi-"],
nav .brand-logo i.material-icons {
float: left;
margin-right: 15px;
}
nav .nav-title {
display: inline-block;
font-size: 32px;
padding: 28px 0;
}
nav ul {
margin: 0;
}
nav ul li {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
padding: 0;
display: inline-block;
height: 50px;
float: right;
}
nav ul li.active {
background-color: rgba(0, 0, 0, 0.1);
}
nav ul a {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
font-size: 13px;
color: #3a3a3a !important;
display: block;
padding: 0 8px;
cursor: pointer;
position: relative;
transition: 0.3s ease;
}
nav ul a.btn,
nav ul a.btn-large,
nav ul a.btn-small,
nav ul a.btn-large,
nav ul a.btn-flat,
nav ul a.btn-floating {
margin-top: -2px;
margin-left: 15px;
margin-right: 15px;
}
nav ul a.btn > .material-icons,
nav ul a.btn-large > .material-icons,
nav ul a.btn-small > .material-icons,
nav ul a.btn-large > .material-icons,
nav ul a.btn-flat > .material-icons,
nav ul a.btn-floating > .material-icons {
height: inherit;
line-height: inherit;
}
nav ul a:hover {
background: rgba(218, 218, 218, 0.19);
}
nav ul.left {
float: left;
}
nav form {
height: 100%;
}
nav .input-field {
margin: 0;
height: 100%;
}
nav .input-field input {
height: 100%;
font-size: 1.2rem;
border: none;
padding-left: 2rem;
}
nav .input-field input:focus,
nav .input-field input[type="text"]:valid,
nav .input-field input[type="password"]:valid,
nav .input-field input[type="email"]:valid,
nav .input-field input[type="url"]:valid,
nav .input-field input[type="date"]:valid {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
nav .input-field label {
top: 0;
left: 0;
}
nav .input-field label i {
color: rgba(255, 255, 255, 0.7);
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
nav .input-field label.active i {
color: #fff;
}
.navbar-fixed {
position: relative;
height: 56px;
z-index: 997;
}
.navbar-fixed nav {
position: fixed;
}
@media only screen and (min-width: 601px) {
nav.nav-extended .nav-wrapper {
min-height: 64px;
}
nav,
nav .nav-wrapper i,
nav a.sidenav-trigger,
nav a.sidenav-trigger i {
height: 48px;
line-height: 48px;
}
.navbar-fixed {
height: 64px;
}
}
a {
text-decoration: none;
}
html {
line-height: 1.5;
font-family: "iranyekan", sans-serif;
color: rgba(0, 0, 0, 0.87);
direction: rtl;
font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 800;
line-height: 1.3;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit;
}
h1 {
font-size: 2.2rem;
line-height: 110%;
margin: 2.8rem 0 1.68rem;
}
h2 {
font-size: 20px;
line-height: 110%;
margin: 2.3733333333rem 0 1.424rem;
}
h3 {
font-size: 20px;
line-height: 28px;
margin: 1.94rem 0 1.168rem;
}
h4 {
font-size: 1.28rem;
line-height: 110%;
margin: 1.52rem 0 0.912rem;
}
h5 {
font-size: 1.64rem;
line-height: 110%;
margin: 1.0933333333rem 0 0.656rem;
}
h6 {
font-size: 1.15rem;
line-height: 110%;
margin: 0.7666666667rem 0 0.46rem;
}
em {
font-style: italic;
}
strong {
font-weight: 800;
}
.tabs {
position: relative;
overflow-x: auto;
overflow-y: hidden;
height: 48px;
margin: 0 auto;
white-space: nowrap;
border-bottom: 1px solid #dfdfdf;
}
.tabs.tabs-transparent {
background-color: transparent;
}
.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
color: #fff;
}
.tabs.tabs-transparent .indicator {
background-color: #fff;
}
.tabs.tabs-fixed-width {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tabs.tabs-fixed-width .tab {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tabs .tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0;
margin: 0;
float: right;
min-width: 200px;
}
.tabs .tab a {
color: #000;
display: block;
width: 100%;
height: 100%;
padding: 0 25px;
font-weight: 300;
font-size: 15px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: color 0.28s ease, background-color 0.28s ease;
transition: color 0.28s ease, background-color 0.28s ease;
}
.tabs .tab a:focus,
.tabs .tab a:focus.active {
background-color: rgba(255, 255, 255, 0.2);
outline: none;
}
.tabs .tab a:hover,
.tab a.active {
background-color: #008a70 !important;
color: #fff;
font-weight: 800;
}
.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
color: rgba(158, 158, 158, 0.4);
cursor: default;
}
.tabs .indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color: #008a6f;
will-change: left, right;
}
@media only screen and (max-width: 992px) {
.tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tabs .tab {
-ms-flex-positive: 1;
min-width: auto;
}
.tabs .tab a {
padding: 0 6px;
font-size: 11px;
}
}
.material-tooltip {
padding: 10px 8px;
font-size: 1rem;
z-index: 2000;
background-color: transparent;
border-radius: 2px;
color: #fff;
min-height: 36px;
line-height: 120%;
opacity: 0;
position: absolute;
text-align: center;
max-width: calc(100% - 4px);
overflow: hidden;
left: 0;
top: 0;
pointer-events: none;
visibility: hidden;
background-color: #323232;
}
.backdrop {
position: absolute;
opacity: 0;
height: 7px;
width: 14px;
border-radius: 0 0 50% 50%;
background-color: #323232;
z-index: -1;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
visibility: hidden;
}
.btn,
.btn-large,
.btn-small,
.btn-flat {
border: none;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
padding: 0 16px;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
}
.btn.disabled,
.disabled.btn-large,
.disabled.btn-small,
.btn-floating.disabled,
.btn-large.disabled,
.btn-small.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-flat[disabled] {
pointer-events: none;
background-color: #dfdfdf !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #9f9f9f !important;
cursor: default;
}
.btn.disabled:hover,
.disabled.btn-large:hover,
.disabled.btn-small:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-small.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
.btn-flat[disabled]:hover {
background-color: #dfdfdf !important;
color: #9f9f9f !important;
}
.btn,
.btn-large,
.btn-small,
.btn-floating,
.btn-large,
.btn-small,
.btn-flat {
font-size: 14px;
outline: 0;
}
.btn i,
.btn-large i,
.btn-small i,
.btn-floating i,
.btn-large i,
.btn-small i,
.btn-flat i {
font-size: 1.3rem;
line-height: inherit;
}
.btn:focus,
.btn-large:focus,
.btn-small:focus,
.btn-floating:focus {
background-color: #f16b4e;
color: #fff;
}
.btn,
.btn-large,
.btn-small {
text-decoration: none;
color: #fff;
background-color: #0d6b5a;
text-align: center;
letter-spacing: 0.5px;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
cursor: pointer;
}
.btn:hover,
.btn-large:hover,
.btn-small:hover {
background-color: #f16b4e;
}
.btn-floating {
display: inline-block;
color: #ec8e00;
position: relative;
overflow: hidden;
z-index: 1;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
border: 1px solid #46464600;
background-color: #4a4a4a00;
border-radius: 50%;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
cursor: pointer;
vertical-align: middle;
box-shadow: none;
}
.btn-floating:hover {
background-color: #fff;
color: #ee8e00;
}
.btn-floating:before {
border-radius: 0;
}
.btn-floating.btn-large {
width: 40px;
height: 40px;
padding: 0;
margin: 10px 4px;
}
.btn-floating.btn-large.halfway-fab {
bottom: -28px;
}
.btn-floating.btn-large i {
color: #f16b4e;
}
.btn-floating.btn-small {
width: 32.4px;
height: 32.4px;
}
.btn-floating.btn-small.halfway-fab {
bottom: -16.2px;
}
.btn-floating.btn-small i {
line-height: 32.4px;
}
.btn-floating.halfway-fab {
position: absolute;
right: 24px;
bottom: -20px;
}
.btn-floating.halfway-fab.left {
right: auto;
left: 24px;
}
.btn-floating i {
width: inherit;
display: inline-block;
text-align: center;
color: inherit;
font-size: 1.6rem;
line-height: 40px;
}
button.btn-floating {
border: none;
}
.btn-flat {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
color: #343434;
cursor: pointer;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.btn-flat:focus,
.btn-flat:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-flat:focus {
background-color: rgba(0, 0, 0, 0.1);
}
.btn-flat.disabled,
.btn-flat.btn-flat[disabled] {
background-color: transparent !important;
color: #b3b2b2 !important;
cursor: default;
}
.btn-large {
height: 54px;
line-height: 47px;
font-size: 15px;
padding: 0 28px;
}
.btn-large i {
font-size: 1.6rem;
}
.btn-small {
height: 32.4px;
line-height: 32.4px;
font-size: 13px;
}
.btn-small i {
font-size: 1.2rem;
}
.btn-block {
display: block;
}
.dropdown-content {
background-color: #fff;
margin: 0;
display: none;
opacity: 0;
position: absolute;
left: 0;
width: 240px !important;
top: 140px !important;
color: #000;
z-index: 9999;
text-align: center;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1);
}
.dropdown-content:focus {
outline: 0;
}
.dropdown-content li {
clear: both;
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
min-height: 50px;
line-height: 1.5rem;
width: 100%;
text-align: left;
}
.dropdown-content li:hover,
.dropdown-content li.active {
background-color: #fafafa;
}
.dropdown-content li:focus {
outline: none;
}
.dropdown-content li.divider {
min-height: 0;
height: 1px;
margin: 0;
}
.dropdown-content li > a,
.dropdown-content li > span {
font-size: 13px;
display: block;
line-height: 22px;
padding: 14px 16px;
text-align: right;
}
.dropdown-content li > span > label {
top: 1px;
left: 0;
height: 18px;
}
.dropdown-content li > a > i {
height: inherit;
line-height: inherit;
float: left;
margin: 0 24px 0 0;
width: 24px;
}
body.keyboard-focused .dropdown-content li:focus {
background-color: #dadada;
}
.dropdown-trigger {
cursor: pointer;
}
.collapsible {
margin: 0.5rem 0 1rem;
box-shadow: 1px 1px 4px #0000001c;
}
.collapsible-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: inherit;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
line-height: 24px;
padding: 12px 6px;
font-size: 13px;
color: #4e4e4e;
}
.collapsible-header:focus {
outline: 0;
}
.collapsible-header i {
width: 2rem;
font-size: 1.6rem;
display: inline-block;
text-align: center;
margin: 0 0 0 8px;
color: #008a6f;
}
.keyboard-focused .collapsible-header:focus {
background-color: #eee;
}
.collapsible-body {
display: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 14px;
color: #4c4c4c;
border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}
.collapsible.popout {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.collapsible.popout > li {
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
margin: 0 24px;
-webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.collapsible.popout > li.active {
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
margin: 16px 0;
}
.materialboxed {
display: block;
cursor: -webkit-zoom-in;
cursor: zoom-in;
position: relative;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
-webkit-backface-visibility: hidden;
}
.materialboxed:hover:not(.active) {
opacity: 0.8;
}
.materialboxed.active {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
#materialbox-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #232323;
z-index: 999;
will-change: opacity;
}
.materialbox-caption {
position: fixed;
display: none;
color: #fff;
line-height: 50px;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 0 15%;
height: 50px;
z-index: 1000;
-webkit-font-smoothing: antialiased;
}
select:focus {
outline: 1px solid #c9f3ef;
}
button:focus {
outline: none;
background-color: #999;
}
label {
padding: 1px 5px;
}
.custom-color-boxes label {
padding: 1px 1px;
}
::-webkit-input-placeholder {
color: #d1d1d1;
}
::-moz-placeholder {
color: #d1d1d1;
}
:-ms-input-placeholder {
color: #d1d1d1;
}
::-ms-input-placeholder {
color: #d1d1d1;
}
::placeholder {
color: #d1d1d1;
}
.input-field input[type="search"] {
display: block;
line-height: inherit;
-webkit-transition: 0.3s background-color;
transition: 0.3s background-color;
}
.nav-wrapper .input-field input[type="search"] {
height: inherit;
padding-left: 4rem;
width: calc(100% - 4rem);
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.hiddendiv {
visibility: hidden;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
padding-top: 1.2rem;
position: absolute;
top: 0;
z-index: -1;
}
body.keyboard-focused .select-dropdown.dropdown-content li:focus {
background-color: rgba(0, 0, 0, 0.08);
}
.select-dropdown.dropdown-content li:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.select-dropdown.dropdown-content li.selected {
background-color: rgba(0, 0, 0, 0.03);
}
.prefix ~ .select-wrapper {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}
.prefix ~ label {
margin-left: 3rem;
}
.keyboard-focused input[type="range"]:focus:not(.active)::-ms-thumb {
box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}
.sidenav {
position: fixed;
width: 300px;
left: 0;
top: 0;
margin: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
height: 100%;
height: calc(100% + 60px);
height: -moz-calc(100%);
padding-bottom: 60px;
background-color: #fff;
z-index: 999;
overflow-y: auto;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
.sidenav.right-aligned {
right: 0;
-webkit-transform: translateX(105%);
transform: translateX(105%);
left: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.sidenav .collapsible {
margin: 0;
}
.sidenav li {
float: none;
line-height: 48px;
}
.sidenav li.active {
background-color: rgba(0, 0, 0, 0.05);
}
.sidenav li > a {
color: rgba(0, 0, 0, 0.87);
display: block;
font-size: 14px;
font-weight: 500;
height: 48px;
line-height: 48px;
padding: 0 32px;
}
.sidenav li > a:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.sidenav li > a.btn,
.sidenav li > a.btn-large,
.sidenav li > a.btn-small,
.sidenav li > a.btn-large,
.sidenav li > a.btn-flat,
.sidenav li > a.btn-floating {
margin: 10px 15px;
}
.sidenav li > a.btn,
.sidenav li > a.btn-large,
.sidenav li > a.btn-small,
.sidenav li > a.btn-large,
.sidenav li > a.btn-floating {
color: #fff;
}
.sidenav li > a.btn-flat {
color: #343434;
}
.sidenav li > a.btn:hover,
.sidenav li > a.btn-large:hover,
.sidenav li > a.btn-small:hover,
.sidenav li > a.btn-large:hover {
background-color: #2bbbad;
}
.sidenav li > a.btn-floating:hover {
background-color: #ac8267;
}
.sidenav li > a > i,
.sidenav li > a > [class^="mdi-"],
.sidenav li > a li > a > [class*="mdi-"],
.sidenav li > a > i.material-icons {
float: left;
height: 48px;
line-height: 48px;
margin: 0 32px 0 0;
width: 24px;
color: rgba(0, 0, 0, 0.54);
}
.sidenav .divider {
margin: 8px 0 0;
}
.sidenav .subheader {
cursor: initial;
pointer-events: none;
color: rgba(0, 0, 0, 0.54);
font-size: 14px;
font-weight: 500;
line-height: 48px;
}
.sidenav .subheader:hover {
background-color: transparent;
}
.drag-target {
height: 100%;
width: 0;
position: fixed;
top: 0;
z-index: 9998;
background: #23293361;
transition: 0.4s ease;
}
.drag-target.right-aligned {
right: 0;
}
.sidenav.sidenav-fixed {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
position: fixed;
}
.sidenav.sidenav-fixed.right-aligned {
right: 0;
left: auto;
}
@media only screen and (max-width: 992px) {
.sidenav.sidenav-fixed {
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
.sidenav.sidenav-fixed.right-aligned {
-webkit-transform: translateX(105%);
transform: translateX(105%);
}
.sidenav > a {
padding: 0 16px;
}
.sidenav .user-view {
padding: 16px 16px 0;
}
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
background-color: #ee6e73;
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
color: #fff;
}
.sidenav .collapsible-body {
padding: 0;
}
.sidenav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
opacity: 0;
height: 120vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
}
.preloader-wrapper {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
}
.preloader-wrapper.small {
width: 36px;
height: 36px;
}
.preloader-wrapper.big {
width: 64px;
height: 64px;
direction: ltr;
}
.preloader-wrapper.active {
-webkit-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite;
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.spinner-layer {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}
.spinner-blue,
.spinner-blue-only {
border-color: #ee8e00;
}
.spinner-red,
.spinner-red-only {
border-color: #db4437;
}
.spinner-yellow,
.spinner-yellow-only {
border-color: #f4b400;
}
.spinner-green,
.spinner-green-only {
border-color: #0f9d58;
}
.active .spinner-layer.spinner-blue {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
infinite both,
blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
both,
blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-red {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
infinite both,
red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
both,
red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-yellow {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
infinite both,
yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
both,
yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-green {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
infinite both,
green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
both,
green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
opacity: 1;
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
both;
}
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
}
}
@keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
}
}
@-webkit-keyframes blue-fade-in-out {
from {
opacity: 1;
}
25% {
opacity: 1;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes blue-fade-in-out {
from {
opacity: 1;
}
25% {
opacity: 1;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes red-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
51% {
opacity: 0;
}
}
@keyframes red-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 1;
}
50% {
opacity: 1;
}
51% {
opacity: 0;
}
}
@-webkit-keyframes yellow-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@keyframes yellow-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 1;
}
76% {
opacity: 0;
}
}
@-webkit-keyframes green-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes green-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.gap-patch {
position: absolute;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.gap-patch .circle {
width: 1000%;
left: -450%;
}
.circle-clipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.circle-clipper .circle {
width: 200%;
height: 100%;
border-width: 3px;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent !important;
border-radius: 50%;
-webkit-animation: none;
animation: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.circle-clipper.left .circle {
left: 0;
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg);
}
.circle-clipper.right .circle {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg);
}
.active .circle-clipper.left .circle {
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .circle-clipper.right .circle {
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite
both;
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
}
}
@keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
}
}
@keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
#spinnerContainer.cooldown {
-webkit-animation: container-rotate 1568ms linear infinite,
fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
animation: container-rotate 1568ms linear infinite,
fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.slider {
position: relative;
height: 390px !important;
width: 100%;
}
.slider.fullscreen {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.slider.fullscreen ul.slides {
height: 100%;
}
.slider.fullscreen ul.indicators {
z-index: 2;
bottom: 30px;
}
.slider .slides {
background-color: #fff;
margin: 0;
height: 390px !important;
}
.slider .slides li {
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: inherit;
overflow: hidden;
}
.slider .slides li img {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.slider .slides li .caption {
color: #fff;
position: absolute;
top: 35%;
left: 7%;
width: 60%;
opacity: 0;
}
.slider .slides li .caption p {
color: #e0e0e0;
}
.slider .slides li.active {
z-index: 2;
}
.slider .indicators {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 20px;
margin: 0;
z-index: 99;
}
.slider .indicators .indicator-item {
display: inline-block;
position: relative;
cursor: pointer;
height: 11px;
width: 11px;
margin: 0 6px;
border: 1.3px solid #fff;
background-color: #f9f9f900;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
border-radius: 50%;
}
.slider .indicators .indicator-item.active {
background-color: #fff;
}
.carousel {
overflow: hidden;
position: relative;
width: 100%;
height: 300px;
-webkit-perspective: 500px;
perspective: 500px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.carousel.carousel-slider {
top: 0;
left: 0;
}
.carousel.carousel-slider .carousel-fixed-item {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
z-index: 1;
}
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
bottom: 68px;
}
.carousel.carousel-slider .carousel-item {
width: 100%;
height: 100%;
min-height: 280px;
position: absolute;
top: 0;
left: 0;
}
.carousel.carousel-slider .carousel-item h2 {
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.carousel.carousel-slider .carousel-item p {
font-size: 15px;
}
.carousel .carousel-item {
width: 200px;
height: 200px;
position: absolute;
top: 0;
left: 0;
}
.carousel .carousel-item > img {
width: 270px;
}
.carousel .indicators {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}
.carousel .indicators .indicator-item {
display: inline-block;
position: relative;
cursor: pointer;
height: 8px;
width: 8px;
margin: 24px 4px;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
border-radius: 50%;
}
.carousel .indicators .indicator-item.active {
background-color: #fff;
}
.carousel.scrolling .carousel-item .materialboxed,
.carousel .carousel-item:not(.active) .materialboxed {
pointer-events: none;
}
.pulse {
overflow: visible;
position: relative;
}
.pulse::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: inherit;
border-radius: inherit;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
z-index: 0;
}
@-webkit-keyframes pulse-animation {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes pulse-animation {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
p#breadcrumbs {
font-size: 12px;
padding: 0 8px;
min-height: 20px;
min-width: 250px;
}
form.head-search {
display: inline;
}
nav .nav-wrapper i {
line-height: 40px;
}
.menu-footer-menu-container li {
float: left;
}
.top-space {
margin-top: 7rem;
}
.parallax-container.large-prlx {
height: 100%;
}
.inside-prlx {
padding: 8rem 0 0 !important;
}
span.short-description {
text-align: center;
display: block;
font-family: trajanpro;
}
span.ref {
float: left;
margin-top: 11rem;
font-size: 20px;
}
.inside-prlx.top-text {
padding: 4rem 0 0 !important;
}
img.half-img {
width: 75%;
margin: 4rem auto;
display: block;
}
i.material-icons.custom-point {
border: 2px solid #8c8c8c;
border-radius: 50%;
font-size: 3rem;
margin: 1rem;
color: #e6e6e6;
background: #181818;
}
video {
margin: 0 auto;
display: block;
}
.wpb_wrapper,
.wpb_wrapper p {
color: #f9e1c5 !important;
}
.background-image {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
color: #f9e1c5;
height: 73%;
overflow: hidden;
}
.background-image p {
color: #f9e1c5;
}
.background-image h1 {
letter-spacing: 1px;
font-size: 38px !important;
line-height: 45px !important;
}
ul.tabs.nobackground {
background: none;
max-width: 400px;
margin: 0 auto;
}
.box {
background: #fff;
padding: 6px 10px;
border-radius: 3px;
margin: 0;
box-shadow: 1px 1px 2px #d4d4d4;
}
.entry-content {
padding: 1rem;
}
h1.single-title {
text-align: center;
font-size: 30px;
margin: 45px auto;
display: inline-block;
}
.tab-container {
max-width: 960px;
margin: 0 auto;
}
h1.center.collection-header,
h2.collection-header {
color: #f9e1c5;
font-weight: 800;
}
h2.singleproduct-header {
font-size: 60px;
letter-spacing: 6px;
}
span.small-desc {
display: block;
text-align: center;
font-size: 17px;
}
input.search-field {
float: left;
}
input[type="search"]:not(.browser-default) {
width: 100% !important;
margin: 0 !important;
border-width: 1px !important;
background: #f1f1f100 !important;
font-family: inherit;
color: #464646;
padding: 4px 12px;
font-size: 13px;
line-height: 26px;
border-radius: 0 4px 4px 0;
border: 1px solid #dedede;
}
form.search-form {
display: block;
margin: 0 auto;
width: 340px;
height: 60px;
}
a.modal-close {
background: #484848;
color: #2f2f2f;
}
section.collectionpage h1 {
font-size: 45px;
margin-bottom: 10%;
margin-top: 10%;
}
.searchbox {
background: #1b1b1b;
}
.smallogo {
position: absolute;
left: 77px;
}
.Menu-wrp {
margin: 0 0 0 30%;
}
.search.jewbrowser {
margin-top: 2rem;
}
a.button-collapse i {
font-size: 32px;
color: #0d6b5a;
line-height: 50px;
}
.caption.center-align {
left: 20% !important;
top: 52% !important;
}
.caption.right-align {
left: 30% !important;
}
.caption {
color: #fff !important;
}
.caption h3 {
font-size: 25px;
}
.col.m5.offset-m2.hide-on-med-and-down {
margin-left: 12%;
}
.caption.center-align h3 {
font-size: 45px;
}
.slidernav {
opacity: 0;
position: relative;
z-index: 9;
height: 100%;
transition: 0.4s ease;
}
.slidernav a {
margin-top: 3rem;
cursor: pointer;
width: 100px;
height: 100%;
text-align: center;
display: -webkit-inline-box;
transition: background 0.2s ease;
}
.preloader-background {
display: flex;
align-items: center;
justify-content: center;
background-color: #353535;
position: fixed;
z-index: 100;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.menu-footer-menu-container {
margin: 8px;
display: -webkit-inline-box;
}
.social.right li {
border: none !important;
}
img.materialboxed.active {
max-width: none;
}
.media-item-wrp h2 {
margin: 10px 0;
text-align: center;
font-size: 16px;
font-weight: 400;
}
.media-item-wrp {
margin: 1rem 0;
padding: 1rem !important;
}
p.short-description {
font-family: arial;
}
a.button-collapse {
position: relative;
float: right;
margin: 0 10px;
padding: 0 10px;
}
.collection-link {
position: absolute;
border: 1px solid #989898;
line-height: 50px;
border-width: 1px 0;
bottom: 0;
}
.collection-link a {
padding: 20px 5px;
color: #fae1c3 !important;
width: 10%;
display: -webkit-inline-box;
}
.slim-back {
height: 73%;
}
span.hollowbtn {
background: rgba(255, 255, 255, 0);
border: 1px solid #e0b0a6;
border-radius: 6px;
width: 200px;
}
.slidernav i {
font-size: 40px;
margin-top: 8rem;
}
a.prev i {
text-align: right;
margin-left: 2rem;
}
.page-height {
min-height: 90%;
}
.wp-product img {
float: left;
width: 150px;
}
a.next,
a.prev {
transition: 0.4s ease;
top: 0;
max-height: 230px;
color: inherit;
}
.lefthoriz h2 {
left: 0;
top: 0;
}
a.next i {
margin-right: 4rem;
}
.slider:hover > .slidernav {
opacity: 1;
}
.product-wrp a {
display: inline-grid;
}
a.brand-logo img {
width: 90px;
margin: 6px 22px 0 0;
}
ul.sub-menu {
display: none;
position: absolute;
min-width: 170px;
max-width: 170px;
box-shadow: 0 3px 5px 0 rgba(95, 95, 95, 0.2);
z-index: 1;
transition: 0.4s ease;
text-align: right;
background: #fff;
}
ul.sub-menu li {
width: 100%;
display: list-item;
float: right;
line-height: 42px;
margin: 0;
max-height: 42px;
border-bottom: 1px solid #f1f1f1;
}
li:hover > ul.sub-menu {
display: block;
}
.margin-top-contact {
margin-top: 3rem;
}
a.next i,
a.prev i {
color: #fff;
border-radius: 2px;
}
.contactbox p {
min-height: 64px;
display: block;
color: #33bee6;
margin: 2rem auto;
}
.tags a {
background: #f3f3f3;
padding: 6px 10px;
border-radius: 5px;
color: #717171;
margin: 4px 0;
display: inline-block;
}
.card-content h2 {
height: 25px;
display: inline-block;
margin: 14px;
font-size: 14px;
overflow: hidden;
}
.card-action a.btn:hover {
background: #0069bd;
}
.card-action i {
margin: 5px 0;
color: #bbb;
}
ul.slider-class.box {
padding: 0;
}
.media-item-wrp a {
color: #737373;
}
.social a {
display: inline-block;
margin: 0 10px 1rem;
background: #fff;
width: 50px;
height: 50px;
padding: 10px;
box-shadow: 2px 2px 4px #000;
border-radius: 3px;
}
.page-footer li a:hover {
color: #33bee6 !important;
}
.arch-thmbn {
overflow: hidden;
}
.card-action a.btn {
height: 36px;
line-height: 36px;
margin-bottom: 10px;
float: left;
}
span.view {
line-height: 40px;
padding: 0 10px;
}
i.material-icons {
padding: 0;
}
ul.collapsible li {
list-style-type: none !important;
margin: 0;
}
.navbar-solid-transition .smallogo {
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
}
::-webkit-scrollbar {
width: 5px;
height: 4px;
background: #f7f7f7;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px #4a4a4a;
border-radius: 3px;
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 100px #353535;
}
footer span {
margin: 2rem 0;
font-size: 16px;
display: block;
}
@media (min-width: 1400px) and (max-width: 1600px) {
footer span {
font-size: 15px;
}
}
@media (min-width: 1600px) {
footer span {
font-size: 17px;
}
}
img.avatar {
display: none;
}
ul.children {
padding-right: 1rem;
}
article.comment {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 4px;
margin: 1rem auto;
box-shadow: 2px 2px 10px #e0e0e0;
}
.comment-author-link span {
display: none;
}
span.motto {
display: block;
font-size: 24px;
margin: 4rem;
}
section.auto-height {
height: auto;
}
.rp-grid {
width: 100%;
overflow: hidden;
background-color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-bottom: 8px;
height: 150px;
max-width: 100%;
box-shadow: 1px 1px 2px #d4d4d4ad;
padding: 1rem;
border-radius: 3px;
}
.text-holder {
position: relative;
top: 5px;
color: #000;
padding: 0 10px;
}
.rp-grid img {
width: 64px;
margin: 1rem auto;
transition: 0.2s ease;
}
.rp-grid:hover {
box-shadow: 2px 2px 8px #dadada;
}
table.shop_attributes {
text-align: center;
}
img.product-img {
width: 400px;
margin: 2rem auto;
}
ul.cart-drop {
padding: 2rem 1rem;
}
.topheader {
height: 70px;
background: #fff;
overflow: hidden;
}
a.cart-total.btn {
margin: 1rem 0 0;
}
.login-drop {
width: 140px;
}
.woocommerce-message {
max-width: 1000px;
margin: 10px auto;
background: #fff;
border-radius: 3px;
box-shadow: 2px 2px 10px #eaeaea;
line-height: 34px;
font-size: 12px;
padding: 0 8px;
}
.woocommerce-notices-wrapper .woocommerce-message {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
}
nav ul a:before {
content: "";
position: absolute;
left: 0;
right: auto;
border: 0;
bottom: 0;
background: #45d3b8bd;
width: 100%;
height: 2px;
z-index: 9999999999999;
transition: 0.2s ease;
margin: 0 auto;
transform: scaleX(0);
}
nav ul a:hover::before {
width: 100%;
background: #09caa7;
-webkit-transform: scaleX(0);
transform: scaleX(1);
}
h1.product-title {
font-size: 25px;
margin: 10px 0;
font-family: "iranyekan", sans-serif;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background: #fff;
transition: 0.4s ease;
overflow: hidden;
min-width: 220px;
width: 270px;
display: inline-block;
margin: 2px;
padding: 10px;
height: 346px;
border-radius: 4px;
border: 0.5px solid rgba(202, 202, 202, 0.4);
background-repeat: no-repeat !important;
background-position-x: 210px;
background-position-y: 4px !important;
box-shadow: 2px 2px 9px #c5c5c529;
}
@media (min-width: 1400px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 300px;
}
}      @media (min-width: 1600px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 280px;
}
}
@media (min-width: 1800px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 340px;
height: 390px;
}
.woocommerce ul.products li.product .button {
top: 70px !important;
}
.woocommerce ul.products li.product .price {
top: 50px !important;
}
} @media (min-width: 2200px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 350px;
}
}
li.product.product_cat-cfp a.button.product_type_simple {
display: none !important;
} li.product.product_cat-cfp a {
display: block;
}
span.woocommerce-loop-product__title {
padding: 8px 0 0 !important;
font-size: 13px !important;
font-weight: 400;
color: #000;
overflow: hidden;
}
aside {
padding: 10px;
}
header.woocommerce-products-header {
padding: 0px;
}
header.woocommerce-products-header h1 {
padding: 15px;
}
.price_label {
display: -webkit-inline-box;
width: 100%;
font-size: 12px;
margin-top: 1rem;
}
ul.woocommerce-error {
background: #e95a3a;
text-align: center;
color: #fff;
border-radius: 5px;
margin: 0 1rem 1rem;
padding: 15px;
}
p.product-price-regulat {
margin: 1rem 15px 0;
font-size: 1.1rem;
float: right;
}
a.button.add_to_cart_button {
margin: 1.5rem auto;
}
.prlx-inside {
position: relative;
width: 800px;
max-width: 80%;
display: block;
z-index: 4;
color: #fff;
margin: 9% auto;
}
.prlx-inside p {
color: #d8d8d8;
text-align: justify;
line-height: 33px;
}
.prlx-inside h2 {
font-size: 30px;
margin: 4% 0;
}
a.white-btn {
background: #fff;
color: #a466c3;
margin: 2rem 5px;
width: 150px;
}
a.white-btn:hover {
background: #e4b8fb;
color: #fff;
}
.excerpt {
height: 160px;
padding: 0 10px;
}
.owlwrap {
height: 220px;
}
.excerpt p {
height: 124px;
display: flex;
}
.excerpt h4 {
height: 22px;
overflow: hidden;
font-size: 17px;
}
section.latest-posts {
height: auto;
}
ul.contact-info li {
margin: 10px 0;
}
ul.contact-info i {
color: #fff;
position: relative;
margin: 0 0 0 10px;
}
.social img {
width: 32px;
}
.woocommerce table.shop_table {
background: #fff;
}
img.logo {
margin: 14px;
width: 100px;
float: right;
}
.caption span {
margin: 12px 0;
font-size: 16px;
}
.homeproductwrp {
width: 17%;
max-width: 100%;
display: inline-block;
height: 314px;
overflow: hidden;
margin: 18px 0 10px;
min-width: 260px;
background: #fff;
transition: 0.2s ease;
box-shadow: 1px 1px 2px #d4d4d4;
}
.homeproductwrp h2 {
font-size: 16px;
font-weight: 400;
height: 22px;
overflow: hidden;
line-height: 22px;
text-align: center;
width: 90%;
margin: 18px auto 0;
color: #000;
font-family: iranyekan;
}
.homeproductwrp img {
width: 180px !important;
height: 180px;
margin: 20px auto;
}
span.widget-title {
font-size: 14px;
line-height: 50px;
}
.woocommerce .widget_layered_nav_filters ul li a::before {
color: #a9abae;
position: relative;
top: 2px;
}
span.count {
color: #484848;
font-size: 12px;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item--chosen
a::before {
color: #a9abae;
position: relative;
}
.menu-side-menu-container ul.sub-menu {
display: block;
position: relative;
margin-right: 4%;
padding: 0;
}
ul#menu-side-menu {
display: inline-block;
overflow: hidden;
}
.menu-side-menu-container li {
line-height: unset !important;
margin: 1% !important;
display: inline-block;
width: 98%;
}
.menu-side-menu-container {
padding: 0;
position: relative;
z-index: 1;
}
.menu-side-menu-container a {
height: 34px;
display: block;
width: 100%;
padding: 0 10px;
line-height: 34px;
border-radius: 4px;
transition: 0.4s ease;
position: relative;
color: #000;
font-size: 13px;
}
.menu-side-menu-container a:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(229, 229, 229, 0.7);
width: 100%;
height: 100%;
z-index: -1;
transition: 0.2s ease;
margin: 0 auto;
transform: scaleX(0);
transition: 0.2s ease;
border-radius: 2px;
}
.menu-side-menu-container a:hover::before {
transform: scaleX(1);
}
.menu-side-menu-container a:hover {
color: #ed0082 !important;
}
.home-box.box {
padding: 10px;
margin: 0;
}
span.count {
float: left;
}
.top-attribute-wrp span {
display: block;
margin: 8px 0;
padding: 6px;
transition: 0.4s ease;
border-bottom: 1px solid #dedede;
}
.top-attribute-wrp i {
position: relative;
top: 8px;
margin: 0 0 0 8px;
}
.top-attribute-wrp {
min-height: 110px;
margin: 20px 20px 40px;
font-size: 12px;
}
.star-rating {
float: right !important;
margin: 1px 0 0 10px;
}
.target.fix-side-wrp.pinned {
margin-top: 5rem;
transition: 1.5s ease;
max-width: 264px;
}
.margin-top {
margin-top: 20px;
}
span.title-holder {
width: 100%;
display: inline-block;
}
html,
body,
.block {
height: 100%;
}
p.phone-side {
text-align: center;
color: #eb0789;
font-weight: 800;
font-size: 20px;
}
.text-holder span {
font-size: 13px;
margin: 0 0 1rem;
line-height: 28px;
font-weight: 300;
color: #616161;
}
#main {
width: 100%;
overflow: hidden;
max-width: 2500px;
margin: auto;
}
@media (min-width: 992px) {
#main {
min-width: 900px;
min-height: 500px;
}
#main .row-main {
min-width: 900px;
min-height: 500px;
}
}
.woocommerce a.button.alt {
background: #0d6b5a;
color: #fff;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.form-submit {
float: right;
margin-bottom: 50px;
}
form#commentform label {
min-width: 50px;
display: -webkit-inline-box;
margin-right: 5px;
}
p.form-submit {
float: left;
margin: 20px !important;
}
.card {
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.woocommerce-store-notice,
p.demo_store {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, 0.2);
display: none;
}
.woocommerce-store-notice a,
p.demo_store a {
color: #fff;
text-decoration: underline;
}
.admin-bar p.demo_store {
top: 32px;
}
.clear {
clear: both;
}
.woocommerce .blockUI.blockOverlay {
position: relative;
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: #0d6b5a !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
.woocommerce a.remove:hover {
color: #fff !important;
background: red;
}
.woocommerce small.note {
display: block;
color: #777;
font-size: 0.857em;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: 0.92em;
color: #777;
}
.woocommerce .woocommerce-breadcrumb::after,
.woocommerce .woocommerce-breadcrumb::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-breadcrumb::after {
clear: both;
}
.woocommerce .woocommerce-breadcrumb a {
color: #777;
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #77a464;
font-size: 1.25em;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
background: inherit;
font-weight: 700;
display: inline-block;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: 0.5;
display: inline-block;
}
.woocommerce div.product p.stock {
font-size: 0.92em;
}
.woocommerce div.product .stock {
color: #77a464;
}
.woocommerce div.product .out-of-stock {
color: red;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 1.618em;
}
.woocommerce div.product div.images {
margin-bottom: 2em;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
-webkit-transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
transition: all cubic-bezier(0.795, -0.035, 0, 1) 0.5s;
margin: 0;
padding: 0;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__wrapper
.zoomImg {
background-color: #fff;
opacity: 0;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__image--placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__image:nth-child(n + 2) {
width: 25%;
display: inline-block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.5em;
left: 0.5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__trigger:before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
right: 9px;
box-sizing: content-box;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__trigger:after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
right: 22px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
box-sizing: content-box;
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
float: right;
margin: 0;
list-style: none;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: 0.5;
margin: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1;
}
.woocommerce
div.product
.woocommerce-product-gallery--columns-3
.flex-control-thumbs
li:nth-child(3n + 1) {
clear: right;
}
.woocommerce
div.product
.woocommerce-product-gallery--columns-4
.flex-control-thumbs
li:nth-child(4n + 1) {
clear: right;
}
.woocommerce
div.product
.woocommerce-product-gallery--columns-5
.flex-control-thumbs
li:nth-child(5n + 1) {
clear: right;
}
.woocommerce div.product div.summary {
margin-bottom: 2em;
}
.woocommerce div.product div.social {
text-align: left;
margin: 0 0 1em;
}
.woocommerce div.product div.social span {
margin: 0 2px 0 0;
}
.woocommerce div.product div.social span span {
margin: 0;
}
.woocommerce div.product div.social span .stButton .chicklets {
padding-right: 16px;
width: 0;
}
.woocommerce div.product div.social iframe {
float: right;
margin-top: 3px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 1em 0 0;
margin: 0 0 1.618em;
overflow: hidden;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 0.5em 0;
font-weight: 700;
color: #515151;
text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: #6b6a6b;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
z-index: 2;
border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: -2px 2px 0 #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: 2px 2px 0 #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
box-sizing: border-box;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
left: -5px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #ebe9eb;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
right: 0;
border-bottom: 1px solid #d3ced2;
z-index: 1;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0;
}
.woocommerce div.product p.cart {
margin-bottom: 2em;
}
.woocommerce div.product p.cart::after,
.woocommerce div.product p.cart::before {
content: " ";
display: table;
}
.woocommerce div.product p.cart::after {
clear: both;
}
.woocommerce div.product form.cart {
margin-bottom: 2em;
}
.woocommerce div.product form.cart::after,
.woocommerce div.product form.cart::before {
content: " ";
display: table;
}
.woocommerce div.product form.cart::after {
clear: both;
}
.woocommerce div.product form.cart div.quantity {
float: right;
margin: 0 0 0 4px;
}
.woocommerce div.product form.cart table {
border-width: 0 0 1px;
}
.woocommerce div.product form.cart table td {
padding-right: 0;
}
.woocommerce div.product form.cart table div.quantity {
float: none;
margin: 0;
}
.woocommerce div.product form.cart table small.stock {
display: block;
float: none;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 1em;
border: 0;
width: 100%;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
border: 0;
vertical-align: top;
line-height: 2em;
}
.woocommerce div.product form.cart .variations label {
font-weight: 700;
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-left: 1em;
}
.woocommerce div.product form.cart .variations td.label {
padding-left: 1em;
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
margin-bottom: 1em;
}
.woocommerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: 0.83em;
}
.woocommerce div.product form.cart .wc-no-matching-variations {
display: none;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: right;
}
.woocommerce
div.product
form.cart
.group_table
td.woocommerce-grouped-product-list-item__label {
padding-left: 1em;
padding-right: 1em;
}
.woocommerce div.product form.cart .group_table td {
vertical-align: top;
padding-bottom: 0.5em;
border: 0;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 4em;
text-align: center;
}
.woocommerce
div.product
form.cart
.group_table
.wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
-webkit-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
}
.woocommerce span.onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: 0.202em;
font-size: 1em;
font-weight: 700;
position: relative;
text-align: center;
line-height: 3.236;
top: -0.5em;
right: -0.5em;
margin: 0;
border-radius: 100%;
background-color: #f08e00;
color: #fff;
font-size: 0.857em;
z-index: 9;
display: none;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: " ";
display: table;
}
.woocommerce .products ul::after,
.woocommerce ul.products::after {
clear: both;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
list-style: none outside;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: 0.5em 0;
margin: 0;
font-size: 1em;
}
.woocommerce ul.products li.product a {
text-decoration: none;
}
.woocommerce ul.products li.product a img {
transition: 0.2s ease;
position: relative;
width: 220px;
height: 220px;
margin: 7px auto 0;
border-radius: 14%;
}
.woocommerce ul.products li.product strong {
display: block;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
border: 1px solid #f2f2f2;
}
.woocommerce ul.products li.product .star-rating {
top: 0;
margin: 4px 0;
left: -134px;
}
.woocommerce ul.products li.product .button {
display: block;
margin: 0;
width: 28px;
top: 25px;
float: right;
height: 28px;
line-height: 33px !important;
padding: 0 !important;
font-size: 0;
color: #4a4a4a;
border: 1px solid #fff;
background-image: url(https://sazkala.com/wp-content/uploads/image-icons/sabad-kharid.svg);
background-size: contain;
background-repeat: no-repeat;
background-color: #fff;
opacity: 0.7;
transform: scale(0.9);
box-sizing: content-box;
}
.woocommerce ul.products li.product .price {
color: #0d6b5a;
display: grid;
float: left;
padding: 0;
text-align: left;
font-size: 0;
top: 10px;
margin-top: 12px;
position: relative;
}
.woocommerce ul.products li.product .price del,
del {
color: inherit;
opacity: 0.7;
width: 100%;
display: block;
}
.single_product_price_mod_class .woocommerce ul.products li.product .price del,
del {
width: inherit;
}
.woocommerce ul.products li.product .price ins {
color: #0d6b5a;
text-decoration: none;
font-family: "iranyekan";
}
.woocommerce ul.products li.product .price .from {
font-size: 0.67em;
margin: -2px 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, 0.5);
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.wp-pagenavi a:hover,
span.current {
color: #fff !important;
background: #008a70;
}
span.current {
color: #fff !important;
}
span.page-numbers.current {
color: #fff !important;
}
.woocommerce nav.woocommerce-pagination,
.wp-pagenavi {
text-align: center;
box-shadow: none;
}
.woocommerce nav.woocommerce-pagination ul,
.wp-pagenavi {
display: inline-block;
direction: ltr;
padding: 0;
}
.woocommerce nav.woocommerce-pagination ul li,
.wp-pagenavi a,
span.current {
float: left;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.wp-pagenavi a,
span.current {
line-height: 1;
padding: 12px;
display: block;
height: 38px;
border-radius: 2px;
color: #000;
margin: 10px 5px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
border-radius: 3px;
border: 0;
display: block;
text-align: center;
transition: 0.2s ease;
background: #0d6b5a;
color: #fff;
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
opacity: 0.25;
padding-left: 2.618em;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
font-weight: 400;
position: absolute;
top: 0.618em;
left: 1em;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
font-family: WooCommerce;
content: "\e017";
margin-right: 0.53em;
vertical-align: bottom;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #f16b4e;
color: #fff;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: 0.7;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
color: inherit;
background-color: #ebe9eb;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
padding: 10px 20px;
}
.woocommerce a.added_to_cart {
padding-top: 0.5em;
display: inline-block;
}
.woocommerce #reviews h2 small {
float: left;
color: #777;
font-size: 15px;
margin: 10px 0 0;
}
.woocommerce #reviews h2 small a {
text-decoration: none;
color: #777;
}
.woocommerce #reviews h3 {
margin: 0;
}
.woocommerce #reviews #respond {
margin: 0;
border: 0;
padding: 0;
}
.woocommerce #reviews #comment {
height: 75px;
}
.woocommerce #reviews #comments .add_review::after,
.woocommerce #reviews #comments .add_review::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments .add_review::after {
clear: both;
}
.woocommerce #reviews #comments h2 {
clear: none;
}
.woocommerce #reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: 0 0;
list-style: none;
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist::after,
.woocommerce #reviews #comments ol.commentlist::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist::after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 10px;
border: 0;
position: relative;
background: 100%;
border: 0;
}
.woocommerce #reviews #comments ol.commentlist li .meta {
color: #777;
font-size: 0.75em;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
float: right;
position: absolute;
top: 0;
right: 0;
padding: 3px;
width: 32px;
height: auto;
background: #ebe9eb;
border: 1px solid #e4e1e3;
margin: 0;
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
border: 1px solid #e4e1e3;
border-radius: 2px;
padding: 1em 1em 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after,
.woocommerce #reviews #comments ol.commentlist li .comment-text::before {
content: " ";
display: table;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after {
clear: both;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 0.83em;
}
.woocommerce #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 50px 0 0;
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none;
}
.woocommerce #reviews #comments ol.commentlist #respond {
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 50px 0 0;
}
.woocommerce #reviews #comments .commentlist > li::before {
content: "";
}
.woocommerce .star-rating {
float: left;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star;
color: #ee8e00;
}
.woocommerce .star-rating::before {
content: "\73\73\73\73\73";
color: #008a70;
float: right;
top: 0;
right: 0;
position: absolute;
}
.woocommerce .star-rating span {
overflow: hidden;
float: right;
top: 0;
right: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
right: 0;
color: #0d6b5a;
}
.woocommerce .woocommerce-product-rating {
line-height: 2;
display: block;
}
.woocommerce .woocommerce-product-rating::after,
.woocommerce .woocommerce-product-rating::before {
content: " ";
display: table;
}
.woocommerce .woocommerce-product-rating::after {
clear: both;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: 0.5em 0 0 4px;
float: right;
}
.woocommerce .products .star-rating {
display: block;
margin: 0 0 0.5em;
float: none;
}
.woocommerce .hreview-aggregate .star-rating {
margin: 10px 0 0;
}
.woocommerce #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: transparent none;
border: 0;
}
.woocommerce #review_form #respond::after,
.woocommerce #review_form #respond::before {
content: " ";
display: table;
}
.woocommerce #review_form #respond::after {
clear: both;
}
.woocommerce #review_form #respond p {
margin: 0 0 10px;
text-align: center;
}
.woocommerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%;
min-height: 150px;
padding: 15px;
resize: none;
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
.woocommerce p.stars a::before {
display: block;
position: absolute;
top: 0;
right: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
content: "\e021";
text-indent: 0;
background-repeat: no-repeat;
background-position: center;
}
.woocommerce p.stars a:hover ~ a::before {
content: "\e021";
}
.woocommerce p.stars:hover a::before {
content: "\e020";
}
.woocommerce p.stars.selected a.active::before {
content: "\e020";
}
.woocommerce p.stars.selected a.active ~ a::before {
content: "\e021";
}
.woocommerce p.stars.selected a:not(.active)::before {
content: "\e020";
}
.woocommerce table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, 0.1);
margin: 1rem 0;
width: 100%;
}
.woocommerce table.shop_attributes th {
width: 38%;
font-weight: 700;
padding: 10px 15px;
border-top: 0;
line-height: 1.5;
font-size: 15px;
text-align: right;
border-left: 5px solid #fff;
}
.woocommerce table.shop_attributes td {
padding: 12px 15px;
border-top: 0;
margin: 6px !important;
line-height: 1.5;
text-align: right;
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 0;
}
table tbody tr:nth-child(even) {
background-color: #faf9fa;
margin: 10px !important;
}
table tbody tr:nth-child(odd) {
background-color: rgb(216, 246, 238);
margin: 10px !important;
}
.table-archive-piano tr:nth-child(even) {
background-color: rgb(188, 240, 227);
}
.woocommerce table.shop_table {
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 24px -1px;
text-align: right;
border-radius: 5px;
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em;
}
.woocommerce table.shop_table td {
padding: 3px 4px;
line-height: 22px;
font-size: 12px;
}
.woocommerce table.shop_table td small {
font-weight: 400;
}
.woocommerce table.shop_table tbody:first-child tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th {
border-top: 0;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce table.my_account_orders {
font-size: 0.85em;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 4px 8px;
vertical-align: middle;
}
.woocommerce table.my_account_orders .button {
white-space: nowrap;
}
.woocommerce table.my_account_orders .order-actions {
text-align: left;
}
.woocommerce table.my_account_orders .order-actions .button {
margin: 0.125em 0.25em 0.125em 0;
}
.woocommerce table.woocommerce-MyAccount-downloads td,
.woocommerce table.woocommerce-MyAccount-downloads th {
vertical-align: top;
text-align: center;
}
.woocommerce table.woocommerce-MyAccount-downloads td:first-child,
.woocommerce table.woocommerce-MyAccount-downloads th:first-child {
text-align: right;
}
.woocommerce table.woocommerce-MyAccount-downloads td:last-child,
.woocommerce table.woocommerce-MyAccount-downloads th:last-child {
text-align: right;
}
.woocommerce
table.woocommerce-MyAccount-downloads
td
.woocommerce-MyAccount-downloads-file::before,
.woocommerce
table.woocommerce-MyAccount-downloads
th
.woocommerce-MyAccount-downloads-file::before {
content: "\2193";
display: inline-block;
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce td.product-name dl.variation {
list-style: none outside;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
float: right;
clear: both;
margin-left: 0.25em;
display: inline-block;
list-style: none outside;
}
.woocommerce td.product-name .wc-item-meta dd,
.woocommerce td.product-name dl.variation dd {
margin: 0;
}
.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
margin-bottom: 0;
}
.woocommerce td.product-name p.backorder_notification {
font-size: 0.83em;
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 10px 0;
margin: 0;
list-style: none;
}
.woocommerce ul.cart_list li::after,
.woocommerce ul.cart_list li::before,
.woocommerce ul.product_list_widget li::after,
.woocommerce ul.product_list_widget li::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li::after,
.woocommerce ul.product_list_widget li::after {
clear: both;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
display: block;
font-size: 12px;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: left;
margin-right: 4px;
width: 70px;
height: auto;
box-shadow: none;
}
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
margin: 0;
padding-right: 1em;
border-right: 2px solid rgba(0, 0, 0, 0.1);
}
.woocommerce ul.cart_list li dl::after,
.woocommerce ul.cart_list li dl::before,
.woocommerce ul.product_list_widget li dl::after,
.woocommerce ul.product_list_widget li dl::before {
content: " ";
display: table;
}
.woocommerce ul.cart_list li dl::after,
.woocommerce ul.product_list_widget li dl::after {
clear: both;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dd,
.woocommerce ul.product_list_widget li dl dt {
display: inline-block;
float: right;
margin-bottom: 1em;
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 0 0 4px;
clear: right;
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
padding: 0 0 0.25em;
}
.woocommerce ul.cart_list li dl dd p:last-child,
.woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
float: none;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: 3px double #ebe9eb;
padding: 4px 0 0;
}
.woocommerce .widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding-right: 2em;
position: relative;
padding-top: 0;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
right: 0;
}
.woocommerce .widget_shopping_cart .buttons::after,
.woocommerce .widget_shopping_cart .buttons::before,
.woocommerce.widget_shopping_cart .buttons::after,
.woocommerce.widget_shopping_cart .buttons::before {
content: " ";
display: table;
}
.woocommerce .widget_shopping_cart .buttons::after,
.woocommerce.widget_shopping_cart .buttons::after {
clear: both;
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
margin-left: 5px;
margin-bottom: 5px;
}
.woocommerce form .form-row {
padding: 10px 0;
margin: 0 0 6px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
.woocommerce form .form-row label.hidden {
visibility: hidden;
}
.woocommerce form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: 0.5em 0 0;
clear: both;
display: none;
position: relative;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none;
}
.woocommerce form .form-row .woocommerce-input-wrapper .description:before {
right: 50%;
top: 0;
margin-top: -4px;
-webkit-transform: translatex(50%) rotate(-180deg);
-ms-transform: translatex(50%) rotate(-180deg);
transform: translatex(50%) rotate(-180deg);
content: "";
position: absolute;
border-width: 4px 6px 0;
border-style: solid;
border-color: #1e85be transparent transparent;
z-index: 100;
display: block;
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden;
}
.woocommerce form .form-row .optional {
visibility: visible;
display: none;
}
.woocommerce form .form-row .input-checkbox {
display: inline;
margin: -2px 0 0 8px;
text-align: center;
vertical-align: middle;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
width: 98%;
margin: 0;
outline: 0;
line-height: normal;
padding: 1px 10px;
font-weight: 300;
color: #3e3e3e;
border: 1px solid #c3c3c3;
border-radius: 2px;
height: 35px;
}
.woocommerce form .form-row textarea {
height: 4em;
line-height: 1.5;
display: block;
box-shadow: none;
} .woocommerce form .form-row .select2-container {
width: 280px !important;
line-height: 2em;
}
.woocommerce form .form-row ::-webkit-input-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-moz-placeholder {
line-height: normal;
}
.woocommerce form .form-row :-ms-input-placeholder {
line-height: normal;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: right;
border-radius: 5px;
}
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li {
margin: 0 0 0.5em;
line-height: 1.5em;
list-style: none outside;
}
.woocommerce ul#shipping_method li input {
margin: 3px 0 0 0.4375em;
vertical-align: top;
}
.woocommerce ul#shipping_method li label {
display: inline;
}
.woocommerce ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce ul.order_details {
margin: 0 0 3em;
list-style: none;
}
.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
content: " ";
display: table;
}
.woocommerce ul.order_details::after {
clear: both;
}
.woocommerce ul.order_details li {
float: right;
margin-left: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-left: 1px dashed #d3ced2;
padding-left: 2em;
margin-right: 0;
padding-right: 0;
list-style-type: none;
}
.woocommerce ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce ul.order_details li:last-of-type {
border: none;
}
.woocommerce .wc-bacs-bank-details-account-name {
font-weight: 700;
}
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
margin-bottom: 2em;
}
.woocommerce .woocommerce-customer-details :last-child,
.woocommerce .woocommerce-order-details :last-child,
.woocommerce .woocommerce-order-downloads :last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 2px;
border-left-width: 2px;
text-align: right;
width: 100%;
border-radius: 5px;
padding: 6px 12px;
background: #fff;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--phone {
margin-bottom: 0;
padding-right: 1.5em;
}
.woocommerce
.woocommerce-customer-details
.woocommerce-customer-details--phone::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "";
text-decoration: none;
margin-right: -1.5em;
line-height: 1.75;
position: absolute;
}
.woocommerce .woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item {
padding: 0 0 1px;
list-style: none;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item::after,
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item::before {
content: " ";
display: table;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item::after {
clear: both;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item
a,
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item
span {
padding: 1px 0;
}
.woocommerce
.woocommerce-widget-layered-nav-list
.woocommerce-widget-layered-nav-list__item--chosen
a::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "";
text-decoration: none;
color: #a00;
vertical-align: inherit;
margin-left: 0.5em;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 2em;
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: right;
margin-right: 0.5em;
margin-left: 0.5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #09caa7;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -0.3em;
margin-left: -0.5em;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #cacaca;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #e8e8e8;
border: 0;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 0.3em;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
right: -1px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
left: -1px;
}
.woocommerce .widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
}
.woocommerce .widget_rating_filter ul li {
padding: 0 0 1px;
list-style: none;
}
.woocommerce .widget_rating_filter ul li::after,
.woocommerce .widget_rating_filter ul li::before {
content: " ";
display: table;
}
.woocommerce .widget_rating_filter ul li::after {
clear: both;
}
.woocommerce .widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none;
}
.woocommerce .widget_rating_filter ul li .star-rating {
float: none;
display: inline-block;
}
.woocommerce .widget_rating_filter ul li.chosen a::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "";
text-decoration: none;
color: #a00;
}
.woocommerce-no-js form.woocommerce-form-coupon,
.woocommerce-no-js form.woocommerce-form-login {
display: block !important;
}
.woocommerce-no-js .showcoupon,
.woocommerce-no-js .woocommerce-form-coupon-toggle,
.woocommerce-no-js .woocommerce-form-login-toggle {
display: none !important;
}
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after {
clear: both;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
float: left;
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
list-style: none outside !important;
padding-right: 0 !important;
margin-right: 0 !important;
}
.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
content: " ";
display: table;
}
.woocommerce-account .woocommerce::after {
clear: both;
}
.woocommerce-account .addresses .title::after,
.woocommerce-account .addresses .title::before {
content: " ";
display: table;
}
.woocommerce-account .addresses .title::after {
clear: both;
}
.woocommerce-account .addresses .title h3 {
float: right;
}
.woocommerce-account .addresses .title .edit {
float: left;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-right: 0;
padding-right: 0;
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-right: 0;
padding-right: 0;
}
.woocommerce-account ul.digital-downloads li::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "";
text-decoration: none;
}
.woocommerce-account ul.digital-downloads li .count {
float: left;
}
#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
min-width: 32px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 32px;
box-shadow: none;
}
#add_payment_method table.cart td,
#add_payment_method table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.cart th {
vertical-align: middle;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
float: right;
box-sizing: border-box;
border: 1px solid #d3ced2;
padding: 6px 6px 5px;
margin: 0 0 0 4px;
outline: 0;
}
#add_payment_method table.cart input,
.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input {
margin: 0;
vertical-align: middle;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding: 1em 0;
}
#add_payment_method .wc-proceed-to-checkout::after,
#add_payment_method .wc-proceed-to-checkout::before,
.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-cart .wc-proceed-to-checkout::before,
.woocommerce-checkout .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::before {
content: " ";
display: table;
}
#add_payment_method .wc-proceed-to-checkout::after,
.woocommerce-cart .wc-proceed-to-checkout::after,
.woocommerce-checkout .wc-proceed-to-checkout::after {
clear: both;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1em;
}
#add_payment_method .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
float: none;
margin-top: 0.5em;
display: inline-block;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after,
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: 0.618em;
content: "";
text-decoration: none;
}
#add_payment_method .cart-collaterals .shipping-calculator-form,
.woocommerce-cart .cart-collaterals .shipping-calculator-form,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form {
margin: 1em 0 0;
}
#add_payment_method .cart-collaterals .cart_totals p small,
.woocommerce-cart .cart-collaterals .cart_totals p small,
.woocommerce-checkout .cart-collaterals .cart_totals p small {
color: #777;
font-size: 0.83em;
}
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: separate;
margin: 0 0 6px;
padding: 0;
}
#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,
#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th {
border-top: 0;
}
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
width: 35%;
}
#add_payment_method .cart-collaterals .cart_totals table td,
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table td,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
vertical-align: top;
border-right: 0;
border-left: 0;
line-height: 1.5em;
}
#add_payment_method .cart-collaterals .cart_totals table small,
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout .cart-collaterals .cart_totals table small {
color: #777;
}
#add_payment_method .cart-collaterals .cart_totals table select,
.woocommerce-cart .cart-collaterals .cart_totals table select,
.woocommerce-checkout .cart-collaterals .cart_totals table select {
width: 100%;
}
#add_payment_method .cart-collaterals .cart_totals .discount td,
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #77a464;
}
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-top: 1px solid #ebe9eb;
}
#add_payment_method
.cart-collaterals
.cart_totals
.woocommerce-shipping-destination,
.woocommerce-cart
.cart-collaterals
.cart_totals
.woocommerce-shipping-destination,
.woocommerce-checkout
.cart-collaterals
.cart_totals
.woocommerce-shipping-destination {
margin-bottom: 0;
}
#add_payment_method .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0;
}
#add_payment_method .checkout .col-2 h3#ship-to-different-address,
.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
float: right;
clear: none;
}
#add_payment_method .checkout .col-2 .notes,
.woocommerce-cart .checkout .col-2 .notes,
.woocommerce-checkout .checkout .col-2 .notes {
clear: right;
}
#add_payment_method .checkout .col-2 .form-row-first,
.woocommerce-cart .checkout .col-2 .form-row-first,
.woocommerce-checkout .checkout .col-2 .form-row-first {
clear: right;
}
#add_payment_method .checkout .create-account small,
.woocommerce-cart .checkout .create-account small,
.woocommerce-checkout .checkout .create-account small {
font-size: 11px;
color: #777;
font-weight: 400;
}
#add_payment_method .checkout div.shipping-address,
.woocommerce-cart .checkout div.shipping-address,
.woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: right;
width: 100%;
}
#add_payment_method .checkout .shipping_address,
.woocommerce-cart .checkout .shipping_address,
.woocommerce-checkout .checkout .shipping_address {
clear: both;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #fff;
padding: 10px;
}
#add_payment_method #payment ul.payment_methods::after,
#add_payment_method #payment ul.payment_methods::before,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::before,
.woocommerce-checkout #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::before {
content: " ";
display: table;
}
#add_payment_method #payment ul.payment_methods::after,
.woocommerce-cart #payment ul.payment_methods::after,
.woocommerce-checkout #payment ul.payment_methods::after {
clear: both;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 0 0 1em;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
vertical-align: middle;
margin: 0;
padding: 0;
position: relative;
box-shadow: none;
width: 44px;
float: left;
}
#add_payment_method #payment ul.payment_methods li img + img,
.woocommerce-cart #payment ul.payment_methods li img + img,
.woocommerce-checkout #payment ul.payment_methods li img + img {
margin-right: 2px;
}
#add_payment_method
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
#add_payment_method
#payment
ul.payment_methods
li:not(.woocommerce-notice)::before,
.woocommerce-cart
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
.woocommerce-cart
#payment
ul.payment_methods
li:not(.woocommerce-notice)::before,
.woocommerce-checkout
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
.woocommerce-checkout
#payment
ul.payment_methods
li:not(.woocommerce-notice)::before {
content: " ";
display: table;
}
#add_payment_method
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
.woocommerce-cart
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after,
.woocommerce-checkout
#payment
ul.payment_methods
li:not(.woocommerce-notice)::after {
clear: both;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
background-color: #dfdcde;
color: #515151;
}
#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
border-color: #c7c1c6;
border-top-color: #bbb3b9;
}
#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box :-moz-placeholder,
.woocommerce-cart #payment div.payment_box :-moz-placeholder,
.woocommerce-checkout #payment div.payment_box :-moz-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box :-ms-input-placeholder,
.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,
.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder {
color: #bbb3b9;
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0;
}
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new,
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token {
margin: 0 0 0.5em;
}
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new
label,
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token
label,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new
label,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token
label,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-new
label,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-token
label {
cursor: pointer;
}
#add_payment_method
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-cart
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-checkout
#payment
div.payment_box
.woocommerce-SavedPaymentMethods
.woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 0 0 1em;
position: relative;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout
#payment
div.payment_box
.wc-credit-card-form-card-number {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: left 0.618em center;
background-size: 32px 20px;
}
#add_payment_method #payment div.payment_box span.help,
.woocommerce-cart #payment div.payment_box span.help,
.woocommerce-checkout #payment div.payment_box span.help {
font-size: 0.857em;
color: #777;
font-weight: 400;
}
#add_payment_method #payment div.payment_box .form-row,
.woocommerce-cart #payment div.payment_box .form-row,
.woocommerce-checkout #payment div.payment_box .form-row {
margin: 0 0 1em;
}
#add_payment_method #payment div.payment_box p:last-child,
.woocommerce-cart #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #dfdcde;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
position: absolute;
top: -0.75em;
right: 0;
margin: -1em 2em 0 0;
}
#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: left;
line-height: 52px;
font-size: 0.83em;
}
#add_payment_method #payment .payment_method_paypal img,
.woocommerce-cart #payment .payment_method_paypal img,
.woocommerce-checkout #payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle;
}
.woocommerce-terms-and-conditions {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.woocommerce-invalid #terms {
outline: 2px solid red;
outline-offset: 2px;
}
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px 0.5em;
font-size: 1em;
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373;
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b;
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53;
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733;
}
.woocommerce-password-hint {
margin: 0.5em 0 0;
display: block;
}
#content.twentyeleven .woocommerce-pagination a {
font-size: 1em;
line-height: 1;
}
.single-product .twentythirteen #reply-title,
.single-product .twentythirteen #respond #commentform,
.single-product .twentythirteen .entry-summary {
padding: 0;
}
.single-product .twentythirteen p.stars {
clear: both;
}
.twentythirteen .woocommerce-breadcrumb {
padding-top: 40px;
}
.twentyfourteen ul.products li.product {
margin-top: 0 !important;
}
body:not(.search-results) .twentysixteen .entry-summary {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.twentysixteen .price ins {
background: inherit;
color: inherit;
}
ul.products.columns-4 {
display: inline-block;
width: 100%;
text-align: center;
}
@media (max-width: 600px) {
ul.products.columns-4 {
background-color: white;
padding-top: 20px;
padding-bottom: 20px;
}
}
span.latestprop {
position: relative;
top: -14px;
font-size: 16px;
background: #f90;
width: 210px;
right: 20px;
padding: 10px 30px;
color: #fff;
}
.border {
border: 1px solid #f16b4e;
margin-top: 3rem;
}
.woocommerce ul.product_list_widget li a {
color: #585858;
}
.homeproductwrp:hover {
box-shadow: 1px 2px 8px #d8d8d8;
}
aside#woocommerce_price_filter-2 {
margin-top: 65px;
}
.homemenu ul {
display: -webkit-inline-box;
}
.top-attribute-wrp ul {
padding-right: 30px;
}
.top-attribute-wrp ul li {
list-style-type: circle;
}
.homemenu a {
margin: 2px 8px;
font-size: 12px;
color: #dadada;
}
.homemenu {
padding: 7px;
}
.homemenu-wrp {
background: #5d5b6a;
}
.price-wrp {
padding: 10px 0;
text-align: center;
}
.installment {
padding: 10px;
}
.product-detail {
background: #fff;
}
.right-border {
border-right: 1px solid #e6e6e6;
}
.woocommerce a.button:hover {
background: #f16b4e;
color: #fff;
}
.breadcrumb-wrp a {
color: #008a72;
}
p.pr-price.single-price-regulat {
font-size: 22px;
font-weight: 800;
}
.feature-item {
display: inline-block;
width: 180px;
text-align: center;
margin: 3rem auto 0;
}
.feature-item .feature-item-text {
font-weight: 800;
font-size: 15px;
margin: 1rem 0;
display: block;
}
.feature-item img { height: 50px;
}
.feature-item img.image-feature.free-delivery {
width: 75px;
} .feature-item.hf i {
font-size: 2.5rem;
color: #0d6b5a;
margin: 7px 0;
}
.homemenu ul.sub-menu {
display: none;
background: #353535;
}
button.owl-prev,
button.owl-next {
position: relative;
top: -180px;
background: #fff !important;
width: 35px;
height: 40px;
border: 1px solid #e2e2e2 !important;
margin: 0 10px;
transition: 0.3s ease;
}
button.owl-next {
float: left;
}
.owl-item .homeproductwrp {
width: 100%;
min-width: auto;
border-radius: 10px;
}
button.owl-prev:hover,
button.owl-next:hover { color: #fff !important;
padding: 0 8px !important;
width: 40px;
}
button.owl-prev span,
button.owl-next span {
font-size: 23px;
color: #000;
}
button.owl-prev {
float: right;
}
span.sale-pr span {
margin: 0 3px;
}
p.pr-price.product-price-sale {
text-align: center;
}
span.sale-pr {
color: #65a900 !important;
font-size: 17px !important;
}
span.sale-pr span {
color: #65a900;
}
p.pr-price.product-price-sale del {
opacity: 0.5;
}
.sound-wrp {
padding: 2rem 1rem;
margin: 0 0 2rem;
border-bottom: 1px solid #ff9a00;
background: #f7f7f7;
}
.price-wrp.mobile p {
font-size: 15px;
color: #008a6f;
}
.owl-item .homeproductwrp img {
width: 100%;
height: auto;
} #wrap-owl-brand {
background-color: #ebe9e9;
border-radius: 10px;
}
.home-f-i.center {
margin: 0 auto;
}
nav.woocommerce-pagination {
background: none;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products:hover li.product:hover {
box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.14);
}
.woocommerce ul.products li.product .button:hover {
opacity: 1;
transform: scale(1);
}
li.comment-link i {
position: relative;
top: 2px;
margin: 0 0 0 10px;
font-size: 20px;
}
li.comment-link span {
margin: 0 4px;
}
a.mobile-phn {
margin: 14px 10px;
}
i.margin-right {
margin-right: 1.5rem;
}
.login-inmenu-wrp {
padding: 5px 50px;
margin-bottom: 6rem;
}
.login-drop a.btn {
margin: 19px;
text-align: center;
height: 22px;
color: #fff;
}
a.phoneicon.side-mlink {
text-align: center;
background: #09caa7;
display: block;
margin: 5px;
color: #fff;
padding: 5px;
font-size: 13px;
}
img.logo-side-nav {
width: 82px;
margin: 8px;
}
#sidenav-delete-li {
margin-left: -30px;
}
.sidenav-delete {
float: left; font-size: 22px;
margin: 5px;  } a.nav-item {
margin: 0 4px;
display: block;
line-height: 50px;
height: 50px;
float: left;
padding: 0 10px;
font-size: 22px;
text-align: center;
color: #008a70;
}
ul.woocommerce-widget-layered-nav-list {
max-height: 220px;
overflow-y: scroll;
direction: ltr;
}
ul.woocommerce-widget-layered-nav-list li {
direction: rtl;
text-align: right;
padding: 1px 15px !important;
font-size: 13px;
}
a.nav-item i {
color: inherit;
}
button.woocommerce-widget-layered-nav-dropdown__submit {
margin: 1rem 0;
padding: 5px 10px;
font-size: 12px;
}
a.phone-number i {
color: #ec8e00;
position: relative;
margin: 0 8px;
}
form.woocommerce-widget-layered-nav-dropdown {
display: block;
}
a.phone-number span {
float: right;
}
select.woocommerce-widget-layered-nav-dropdown {
width: 100%;
}
span.select2-selection__placeholder {
margin: 4px !important;
font-size: 12px;
line-height: 40px;
opacity: 0.7;
}
.woocommerce form.checkout .form-row {
float: right;
width: 50%;
min-width: 400px;
}
.woocommerce-billing-fields p {
height: 70px;
}
li.wc_payment_method {
display: block;
width: 270px;
margin: 6px;
background: #f9f9f9;
padding: 1rem;
float: right;
height: 70px;
box-shadow: 1px 1px 4px #13131326;
}
.woocommerce form .form-row select {
background: #fff !important;
width: 280px;
height: 38px;
}
.product_tags a {
font-size: 11px;
padding: 0 10px;
background: #f7f7f7;
margin: 3px 2px;
line-height: 26px;
border-radius: 3px;
display: -webkit-inline-box;
color: #848484;
}
form.woocommerce-cart-form {
overflow-x: scroll;
font-size: 13px;
}
.product_tags {
padding: 10px;
}
button.single_add_to_cart_button.button {
margin: 15px auto;
background: #0d6b5a;
color: #fff !important;
}
table.variations td.label {
display: block;
width: 80px;
}
li.comment-link {
border: 2px solid #f16b4e;
width: 115px;
border-radius: 3px;
display: inline-block;
line-height: 30px;
font-size: 13px;
text-align: center;
}
h2.latestprop,
h1.latestprop {
position: relative;
top: -52px;
font-size: 16px;
background: #f16b4e;
width: 210px;
right: 20px;
padding: 10px;
color: #fff;
font-weight: 400;
margin-bottom: -2rem;
}
.cart_totals h2 {
font-size: 14px;
text-align: center;
}
.homeproductwrp .quantity,
.homeproductwrp table.variations,
.homeproductwrp button {
display: none;
}
.woocommerce-additional-fields h3 {
display: none;
}
.term-description {
padding: 0 20px;
}
p#order_comments_field {
display: none;
}
p#billing_country_field {
display: none;
}
a.full-width {
width: 200px;
margin: 0 auto;
display: block;
}
li.outofstock .price {
display: none !important;
}
p.price ins {
font-size: 16px;
text-decoration: unset;
}
p.comment-form-author,
p.comment-form-email { top: -150px;
}
p.comment-form-author input,
p.comment-form-email input {
height: 40px;
}
p.comment-form-comment {
position: relative;
top: 25px;
}
.comment-form-rating {
width: 200px;
float: left;
}
p.comment-notes {
margin-bottom: 3rem !important;
} .woocommerce-terms-and-condition s-wrapper p {
width: auto !important;
}
button.search-submit {
position: relative;
left: 12px;
height: 36px;
top: 0;
width: 30px;
background: #4a4a4a;
border: none;
border-radius: 2px 0 0 2px;
}
button.search-submit i {
position: relative;
left: 10px;
color: #fff;
}
.socialmedia li {
margin: 10px !important;
}
.socialmedia a {
color: #d6d6d6;
}
.coupon {
float: left;
display: -webkit-box;
margin: 8px;
}
.wc-proceed-to-checkout {
margin-right: 10px;
}
@media (max-width: 600px) {
.coupon {
float: none;
width: fit-content;
margin-right: auto;
margin-left: auto;
}
.wc-proceed-to-checkout a {
font-size: 1em !important;
margin: auto !important;
}
table.woocommerce-cart-form__contents .actions button.button {
margin-right: auto !important;
margin-left: auto !important;
}
}
input#coupon_code {
float: left;
}
.woocommerce table.shop_table button.button {
margin: 10px;
}
.coupon button {
margin: 0 !important;
}
p.address i {
position: relative;
font-size: 18px;
color: #fff;
margin: 0 0 0 10px;
margin-top: 20px;
}
.footer-copyright {
padding: 10px 0;
margin-top: 1rem;
} i.material-icons.top {
position: relative;
top: 7px;
}
.footer-copyright i {
color: #eee;
}
ul.collapsible.labels {
margin: 0 18px 10px 10px;
border-radius: 3px !important;
overflow: hidden;
box-shadow: 1px 1px 2px #d4d4d4;
}
.star-wrp {
float: right;
}
ul.sub-menu ul.sub-menu {
position: relative;
right: 100%;
top: -50px;
}
ul.sub-menu ul.sub-menu li {
background: #fff;
}  p.price del {
text-decoration: line-through;
line-height: 16px;
}
p.price span { font-size: 16px;
font-weight: 700;
line-height: 14px;
}
a.reset_variations {
padding: 1px 10px;
background: #0d6b5a;
border-radius: 4px;
margin-right: 8px;
color: #fff;
font-size: 12px;
}
ins {
text-decoration: unset;
}
ul.contact-info {
margin-bottom: 2rem;
}
ul.side-nav ul.collapsible {
direction: rtl;
}
.homeproductwrp p.price {
margin: 4px auto;
text-align: center;
}
ul.collapsible.labels .collapsible-header {
background: #fafafa;
color: #000;
}
select#product_cat {
max-width: 100%;
}
table.variations select {
width: 200px;
font-size: 12px;
float: right;
}
.quantity {
margin: 10px;
} #wrap-product-discount-sale {
margin-bottom: 50px;
}
@media (min-width: 1800px) {
#wrap-product-discount-sale #amazing-banner-first {
max-width: 250px;
}
#wrap-product-discount-sale #amazing-main-discount {
min-width: 60%;
}
}
@media (min-width: 2100px) {
#wrap-product-discount-sale #amazing-main-discount {
min-width: 62%;
}
}
@media (min-width: 2300px) {
#wrap-product-discount-sale #amazing-main-discount {
min-width: 63%;
}
}
.banner-wrp {
background: #fff;
padding: 8px;
box-shadow: 1px 1px 3px #d4d4d4;
}
.wrp-discoun-banner {
background: #fff;
padding: 8px;
box-shadow: 1px 1px 3px #d4d4d4; border-radius: 7px;
}
@media (min-width: 992px) {
.wrp-discoun-banner { min-height: 315px;
}
#vertical-banner-discount {
height: 681px;
border-radius: 7px;
margin-right: 10px;
}
}
@media (min-width: 1200px) {
.wrap-col-banner-two-discount {
margin-top: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.wrp-banner-two-discount {
display: flex !important;
justify-content: space-between;
}
.wrp-banner-two-discount img {
margin-top: 0px !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1950px) {
.wrp-discoun-banner.banner-discount-two {
margin-top: 50px;
}
}
@media only screen and (min-width: 1950px) {
.wrp-discoun-banner.banner-discount-two {
margin-top: 10px;
}
}
.homeproductwrp p.stock.in-stock {
display: none;
}
del span.woocommerce-Price-amount.amount {
text-decoration: line-through;
font-size: 16px;
}
.single-product-price-size span {
font-size: 12px !important;
}
.collapsible-header.black {
color: #000 !important;
background: #fff;
border-bottom: 1px solid #dcdcdc;
}
.collapsible-body h1 {
font-size: 20px;
margin: 10px auto;
color: #000;
}
.collapsible-body.archive-woocommerce {
background: #f7f7f7;
overflow: hidden;
padding: 10px;
}
del.notext-dec,
del.notext-dec span {
text-decoration: none !important;
} p.form-row.form-row-wide.create-account {
background: #f7f7f7;
width: 100%;
box-shadow: 1px 1px 2px #d4d4d4;
padding: 10px;
}
.woocommerce-info {
font-size: 14px;
padding: 10px;
margin: 10px;
background: #f7f7f7;
box-shadow: 1px 1px 2px #d4d4d4;
}
.woocommerce-form-coupon-toggle {
display: none;
}
.u-column1,
.u-column2 {
float: right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.75rem;
min-height: 1px;
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
p#billing_city_field {
float: left;
}
.woocommerce-billing-fields__field-wrapper {
display: inline-block;
}
input#billing_postcode {
border-color: #c3c3c3;
}
ul.sub-menu a {
font-size: 13px;
}
.caption.orange h3 {
color: #ec8e00 !important;
}
@font-face {
font-family: star;
src: url(//sazkala.com/wp-content/plugins/woocommerce/assets/fonts/star.eot);
src: url(//sazkala.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix)
format("embedded-opentype"),
url(//sazkala.com/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff"),
url(//sazkala.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf)
format("truetype"),
url(//sazkala.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star)
format("svg");
font-weight: 400;
font-style: normal;
}
article.outofstock p.price {
display: none;
}
.modal {
display: none;
position: fixed;
left: 0;
right: 0;
background-color: #565656;
padding: 0;
max-height: 70%;
width: 55%;
margin: auto;
overflow-y: auto;
border-radius: 2px;
will-change: top, opacity;
}
@media only screen and (max-width: 992px) {
.modal {
width: 80%;
}
}
.modal h1,
.modal h2,
.modal h3,
.modal h4 {
margin-top: 0;
}
.modal .modal-content {
padding: 10px;
background: #313131;
}
.modal .modal-close {
cursor: pointer;
}
.modal .modal-footer {
border-radius: 0 0 2px 2px;
background-color: #3d3d3d;
padding: 4px 6px;
height: 56px;
width: 100%;
text-align: right;
}
.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-flat {
margin: 6px 0;
}
.modal-overlay {
position: fixed;
z-index: 999;
top: -25%;
left: 0;
bottom: 0;
right: 0;
height: 125%;
width: 100%;
background: #000;
display: none;
will-change: opacity;
}
.modal.modal-fixed-footer {
padding: 0;
height: 70%;
}
.modal.modal-fixed-footer .modal-content {
position: absolute;
height: calc(100% - 56px);
max-height: 100%;
width: 100%;
overflow-y: auto;
}
.modal.modal-fixed-footer .modal-footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0;
}
.modal.bottom-sheet {
top: auto;
bottom: -100%;
margin: 0;
width: 100%;
max-height: 45%;
border-radius: 0;
will-change: bottom, opacity;
}
.enamdslide {
position: fixed;
background: #fff;
left: -120px;
z-index: 99999999;
bottom: 30%;
padding: 0 10px;
height: 170px;
transition: 0.4s ease;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
text-align: center;
}
.enamdslide span {
font-size: 16px;
color: #545454;
line-height: 41px;
transform: rotate(90deg);
display: -webkit-inline-box;
position: relative;
right: -57px;
top: 68px;
text-align: center;
transition: 0.4s ease;
}
.enamdslide:hover {
left: 0;
}
.enamdslide img {
padding: 0;
top: -17px;
position: relative;
}
.video-wrp {
max-width: 900px;
margin: 0 auto;
}
.mobilemenu .collapsible-header.active {
background: #fafafa;
}
.mobilemenu .collapsible-body {
background: #fff;
padding: 0;
border-bottom: 0;
}
span.phone-number {
margin-top: 1.5rem !important;
display: block;
height: 22px;
line-height: 28px;
color: #008a70;
font-weight: 700;
font-size: 16px;
}
span.phone-number i {
float: left;
color: inherit;
line-height: 30px;
}
span.pages {
clear: both;
width: 100%;
display: inline-block;
padding: 12px;
}
li.woocommerce-widget-layered-nav-list__item.wc-layered-nav-term {
background: #f7f7f7;
margin: 6px;
padding: 6px 10px !important;
border-radius: 4px;
}
.price_slider_wrapper {
display: block;
}
.price_slider_wrapper button.button {
width: 100%;
max-width: 250px;
margin: 6px auto;
padding: 8px 10px;
font-size: 14px;
}
.price_slider_amount .price_label {
text-align: center;
margin: 22px auto;
display: inline-block;
}
.installment-faq .collapsible-header {
background: #fff;
color: #000;
border-bottom: 1px solid #c5c5c5;
}
a.installment-btn {
background: #008a6f;
width: 100% !important;
border-radius: 2px;
color: #fff;
font-size: 15px;
height: 100% !important;
box-shadow: 1px 1px 2px #dcdcdc;
border: 0;
}
.installment-faq .collapsible-body {
background: #fff;
}
h1.latestprop {
margin: 33px 0 0px 0;
}
.installment-faq span {
font-size: 13px;
}
a.installment-btn:hover {
background: #424241;
color: #fff;
}
a.installment-btn span {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
a.installment-btn::after {
content: attr(data-text);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: translate(-30%, 0);
transform: translate(-30%, 0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
a.installment-btn:hover > span {
opacity: 0;
-webkit-transform: translate(0px, 40px);
transform: translate(0px, 40px);
}
a.installment-btn:hover::after {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
a.headerbtn {
background: #008a72;
padding: 0 18px;
border-radius: 3px;
text-align: center;
font-size: 12px;
line-height: 40px;
height: 40px;
margin: 12px 10px 0 0;
}
a.headerbtn i {
font-size: 22px;
float: left;
margin: 0 8px 0 0;
color: #ff9901;
}
aside.custombanner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 0;
display: block;
background-color: rgb(203, 245, 241);
}
aside.custombanner a {
margin: 0;
height: 50px;
border-radius: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
width: 100%;
display: block;
max-width: 4000px;
margin: auto;
}
.caption.black {
color: #000 !important;
}
.about.contact-back.contact-back {
background: url(https://sazkala.com/wp-content/uploads/2021/03/sz-aboutus.jpg);
color: #fff;
background-size: cover;
padding: 0 0 3rem;
}
.about-back {
background: url(https://sazkala.com//wp-content/uploads/2019/05/about-sazkala.jpg) !important;
}
.contactus-btn-wrapper a {
background: #fff;
color: #000;
margin: 0 auto;
width: 90%;
}
header.woocommerce-products-header {
display: contents;
}  @font-face {
font-family: "Samim-FD-WOL";
src: url(//sazkala.com/wp-content/themes/sazkala-website/fonts/Samim-FD-WOL.eot?#) format("eot"),
url(//sazkala.com/wp-content/themes/sazkala-website/fonts/Samim-FD-WOL.woff) format("woff"),
url(//sazkala.com/wp-content/themes/sazkala-website/fonts/Samim-FD-WOL.ttf) format("truetype");
}
@font-face {
font-family: "Samim-Bold-FD-WOL";
src: url(//sazkala.com/wp-content/themes/sazkala-website/fonts/Samim-Bold-FD-WOL.eot?#) format("eot"),
url(//sazkala.com/wp-content/themes/sazkala-website/fonts/Samim-Bold-FD-WOL.woff) format("woff"),
url(//sazkala.com/wp-content/themes/sazkala-website/fonts/Samim-Bold-FD-WOL.ttf) format("truetype");
}
.contact-back p {
color: #fff;
}
@media only screen and (max-width: 800px) {
.prlx-inside p {
line-height: 17px;
font-size: 13px;
margin: 0;
}
.prlx-inside h2 {
font-size: 18px;
text-align: center;
}
a.white-btn {
margin: 15px 0 0;
}
p#billing_city_field {
float: right;
}
}
.woo-product-footer ul.collapsible {
margin: 1rem 0;
}     .woo-product-footer h1,
.woo-product-footer h2,
.woo-product-footer h3 {
margin: 12px 0 8px; }   .woo-product-footer {
padding: 1rem;
}
.socialmedia i {
font-size: 28px;
color: #fff !important;
}
.socialmedia a {
float: right;
margin: 0 0 0 10px !important;
}
.kk-star-ratings.kksr-top {
margin: 1.5rem !important;
}
ul.product_list_widget span.woocommerce-Price-currencySymbol {
font-size: 12px;
}
ins span.woocommerce-Price-amount.amount { }
td .woocommerce-Price-amount bdi {
color: #09caa7;
}
td del {
filter: grayscale(1);
}
ul.product_list_widget span.woocommerce-Price-amount.amount { display: block;
margin: 20px 0;
float: left;
width: 110px;
font-size: 13px;
}
p.pr-price span {
font-size: 13px;
margin: 0 7px;
color: #ee8e00;
}
.woocommerce .widget_layered_nav_filters ul li a {
font-size: 12px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
position: relative;
height: 27px;
line-height: 18px;
text-align: center;
letter-spacing: -0.4px;
font-family: iranyekan;
width: 100%;
display: inline-block;
}
span.price span.woocommerce-Price-currencySymbol {
margin: 1px 0 0;
}
span.price span.woocommerce-Price-amount.amount {
margin: 8px 0 0;
font-size: 15px;
text-align: center;
font-weight: 700;
float: left;
line-height: 12px;
} .woocommerce .woocommerce-result-count {
margin: 20px;
float: right;
margin-top: 20px;
}
form.woocommerce-ordering {
width: 200px;
margin: 16px !important; }
form.woocommerce-ordering {
max-width: 210px;
height: 40px;
display: inline-block;
}
#button-filter-mobile {
display: flex;
width: 90px;
margin: 16px;
align-items: center;
float: right;
background-color: #079a7e;
padding: 5px;
border-radius: 10px;
color: white;
}
#button-filter-mobile img {
width: 25px;
}
#button-filter-mobile #filter-mobile-label {
padding-right: 0px;
flex: auto;
margin-right: 10px;
font-size: 16px;
}
.product-before-loop form.woocommerce-ordering {
max-width: 210px;
height: 40px;
display: inline-block; margin-right: 2px !important;
}
.product-before-loop select.orderby {  border: none;
margin: 0;
background-color: #079a7e;
padding: 5px;
padding-right: 10px;
height: 35px;
border-radius: 10px;
line-height: 20px;
color: white;
} @media (max-width: 992px) {
.woocommerce .woocommerce-result-count {
float: none;
}
}
.search-wrp {
margin: 16px;
}
.search-input-container {
background: #353535;
}
.search-wrp input#yith-searchsubmit {
border: 1px solid #e7e7e7;
border-width: 1px 0 1px 1px;
border-radius: 4px 0 0 4px;
background: #e7e7e763;
padding: 10px 20px;
font-size: 13px;
margin: 0 -5px;
color: black !important;
}
.autocomplete-suggestions {
padding: 0 8px;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 0 0 3px 3px;
box-sizing: border-box;
box-shadow: 1px 1px 4px #8282822e;
width: 429px !important;
}
.autocomplete-suggestion {
background: #f7f7f7;
cursor: pointer;
text-align: left;
line-height: 22px;
padding: 5px;
font-size: 10px;
text-align: right;
clear: both;
position: relative;
min-height: 60px;
margin: 7px 0;
color: #000;
max-height: 66px;
}
.autocomplete-suggestion:hover {
background-color: #e0e0e0;
}
.autocomplete-suggestion .yith_wcas_result_content {
display: block;
overflow: hidden;
padding: 0 10px 0 0;
}
.autocomplete-suggestion .align-right {
float: right;
margin: 0;
width: 50px;
border-radius: 4px;
display: block;
}
.autocomplete-suggestion p.yith_wcas_result_excerpt,
.autocomplete-suggestion div.yith_wcas_result_categories {
line-height: 1.2em;
margin-bottom: 5px;
overflow: hidden;
display: none;
font-size: 12px;
color: #fff;
}
.autocomplete-suggestions span.sku {
display: block;
font-size: 0.9em;
line-height: 1em;
}
.woocommerce .autocomplete-suggestion div.badges,
.autocomplete-suggestion div.badges {
right: 34px;
left: auto;
position: absolute;
top: 40px;
width: auto;
line-height: 2em;
}
.woocommerce .autocomplete-suggestion span.yith_wcas_result_on_sale,
.autocomplete-suggestion span.yith_wcas_result_on_sale {
position: relative;
background-color: #008872;
color: #fff;
padding: 0 5px;
height: auto;
font-size: 9px;
display: inline-block;
border-radius: 2px;
}
.woocommerce .autocomplete-suggestion span.yith_wcas_result_outofstock,
.autocomplete-suggestion span.yith_wcas_result_outofstock {
position: relative;
color: #fff;
padding: 0 8px;
height: auto;
display: inline-block;
}
.woocommerce .autocomplete-suggestion span.yith_wcas_result_featured,
.autocomplete-suggestion span.yith_wcas_result_featured {
position: relative;
background-color: #c0392b;
color: #fff;
padding: 0 8px;
height: auto;
display: inline-block;
margin-left: 3px;
}
#yith-ajaxsearchform select,
input[type="search"] {
margin-bottom: 10px;
}
input[type="search"] {
-webkit-appearance: textfield;
}
label.screen-reader-text.active {
display: none;
}
#yith-ajaxsearchform .search-navigation {
display: inline-block;
width: 350px;
max-width: 100%;
}
.woocommerce .autocomplete-suggestions .link-result {
display: block;
text-align: center;
clear: both;
padding: 5px;
font-size: 14px;
}
.autocomplete-suggestion img {
margin: 0 !important;
border-radius: 3px;
}
.autocomplete-suggestion del,
.autocomplete-suggestion ins {
font-size: 10px;
line-height: 15px;
float: left;
text-align: left;
position: relative;
top: -18px;
}
.autocomplete-suggestion ins {
margin-right: 10px;
}
.autocomplete-suggestion .title {
font-size: 11px;
line-height: 22px;
letter-spacing: -0.5px;
height: 22px;
overflow: hidden;
}
.yith-ajaxsearchform-wide .yith-ajaxsearchform-container {
display: table;
width: 100%;
}
.yith-ajaxsearchform-wide .yith-ajaxsearch-filters {
display: table-cell;
vertical-align: middle;
}
.yith-ajaxsearchform-wide .yith-ajaxsearchform-select,
.yith-ajaxsearchform-wide .search-input-container,
.yith-ajaxsearchform-wide .search-submit-container {
display: table-cell;
vertical-align: middle;
padding-right: 0;
}
.yith-ajaxsearchform-wide .search-input-container {
width: 100%;
}
.yith-ajaxsearchform-wide .search-input-container input[type="search"] {
width: 100%;
padding: 0 10px;
}
.yith-ajaxsearchform-wide .search-submit-container {
padding-right: 0;
}
.yith-ajaxsearchform-wide #yith-ajaxsearchform select,
.yith-ajaxsearchform-wide input[type="search"] {
margin: 0;
}
.yith-ajaxsearchform-wide .search-input-container input[type="search"],
.yith-ajaxsearchform-wide #yith-ajaxsearchform select,
.yith-ajaxsearchform-wide #yith-ajaxsearchform input[type="submit"] {
min-height: 30px;
margin: 0;
font-size: 12px;
}
.yith-ajaxsearchform-wide.filters-above .yith-ajaxsearch-filters {
display: table;
width: 100%;
margin-bottom: 5px;
}
.yith-ajaxsearchform-wide.filters-above .yith-ajaxsearchform-select {
width: 50%;
}
.yith-ajaxsearchform-wide.filters-above .yith-ajaxsearchform-select:last-child {
padding-right: 0;
}
.yith-ajaxsearchform-wide.filters-above .yith-ajaxsearchform-select select {
width: 100%;
}
.searchlist {
margin: 12px 2% 0;
background: #fff;
padding: 1rem;
display: inline-block;
width: 96%;
}
.searchlist form.cart {
display: none;
}
span.search-title {
color: #000;
}
.thumb img {
border-radius: 4px;
}
.searc-box {
background: #f7f7f7;
display: inline-block;
}
.mobile-search-wrp {
padding: 6px;
background: hsl(0, 0%, 100%);
margin: 2px auto 0;
width: 100%;
}
.searc-box form.variations_form.cart {
display: none;
}
.searc-box form.cart {
display: none;
}
.ywpc-countdown,
.ywpc-sale-bar {
border-radius: 2px;
margin: 0 0 18px;
font-size: 0;
clear: both;
padding: 1rem;
}
.ywpc-countdown > .ywpc-header,
.ywpc-sale-bar > .ywpc-header,
.ywpc-countdown > .ywpc-timer,
.ywpc-sale-bar > .ywpc-bar {
vertical-align: middle;
display: inline-block;
}
.ywpc-countdown > .ywpc-header,
.ywpc-sale-bar > .ywpc-header {
font-size: 0;
font-weight: 700;
padding: 10px;
word-wrap: break-word;
}
.ywpc-sale-bar > .ywpc-header {
width: 40%;
}
.ywpc-sale-bar > .ywpc-bar {
width: 60%;
}
.ywpc-countdown > .ywpc-timer > .ywpc-days,
.ywpc-countdown > .ywpc-timer > .ywpc-hours,
.ywpc-countdown > .ywpc-timer > .ywpc-minutes,
.ywpc-countdown > .ywpc-timer > .ywpc-seconds {
display: inline-block;
width: 50px;
margin: 0;
float: left;
}
.ywpc-countdown > .ywpc-timer > .ywpc-days {
width: 70px;
}
.ywpc-countdown > .ywpc-timer > div > .ywpc-label {
font-size: 12px;
}
.ywpc-sale-bar > .ywpc-bar > .ywpc-label {
font-size: 10px;
}
.ywpc-countdown > .ywpc-timer > div > .ywpc-amount > span {
display: inline-block;
background: #ec8e00;
padding: 0 5px;
margin: 0;
height: 28px;
margin-left: -4px;
letter-spacing: 3px;
line-height: 28px !important;
border-radius: 3px;
width: 22px;
line-height: 36px;
color: #fff;
font-weight: 700;
font-size: 15px;
}
.ywpc-sale-bar > .ywpc-bar > .ywpc-back,
.ywpc-sale-bar > .ywpc-bar > .ywpc-back > .ywpc-fore {
display: block;
height: 20px;
}
.ywpc-sale-bar > .ywpc-bar > .ywpc-back {
width: 100%;
background: #e6e6e6;
margin: 5px 0;
}
.ywpc-sale-bar > .ywpc-bar > .ywpc-back > .ywpc-fore {
width: 0;
background: #a12418;
}
.ywpc-countdown-loop,
.ywpc-sale-bar-loop {
font-family: "Open Sans", sans-serif;
text-align: center;
margin: 10px 0;
font-size: 0;
text-transform: uppercase;
clear: both;
}
.ywpc-countdown-loop > .ywpc-header,
.ywpc-sale-bar-loop > .ywpc-header,
.ywpc-countdown-loop > .ywpc-timer,
.ywpc-sale-bar-loop > .ywpc-bar {
display: block;
}
.ywpc-countdown-loop > .ywpc-header,
.ywpc-sale-bar-loop > .ywpc-header {
font-size: 15px;
font-weight: 700;
color: #a12418;
word-wrap: break-word;
}
.ywpc-countdown-loop > .ywpc-timer > .ywpc-days,
.ywpc-countdown-loop > .ywpc-timer > .ywpc-hours,
.ywpc-countdown-loop > .ywpc-timer > .ywpc-minutes,
.ywpc-countdown-loop > .ywpc-timer > .ywpc-seconds {
display: inline-block;
width: 54px;
margin: 10px 0;
}
.ywpc-countdown-loop > .ywpc-timer > .ywpc-days {
width: 66px;
}
.ywpc-countdown-loop > .ywpc-timer > div > .ywpc-label {
color: #606060;
font-size: 10px;
}
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-label {
color: #606060;
font-size: 15px;
font-weight: 700;
}
.ywpc-countdown-loop > .ywpc-timer > div > .ywpc-amount > span {
display: inline-block;
background: #fff;
border: 1px solid #dbd8d8;
margin: 0 1px;
height: 28px;
width: 20px;
line-height: 25px;
color: #3c3c3c;
font-weight: 700;
font-size: 15px;
}
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-back,
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-back > .ywpc-fore {
display: block;
height: 12px;
}
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-back {
width: 100%;
background: #e6e6e6;
margin: 5px 0;
}
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-back > .ywpc-fore {
width: 0;
background: #a12418;
}
.block-editor .ywpc-shortcode-products li {
list-style: none;
width: max-content;
} ol.flex-control-nav.flex-control-thumbs {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
ol.flex-control-nav.flex-control-thumbs li {
display: block;
border: 1px solid #c3c3c352;
margin: 1px;
padding: 10px;
border-radius: 3px;
box-shadow: 1px 1px 4px #d0d0d09e;
}
ol.flex-control-nav.flex-control-thumbs img {
width: 60px;
}
.product-thumb-single {
width: 400px;
margin: 0 auto;
}
.product-thumb-single {
width: 300px;
margin: 0 auto;
display: block;
}
.woocommerce-product-gallery__image img {
width: 90%;
margin: 0 5%;
}
.flex-viewport {
width: 100%; margin: 0 auto;
}
.woocommerce-product-gallery__image { margin: 0px 0px 0 0px !important;
}
.cat-box {
display: inline-block; background: white;
box-shadow: 1px 1px 7px #00000026;
height: 120px;
width: 110px;
}
.cat-box img {
margin: 0 auto 1rem;
}
.feature-item .feature-item-text {
font-weight: bold;
font-weight: 800;
font-size: 15px;
margin: 1rem 0;
display: block;
}
@media only screen and (max-width: 600px) {
.cat-box {
width: 90px;
height: 100px;
}
.cat-box img {
width: 40px;
} .woocommerce ul.products li.product a img {   }
.woocommerce ul.products li.product .price { }
.woocommerce ul.products li.product .button { }
.background-image {
text-align: center;
width: 100%;
height: 300px;
}
li.wc_payment_method {
width: 100%;
margin: 2% 0;
}
input#yith-searchsubmit {
width: 30%;
float: left;
background: #f3f3f37a;
}
#yith-ajaxsearchform .search-navigation {
width: 70%;
}
p.comment-form-comment {
top: 100px;
}
.woocommerce form.checkout .form-row {
display: contents;
}
p#billing_city_field {
float: right;
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
width: 100%;
}
.comment-form-rating {
top: 90px;
position: relative;
float: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { width: 320px;
height: 390px;
}
.woocommerce ul.products li.product .button {
top: 70px !important;
}
.woocommerce ul.products li.product .price {
top: 55px !important;
}
.woocommerce-message {
max-width: 96%;
}
.woocommerce-notices-wrapper .woocommerce-message {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.feature-item.hf {
margin: 1rem 10px;
}
.feature-item.hf img {
float: right;
width: 50px;
margin: 20px;
}
.feature-item.hf span {
height: 40px;
margin: 24px 0;
font-size: 12px;
text-align: right;
}
.feature-item.hf {
margin: 5% 0 0 0;
width: 18%;
display: inline-block;
}
.feature-item.hf img { margin: 3px auto;
float: none;
height: 30px;
}  .feature-item.hf i {
font-size: 2rem;
}
.feature-item {
width: 90px;
display: inline-grid;
margin: 0 auto;
}
.feature-item .feature-item-text {
font-size: 10px;
height: 44px;
padding: 0 6px;
display: flex;
justify-content: center;
} .slider .slides li .caption {
top: 0;
width: 100%;
left: 0;
}
h1,
h1.product-title {
font-size: 17px;
margin: 10px 0;
}
.rp-grid {
width: 100%;
height: 130px;
}
.rp-grid img {
width: 50px;
margin: 10px auto;
margin-bottom: 5px;
}
a.brand-logo.smallogo {
left: -210px !important;
}
section.lastsection {
height: auto;
}
span.copyright {
float: none !important;
display: block;
text-align: center;
}
.menu-footer-menu-container {
text-align: center;
float: none;
}
.page-footer ul li {
text-align: center;
float: none;
}
.social.right {
float: none;
text-align: center;
display: contents;
}
.caption.center-align {
top: 50% !important;
}
.caption span {
font-size: 15px;
}
a.next i {
margin: 55px 10px;
}
a.prev i {
margin: 55px 0;
}
a.prev {
width: 50px;
}
.caption h3 {
font-size: 17px;
margin: 0;
text-align: center;
padding: 10px;
}
.social {
text-align: center;
float: none;
}
.sm-box {
margin: 10px;
}
h1.single-title {
font-size: 20px;
margin: 18px auto;
}
.single-post {
margin-top: 2rem;
}
.container {
width: 100%;
}
h3 {
font-size: 19px;
}
a.header-serach {
margin: 11px 4px 0;
}
.about.contact-back.contact-back {
height: auto;
}
.contactbox {
height: auto;
margin: 0;
border-radius: 0;
}
.contactbox h2 {
margin: 5px;
}
.contactbox p {
min-height: auto;
margin: 10px auto;
}
.phonebox {
margin: 0;
border-radius: 0;
}
.slider .slides li img {
background-size: cover;
height: 200px;
}
.slider .slides {
height: 200px !important;
}
.slidernav a {
margin: 0;
}
.slider {
height: 210px !important;
}
}
@media screen and (max-width: 620px) {
.credit-calculator {
width: 100% !important;
}
}
.credit-calculator .answer {
display: none;
background: #eee;
padding: 0.5rem 1rem;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 1rem 0;
}
.credit-calculator .input-field.prepayment {
display: none;
}
.credit-calculator .input-field {
margin-top: 0.7rem;
margin-bottom: 0.7rem;
}
.credit-calculator .answer-row {
display: flex;
justify-content: space-between;
}
.credit-calculator button[type="reset"] {
background-color: #ef5350;
}
.credit-calculator button[type="submit"]:hover {
background-color: #388e3c;
}
.credit-calculator button:hover i {
color: #fff;
}
.credit-calculator .input-field input[type="text"],
.credit-calculator .input-field select {
padding: 0.4rem 0.7rem;
border-radius: 3px;
}
.credit-calculator {
padding: 3rem;
width: 700px;
margin: 1rem auto;
background-color: #fff;
}
.finance-content {
background-color: #fff;
padding: 1rem;
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
.finance-content p {
line-height: 2rem;
}
.finance-page .single-title {
display: flex;
justify-content: center;
align-items: center;
}
.finance-page .single-title img {
margin: 0 0 0 1rem;
}
.finance-page .bycheque,
.finance-page .renter {
display: flex;
align-items: center;
margin: 1rem 0;
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
.finance-page .bycheque p {
background: #e3f2fd;
color: #42a5f5;
padding: 1rem;
margin: 0;
width: 80%;
}
.finance-page .bycheque a i,
.finance-page .renter a i {
color: #f1f1f1;
}
.finance-page .bycheque a {
background: #42a5f5;
padding: 1rem;
text-align: center;
width: 20%;
justify-content: center;
color: #f1f1f1;
display: flex;
align-items: center;
}
.finance-page .renter p {
background: #e8f5e9;
color: #4caf50;
width: 80%;
margin: 0;
padding: 1rem;
}
.finance-page .renter a {
background: #4caf50;
color: #f1f1f1;
width: 20%;
justify-content: center;
display: flex;
align-items: center;
text-align: center;
padding: 1rem;
}
@media screen and (max-width: 700px) {
.finance-page .renter a,
.finance-page .bycheque a,
.finance-page .renter p,
.finance-page .bycheque p {
width: 100%;
text-align: center;
padding: 2rem 1rem;
}
.finance-page .renter,
.finance-page .bycheque {
margin: 2rem 0;
}
.finance-page .bycheque,
.finance-page .renter {
flex-direction: column;
}
}
a.button {
-webkit-appearance: button;
padding: 10px 25px;
font-family: inherit;
width: 90px;
margin: 10px 0;
}  .woocommerce .wc-forward {
width: max-content;
margin: -10px;
} .topheader {
height: auto;
}
a.phone-num { line-height: 20px;
}
.header-phone-number {
background-color: #07cba7;
display: flex;
direction: ltr;
justify-content: center;
align-items: center;
color: white;
font-size: 16px;
font-weight: bold;
padding: 5px;
padding-right: 10px;
padding-left: 10px;
border-radius: 10px;
margin-top: 15px;
}
@media (max-width: 500px) {
a.phone-num {
margin: 0px;
}
.header-phone-number {
font-size: 13px;
padding-right: 8px;
padding-left: 8px;
}
}
@media screen and (max-width: 1270px) { .header-phone-number {
margin-top: 5px;
}
}
@media screen and (max-width: 380px) {
a.phone-num {
padding-right: 0px !important;
margin-left: -6px !important;
}
a.button-collapse {
margin-left: 2px !important;
margin-right: 2px !important;
}
img.logo-side-nav {
margin-right: 0px !important;
}
img.phone_header {
width: 100px !important;
padding-right: 5px !important;
padding-left: 5px !important;
}
}
@media screen and (min-width: 600px) {
.wrap-left-header {
margin-top: 14px;
}
.search-navigation {
margin-top: 14px;
}
img.logo {
width: 150px;
}
} .woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
width: max-content;
}                                                          li.product.product-call:after {
content: url(https://sazkala.com/wp-content/uploads/image-icons/Call2.svg);
position: absolute;
z-index: 100;
top: 5px;
left: 5px;
}                 li.product.product-soon:after {
content: "بزودی";
position: absolute;
z-index: 100;
color: white;
background-color: #f93d22;
bottom: 25px;
left: 10px;
width: 180px;
height: 25px;
vertical-align: middle;
}
@media (max-width: 600px) {
li.product.product-soon:before {
left: 41px !important;
}
}  li.product.product-new:after {
content: url(https://sazkala.com/wp-content/uploads/image-icons/New2.svg);
position: absolute;
z-index: 100;
top: 5px;
left: 5px;
}
li.product.product-used::after { content: url(https://sazkala.com/wp-content/uploads/image-icons/used8.svg);
position: absolute;
z-index: 100;
top: -3px;
left: 3px;
right: unset !important;
} li.product-sale:after {
content: url(https://sazkala.com/wp-content/uploads/image-icons/sale.svg) !important;
position: absolute;
z-index: 100;
top: -2px;
right: -19px;
}    li.product-festival::after {
content: url(https://sazkala.com/wp-content/uploads/image-icons/jashnvareh.svg) !important; position: absolute;
z-index: 100;
top: -2px;
right: -19px;
}
aside.custombanner a {
height: 45px;
}
@media only screen and (min-width: 600px) {
aside.custombanner a {
height: 60px;
}
}
@media only screen and (max-width: 600px) {
.emergency-number {
background-size: 1150px 41px !important;
}
}                li.outofstock:after {
content: "ناموجود" !important;
position: absolute;
z-index: 100;
color: #7e7d7d;
background-color: #d9d9d9;
right: unset !important;
top: unset !important;
bottom: 25px;
left: 10px;
width: 180px;
height: 25px;
vertical-align: middle;
}
li.product.product_cat-gift::before {
content: url(https://sazkala.com/wp-content/uploads/image-icons/gift.svg);
position: absolute;
z-index: 100;
top: 40px;
left: 5px;
}
.rb_related_products_swiper li.product.product_cat-gift::before {
top: -20px;
}
@media (max-width: 600px) {
li.outofstock:before {
left: 41px !important;
}
}           .discount-sale-green {
position: absolute;
right: -1px;
top: 45px;
border-radius: 5px;
width: 40px;
height: 20px;
z-index: 5;
color: #09caa7;
}
.discount-sale-red {
position: absolute;
right: -1px;
top: 45px;
border-radius: 5px;
width: 40px;
height: 20px;
z-index: 5;
color: #f93d22;
}
.rb_product_thumb_wrapper {
position: relative;
}  .rb_product_image_box .discount-sale-green {
right: 5px;
top: 46px;
}
.rb_product_image_box .discount-sale-red {
right: 5px;
top: 46px;
}
@media (min-width: 768px) { .rb_product_image_box .discount-sale-red {
right: -1px;
top: 42px;
}
}
@media (max-width: 400px) {    } .absolute-label-product {
position: absolute !important;
z-index: 100;
top: -2px;
right: -18px;
width: 80px !important;
height: auto;
}
@media only screen and (min-width: 600px) {
.absolute-label-product {
left: -130px;
top: 0px;
width: 100px !important;
}
}
a.woocommerce-product-gallery__trigger {
display: none;
}
.outofstock-product:before {
content: url(https://sazkala.com/wp-content/uploads/2020/07/label_outstock.png) !important;
}
.call-product:before {
content: url(https://sazkala.com/wp-content/uploads/2020/07/label_call.png) !important;
}
.soon-product:before {
content: url(https://sazkala.com/wp-content/uploads/2020/07/label_comingsoon.png);
}
.sale-product:before { content: url(https://sazkala.com/wp-content/uploads/image-icons/sale.svg) !important;
}
.festival-product:before { content: url(https://sazkala.com/wp-content/uploads/image-icons/jashnvareh.svg) !important;
} .new-product {
right: 5px;
top: 5px;
}
.new-product:before {
content: url(https://sazkala.com/wp-content/uploads/image-icons/New2.svg);
}  span.woocommerce-loop-product__title.related-product {
display: flow-root !important;
}
@media only screen and (max-width: 600px) {
span.woocommerce-loop-product__title.related-product { text-align: left;
}
}
#state-single-proudtc {
background-color: #f93d22;
width: 190px;
height: 35px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
color: white;
font-size: 20px;
}      @media only screen and (min-width: 400px) and (max-width: 600px) {
.woocommerce ul.products li.product .woocommerce-loop-product__title { }
}
footer span {
text-shadow: 1px 1px #444444;
}
.page-footer p {
text-shadow: 1px 1px #333333;
color: #eee !important;
}
.page-footer ul li a,
.page-footer p {
text-shadow: 1px 1px #333333;
color: #eee !important;
}  @media only screen and (min-width: 600px) {
.slider {
height: 270px !important;
}
.slider .slides {
height: 270px !important;
}
}
@media only screen and (min-width: 992px) {
.slider {
height: 350px !important;
}
.slider .slides {
height: 350px !important;
}
}
@media only screen and (min-width: 1270px) {
.slider {
height: 400px !important;
}
.slider .slides {
height: 400px !important;
}
}
@media only screen and (min-width: 1480px) {
.slider {
height: 480px !important;
}
.slider .slides {
height: 480px !important;
}
}
@media only screen and (min-width: 1680px) {
.slider {
height: 520px !important;
}
.slider .slides {
height: 520px !important;
}
}
@media only screen and (min-width: 1920px) {
.slider {
height: 560px !important;
}
.slider .slides {
height: 560px !important;
}
} @media only screen and (max-width: 768px) and (orientation: portrait) { .slider {
height: 40vw !important;
}
.slider .slides {
height: 40vw !important;
}
.slider .slides li img {
background-size: contain;
height: 40vw;
} } .slider-wrp {
min-width: 50vw; }
@media only screen and (max-width: 768px) and (orientation: portrait) {
.slider-wrp {
min-width: 50vw; }
} .woocommerce-product-gallery__image img {
width: 80%;
padding: 10px;
margin: auto;
}  .select2-selection--single .select2-selection__rendered {
line-height: 38px !important;
}
.select2-container--default .select2-selection--single {
height: 38px;
line-height: 38px;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
height: 38px !important;
} .pswp__container,
.pswp__scroll-wrap {
background: #f7f7f7;
}
.pswp__caption {
display: none;
}
button.pswp__button--arrow--left::before,
button.pswp__button--arrow--right::before {
background-color: darkgrey !important;
} #quantity_5ee0afedcec67 {
display: none;
}
#quantity_5f21673066116 {
display: none;
}
li.product div div img {
margin: 0 !important;
width: 40px !important;
height: 40px !important;
max-width: 45px;
max-height: 45px;
right: 0;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { position: relative;
}
@media (max-width: 600px) { li.product div div {
margin-right: -12px;
margin-top: -45px;
}
.woocommerce ul.products li.product a img { }
}
@media (min-width: 600px) {
li.product div div {
margin-right: -10px !important;
margin-top: -12px !important;
} .woocommerce ul.products li.product a img {
max-width: 240px !important;
}
} .woocommerce ul.product_list_widget li a {
width: 196px;
margin: auto;
} .woocommerce table.shop_attributes td {
direction: ltr;
} .wrap-iconcat {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 34px !important;
}
.cat-box-icon {
width: 110px; position: relative;
display: inline-block;
margin: 4px;
margin-bottom: 25px;
padding-top: 40px; }
.cat-box-icon.border-icon {
border: 1px solid #bbb;
border-radius: 5px;
padding-top: 10px !important;
}
.cat-box-icon .wrap-image-iconcat {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
}
.cat-box-icon img {
width: auto;
height: auto;
}
.center {
text-align: center;
}
.part-botton-iconcat { height: 30px;
background-color: #3bd5b9;
color: #111;
padding: 3px;
padding-top: 5px;
top: 105px;
width: 100%;
font-size: 14px;
word-spacing: -2px;
}
.font-small-icon {
letter-spacing: -1px;
font-size: 12px;
}
@media screen and (max-width: 798px) {
.font-small-icon {
font-size: 11px;
}
.menu-icon-top.center .cat-box-icon {
margin-bottom: 35px;
}
.cat-box-icon {
width: 96px; margin-bottom: 10px;
}
.cat-box-icon .wrap-image-iconcat {
height: 22px;
}
.part-botton-iconcat {
top: 85px;
height: 24px;
padding-top: 5px;
overflow: hidden;
font-size: 12px;
}
} .woocommerce-checkout form .form-row .woocommerce-input-wrapper {
display: block;
margin-bottom: 30px;
}
.woocommerce-checkout form .form-row select {
display: block;
margin-bottom: 30px;
} #nav-desctop li a {
font-size: 13px;
word-spacing: -2px;
}
#nav-desctop > div > ul > li > a {
font-size: 15px;
letter-spacing: -0.2px;
}
@media (min-width: 1500px) {
#nav-desctop > div > ul > li > a {
font-size: 16px;
letter-spacing: 0px;
}
} span.woocommerce-loop-product__title {
font-size: 15px !important;
overflow: visible;
}       .about-main { min-height: 120px;
padding-right: 40px !important;
padding-left: 40px !important;
margin-top: 30px;
}
.about-main h1 {
font-size: 1.8rem;
margin-top: 16px;
margin-bottom: 0px !important;
line-height: 28px;
}
.about-main p {
text-align: justify;
font-size: 15px;
} #wrap-footer {
padding: 40px;
}
#wrap-footer-row1 {
margin-bottom: 80px;
}
#footer-row1-col1 {
margin-bottom: 40px;
}
#wrap-footer .title-footer {
text-align: center;
}
#wrap-footer .title-footer span {
font-weight: bold;
} #email-footer {
background-color: #02493d;
border-radius: 20px;
}
#email-footer span {
margin-right: 30px;
font-weight: bold;
}
#footer-social-part {
background-color: #02493d;
border-radius: 20px;
padding-top: 20px;
padding-bottom: 20px;
} #sib_embed_signup {
padding: 0px 0px 40px 0px;
}
#sib_loading_gif_area {
position: absolute;
z-index: 9999;
display: none;
}
.sib-container .header {
padding: 0px 20px;
}
.row.mandatory-email {
padding: 10px 20px;
position: relative;
text-align: center;
}
.mandatory-email #email { height: 40px;
width: 78%;
min-width: auto;
border-radius: 0px 20px 20px 0px;
direction: ltr;
text-align: center;
}
input#email:focus-visible { box-shadow: 0.5px 0.5px 1px 0.5px #bbb;
}
.mandatory-email .button {
color: rgb(255, 255, 255) !important;
background: rgb(8, 202, 167) !important;
margin-right: -5px; height: 40px;
width: 70px;
text-align: center !important;
font-weight: bold;
font-size: 17px;
cursor: pointer !important;
border: 0px !important;
border-radius: 10px 0px 0px 10px !important;
vertical-align: top !important;
display: inline-block !important;
}
@media (max-width: 500px) {
.mandatory-email #email {
max-width: 170px;
}
}
.sib-container .view-messages { font-size: 15px;
padding: 2px;
color: red;
text-align: center;
border-radius: 10px;
line-height: 25px;
} #wrap-footer hr {
border: 1px solid #02493d;
} .social-svg {
width: 35px;
height: 35px;
border-radius: 5px;
max-width: none;
}
.wrap-social-footer {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 600px) {
.social-svg {
width: 28px;
height: 28px;
}
.wrap-social-footer {
justify-content: center;
}
}
@media (min-width: 992px) {
.wrap-social-namad {
margin-top: -80px;
margin-right: -25px;
}
}
@media (min-width: 1600px) {
.wrap-social-footer {
max-width: 370px;
margin: auto;
}
}  #wrap-enamad-part {
display: flex;
flex-direction: column;
}
#enamad-part {
margin: auto;
background-color: #02493d;
border-radius: 20px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}   @media (min-width: 992px) {
.first-header-navigation {
background-color: #ebe9e9;
height: 37px;
padding-right: 25px;
}
.first-header-navigation ul {
padding-top: 8px;
}
.first-header-navigation li {
display: inline-block;
margin-right: 20px;
}
.first-header-navigation a {
color: black;
} .wrap-left-header { }
}
.user-buy {
margin: 0px !important;
margin-top: 10px !important;
}
.wrap-phone {
float: left;
margin-left: 30px;
}
.phone_header {
background-color: rgb(215, 252, 245);
padding: 7px 8px;
border-radius: 9px;
margin-top: 0px;
}
@media (min-width: 1271px) {
.user-buy {
margin-top: 20px !important;
}
.phone_header {
margin-top: 10px;
min-height: 37px;
}
} .screen-reader-text {
display: none !important;
} li.disabled-result {
display: none !important;
}  .bottom-filter {
display: block;
height: max-content !important;
}
.WOOF_Widget {
width: 100% !important;
}
.top-filter {
display: none;
height: max-content !important;
}
.label-filter-top {
display: block;
font-size: 15px;
color: #eee;
background-color: #f93d22;
margin-top: 12px;
text-align: center;
cursor: pointer;
max-width: 160px;
margin: auto;
border-radius: 8px;
height: 30px;
padding-top: 3px;
text-shadow: 1px 1px 1px #333333;
margin-top: 20px;
}
.widget.widget-woof .widget-title {
font-size: 18px;
}
@media only screen and (min-width: 993px) {
.bottom-filter {
display: none;
}
.top-filter {
display: block;
}
.label-filter-top {
display: none;
}
.sidebar-filter {
max-width: 320px;
}
}
li.disabled-result {
display: none !important;
}
.product-part {
text-align: center;
}
.product-part .feature-item {
margin-top: 0px !important;
}
.chosen-container.chosen-container-single {
width: 200px !important;
margin-top: 5px;
margin-right: 30px;
display: block !important;
}
.woof_price_filter {
width: 230px !important;
min-width: 230px !important; margin-right: 30px;
margin-top: 35px;
direction: ltr;
display: block !important;
margin: auto;
}
.irs-from {
direction: ltr;
}
.irs-to {
direction: ltr;
}
.woof_container.woof_container_select.woof_container_pa_brand.woof_container_1.woof_container_ {
display: block;
}
@media (min-width: 600px) and (max-width: 991px) {
.woof_price_filter {
max-width: 140px;
margin: auto;
}
.chosen-container.chosen-container-single {
max-width: 140px;
}
} .woof_submit_search_form_container {
display: flex;
justify-content: center;
}
.woof_submit_search_form_container button {
min-width: 140px;
} .page-description a.filterscroll {
display: none;
} .woof_products_top_panel {
display: inline-block !important;
margin-top: 20px;
}
.woof_products_top_panel ul[data-container="pa_brand"] li:first-child {
display: none;
}
.woof_products_top_panel li {
min-width: 120px; text-align: center;
border-radius: 4px;
margin-top: 4px;
float: right !important;
}
.woof_products_top_panel ul li a {
background-color: #0d6b5a;
color: white;
padding: 5px;
padding-right: 20px;
padding-left: 20px;
display: block;
margin-bottom: 10px;
margin-right: 3px;
border-radius: 5px;
}
.woof_products_top_panel li span {
margin: auto;
color: white;
}
.woof_products_top_panel_ul button.woof_reset_button_2 {
display: none;
}  input.woof_image_term {
display: none;
}
.price_slider_amount input {
display: none;
}
ul.woof_list_image li {
width: 126px;
height: 86px;
} #top-filter .widget-title {
text-align: center;
}  .woof_image_term {
width: 120px !important;
min-width: 120px;
height: 80px !important;
min-height: 80px;
margin: 0 6px 6px 0 !important;
background-clip: border-box !important;
background-repeat: no-repeat;
background-position: center;
border: 2px solid #ccc !important;
padding: 2px;
color: #292f38 !important;
font-size: 0;
text-align: center;
cursor: pointer;
-webkit-border-radius: 8px;
border-radius: 8px !important;
-webkit-transition: border-color 0.35s ease;
transition: border-color 0.35s ease;
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
.woof_image_term {
width: 110px !important;
min-width: 110px !important;
height: auto;
}
ul.woof_list_image li {
width: 110px !important;
}
} p.woof_tooltip span.woof_tooltip_data {
right: 1px;
}
.woof_container_inner h4 {
direction: rtl;
margin-right: 15px;
font-size: 17px;
}
.woof_reset_search_form {
display: none !important;
}
.woof_submit_search_form {
float: right !important;
display: none;
}
.woo-product-footer {
display: inline-block;
text-align: right;
}   .woof_list_image .more-brand {
display: none;
}
.view-more {
cursor: pointer;
background-color: #09caa7;
color: #eee;
text-align: center;
max-width: 160px;
margin: auto;
height: 26px;
padding-top: 3px;
border-radius: 4px;
}
.woof_price_search_container .price_slider_amount .price_label {
text-align: center !important;
} #top-filter-part #sidebar {
margin-right: 25px;
}
#top-filter-part .widget_price_filter {
margin-right: 10px;
margin-left: 10px;
} span.woof_remove_ppi i {
color: white;
}  .pb1 {
padding-bottom: 4px !important;
}
.pb2 {
padding-bottom: 8px !important;
} @media only screen and (min-width: 600px) {
.wrap-image-feature {
line-height: 42px;
}
} .image-feature { margin-bottom: 7px !important;
} .archive-wrap-feature-item {
margin-top: 30px;
width: fit-content;
background-color: whitesmoke;
border-radius: 10px;
text-align: center;
}
.wrap-feature-single-product {
margin-bottom: 10px;
} @media only screen and (min-width: 600px) {
.archive-wrap-feature-item {
min-height: 110px !important;
}
.wrap-feature-single-product {
min-height: 141px !important;
height: 152px;
}
.product-detail .wrap-feature-single-product { }
} @media only screen and (min-width: 600px) and (max-width: 1400px) {
.wrap-feature-single-product {
display: flex !important;
}
.wrap-image-feature img {
padding-top: 5px;
margin-top: 7px;
}
}  .product-detail .col.s12.m9 {
min-height: 100px;
min-width: 100px;
}
.product-detail .box .col.s12.no-padding {
min-width: 150px !important;
min-height: 70px !important;
} .product-thumb-single .woocommerce-product-gallery .flex-viewport {
border: 1px solid #eee;
border-radius: 3px;
}
.woocommerce-product-gallery__image img {
width: 280px;
height: 280px;
}
.woocommerce-product-gallery__image {
width: 300px;
height: 280px;
}
.woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
margin: 0px;
} @media only screen and (min-width: 600px) {
.product-detail .col.s12.m9 {
min-height: 200px;
min-width: 200px;
}
.product-detail .box .col.s12.no-padding {
min-width: 255px !important;
min-height: 120pxpx !important;
}
.product-thumb-single {
height: 520px;
}  .woocommerce-product-gallery {
width: 420px !important;
height: 420px !important;
} .woocommerce-product-gallery > .flex-viewport {
height: 410px !important;
} .woocommerce-product-gallery__image {
width: 440px;
height: 440px;
} .woocommerce-product-gallery__wrapper img.zoomImg {
width: 690px !important;
height: 690px !important;
}
.woocommerce-product-gallery__image img {
width: 400px;
height: 400px;
} .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
float: right;
width: 420px;
}
.woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
display: inline-block;
}
.breadcrumb-wrp {
min-height: 25px;
min-width: 25px;
}
.product-title {
min-height: 25px;
min-width: 25px;
}
.product-detail .box #desc {
min-height: 100px;
min-width: 225px !important;
}
} .breadcrumb-wrp.right {
background-color: #ebe9e9;
height: 40px;
display: flex;
align-items: center;
} .state-product {
margin: auto !important;
width: max-content !important;
margin-top: 22px;
font-weight: bold;
font-size: 19px !important;
padding-top: 21px;
}
.red {
color: red !important;
}
.green {
color: green !important;
}  .sms-notif-content {
display: none;
} .product-detail #desc {
display: block;
}  .scroll-desc {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0;
margin: 0;
float: right;
min-width: 200px;
}
.scroll-desc a {
color: #000;
display: block;
width: 100%;
height: 100%;
padding: 0 25px;
font-weight: 300;
font-size: 15px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: color 0.28s ease, background-color 0.28s ease;
transition: color 0.28s ease, background-color 0.28s ease;
} a #tutorial-product-other {
max-width: 250px;
max-height: 250px;
height: auto;
margin-bottom: 20px;
border-radius: 5px;
min-width: 50px;
min-height: 50px;
}
@media (min-width: 1400px) {
a #tutorial-product-other {
max-width: 300px;
}
}
@media (min-width: 1600px) {
a #tutorial-product-other {
max-width: 350px;
}
} .rb_product_top_wrap .banner_wrap img:hover,
.single_product_footer_banner img:hover,
.rb_single_product_footer_banner_wrap img:hover {
box-shadow: 1px 1px 5px #444;
} .archive-wrap-feature-item .feature-item {
margin-top: 20px;
margin-bottom: 5px;
} .container-countdown {
margin-top: 15px;
}
.container-timing { margin: auto;
border-radius: 5px;
padding-top: 30px;
padding-bottom: 12px;
margin-bottom: 12px;  background-position: center;
background-repeat: no-repeat;
height: 240px; display: flex;
flex-direction: column;
justify-content: center;
}
.remain-time-label {
font-size: 20px;
text-align: center;
font-weight: 700; color: black;
font-style: italic;
}
@media (max-width: 692px) {                    .container-timing {  background-size: cover;
width: 95vw;
max-width: 380px;
height: auto;
aspect-ratio: 70/54;
padding-top: 140px;
}
.campaign-wrp .h_iframe-aparat_embed_frame {
max-width: 320px !important;
margin-top: 60px !important;
}
}
.countdown-time {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
font-size: 18px;
margin-bottom: 12px;
}
.countdown-field {
border-bottom: solid 3px #f93d22;
border-radius: 3px;
width: 55px;
height: 40px;
line-height: 30px;
margin: 8px;
color: black;
font-size: 26px; font-weight: bold;
}
.countdown-field-day {
margin-left: 16px;
margin-right: 16px;
}
.name-date { font-size: 18px;
color: black; }
@media (max-width: 692px) {
.remain-time-label {
font-size: 17px;
}
.countdown-time {
font-size: 15px;
}
.name-date {
font-size: 15px;
}
.countdown-field {
margin: 4px;
font-size: 20px;
width: 45px;
height: 40px;
}
}      .woocommerce-checkout #payment div.payment_box {
display: none !important;
} .usedpiano-page {
height: 95px;
}
.banner-usedpiano-desctop {
display: none;
}
.banner-usedpiano-mobile {
display: block;
}
@media (min-width: 692px) {
.banner-usedpiano-desctop {
display: block;
}
.banner-usedpiano-mobile {
display: none;
}
} .wrap-menu-fixed {
height: 50px;
} .page-custom-pageing {
display: flex;
justify-content: center;
direction: ltr;
}
.page-custom-pageing a.page-numbers {
color: rgba(0, 0, 0, 0.87);
}
a.page-numbers { margin: 0px;
padding: 10px;
padding-right: 12px;
padding-left: 12px;
line-height: 18px;
}
span.page-numbers.dots {
padding: 10px;
margin: 0px;
padding-left: 12px;
padding-right: 12px;
line-height: 18px;
}
span.page-numbers.current {
padding: 10px;
margin: 0px;
padding-left: 12px;
padding-right: 12px;
line-height: 18px;
}
.next.page-numbers {
width: 69px;
line-height: 18px;
}
.prev.page-numbers {
width: 69px;
line-height: 18px;
}  .product-item .single_variation_wrap {
display: none;
} .wp-block-media-text {
display: flex;
}
@media only screen and (min-width: 600px) {
.wp-block-columns {
display: flex;
}
} .scroll-icon-menu {
width: unset; }
.menu-icon-top {
width: 320px;  margin: auto;
-ms-overflow-style: none; scrollbar-width: none; }
.menu-icon-top::-webkit-scrollbar {
display: none;
}
@media (min-width: 340) {
.menu-icon-top {
width: 340px;
}
}
@media (min-width: 380px) {
.menu-icon-top {
width: 360px;
}
}
@media (min-width: 600px) {
.menu-icon-top {
overflow-x: visible;
width: auto;
display: contents;
}
.scroll-icon-menu {
min-width: auto;
min-height: max-content;
}
}
@media (max-width: 600px) {
.menu-icon-top {
margin-top: 10px;
}
}  .video-wrp .h_iframe-aparat_embed_frame {
max-width: 1000px;
margin: auto;
border: 1px solid black;
}
.h_iframe-aparat_embed_frame {
max-width: 1000px;
margin: auto;
border: 1px solid black;
} .campaign-wrp .h_iframe-aparat_embed_frame {
max-width: 380px;
margin: auto;
border: 1px solid black;
} .autocomplete-suggestions {
max-width: 98vw;
}
.tab-product-page {
min-width: auto;
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0;
margin: 0;
float: right;
}
.tab-product-page a {
color: #000;
display: block;
width: 100%;
height: 100%;
padding: 0 25px;
font-weight: 300;
font-size: 15px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: color 0.28s ease;
background-color: 0.28s ease;
transition: color;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 400;
}
.tab-product-page a:hover,
.tab-product-page a.active {
background-color: #008a70 !important;
color: #fff;
font-weight: 800;
}
@media only screen and (max-width: 992px) {
.tab-product-page a {
padding: 0 6px;
font-size: 11px;
}
} nav ul.menu a {
color: #242424 !important;
}
.about-font {
font-size: 16px !important;
}
h2.about-font {
font-size: 22px !important;
}
.about.contact-back.contact-back {
text-shadow: 1px 1px #222;
}
a.add_to_cart_button,
a.button.product_type_variable,
a.button.product_type_simple {
width: 35px !important;
height: 35px !important;
}
a.add_to_cart_button {
width: 80px !important;
} .wrap-share-compare {
display: none;
}
.wrap-share-compare2 {
display: block;
position: relative;
right: 0px;
top: 10px;
}
.wrap-share-compare2 li {
display: inline-block;
margin-right: 10px;
}
a.compare,
a.compare2 {
display: none !important;
}
.share-singlepage {
width: fit-content;
height: auto;
cursor: pointer;
}
.yith-wcwl-add-to-wishlist {
min-height: 32px;
}
.yith-wcwl-add-to-wishlist a {
display: none !important;
}
.yith-wcwl-add-to-wishlist .feedback {
background-color: lightblue !important;
padding: 5px 15px 5px 15px;
}
.yith-wcwl-add-to-wishlist {
padding-top: 3px;
padding-bottom: 3px;
}
.homeproductwrp .yith-wcwl-add-to-wishlist {
display: none;
} @media only screen and (min-width: 800px) {
.product-thumb-single {
margin-top: 40px;
}
a.compare {
display: block !important; background-image: url(https://sazkala.com/wp-content/uploads/image-icons/moghayeseh.svg) !important;
width: 35px !important;
height: 35px !important;
box-sizing: content-box; background-repeat: no-repeat !important;
background-color: inherit !important;
padding: 0px;
font-size: 0;
} a.compare.singlewidth {
width: 30px !important; background-image: url(https://sazkala.com/wp-content/uploads/image-icons/compare.svg) !important;
background-size: contain !important;
} a.compare.singlewidth.added {
background-image: url(https://sazkala.com/wp-content/uploads/image-icons/compare-gray.svg) !important;
color: white !important;
}
a.single_add_to_wishlist { width: 120px;
height: 22px; }
a.add_to_cart_button {
position: relative !important;
}
.share-singlepage {
display: block;
}
.wrap-share-compare {
display: block;
position: absolute;
}
.wrap-share-compare li {
opacity: 0.8;
}
.wrap-share-compare li:hover {
opacity: 1;
}
.double-margin-top {
margin-top: 30px;
}
.wrap-share-compare2 {
display: none;
}
.wrap-share-compare li {
display: block;
}
}  div#share-buttons {
text-align: center;
}
.share-button img {
width: 25px !important;
height: 25px !important;
margin-top: 8px;
border-radius: 4px;
display: inline-block;
margin-right: 28px;
}
@media only screen and (min-width: 600px) {
div#share-buttons {
float: right !important;
text-align: right;
}
.share-button img {
width: 35px !important;
height: 35px !important;
margin-top: 8px;
border-radius: 4px;
}
}  .modal-share {
display: none; position: fixed; z-index: 1000; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .modal-share-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
} @-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
} .close-share {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close-share:hover,
.close-share:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-share-header {
padding: 2px 16px;
background-color: #09caa7;
color: white;
}
.modal-share-body {
padding: 2px 16px;
min-height: 150px;
}
.modal-share-footer {
padding: 2px 16px;
background-color: #09caa7;
color: white;
}
.share-button {
width: max-content;
display: inline-block;
}  .star-rating {
display: none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
display: block;
}              p.stars a:before {
font-family: fontawesome !important;
} p.stars a:before {
content: "\f006" !important;
width: 50px;
height: 50px;
cursor: pointer;
direction: rtl;
}
p.stars.selected a.active ~ a:before {
content: "\f006" !important;
}
p.stars:hover a:before {
content: "\f005" !important;
}
p.stars a:hover ~ a:before {
content: "\f006" !important;
}  p.stars.selected a:not(.active):before,
p.stars.selected a.active:before {
content: "\f005" !important;
}
.woocommerce p.stars a {
font-size: 22px;
width: 2rem;
height: 2rem;
}
.comment-form-rating {
float: none;
display: contents;
}
.comment-form-rating label {
padding-right: 0px !important;
margin-right: 0px !important;
margin-top: 10px;
}
.comment-form-comment label {
margin-right: 0px !important;
padding-right: 0px !important;
}
.woocommerce #review_form #respond p.comment-form-author,
.woocommerce #review_form #respond p.comment-form-email {
margin-top: 10px;
display: flex;
flex-direction: column;
} .latest-posts h2 {
font-weight: 600;
}  .modal2 {
display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); z-index: 9999;
} .modal-content2 {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0px;
max-width: 90%;
border: 1px solid #888;
border-radius: 12px 12px 12px 12px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop2;
animation-duration: 0.4s;
}
.modal-content2 h2 {
font-size: 17px;
}
.modal-content2 h3 {
font-size: 14px;
}
@media (max-width: 600px) {
.modal-content2 h2,
.modal-content2 h3 {
margin: 1rem 0 1rem !important;
}
} @-webkit-keyframes animatetop2 {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
}
@keyframes animatetop2 {
from {
top: -300px;
opacity: 0;
}
to {
top: 0;
opacity: 1;
}
} .close2 {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close2:hover,
.close2:focus {
color: #111;
text-decoration: none;
cursor: pointer;
}
.modal-header2 {
padding: 1px 16px;
background-color: #09caa7;
color: #eff;
border-radius: 10px 10px 0px 0px;
}
.modal-body2 {
padding: 2px 6px;
background-repeat: no-repeat;
background-size: cover;
margin: 0px;
padding: 0px;  }
.modal-footer2 {
padding: 1px 16px;
background-color: #09caa7;
color: #eff;
border-radius: 0px 0px 10px 10px;
}
@media only screen and (min-width: 600px) {
.modal-content2 {
max-width: 80%;
}
.modal-content2 h2 {
font-size: 18px;
}
.modal-content2 h3 {
font-size: 16px;
margin-top: 1rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 600px) {
.modal-content2 .modal-header2 h2 {
margin-top: 2rem;
margin-bottom: 1rem;
}
.modal-content2 .modal-footer2 h2 {
margin-top: 2rem;
margin-bottom: 1rem;
}
.modal-content2 .modal-header2 h3 {
margin-top: 2rem;
margin-bottom: 1rem;
}
.modal-content2 .modal-footer2 h3 {
margin-top: 2rem;
margin-bottom: 1rem;
}
}
@media (min-width: 600px) {
.modal-body2 { }
}
.modal-header2 {
padding: 2px 16px;
}
.modal-footer2 {
padding: 2px 16px;
}
}
@media only screen and (min-width: 1000px) {
.modal-content2 { font-size: 20px;
}
.modal-content2 h2 {
font-size: 20px;
}
.modal-content2 h3 {
font-size: 18px;
}
}
@media only screen and (min-width: 1400px) {
.modal-content2 {
max-width: 1000px;
}
}   @font-face {
font-family: "yekan bakh fat regular";
src: url(//sazkala.com/wp-content/themes/sazkala-website/css/fonts/fontsYekan-Bakh-FaNum-08-Fat.ttf)
format("truetype");
}  .sazkala-color {
color: rgb(7, 154, 126);
}
.bycheck-color {
color: rgb(48, 85, 212);
}
.lendo-color {
color: #29bad0;
}
.azki-color {
color: #ff0090;
}
.ghesta-color {
color: #6b6f76;
}
.wrap-installment-page {
font-family: "iranyekan";
max-width: 400px;
font-size: 15px;
margin: auto;
}
.top-installment {
color: black;
text-align: justify;
}
.top-title-installment {
font-size: 25px;
font-weight: 900;
text-align: center;
font-family: "iranyekan";
word-spacing: -5px;
}
.top-installment p {
color: black;
font-size: 17px;
}
.wrap-menues-installment {
margin-bottom: 25px;
margin-top: 25px;
}
.wrap-menues-installment .part-menue-installment {
margin-bottom: 50px;
height: auto;
}
.wrap-menues-installment .part-menu-inner {
background-color: #fff;
border-radius: 26px;
min-height: 450px;
max-width: 350px;
padding: 15px;
margin: auto;
position: relative;
}
.part-menu-inner .logo-installment-sazkala {
position: absolute;
right: 40%;
top: -30px;
width: 80px;
}
.wrap-installment-page .collapsible-header {
font-size: 17px;
}
.wrap-installment-page .collapsible-body span {
font-size: 15px;
}
#frequently-asked-questions {
margin: auto;
width: 90%;
margin-top: 10px;
margin-bottom: 50px;
}
@media (min-width: 600px) {
#frequently-asked-questions .collapsible-header {
font-size: 17px;
}
#frequently-asked-questions .collapsible-body {
font-size: 15px;
}
}
@media (max-width: 600px) {
.part-menu-inner .logo-installment-sazkala {
right: 40%;
top: -30px;
width: 80px;
}
}
.wrap-menues-installment .installment-benefits { min-height: 130px;  }
.wrap-menues-installment .installment-benefits figure,
.wrap-menues-installment .installment-benefits img {
display: inline-block;
}
.wrap-menues-installment .installment-benefits figure {
margin: 0px;
margin-left: 6px;
}
.wrap-menues-installment .installment-benefits span {
position: absolute;
margin-left: 10px;
top: 5px;
word-spacing: -2px;
}
.wrap-menues-installment .installment-benefits .options-benefit { margin-top: 10px;
position: relative;
}
.wrap-menues-installment .installment-benefits .options-benefit img { margin-right: 20px;
}
.wrap-menues-installment .tab {
background-color: #09caa7;
}
.part-menu-inner .title-benefit {
text-align: center;
height: 80px;
}
.part-menu-inner .title-benefit > h2 {
margin-bottom: 2px;
font-size: 23px;
font-family: "iranyekan";
}
.part-menu-inner .title-benefit > div {
font-size: 16px;
font-family: "iranyekan";
font-weight: 700;
}
.button-installment {
text-align: center;
width: 90%;
height: 50px;
margin: auto;
margin-bottom: 5px;
margin-top: 12px;
line-height: 50px;
border-radius: 8px;
}
.button-installment a {
color: white;
font-size: 16px;
font-family: "iranyekan";
font-weight: bold;
}
.sazkala {
background-color: rgb(0, 161, 130);
}
.bycheck {
background-color: rgb(47, 85, 212);
}
.lendo {
background-color: #29bad0;
}
.azki {
background-color: #ff0090;
}
.ghesta {
background-color: #6b6f76;
}
@media screen and (min-width: 600px) {
.wrap-installment-page {
max-width: 700px;
}
.top-title-installment {
font-size: 42px;
}
.top-installment p {
font-size: 18px;
line-height: 33px;
}
}
@media screen and (min-width: 993px) {
.wrap-installment-page {
max-width: 1000px;
}
.top-title-installment {
font-size: 64px;
}
} .homeproductwrp span.woocommerce-Price-amount.amount {
display: inline-block !important;
}
.banner-wrp img {
border-radius: 4px;
}
li.wc_payment_method.payment_method_WC_tally label img {
max-height: 35px;
}  h2.latestprop {
background: #09caa7 !important;
}
h2.latestprop,
h1.latestprop {
background-color: #09caa7 !important;
font-size: 18px;
border-radius: 10px;
}
.border {
border-color: #09caa7;
} .price del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
color: #939393 !important;
}
.price ins .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
color: #09caa7 !important;
}
.btn-floating.btn-large i {
color: #f93d22;
}
.btn:hover {
background-color: #f93d22;
}
.woocommerce a.button:hover {
background-color: #f93d22;
}
.credit-calculator button[type="submit"]:hover {
background-color: #f93d22 !important;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #f93d22;
}
.credit-calculator button[type="reset"] {
background-color: #f93d22;
}
ul.woocommerce-error {
background-color: #f93d22;
} a.nav-item.hide-on-med-and-up.left {
color: #f93d22;
}
.hide-on-large-only.left {
color: #f93d22;
} bdi { font-family: iranyekan;
}
.woo-product-footer p,
div#desc p,
.mobile-descript-bottom p {
text-align: justify !important; }
html { }
.product-before-loop {
display: block !important; height: fit-content !important;
}
.archive .product-before-loop {
margin-right: 20px;
}
@media (min-width: 600px) {
.archive .product-before-loop {
margin-right: 80px;
}
} .price-wrp .yith-wcwl-add-to-wishlist.wishlist-fragment {
display: none !important;
}
@media (max-width: 600px) {
.wishlist-title.wishlist-title-with-form h2 {
font-size: 16px;
}
table.wishlist_table.wishlist_view {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
tbody.wishlist-items-wrapper tr {
display: flex;
flex-direction: column;
width: 300px;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 1px #888;
margin: 0px !important;
margin-bottom: 10px;
}
tbody.wishlist-items-wrapper .product-remove {
margin-top: 15px;
}
.wishlist_table thead tr {
display: none;
}
}
@media (min-width: 600px) {
.payment_method_cheque {
width: 370px !important;
}
} td.download-product a {
font-size: 14px;
} .woocommerce .download-file a.button.alt {
text-align: center;
margin-right: auto;
margin-left: auto;
}  @media (max-width: 692px) {
#customer_login .u-column1,
#customer_login .u-column2 {
display: contents;
}
} .romeo-embed-inner .romeo-embed-play {
background: rgba(41, 42, 51, 1) !important;
} a.headerbtn {
background-color: #09caa7;
}
a {
color: #09caa7;
}
button.single_add_to_cart_button.button {
background-color: #09caa7;
}
.tabs .tab a:hover,
.tab a.active {
background-color: #09caa7 !important;
}
.tabs .indicator {
background-color: #09caa7;
}
.feature-item.hf i {
color: #09caa7;
}
a.installment-btn {
background-color: #09caa7;
}
.btn,
.btn-large,
.btn-small {
background-color: #09caa7;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.wp-pagenavi a:hover,
span.current {
background-color: #09caa7;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background-color: #09caa7;
}
.woocommerce a.button.alt {
background-color: #09caa7;
}
.credit-calculator button[type="submit"] {
background-color: #09caa7 !important;
}
.woocommerce ul.products li.product .price {
color: #09caa7;
margin-top: 23px;
}
a.button-collapse i {
color: #09caa7;
}
.woocommerce .price {
color: #09caa7 !important;
}
.woocommerce .price del {
color: #939393 !important;
}
.woocommerce .price ins {
color: #09caa7 !important;
} .product-item .price {
color: #09caa7 !important;
}
.product-item .price del {
color: #939393 !important;
}
.product-item .price ins {
color: #09caa7 !important;
} .row-used-instrument {
margin-top: 20px;
}
.used-instrument-label {
width: 160px;
height: 30px;
display: inline-block;
}
.used-instrument-field {
width: 200px;
height: 30px;
display: inline-block;
}  .related-used-product {
margin: 5px;
padding: 5px;
background-color: #09caa7;
border-radius: 5px;
}
.related-used-product a {
color: white;
vertical-align: middle;
} .magazine-blog h2 {
overflow: visible !important;
} #main .banner-wrp {
aspect-ratio: 16/9.15 !important;
margin-top: 10px;
border-radius: 10px;
}
#main .banner-wrp img {
height: 100%;
max-height: 715px;
} .banner-middle-main {
height: 150px;
min-width: 50px; background: url(https://sazkala.com/wp-content/themes/sazkala-website/images/page-home/zoom-banner-section-mobile.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (min-width: 778px) {
.banner-middle-main {
height: 110px; background: url(https://sazkala.com/wp-content/themes/sazkala-website/images/page-home/zoom-banner-section.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
} @media (min-width: 1200px) {
.banner-middle-main {
height: 160px;
}
}
@media (min-width: 1400px) {
.banner-middle-main {
height: 200px;
}
}
@media (min-width: 2000px) {
.banner-middle-main {
height: 250px;
}
}
.banner-middle-main2 img {
border-radius: 10px;
min-width: 200px;
min-height: 50px;
} .campaign-wrp { height: 100%;
max-height: 315px;
margin: auto;
} .article-items .image-main img {
border-radius: 10px;
min-height: 250px;
}
.article-items .content-main {
text-align: right;
max-height: 250px;
}
@media (max-width: 600px) {
.article-items .content-main {
margin-top: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1800px) {
.article-items .image-main img {
min-height: 230px;
}
.article-items .content-main {
max-height: 230px;
}
}
.article-items .title-main {
font-size: 22px;
}
.article-items .description-main {
text-align: justify;
line-height: 2;
margin-top: 8px;
}
.article-items a {
color: black;
}
.owl-article button.owl-dot span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791 !important;
}
.owl-article button.owl-dot.active span {
opacity: 1;
}
.owl-article .owl-dots {
margin-top: 30px !important;
}  .part-main-page {
margin-bottom: 30px;
margin-top: 10px;
}
.wrap-main-box {
display: flex;
align-items: center;
height: 348px;
min-width: 50px;
border-radius: 10px;
overflow: hidden;
}
.wrap-main-box.sale {
background: linear-gradient(45deg, #09caa7, #06bb9a);
}
.wrap-main-box.soon {
background: linear-gradient(45deg, #f93d22, #c83d22);
}
.product-main-box {
height: 348px;
min-width: 50px;
overflow: hidden;
}  .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
direction: rtl;
} .brand-items {
width: auto;
height: 60px;
display: flex;
align-items: center;
}            @media (min-width: 1400px) {
.brand-items {
width: auto;
height: 80px;
}
}
.owl-brand {
height: 120px !important;
padding-top: 20px !important;
display: flex !important;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
}
.owl-brand .owl-item {
display: flex;
justify-content: center;
align-items: center;
}  @media (min-width: 576px) {
#billing_myfield14_field {
height: 140px;
}
#billing_myfield14_field label {
display: block;
height: 85px;
}
#billing_myfield15_field {
height: 140px;
}
#billing_myfield15_field label {
display: block;
height: 85px;
}
}
@media (min-width: 992px) {
#billing_myfield14_field {
height: 130px;
}
#billing_myfield14_field label {
height: 60px;
}
#billing_myfield15_field {
height: 130px;
}
#billing_myfield15_field label {
height: 60px;
}
} .checkout .woocommerce-shipping-fields {
display: none !important;
} .contact-back2 {
background: url(https://sazkala.com/wp-content/themes/sazkala-website/images/About-us-objects/bg-shapes.jpg);
max-width: 2000px;
margin: auto;
text-align: justify;
padding-bottom: 100px;
}
#cover-head-top-image {
height: 100%;
background-color: #06997e;
opacity: 0.8;
width: 100%;
position: absolute;
display: flex;
justify-content: center;
align-items: end;
font-size: 0.8rem;
color: rgb(173, 249, 236);
text-align: center;
padding-bottom: 20px;
}
#cover-head-about-text {
width: 100%;
height: 100%;
position: absolute;
display: flex;
justify-content: center;
align-items: start;
font-size: 0.8rem;
color: rgb(173, 249, 236);
text-align: center;
padding-bottom: 20px;
}
@media (min-width: 992px) {
#cover-head-about-text {
padding-top: 15px;
}
}
#cover-head-bold-text {
color: white;
font-size: 1rem;
}
.head-top-image-page { max-height: 350px !important;
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 576px) {
.head-top-image-page { max-height: 370px !important;
position: relative;
}
#cover-head-about-text {
font-size: 1.2rem;
}
#cover-head-bold-text {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 768px) {
.head-top-image-page {
max-height: 450px !important;
position: relative;
}
}
@media only screen and (min-width: 992px) {
.head-top-image-page {
max-height: 500px !important;
position: relative; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-origin: content-box;
}
#cover-head-about-text {
align-items: start;
font-size: 1.8rem;
padding-bottom: 100px;
}
#cover-head-bold-text {
font-size: 2rem;
}
.contain-wrap-social {
display: flex;
align-items: center;
}
#arrow-social {
height: 50px;
width: 50px;
border-top: 30px solid transparent;
border-left: 30px solid rgb(243, 243, 243);
border-bottom: 30px solid transparent;
}
}
@media only screen and (min-width: 1200px) {
.head-top-image-page {
max-height: 600px !important;
position: relative;
}
}
@media only screen and (min-width: 1600px) {
.head-top-image-page {
max-height: 700px !important;
position: relative;
}
#cover-head-about-text {
padding-top: 40px;
}
}
#wrap-about-text-trust {
background-color: rgb(197, 255, 243);
border-radius: 10px;
padding: 2px 25px 2px 25px;
}
@media only screen and (min-width: 992px) {
.dis-lg-flex {
display: flex !important;
}
}
@media only screen and (min-width: 1200px) {
.row .col.xl1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xl12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
}
@media (min-width: 1400px) {
.row .col.xxl1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxl12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
}
@media (min-width: 1600px) {
.row .col.xxxl1 {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl2 {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl4 {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl5 {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl7 {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl8 {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl10 {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl11 {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto;
}
.row .col.xxxl12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto;
}
}
.wrap-social-about {
padding: 0px;
margin-top: auto;
margin-bottom: auto;
}
.wrap-social-about .social-row {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.social-row li {
padding: 1px 2px 1px 10px;
margin: 10px 4px;
line-height: 20px;
list-style: none;
width: 120px;
background-color: rgb(243, 243, 243);
border-radius: 6px;
}
#wrap-text-social {
background-color: rgb(243, 243, 243);
padding: 2px 25px 2px 25px;
border-radius: 10px;
}
.color-main {
color: #09caa7;
}
.font-size-large {
font-size: 22px;
}
.my-1 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-2 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mt-1 {
margin-top: 1rem;
}
.mt-2 {
margin-top: 2rem;
}
.mb-1 {
margin-bottom: 1rem;
}
.mb-2 {
margin-bottom: 2rem;
}  .row-contact-info {
display: flex;
align-items: center;
}
.row-contact-info .img-wrap {
margin: 10px;
}
.row-contact-info .img-wrap img {
margin: 2px;
max-width: none;
width: 50px;
}
#wrap-contact-date-time {
display: flex;
flex-direction: column;
justify-content: space-around;
min-height: 200px;
border: 1px solid rgb(7, 154, 126);
border-radius: 10px;
padding: 10px;
height: 100%;
margin-top: 10px;
}
@media (min-width: 992px) {
#wrap-contact-date-time {
margin-top: 0px;
}
#map-contact-us {
max-width: 100% !important;
}
}
#wrap-contact-date-time img {
max-width: none;
}
#wrap-contact-date-time .col-contact-date {
display: flex;
}
#wrap-contact-date-time .date-week {
margin-right: 10px;
text-align: right;
}  #product-link-to-instrument {
background-color: #c55002;
width: 260px;
height: 40px;
line-height: 36px;
border-radius: 5px;
width: 130px; text-align: center; }
#product-link-to-instrument:hover {
background-color: #f93d22;
}
#product-link-to-instrument a {
color: white;
width: 100%;
height: 100%;
display: block;
text-shadow: 1px 1px 4px #000000;
}
.single_add_to_cart_button {
margin: 0;
text-shadow: 1px 1px 2px #000000;
} #image-sale-box {
display: inline-block;
height: 160px;
}
#image-sale-box img {
max-width: none;
height: 100%;
}
@media (min-width: 592px) {
#image-sale-box {
height: 334px;
}
} #wrap-benefit-items {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 40px;
margin-bottom: 20px;
}
.benefit-items {
display: flex;
width: 250px;
border-radius: 10px;
background-color: white;
padding: 5px;
margin: 10px;
border: 0.2px solid #eee;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0.5px 0.5px 1px 0.5px #bbb;
}
.benefit-items .benefit-items-image {
display: flex;
align-items: center;
justify-content: center;
}
.benefit-items .benefit-items-image img { margin-left: 1px;
height: 50px;
margin: auto;
}
.benefit-items .benefit-items-text {
display: flex;
flex-direction: column;
justify-content: center;
margin-right: 9px;
text-align: center;
color:#000;
}
.benefit-items-text .item-row1 {
border-bottom: 2px solid whitesmoke;
font-weight: bold;
padding-bottom: 2px;
}
.benefit-items-text .item-row2 {
font-size: 11px;
padding-top: 2px;
}
@media (max-width: 600px) {
#wrap-benefit-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
grid-auto-rows: minmax(100px, auto);
}
.benefit-items {
width: auto;
height: 130px;
margin: 0px;
display: inline-block;
}
.benefit-items-image {
flex-direction: column;
margin: auto;
width: 50px;
height: 50px;
}
.benefit-items-text .item-row1 {
font-size: 12px;
}
}
@media (max-width: 600px) {
#wrap-benefit-items {
display: flex;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
border-radius: 10px;
margin-top: 20px;
}
#wrap-benefit-items .benefit-items {
background-color: inherit !important;
border: none;
box-shadow: none;
padding: 0px;
height: auto;
} .benefit-items .benefit-items-image img {
height: 30px;
}
.benefit-items .benefit-items-text {
margin-right: 0px;
}
.benefit-items-text .item-row1 {
font-size: 7px;
}
.benefit-items-text .item-row2 {
font-size: 6px;
}
}
@media (max-width: 360px) {
.benefit-items-text .item-row2 {
font-size: 5px;
}
}  .irs--round .irs-handle {
border: 4px solid #09caa7 !important;
}
.irs--round .irs-bar {
background-color: #09caa7 !important;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
background-color: #09caa7 !important;
}
.woof_price_search_container form .price_slider_wrapper {
display: block;
}
.woof_price_filter .woof_container_inner,
.woof_container_pa_brand {
background-color: whitesmoke;
} @media (min-width: 992px) {
.wrap-filter-border {
width: 320px;
border: 1px solid #ccc;
padding: 10px;
border-radius: 10px;
padding-inline-start: 10px !important;
max-width: 320px;
background-color: #fff; margin-bottom: 100px !important;
}
.woof_price_filter .woof_container_inner { margin-left: -20px;
padding: 5px;
border: 1px solid #888;
border-radius: 10px;
margin-right: -20px;
background-color: whitesmoke;
}
.woof_container_pa_brand {
margin-top: 10px;
border: 1px solid #888;
width: 270px; margin-right: 12px;
border-radius: 10px;
}
.wrap-footer-product-catefory {
margin-right: 100px;
margin-left: 90px;
}
}
@media (max-width: 992px) {
ul.woof_list.woof_list_image {
width: 300px;
float: right;
overflow: visible;
}
.WOOF_Widget {
overflow: visible !important;
}
.woof_price_filter .woof_container_inner {
margin-right: 20px;
margin-left: -60px;
border: 1px solid #888;
border-radius: 10px;
}
.woof_container_pa_brand {
margin-top: 10px;
border: 1px solid #888;
width: 280px;
margin-left: -65px;
border-radius: 10px;
}
.woof.woof_sid.woof_sid_widget {
margin-bottom: 100px;
}
} .btn-floating {
background-color: #4a4a4a00;
} div.woocommerce-account-fields {
margin-top: 30px;
} a.button.wc-forward {
width: max-content;
padding: 10px 25px !important;
margin: 5px;
background-color: #09caa7;
color: white;
border-radius: 5px;
}
@media (max-width: 600px) {
.woocommerce-MyAccount-navigation {
background-color: white;
display: flex;
line-height: 50px;
}
.woocommerce-MyAccount-content p:nth-child(3) {
font-size: 12px;
}
} .woocommerce-MyAccount-content {
display: inline-block;
}
.woocommerce-MyAccount-content .woocommerce-info {
display: grid;
}
.woocommerce-MyAccount-content .woocommerce-Address {
margin-bottom: 50px;
}
.woocommerce-MyAccount-content #billing_city_field {
width: 100%;
} table.variations .value select option {
direction: ltr;
} label.sms-notif-groups-label {
margin-top: 5px;
display: inline-block;
}
.sms-notif-mobile-div {
margin-top: 5px;
margin-bottom: 10px;
}
input#sms-notif-mobile-1,
input#sms-notif-mobile-2 {
height: 40px;
box-shadow: 1px 1px 1px #aaa;
width: 190px;
text-align: center !important;
direction: ltr;
border-radius: 10px;
}
button#sms-notif-submit-1,
button#sms-notif-submit-2 {
width: 190px;
border-radius: 10px;
height: 40px;
font-size: 20px;
margin-bottom: 10px;
} .search-wrp input#yith-searchsubmit[type="submit"] {
color: black !important;
} #commentform p.aiowps-captcha {
width: 100%;
display: inline-block;
font-size: 18px;
}
.aiowps-captcha-equation {
font-size: 18px;
}
input#aiowps-captcha-answer {
min-width: 100px;
min-height: 30px;
border: 1px solid #d0cccc;
}  @media (min-width: 600px) {
#ajaxsearchlite1,
#ajaxsearchlite2 {
max-width: 380px !important;
}
}
#ajaxsearchlite1 .probox,
div.asl_w .probox {
border: 1px solid #bbb !important;
margin-top: 5px !important;
height: 25px !important;
}
@media (min-width: 600px) {
#ajaxsearchlite1 .probox,
div.asl_w .probox {
height: 30px !important;
}
}
div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 a {
font-family: "iranyekan";
}
div.asl_r .results .item .asl_content h3 a:hover {
font-family: "iranyekan";
}
#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
text-align: right;
font-size: 16px !important;
font-family: "iranyekan";
margin-right: 20px !important;
} .slick3.wrap-all-vertical-carousel {
margin-top: 50px;
margin-bottom: 50px;
border: 1px solid #ddd;
border-radius: 10px;
background-color: white;
box-shadow: 1px 1px 1px #ccd;
}
.slick3 .wrap-col-vertical-carousel {
min-height: 550px !important;
margin-top: 30px; }
.slick3 .wrap-middle-vertical {
display: flex;
justify-content: center;
}
.slick3 .section_title { position: relative;
}
.slick3 .section_title h2 {
position: absolute;
width: 200px;
top: -30px;
font-size: 20px;
}
.slick3 .section_title h2 span {
padding: 8px 6px 8px 3px;
color: #09caa7;
border-color: #09caa7;
border-width: 1px 0px 1px 1px;
border-style: solid;
width: 100px;
display: inline-block;
text-align: center;
padding-left: 10px;
border-radius: 10px;
} .slick3 button.slick-arrow:focus,
.slick3 button.slick-arrow:hover {
background-color: #09caa7;
}
.slick3 button.prev_arrow.slick-arrow {
position: absolute;
right: 270px;
align-self: flex-start;
border-radius: 50px;
width: 32px;
height: 32px;
padding: 0px;
}
.slick3 button.next_arrow.slick-arrow {
position: absolute;
right: 310px;
align-self: flex-start;
border-radius: 50px;
width: 32px;
height: 32px;
padding: 0px;
}
.slick3 .slick-list.draggable {
position: absolute;
top: 60px;
align-self: center;
}
.slick3 .slick-slider .slick-track,
.slick3 .slick-slider .slick-list {
border-radius: 10px;
}
.slick3 section.slick-slider { min-height: 360px !important;
width: 350px;
display: flex;
}
.slick3 .slick-vertical .slick-slide {
border: 1px solid #e5e5e5 !important;
max-width: 350px;
background-color: white;
}
.slick3 .wrap-vertical-carousel {
max-width: 350px;
height: 150px;
font-size: 15px;
margin: 0px;
}
@media (min-width: 768px) and (max-width: 1200px) {
.slick3 section.slick-slider {
width: 600px;
}
.slick3 .slick-vertical .slick-slide {
max-width: 600px;
}
.slick3 .wrap-vertical-carousel {
max-width: 600px;
font-size: 18px;
}
}
@media (max-width: 1400px) {
.slick3 .slick-slide img {
width: 100px;
height: auto;
}
}
@media (min-width: 1400px) {
.slick3 section.slick-slider {
width: 400px;
}
.slick3 .slick-vertical .slick-slide {
max-width: 400px;
}
.slick3 .wrap-vertical-carousel {
max-width: 400px;
}
.slick3 button.prev_arrow.slick-arrow {
right: 320px;
}
.slick3 button.next_arrow.slick-arrow {
right: 360px;
}
}
@media (min-width: 1700px) {
.slick3 section.slick-slider {
width: 500px;
}
.slick3 .slick-vertical .slick-slide {
max-width: 500px;
}
.slick3 .wrap-vertical-carousel {
max-width: 500px;
}
.slick3 button.prev_arrow.slick-arrow {
right: 420px;
}
.slick3 button.next_arrow.slick-arrow {
right: 460px;
}
}
@media (min-width: 2000px) {
.slick3 section.slick-slider {
width: 600px;
}
.slick3 .slick-vertical .slick-slide {
max-width: 600px;
}
.slick3 .wrap-vertical-carousel {
max-width: 600px;
font-size: 20px;
}
.slick3 button.prev_arrow.slick-arrow {
right: 520px;
}
.slick3 button.next_arrow.slick-arrow {
right: 560px;
}
}
.slick3 .wrap-vertical-carousel .vertical-image {
height: 150px;
display: flex;
align-items: center;
height: 100%;
}
.slick3 .text-vertical-slider {
color: #000; height: 30px;
}
.slick3 .star-vertical-slider {
color: rgb(250, 190, 0);
}
.slick3 .price-vertical {
font-family: "iranyekan";
font-size: 16px;
font-weight: bold;
}
.slick3 .price-vertical del {
color: #939393 !important;
}
.slick3 .price-vertical del .woocommerce-Price-currencySymbol {
color: #939393 !important;
}   .slick5 button.prev_arrow.slick-arrow {
position: absolute;
right: 110px;
align-self: flex-start;
border-radius: 50px;
width: 32px;
height: 32px;
padding: 0px;
}
.slick5 button.next_arrow.slick-arrow {
position: absolute;
right: 150px;
align-self: flex-start;
border-radius: 50px;
width: 32px;
height: 32px;
padding: 0px;
}
@media screen and (max-width: 992px) {
.slick5 .cats {
width: 100%;
height: auto;
border: 1px solid lightgrey;
border-radius: 3px;
}
.slick5 .cats ul {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-bottom: 50px;
align-items: center;
margin-top: 50px;
flex-wrap: wrap;
}
.slick5 .cats ul li {
flex-basis: 90px;
height: 85px;
margin-bottom: 10px;
}
.slick5 .licontent {
border: 1px solid lightgrey;
font-size: 18px;
padding: 7px;
height: 60px;
}
.slick5 .single-deals {
display: flex;
flex-direction: column;
border: 1px solid lightgrey;
width: 100%;
height: 550px;
margin-top: 38px;
}
.slick5 .product-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 30px;
margin-bottom: 50px;
}
.slick5 .product-links ul li {
display: flex;
border: 1px solid lightgrey;
border-radius: 30px;
padding: 8px 30px;
transition: all 500ms;
width: 200px;
}
.slick5 .product-label span {
top: -601px;
left: 14px;
}
.slick5 .product-thumb {
max-width: 100%;
}
.slick5 .product-thumb img { max-width: 300px;
margin-top: 40px;
}
.slick5 button.prev_arrow.slick-arrow {
position: absolute;
top: -20px;
right: 10px;
}
.slick5 button.next_arrow.slick-arrow {
position: absolute;
top: -20px;
right: 50px;
}
.slick5 .product-section {
width: 100%;
}
.slick5 .product-sale { width: 100%;
max-height: 100%; border-radius: 3px;
margin-top: 50px;
margin-bottom: 20px; }
.slick5 .product-section-sale {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} }
@media screen and (min-width: 992px) {
.slick5 .cats {
width: 105px;
}
.slick5 .product-section-sale {
display: flex;
flex-direction: row;
width: calc(100% - 20px);
}
.slick5 .cats ul {
margin: 0;
}
.slick5 .cats ul li {
border: 1px solid lightgrey;
padding: 10px;
transition: all 500ms;
width: 105px;
height: 85px;
border-radius: 5px;
}
.slick5 .single-deals {
display: flex !important;
flex-direction: row;
border: 1px solid lightgrey;
width: 100% !important;
height: 100%;
position: relative;
}
.slick5 .product-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.slick5 .product-links ul li {
display: flex;
border: 1px solid lightgrey;
border-radius: 30px;
padding: 8px 30px;
transition: all 500ms;
width: 160px;
}
.slick5 .product-label span {
top: -200px;
right: 20px;
}
.slick5 .slick5.product-thumb {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-height: 320px;
max-width: 40%;
}
.slick5 .slick-slide {
height: 340px !important;
width: 100% !important;
}
.slick5 .slick-slide > div {
height: 100%;
width: 100%;
}   .slick5 .prev_arrow {
position: absolute;
top: -52px; }
.slick5 .next_arrow {
position: absolute;
top: -52px; }
.slick5 .product-sale { width: 100%;
max-height: 680px;
margin-right: 2px;
border-radius: 3px; }
.slick5 .container-countdown-sale {
top: 233px;
left: 65px;
}
.slick5 .container-timing-sale {
transform: scale(0.75);
}
}
.slick5 .cats {
background-color: white;
}
.slick5 .product-thumb img {
max-height: 100%;
max-width: 200px;
}
@media (min-width: 1200px) {
.slick5 .product-thumb img {
max-width: 150px;
}
}
@media (min-width: 1400px) {
.slick5 .product-thumb img {
max-width: 250px;
}
}
.slick5 .single-deals {
display: flex;
justify-content: space-around;
border-radius: 5px;
background-color: white;
}
.slick5 .single-deals .product-thumb {
display: flex;
justify-content: center;
align-items: center;
}
.slick5 .licontent {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all 500ms;
}
.slick5 .main-wrapper {
display: flex;
justify-content: space-between;
}
.slick5 .licontent {
height: 100%;
display: grid; justify-content: center;
align-items: center;
transition: all 500ms;
}
.slick5 ul li a:visited {
color: black;
}
.slick5 .cats ul li:hover {
border: 1px solid #06997f;
background-color: rgb(226, 255, 251);
border-radius: 8px !important;
}
.slick5 .licontent:hover { font-weight: 500;
}
.slick5 .licontent:active { font-weight: 500;
}
.slick5 a:visited {
color: black;
}
.slick5 .product-price {
display: flex;
flex-direction: column;
}
.slick5 .old-price {
text-decoration: line-through;
color: #939393 !important;
font-size: 20px;
font-weight: 700;
}
.slick5 .sale-price {
font-size: 24px;
color: #09caa7 !important;
font-size: 25px;
font-weight: 700;
}
.slick5 .product-links ul li a:hover {
color: red;
}
.slick5 .product-link-basket {
display: flex;
justify-content: space-evenly;
align-items: center;
}
.slick5 .header-sale {
direction: rtl;
margin: 20px;
}
.slick5 .product-label span {
line-height: 20px;
padding: 5px 13px;
text-transform: uppercase;
background: #ea000d;
color: #ffffff; font-size: 18px;
position: absolute;
transform: rotate(-30deg);
border-radius: 3px;
}
.slick5 .header-today {
color: #09caa7 !important;
font-size: 21px;
border-top: 1px solid #09caa7 !important;
border-bottom: 1px solid #09caa7 !important;
border-left: 1px solid #09caa7 !important;
padding: 4px;
line-height: 10px;
}
.slick5 svg {
margin-top: 8px;
}
.slick5 #sale-product1 {
display: none;
width: 100%;
height: 100%;
}
.slick5 #sale-product2 {
display: none;
width: 100%;
height: 100%;
}
.slick5 #sale-product3 {
display: none;
width: 100%;
height: 100%;
}
.slick5 #sale-product4 {
display: none;
width: 100%;
height: 100%;
}
.slick5 #sale-product5 {
display: none;
width: 100%;
height: 100%;
}
.slick5 #sale-product6 {
display: none;
width: 100%;
height: 100%;
}
.slick5 .active {
border: 1px solid #06997f !important;
background-color: rgb(226, 255, 251);
border-radius: 8px !important;
}
.slick5 .instruments {
animation: fadeEffect 1s; position: relative;
}
.slick5 #mainproductsaletimer {
display: none;
}
.slick5 .single-deals .product-name {
max-width: 300px;
}
.slick5 .section_title h2 span {
padding: 8px 6px 8px 3px;
color: #09caa7;
border-color: #09caa7;
border-width: 1px 0px 1px 1px;
border-style: solid;
width: 140px;
display: inline-block;
text-align: center;
padding-left: 10px;
border-radius: 10px;
} @keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.slick5 .countdown-field {
border-bottom: solid 3px #fff;
color: #1c6c61 !important;
}
.slick5 .name-date {
color: rgb(28, 109, 100);
}
.slick5 a {
color: rgb(0, 0, 0);
} html,
body {
height: 100%;
}  .slick5 .container-timing-sale {
background-color: #9fe7dc;
width: 300px;
margin: 0 auto;
height: 80px;
border-radius: 7px;
}
@media (min-width: 992px) {
.slick5 .container-timing-sale {
height: 90px;
}
}  .container-timing-sale {
background-color: rgb(136, 136, 136, 0.5);
width: 300px;
margin: 0 auto; }   #goldentoast {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 10000;
left: 50%;
bottom: 300px;
font-size: 17px;
}
.submit-call-me {
background-color: #07cba7;
border-radius: 5px;
padding: 10px 40px;
color: white;
}
#goldentoast.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
#golden-call-me-number {
width: 100%;
height: 30px;
}
.golden-friday-input-container {
display: flex;
align-items: center;
justify-content: space-around;
}
.golden-input-style {
padding: 8px;
width: 40%;
height: 40px;
border-radius: 5px;
font-size: 16px;
box-shadow: 1px 2px 5px gray;
}
#golden_timer_ID .countdown-field {
border-bottom: solid 1px rgb(169, 7, 110) !important;
}
#golden_timer_ID #golden-countdown-time div {
background-color: rgb(169, 7, 110);
border-radius: 13px;
margin: 0 10px;
padding: 2px;
}
#golden-countdown-time {
display: flex;
flex-direction: row-reverse;
}
.golden-friday {
float: none !important;
width: 75% !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: column;
position: relative;
}
.golden-friday-container {
margin-top: 100px;
width: 100%;
border-right: 3px solid #ebe9e9;
border-left: 3px solid #ebe9e9;
border-bottom: 3px solid #ebe9e9;
}
.golden-friday__highlight {
width: 100%;
background-color: #e9e6e6; display: flex;
justify-content: space-between;
align-items: center;
} #golden_timer_ID {
transform: scale(0.6);
}
.golden_friday_text { background-image: linear-gradient(45deg, #939393, transparent);
border-radius: 8px;
margin-right: 20px;
font-size: 18px;
padding: 5px;
}
#golden-friday-add-wishlist {
}
.yith-wcwl-add-button .add_to_wishlist img {
margin-right: 0px !important;
}
.golden-friday__bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.add_product_to_golden_friday1 {
border: none !important;
background-color: #fafafa;
background-color: #07997e;
border-radius: 8px;
padding: 13px;
margin-right: 20px;
font-size: 20px;
}
.add_product_to_golden_friday2 {
border: none !important;
background-color: #fafafa;
background-color: rgb(169, 7, 110);
border-radius: 8px;
padding: 13px;
margin-left: 20px;
font-size: 20px;
color: rgb(250, 206, 143);
}
@keyframes golden-friday-img {
from {
transform: scale(0.8);
}
to {
transform: scale(0.6);
}
}
.golden-title {
animation-name: golden-friday-img;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in;
}
.golden-modal {
display: none; position: fixed; z-index: 1000; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); }
.golden-modal-call {
display: none; position: fixed; z-index: 1000; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } #golden-modal-content {
box-shadow: 1px 3px 23px #1c1c1c;
border-radius: 13px;
background-color: #fefefe;
margin: 15% auto; padding: 20px;
border: 1px solid #888;
width: 40%; }
#golden-modal-content-call {
border-radius: 13px;
box-shadow: 1px 3px 23px #1c1c1c;
background-color: #fefefe;
margin: 15% auto; padding: 20px;
border: 1px solid #888;
width: 40%; } .golden-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.call-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.golden-close:hover,
.golden-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.call-close:hover,
.call-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.golden-friday-li {  height: 400px;  position: relative;
}
.golden-friday-div {
width: 95%;
height: 95%;
position: absolute;
top: 3%;
background-color: white;
box-shadow: 2px 2px 9px #c5c5c529;
border: 0.5px solid rgba(202, 202, 202, 0.4);
}
#golden_timer_title {
margin-left: 30px;
color: rgb(169, 7, 110);
}
.golden-friday-input-style {
width: 40%;
justify-content: flex-end;
display: flex;
padding-left: 10px;
}
#golden_timer_title .countdown-field {
border: none !important;
color: rgb(169, 7, 110) !important;
}
@media screen and (max-width: 600px) {
.golden-friday__bottom {
flex-direction: column;
}
.add_product_to_golden_friday2 {
margin: 5px auto;
}
.add_product_to_golden_friday1 {
margin: 5px auto;
}
.golden-friday__highlight {
flex-direction: column;
}
.golden_friday_text {
margin-top: 5px;
}
#golden-modal-content {
width: 90%;
}
#golden-modal-content-call {
width: 90%;
}
#golden-timer-container {
display: flex;
flex-direction: column;
}
.golden-friday-input-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
.golden-input-style {
padding: 8px;
width: 80%;
height: 40px;
border-radius: 5px;
font-size: 16px;
box-shadow: 1px 2px 5px gray;
}
.golden-friday-input-style {
width: 80%;
justify-content: center;
display: flex;
padding-left: 10px;
margin: 10px;
}
} .golden-friday-li {
}
@media screen and (min-width: 992px) { .golden-friday-li {
}
}
@media screen and (min-width: 1200px) {
.golden-title {
position: absolute;
top: 50px;
right: 41%;
}
.golden-friday-li {  }
}  #mega-menu {
height: 100px;
background-color: #f3f3f3;
box-shadow: 1px 2px 3px gray;
}
#mega-menu-container {
width: 90%;
height: 100%;
margin: auto;
min-width: 100px;
min-height: 90px;
}
#mega-menu-container > ul {
display: flex;
justify-content: space-between;
position: relative;
}
#mega-menu-container > ul > li > a {
display: inline-flex;
flex-direction: column;
justify-content: center;
font-size: 16px;
height: 100px;
padding: 3px;
}
.mega-menu-box {
width: 742px;  position: absolute;
background-color: white;
z-index: 1000;
margin: auto;
display: none;
border: 1px solid #e3e3e3;
border-radius: 5px;
box-shadow: 0 2px 5px gray;  }
.mega-menu-box-col1 {
min-width: 258px;
width: 25%;
background-color: whitesmoke;
position: relative;
}
.mega-menu-box-col1-ul {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mega-menu-box-col2 {
width: 35%;
}
.mega-menu-box-col2-ul {
display: none;
}
.mega-menu-box-col3 {
width: 30%;
}
.mega-menu-col1-item {
width: 97%;
position: relative;
}
.mega-menu-col1-item > a {
background-color: white;
color: black;
padding: 6px;
width: 99%;
display: inline-block;
margin: 1px;
border-radius: 5px;
}
.mega-menu-col1-item-transparent > a {
background-color: #ffffffd1;
}
.mega-menu-main-title {
display: flex;
justify-content: center;
margin-top: 15px;
color: #242424;
font-size: 15px;
letter-spacing: -1px;
}
.mega-menu-col1-item-active {
background-color: white !important;
color: black !important;
padding: 5px;
width: 90%;
display: inline-block;
margin: 5px;
box-shadow: 0 1px 5px gray;
border-radius: 5px;
}
.mega-menu-third {
display: none;
position: absolute;
right: 103%;
top: 0;
}
.mega-menu-third > li {
display: inline-block;
width: 150px;
}
.mega-menu-img {  left: 5px;
top: 5px;
}
.mega-menu-list-item {
min-width: 5%; min-width: 10px;
min-height: 10px;
}
.mega-menu-list-item img {
min-width: 36px;
min-height: 36px;
}
li.mega-menu-list-item a span {
min-height: 22px;
min-width: 20px;
}
.mega-menu-list-item:hover {
box-shadow: 0 1px 8px #bbb;
border-radius: 3px;
}
.mega-menu-list-item > a {
width: 100%; }
.mega-menu-list-item > a:hover span { color: #07997e;
}
.mega-menu-thrd-item {
font-size: 16px !important;
color: rgb(8, 152, 129) !important;
padding: 5px;
margin: 5px;
display: inline-block;
}
.mega-menu-dynamic {
color: black;
width: 97%;
display: inline-block;
background-color: white;
padding: 7px;
border-radius: 4px;
align-items: center;
margin: 2px;
cursor: pointer;
}
.mega-menu-dynamic:hover {
color: black;
background-color: white;
box-shadow: 0 1px 5px gray;
}
.mega-menu-arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
margin: 10px auto;
border-bottom: 5px solid #bbb3b9;
}
.mega-menu-slide {
animation: slide 200ms linear;
}
@keyframes slide {
0% {  transform: rotate3d(3, 1, 0, 45deg);
}
100% {  transform: rotate3d(2, 1, 0, 0deg);
}
}
@media screen and (max-width: 1200px) {
#mega-menu {
display: none !important;
}
.wrap-menu-fixed {
display: block !important;
}
}
@media screen and (min-width: 1200px) {
.wrap-menu-fixed {
display: none !important;
}
.mega-menu-main-title {
font-size: 12px;
}
#mega-menu-container > ul > li > a {
padding: 10px;
}
}
@media screen and (min-width: 1350px) {
#mega-menu-container {
width: 80%;
}
.mega-menu-main-title {
font-size: 14px;
}
#mega-menu-container > ul > li > a {
padding: 10px;
}
}
.img-zoom-container {
min-width: 250px;
min-height: 250px;
}
@media screen and (min-width: 1600px) {
#mega-menu-container {
max-width: 1900px;
}
@media screen and (min-width: 1600px) {
.mega-menu-main-title {
font-size: 15px;
}
#mega-menu-container > ul > li > a {
padding: 16px;
}
} .img-zoom-container {
position: relative;
min-width: 400px;
min-height: 400px;
}
.img-zoom-lens {
position: absolute;
border: 1px solid #d4d4d4;
width: 300px;
height: 200px;
background-color: rgba(184, 235, 218, 0.2);
border-radius: 5px;
border: 1px solid rgb(8, 152, 129);
}
.img-zoom-result {
border: 2px solid #d4d4d4;
position: absolute;
left: 100%;
top: 0;
width: 600px;
height: 400px;
display: none;
z-index: 1000;
margin-left: 60px;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.thumb-gallery_slide_image {
min-width: 100px;
}
}
@media screen and (max-width: 992px) { .img-zoom-lens {
display: none;
}
.img-zoom-result {
display: none;
}
} #banner-category {
width: 100%;
height: 75px;
overflow: hidden;
position: relative;
max-width: 1900px;
margin: auto;
}
#banner-category img {
position: absolute;
top: 50%;
left: 50%;
width: 847px;
height: 75px;
object-fit: cover;
transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
#banner-category {
height: 170px;
}
#banner-category img {
width: 100%;
height: 100%;
}
}
.piano-table-price {
margin-right: 23%;
}
@media (max-width: 768px) {
.piano-table-price {
margin: 0 auto;
}
}  li.product.has-gift-icon::before {
top: 5px !important;
}