html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font-size: 0px;
}
body > * {font-size: 14px;}
html,
body {
overflow-x: hidden;
}
html {
scroll-behavior: smooth;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
#billing_country_field {display: none;} input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
-webkit-box-shadow: 0 0 0 30px white inset !important;
} input:-webkit-autofill {
-webkit-text-fill-color: #777 !important;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} ins { text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
animation-play-state: running
}
a:hover {
text-decoration: none;
}
button {
outline: none !important;
border: none !important;
background: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: 'iransans' !important;
}
.container2 {
max-width: 2304px;
margin: auto;
box-shadow: 2px 2px 10px rgba(213, 213, 213, 1.00);
position: relative;
}   select {
font-family: 'FontAwesome', 'iransans';
}
body {
font-family: 'iransans';
line-height: normal;
font-size: 11pt;
background-color: #fafafc;
}
.bg-white {
background-color: #fff;
}
.box-design {
background-color: #fff;
border-radius: 15px;
box-shadow: 2px 4px 15px #5328a01c;
position: relative;
}
.rtl {
direction: rtl;
}
.ltr {
direction: ltr;
}
.sm-font {
font-size: 10.5pt
}
.lg-fonts {
font-size: 12px;
}
.fl-fonts {
font-size: 13px !important;
}
.xl-fonts {
font-size: 14px !important;
}
.fx-fonts {
font-size: 16px;
}
.t-bold {
font-weight: 500 !important;
}
.fs-13 {
font-size: 13pt
}
@media(min-width:1300px) {
.container , .customize-support .content-area {
max-width: 1250px;
}
}
.pr-15 {
padding-right: 15px;
}
.pl-15 {
padding-left: 15px;
} header.header {
background-color: #fff;
box-shadow: 0px 1px 8px #F0F0F0
}
header .container .justify-content-between {
margin-bottom: .3rem !important;
margin-top: .3rem !important;
}
header .custom-logo { max-width: 100%;height: auto; }
.navigation {
padding-bottom: 1rem;
padding-top: 1rem;
border-bottom: 1px solid rgba(232, 232, 232, 1.00);
box-shadow: 0px -1px 5px inset #f4f4f4;
font-size: 13px;
}
.navbar-light .navbar-nav .nav-link {
color: #3F3F3F;
font-weight: 400;
}
.navbar-light .navbar-nav .nav-link:hover {
color: #543af7;
}
header .navbar-nav  svg , footer .menu .menu-item svg { display:none; }
@media (min-width: 992px) {
.navigation .navbar-expand-lg .navbar-nav .nav-link , header .navbar-nav a { padding-left: 2.2rem;
}
header .navbar-nav a i  { margin-left: 5px; }
}
.favorit {
position: relative;
}
.favorit-number {
position: absolute;
top: 10px;
right: 10px;
background-image: linear-gradient(45deg, #f38619, #f74b33 80%);
border-radius: 50%;
width: 20px;
height: 20px;
font-size: 9pt;
text-align: center;
padding: 1px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
box-shadow: 1px 1px 15px #ff371b;
}
.basket-icon , header .mini-cart .buttons a {
border-radius: 40px;
padding: 9px 13px;
background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%);
color: #f4f4f4;
}
.basket-icon span {
font-size: 10pt;
}
.basket-icon .d-flex a span,
.basket-icon .d-flex i {
color: #f4f4f4;
}
.basket-number {
position: relative;
border-radius: 50%;
display: block;
min-width: 30px;
min-height: 30px;
margin-right: 10px;
border: 1px solid #725bfb;
background-color: #5439f7;
font-size: 9pt;
}
.basket-number::after {
content: "";
position: absolute;
min-width: 41px;
min-height: 41px;
bottom: -2px;
left: -2px;
background: linear-gradient(45deg, rgba(255, 255, 255, 0.31) 7%, transparent);
z-index: -1;
border-radius: 50%;
}
header .mini-cart {
position: absolute;
top: 50px;
background: #fff;
box-shadow: 0px 0px 7px 1px #5d5d5d91;
z-index: 100;
left: 0px;
width: 310px;
color: #444;
padding:10px;
border-radius: 6px;
display: none;
height: min-content !important;
}
header .mini-cart li {list-style: none;}
header .mini-cart .woocommerce-mini-cart > li { font-size: 12px;margin-bottom: 6px; list-style: none;border-bottom: 2px dotted #c3b9b9;padding: 10px; }
header .mini-cart li img { width: 30px;height: auto;margin-left:15px; }
header .mini-cart .woocommerce-mini-cart > li a:not(:first-child) { display: flex;align-items: center;font-size: 13px;margin-top:5px;margin-bottom: 5px;width: calc(100% -20px);}
header .mini-cart li .thumb > * { vertical-align: middle;display: inline-block; }
header .mini-cart li span , header .mini-cart .buttons { font-size: 12px; }
header .mini-cart li .quantity { text-align: center;
padding: 3px 5px 5px;
color: #000;
font-weight: 500;
width: 100%;
display: block;
background: #e9e9e9;
border-radius: 4px;
margin-top: 10px; }
header .mini-cart li .quantity .woocommerce-Price-currencySymbol { color: #0056b3;font-weight: bold; }
header .mini-cart .name-row {display: flex;align-items: center;}
.mini-cart .variation dt  {display: inline-block;width: max-content;}
.mini-cart .variation dd {display: inline-block;width: 60%;}
header .mini-cart .fa-trash , header .mini-cart .remove  { color: #fffefd;
margin-left: 5px;
background: #eb5151;
max-width: 20px;
width: 100%;
height: 20px;
display: inline-block;
border-radius: 30px;
text-align: center;
font-size: 14px; }
header .mini-cart li::after {
display: block;
clear: both;
content: "";
}
header .mini-cart .quantity > * {display: inline-block;}
header .mini-cart .button {margin:12px 5px;white-space: nowrap;}
header .mini-cart .buttons {margin-top:1.5rem;margin-bottom: 10px;    text-align: center;} select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background-image: none;
flex: 1;
padding: 0 .5em;
color: rgba(185, 184, 184, 1.00);
cursor: pointer;
font-size: 1em;
}
select::-ms-expand {
display: none;
}
.select {
position: relative;
display: flex;
width: 9em;
height: 3em;
line-height: 3;
overflow: hidden;
border-radius: .25em;
padding: 2px 0.8rem 0px 2.3rem;
letter-spacing: -0.5px;
}
.selectoption {
width: 100%;
border-radius: 50px;
border: 1px solid rgba(232, 232, 232, 1.00);
padding: 3px 2px;
}
.selectoption select {
background-color: transparent;
}
.header-search {
width: calc(100% - 175px);
padding: 12px;
border: none;
font-family: 'iransans';
outline: none;
}
.select:after {
position: absolute;
content: "";
width: 1px;
height: 22px;
background-color: #c8cae4;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 2;
}
::placeholder { color: rgba(191, 191, 191, 1.00) !important;
opacity: 1; }
.select::before {
content: "\f107";
font-family: "Font Awesome 5 Pro";
position: absolute;
left: 11px;
top: 7%;
color: #aaa;
}
.select option { color: #666;padding-left: 10px; }
:-ms-input-placeholder { color: rgba(191, 191, 191, 1.00) !important;
}
::-ms-input-placeholder { color: rgba(191, 191, 191, 1.00) !important;
} .ajax-search-result > div { background: #fff;color: #444;text-align: center;border-radius: 12px;overflow: hidden;position: absolute;z-index: 30;left: 15px;right: 15px;box-shadow: 0px 0px 7px 0px #aaa;padding: 1rem;}
.ajax-search-result .post-item { border-bottom: 1px solid #e0dfdf;color: #444;font-size: 12px;padding: 5px;}
.ajax-search-result img { border-radius: 7px;}
.ajax-search-result h4 { font-size: 13px;}
.ajax-search-result .thumb { min-width: 50px;}
.ajax-search-result .post-item:hover { background: var(--back-color);}
.search-item-404 .ajax-search-result > div {  top: 75px; } .select2-container--default .select2-selection--single {
background-color: transparent;
border: none !important;
border-radius: 4px;
margin-top: 6px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
color: #bebebe !important;
font-size: 14px;
}
.select2-container--open .select2-dropdown--below {left: -34px !important;top: 32px;border-color: #e8e8e8 !important; margin-top: 4px;}
.select2-container--default .select2-results__option .select2-results__option{font-size: 13px;letter-spacing: -0.9px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { display:none !important; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {     width: 100px !important; } .h-scroll {
overflow-x: auto;
overflow-y: hidden;
}
.myscroll::-webkit-scrollbar {
height: 6px;
width: 6px;
background: #5439f7;
}
.myscroll::-webkit-scrollbar-thumb:horizontal {
background-image: linear-gradient(45deg, #5439f7, #1eced4);
border-radius: 10px;
}
.myscroll::-webkit-scrollbar-track {
border-radius: 0;
background: rgba(200, 200, 200, 1.00);
}
.second-nav {padding: 25px 0 0 0;position: relative;width: 100%;}
.second-nav li {
margin-left: 9px;
padding-left: 19px;
list-style: none;
padding-bottom: 15px;
}
.second-nav li ul {  }
.second-nav li a span {
padding: 0px 5px;
font-size: 11pt;
font-weight: 500;
display: inline-block;
line-height: 0;
width: 94%;
}
.second-nav > li > a span{padding: 6px 5px;}
.second-nav > li:not(.category-list) {position: relative;}
.second-nav.wide .submenu-wrapper {
top: 46px;
right: 0px;
position: absolute;
background-color: #fff;
border-radius: 0 0 10px 9px;
box-shadow: 1px 1px 2px rgba(181, 181, 181, 1.00); z-index: 55;
min-width: 250px;
display: none;
overflow: hidden;
}
.second-nav.wide .category-list .submenu-wrapper {
top: 71px;
min-width: 200px;
width: 100%;
}
.second-nav ul.sub-menu li a {
position: relative;
transition: .3s;
padding: 0.3rem 6px;
display: block;
color: #000;
margin-bottom: 4px;
}
.second-nav ul.sub-menu li {
line-height: 2rem;
padding-bottom: 0px;
transition: 0.1s;
margin-left: 0px;  }
.second-nav .submenu-wrapper > ul.sub-menu > li:hover , .second-nav .submenu-wrapper > ul.sub-menu > li.active  { color: #000000;border-right: solid 3px #5439f7;background: linear-gradient(270deg, rgb(26 58 255 / 9%) 0%, rgba(239, 58, 79, .01) 100%);}
.second-nav ul.sub-menu li:hover > a {color: #391af6;}
.submenu-wrapper > ul.sub-menu>li>ul ul a {
color: #8e8e8e;
padding: 1px 6px;
margin-bottom: 4px;
width: fit-content;
}
.second-nav ul.sub-menu li:hover::after {
height: 1px;
bottom: 0;
}
.second-nav ul.sub-menu .sub-menu {   margin-bottom: 20px;}
.banner .name {
color: #fff;
display: block;
white-space: normal;
overflow: auto;
text-overflow: unset;
max-width: initial;
}
.second-nav li { white-space: nowrap;
}
.nav-svg  {
fill: #484848;
width: 18px
}
.second-nav li i { font-size: 18px;color: #484848;vertical-align: middle; }
.second-nav li:hover i { background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.second-nav li:hover .nav-svg , .second-nav li:hover path  {
fill: #0056b3 !important;
}
.submit-form input {
padding: .75em 1em;
outline: none;
border: none;
margin: .5em 0em;
box-shadow: 1px 1px 2px rgba(181, 181, 181, 1.00) inset;
border-radius: 5px;
background-color: #f4f4f4;
display: block;
}
.submit-form button {
margin: 1em auto;
display: block
}
.submit-form button.close {
float: right;
color: red;
opacity: 1
}
.submit-form .modal-header {
background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%)
}
.select2-dropdown {
width: 135px !important;
} .slider {
margin: 15px 0;
}
.slider img , img.customize-banner {
border-radius: 25px;
}
.slider-item {
position: relative;
padding-left: 14px;
}
.slider-text-box {
position: absolute;
top: 60%;
left: 0px;
z-index: 2
}
.off-text {
color: #fff;
position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -40%);
font-size: 10pt;
}
.pn-box {
position: absolute;
bottom: 4%;
right: 20px;
left: 12%;
font-size: 13px;
}
.pn-box .name {
font-size: 0.88rem;
margin-bottom: 5px;
}
.old-cost {
color: rgba(233, 233, 233, 0.69);
text-decoration: line-through;
}
.new-cost {
color: #fff;
padding-right: 10px;
}
.name {
color: #fff;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 210px;
}
.big-s-wrapper {
position: relative;
}
.big-s-text {
position: absolute;
bottom: 25%;
right: 20%;
}
.big-s-text .first {
display: inline-block;
border: 2px solid #f38619;
border-radius: 13px 13px 13px 0;
color: #fff;
padding: 5px 8px 2px 8px;
text-align: center
}
.big-s-text .second {
display: inline-block;
border: 2px solid rgba(255, 255, 255, 0.74);
border-radius: 15px 0 13px 15px;
color: rgba(255, 255, 255, 0.77);
padding: 5px 25px;
text-align: center;
box-shadow: 0px 0px 5px #fff;
position: relative;
top: 37px;
}
.fa-chevron-left.mr-3 {
position: relative;
top: 3px;
}
.owl-dots {
margin-top: 15px;
}
.owl-theme .owl-dots .owl-dot span {
width: 8px;
height: 8px;
}
.fourthtab-carousel .owl-item a.h6 {
font-size: .86rem !important;
height: 50px;
}
.orangedot .owl-dot.active span {
width: 18px;
background-image: linear-gradient(45deg, #f38619, #f74b33 60%) !important;
box-shadow: 0px 0px 10px #ff371b
}
.noarrow .owl-nav {
display: none;
}
.bluedot .owl-dot.active span {
width: 18px;
background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%) !important;
box-shadow: 0px 0px 10px #5439f7
}
.bluedotlong .owl-dot.active span {
width: 18px;
height: 5px;
border-radius: 10px;
background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%) !important;
box-shadow: 0px 0px 10px #5439f7
}
.bluedotlong .owl-theme .owl-dots .owl-dot span {
width: 18px;
height: 5px;
border-radius: 10px
}
.mini-slider .label {
position: absolute;
bottom: 28%;
left: 2px;
z-index: 10;
width: 120px;
height: 45px;
background-repeat: no-repeat;
color: #fff;
font-size: 1rem;
text-align: center;
padding-top: 4px;
background-size: cover;
background-position: center;
font-weight: 500;
} .games-carousel img {
width: 3rem !important;
display: block;
margin: .5em auto;
} .gameName-carousel .text-center a {
font-weight: bold;
color: #2c2c2c;
margin-top: .2em;
transition: opacity .1s 0s
}
.gameName-carousel .text-center a:nth-child(2){ opacity: 0; }
.shadow {
filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
}
.gameName-carousel .text-center h5 {
font-size: 10pt
}
.gameName-carousel .text-center h4 {
margin-top: 1rem
}
.gameName-carousel .text-center .name-container {
transition: transform .4s;
transform: translateY(0);
}
.gameName-carousel .owl-carousel .owl-item .name-container img { margin: 0px auto;width: unset;max-width: 100%; }
.gameName-carousel .owl-carousel .owl-item svg { width: 74px;height: 74px; }
.gameName-carousel .text-center:hover a {
opacity: 1;
transition: opacity .3s .2s
}
.gameName-carousel .text-center a:hover {
color: #533bf6
}
.gameName-carousel .text-center:hover .name-container {
transform: translateY(-15px)
}
.gameName-carousel > .text-center {
border-right: 1px solid #f8f6fb;
}
.gameName-carousel .text-center:hover {
background-color: #f0f0f6
}
.gameName-carousel .text-center .name-container {
padding-top: 1.5em
}
.purple {
color: #5e00a4;
}
.orange {
color: #f95f22;
}
.black {
color: #2a2a2c
}
.darkblue {
color: #19385b
}
.satblue {
color: #0288d1;
}
.blue {
color: #4586ca
}
.green {
color: #107c10
}
.pink {
color: #f689a7
}
.gray {
color: rgba(154, 154, 154, 1.00)
} .socials-box {opacity: 0;}
.tabbable-responsive {
display: block;
min-width: 100%;
overflow-x: auto;
margin: 0px -20px -13px -20px;
}
.tabbable {
min-width: 100%;
}
.tabbable .nav-tabs {
white-space: nowrap;
display: inline-block;
padding: 0px 21px;
}
.tabbable .nav-tabs .nav-item {
display: inline-block;
}
small {
font-size: 12px;
}
.card {
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.15);
}
a {
color: inherit;
} .text-dark {
text-decoration: none !important;
}
.elmahio-ad {
background: #fff;
box-shadow: 0px 0px 0px 1px #ddd;
border-radius: 4px;
overflow: hidden;
}
.elmahio-ad .logo {
background: #0da58e;
width: 60px;
height: 60px;
text-align: center;
line-height: 52px;
}
.elmahio-ad .logo img {
width: 50px;
}
.elmahio-ad .motto {
width: 180px;
font-size: 12px;
font-weight: bolder;
padding: 12px;
} .tabbable .nav-tabs .nav-item .nav-link {
display: inline-block;
border: none;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
background-color: #fafafc;
margin-top: 10px;
color: #533bf6;
position: relative;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active span i {
background: -webkit-linear-gradient(45deg, #5439f7 40%, #1eced4 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
}
.carousel-tab .nav-tabs .nav-link {
padding: 0;
}
.carousel-tab .nav-tabs .nav-link span {
position: relative;
padding: .75rem 2rem;
border-radius: 25px 25px 0 0;
display: block;
z-index: 4
}
.carousel-tab .nav-tabs .nav-link.active span {
z-index: 1;
border-radius: 25px 25px 0 0;
box-shadow: 2px 0px 10px rgb(241 241 241);
background-color: #fff;
}
.carousel-tab .nav-tabs .nav-link.active .left {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
.carousel-tab .nav-tabs .nav-link.active .left:after {
content: "";
position: absolute;
bottom: 0;
right: 100%;
background-color: #fff;
width: 23px;
height: 23px;
z-index: 2
}
.carousel-tab .nav-tabs .nav-link.active .left:before {
content: "";
position: absolute;
bottom: 0;
right: 100%;
background-color: #fafafc;
width: 23px;
height: 23px;
border-bottom-right-radius: 23px;
z-index: 3;
}
.carousel-tab .nav-tabs .nav-link.active .right {
position: absolute;
;
bottom: 0;
right: 0;
z-index: 2;
}
.carousel-tab .nav-tabs .nav-link.active .right:after {
content: "";
position: absolute;
bottom: 0;
left: 0%;
background-color: #fff;
width: 23px;
height: 23px;
z-index: 2
}
.carousel-tab .nav-tabs .nav-link.active .right:before {
content: "";
position: absolute;
bottom: 0;
left: 0%;
background-color: #fafafc;
width: 23px;
height: 23px;
border-bottom-left-radius: 23px;
z-index: 3;
}
.carousel-tab .card-header {
padding: 0 1.25rem .75rem 1.25rem;
margin-bottom: 0;
background-color: rgb(250 250 252);
border: none;
z-index: 2;
}
.carousel-tab .card-body {
border-top: 1px solid #fff;
box-shadow: 0px 2px 10px #efefef;
border-radius: 25px;
position: relative;
z-index: 1;
background-color: #fff;
}
.carousel-tab .tab-pane,
.carousel-tab .first-content {
position: relative;
}
.carousel-tab .first-content:after {
content: "";
position: absolute;
top: -1.25rem;
right: -1.25rem;
width: 25px;
height: 25px;
background-color: #fff;
z-index: 3;
}
.noradius-right {
border-radius: 25px 0 25px 25px !important
}
.carousel-tab {
border: none;
box-shadow: none;
background-color: #fafafc;
}
.carousel-tab .nav-tabs {
border-bottom: 1px solid #fafafc;
}
.carousel-tab .card-header .nav-tabs {
padding: 0;
}
.cost .toman , .cost .woocommerce-Price-currencySymbol {
display: block;
background-color: #533bf6;
border-radius: 30px 30px 30px 0;
padding: 0 5px;
line-height: 19px;
color: #fff;
float: right;
margin: 0 .2em .7em .2em;
font-weight: bold;
font-size: 8pt;
}
.cost .old-price {
text-decoration: line-through;
margin: .2em;
font-weight: lighter;
color: #000;
font-size: 0.9rem;
}
.cost .new-price {
font-weight: bold;
margin: .2em;
font-size: 0.9rem;
}
.cost .woo-price .woocommerce-Price-currencySymbol {display:none;}
.product-item h2 a { display: block;font-size: 14px;line-height: 1.4;font-weight: 500;margin-bottom: 1px; }
.single-video { margin:1rem 0px;border-radius:25px;overflow: hidden; }
.image-box {
position: relative;
border-radius: 10px;
transition: all .2s
}
.image-box:hover {
box-shadow: 0px 4px 14px #acaecf
}
.image-box img {
border-radius: 8px;
max-width: 100%;
height: auto;
}
.image-box .fa-cart-plus {
position: absolute;
transform: translate(-50%, -70%);
top: 70%;
left: 50%;
color: #fff;
font-size: 32pt;
border: 1px solid rgba(255, 255, 255, 0.64);
border-radius: 50%;
padding: .3em .34em .3em .3em;
}
.cover {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: linear-gradient(-32deg, #0bf7e1d6, #3b46d2c7, transparent);
opacity: 0;
border-radius: 8px;
transition: all .3s;
z-index:2;
}
.image-box a.cover {
visibility: hidden;
transition: all .2s
}
.image-box:hover a.cover {
visibility: visible;
}
.image-box:hover .cover {
opacity: 1
}
.moreitems {
min-width: 115px;
direction: ltr;
margin-top: 10px;
margin-left: 5px;
padding-left: 4px;
}
.moreitems .circle i {
color: #fff;
font-weight: 500;
}
.seemore {
position: absolute;
left: 0;
bottom: 0;
visibility: hidden;
}
.moreitems .circle {
display: inline-block;
width: 21px;
height: 21px;
color: #fff;
border-radius: 50%;
font: 11em;
font-weight: bold;
margin-right: .3em
}
.moreitems.orange .circle {
background-image: linear-gradient(90deg, #ee2f22, #fac422);
}
.moreitems.blue .circle {
background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%)
}
.owl-stage-outer {
padding-top: 30px;
}
.fire-carousel .owl-stage-outer {
padding-top: 0px;
}
.myh {
font-size: 13pt;
font-weight: 500;
min-width: 150px;
}
.over-0 {
overflow-y: hidden;
}
.gameName-carousel .owl-stage-outer {
padding-top: 0px;
}
.woocommerce-store-notice {position: fixed;bottom: 0px;width: 100%;text-align: center;background: linear-gradient(45deg, #f52e4a, #fc6800);padding: 7px;z-index: 999;color: #fff;font-weight: bold;}
.woocommerce-store-notice__dismiss-link { font-size: 12px;margin-right: 10px;background: #ffd4d47a;padding: 3px 10px;border-radius: 5px;}
.woocommerce-store-notice a:hover {color:#000;}
footer .footer-carousel .owl-stage-outer {
padding-top: 0;
margin-top: 30px;
box-shadow: 0px 0px 21px rgba(50, 50, 165, 0.11);
;
border-radius: 25px;
}
.sale {
position: absolute;
top: -30px;
left: -20px;
width: 90px;
height: 80px;
background-image: url(//www.cdkeyshare.ir/wp-content/themes/original-key-theme/assets/image/sale.png);
background-size: 90px auto;
color: #fff;
background-repeat: no-repeat;
z-index: 3;
font-size: 0.96rem;
}
.term-box span { color: #403e3e;font-size: 13.1px; }
.term-box img { width: 17px !important ; margin-top:5px; }
.sale i{
position: absolute;
top: 40%;
left: 40%;
transform: translate(-40%, -40%)
}
.first-carousel a.h6 , .pro-title {
display: inline-block;
padding: .4em 0.6rem 0.3rem;
font-size: .85rem;
line-height: 1.5;
font-weight: normal !important;
color: #494949;
text-shadow: 0px 0px 0px #6b6b6bf2;
min-height: 50px;
}
.product-item > div.align-items-center { height:6px; padding-top:0px !important; }
.product-item > div.align-items-center > a {display:none !important; } .mypadding {
padding: 10px 15px;
}
button.telegram {
border-radius: 5px;
padding: .85em 1.5em;
background-image: linear-gradient(45deg, #1398f9, #2bd2ff);
color: #fff;
box-shadow: 1px 2px 7px rgba(80, 89, 112, 0.54);
font-family: 'iransans';
}
button.instagram {
border-radius: 5px;
padding: .85em 1.5em;
background-image: linear-gradient(45deg, #ff5a00, #ee0979);
color: #fff;
box-shadow: 0px 3px 10px #cd1870;
font-family: 'iransans';
}
.footer-image {
width: 100%;
height: 279px;
margin-bottom: 3em;
position: relative;
overflow: hidden
}
.footer-back {
width: 110%;
position: relative;
left: 5%;
height: 100%;
margin: auto;
border-radius: 0 0 75% 0%;
background-image: linear-gradient(-45deg, #5439f7 40%, #1eced4 80%);
;
}
.footer-back:after {
width: 100%;
height: 100px;
background-color: #fafafc;
content: "";
position: absolute;
top: 0;
z-index: 1;
border-radius: 0 0 100% 10%;
transform: rotate(2deg) translateY(-45px);
}
.footer-image img {
float: left;
z-index: 2;
position: relative;
}
.footer-image .form {
background: #fff;
padding: .5em;
border-radius: 50px;
min-width: 410px;
}
.footer-image .text {
min-width: 310px;
}
.footer-image .d-flex {
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -70%);
z-index: 3
}
.footer-image input.input , .mc4wp-form-fields input {
outline: none;
border: none;
width: 100%;
padding: .5em;
text-align: right;
direction: rtl;
font-family: 'iransans';
background: inherit;
}
.footer-image .form form { margin: 0px; }
.footer-image .form .mailster-form-fields , .mc4wp-form-fields { display: flex;align-items: baseline;}
.footer-image .mailster-form .mailster-email-wrapper { width: calc(100% - 150px); }
.orange-button , .footer-image form .submit-button , .mc4wp-form-fields input[type=submit] {
outline: none;
border-radius: 50px;
padding: .7em 1.3em 1em 1.3em;
background-image: linear-gradient(90deg, #ff8a01, #f32f47);
color: #fff;
box-shadow: 2px 2px 10px #f32f47;
margin: .5em .5em;
font-family: 'iransans';
border: 0px;
width: 150px;
}
footer .owl-carousel .owl-item img {width:auto !important;} aside.widget { width: 100%;padding:0px 0.95rem; }
.widget svg + h4 { display: inline-block; }
.dokan-bestselling-product-widget li { text-align: center;list-style: none;position: relative; }
.photo-curve , .dokan-bestselling-product-widget a {
border-radius: 25px;
overflow: hidden;
display: block;
}
.photo-curve-side {
border-radius: 25px;
overflow: hidden;
width: 80%;
margin: 0 auto;
}
.photo-curve-side img {
width: 100%;
}
.index-box-form , .dokan-bestselling-product-widget li .woo-price , .dokan-bestselling-product-widget .product-title {
position: absolute;
bottom: 7%;
text-align: center;
left: 50%;
transform: translateX(-50%);
width: 90%;
}
.text-danger-index , .dokan-bestselling-product-widget .woocommerce-Price-currencySymbol {
color: #dc3545 !important;
font-size: 20px;
font-weight: bold;
margin-left: .25rem;
background: unset;
} .dokan-bestselling-product-widget del { border-left: 1px solid #fff;margin-left: 5px;padding-left: 5px; }
.text-slider-index  , .dokan-bestselling-product-widget .product-title{
font-size: 15px;
font-family: "Lato";
color: rgb(255, 255, 255);
font-weight: bold;
display: block;
margin-bottom: 5px;
direction: rtl;
text-align: center;
line-height: 1.2;
margin-bottom: 1.7rem;
}
.old-cost-index-slider,.new-cost-index-slider , .dokan-bestselling-product-widget li .woo-price{
font-size: 17px;
font-family: "Lato";
color: rgb(255, 255, 255);
margin-right: 5px;
}
.footer-telegram {
border-radius: 10px;
background-image: url(//www.cdkeyshare.ir/wp-content/themes/original-key-theme/assets/image/footer-banner1.png);
height: 77px;
}
.footer-instagram {
border-radius: 10px;
background-image: url(//www.cdkeyshare.ir/wp-content/themes/original-key-theme/assets/image/footer-banner2.png);
height: 77px;
}
.lastpart {
padding-top: 1.5em;
margin-top: 0;
background-color: #fff
}
.lastpart p:last-child {
font-size: 10pt;
color: rgba(95, 95, 95, 1.00);
margin: .4em;
}
.footer-about {
text-align: justify;
line-height: 2.5;
font-weight: 500;
font-size: 14px !important;
}
.footer-access {
margin-top: 1.25em;
padding: .3em .5em .5em .3em;
}
.footer-access h5.h5 {
font-size: 16px !important;
}
.footer-access ul li {
font-size: 14px;
list-style: none;
margin: 1em 0;
} .promo-banner{
padding:1.2rem 0.8rem;
border-radius:10px;
background:linear-gradient(135deg, #08c8d1 0%, #256acd 50%, #6b54f8 100%);
color:#fff;
text-align:center;
box-sizing:border-box;
}
.promo-banner h2{
margin:0 0 10px;
font-size:17px;
font-weight:700;
line-height:1.4;
}
.promo-banner p{
margin:0 0 14px;
font-size:12px;
opacity:.85;
line-height:1.6;
}
.promo-banner .banner-buttons{
display:flex;
gap:7px;
justify-content:center;
}
.promo-banner .banner-buttons a{
flex:1;
text-decoration:none;
color:#fff;
font-size:11px;
font-weight:600;
padding:8px 6px;
border-radius:25px;
background:#f66edc;
transition:.2s;
}
.promo-banner .banner-buttons a:first-child{background:#41c4ff;}
.promo-banner .banner-buttons a:hover{
background:rgba(255,255,255,.22);
transform:translateY(-2px);
} .telegram-support-label {
position: fixed;
left: 10px;
bottom: 100px;
z-index: 99999;
animation-name: topbottom;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
.telegram-support-label label {
background-color: #523ef6;
color: #fff;
padding: 0.3rem 1rem;
border-radius: 40px;
position:  relative;
}
.telegram-support-label label:after {
content: '';
position: absolute;
bottom: -8px;
right: 44%;
border-style: solid;
border-width: 8px 8px 0px 8px;
border-color: #523ef6 transparent transparent;
}
@keyframes topbottom{
0%{ bottom: 100px; }
50%{ bottom: 90px;}
100%{ bottom: 100px;}
}
.telegram-ta {
position: fixed;
left: 10px;
bottom: 10px;
z-index: 9999;
width: 70px;
height: 70px;
border-radius:100px;
background: #03A9F4;
border-bottom-left-radius: 0;
box-shadow: 0 0 30px -21px;
overflow: hidden;
-webkit-transition: 0.3s all ease-in-out !important;
-moz-transition: 0.3s all ease-in-out !important;
-ms-transition: 0.3s all ease-in-out !important;
transition: 0.3s all ease-in-out !important;
transition-delay: 0.2s !important;
}
.telegram-ta:hover{
width: 250px;
border-radius:100px;
-webkit-transition: 0.3s all ease-in-out !important;
-moz-transition: 0.3s all ease-in-out !important;
-ms-transition: 0.3s all ease-in-out !important;
transition: 0.3s all ease-in-out !important;
}
.telegram-ta-in {
position: absolute;
left: 50%;
bottom: 50%;
transform: translate(-50% , 50%);
z-index: 9999;
width: 50px;
height: 50px;
border-radius: 100%;
background: #03A9F4;
border-bottom-left-radius: 0;
border: 2px solid #ffffff;
-webkit-transition: 0.3s all ease-in-out !important;
-moz-transition: 0.3s all ease-in-out !important;
-ms-transition: 0.3s all ease-in-out !important;
transition: 0.3s all ease-in-out !important;
}
.telegram-ta-in span {
position: absolute;
left: 50%;
bottom: 50%;
transform: translate(-55% , 55%);
z-index: 9999;
border-radius: 100%;
font-size: 22px;
color: #ffffff;
text-shadow: 0px 0px 24px;
-webkit-transition: 0.3s all ease-in-out !important;
-moz-transition: 0.3s all ease-in-out !important;
-ms-transition: 0.3s all ease-in-out !important;
transition: 0.3s all ease-in-out !important;
}
.telegram-ta:hover .telegram-ta-in{
left: 10px;
transform: translate(0% , 50%) rotate(-135deg);
-webkit-transition: 0.3s all ease-in-out !important;
-moz-transition: 0.3s all ease-in-out !important;
-ms-transition: 0.3s all ease-in-out !important;
transition: 0.3s all ease-in-out !important;
}
.telegram-ta:hover .telegram-ta-in span{
transform:translate(-55% , 45%) rotate(135deg);
-webkit-transition: 0.3s all ease-in-out !important;
-moz-transition: 0.3s all ease-in-out !important;
-ms-transition: 0.3s all ease-in-out !important;
transition: 0.3s all ease-in-out !important;
}
.telegram-ta-text{
position:absolute;
color:#fff;
top:50%;
right:10px;
transform:translateY(-50%);
font-weight:300;
font-family:iransans;
visibility:hidden;
opacity:0;
-webkit-transition: 0.3s all ease-in-out !important;
-moz-transition: 0.3s all ease-in-out !important;
-ms-transition: 0.3s all ease-in-out !important;
transition: 0.3s all ease-in-out !important;
}
.telegram-ta:hover .telegram-ta-text{
visibility:visible;
opacity:1;
-webkit-transition: 0.3s all ease-in-out !important;
-moz-transition: 0.3s all ease-in-out !important;
-ms-transition: 0.3s all ease-in-out !important;
transition: 0.3s all ease-in-out !important;
transition-delay: 0.3s !important;
}
.contact-info {
padding: 2em;
background-color: #fff;
border-radius: 25px;
margin-top: 2em;
box-shadow: 0px 0px 21px rgba(50, 50, 165, 0.11)
}
.contact-info .justify-content-between div span {
font-size: 14px;
}
.contact-info p.t-bold { white-space: nowrap; }
.contact-info p.text-left {
font-size: 16px !important;
}
.light-note {
color: rgba(95, 95, 95, 1.00);
font-size: 9pt;
letter-spacing: 1px;
}
.carousel-title {
padding-bottom: .7em
}
footer .owl-stage img {margin:auto;} .question-mark i {
display: inline-block;
padding: 0em .5em;
width: 20px;
height: 20px;
position: relative;
border-radius: 20px 20px 20px 0;
background-color: #fff;
color: #ee2f22
}
.question-mark i:after {
position: absolute;
content: "";
width: 24px;
height: 24px;
background-image: linear-gradient(90deg, #ee2f22, #fac422);
top: -2px;
left: -2px;
z-index: -1;
border-radius: 20px 20px 20px 0;
}
.question-mark,
.i-mark {
display: inline-block;
margin: .05em .05em 0 .7em;
border-bottom: 2px solid #ee2f22;
padding-bottom: 1.5em;
}
.i-mark {
border-bottom: 2px solid #5439f7;
}
.i-mark i {
display: inline-block;
padding: 0em .55em;
width: 20px;
height: 20px;
position: relative;
border-radius: 50%;
background-color: #fff;
color: #5439f7;
font-weight: bold;
font-size: 12pt;
}
.i-mark i:after {
position: absolute;
content: "";
width: 24px;
height: 24px;
border-radius: 50%;
top: -2px;
left: -2px;
z-index: -1;
background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%)
}
.seemore-wrap {
padding: 1em 1.5em 1.5em 2em
}
.z-index-0 {
z-index: 0
}
.myitem3 {
background-color: #ADADAD;
height: 250px;
border-radius: 15px
}
.rounded-full { border-radius: 9%; }   .search-category input[type="search"] {
outline: none;
border: none;
padding: 1.15em 1em;
border-radius: 25px;
width: 85%;
}
.search-wrapper {
box-shadow: 0px 0px 15px rgba(83, 40, 160, 0.091);
background-color: #fff;
border-radius: 25px;
}
@media(max-width:992px) {
body {
font-size: 10pt;
}
a.h6 {
font-size: 9.5pt
}
.h6  {
font-size: 10pt;
}
.product-item h2 a{
font-size: 12px !important;
}
.sale {
display: block;
top: -22px;
left: -18px;
width: 73px;
height: 70px;
background-position: center;
background-repeat: no-repeat;
background-size: 70px 55px;
}
.basket-icon {
padding: 10px 5px
}
.seemore .circle {
padding-right: .65em;
padding-top: .3em;
}
.question-mark i {
padding-top: .35em;
padding-right: .8em;
}
.newstext {
padding-bottom: 1em;
}
.footer-image {
background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%);
height: 170px;
border-radius: 0;
}
.footer-back:after {
width: 0;
height: 0
}
.footer-back {
border-radius: 0;
}
.basket-number {
min-width: 26px;
min-height: 26px;
margin-right: 7px;
font-size: 7.5pt;
}
}
@media(max-width:768px) {
.gift-img .timer-gift {
bottom: -17px !important;
}
.selectoption {
margin: 8px auto;
}
.basket-icon {
padding: 8px 10px;
font-size: 10pt;
}
.question-mark i {
padding-top: .25em;
padding-right: .8em;
}
}
@media(max-width:576px) {
.carousel-tab .nav-tabs .nav-link span {
padding: .75rem 0.6rem !important;
}
.active-btn-wrp {
display: none !important;
}
.gift-img .timer-gift {
bottom: -29px !important;
}
.footer-image .form {
min-width: 300px;
}
.footer-image input {
width: 150px;
}
.newstext h3 {
font-size: 13pt
}
.seemore-wrap2>div {
padding-bottom: 1.5em;
}
.seemore-wrap>div {
padding-bottom: 1.5em;
}
.myh {
font-size: 11pt;
}
}
.space {
letter-spacing: 3px;
font-size: 10.5pt;
}
.basket-icon i {
font-size: 1.1em !important;
}  .section-item-product{
background-size: cover; position: relative;
}
.section-item-product-cover {
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
background: linear-gradient(0deg,#fafafc 1%, #e1e1e178, #fafafc);
}
.container .top-layer { position: relative;z-index: 2; }
.breadcrumb {
font-size: 12px;
font-weight: bold;
}
.breadcrumb i {
background: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
vertical-align: super;
font-size: 16px;
margin-left: 5px;
}
.breadcrumb a {
font-size: 12px;
font-weight: normal;
}
.breadcrumb a::after {
display: inline-block;
padding:0px 1rem;
color: #6c757d;
content: "\f053";
font-family: "Font Awesome 5 Pro";
font-size: 10px;
font-weight: 900;
}
.package-box {
box-shadow: 0px 8px 6px 0px rgba(83, 40, 160, 0.03);
background-color: rgb(255, 255, 255);
border-radius: 27px;
}
.package-box .package-img { width: 91%;
margin: -19px auto 0px;
border-radius: 9px; text-align: center;
}
.package-box .package-img .position-relative { width: fit-content;margin: 0px auto 0.5rem;     font-size: 0px;
display: inline-block; }
.package-box .package-img img {
max-width: 100%;height: auto;
border-radius: 9px;
}
.package-img .timer , .image-box .timer {
bottom: 0px; color: #f0f0f6;
background-color: #000000b3;
border-radius: 0 0 9px 9px;
font-size: 0px;
}
.badge-score-product{
background-color: rgb(255, 61, 67);
}
.ok-price-gift {
position: relative;
overflow: hidden;
width: 100%;
max-width: 270px;
margin: 8px auto 4px;
padding: 12px 14px 12px 12px;
text-align: right;
background: #fff;
border: 1px solid #ece9f8;
border-radius: 16px;
box-shadow: 0 8px 24px rgba(84, 57, 247, 0.06);
}
.ok-price-gift::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 3px;
background: linear-gradient(180deg, #5439f7 0%, #1eced4 100%);
}
.ok-price-gift__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.ok-price-gift__title {
color: #6d7285;
font-size: 12px;
font-weight: 600;
line-height: 1.6;
}
.ok-price-gift__badge {
display: inline-flex;
align-items: center;
gap: 4px;
flex-shrink: 0;
padding: 2px 8px;
border-radius: 20px;
background: #e9f9ef;
color: #178a45;
font-size: 11px;
font-weight: 600;
line-height: 1.6;
white-space: nowrap;
}
.ok-price-gift__badge i {
width: 6px;
height: 6px;
border-radius: 50%;
background: #22c55e;
display: inline-block;
}
.ok-price-gift__price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 4px 6px;
margin: 6px 0 4px;
color: #241b3a;
font-size: 16px;
font-weight: 700;
line-height: 1.7;
text-align: center;
}
.ok-price-gift__price .price,
.ok-price-gift__price .woocommerce-Price-amount {
margin: 0;
}
.ok-price-gift__sep {
color: #9aa0b5;
font-weight: 500;
}
.ok-price-gift__hint,
.ok-price-gift__note {
margin: 0;
color: #8b90a7;
font-size: 11px;
font-weight: 400;
line-height: 1.9;
}
.ok-price-gift__gift {
position: relative;
margin-top: 8px;
padding: 10px 36px 10px 10px;
border-radius: 12px;
background: #f6f5fb;
}
.ok-price-gift__gift-text {
margin: 0 0 4px;
color: #3a3550;
font-size: 12.5px;
font-weight: 500;
line-height: 1.9;
}
.ok-price-gift__amount {
color: #000;
font-size: 12px;
font-weight: 700;
background: transparent;
padding: 0;
}
.ok-price-gift__star {
position: absolute;
right: 8px;
top: 12px;
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-image: linear-gradient(35deg, #5439f7 20%, #1eced4 100%);
color: #fff;
font-size: 10px;
line-height: 1;
}
.shop-box .ok-price-gift ins {
display: inline;
margin: 0;
text-align: inherit;
text-decoration: none;
}
.shop-box .ok-price-gift del {
opacity: 0.55;
font-size: 12px;
font-weight: 500;
}
.ok-installment {
width: 100%;
max-width: 270px;
margin: 8px auto 4px;
text-align: right;
}
.ok-installment__notice {
margin-bottom: 8px;
padding: 10px 12px;
background: #f4fbfc;
border: 1px solid #d7f3f5;
border-radius: 14px;
}
.ok-installment__notice-title {
margin: 0 0 2px;
color: #241b3a;
font-size: 12px;
font-weight: 700;
line-height: 1.8;
}
.ok-installment__pick {
margin: 0;
color: #8b90a7;
font-size: 11px;
font-weight: 400;
line-height: 1.8;
}
.ok-installment.is-selected .ok-installment__pick {
display: none;
}
.ok-installment__card {
position: relative;
overflow: hidden;
padding: 10px 12px 10px 10px;
background: #fff;
border: 1px solid #ece9f8;
border-radius: 14px;
box-shadow: 0 8px 24px rgba(84, 57, 247, 0.06);
}
.ok-installment__card::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 3px;
background: linear-gradient(180deg, #5439f7 0%, #1eced4 100%);
}
.ok-installment__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
}
.ok-installment__question {
margin: 0;
color: #3a3550;
font-size: 12px;
font-weight: 600;
line-height: 1.8;
}
.ok-installment__question i {
margin-left: 4px;
color: #5439f7;
font-size: 13px;
}
.ok-installment__guide {
flex-shrink: 0;
padding: 1px 8px;
border: 0;
border-radius: 20px;
background: #f6f5fb;
color: #5439f7;
font-family: inherit;
font-size: 11px;
font-weight: 600;
line-height: 1.7;
cursor: pointer;
}
#okInstallmentGuide.modal {
z-index: 100000 !important;
}
#okInstallmentGuide .modal-dialog {
max-width: 546px;
margin: 1.25rem auto;
}
#okInstallmentGuide .modal-content {
border: 0;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 16px 40px rgba(36, 27, 58, 0.18);
}
.ok-guide__head {
align-items: center;
gap: 10px;
padding: 14px 14px 12px;
border-bottom: 0;
background: linear-gradient(180deg, #f4f3ff 0%, #f7fcfd 100%);
}
.ok-guide__close {
flex-shrink: 0;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 10px;
background: #fff;
color: #6d7285;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
.ok-guide__titles {
flex: 1;
min-width: 0;
text-align: center;
}
.ok-guide__eyebrow {
display: block;
color: #5439f7;
font-size: 11px;
font-weight: 600;
line-height: 1.6;
}
.ok-guide__title {
margin: 0;
color: #241b3a;
font-size: 15px;
font-weight: 800;
line-height: 1.7;
}
.ok-guide__mark {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
background-image: linear-gradient(35deg, #5439f7 20%, #1eced4 100%);
color: #fff;
font-size: 16px;
}
.ok-guide__body {
padding: 14px 16px 8px;
text-align: right;
}
.ok-guide__lead {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 12px;
}
.ok-guide__lead i {
flex-shrink: 0;
margin-top: 4px;
color: #178a45;
font-size: 14px;
}
.ok-guide__lead p,
.ok-guide__note p,
.ok-guide__start,
.ok-guide__steps li {
margin: 0;
color: #3a3550;
font-size: 13px;
font-weight: 500;
line-height: 1.9;
}
.ok-guide__start {
margin: 0 0 10px;
font-weight: 700;
}
.ok-guide__steps {
list-style: none;
margin: 0 0 14px;
padding: 0;
counter-reset: ok-step;
}
.ok-guide__steps li {
position: relative;
margin-bottom: 10px;
padding-right: 30px;
counter-increment: ok-step;
}
.ok-guide__steps li::before {
content: counter(ok-step);
position: absolute;
top: 3px;
right: 0;
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #5439f7;
color: #fff;
font-size: 11px;
font-weight: 700;
line-height: 22px;
text-align: center;
}
.ok-guide__note {
display: flex;
align-items: flex-start;
gap: 8px;
padding: 10px 12px;
border-radius: 12px;
background: #f6f5fb;
}
.ok-guide__note i {
flex-shrink: 0;
margin-top: 4px;
color: #f38619;
font-size: 13px;
}
.ok-guide__foot {
display: block;
padding: 8px 16px 16px;
border-top: 0;
}
.ok-guide__ok {
width: 100%;
padding: 10px 16px;
border: 0;
border-radius: 14px;
background-image: linear-gradient(35deg, #5439f7 20%, #1eced4 100%);
color: #fff;
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.6;
cursor: pointer;
}
.ok-installment__row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: 8px;
padding-top: 8px;
border-top: 1px dashed #ece9f8;
}
.ok-installment__amount {
display: flex;
flex-direction: column;
line-height: 1.45;
}
.ok-installment__from {
display: none;
color: #8b90a7;
font-size: 11px;
font-weight: 500;
}
.ok-installment.is-from .ok-installment__from {
display: block;
}
.ok-installment__money {
color: #241b3a;
font-size: 14px;
font-weight: 700;
}
.ok-installment__value {
color: #5439f7;
}
.ok-installment__each {
color: #6d7285;
font-size: 11px;
font-weight: 500;
}
.ok-installment__brand {
flex-shrink: 0;
color: #5439f7;
font-size: 13px;
font-weight: 800;
line-height: 1;
}
.shop-box .stock.in-stock,
.shop-box .woocommerce-variation-availability .stock.in-stock {
color: #e10600;
}
.shoping-package .woocommerce-variation-price {
display: none !important;
}
.shoping-package .single_variation:not(:has(.woocommerce-variation-availability:not(:empty))):not(:has(.woocommerce-variation-description:not(:empty))) {
display: none !important;
}
.avans_show_product_score {
display: inline-block !important;
}
span.badge.badge-danger.badge-score-product i {
display: none;
} .timer span {
width: 25%;
margin: .4rem 0;
font-size: 13px;
line-height: 1.4;
}
.product-table-input input[type="checkbox"] {
visibility: hidden;
}
.product-table-input label {
cursor: pointer;
}
.product-table-input input[type="checkbox"]+label:before {
border: 1px solid rgb(199, 199, 217);
content: "\f00c";
padding: 1px 1px 1px 0px;
color: rgba(255, 255, 255, 0.815);
display: inline-block;
border-radius: 5px;
height: 18px;
margin: 0 .5em 0 15px;
width: 18px;
transform: scale(1.2);
background-color: rgb(199, 199, 217);
}
.product-table-input input[type="checkbox"]:checked+label:before {
color: #fff;
content: "\f00c";
padding: 2px 2px 1px 0px;
border: none;
background-image: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
}
.modal.show { background: #00000085; }
.modal-backdrop.show { display: none; }
#socialModal .modal-dialog{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) !important;min-width: 290px; }
#socialModal ul li {list-style: none;display: inline-block;}
#socialModal ul li a { display: inline-block; padding: 0.5rem 0;font-size: 18px;width: 40px;height: 40px;border-radius: 7px;margin-left: 10px;margin-top: 10px;text-align: center;color: #FFF;} .shop-box-style button {
background-image: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
box-shadow: 0px 2px 14px 0px rgb(172 174 207 / 20%);
color: #fff;
}
.btn-product {
padding: 10px 15px;
border-radius: 27px;
text-align: center;
font-size: 12px;
}
.package-box .package-btn {
background-color: #ffffff;
color: #585a6e;
border: 2px solid #e9e9f2 !important; width: 47%;
}
.package-box .off-btn , .sms-notif-enable-label strong {
border: 0;
color: #9c9da4;
background-color: transparent;
font-weight: 400;
font-size: 13px;
margin-top: 9px;
display: inline-block;
margin-bottom: 20px;
}
.shop-box .btn-shop {
background-image: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
box-shadow: 0px 2px 14px 0px rgba(172, 174, 207, 0.2);
color: #fff;
}
.sms-notif-content {display: block;text-align: right;background: #f9f9fc;padding: 7px;border-radius: 10px;margin: 10px;font-size: 13px; }
.sms-notif-mobile { border: 1px solid #cecece;border-radius: 13px; padding: 4px 9px;width: 100%; }
.sms-notif-submit { margin-top: 5px;background: #f56a25;color: #fff;border-radius: 23px;padding: 2px 10px;}
input.sms-notif-enable { display: none; }
.sms-notif-enable-p label:before { content: "\f0f3";font-family: "Font Awesome 5 Pro";font-weight: 500; }
.shop-box del {
color: rgba(0, 0, 0, 0.555);
}
.table-product .table-btn {
background-color: #fcf2f0;
width: 20%;
}
.table-product .btn-shoptable {
background-color: transparent;
color: #303030;
}
.comment-part span .comment-btn {
background-image: -moz-linear-gradient(0deg, rgb(30, 206, 212) 0%, rgb(84, 57, 247) 80%);
background-image: -webkit-linear-gradient(0deg, rgb(30, 206, 212) 0%, rgb(84, 57, 247) 80%);
background-image: -ms-linear-gradient(0deg, rgb(30, 206, 212) 0%, rgb(84, 57, 247) 80%);
box-shadow: 0px 2px 14px 0px rgba(172, 174, 207, 0.004);
color: #fff;
}
.commentlist li .orange-avt , .commentlist .children li .gray-avt { display: none;}
.commentlist .children li .orange-avt { display: block; }
.commentlist .children li { margin-right: 2.5rem; }
#comment_mail_notify , #comment_mail_notify + label {display:none !important; }
#dewey + label {display:inline-block; } .top-layer.container { position: relative;z-index: 2; }
.text-product {
color: #303030;
}
.box-text {
color: #000000;
}
.package-center-section h1 {
font-size: 16px;
color: rgb(33 ,33 ,33);
line-height: 1.6;
}
.information {
overflow: hidden;
overflow-x: scroll;
}
.test-information svg,
.test-information i {
vertical-align: -webkit-baseline-middle;
}
.test-information .box-text {
font-weight: 500;
font-size: 12px;
color: rgb(0, 0, 0);
}
.information .test-information {
width: 588px;
display: table;
overflow-x: scroll;
text-align: right;
}
.paragraf-p {
line-height: 30px;
color: rgb(0, 0, 0);
}
.check-box {
border-radius: 27px;
background-color: #fafafc;
}
#checkbox-p {
margin-top: -0.4rem;
}
.check-box .checkbox-package {
background-image: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
box-shadow: 0px 2px 14px 0px rgba(172, 174, 207, 0.2);
border-radius: 27px;
padding: 5px 10px;
height: 33px;
width: 40px;
}
.package-center-section .check-box form {
display: flex;
align-items: center;
}
.first-content .paragraf-p {
width: 100%;
}
.md-font {
font-size: 11px;
}
.shop-box  .zaddon_data , .shop-box  .zaddon-type-container  { display: none!important; }
.shop-box .off-danger {
background-color: #f7502e;
padding: 5px 8px;
margin-bottom: 5px;
}
.shop-box form del bdi { margin-right: 5px;opacity: 0.9; }
.shop-box form del .woocommerce-Price-currencySymbol { display: none; }
.shop-box form ins { display: block;text-align: center;margin-top: 5px; }
.shop-box .out-of-stock {background-color: #f7502e;display: inline-block; padding: 8px 15px; margin: 13px auto;border-radius: 40px;color: #fff; }
.shop-box .woocommerce-Price-currencySymbol   {
background-color: #533bf6;
border-radius: 30px 30px 30px 0;
padding: 0 5px;
line-height: 19px;
color: #fff;
margin: .2em .2em .7em .2em;
font-weight: bold;
font-size: 8pt;
vertical-align: text-top;
}
.cost .old-price .woocommerce-Price-currencySymbol {display:none; }
.shop-box .price ins { direction: ltr; }
.shoping-package {
background-color: rgb(255, 255, 255);
box-shadow: 0px 2px 32px 0px rgba(172, 174, 207, 0.24);
border-radius: 27px;
}
.form-group .selectdiv::before , .shop-box form .value span::before {
content: '\f078';
font-family: 'Font Awesome 5 Pro';
color: #9cacc6;
left: 0;
position: absolute;
font-size: 12px;
top: 12px;
left: 9px;
z-index: 2;
background: #fff;
padding-right: 7px;
line-height: 1;
}
.shop-box table.variations { max-width: 270px;margin: 0px auto;text-align: center; }
.shop-box table.variations tbody , .shop-box table.variations tr , .shop-box table.variations td { display:block;width:100%;text-align:center; }
.shop-box .quantity { margin: 15px auto 30px !important; }
.quantity .input-text::-webkit-outer-spin-button , .quantity .input-text::-webkit-inner-spin-button ,
.quantity .input-text:hover , .quantity .input-text:focus
{
appearance:  none;
-webkit-appearance: none;
margin: 0px;
}
.quantity input[type=number]{
-moz-appearance:  textfield;
} input[type=number] {
-moz-appearance: textfield;
}
select::-ms-expand {
display: none;
}
.shop-box .reset_variations {  background-image: linear-gradient(45deg, #f38619, #f74b33 80%);display: inline-block !important; margin-top: 5px; font-size: 11px; padding: 2px 12px; color: #fff;border-radius: 16px;}
.shop-box form select , .form-group .selectdiv select , .shoping-package {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
font-size: 15px;
line-height: 1.75;
color: #333;
background-color: #ffffff;
background-image: none;
-ms-word-break: normal;
padding: 4px 24px;
}
.input-number , .quantity .input-text , .no-margin input {
padding: 0 12px;
vertical-align: top;
text-align: center;
outline: none;
border: 1px solid #ced4da;
position: relative;
font-weight: bold;
text-align: center;
}
.input-number,
.input-number-decrement,
.input-number-increment , .quantity .input-text {
height: 34px;
user-select: none;
border-radius: 27px;
width: 100%;
}
.quantity .screen-reader-text { display: none;width: 0px; }
.input-number-increment,
.input-number-decrement {
display: inline-block;
width: 30px;
line-height: 38px;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.input-number-increment:hover,
.input-number-decrement:hover {
background-image: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.woocommerce-variation-add-to-cart .number-form
{   display: block;
width: 50%;
margin: 0px auto;
position: relative;
}
.input-number-decrement {
left: 4%;
top: -10%;
z-index: 3;
color: #c2c2c2;
position: absolute;
}
.input-number-increment {
right: 4%;
top: -10%;
z-index: 3;
color: #c2c2c2;
position: absolute;
}
.margin-menu {
transition: all 1s;
border-radius: 11px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 2px 35px 0px rgba(33, 20, 109, 0.23);
left: 2%;
width: 47px;
height: 300px;
top: 490px;
text-align: center;
z-index: 5;
position: absolute;
}
.margin-menu li {
list-style: none;
padding: 1rem 0 0.7rem;
border-bottom: 1px solid #ddddec;
}
.sticky {
position: fixed;
top: 290px;
}
.border-bottom-none {
border-bottom: none !important;
}
.product-back {
background-image: url(//www.cdkeyshare.ir/wp-content/themes/original-key-theme/assets/image/product/H2x1_NSwitch_CrashTeamRacingNitroFueled_image1600w.png);
background-size: cover;
background-position-y: -16px;
} .box-slider {
background-color: #ffffff;
border-radius: 14px;
height: auto;
}
.box-slider .pic-gallery {
line-height: 102px;
}
.box-slider .gallery-carousel {
line-height: 102px;
}
.gallery-carousel .owl-dots {
display: none;
}
.gallery-carousel .owl-carousel .owl-dots.disabled,
.gallery-carousel .owl-nav.disabled {
display: block;
}
.gallery-carousel .owl-carousel .owl-dots.disabled,
.gallery-carousel .owl-nav.disabled button {
position: absolute;
top: 2.4rem;
border-radius: 50%;
background-color: rgb(199, 199, 217);
width: 26px;
height: 26px;
line-height: 26px;
color: #fff;
}
.gallery-carousel .owl-carousel .owl-dots.disabled,
.gallery-carousel .owl-nav.disabled button.owl-prev {
right: -2%;
}
.gallery-carousel .owl-item img { height:auto; }
.gallery-carousel .owl-carousel .owl-dots.disabled,
.gallery-carousel .owl-nav.disabled button.owl-next {
left: -2%;
} .text-photofilter {
top: 0;
left: 1%;
width: 96% !important;
height: 96%;
}
.text-photofilter .filter-box-desc {
position: absolute;
bottom: 0;
color: #f0f0f6;
z-index: 2;
}
.photo-asidfilter {
overflow: hidden;
height: auto;
}
.photo-asidfilter img {
filter: brightness(0.65);
border-radius: 26px;
width: 100%;
height: auto;
} .table-product {
border-radius: 27px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 6px 0px rgba(83, 40, 160, 0.03);
height: auto;
}
.table-product ul .other-sellers {
display: none;
}
.table-product ul li {
list-style: none;
}
input.largerCheckbox {
transform: scale(1.5);
}
.table-product .td-table {
border-bottom: 1px solid #ebebf5;
}
ul.sellers::-webkit-scrollbar {
width: 2px;
}
.sellers button.show-more {
position: absolute;
background-color: #c1c1d6;
border-radius: 50%;
color: white;
width: 30px;
height: 30px;
bottom: 2%;
right: 50%;
} .emty-box {
border-radius: 12px;
background-color: rgb(221, 221, 236);
height: 125px;
line-height: 125px;
} .nav-tab-product .icon-product-nav {
color: #969697;
font-size: 15px;
}
aside.widget .icon , aside.widget h4 { display: inline-block; vertical-align: middle; }
.mini-menu , .widget ul  {
width: 100%;
border-radius: 25px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 6px 0px rgba(83, 40, 160, 0.03);
font-size: 12px;
text-align: right;
}
.mini-menu ul li , .widget .product-categories li , .widget ul li.cat-item  {
list-style: none;
padding: 11px 40px 11px 0;
}
.mini-menu ul li:hover >a , .mini-menu .current a , .widget .product-categories li:hover > a , .product-categories .current-cat a , .widget li.cat-item:hover > a  {
color: #000000;
transition: .3;
font-weight: 700;
}
.mini-menu ul li::before , .widget .product-categories li::before , .widget li.cat-item::before {
content: "";
background-color: #cacbe0;
display: inline-block;
width: 12px !important;
height: 3px;
margin-left: 14px;
}
.mini-menu ul li:not(.current) small , .widget .product-categories li span , .widget li.cat-item span { display: none; }
.widget .product-categories li:hover span , .product-categories .current-cat span , .widget li.cat-item:hover span { display: inline-block; }
.mini-menu ul li:hover::before , .mini-menu .current::before , .widget .product-categories li:hover::before , .product-categories .current-cat::before , .widget li.cat-item:hover::before {
background-image: -moz-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
background-image: -ms-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
transform: scaleX(1.5);
}
.first-content .package-text2 {
color: #5141f5;
font-size: 16px;
} .content-body { font-size: 14px;line-height: 30px;color: rgb(0, 0, 0);text-align: justify; }
.content-body p { margin-bottom: 1.1rem; }
.content-body h2 { font-size: 18px;margin: 2rem 0px 1.2rem; }
.content-body.single-content h2 { color: rgb(81, 65, 245); font-size: 17px;line-height: 2;font-weight: 700; }
.content-body h3 , .content-body h4 , .content-body h5 { font-size: 16px;margin: 1.7rem 0px 1rem;line-height: 2;font-weight: 700; }
.content-body { font-size: 14px;line-height: 30px;color: rgb(0, 0, 0);padding-bottom: 1rem; }
.content-body ol { margin-right: 1.1rem;margin-bottom: 1rem; }
.content-body ul , ul.dokan-store-info { list-style: none;line-height: 36px;margin-bottom: 1rem; }
.single .content-body ul li::before , ul.dokan-store-info li::before { content: "\f00c";font-family: "Font Awesome 5 Pro";font-weight: 500;
background: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 13px;
margin-left: 13px;
}
.content-body img {max-width:100%;height:auto;}
.content-body .aligncenter { margin: 0.8rem auto; display: block; }
.systemtable-box {
border-radius: 5px;
background-color: #fff;
}
.table-system {
width: 100%;
border-collapse: initial;
border-spacing: 5px;
}
.table-system td {
padding: 6px .5px;
border-bottom: none;
font-size: 13px;
width: 65%;
background-color: #e9e9f3;
color: #000000f6;
border-radius: 2px;
height: 20px;
line-height: 20px;
}
.table-system .systemtable-td {
width: 35%;
background-image: -moz-linear-gradient(0deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -ms-linear-gradient(0deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
color: #ffffff;
border-radius: 2px;
height: 17px;
line-height: 17px;
}
.table-system .systemtable-td2 {
width: 35%;
background-color: #f74b32;
color: #ffffff;
border-radius: 2px;
height: 17px;
line-height: 17px;
} .justimg-box .justimg {
height: 25.5rem;
display: block;
width: 76.5%;
border-radius: 25px;
overflow: hidden;
margin: 0 auto;
}
.justimg #gallery-img {
width: auto;
height: 26rem;
background-size: cover;
border-radius: 25px;
}
.justimg-box .small-img {
bottom: 2rem;
justify-content: center;
width: 100%;
cursor: pointer;
}
.justimg-box .gallery-nav span {
border-radius: 15px;
width: 14%;
margin: 0 1%;
height: 3.8rem;
overflow: hidden;
}
#video-style {
border-radius: 15px;
overflow: hidden;
}
#video-style video {
border-radius: 15px;
width: 100%;
height: auto;
}
#video-style > *:not(video) { display: none; } .comment-box {
border-radius: 27px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 6px 0px rgba(83, 40, 160, 0.03);
}
.comment-box ul li {
list-style: none;
}
.comment-box .comment-li ul li::before {
font-family: "Font Awesome 5 Pro";
content: "\f104";
color: #f74b32;
font-size: 20px;
padding-left: 2%;
}
.comment-textarea {
border: 1px solid #e9e9f2;
min-height: 98px;
border-radius: 25px 25px 25px 0;
width: 90%;
outline: none;
padding: 0 1rem;
}
.comment-input {
height: 39px;
border-radius: 27px;
border: 1px solid #e9e9f2;
outline: none;
padding-right: 18%;
}
.icon-commentbtn1 , .icon-commentbtn2 { position: relative;display: block; }
.icon-commentbtn1::before {
font-family: "Font Awesome 5 Pro";
content: '\f007 ';
color: #cfcfcf;
top: 16%;
right: 8%;
position: absolute;
}
.icon-commentbtn2::before {
font-family: "Font Awesome 5 Pro";
content: '\f0e0 ';
color: #cfcfcf;
top: 28%;
right: 8%;
position: absolute;
}
.input-box {
margin-bottom: 10%;
}
.comment-icon i {
transform: rotatey(180deg);
}
.submit-btn i {
z-index: 2;
padding: 5% 6%;
color: #cfcfcf;
}
.w-95 {
width: 95%;
}
#respond #reply-title { padding: 1.4rem 3rem 0.5rem;
display: block;
font-weight: 500;
}
.comment-part .math-captcha-form > span { white-space: nowrap;margin-top: 10px; }
.avans_share_link_page_wrapper .social a { padding-top:4px; } .Suggestion-box {
border: 1px solid #ececf4;
min-height: 91px;
height: auto;
width: 90%;
margin: 0 auto;
border-radius: 15px;
color: #696969;
font-size: 14px;
}
.Suggestion-box strong { font-weight: 500;color: #1f1f1f;}
.Suggestion-box2 {
border: 1px solid #ececf4;
min-height: 91px;
height: auto;
width: 85%;
margin: 0 auto;
border-radius: 15px;
margin-left: 5%;
}
.Suggestion-box .photo-suggestbox {
border-radius: 10px;
overflow: hidden;
}
.Suggestion-box2 .photo-suggestbox {
width: 100px;
height: 100%;
}
.time-comment , .Suggestion-box .reply {
color: #575757;
font-size: 13px;
}
.comment-title .comment-title-text {
color: rgba(0, 0, 0, 0.631);
font-size: 14px;
}
.comment-title .span-line2,
.comment-title .span-line {
border: 1px solid #e5e5f0;
height: 1px;
width: 66%;
}
.comment-title img {
vertical-align: bottom;
}      .bluepagination .screen-reader-text { display: none; }
.bluepagination .page-numbers {
width: 34px;
height: 34px;
display: inline-block;
margin-right: 1px;
padding: 7px 0px;
text-align: center;
}
.bluepagination .page-numbers:hover , .bluepagination  .current {
border-radius: 50%;
background-image: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
color: #fff;
}
.bluepagination .next , .bluepagination .next:hover , .bluepagination .prev , .bluepagination .prev:hover {
background-image: none;
background-color: rgb(255, 255, 255) !important;
border-radius: 25px;
cursor: pointer;
padding: 1rem;
float: right;
white-space: nowrap;
display: block;
width: auto;
padding: 6px 18px;
color: #212529 !important;
}
.bluepagination .prev , .bluepagination .prev:hover { float: left; }
.bluepagination .next i , .bluepagination .prev i {
background: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}   .single-box {
border-radius: 27px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 6px 0px rgba(83, 40, 160, 0.03);
}
.text-header-singlebox {
line-height: 33px;
}
.text-header-singlebox i {
color: #a1a1a1;
}
.single-box .single-text-title {
color: rgb(81, 65, 245);
font-size: 16px;
}
.article-icon .fa-info-circle {
font-size: 20px;
}
.img-singlepage {
overflow: hidden;
width: 100%;
}
.img-singlepage img {
width: 100%;
}
.mini-title-single,
.mini-title-single2 {
list-style: none;
}
.mini-text-single {
color: rgba(0, 0, 0, 0.439);
}
.box-Related-postssingle {
border-radius: 27px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 6px 0px rgba(83, 40, 160, 0.03);
}
.Sentence-single-box {
color: rgb(0, 0, 0);
}
.timer-box-single {
color: #b5b7d4;
}
.timer-box-single i {
font-size: 14px;
}
.img-box-single {
border-radius: 12px;
}
.btn-single-main {
background-image: -moz-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
background-image: -ms-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
color: rgb(255, 255, 255);
border-radius: 27px;
padding: 6px 17px;
line-height: normal;
}
.Satisfaction-item p {
color: #303030;
}
.Satisfaction-item .heart-img-single {
font-size: 45px;
color: #f0f0f0;
}  .show-product-item {
justify-content: flex-end !important;
}
.package-archive-box {
border-radius: 27px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 6px 0px rgba(83, 40, 160, 0.03);
}
.package-archive-box .archive-box-img { top: -5%;
}
.package-archive-box .woocommerce-Price-currencySymbol { margin: 0px;margin-left: 3px; }
.package-archive-box .archive-box-img img {
border-radius: 7px;
max-width: 100%;
height: auto;
}
.package-archive-box .Scoring-item {
list-style: none;
}
.package-archive-box .off-danger { display: none; }
.btn-single-main .wpulike-heart .wp_ulike_general_class , .btn-single-main .wpulike-heart .wp_ulike_put_text { border: none;box-shadow: none;color: #fff; }
.btn-single-main .wpulike-heart .wp_ulike_general_class .count-box { display: none; }
.btn-single-main .wpulike  { padding: 0px;font-weight: 500; }
.Scoring-item .number-golden-archive {
font-size: 20px;
padding-right: 4px;
}
.number-naxt-golden {
font-size: 16px;
font-weight: 400;
}
.package-archive-box .Scoring-item li .golden-star {
color: #fbc34a;
}
.package-archive-box .Scoring-item li .gray-star {
color: #bfcbde;
}
.package-archive-box .Contents-item {
width: 65% !important;
}
.package-archive-box .Contents-text li {
font-size: 13px;
width: 48%;
line-height: 40px;
font-weight: 500;
}
.btn-shop-archive {
background-image: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background-image: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
box-shadow: 0px 2px 14px 0px rgba(172, 174, 207, 0.2);
color: #fff;
}
.cost-brn-product .woo-price { display: block;white-space: nowrap; }
.cost-brn-product .btn-product {
padding: 11px 11px 15px 16px;
}
.sale-archive-box {
position: absolute;
top: -23px;
left: -23px;
width: 73px;
height: 73px;
background-image: url(//www.cdkeyshare.ir/wp-content/themes/original-key-theme/assets/image/sale.png);
background-size: 73px auto;
color: #fff;
background-repeat: no-repeat;
z-index: 3;
}
.sale-archive-box i {
position: absolute;
top: 34%;
left: 45%;
transform: translate(-40%, -40%);
}
.slider-archive {
width: 20%;
padding: 0 15px 0 15px;
}
.archive-img-end img:hover {
filter: brightness(0.5);
}
.platformes {
width: 100%;
border-radius: 25px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 6px 0px rgba(83, 40, 160, 0.03);
font-size: 12px;
}
.platformes ul {
width: 104% !important;
}
.platformes ul li {
list-style: none;
width: 48%;
}
.platformes ul li:hover>a {
color: #000000;
transition: .3;
font-weight: 700;
}
.uplay-archive {
color: rgb(69, 134, 206);
}
.battlent-archive {
color: rgb(2, 136, 209);
}
.PlayStation-archive {
color: rgb(94, 0, 164);
}
.Origin-archive {
color: rgb(237, 32, 36);
}
.epic-archive {
color: rgb(0, 0, 0);
}
.steam-archive {
color: rgb(25, 56, 91);
}
.ball-archive {
color: rgb(16, 124, 16);
}
.products-main-row .col-lg-4 .information {
overflow-x: scroll;
}
.products-main-row .col-lg-4 .d-flex-wrap-product {
flex-wrap: wrap;
}
.products-main-row .col-lg-4 .Contents-item {
width: 100% !important;
}
.products-main-row .col-lg-4 .package-archive-box .Contents-text li {
width: 100%;
display: block !important;
}
.package-archive-box .package-center-section .flex-wrap-boxing a h4 {
line-height: 33px;
font-size: 14px;
}
.products-main-row  .out-stock {
padding: 5px 15px;
border-radius: 15px 0px;
text-align: center;
font-size: 13px;
background-color: #f64238;
position: absolute;
top: 4px;
right: 4px;
color: #FFf; }
.products-main-row .rowly { margin-top: 3rem !important; }
.products-main-row .rowly .custom-price-lable { text-align: left !important; }
.products-main-row .rowly h2 .title-trim { display: none; } .products-main-row .columni { padding: 0px;text-align: center; }
.products-main-row .columni h2 .title  , .products-main-row .columni .star-rating { display: none; }
.products-main-row .columni .package-archive-box {
background-color: inherit;
box-shadow: none;
}
.products-main-row .columni .package-center-section {
padding-top: 0px !important;
}
.columni ins { float: right; }
.products-main-row .columni .package-center-section h2{
margin-bottom: 1px;
text-align: center;
padding: .4em 0.6rem 0.3em;
font-size: .85rem;
line-height: 1.5;
font-weight: normal !important;
color: #494949;
text-shadow: 0px 0px 0px #6b6b6bf2;
min-height: 48px;
}
.package-archive-box .archive-box-img { top: 0px;font-size: 0px;display: inline-block; }
.rowly .package-archive-box .archive-box-img { right: 3%; top: -5%;}
.package-archive-box .sale { font-size: 0.95rem; }
.columni .cost-brn-product { width: 100%;font-weight: bold;font-size: 0.9rem; }
.products-main-row .columni .information , .columni .Contents-item , .columni .btn-shop-archive
, .columni .woo-price .woocommerce-Price-amount:nth-child(2) .woocommerce-Price-currencySymbol ,
.favorit-box-panel .cost .toman
{ display: none; }  .container-login {
width: 80%;
margin: 0 auto;
}
.body-login {
background-size: cover;
}
.register-box {
border-radius: 25px;
min-height: 80vh;
transform: scale(.85);
left: 0;
}
.photo-login-box,
.login-form-box {
background-color: rgb(255, 255, 255);
}
.photo-login-box {
background-color: rgb(255, 255, 255, 0.161);
border-radius: 0 104px 104px 0;
text-align: center;
background-repeat: no-repeat;
background-position-y: 50%;
}
.register-text {
font-size: 18px;
font-family: "Lato";
color: rgb(123, 123, 123);
}
.form-register {
text-align: center
}
.form-login-input , #customer_login .dig-custom-field , #reg_billing_otp_container {
border: 1px solid rgb(233, 233, 233);
border-radius: 20px;
width: 80%;
align-items: center;
display: flex;
flex-wrap:nowrap ;
margin:0px auto 1rem;
position: relative;
}
#customer_login .form-row { display: flex;flex-wrap: nowrap;align-items: center; } .under-link a { border-bottom: 2px dotted #767676; }
.dig-custom-field label { display: none; }
.form-register input::-webkit-input-placeholder { color: rgb(77 77 77) !important; }
#customer_login .required { display: none; }
#customer_login .form-row label , .form-register .user .digcon , #reg_billing_otp_container label {
position: relative;
margin-right: 45px;
white-space:nowrap;
}
#customer_login .form-row label:after , .form-register .user .digcon:before {
position: absolute;
font-weight: 500;
font-family: "Font Awesome 5 Pro";
top: 0px;
right: -29px;
background: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 15px;
}
#dig_cs_name label:after { content: "\f007";}
#dig_cs_email label:after { content: "\f0e0";}
#dig_cs_mobilenumber i:before {font-family: "Font Awesome 5 Pro"; background: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 15px;
}
.form-register .user .digcon:before { content: "\f007"; top: 11px;}
.form-register .digcon { width: 100%; }
.user .digcon input { text-align: right; padding-right: 0px; }      .form-login-input i { font-weight: 500; }
.form-login-input .fa-mobile {
font-size: 21px !important;
}
.form-register input {
padding: 10px;
outline: none;
border: none;
width: 100%;
}
.vendor-customer-registration input , .form-register input[type=radio] {width:unset;}
.form-register .woocommerce-password-strength , .form-register .woocommerce-password-hint { position: absolute; bottom: -1.5rem;width: 100%; background: #fcd78e;z-index: 2;padding: 4px 7px; }
.form-register .woocommerce-password-hint { bottom:-5.1rem; }
.form-register .woocommerce-password-strength.strong { background: #acefa3; }
input.logincaptcha { padding-right:26px; }
.form-register button , .form-register .otp_reg_dig_wc {
background-image: -moz-linear-gradient(0deg, rgb(30, 206, 212) 0%, rgb(84, 57, 247) 80%);
background-image: -webkit-linear-gradient(0deg, rgb(30, 206, 212) 0%, rgb(84, 57, 247) 80%);
background-image: -ms-linear-gradient(0deg, rgb(30, 206, 212) 0%, rgb(84, 57, 247) 80%);
box-shadow: 0px 2px 14px 0px rgba(172, 174, 207, 0.004);
width: 65% !important;
outline: none;
border-radius: 20px;
color: #ffffff;
line-height: 33px;
text-align: center;
padding:5px 10px;
line-height: 2;
margin-bottom: 1rem;
}
.form-register button i {
line-height: 33px;
border-width: 1px;
border-color: rgb(255, 255, 255, 0.45);
border-style: solid;
border-radius: 50%;
padding: 0px 9px;
text-align: center;
}
.form-register .form-login-input i {
background: -moz-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -webkit-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
background: -ms-linear-gradient(35deg, rgb(84, 57, 247) 20%, rgb(30, 206, 212) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 15px;
}
.form-login-input .fa-eye {
filter: grayscale(1);
left: 5%;
}
#customer_login .woocommerce-error {
text-align: center;
color: #f7522c;
margin: 1rem;
background: #fff;
padding: 1rem;
border-radius: 14px;
list-style: none;
}
#customer_login .woocommerce-message {
text-align: center;
color: green;
margin: 1rem;
background: #fff;
padding: 1rem;
border-radius: 14px;
list-style: none;
}
.checkbox-item-login input[type="checkbox"] { opacity: 0;
}
.checkbox-item-login label {
cursor: pointer;
}
.checkbox-item-login input[type="checkbox"]+label:before {
border: 1px solid #333;
content: "\00a0";
display: inline-block;
font: 16px/1em sans-serif;
height: 16px;
margin: 0 .25em 0 15px;
padding: 0;
vertical-align: top;
width: 16px;
border-radius: 50%;
}
.checkbox-item-login input[type="checkbox"]:checked+label:before {
color: #fff;
content: "\2713";
border: none;
background-image: -moz-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
background-image: -webkit-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
background-image: -ms-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
box-shadow: 0px 2px 14px 0px rgba(247, 79, 46, 0.004);
}
.Authentication-text {
color: rgb(82, 82, 82);
}
.body-login ul.nav-pills {
position: relative;
left: -10%;
top: 9rem;
}
.login-form-box {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 35px 0 0 35px; }
.body-login ul.nav-pills {
z-index: -1;
}
.body-login .nav-pills .nav-link.active,
.body-login .nav-pills .show>.nav-link {
border-radius: 25px 0 0 25px;
}
.nav-pills-login i {
color: #ffffff !important;
font-weight: 500;
}
.nav-pills-login li .active .icon-cart {
background: -moz-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
background: -webkit-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
background: -ms-linear-gradient(35deg, rgb(255, 138, 1) 0%, rgb(243, 47, 71) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1.4;
}
.nav-pills-login li a span {
color: #ffffff;
}
.nav-pills-login li a.active span {
color: #3f3f3f;
}    .product-quantity-wrapp { width: 60%;max-width: 173px; position: relative;margin: 0px auto; }
.product-quantity-wrapp .input-number-increment { position: absolute;top: -1px;right:5px; }
.product-quantity-wrapp .input-number-decrement { position: absolute;top: -1px;left: 5px;}
.postid-4994789 .shop-box .woo-price {display:none !important;}
.postid-4994789 .shop-box .cart > div {border: 0px !important;box-shadow: unset !important;}
.woosppo_main_parent_divv select , .woosppo_main_parent_divv input {border:1px solid #ced4da !important; border-radius: 27px;}