.cro-pop-up-price {
    position: fixed;
    width: 435px;
    background-color: #fff;
    z-index: 10001;
    direction: rtl;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cro-pop-up-price .cro-header {
    background-color: #f0f1f2;
    border-radius: 4px 4px 0 0
}

.cro-pop-up-price .cro-header-plus {
    box-sizing: border-box;
    padding-right: 15px;
    font-size: 14px;
    line-height: 49px;
    font-family: 'yekan', 'B Koodak', 'X Koodak', 'Koodak', Arial;
    color: #555
}

.cro-pop-up-price .cro-header-x {
    background: url(https://template.digi-kala.com/Digikala/image/Public/vtwo/slices.png) no-repeat -134px -123px #ebeced;
    border-radius: 100%;
    border: 1px solid #d6d9df;
    height: 28px;
    width: 28px;
    display: block;
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 1;
    cursor: pointer
}

.cro-pop-up-price .cro-body {
    padding: 20px
}

.cro-pop-up-price .cro-label {
    display: inline-block;
    color: #4d4d4d;
    font-size: 20px;
    font: normal 13px yekan;
    display: block
}

.cro-pop-up-price .cro-input {
    border: 1px solid #f0f1f2;
    border-radius: 2px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 394px;
    padding: 0 17px;
    font-family: yekan;
    font-size: 12px;
    outline: 0;
    margin: 10px 0
}

.cro-pop-up-price .cro-button {
    background-color: #3ca3f4;
    display: inline-block;
    margin-right: 0;
    padding: 0 25px;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-family: yekan;
    height: 38px;
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    margin-top: 20px;
    -webkit-transition: background-color 150ms ease 0s;
    -ms-transition: background-color 150ms ease 0s;
    -moz-transition: background-color 150ms ease 0s;
    -o-transition: background-color 150ms ease 0s;
    transition: background-color 150ms ease 0s;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15)
}

.cro-pop-up-price .cro-y-n {
    display: flex;
    align-items: center
}

.cro-pop-up-price .cro-qeustion {
    display: inline-block;
    color: #4d4d4d;
    font-size: 20px;
    font: normal 13px yekan;
    margin-left: 10px
}

#cro-yes {
    display: inline-block;
    color: #4d4d4d;
    font-size: 20px;
    font: normal 13px yekan;
    margin-left: 20px
}

#cro-y {
    margin-left: 10px
}

#cro-no {
    display: inline-block;
    color: #4d4d4d;
    font-size: 20px;
    font: normal 13px yekan;
    margin-left: 10px;
    margin-right: 10px
}

.cro-satisfy {
    margin: 12px 0;
    font-size: 12px;
    color: #777
}

a#cro-ans-yes {
    border-bottom: 1px dotted #777;
    margin: 0 5px 0 4px
}

a#cro-ans-yes:hover {
    color: #4caf50
}

a#cro-ans-no {
    border-bottom: 1px dotted #777;
    margin: 0 7px 0 13px
}

.cro-brand-category {
    display: block !important;
    float: right;
    width: 100%;
    padding: 5px 5px 0
}

.cro-brand {
    line-height: 2px;
    display: inline;
    width: 50%
}

p.cro-b {
    display: inline;
    font-size: 13px
}

.cro-brand-name {
    display: inline;
    margin-right: 6px;
    color: #2196f3;
    font-size: 13px
}

.cro-category {
    line-height: 35px;
    display: inline;
    width: 50%;
    margin: 0 35px 0 0
}

.cro-c {
    display: inline;
    font-size: 13px
}

.cro-category-name {
    display: inline;
    font-size: 13px;
    margin-right: 6px;
    color: #2196f3
}

#frmSecProductMain .products-info>header {
    background: #f5f6f7;
    border-radius: 2px
}

#frmPnlProductConfigR_Content #frmPnlProductConfigL.config-left {
    pointer-events: none !important
}

.c-configs__filter {
    display: none !important
}

#dk-products-tabs nav.sticky,
#dk-products-tabs div.sticky {
    position: static !important
}

#dk-slogans {
    border-top: 1px solid #c9d1d7;
    clear: both;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 60px;
    bottom: 0;
    margin: auto;
    text-align: center
}

#dk-slogans>ul {
    display: flex;
    justify-content: space-around
}

.wmax #main {
    background: none !important;
    box-sizing: border-box;
    width: 1220px !important
}

.wmin #main {
    background: none !important;
    box-sizing: border-box
}

#ProductConfigAjaxProgress {
    background-color: rgba(255, 255, 255, .8);
    box-sizing: border-box;
    color: #777;
    font-family: yekan;
    font-size: 16px;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 740px;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: opacity 150ms
}

.size-popup-handler {
    padding-left: 20px;
    background-position: left center;
    background-size: 15%
}

#ProductConfigAjaxProgress.active {
    opacity: 1;
    pointer-events: auto
}

#frmPnlProductConfigR_Content #frmPnlProductConfigL.config-left {
    position: absolute;
    left: 13px;
    top: 325px
}

.wmin #frmPnlProductConfigR_Content #frmPnlProductConfigL.config-left {
    position: absolute;
    left: 15px;
    top: 395px
}

.wmin #ProductConfigAjaxProgress {
    width: 590px
}

div#ProductConfigAjaxProgress div {
    margin-top: 200px
}

#frmSecProductMain {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin: 0 auto 10px auto;
    border: 1px solid #ebeced;
    position: relative
}

#frmSecProductMain .products-info {
    width: 708px;
    float: right;
    margin: 12px 0 0 10px
}

#frmSecProductMain .products-gallery {
    width: 430px;
    float: right;
    margin: 12px 12px 12px 25px;
    position: relative
}

#frmSecProductMain .products-info>header {
    background: #f5f6f7;
    padding: 10px 15px;
    border-radius: 2px
}

#frmSecProductMain .products-info .info-header {
    float: right;
    text-align: right;
    direction: rtl;
    width: 100%;
    margin-top: 5px
}

.info-header h1 span {
    display: block;
}

#frmSecProductMain .products-info .info-header>h1 {
    font: normal 18px/20px "yekan";
    color: #4d4d4d
}

#frmSecProductMain .products-info .info-header>h1>span {
    font: normal 11px "yekan";
    color: #818181;
    display: inline-block
}

#frmSecProductMain .products-info .fa-title.info-header>h1 {
    font-family: Yekan
}

#frmSecProductMain .products-info .fa-title.info-header>h3 {
    font-family: yekan
}

#frmSecProductMain .products-info .info-header .tags {
    display: inline-block;
    margin-right: 25px;
    color: #999
}

#frmSecProductMain .products-info .info-header .tags a {
    border-bottom: 1px dotted #999;
    color: #999;
    margin: 0 4px;
    padding: 0 2px
}

#frmSecProductMain .products-info .offer-number {
    float: left;
    position: relative;
    top: 5px;
    width: 160px
}

#frmSecProductMain .products-info .offer-number .offer-bg {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -155px -540px;
    color: #fff;
    float: right;
    font: 13px/20px yekan;
    height: 39px;
    padding: 11px 0 0;
    text-align: center;
    text-indent: -9999px;
    width: 30px
}

#frmSecProductMain .products-info .offer-number p {
    color: #7d7d7d;
    float: right;
    font: 12px/19px "yekan";
    padding-right: 11px;
    text-align: right
}

#frmSecProductMain .products-info .offer-number p>span {
    direction: rtl;
    display: block
}

#frmSecProductMain .products-info .offer-number span.count {
    color: #ff5252;
    direction: ltr;
    display: inline-block;
    font-size: 16px;
    margin-left: 5px;
    min-width: 35px;
    position: relative;
    text-align: center;
    top: 1px
}

#frmSecProductMain .products-config {
    direction: rtl;
    margin-top: 30px;
    min-height: 405px
}

#frmSecProductMain .products-config .products-soon-attributes {
    min-height: 286px
}

.unavailable-alert-box {
    border: 1px solid #e2c868;
    background-color: #fffcda;
    border-radius: 4px;
    direction: rtl;
    color: #7c6a26;
    padding: 10px;
    font-size: 12px
}

#frmSecProductMain .products-config .config-right {
    width: 410px;
    float: right
}

#frmSecProductMain .products-config .config-left {
    width: 215px;
    float: left;
    margin-right: 80px
}

.wmin #frmSecProductMain {
    padding-top: 10px
}

.wmin #frmSecProductMain .products-info {
    width: 567px;
    float: right;
    margin: 12px 0 0 12px
}

.wmin #frmSecProductMain .products-gallery {
    width: 324px;
    float: right;
    margin: 12px 12px 0 30px;
    position: relative
}

.wmin #frmSecProductMain .products-info .info-header {
    width: 414px
}

.wmin #frmSecProductMain .products-config .config-right {
    width: 310px;
    float: right
}

.wmin #frmSecProductMain .products-config .config-left {
    float: left;
    margin-right: 28px;
    width: 225px
}

#frmPnlProductConfigR_Content b {
    font-weight: 100;
    display: block
}

#frmSecProductMain #frmPnlProductColor {
    position: relative;
    color: #777;
    font: normal 12px yekan;
    margin-bottom: 22px
}

#frmSecProductMain .products-info h4,
#frmSecProductMain .products-info b {
    margin: 0 0 10px
}

#frmSecProductMain .products-info h4 .guide,
#frmSecProductMain .products-info b .guide {
    margin-right: 15px;
    font-size: 11px
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox {
    position: relative;
    float: right;
    margin: 5px 0 0 5px
}

.wmin #frmSecProductMain #frmPnlProductColor .DkProductColorBox {
    margin-left: 6px
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox label {
    border: 1px solid #eee;
    border-radius: 2px;
    display: block;
    font: 11px/26px yekan;
    height: 33px;
    line-height: 33px;
    padding: 0 34px 0 11px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.wmin #frmSecProductMain #frmPnlProductColor .DkProductColorBox label {
    padding: 0 24px 0 6px
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox label:before {
    border-radius: 100%;
    content: "";
    height: 25px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 25px;
    background: #fff;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox label[data-color="white"]::before {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 17px;
    position: absolute;
    right: 9px;
    top: 4px;
    width: 17px
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox label[data-trick=Dark]:before {
    border: 1px solid #ccc !important
}

.wmin #frmSecProductMain #frmPnlProductColor .DkProductColorBox label[data-color="white"]::before {
    height: 13px;
    width: 13px
}

.wmin #frmSecProductMain #frmPnlProductColor .DkProductColorBox label:before {
    height: 14px;
    right: 5px;
    top: 6px;
    width: 14px
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox input[type="radio"] {
    opacity: 0;
    position: absolute
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox input[type="radio"]:checked+label {
    background: #fafbfc;
    border-color: #dfe5e8
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox input[type="radio"]+label:after {
    content: "";
    transition: opacity 150ms ease;
    -ms-transition: opacity 150ms ease;
    -moz-transition: opacity 150ms ease;
    -webkit-transition: opacity 150ms ease;
    opacity: 0
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox input[type="radio"]:checked+label:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -139px -80px;
    content: "";
    height: 20px;
    position: absolute;
    right: 6px;
    top: 8px;
    width: 20px;
    opacity: 1
}

.wmin #frmSecProductMain #frmPnlProductColor .DkProductColorBox input[type="radio"]:checked+label:after {
    right: 7px;
    top: 8px
}

.wmin #frmSecProductMain #frmPnlProductColor .DkProductColorBox input[type="radio"]:checked+label[data-trick="Dark"]:after {
    right: 6px
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox input[type="radio"]:checked+label[data-trick="Dark"]:after {
    background-position: -171px -83px;
    right: 12px
}

#frmSecProductMain #frmPnlProductColor .DkProductColorBox input[type="radio"]:checked+label[data-color="white"]::after {
    right: 12px
}

#frmSecProductMain .frmPnlProductAttribute {
    position: relative;
    color: #777;
    font: normal 12px yekan;
    margin-bottom: 22px
}

#frmSecProductMain .frmPnlProductAttribute .DkProductAttributeBox {
    position: relative;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 0;
    cursor: pointer
}

#frmSecProductMain .frmPnlProductAttribute .DkProductAttributeBox input[type="radio"] {
    opacity: 0;
    position: absolute
}

#frmSecProductMain .frmPnlProductAttribute .DkProductAttributeBox label {
    border: 1px solid #eee;
    border-radius: 2px;
    display: block;
    font: 12px/25px yekan;
    cursor: pointer;
    height: 26px;
    padding: 0 9px;
    position: relative;
    text-align: center;
    color: #777;
    transition: 150ms ease;
    -ms-transition: 150ms ease;
    -moz-transition: 150ms ease;
    -webkit-transition: 150ms ease
}

#frmSecProductMain .frmPnlProductAttribute .DkProductAttributeBox input[type="radio"]:checked+label {
    background: #fafbfc;
    border-color: #dfe5e8;
    padding: 0 26px 0 9px
}

#frmSecProductMain .frmPnlProductAttribute .DkProductAttributeBox label:before {
    content: "";
    height: 30px;
    position: absolute;
    width: 22px;
    display: block;
    background: url("../image/Public/vtwo/slices.png") no-repeat -139px -78px;
    right: 0;
    top: 0px;
    opacity: 0;
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    transition: opacity 150ms
}

#frmSecProductMain .frmPnlProductAttribute .DkProductAttributeBox input[type="radio"]:checked+label:before {
    opacity: 1
}

#frmSecProductMain .frmPnlProductAttribute .DkProductAttributeBox.aspNetDisabled {
    opacity: .5;
    cursor: default
}

#frmSecProductMain .frmPnlProductAttribute .DkProductAttributeBox.aspNetDisabled label {
    cursor: default
}

.select-wrapper {
    height: 38px
}

#frmSecProductMain #frmPnlProductWarranty {
    font: normal 12px yekan;
    color: #777;
    margin: 30px 0 0
}

#frmSecProductMain #frmPnlProductWarranty div#frmDivWarrantyHelpWrapper {
    margin-top: 15px;
    text-align: justify
}

#frmSecProductMain #frmPnlProductWarranty>h4,
#frmSecProductMain #frmPnlProductWarranty>b {
    margin-bottom: 10px
}

#frmSecProductMain #frmPnlProductWarranty select#frmDdlProductWarranty,
#frmSecProductMain #frmPnlSeller select {
    display: none
}

#frmSecProductMain #frmPnlSeller .sbHolder,
#frmSecProductMain #frmPnlProductWarranty .sbHolder {
    width: 387px
}

.wmin #frmSecProductMain #frmPnlSeller .sbHolder,
.wmin #frmSecProductMain #frmPnlProductWarranty .sbHolder {
    width: 300px
}

#frmSecProductMain #frmPnlSeller .sbHolderDisabled,
#frmSecProductMain #frmPnlSeller .sbHolderDisabled a {
    cursor: default
}

#frmSecProductMain #frmPnlProductWarranty .sbHolderDisabled,
#frmSecProductMain #frmPnlProductWarranty .sbHolderDisabled a {
    cursor: default
}

.sbHolder {
    background-color: #fafbfc;
    border: 1px solid #dfe5e8;
    font: normal 12px yekan;
    height: 36px;
    position: relative;
    width: 250px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px
}

.sbHolder:before {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -138px -81px;
    content: "";
    height: 15px;
    left: auto;
    position: absolute;
    right: 12px;
    top: 9px;
    width: 19px
}

.sbToggle {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -33px -464px;
    display: block;
    height: 16px;
    outline: 0;
    position: absolute;
    left: 10px;
    top: 14px;
    width: 16px
}

.sbToggle.sbToggleOpen {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center 5px 0;
    -ms-transform-origin: center 5px 0;
    transform-origin: center 5px 0
}

.sbSelector {
    color: #4d4d4d;
    display: block;
    height: 36px;
    line-height: 34px;
    outline: 0;
    overflow: hidden;
    position: absolute;
    right: 44px;
    text-align: right;
    text-decoration: none;
    text-indent: 10px;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 80%
}

.wmin #frmSecProductMain #frmPnlProductWarranty .sbHolder .sbSelector {
    width: 75%
}

.sbSelector:hover,
.sbSelector:focus {
    color: #4d4d4d
}

.sbOptions {
    background: #fff;
    border: 1px solid #dfe5e8;
    left: -1px;
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 39px;
    width: 100%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    z-index: 12;
    box-shadow: 0 2px 2px #cacaca;
    -moz-box-shadow: 0 2px 2px #cacaca;
    -webkit-box-shadow: 0 2px 2px #cacaca;
    -ms-box-shadow: 0 2px 2px #cacaca
}

.sbOptions li a {
    display: block;
    line-height: 30px;
    margin: 3px 0;
    color: #4d4d4d;
    padding-right: 22px;
    text-align: right;
    text-decoration: none
}

.sbOptions li a:hover {
    color: #4d4d4d;
    background: #f5f6f8
}

.more-configs>select {
    display: none
}

.sbHolder-more {
    background-color: #fff;
    border: 1px solid #eee;
    font: normal 13px yekan;
    height: 26px;
    position: relative;
    width: 110px;
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.sbHolder-more .sbToggle {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -36px -543px;
    display: block;
    height: 7px;
    outline: 0;
    position: absolute;
    left: 10px;
    top: 11px;
    width: 9px
}

.sbHolder-more .sbToggle.sbToggleOpen {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center 3px 0;
    -ms-transform-origin: center 3px 0;
    transform-origin: center 3px 0
}

.sbHolder-more .sbSelector {
    display: block;
    height: 26px;
    right: 0;
    line-height: 26px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    text-decoration: none;
    top: 0;
    width: 80%;
    color: #4d4d4d;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right
}

.sbHolder-more .sbSelector:hover,
.sbHolder-more .sbSelector:focus {
    color: #4d4d4d
}

.sbHolder-more .sbOptions {
    background: #fff;
    border: 1px solid #dfe5e8;
    left: -1px;
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 3;
    box-shadow: 0 2px 2px #cacaca;
    -moz-box-shadow: 0 2px 2px #cacaca;
    -webkit-box-shadow: 0 2px 2px #cacaca;
    -ms-box-shadow: 0 2px 2px #cacaca
}

.sbHolder-more .sbOptions li a,
.sbHolder-more .sbOptions li .sbDisabled {
    display: block;
    line-height: 30px;
    margin: 3px 0;
    color: #4d4d4d;
    padding-right: 10px;
    text-align: right;
    text-decoration: none
}

.sbHolder-more .sbOptions li .sbDisabled {
    color: #d1d1d1
}

.sbHolder-more .sbOptions li a:hover {
    color: #4d4d4d;
    background: #f5f6f8
}

.amazing-offer-detail {
    background: url("../image/Public/vtwo/amazing-offer.png") no-repeat 97.5% center #fff5f5;
    height: 37px;
    padding: 12px 25px
}

.wmin .amazing-offer-detail {
    margin: 0 12px 10px;
    background: url("../image/Public/vtwo/amazing-offer.png") no-repeat 98% center/16% #fff5f5;
    border: 1px dashed #ffb2b2;
    padding: 9px 15px
}

.amazing-offer-detail[data-type="secretdeal"] {
    background-image: none !important
}

.amazing-offer-detail[data-type="secretdeal"] .secret-deal-title {
    line-height: 37px;
    float: right;
    font-size: 13px
}

.amazing-offer-detail[data-type="secretdeal"] .secret-deal-title span {
    color: #f05252;
    padding: 0 1px
}

.amazing-offer-detail .amazing-offer-timer {
    float: left;
    margin-right: 30px;
    overflow: hidden
}

.amazing-offer-detail .amazing-offer-timer .cntSeparator {
    color: #2c2c2c;
    font-family: Times New Roman;
    font-size: 25px;
    font-weight: bold;
    margin: 5px 0 0
}

.amazing-offer-detail .amazing-offer-ticket {
    float: left;
    margin-top: 4px
}

.amazing-offer-detail .amazing-offer-ticket .btn.ticket {
    background: #ff5252;
    color: #fff;
    direction: rtl;
    display: block;
    font: 12px/28px yekan;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    height: 28px
}

.amazing-offer-detail .amazing-offer-ticket .btn.ticket span {
    float: right;
    display: block
}

.amazing-offer-detail .amazing-offer-ticket .btn.ticket span:first-child {
    padding: 2px 18px 0 0;
    font-size: 23px
}

.amazing-offer-detail .amazing-offer-ticket .btn.ticket span:last-child {
    background: #e54949;
    font-size: 16px;
    text-align: center;
    width: 70px;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px
}

.amazing-offer-detail .amazing-offer-ticket .btn.ticket .currency {
    font: 10px/11px yekan;
    padding: 2px 14px 0;
    text-align: center;
    width: 37px
}

.amazing-offer-detail .amazing-offer-ticket .btn.ticket .short-currency {
    font-size: 15px;
    padding-top: 7px
}

.charity-detail {
    background: #f7fff8;
    padding: 9px 29px
}

.wmin .charity-detail {
    border: 1px dashed #64e069;
    margin: 0 12px;
    padding: 9px 15px
}

.charity-detail .charity-detail-message {
    text-align: right;
    direction: rtl;
    float: right;
    width: 815px
}

.charity-detail .charity-detail-selection {
    float: right;
    width: 317px;
    padding-top: 34px
}

.charity-detail .charity-detail-message h4 {
    font: normal 19px yekan;
    color: #4caf50;
    padding-right: 22px;
    position: relative
}

.charity-detail .charity-detail-message h4:before {
    content: "";
    background: url("../image/Public/vtwo/slices.png") no-repeat -216px -224px;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 15px
}

.charity-detail-message>p {
    color: #4c4c4c;
    font: 17px "iran_sansregular"
}

.charity-detail-message>p span {
    color: #969796;
    font-size: 15px
}

.charity-detail .charity-detail-selection .sbHolder {
    width: 256px
}

.wmin .charity-detail-message>p span {
    display: block
}

.wmin .charity-detail .charity-detail-message {
    width: 665px
}

.wmin .charity-detail .charity-detail-selection {
    width: 256px
}

#products-price-status .products-price-lastprice,
#products-price-status .products-price-ticket {
    display: inline-block
}

#products-price-status .products-price-ticket {
    margin-right: 15px
}

.wmin #products-price-status .products-price-ticket {
    margin-right: 0
}

.wmin #products-price-status .products-price-ticket .dk-button-ticket {
    margin-top: 5px
}

#products-price-status .products-price-lastprice span {
    color: #777;
    font: normal 15px yekan;
    vertical-align: 1px
}

#products-price-status .products-price-lastprice>span.price {
    font: normal 18px yekan;
    padding: 0 6px 0 4px;
    vertical-align: 0;
    color: #999;
    position: relative;
}

.products-price-lastprice>span.price:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

#products-price-status .products-price-lastprice span:last-child {
    vertical-align: 2px;
    font-size: 12px;
    color: #999
}

#products-price-status .products-price-coupon {
    border-right: 1px solid #ccced2;
    padding-left: 11px;
    display: inline-block;
    margin-right: 25px;
    color: #969ba8;
    font: 11px/14px "yekan";
    height: 31px;
    position: relative;
    top: -9px;
    text-align: center
}

.wmin #products-price-status .products-price-coupon {
    top: -5px
}

#products-price-status .products-price-coupon span:first-child {
    display: block;
    font-size: 16px
}

#products-price-status .products-price-coupon span:first-child span {
    position: relative;
    top: 2px
}

#products-price-status .products-price-coupon span i {
    float: right;
    display: block;
    margin-left: 5px
}

#products-price-status .products-price-finalprice {
    color: #777;
    font: 13px yekan;
    margin: 20px 0 0;
    clear: both
}

#products-price-status .products-price-finalprice span:last-child {
    font-size: 11px;
    vertical-align: 2px;
    padding-right: 8px
}

#products-price-status .products-price-finalprice span.label {
    font-size: 16px;
    color: #4d4d4d
}

#frmSecProductMain.available #products-price-status .products-price-finalprice {
    color: #4caf50;
    margin: 22px 0 0
}

#products-price-status .products-price-finalprice span:first-child {
    color: #4d4d4d;
    font-size: 16px
}

#products-price-status .products-price-finalprice span.price {
    font: normal 23px/32px yekan;
    color: #4caf50;
    padding: 0 15px 0 4px;
    vertical-align: -3px
}

.unavailable #products-price-status .products-price-finalprice span.price {
    color: #777
}

#products-price-status .products-price-finalprice span.label i {
    display: block;
    float: right;
    margin-left: 12px;
    border: 1px solid #e5e5e5;
    padding: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px
}

#products-cart-status {
    margin: 26px 0 36px
}

.wmin #products-cart-status {
    margin: 26px 0 25px
}

#products-cart-status .dk-button-container {
    margin: 0 4px 0 10px !important
}

#products-cart-status .dk-button-container:last-child {
    margin: 0 !important
}

.wmin #products-cart-status .dk-button-container {
    margin: 0 0 0 4px !important
}

.wmin #products-cart-status .dk-button-container:last-child {
    margin: 0 !important
}

#frmPnlSearchItems {
    height: 206px;
    font: 10px/23px yekan
}

#frmUL_SearchInfo {
    font: normal 10px/23px yekan
}

#products-attribute-status li {
    display: none
}

#products-attribute-status .last {
    display: block !important
}

#products-attribute-status .products-attribute-title {
    color: #777
}

#products-attribute-status .products-attribute-value {
    color: #aaa;
    padding-right: 4px
}

#products-attribute-status i.icon-circle {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: url("../image/Public/vtwo/slices.png") no-repeat -570px -37px;
    margin-left: 14px
}

#products-attribute-status i.icon-minus {
    display: inline-block;
    width: 8px;
    height: 2px;
    background: url("../image/Public/vtwo/slices.png") no-repeat -462px -136px;
    margin-left: 14px;
    position: relative;
    top: -1px
}

#products-attribute-status i.icon-plus {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url("../image/Public/vtwo/slices.png") no-repeat -173px -132px;
    margin-left: 14px;
    position: relative;
    top: 2px
}

#products-attribute-status li.last a {
    color: #777;
    border-bottom: 1px dotted #777
}

#products-attribute-status li.last a {
    color: #777;
    border-bottom: 1px dotted #777
}

.wmin #frmPnlProductGifts {
    margin-top: 5px
}

#frmPnlProductGifts i.icon-gift {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url("../image/Public/vtwo/slices.png") no-repeat -240px -29px;
    margin: 0 2px 0 10px;
    position: relative;
    top: 4px
}

#frmPnlProductGifts h4 {
    color: #777;
    border-bottom: 1px solid #e7eaec;
    font: normal 12px/34px yekan
}

#frmPnlProductGifts #products-gifts-list li {
    margin-top: 15px
}

#frmPnlProductGifts #products-gifts-list h5 {
    color: #4d4d4d;
    font: normal 11px/15px yekan;
    margin-bottom: 2px;
    padding-top: 1px
}

#frmPnlProductGifts #products-gifts-list p {
    color: #818181;
    font: normal 10px yekan;
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#frmPnlProductGifts #products-gifts-list img {
    border: 1px solid #ddd;
    float: right;
    height: 36px;
    margin: 0 0 0 8px;
    padding: 5px 8px;
    width: 36px
}

#productConfigContainer {
    min-height: 280px
}

#dk-slogans {
    border-top: 1px solid #c9d1d7;
    clear: both;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 60px
}

#dk-slogans li {
    float: right
}

#dk-slogans a {
    display: block;
    padding: 17px 0 16px
}

#dk-slogans a span {
    color: #4d4d4d;
    font: 11px yekan;
    padding: 5px 9px 0 21px;
    -webkit-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
    transition: all 150ms ease 0s;
    float: right
}

#dk-slogans a i.icon {
    float: right !important
}

#dk-slogans li:last-child a span {
    padding: 5px 9px 0 0
}

.wmin #dk-slogans li:last-child a span {
    padding: 0 9px 0 0
}

#dk-slogans li:last-child span:after {
    content: ""
}

#dk-slogans a span:hover {
    color: #ff5252
}

.wmin #dk-slogans a {
    display: block;
    padding: 16px 0
}

.wmin #dk-slogans a span {
    color: #4d4d4d;
    display: block;
    float: right;
    font: 11.3px/15px yekan;
    padding: 0 7px 0 19px;
    text-align: center;
    transition: all 150ms ease 0s;
    width: 63px
}

#dk-products-toolbar-wrap>ul>li {
    float: left;
    margin-right: 23px;
    padding: 30px 0 35px;
    position: relative
}

#dk-products-toolbar-wrap>ul>li>a {
    opacity: .8;
    cursor: pointer
}

#dk-products-toolbar-wrap .icon-statistics {
    background-position: -410px -31px;
    height: 16px;
    width: 16px
}

#dk-products-toolbar-wrap>ul>li>a.icon-share.done {
    opacity: 1
}

#dk-products-toolbar-wrap>ul>li>a.icon-notification.done {
    background-position: -109px -221px;
    opacity: 1
}

#dk-products-toolbar-wrap>ul>li>a.icon-love.done {
    background-position: -162px -221px;
    opacity: 1
}

#dk-products-toolbar-wrap>ul li.exclusive-label {
    padding-top: 24px !important;
    visibility: hidden
}

#dk-products-toolbar-wrap>ul li.exclusive-label span {
    background: #2196f3;
    height: 24px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    padding: 0 15px;
    vertical-align: top;
    display: inline-block;
    border-radius: 2px;
    margin-top: 2px
}

#dk-products-toolbar-wrap>ul>li>a:hover {
    opacity: 1
}

#dk-products-toolbar-wrap>ul>li:first-child div.dk-sharing-panel.deactive {
    opacity: 0;
    visibility: hidden
}

#dk-products-toolbar-wrap>ul>li:first-child div.dk-sharing-panel {
    box-sizing: border-box;
    width: 365px;
    height: auto;
    background: #fcfeff;
    border: 1px solid #e6e7e8;
    left: -50px;
    position: absolute;
    padding: 20px 0;
    top: 68px;
    visibility: hidden;
    z-index: 200;
    opacity: 0;
    -webkit-transition: all 150ms ease 0s;
    -ms-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    -o-transition: all 150ms ease 0s;
    transition: all 150ms ease 0s;
    box-shadow: 0 2px 2px #cacaca;
    -moz-box-shadow: 0 2px 2px #cacaca;
    -webkit-box-shadow: 0 2px 2px #cacaca;
    -ms-box-shadow: 0 2px 2px #cacaca
}

#dk-products-toolbar-wrap>ul>li:first-child div.dk-sharing-panel.active {
    opacity: 1 !important;
    visibility: visible !important
}

#dk-products-toolbar-wrap .dk-sharing-panel:before {
    border-bottom: 9px solid #fcfeff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    left: 49px;
    position: absolute;
    top: -9px;
    z-index: 5
}

#dk-products-toolbar-wrap .dk-sharing-panel:after {
    border-bottom: 10px solid #e6e7e8;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    left: 48px;
    position: absolute;
    top: -10px
}

.dk-sharing-panel>div {
    padding: 0 25px
}

.dk-sharing-panel .dk-sharing-socials .dk-sharing-socials-label,
.dk-sharing-panel label {
    color: #666;
    float: right;
    font: 12px/26px yekan
}

.dk-sharing-panel .dk-sharing-socials ul {
    float: left
}

.dk-sharing-panel .dk-sharing-socials li {
    float: left
}

.dk-sharing-panel .dk-sharing-socials li a {
    display: block;
    text-indent: -9999px;
    margin-right: 12px
}

.dk-sharing-panel .dk-sharing-shortlink {
    margin: 20px 0 13px;
    background: #f5f6f7;
    padding: 7px 25px !important
}

.dk-sharing-panel .dk-sharing-shortlink input {
    color: #666;
    font: 11px yekan;
    height: 24px;
    padding: 0 13px;
    text-align: center;
    width: 175px;
    border-color: #fff
}

.dk-sharing-panel .dk-sharing-friends label {
    float: none;
    display: block;
    text-align: right;
    margin: 10px 0 0 0
}

.dk-sharing-panel .dk-sharing-friends input {
    border-color: #c9d1d7;
    padding: 0 14px;
    height: 36px;
    color: #555;
    text-align: left;
    width: 282px;
    margin: 5px 0 10px;
    font: normal 11px/36px yekan
}

.dk-sharing-panel .dk-sharing-captcha {
    overflow: hidden
}

.dk-sharing-panel .dk-sharing-captcha div {
    float: left
}

.dk-sharing-panel .dk-sharing-captcha .inputContainer {
    margin-top: 10px;
    margin-left: 3px
}

.dk-sharing-panel .dk-sharing-captcha input {
    border-color: #c9d1d7;
    padding: 0 14px;
    height: 28px;
    color: #555;
    text-align: left;
    width: 30px;
    font: normal 11px/31px yekan
}

.dk-sharing-panel .dk-sharing-captcha img {
    margin-top: 10px
}

.dk-sharing-panel .dk-sharing-submit .dk-button-container {
    margin: 0 !important
}

.dk-sharing-panel .dk-sharing-submit .dk-message-container {
    color: red;
    direction: rtl;
    float: right;
    font: 13px iran_sansregular;
    height: 25px;
    padding: 4px 6px;
    text-align: right;
    width: 215px
}

#dk-products-toolbar-wrap .dk-likes-panel {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bec8ce;
    box-sizing: border-box;
    left: 31px;
    opacity: 1;
    position: absolute;
    top: 23px;
    visibility: visible;
    z-index: 4
}

#dk-products-toolbar-wrap .dk-likes-panel span {
    color: #708594;
    font: 12px/23px yekan;
    padding: 0 10px
}

#dk-products-toolbar-wrap .dk-likes-panel:before {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff;
    border-top: 6px solid transparent;
    content: "";
    left: -6px;
    position: absolute;
    top: 5.5px;
    z-index: 5
}

#dk-products-toolbar-wrap .dk-likes-panel:after {
    border-bottom: 6px solid transparent;
    border-right: 7px solid #b8c1c7;
    border-top: 6px solid transparent;
    content: "";
    left: -8px;
    position: absolute;
    top: 6px
}

#dk-products-toolbar-wrap>ul>li:last-child:hover div.dk-likes-panel {
    opacity: 1;
    visibility: visible
}

.amazing-offer-detail~.products-info .dk-products-availability-image {
    top: 60px
}

.dk-products-availability-image {
    position: absolute;
    right: 0;
    top: 0;
    height: 138px;
    width: 132px;
    margin: 10px 10px 0 0
}

.dk-products-availability-text {
    font: normal 12px yekan;
    color: #4d4d4d;
    display: block
}

.dk-products-availability-text i {
    margin: 0 0 0 5px;
    top: 4px
}

.available .dk-products-availability-image {
    background: none right top no-repeat
}

.soon .dk-products-availability-image {
    background: url(../image/Icon/vtwo/status-soon.png) right top no-repeat
}


.order .dk-products-availability-image {
    background: url(../image/Icon/vtwo/status-order.png) right top no-repeat
}

.discontinued .dk-products-availability-image {
    background: url(../image/Icon/vtwo/status-discontinued.png) right top no-repeat
}

.unavailable .dk-products-availability-image {
    background: url(../image/Icon/vtwo/status-unavailable.png) right top no-repeat
}

.amazing-offer .dk-products-availability-image {
    background: url(../image/Icon/vtwo/status-specialoffer.png) right top no-repeat
}

.products-gallery .dk-products-image {
    text-align: center;
    position: relative
}

.products-gallery .dk-products-image img {
    border-radius: 3px;
    max-height: 350px;
    max-width: 350px;
    margin-top: 2px
}

.discontinued .products-gallery .dk-products-image img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    max-height: 350px;
    max-width: 350px
}

.products-gallery .dk-products-image .thumb-image-toolbar {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0
}

.products-gallery .dk-products-image .thumb-image-toolbar ul {
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.products-gallery .dk-products-image .thumb-image-toolbar a {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background: url("../image/Public/vtwo/slices.png") no-repeat #fff
}

.products-gallery .dk-products-image .thumb-image-toolbar li:last-child a {
    border-bottom: 0
}

.products-gallery .dk-products-image .thumb-image-toolbar a.current-product-video {
    background-position: -140px -25px
}

.products-gallery .dk-products-image .thumb-image-toolbar a.current-product-3d {
    background-position: -415px -121px
}

.products-gallery .dk-products-image .thumb-image-toolbar a.current-product-comparePicturing {
    background-position: -416px -182px
}

.imagezoom-view {
    box-shadow: 0 4px 6px #999;
    -moz-box-shadow: 0 4px 6px #999;
    -ms-box-shadow: 0 4px 6px #999;
    -webkit-box-shadow: 0 4px 6px #999;
    border: 1px solid #e6e7e8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #fff !important
}

.imagezoom-cursor {
    border: 1px solid #d1d4da;
    width: 160px !important;
    height: 160px !important
}

.wmin .products-gallery .dk-products-image {
    margin-top: 65px
}

.wmin .products-gallery .dk-products-image img {
    max-height: 300px;
    max-width: 300px
}

.wmin .discontinued .products-gallery .dk-products-image img {
    max-height: 300px;
    max-width: 300px
}

.products-soon-attributes li {
    margin-bottom: 11px
}

.products-soon-attributes span {
    font: 12px yekan
}

.products-soon-attributes span.products-soon-attributes-title {
    color: #4d4d4d;
    line-height: 25px;
    display: block;
    float: right
}

.products-soon-attributes span.products-soon-attributes-value {
    color: #828282;
    font: 15px "iran_sansregular"
}

.products-soon-attributes span i {
    margin: 0 11px
}

.products-soon-attributes .priceChartSoon {
    margin-top: 20px;
    display: inline-block
}

.products-soon-attributes i.icon-statistics {
    border: 1px solid #e5e5e5;
    display: block;
    float: right;
    margin-right: 12px;
    padding: 2px
}

#frmPnlProductGallery {
    position: relative
}

#frmPnlProductGallery>ul {
    height: 74px;
    overflow: hidden;
    margin: 25px 0 5px
}

#frmPnlProductGallery .popup-handler {
    cursor: pointer;
    display: block;
    float: right;
    width: 75px;
    height: 68px;
    border: 1px solid #e5e5e5;
    text-align: center
}

#frmPnlProductGallery .popup-handler i {
    background: url("../image/Public/vtwo/slices.png") no-repeat -568px -6px;
    height: 48px;
    width: 26px;
    top: 2px
}

#frmPnlProductGallery .productItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    float: left;
    cursor: pointer;
    height: 68px;
    position: relative;
    text-align: center;
    border: 1px solid #e5e5e5;
    background: #fafbfc !important;
    max-height: 68px;
    padding: 0;
    width: 75px
}

#frmPnlProductGallery li:last-child .productItem {
    margin-left: 0
}

#frmPnlProductGallery .productItem img {
    max-width: 90%;
    height: auto
}

#frmPnlProductGallery a {
    margin-right: 9px;
    margin-top: 2px
}

.wmin #frmPnlProductGallery a {
    margin-right: 4px
}

#productdetails .text,
#technicalspecs .text {
    clear: both;
    direction: rtl;
    font-size: 12px;
    padding-bottom: 30px;
    text-align: justify
}

#productdetails .specs,
#technicalspecs .specs {
    direction: rtl;
    font-size: 12px
}

#productdetails .speclogo,
#technicalspecs .speclogo {
    margin: 20px 10px 5px 0
}

#content #technicalspecs table {
    direction: rtl;
    width: 100%
}

#content #technicalspecs table tr .icon {
    font-size: 14px;
    padding: 25px 0 8px;
    background: none !important
}

#content #technicalspecs table tr td {
    border: 1px solid #fff;
    font-size: 12px;
    height: 25px
}

#content #technicalspecs table tr .title {
    background-color: #666;
    color: #fff;
    padding-right: 10px;
    width: 175px
}

#content #technicalspecs table tr td {
    border: 1px solid #fff;
    font-size: 12px;
    height: 25px
}

#content #technicalspecs table tr .desc {
    padding: 0 10px
}

#content #technicalspecs table tr .desc:nth-child(2n) {
    background-color: #eaeaea
}

#content #technicalspecs .note {
    background-color: #eaeaea;
    display: inline-block;
    margin: 25px auto 0;
    width: 100%
}

#content #technicalspecs .note .title {
    background-color: #00afc8;
    color: #fff;
    font-size: 14px;
    padding: 14px 0;
    width: 185px;
    text-align: center
}

#content #technicalspecs .note .desc {
    color: #00afc8;
    font-size: 13px;
    padding: 14px 15px 14px 0;
    width: auto;
    text-align: right
}

#content #review .text {
    font-size: 12px;
    margin: 25px 70px 10px;
    text-align: justify
}

#content .conspros {
    clear: right;
    font-size: 12px;
    margin-top: 15px
}

#content .conspros .pros {
    border-left: 1px dashed #ccc;
    float: right;
    padding-left: 20px;
    width: 50%
}

#content .conspros .pros .title {
    background: rgba(0, 0, 0, 0) url("../image/Public/pros.gif") no-repeat scroll 100% 50%;
    font-size: 14px;
    margin-bottom: 5px;
    padding-right: 30px
}

#content .conspros .pros .items {
    background: rgba(0, 0, 0, 0) url("../image/Icon/ligreen.png") repeat-y scroll 99% 0;
    padding-right: 20px
}

#content .conspros .cons {
    float: right;
    margin-right: 20px
}

#content .conspros .cons .title {
    background: rgba(0, 0, 0, 0) url("../image/Public/cons.gif") no-repeat scroll 100% 50%;
    font-size: 14px;
    margin-bottom: 5px;
    padding-right: 30px
}

#content .conspros .cons .items {
    background: rgba(0, 0, 0, 0) url("../image/Icon/lired.png") repeat-y scroll 98% 0;
    padding-right: 20px
}

#frmSecProductDescription {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin: 0 auto 10px auto;
    border: 1px solid #ebeced;
    color: #4d4d4d;
    direction: rtl;
    padding: 20px 15px 30px 15px;
    text-align: justify;
    position: relative
}

#frmSecProductRecommendation {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin: 0 auto 10px auto;
    border: 1px solid #ebeced;
    color: #4d4d4d;
    direction: rtl;
    padding: 20px 15px;
    text-align: justify;
    position: relative
}

#frmSecProductRecommendation.preloader {
    background: url(../image/Icon/vtwo/waiting.gif) no-repeat 50% 50% #fff
}

#frmSecProductRecommendation.preloader>* {
    opacity: 0
}

.success-recommend {
    color: #64a000 !important
}

frmSecProductRecommendation.success-recommend>span {
    color: #7abf77
}

#frmSecProductRecommendation>span {
    font-size: 16px;
    color: #2196f3;
    margin-top: 10px
}

#frmSecProductDescription>header,
#frmSecProductDescription>span {
    font: 20px yekan;
    margin: 0 0 25px;
    display: block
}

#frmSecProductDescription>h2>span {
    font: 20px yekan;
    margin: 0 0 25px;
    display: block;
    color: #4d4d4d
}

#frmSecProductDescription .innerContent,
#frmSecProductDescription>p {
    font: 17px/32px "iran_sansregular";
    margin: 0;
    padding: 0;
    text-align: justify
}

#frmSecProductDescription>div.text {
    height: 265px;
    overflow: hidden
}

#ProductDescription-handler {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font: normal 13px yekan;
    bottom: 13px;
    color: #4d4d4d;
    display: none;
    background: #fff
}

#ProductDescription-handler:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    height: 105px;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

#ProductDescription-handler.disabled:after {
    display: none
}

#ProductDescription-handler i {
    margin-left: 10px
}

#ProductDescription-handler.disabled i {
    background-position: -35px -706px !important
}

#BackToTop {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ebeced;
    border-radius: 100%;
    bottom: -65px;
    display: block;
    height: 64px;
    position: fixed;
    right: 9px;
    width: 64px;
    z-index: 5
}

a#BackToTop::selection {
    background: none !important
}

#BackToTop i {
    left: 23px;
    top: 24px
}

@media screen and (min-width:1600px) {
    #BackToTop {
        right: 80px
    }
}

.dk-pagination-container {
    position: relative;
    text-align: center
}

.dk-pagination-container .pagination-handler {
    display: inline-block;
    position: relative;
    top: 3px
}

.dk-pagination-container .pagination-handler.prev {
    margin-left: 35px
}

.dk-pagination-container .pagination-handler.next {
    margin-right: 35px
}

.dk-pagination-container .pagination-handler.disabled i {
    opacity: .5
}

.dk-pagination-container ul {
    display: inline-block
}

.dk-pagination-container ul li {
    display: inline-block
}

.dk-pagination-container ul li a,
.dk-pagination-container ul li span {
    display: inline-block;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    height: 22px;
    color: #4d4d4d;
    font: normal 12px/23px yekan;
    margin: 0 4.5px;
    padding: 0 8px;
    background: #fff;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.dk-pagination-container ul li a:hover {
    border: 1px solid #666;
    color: #fff;
    background: #777
}

.dk-pagination-container ul li:last-child a {
    margin-left: 0
}

.dk-pagination-container ul li.active .current {
    border: 1px solid #666;
    color: #fff;
    background: #777
}

.dk-pagination-container ul li .prev {
    background: rgba(0, 0, 0, 0) url("../image/Public/vtwo/slices.png") no-repeat scroll -37px -432px !important;
    border: medium none !important;
    color: rgba(0, 0, 0, 0) !important;
    display: block;
    height: 14px;
    position: relative;
    width: 8px;
    padding: 0;
    margin: 0;
    float: right;
    margin-left: 35px;
    top: 3px;
    opacity: 1
}

.dk-pagination-container ul li .next {
    background: rgba(0, 0, 0, 0) url("../image/Public/vtwo/slices.png") no-repeat scroll -36px -401px !important;
    border: medium none !important;
    color: rgba(0, 0, 0, 0) !important;
    display: block;
    height: 14px;
    padding: 0;
    margin: 0;
    position: relative;
    width: 8px;
    float: right;
    margin-right: 35px;
    top: 3px;
    opacity: 1
}

.dk-pagination-container ul li .prev.current,
.dk-pagination-container ul li .next.current {
    opacity: .5 !important
}

#frmSecProductMain .rating {
    float: left;
    margin: 7px 0 0;
    text-align: center;
    width: 100px
}

.rating .txt {
    color: #818181;
    direction: rtl;
    font-family: yekan;
    font-size: 11px;
    text-align: right;
    padding-top: 3px
}

.rating .gray {
    background: url("../image/Public/vtwo/stars.png") repeat-x scroll 0 -14px;
    height: 14px;
    margin: 0 auto;
    position: relative;
    width: 100px;
    direction: ltr
}

.rating .red {
    background: url("../image/Public/vtwo/stars.png") repeat-x scroll 0 0;
    height: 14px
}

#dk-products-tabs #TabsContentAjaxProgress {
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    color: #777;
    font-family: yekan;
    font-size: 16px;
    left: 0;
    opacity: 1;
    padding-top: 100px;
    position: absolute;
    text-align: center;
    top: 0;
    min-height: 300px;
    width: 100%;
    height: 100%;
    z-index: 5
}

#dk-products-tabs {
    background: #f5f6f7;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin: 0 auto 10px auto;
    border: 1px solid #ebeced;
    overflow: hidden;
    width: 100%;
    position: relative
}

#dk-products-tabs .nav-wrapper {
    height: 55px;
    width: 100%
}

#dk-products-tabs .nav-wrapper>nav {
    -webkit-transition: transform 150ms;
    -moz-transition: transform 150ms;
    -ms-transition: transform 150ms;
    -o-transition: transform 150ms;
    transition: transform 150ms;
    z-index: 1;
    position: relative
}

#dk-products-tabs nav.sticky,
#dk-products-tabs div.sticky {
    position: fixed;
    top: 0;
    right: 0;
    top: 0;
    width: 100%;
    background: #f5f6f7;
    z-index: 6;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1)
}

#dk-products-tabs nav.sticky .tabs li.active a,
#dk-products-tabs div.sticky .tabs li.active a {
    height: 55px;
    box-shadow: 0 2px 0 #2196f3 inset, 0 0 0 #fff;
    -webkit-box-shadow: 0 2px 0 #2196f3 inset, 0 0 1px #fff;
    -moz-box-shadow: 0 2px 0 #2196f3 inset, 0 0 1px #fff;
    -ms-box-shadow: 0 2px 0 #2196f3 inset, 0 0 1px #fff;
    -o-box-shadow: 0 2px 0 #2196f3 inset, 0 0 1px #fff
}

#dk-products-tabs nav.sticky ul,
#dk-products-tabs div.sticky ul {
    margin: 0 auto;
    width: 1190px;
    box-shadow: none;
    position: relative;
    right: -1px
}

.wmin #dk-products-tabs nav.sticky ul,
.wmin #dk-products-tabs div.sticky ul {
    margin: 0 auto;
    width: 980px;
    box-shadow: none
}

.nav-sticky-handler {
    position: absolute;
    z-index: 8;
    left: 25px;
    width: 40px;
    height: 41px;
    background: #ff5252;
    cursor: pointer;
    top: -41px
}

#dk-products-tabs .tabs-wrapper {
    margin: 0 auto;
    width: 1190px;
    position: relative
}

.wmin #dk-products-tabs .tabs-wrapper {
    width: 950px
}

.nav-sticky-handler:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 10px solid #f5f6f7;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent
}

.nav-sticky-handler svg.icon-nav {
    height: 22px;
    width: 40px;
    margin-top: 4px
}

.nav-sticky-handler svg.icon-nav path {
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease
}

.nav-sticky-handler svg.icon-nav .p1 {
    transform-origin: 7px 13px 0
}

.nav-sticky-handler svg.icon-nav .p3 {
    transform-origin: 7px 19px 0
}

nav.navigation.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    transition: transform 150ms;
    transform: translate(0, -45px);
    z-index: 7;
    opacity: 0
}

.navigation.sticky.open .special-link {
    display: none
}

nav.navigation.sticky.open {
    transform: translate(0, 0);
    opacity: 1
}

#dk-products-tabs .tabs li {
    float: right;
    position: relative;
    z-index: 1
}

#dk-products-tabs .tabs li.active {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15)
}

#dk-products-tabs .tabs a {
    display: block;
    font: normal 13px/55px yekan;
    height: 55px;
    padding: 0 28px;
    position: relative;
    color: #707580;
    text-align: center;
    border-left: 1px solid #e3e3e3;
    transition: 200ms ease;
    -ms-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -webkit-transition: 200ms ease;
    box-shadow: 0 2px 0 transparent inset;
    -webkit-box-shadow: 0 2px 0 transparent inset;
    -ms-box-shadow: 0 2px 0 transparent inset;
    -o-box-shadow: 0 2px 0 transparent inset
}

.wmin #dk-products-tabs .tabs a {
    padding: 0 18px
}

#dk-products-tabs .tabs li.active a {
    background: #fff;
    color: #2196f3;
    box-shadow: 0 2px 0 #2196f3 inset, 0 2px 0 #fff;
    -webkit-box-shadow: 0 2px 0 #2196f3 inset, 0 2px 0 #fff;
    -moz-box-shadow: 0 2px 0 #2196f3 inset, 0 2px 0 #fff;
    -ms-box-shadow: 0 2px 0 #2196f3 inset, 0 2px 0 #fff;
    -o-box-shadow: 0 2px 0 #2196f3 inset, 0 2px 0 #fff
}

#dk-products-tabs .content-wrap {
    padding: 30px;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    box-shadow: 0 -1px 6px -2px #ccc;
    -moz-box-shadow: 0 -1px 6px -2px #ccc;
    -webkit-box-shadow: 0 -1px 6px -2px #ccc;
    -ms-box-shadow: 0 -1px 6px -2px #ccc;
    -o-box-shadow: 0 -1px 6px -2px #ccc
}

#dk-products-tabs .tabs a:after {
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 0 0 16px;
    right: 0;
    width: 20px;
    position: relative;
    top: 7px
}

#dk-products-tabs .tabs a.icon-review:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -107px -269px
}

#dk-products-tabs .tabs li.active a.icon-review:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -107px -310px
}

#dk-products-tabs .tabs a.icon-technicalspecs:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -317px -268px;
    width: 18px;
    height: 22px
}

#dk-products-tabs .tabs li.active a.icon-technicalspecs:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -317px -310px
}

#dk-products-tabs .tabs a.icon-usercomments:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -263px -269px
}

#dk-products-tabs .tabs li.active a.icon-usercomments:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -263px -310px
}

#dk-products-tabs .tabs a.icon-faq:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -212px -269px
}

#dk-products-tabs .tabs li.active a.icon-faq:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -212px -310px
}

#dk-products-tabs .tabs a.icon-compare:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -466px -272px;
    width: 22px
}

#dk-products-tabs .tabs li.active a.icon-compare:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -466px -312px;
    width: 22px
}

#dk-products-tabs .tabs a.icon-infographic:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -158px -269px;
    width: 22px
}

#dk-products-tabs .tabs li.active a.icon-infographic:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -158px -310px
}

#dk-products-tabs .content-wrap>section {
    display: none
}

#dk-products-tabs .content-wrap>section.infographic {
    text-align: center;
    padding: 0 15px
}

#dk-products-tabs .content-wrap>section.active {
    display: block
}

#dk-products-tabs .content-wrap {
    padding: 35px 0 0;
    direction: rtl;
    position: relative;
    overflow: hidden
}

#dk-products-tabs .content-wrap h4.title,
#dk-products-tabs .content-wrap h2.title,
#dk-products-tabs .content-wrap b.title {
    font: normal 16px yekan;
    color: #555;
    margin-bottom: 30px;
    clear: both;
    display: block;
    padding-right: 12px
}

#dk-products-tabs .content-wrap h3.title,
#dk-products-tabs .content-wrap h2.title {
    font: 20px yekan;
    margin-bottom: 22px;
    clear: both
}

#dk-products-tabs .content-wrap h3.title .inner-title,
#dk-products-tabs .content-wrap b.title .inner-title,
#dk-products-tabs .content-wrap h2.title .inner-title {
    display: block;
    font: 12px yekan;
    margin: 10px 0 35px
}

#dk-products-tabs .content-wrap h3.title .inner-title>a,
#dk-products-tabs .content-wrap h2.title .inner-title>a,
#dk-products-tabs .content-wrap b.title .inner-title>a {
    color: #2196f3;
    padding-right: 10px
}

#dk-products-tabs .content-wrap h4.title span.product-name,
#dk-products-tabs .content-wrap b.title span.product-name,
#dk-products-tabs .content-wrap h2.title span.product-name {
    color: #777;
    font: 12px yekan;
    margin-right: 12px
}

#dk-products-tabs .content-wrap h4.title span.count,
#dk-products-tabs .content-wrap b.title span.count {
    color: #555;
    font-size: 11px;
    margin-right: 10px
}

#dk-products-tabs h4.title i,
#dk-products-tabs b.title i,
#dk-products-tabs h2.title i {
    margin: 0 0 0 13px
}

#dk-products-related {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebeced;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin: 0 auto 10px;
    direction: rtl;
    height: 306px
}

#dk-products-related .prev,
#dk-products-related .next {
    cursor: pointer;
    display: block;
    float: right;
    height: 50px;
    width: 100px
}

#dk-products-related .disabled,
#dk-products-related .scarab-disabled-button {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    cursor: default
}

#dk-products-related .prev {
    background: url("../image/Public/vtwo/slices.png") no-repeat 0 -62px
}

#dk-products-related .next {
    background: url("../image/Public/vtwo/slices.png") no-repeat 8px -11px
}

#dk-products-related>header {
    background: #f5f6f7;
    height: 40px;
    border-bottom: 1px solid #eee;
    font: normal 13px/40px yekan;
    text-align: right;
    padding: 0 12px;
    color: #666
}

#dk-products-related>header>span {
    display: inline-block;
    height: 40px
}

#dk-products-related .scroller {
    float: right;
    margin: 25px auto;
    overflow: hidden;
    position: relative
}

#dk-products-related .scroller .items {
    position: absolute;
    right: 0;
    width: 20000em
}

#dk-products-related .scroller .items .productItem {
    float: right;
    height: 215px;
    line-height: 13px;
    position: relative;
    text-align: center;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d4dbde;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0
}

#dk-products-related .scroller .items .productItem h5 {
    font: 11px yekan;
    margin: 4px 0 2px;
    padding: 0 10px;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis
}

#dk-products-related .scroller .items .productItem:hover h5 {
    color: #000
}

#dk-products-related .scroller .items .productItem .old-price {
    text-decoration: line-through;
    font: 13px/12px yekan;
    color: #999;
    display: block;
    height: 12px;
    background: #f5f6f7;
    text-align: center;
    margin: 8px 10px 0
}

#dk-products-related .scroller .items .productItem .final-price {
    bottom: 0;
    color: #4caf50;
    display: block;
    font: 14px yekan;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%
}

#dk-products-related .scroller .items .productItem .final-price .currency {
    vertical-align: 1px;
    font-size: 10px;
    padding-right: 10px
}

.emarsys-slider {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebeced;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    margin: 0 auto 10px;
    direction: rtl
}

.emarsys-slider .prev,
.emarsys-slider .next {
    cursor: pointer;
    display: block;
    float: right;
    height: 50px;
    width: 98px;
    margin-top: 77px
}

.emarsys-slider .disabled,
.emarsys-slider .scarab-disabled-button {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    cursor: default
}

.emarsys-slider .prev {
    background: url("../image/Public/vtwo/slices.png") no-repeat 0 -62px;
    float: right
}

.emarsys-slider .next {
    background: url("../image/Public/vtwo/slices.png") no-repeat 8px -11px;
    float: left
}

.emarsys-slider>header {
    background: #f5f6f7;
    height: 40px;
    border-bottom: 1px solid #eee;
    font: normal 13px/40px yekan;
    text-align: right;
    padding: 0 12px;
    color: #666
}

.emarsys-slider>header>span {
    display: inline-block;
    height: 40px
}

.emarsys-slider .scarab-itemlist .productItem {
    float: right;
    height: 220px;
    line-height: 13px;
    position: relative;
    text-align: center;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d4dbde;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    margin: 0 9px;
    width: 180px
}

.emarsys-slider .scarab-itemlist .productItem h5 {
    font: 11px yekan;
    margin: 4px 0 2px;
    padding: 0 10px;
    max-height: 45px;
    overflow: hidden;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%
}

.emarsys-slider .scarab-itemlist .productItem h5.en-title {
    direction: ltr
}

.emarsys-slider .scarab-itemlist .productItem h5.fa-title {
    direction: rtl
}

.emarsys-slider .scarab-itemlist {
    margin: 25px auto
}

.emarsys-slider .scarab-itemlist img {
    opacity: 1 !important
}

.emarsys-slider .scarab-itemlist .final-price {
    bottom: 0;
    color: #4caf50;
    display: block;
    font: 14px yekan;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%
}

.emarsys-slider.scarab-itemlist .last-price {
    text-decoration: line-through;
    font: 13px/12px yekan;
    color: #999;
    display: block;
    height: 12px;
    background: #f5f6f7;
    text-align: center;
    margin: 8px 0 0
}

.emarsys-slider .scroller .items .productItem .final-price .currency {
    vertical-align: 1px;
    font-size: 10px;
    padding-right: 10px
}

.emarsys-slider .item-wrapper {
    width: 990px;
    float: right
}

.wmin .emarsys-slider .item-wrapper {
    float: right;
    width: 845px
}

.wmin .emarsys-slider .scarab-itemlist .productItem {
    margin: 0 5px
}

.wmin .emarsys-slider .scarab-itemlist .productItem {
    display: inline-block;
    float: none;
    width: 155px
}

.wmin .emarsys-slider .prev,
.wmin .emarsys-slider .next {
    width: 50px
}

.wmin .emarsys-slider .prev {
    background: url("../image/Public/vtwo/slices.png") no-repeat -12px -62px;
    float: right
}

.wmin .emarsys-slider .next {
    background: url("../image/Public/vtwo/slices.png") no-repeat -12px -11px;
    float: left
}

.dk-review-accordion.disable-accordion>div>font,
.dk-review-accordion.disable-accordion>div>span,
.dk-review-accordion.disable-accordion>div>span>font,
.dk-review-accordion.disable-accordion div>div,
.dk-review-accordion.disable-accordion>div,
.dk-review-accordion.disable-accordion font>span,
.dk-review-accordion.disable-accordion div>font {
    color: #656565 !important;
    font: 16.5px/31px iran_sansregular !important
}

.dk-review-accordion.disable-accordion>h2>font,
.dk-review-accordion.disable-accordion div>h2>font,
.dk-review-accordion.disable-accordion>h2>font>span,
.dk-review-accordion.disable-accordion h1>span,
.dk-review-accordion.disable-accordion h2>span,
.dk-review-accordion.disable-accordion>h2>span>span,
.dk-review-accordion.disable-accordion>h2,
.dk-review-accordion.disable-accordion h2,
.dk-review-accordion.disable-accordion h3,
.dk-review-accordion.disable-accordion strong,
.dk-review-accordion.disable-accordion h2>span,
.dk-review-accordion.disable-accordion h3>span,
.dk-review-accordion.disable-accordion h1,
.dk-review-accordion.disable-accordion h1>span span,
.dk-review-accordion.disable-accordion h2>span span,
.dk-review-accordion.disable-accordion h3>span span {
    color: #2196f3 !important;
    font: 17px yekan !important;
    margin: 5px 0
}

.dk-productsSize-container {
    display: block;
    left: 0;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9998
}

.dk-productsSize-container .popup-overlay {
    background-color: #0e1017 !important;
    display: block;
    left: 0;
    min-height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9998;
    opacity: 0
}

#dk-products-size .icon-close {
    background: #ebeced url("../image/Public/vtwo/slices.png") no-repeat scroll -134px -123px;
    border: 1px solid #d6d9df;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 28px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 28px;
    z-index: 1
}

#dk-products-size {
    background: #f5f6f7;
    border-radius: 4px;
    position: fixed;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 800px;
    height: 490px;
    margin: -245px 0 0 -400px;
    left: 50%;
    top: 50%;
    overflow: hidden;
    z-index: 9999;
    opacity: 0;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.dk-productsSize-container.close #dk-products-size {
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.dk-productsSize-container.open #dk-products-size {
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
    -webkit-animation-timing-function: cubic-bezier(.1, .4, .2, 1.4);
    animation-timing-function: cubic-bezier(.1, .4, .2, 1.4)
}

.dk-productsSize-container.open .popup-overlay {
    opacity: .5 !important
}

#dk-products-size .tabs li {
    float: right
}

#dk-products-size .tabs li.active {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15)
}

#dk-products-size .tabs a {
    display: block;
    font: normal 13px/53px yekan;
    height: 55px;
    padding: 0 28px;
    position: relative;
    color: #707580;
    text-align: center;
    border-left: 1px solid #e3e3e3;
    transition: 200ms ease;
    -ms-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -webkit-transition: 200ms ease;
    box-shadow: 0 2px 0 transparent inset;
    -webkit-box-shadow: 0 2px 0 transparent inset;
    -ms-box-shadow: 0 2px 0 transparent inset;
    -o-box-shadow: 0 2px 0 transparent inset
}

.wmin #dk-products-size .tabs a {
    padding: 0 25px
}

#dk-products-size .tabs li.active a {
    background: #fff;
    color: #028ccc;
    box-shadow: 0 1px 0 #028ccc inset, 0 5px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #028ccc inset, 0 5px 0 #fff;
    -moz-box-shadow: 0 1px 0 #028ccc inset, 0 5px 0 #fff;
    -ms-box-shadow: 0 1px 0 #028ccc inset, 0 5px 0 #fff;
    -o-box-shadow: 0 1px 0 #028ccc inset, 0 5px 0 #fff
}

#dk-products-size .content-wrap {
    background: #fff;
    border-top: 1px solid #e3e3e3;
    height: 100%;
    -webkit-box-shadow: 0 -1px 6px -2px #ccc;
    -moz-box-shadow: 0 -1px 6px -2px #ccc;
    box-shadow: 0 -1px 6px -2px #ccc
}

#dk-products-size .content-wrap footer {
    height: 65px;
    line-height: 65px;
    background: #fff;
    padding: 0 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

#dk-products-size .content-wrap article {
    padding: 15px
}

#dk-products-size .content-wrap .guidance article {
    direction: rtl;
    padding: 15px;
    height: 319px;
    overflow: hidden;
    padding: 40px 15px 10px 10px
}

#dk-products-size .content-wrap .measurement article {
    height: 406px;
    overflow-y: scroll;
    overflow-x: hidden
}

#dk-products-size .guidance.active a {
    border-bottom: 1px dotted;
    font-size: 13px
}

#dk-products-size .tabs a:after {
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 0 0 16px;
    right: 0;
    width: 20px;
    position: relative;
    top: 7px
}

#dk-products-size .tabs a.icon-guidance:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -418px -271px;
    width: 21px;
    height: 22px
}

#dk-products-size .tabs li.active a.icon-guidance:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -418px -311px
}

#dk-products-size .tabs a.icon-measurement:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -367px -268px;
    width: 19px;
    height: 22px
}

#dk-products-size .tabs li.active a.icon-measurement:after {
    background: url("../image/Public/vtwo/slices.png") no-repeat -367px -310px
}

#dk-products-size .content-wrap>section {
    display: none
}

#dk-products-size .content-wrap>section.active {
    display: block
}

@-webkit-keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, 1);
        transform: scale3d(.6, .6, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes anim-close {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .2)
    }
}

@keyframes anim-close {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, 1);
        transform: scale3d(.9, .9, 1)
    }
}

#dk-products-size .content-wrap .guidance .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .2) !important
}

#dk-products-size .content-wrap .guidance .mCSB_container {
    margin-top: 0 !important
}

.cont {
    padding: 25px
}

table.dk-size-table {
    width: 100%;
    table-layout: fixed;
    margin: 0 auto 25px;
    border: 1px solid #f0f1f2;
    border-spacing: 0;
    border-bottom: 0;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 0
}

table.dk-size-table col.w1 {
    width: 125px
}

table.dk-size-table col.w2 {
    width: 245px
}

table.dk-size-table tbody td {
    height: 55px;
    text-align: center;
    color: #777;
    border-bottom: 1px solid #f0f1f2;
    border-left: 1px solid #f0f1f2;
    line-height: 55px
}

table.dk-size-table tbody tr:last-child {
    border-bottom: 0
}

table.dk-size-table th {
    border-right: 1px solid #f0f1f2;
    background: #f8f9fb;
    height: 50px;
    color: #666;
    font-size: .8rem;
    font-weight: 100;
    border-bottom: 1px solid #f0f1f2
}

.product_seo_title {
    font-size: 13px;
    margin-bottom: 40px;
    color: #999;
    display: block
}

.shoes-alert {
    width: 170%;
    margin: 10px 0 5px;
    padding: 10px;
    background-color: #f7fff7;
    color: #4caf50;
    border: 1px solid #c0f0c1;
    border-radius: 4px
}

.leadtime_box {
    padding-right: 15px;
    margin-top: 10px;
    font-size: 12px
}

.leadtime_box>div {
    height: 30px;
    line-height: 30px
}

.leadtime_box::before {
    content: " ";
    display: inline-block;
    float: right;
    height: 30px;
    width: 30px;
    margin-left: 10px;
    vertical-align: middle
}

.leadtime_box.has-leadtime::before {
    background: url("../image/Public/vtwo/slices.png") no-repeat -900px -738px
}

.leadtime_box.has-not-leadtime {
    color: #4caf50
}

.leadtime_box.has-not-leadtime::before {
    background: url("../image/Public/vtwo/slices.png") no-repeat -933px -739px
}

.dk-lightbox-container header {
    background-color: #f0f1f2;
    height: 50px;
    position: relative;
    text-align: right;
    overflow: hidden;
    width: 100%
}

.dk-lightbox-container .dk-lightbox-overlay {
    background-color: rgba(14, 16, 23, 1);
    display: block;
    left: 0;
    min-height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    opacity: 0;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.dk-lightbox-container .dk-lightbox-wrapper {
    background-color: #fff;
    color: #333;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0;
    position: fixed;
    top: 20%;
    z-index: 10000;
    opacity: 0;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 1200px
}

.wmin .dk-lightbox-container .dk-lightbox-wrapper {
    width: 950px
}

.dk-lightbox-container.open .dk-lightbox-overlay {
    opacity: .5
}

.dk-lightbox-container.open .dk-lightbox-wrapper {
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
    -webkit-animation-timing-function: cubic-bezier(.1, .4, .2, 1.4);
    animation-timing-function: cubic-bezier(.1, .4, .2, 1.4)
}

.dk-lightbox-container.close .dk-lightbox-wrapper {
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.dk-lightbox-container .dk-lightbox-wrapper .cp-icon {
    background: url("../image/Public/vtwo/lightbox-bg.png") no-repeat;
    width: 159px;
    height: 58px;
    position: absolute;
    bottom: 15px;
    right: 40px;
    z-index: 1
}

.dk-lightbox-container .dk-lightbox-wrapper .dk-lightbox-thumbnails {
    width: 220px !important;
    height: calc(100% - 50px);
    position: absolute;
    left: 0;
    z-index: 2;
    top: 50px
}

.dk-lightbox-container .dk-lightbox-wrapper .dk-lightbox-thumbnails.disableScroll:after {
    right: 0
}

.wmin .dk-lightbox-container .dk-lightbox-thumbnails.disableScroll a {
    height: 121px
}

.dk-lightbox-container .dk-lightbox-wrapper .dk-lightbox-contanet {
    width: calc(100% - 200px);
    height: calc(100% - 50px);
    position: relative;
    float: right
}

.dk-lightbox-container .dk-lightbox-contanet>li {
    opacity: 0;
    text-align: center;
    height: 100%;
    position: relative;
    visibility: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    transition: visibility 500ms ease, opacity 500ms ease;
    -webkit-transition: visibility 500ms ease, opacity 500ms ease
}

.dk-lightbox-container .dk-lightbox-contanet>li:first-child {
    transition: none !important;
    -webkit-transition: none !important
}

.dk-lightbox-container .dk-lightbox-contanet>li.active {
    opacity: 1;
    visibility: visible
}

.dk-lightbox-container .dk-lightbox-contanet>li>div.tab-content-wrap {
    position: relative;
    z-index: 1
}

.dk-lightbox-container .dk-lightbox-contanet>li .tab-content-wrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.dk-lightbox-container .dk-lightbox-thumbnails li {
    position: relative;
    width: 200px;
    background: #fff
}

.dk-lightbox-container .table-wrapper {
    display: table;
    margin: 0 auto;
    height: 100%
}

.dk-lightbox-container .table-wrapper .tab-content-wrap {
    display: table-cell;
    height: 100%
}

.dk-lightbox-container .loading-wrapper {
    background: #fff;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.dk-lightbox-container .loader {
    border-top: 6px solid #ccc;
    border-right: 6px solid #ccc;
    border-bottom: 6px solid #ccc;
    border-left: 6px solid #999;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

.dk-lightbox-container .loader,
.dk-lightbox-container .loader:after {
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.dk-lightbox-container .loading_bar {
    position: absolute;
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.dk-lightbox-container .table-wrapper .tab-content-wrap {
    display: table-cell;
    height: 100%
}

.dk-lightbox-container .dk-lightbox-wrapper .tab-content-wrap>img {
    border-radius: 3px;
    height: auto;
    max-width: 95%;
    pointer-events: none
}

.dk-lightbox-container .animated {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.dk-lightbox-container .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.dk-lightbox-container .dk-lightbox-thumbnails li.active:after {
    border-bottom: 15px solid transparent;
    border-left: 16px solid #ddd;
    border-top: 16px solid transparent;
    content: "";
    position: absolute;
    right: -16px;
    top: 51px;
    z-index: 4
}

.dk-lightbox-container .dk-lightbox-thumbnails li.active:before {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff;
    border-top: 15px solid transparent;
    content: "";
    position: absolute;
    right: -14px;
    top: 52px;
    z-index: 5
}

.dk-lightbox-container .dk-lightbox-thumbnails li[data-type=video].active::before {
    border-left: 15px solid #b5b9c2;
    top: 42px;
    right: -16px
}

.dk-lightbox-container .dk-lightbox-thumbnails li[data-type=video].active::after {
    border-left: 15px solid #b5b9c2;
    top: 42px
}

.dk-lightbox-container .dk-lightbox-thumbnails a {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: table-cell;
    height: 132px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    position: relative
}

.dk-lightbox-container .dk-lightbox-thumbnails a img {
    border-radius: 3px;
    max-width: 100px;
    max-height: 100px;
}

.dk-lightbox-container .dk-lightbox-thumbnails a.video-thumbnails-tab {
    width: 200px;
    height: 110px;
    display: block
}

.dk-lightbox-container .dk-lightbox-thumbnails a.video-thumbnails-tab img {
    width: 200px;
    height: 110px;
    display: block
}

.dk-lightbox-container .dk-lightbox-thumbnails a.video-thumbnails-tab i {
    background-position: -334px -348px;
    width: 60px;
    height: 60px;
    left: 36%;
    position: absolute;
    top: 26%;
    display: block;
    background-color: rgba(0, 0, 0, .7);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.icon-gallery-player {
    background-position: -334px -348px;
    width: 60px;
    height: 60px;
    display: block;
    background-color: rgba(0, 0, 0, .7);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.dk-lightbox-container .dk-lightbox-thumbnails li a {
    opacity: .7
}

.dk-lightbox-container .dk-lightbox-thumbnails li.active a {
    opacity: 1
}

.dk-lightbox-container .icon-close {
    background: url("../image/Public/vtwo/slices.png") no-repeat -134px -123px #ebeced;
    border-radius: 100%;
    border: 1px solid #d6d9df;
    height: 28px;
    width: 28px;
    display: block;
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 1;
    cursor: pointer
}

.dk-lightbox-container header span {
    padding-right: 15px;
    font-size: 14px;
    line-height: 49px;
    font-family: 'yekan', 'B Koodak', 'X Koodak', 'Koodak', Arial;
    color: #555;
    display: inline-block;
    direction: rtl
}

.dk-lightbox-container .preloader {
    background: rgba(0, 0, 0, 0) url("../image/Icon/loader.gif") no-repeat scroll center center;
    display: none;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
    z-index: 2
}

.dk-lightbox-container .dk-lightbox-thumbnails .mCSB_container {
    margin: 0 !important
}

.dk-lightbox-container .dk-lightbox-thumbnails .mCSB_scrollTools {
    right: auto !important;
    left: 4px !important
}

.dk-lightbox-container .dk-lightbox-thumbnails .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .2) !important
}

.dk-lightbox-container .dk-lightbox-thumbnails .mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 12px !important;
    top: 12px !important
}

.dk-lightbox-container div[id*=gallery-player] {
    margin: 0 auto
}

#bar {
    width: 0;
    height: 0;
    float: right;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    -ms-transition: width 1s;
    transition: width 1s
}

.groups_menu {
    left: 5%;
    top: 5%;
    position: absolute
}

.color {
    float: left;
    height: 50px;
    width: 50px;
    border: 1px solid #fff;
    margin: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 0 0 #c2bebe
}

.canvasBg {
    overflow: hidden
}

#V3Dviewer {
    overflow: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.tab-content-wrap[data-type="3d"],
.tab-content-wrap[data-type="video"] {
    display: block !important;
    width: 100%;
    height: 100%
}

#loading {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute
}

#zoomControl {
    position: absolute;
    top: 22px;
    right: 28px
}

#zoomControl .reset-zoom {
    background: #777;
    font: normal 12px/30px yekan;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 30px;
    text-align: center;
    padding: 0 22px;
    float: right;
    cursor: pointer
}

.AutoPlay3D {
    background: #999;
    font: normal 12px/30px yekan;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 30px;
    text-align: center;
    padding: 0 22px;
    float: right;
    cursor: pointer;
    position: absolute;
    left: 20px;
    bottom: 23px
}

.AutoPlay3D i {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -191px -34px;
    height: 14px;
    width: 12px;
    float: right;
    margin-left: 13px;
    margin-top: 8px
}

.AutoPlay3D-Selected i {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -498px -130px;
    height: 14px;
    width: 12px
}

.AutoPlay3D:hover {
    background: #8c8c8c
}

.AutoPlay3D-Selected {
    background: #777
}

#zoomControl .btn {
    background: url("../image/Public/vtwo/slices.png") no-repeat;
    height: 26px;
    width: 26px;
    margin-left: 20px;
    float: right;
    cursor: pointer
}

#zoomControl .btn.zoomIn {
    background-position: -429px -473px
}

#zoomControl .btn.zoomOut {
    background-position: -386px -473px
}

#moveControl>div {
    background: url("../image/Public/vtwo/slices.png") no-repeat;
    position: absolute;
    opacity: .7;
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    transition: opacity 150ms
}

#moveControl>div:hover {
    opacity: 1
}

#moveControl .moveUp {
    background-position: -24px -243px;
    width: 36px;
    height: 18px;
    right: 48%;
    top: 25px
}

#moveControl .moveDown {
    background-position: -24px -288px;
    width: 36px;
    height: 18px;
    right: 48%;
    bottom: 40px
}

#moveControl .moveLeft {
    background-position: -32px -182px;
    height: 36px;
    width: 18px;
    top: 48%;
    left: 200px
}

#moveControl .moveRight {
    background-position: -32px -129px;
    height: 36px;
    width: 18px;
    top: 48%;
    right: 200px
}

#moveControl .moveLeft {
    left: 20px
}

#moveControl .moveRight {
    right: 20px
}

#moveControl .moveDown {
    bottom: 10px
}

#moveControl .moveUp {
    top: 10px
}

.AutoPlay3D {
    bottom: 5px;
    left: 10px
}

.AutoPlay3D i {
    display: none
}

#zoomControl .reset-zoom {
    display: none
}

#zoomControl {
    right: 15px
}

@-webkit-keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.6, .6, 1);
        transform: scale3d(.6, .6, 1)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes anim-close {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .2)
    }
}

@keyframes anim-close {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, 1);
        transform: scale3d(.9, .9, 1)
    }
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dk-review-accordion {
    border-right: 3.5px solid #f0f1f2;
    margin: 0 24px 45px 0
}

.dk-review-accordion.disable-accordion {
    border-right: 0 !important;
    margin: 0 15px 45px !important
}

.dk-review-accordion b {
    display: block;
    background-color: initial
}

.dk-review-accordion h4.dk-accordion-header,
.dk-review-accordion b.dk-accordion-header {
    color: #4d4d4d;
    cursor: pointer;
    font: 14px/47px yekan;
    height: 53px;
    outline: 0 none;
    position: relative
}

.dk-review-accordion h4.dk-accordion-header.first,
.dk-review-accordion b.dk-accordion-header.first {
    line-height: 21px
}

.dk-review-accordion h4.dk-accordion-header.last,
.dk-review-accordion b.dk-accordion-header.last {
    height: 43px;
    line-height: 57px
}

.dk-review-accordion h4.dk-accordion-header:after,
.dk-review-accordion b.dk-accordion-header:after {
    background: #e5e5e5;
    content: "";
    height: 1px;
    position: absolute;
    right: -12px;
    top: 26px;
    width: 100%
}

.dk-review-accordion h4.dk-accordion-header.first:after,
.dk-review-accordion b.dk-accordion-header.first:after {
    top: 12px
}

.dk-review-accordion h4.dk-accordion-header.last:after,
.dk-review-accordion b.dk-accordion-header.last:after {
    top: 32px
}

.dk-review-accordion h4.dk-accordion-header>span:last-child,
.dk-review-accordion b.dk-accordion-header>span:last-child {
    background: #fff;
    z-index: 1;
    position: relative;
    padding-left: 11px;
    font-size: 15px;
    right: 11px;
    padding-right: 24px
}

.dk-review-accordion h4.dk-accordion-header i,
.dk-review-accordion b.dk-accordion-header i {
    background-position: -262px -611px;
    height: 50px;
    position: absolute;
    right: -14px;
    top: 0;
    width: 25px;
    z-index: 1
}

.dk-review-accordion h4.dk-accordion-header.ui-accordion-header-active i,
.dk-review-accordion b.dk-accordion-header.ui-accordion-header-active i {
    background-position: -210px -612px
}

.dk-review-accordion h4.dk-accordion-header.first i,
.dk-review-accordion b.dk-accordion-header.first i {
    background-position: -157px -618px
}

.dk-review-accordion h4.dk-accordion-header.ui-accordion-header-active.first i,
.dk-review-accordion b.dk-accordion-header.ui-accordion-header-active.first i {
    background-position: -102px -618px
}

.dk-review-accordion h4.dk-accordion-header.last i,
.dk-review-accordion b.dk-accordion-header.last i {
    background-position: -316px -611px
}

.dk-review-accordion h4.dk-accordion-header.last.ui-accordion-header-active i,
.dk-review-accordion b.dk-accordion-header.last.ui-accordion-header-active i {
    background-position: -210px -610px
}

.dk-review-accordion .dk-accordion-panel {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    text-align: justify
}

.dk-review-accordion .dk-accordion-panel h5 {
    color: #2196f3;
    font: normal 15px yekan
}

.wmin .dk-review-accordion .dk-accordion-panel {
    width: 675px !important;
    text-align: right
}

.dk-review-accordion .dk-accordion-panel .dialog {
    padding: 20px;
    background: #f0f1f2;
    position: relative;
    margin-bottom: 32px
}

.dk-review-accordion .dk-accordion-panel .dialog p {
    font-size: 16px
}

.dk-review-accordion .dk-accordion-panel .style1,
.dk-review-accordion .dk-accordion-panel .style2,
.dk-review-accordion .dk-accordion-panel .style3,
.dk-review-accordion .dk-accordion-panel .style4 {
    width: 930px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 23px 0 20px
}

.wmin .dk-review-accordion .dk-accordion-panel .style1,
.wmin .dk-review-accordion .dk-accordion-panel .style2,
.wmin .dk-review-accordion .dk-accordion-panel .style3,
.wmin .dk-review-accordion .dk-accordion-panel .style4 {
    width: 930px;
    padding: 23px 30px 80px
}

.dk-review-accordion .dk-accordion-panel .style3 {
    padding: 23px 0
}

.dk-review-accordion .dk-accordion-panel .style1 .thumb {
    float: left;
    text-align: center;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dk-review-accordion .dk-accordion-panel .style1 .content {
    float: right;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 60px
}

.dk-review-accordion .dk-accordion-panel .style1 .content .dialog:before {
    border-right: 20px solid #f0f1f2;
    border-top: 20px solid transparent;
    bottom: 0;
    content: "";
    left: -20px;
    position: absolute;
    top: auto
}

.dk-review-accordion .dk-accordion-panel .style2 .thumb {
    float: right;
    text-align: center;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dk-review-accordion .dk-accordion-panel .style2 .content {
    float: left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 60px 0 0
}

.dk-review-accordion .dk-accordion-panel .style2 .content .dialog:before {
    border-left: 20px solid #f0f1f2;
    border-top: 20px solid transparent;
    bottom: 0;
    content: "";
    right: -20px;
    position: absolute;
    top: auto
}

.dk-review-accordion .dk-accordion-panel .v1 .thumb {
    width: 100%
}

.dk-review-accordion .dk-accordion-panel .v1 .content {
    width: 100%
}

.dk-review-accordion .dk-accordion-panel .v2 .thumb {
    width: 50%;
    margin-top: 12px
}

.dk-review-accordion .dk-accordion-panel .v2 .content {
    width: 50%
}

.dk-review-accordion .dk-accordion-panel .v3 .thumb {
    width: 33%;
    margin-top: 12px
}

.dk-review-accordion .dk-accordion-panel .v3 .content {
    width: 67%
}

.dk-review-accordion .dk-accordion-panel .rounded .thumb img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

#dk-products-tabs section.review {
    font: normal 16.5px/31px iran_sansregular;
    color: #656565
}

#dk-products-tabs section.review p {
    text-align: justify;
    line-height: 31px
}

#dk-products-tabs section.review .dk-review-description {
    margin-bottom: 60px;
    padding: 0 12px
}

#dk-products-tabs section.review .dk-review-evaluation {
    background: #f0f1f3;
    padding: 57px 45px;
    position: relative;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#dk-products-tabs section.review .dk-review-evaluation span.title {
    color: #4caf50;
    display: block;
    font: 13px yekan;
    margin-bottom: 8px
}

#dk-products-tabs section.review .dk-review-evaluation .positive-point {
    float: right;
    margin-left: 35px;
    width: 310px
}

.wmin #dk-products-tabs section.review .dk-review-evaluation .positive-point {
    float: right;
    margin-left: 20px;
    width: 310px
}

#dk-products-tabs section.review .dk-review-evaluation .negetive-point {
    float: right;
    width: 270px
}

#dk-products-tabs section.review .dk-review-evaluation .negetive-point span.title {
    color: #ff5153
}

#dk-products-tabs section.review .dk-review-evaluation li {
    margin-bottom: 8px
}

#dk-products-tabs section.review .dk-review-evaluation li span {
    font: normal 12px yekan;
    color: #4d4d4d
}

#dk-products-tabs section.review .dk-review-evaluation i {
    margin-left: 9px
}

#dk-products-tabs section.review .rating-point {
    float: left;
    width: 405px
}

.wmin #dk-products-tabs section.review .rating-point {
    float: left;
    width: 260px
}

#dk-products-tabs section.review .rating-point li>span {
    color: #4d4d4d;
    display: block;
    float: right;
    font: 11px/25px yekan;
    width: 155px
}

#dk-products-tabs section.review .rating-point .rating-container {
    float: right;
    width: 230px;
    height: 6px;
    background: 0;
    margin-top: 10px
}

#dk-products-tabs section.review .rating-point .rating-container .rating-bar {
    height: 6px;
    background: #2196f3;
    position: relative;
    white-space: nowrap
}

#dk-products-tabs section.review .rating-point .rating-container .rating-bar .rating-number {
    display: inline !important;
    font-size: 11px;
    left: -20px;
    position: absolute;
    top: -9px
}

#dk-products-tabs section.technicalspecs {
    font: normal 12px yekan;
    color: #656565;
    padding: 0 12px 35px
}

ul.spec-list {
    margin-bottom: 38px
}

ul.spec-list.key-features {
    margin-bottom: 72px
}

ul.spec-list span.technicalspecs-value,
ul.spec-list span.technicalspecs-title {
    display: block;
    white-space: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 9px
}

ul.spec-list span.technicalspecs-value.wiki,
ul.spec-list span.technicalspecs-title.wiki {
    border: 0 none !important
}

ul.spec-list span.technicalspecs-value .wiki,
ul.spec-list span.technicalspecs-title .wiki {
    border: 0 none;
    padding: 0;
    position: relative;
    border-bottom: 1px dashed #2196f3
}

ul.spec-list span.technicalspecs-title {
    float: right;
    background: #f0f1f2;
    width: 183px;
    height: auto;
    padding: 9px 21px;
    margin-left: 19px
}

ul.spec-list span.technicalspecs-value {
    background: #f7f9fa;
    padding: 9px 21px;
    width: 880px;
    height: auto;
    color: #777;
    float: left
}

ul.spec-list span.technicalspecs-value[data-mark="true"] {
    background: #f5fcf5 !important
}

ul.spec-list span.technicalspecs-value[data-mark="false"] {
    background: #fcf5f5 !important
}

ul.spec-list span.technicalspecs-value[data-mark] i,
ul.spec-list span.technicalspecs-value i {
    top: 3px
}

.wmin ul.spec-list span.technicalspecs-value {
    width: 638px;
    height: auto
}

#dk-products-tabs section.usercomments {
    font: normal 12px/34px yekan;
    color: #656565;
    padding: 0 12px 35px
}

section.usercomments .rating-container {
    height: 8px;
    float: right
}

section.usercomments .rating-container .bar {
    width: 64px;
    height: 8px;
    border-left: 1px solid #f7f9fa;
    background: #ebeced;
    white-space: nowrap;
    float: right;
    position: relative;
    overflow: visible
}

section.usercomments .rating-container .bar .holder {
    display: inline-block;
    height: 8px;
    float: right;
    width: 100%
}

section.usercomments .rating-container .bar.done .holder,
section.usercomments .rating-container .bar.active .holder {
    background: #218325
}

section.usercomments .rating-container .bar1_active .holder,
section.usercomments .rating-container .bar1.active .holder {
    background: #abfbaf !important
}

section.usercomments .rating-container .bar2_active .holder,
section.usercomments .rating-container .bar2.active .holder {
    background: #abfbaf !important
}

section.usercomments .rating-container .bar3_active .holder,
section.usercomments .rating-container .bar3.active .holder {
    background: #69ca6d !important
}

section.usercomments .rating-container .bar4_active .holder,
section.usercomments .rating-container .bar4.active .holder {
    background: #69ca6d !important
}

section.usercomments .rating-container .bar5_active .holder,
section.usercomments .rating-container .bar5.active .holder {
    background: #218325 !important
}

section.usercomments .rating-container .bar .number {
    display: inline-block;
    height: 8px;
    float: right;
    line-height: 8px;
    padding-right: 7px;
    position: absolute;
    top: 0;
    z-index: 1
}

section.usercomments .usercomments-total-rating {
    margin-left: 55px;
    float: right;
    margin-bottom: 80px
}

section.usercomments .usercomments-total-rating>h4.title {
    width: 470px
}

section.usercomments .usercomments-total-rating>ul {
    margin-top: 38px
}

section.usercomments .usercomments-total-rating>ul li {
    margin-bottom: 22px
}

section.usercomments .usercomments-total-rating>ul li>span {
    color: #4d4d4d;
    display: block;
    float: right;
    font: 11px/8px yekan;
    height: 8px;
    width: 151px
}

section.usercomments .usercomments-add-comment {
    float: left;
    width: 590px;
    padding-left: 0
}

section.usercomments .usercomments-add-comment>p {
    font: normal 17px/31px iran_sansregular;
    color: #656565;
    margin-bottom: 26px
}

section.usercomments .usercomments-add-comment .dk-button-container {
    margin: 0
}

section.usercomments .usercomments-add-comment .rating {
    text-align: center;
    direction: ltr;
    height: 14px;
    line-height: 14px;
    margin: 13px 0 31px
}

section.usercomments .usercomments-add-comment .rating .txt {
    direction: rtl;
    font: normal 14px/14px yekan;
    color: #777;
    float: right
}

section.usercomments .usercomments-add-comment .rating .gray {
    background: rgba(0, 0, 0, 0) url("../image/Public/vtwo/stars.png") repeat-x scroll 0 -14px;
    height: 14px;
    margin: 0 12px;
    position: relative;
    width: 100px
}

section.usercomments .usercomments-add-comment .rating .red {
    background: rgba(0, 0, 0, 0) url("../image/Public/vtwo/stars.png") repeat-x scroll 0 0;
    height: 14px
}

section.usercomments .usercomments-add-comment .rating .count {
    direction: rtl;
    font-size: 11px;
    height: 17px;
    line-height: 17px;
    color: #777
}

section.usercomments .usercomments-list {
    clear: both
}

section.usercomments .usercomments-list>h4.title {
    margin-bottom: 14px !important
}

section.usercomments .usercomments-list .comment-filter {
    width: 350px;
    position: relative;
    top: 5px
}

section.usercomments .usercomments-list .comment-filter span {
    display: inline-block;
    font: normal 13px yekan;
    color: #2196f3;
    width: 117px;
    float: right;
    margin-top: 5px
}

section.usercomments .usercomments-list .comment-filter li {
    float: left
}

section.usercomments .usercomments-list .comment-filter li>label {
    font: normal 10.5px yekan;
    color: #708594;
    cursor: pointer
}

section.usercomments .usercomments-list .comment-filter li:first-child .radio-control {
    margin: 0 10px 0 0
}

section.usercomments .usercomments-list .comment-filter .radio-control {
    top: 7px;
    margin: 0 10px
}

section.usercomments .usercomments-list>ul {
    clear: both;
    padding-top: 28px;
    border-top: 1px solid #ebeef0
}

.wmin section.usercomments .usercomments-add-comment {
    float: left;
    width: 392px;
    padding: 0
}

.wmin section.usercomments .content-panel {
    width: 455px
}

.user-comment-container {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 30px;
    background: #fafbfc
}

.user-comment-container .user-comment-header {
    padding: 0 15px;
    height: 60px;
    line-height: 60px;
    background: #f5f6f7
}

.user-comment-container .user-comment-header .user-info {
    height: 60px;
    width: 500px
}

.user-comment-container .user-comment-header .user-info i {
    float: right;
    top: 19px
}

.user-comment-container .user-comment-header .user-info h5 {
    color: #4d4d4d;
    float: right;
    font-size: 14px;
    line-height: 19px;
    margin-right: 23px;
    margin-top: 10px
}

.user-comment-container .user-comment-header .user-info .author {
    color: #4d4d4d;
    float: right;
    font-size: 14px;
    line-height: 19px;
    margin-right: 23px;
    margin-top: 10px
}

.user-comment-container .user-comment-header .user-info div.undercheck {
    background: #f66;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font: 12px/21px yekan;
    height: 22px;
    padding: 0 17px;
    margin-right: 14px;
    position: relative;
    margin-top: 10px
}

.user-comment-container .user-comment-header .user-info div.undercheck:after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #f66;
    border-top: 5px solid transparent;
    content: "";
    position: absolute;
    right: -5px;
    top: 6px
}

.user-comment-container .user-comment-header .user-info time {
    display: block;
    color: #919191;
    font-size: 10px
}

.user-comment-container .user-comment-header .user-info.buyer h5 span {
    display: inline
}

.user-comment-container .user-comment-header .user-info.buyer h5 span:nth-child(2) {
    color: #ff5252;
    font-size: 12px
}

.user-comment-container .user-comment-header .user-info.buyer i {
    background-position: -155px -545px;
    width: 30px;
    height: 30px;
    top: 16px
}

.user-comment-container .user-comment-header .comment-link {
    width: 22px;
    height: 11px;
    display: block;
    margin-top: 4px;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-left: 10px
}

.user-comment-container .user-comment-header .comment-link-message {
    border-radius: 2px;
    margin: 19px 15px 0;
    text-align: center;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    color: #fff;
    background: #838997;
    display: none
}

.user-comment-container .like-container {
    margin-left: 15px
}

.user-comment-container .like-container>a {
    display: block;
    height: 23px;
    line-height: 23px;
    min-width: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e3e4e6;
    background: #fff;
    float: left;
    margin-right: 10px;
    margin-top: 18px;
    color: #91a2ad;
    padding: 0 9px 0 10px;
    cursor: pointer
}

.user-comment-container .like-container>span {
    height: 60px;
    line-height: 60px;
    color: #777
}

.user-comment-container .user-comment-header .like-container>a:last-child {
    margin-right: 15px
}

.user-comment-container .like-container>a span {
    font-size: 11px
}

.user-comment-container .like-container>a span.counter {
    float: left
}

.user-comment-container .user-comment-header .like-container>a.like.active {
    border-color: #bceabe;
    background: #f7fff8;
    color: #4caf50
}

.user-comment-container .user-comment-header .like-container>a.like.active i {
    background-position: -305px -222px
}

.user-comment-container .user-comment-header .like-container>a.dislike.active {
    border-color: #e8c5c5;
    background: #fcf5f5;
    color: #ff5252
}

.user-comment-container .user-comment-header .like-container>a.dislike.active i {
    background-position: -267px -223px
}

.user-comment-container .like-container>a span.counter {
    float: left
}

.user-comment-container:hover .comment-link {
    opacity: 1
}

.user-comment-container .user-comment-content {
    padding: 37px 15px 20px 15px
}

.user-comment-container .user-comment-content .rating-panel {
    width: 370px;
    margin-left: 65px
}

.user-comment-container .user-comment-content .rating-panel .buyer-config {
    margin-bottom: 25px
}

.user-comment-container .user-comment-content .rating-panel .buyer-config>div {
    margin-left: 32px
}

.user-comment-container .user-comment-content .rating-panel .buyer-config>div:last-child {
    margin-left: 0
}

.user-comment-container .user-comment-content .rating-panel .buyer-config .color-checkbox {
    margin: 0
}

.user-comment-container .user-comment-content .rating-panel .buyer-config .size-checkbox {
    margin: 0
}

.user-comment-container .user-comment-content .rating-panel .buyer-config h5 {
    font: normal 12px/24px yekan;
    color: #777;
    margin-left: 12px;
    float: right
}

.user-comment-container .user-comment-content .rating-panel .buyer-message {
    height: 25px;
    line-height: 22px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 25px 0;
    font-size: 13px;
    line-height: 25px
}

.user-comment-container .user-comment-content .rating-panel .buyer-message p {
    padding-right: 14px
}

.user-comment-container .user-comment-content .rating-panel .buyer-message.agree {
    background: #f5fcf5;
    border: 1px solid #c5e8c6;
    border-right: 2px solid #77c07a;
    color: #4caf50
}

.user-comment-container .user-comment-content .rating-panel .buyer-message.disagree {
    background: #fcf5f5;
    border: 1px solid #e8c5c5;
    border-right: 2px solid #fa7c7c;
    color: #ff5252
}

.user-comment-container .user-comment-content .rating-panel .buyer-message.noidea {
    background: #f5f7fc;
    border: 1px solid #c5cfe8;
    border-right: 2px solid #778ac2;
    color: #778ac2
}

.user-comment-container .user-comment-content .rating-panel .user-rating span {
    color: #4d4d4d;
    display: block;
    float: right;
    font: 11px/25px yekan;
    width: 153px
}

.user-comment-container .user-comment-content .rating-panel .user-rating .rating-container {
    height: 5px;
    position: relative;
    top: 10px
}

.user-comment-container .user-comment-content .rating-panel .user-rating .rating-container .bar {
    height: 5px;
    width: 39px;
    border-left: 2px solid #fff
}

.user-comment-container .user-comment-content .rating-panel .user-rating .rating-container .bar.done {
    background: #a1a6b5
}

.user-comment-container .user-comment-content .content-panel {
    width: 698px
}

.user-comment-container .user-comment-content .content-panel h3.subject {
    font: normal 15px/13px yekan;
    color: #686868;
    margin-bottom: 24px
}

.user-comment-container .user-comment-content .content-panel .subject {
    font: normal 15px/13px yekan;
    color: #686868;
    margin-bottom: 24px
}

.user-comment-container .user-comment-content .content-panel .comment-evaluation span.title {
    color: #4caf50;
    display: block;
    font: 13px yekan;
    margin-bottom: 8px
}

.user-comment-container .user-comment-content .content-panel .comment-evaluation .positive-point {
    float: right;
    margin-left: 135px;
    width: 270px
}

.user-comment-container .user-comment-content .content-panel .comment-evaluation .negetive-point {
    float: right;
    width: 270px
}

.user-comment-container .user-comment-content .content-panel .comment-evaluation .negetive-point span.title {
    color: #ff5153
}

.user-comment-container .user-comment-content .content-panel .comment-evaluation li {
    margin-bottom: 8px
}

.user-comment-container .user-comment-content .content-panel .comment-evaluation li span {
    font: normal 12px yekan;
    color: #4d4d4d
}

.user-comment-container .user-comment-content .content-panel .comment-evaluation i {
    margin-left: 9px
}

.user-comment-container .user-comment-content .content-panel .comment-text {
    margin-top: 8px
}

.user-comment-container .user-comment-content .content-panel .comment-text p {
    font: 16px/31px iran_sansregular;
    color: #666
}

.usercomments-pagination {
    margin-top: 70px
}

#frmDivQAsLoginLayer {
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 145px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
    top: 41px
}

#dk-products-tabs section.faq {
    font: normal 12px/34px yekan;
    color: #656565;
    padding: 0 12px 35px
}

section.faq .faq-form {
    margin-bottom: 67px;
    position: relative
}

section.faq .faq-form>h4 {
    margin-bottom: 16px !important;
    margin-top: 15px
}

section.faq .faq-form textarea {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #d4dbde;
    width: 100%;
    height: 135px;
    text-align: right;
    direction: rtl;
    font: 12px yekan;
    color: #555;
    padding: 11px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 14px
}

section.faq .faq-form .error-message {
    background: #ff5252;
    border-radius: 2px;
    color: #fff;
    display: none;
    font: 12px/21px yekan;
    height: 22px;
    padding: 0 17px;
    margin-right: 14px;
    position: relative
}

section.faq .faq-form .error-message:after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ff5252;
    border-top: 5px solid transparent;
    content: "";
    position: absolute;
    right: -5px;
    top: 6px
}

section.faq .faq-form .roles {
    width: 420px;
    margin-left: 50px;
    position: relative;
    top: -6px
}

section.faq .faq-form .roles .ckeckbox-control {
    top: 6px
}

section.faq .faq-form .roles>span {
    display: block;
    font: normal 10.5px yekan;
    color: #777
}

section.faq .faq-form .roles>span a {
    color: #2196f3
}

section.faq .faq-form .roles>label {
    margin-right: 6px;
    font: normal 10.5px yekan;
    color: #777;
    cursor: pointer
}

section.faq .faq-form .dk-button-container {
    margin: 0 !important
}

section.faq .faq-list {
    clear: both
}

section.faq .faq-list>h4.title {
    margin-bottom: 14px !important
}

section.faq .faq-list .comment-filter {
    width: 485px;
    position: relative;
    top: 7px
}

section.faq .faq-list .comment-filter.notlogin {
    width: 385px
}

section.faq .faq-list .comment-filter span {
    display: inline-block;
    font: normal 13px yekan;
    color: #2196f3;
    width: 117px;
    float: right;
    margin-top: 5px
}

section.faq .faq-list .comment-filter li {
    float: left
}

section.faq .faq-list .comment-filter li>label {
    font: normal 10.5px yekan;
    color: #708594;
    cursor: pointer
}

section.faq .faq-list .comment-filter li:first-child .radio-control {
    margin: 0 10px 0 0
}

section.faq .faq-list .comment-filter .radio-control {
    top: 7px;
    margin: 0 10px
}

section.faq .faq-list>ul {
    clear: both;
    padding-top: 28px;
    border-top: 1px solid #ebeef0
}

section.faq .faq-list-container {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    margin-bottom: 88px;
    position: relative
}

section.faq .faq-list-container .faq-list-header {
    height: 37px;
    line-height: 37px;
    background: #e8e9eb;
    padding: 0 15px;
    border-radius: 2px 2px 0 0
}

section.faq .faq-list-container .faq-list-header>span {
    color: #555;
    font-size: 13px;
    float: right
}

section.faq .faq-list-container .faq-list-header>span i {
    top: 7px;
    margin-left: 9px
}

section.faq .faq-list-container .faq-list-header>.author {
    color: #383c40;
    float: left;
    line-height: 37px
}

section.faq .faq-list-container .faq-list-header>.author .QAs-link {
    display: block;
    float: right;
    height: 11px;
    margin-top: 3px;
    margin-left: 19px;
    opacity: 0;
    transition: all .2s ease-out 0s;
    width: 22px
}

section.faq .faq-list-container .faq-list-header>.author .comment-link-message {
    background: #838997 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: none;
    height: 23px;
    line-height: 23px;
    margin: 7px 15px 0;
    padding: 0 10px;
    text-align: center
}

section.faq .faq-list-container .faq-list-header div.undercheck {
    background: #f66;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font: 12px/21px yekan;
    height: 22px;
    padding: 0 17px;
    margin-right: 14px;
    position: relative;
    margin-top: 7px
}

section.faq .faq-list-container .faq-list-header div.undercheck:after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #f66;
    border-top: 5px solid transparent;
    content: "";
    position: absolute;
    right: -5px;
    top: 6px
}

section.faq .faq-list-container:hover .QAs-link {
    opacity: 1 !important
}

section.faq .faq-list-container .faq-list-content {
    color: #555;
    background: #f5f6f7;
    padding: 17px 15px 23px;
    font-size: 12.7px;
    line-height: 25px
}

section.faq .faq-list-container .faq-list-reply {
    color: #666;
    background: #fff;
    padding: 17px 64px 23px 30px;
    font-size: 12.7px;
    line-height: 25px;
    position: relative;
    border-radius: 0 0 2px 2px
}

section.faq .faq-list-container .faq-list-reply:after {
    content: '';
    position: absolute;
    border-top: 9px solid #f5f6f7;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 0;
    right: 75px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header {
    padding: 0 10px 0 0;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info {
    height: 60px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info i {
    float: right;
    top: 19px;
    display: none;
    position: absolute;
    right: -45px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info h5 {
    color: #4d4d4d;
    float: right;
    font-size: 14px;
    line-height: 19px;
    margin-top: 10px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info h5 span {
    color: #ff5252;
    font-size: 11px;
    margin-right: 10px;
    display: none
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info time {
    display: block;
    color: #919191;
    font-size: 10px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info.buyer h5 span {
    display: inline
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info.buyer i {
    background-position: -155px -545px;
    width: 30px;
    height: 30px;
    top: 16px;
    display: block
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info.DK-expert i {
    background-position: -207px -553px;
    width: 30px;
    height: 20px;
    top: 21px;
    display: block
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info.agency-expert i {
    display: none
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .user-info.agency-expert img {
    top: 21px;
    max-width: 34px;
    max-height: 22px;
    float: right;
    position: absolute;
    right: -45px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .comment-link {
    width: 22px;
    height: 11px;
    display: block;
    margin-top: 2px;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a {
    display: block;
    height: 23px;
    min-width: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e3e4e6;
    background: #fff;
    float: left;
    margin-right: 10px;
    margin-top: 18px;
    color: #91a2ad;
    padding: 0 9px 0 10px;
    cursor: pointer;
    line-height: 23px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a.like.active {
    background: #f7fff8 none repeat scroll 0 0;
    border-color: #bceabe;
    color: #4caf50
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a.dislike.active {
    background: #fcf5f5 none repeat scroll 0 0;
    border-color: #e8c5c5;
    color: #ff5252
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a:last-child {
    margin-right: 22px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a i.icon-hand-down {
    margin: 0 0 0 7px;
    top: 4px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a i.icon-hand-up {
    margin: 0 0 0 7px;
    top: 3px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a.like.active i {
    background-position: -305px -222px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a.dislike.active i {
    background-position: -267px -223px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header .like-container>a span {
    font-size: 11px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-header:hover .comment-link {
    opacity: 1
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-content {
    color: #666;
    padding: 0 10px 0 0
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-content .reply-content-label {
    font-size: 14px;
    display: block;
    color: #4caf50;
    margin-top: 11px;
    margin-bottom: 3px
}

section.faq .faq-list-container .faq-list-reply .faq-list-reply-content>p {
    line-height: 24px
}

section.faq .faq-list-container .faq-list-allAnswer {
    position: absolute;
    bottom: -27px;
    left: 0
}

section.faq .faq-list-container .faq-list-allAnswer a {
    color: #2196f3;
    font-size: 12px
}

section.faq .faq-list-container .faq-list-allAnswer a i {
    margin-left: 8px;
    top: 2px
}

section.faq .faq-list-container .faq-list-allAnswer a .count {
    margin-right: 7px
}

#dk-products-tabs section.quickcompare {
    font: normal 12px yekan;
    color: #656565;
    padding: 5px 12px 35px
}

section.quickcompare .quickcompare-thumbs {
    margin-right: 244px
}

section.quickcompare .quickcompare-thumbs li {
    float: right;
    margin-left: 10px
}

section.quickcompare .quickcompare-thumbs li>div.quickcompare-thumbs-container {
    width: 245px;
    -webkit-transition: all 150px ease;
    -moz-transition: all 150px ease;
    -o-transition: all 150px ease;
    transition: all 150px ease;
    border: 1px solid transparent;
    text-align: center;
    margin: 0 auto;
    padding: 22px 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

section.quickcompare .quickcompare-thumbs li>div.quickcompare-thumbs-container h3 {
    font: normal 13px yekan;
    margin: 35px 0 10px
}

section.quickcompare .quickcompare-thumbs li>div.quickcompare-thumbs-container .price {
    font: normal 16px yekan;
    color: #4caf50
}

section.quickcompare .quickcompare-thumbs li>div.quickcompare-thumbs-container .price .currency {
    font-size: 11px;
    padding-right: 10px;
    vertical-align: 2px
}

section.quickcompare .quickcompare-thumbs li:first-child div.quickcompare-thumbs-container {
    border-color: #d4dbde
}

section.quickcompare .quickcompare-thumbs li.v2 {
    text-align: center;
    width: 458px !important
}

section.quickcompare .quickcompare-thumbs li.v3 {
    text-align: center;
    width: 290px !important
}

section.quickcompare ul.spec-list {
    margin-bottom: 38px
}

section.quickcompare ul.spec-list span {
    display: block;
    white-space: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 9px;
    line-height: 22px
}

section.quickcompare ul.spec-list span.technicalspecs-title {
    float: right;
    background: #f0f1f2;
    width: 183px;
    height: auto;
    padding: 9px 21px;
    margin-left: 19px
}

section.quickcompare ul.spec-list span.technicalspecs-value {
    background: #f7f9fa;
    padding: 9px 21px;
    width: auto;
    height: auto;
    color: #777;
    float: right;
    margin-left: 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 290px;
    white-space: normal
}

.technicalspecs-values-wrapper {
    float: right
}

.technicalspecs-values-wrapper span.technicalspecs-value {
    float: none !important
}

section.quickcompare ul.spec-list span.technicalspecs-value[data-mark="true"] {
    background: #f5fcf5 !important
}

section.quickcompare ul.spec-list span.technicalspecs-value[data-mark="false"] {
    background: #fcf5f5 !important
}

section.quickcompare ul.spec-list span.technicalspecs-value[data-mark] i {
    top: 3px
}

section.quickcompare ul.spec-list li.v2 span.technicalspecs-value {
    width: 458px
}

section.quickcompare ul.spec-list li.v3 span.technicalspecs-value {
    width: 300px
}

section.quickcompare ul.spec-list.key-features {
    margin-bottom: 72px
}

.wmin section.quickcompare .quickcompare-thumbs li.v2 {
    text-align: center;
    width: 350px !important
}

.wmin section.quickcompare .quickcompare-thumbs li.v3 {
    text-align: center;
    width: 220px !important;
    margin-left: 6px
}

.wmin section.quickcompare .quickcompare-thumbs li>div.quickcompare-thumbs-container {
    width: 230px !important
}

.wmin section.quickcompare ul.spec-list li.v2 span.technicalspecs-value {
    width: 350px !important
}

.wmin section.quickcompare ul.spec-list li span.technicalspecs-value {
    width: 220px !important;
    margin-left: 6px
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.articles-info {
    width: 100% !important;
    font-size: 14px;
}

.articles-info #productConfigContainer {
    padding: 10px
}

#moreDetailButton {
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    color: #a7a7a7;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
}

#moreDetailButtonAnchor {
    position: absolute;
    left: 7px;
    bottom: 7px;
    z-index: 100;
    width: 30px;
    height: 30px;
    background: url(../image/Public/vtwo/slices.png) #f8f9fa;
    background-position: -434px 408px;
    border-radius: 50%;
    transform: rotate(-90deg);
}

.products-price-attribute-title {
    font-weight: bold;
    font-size: 13px;
    float: right;
}

.products-price-attribute-title-dt {

    float: right;
}

.products-price-attribute-value {
    float: left;
    line-height: 22px;
}

.products-price-attribute {
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
}

.products-cart-status-quick {
    display: flex;
    text-align: center;
    align-items: center;
}

.products-cart-status-quick.changetemplate {
    justify-content: center;
}

.products-cart-status-quick select {
    text-align: center;
    border-radius: 3px;
    margin-left: 3px;
    font-size: 19px;
    width: auto;
    height: 36px;
    border: 1px solid #e4e4e4;
    outline: 0;
    min-width: 50px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}