﻿.left {
    float: left
}

.right {
    float: right
}

.rtl {
    direction: rtl
}

.ltr {
    direction: ltr
}

body {
    font-size: 12px
}

#main {
    margin-bottom: 30px;
    background: none !important
}

.products__item-price--old .old-price-txt {
    text-decoration: line-through;
    display: block !important;
    color: #6a6f6c !important;
}

#content #udpCart {
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    padding-bottom: 17px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    padding: 25px 15px 30px;
    border: 1px solid #f0f1f2;
    overflow: hidden;
    margin-bottom: 10px
}

nav .quick {
    cursor: pointer
}

#content .lightgray {
    color: #e0e4e8
}

#content .wiki {
    border-bottom: medium none navy;
    color: #2196f3;
    font: 13px iran_sansregular;
    margin-right: 0;
    border-bottom: 1px dashed #3da3f5
}

#content .shipping_item > table:hover {
    cursor: pointer
}

#content .shipping_item .wiki {
    margin-right: 20px
}

#content .toman {
    font-size: 10px;
    letter-spacing: 0;
    margin-right: 10px;
    vertical-align: 2px
}

#content .text-box {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #bdc7cd;
    border-radius: 2px;
    color: #888;
    font-family: yekan, "B Koodak", "X Koodak", "Koodak", Arial;
    font-size: 14px;
    height: 36px;
    padding: 0 5px;
    width: 246px;
    transition: 150ms ease
}

#content .text-box.error {
    border: 1px solid #ff5153
}

#content .listheadertop {
    background: #f4f4f4 url(../image/Public/listheaderbgtop.gif) repeat-x top;
    min-height: 92px
}

#content .listheaderbottom {
    height: 18px;
    background: url(../image/Public/listheaderbgbottom.png) repeat-x 0 0
}

#content .back {
    display: block;
    height: 32px;
    width: 88px;
    background-image: url("../image/Btn/vtwo/back_button.png");
    background-repeat: no-repeat
}

#content .back:hover, #content .back:focus {
    background-position: 0 -42px
}

#breadcrumbs {
    text-align: right;
    border-bottom: 1px solid #ccc;
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial
}

#breadcrumbs .breadcrumb {
    line-height: 40px;
    padding-right: 16px;
    display: inline-block;
    background: url("../image/Public/home_icon.png") no-repeat right 17px;
    border: 0
}

#breadcrumbs .breadcrumb span.sep {
    padding: 0 7px 0 6px;
    position: relative;
    top: 0
}

#breadcrumbs .breadcrumb span.current {
    color: #3c3c3c
}

[id$='emptyCartLogined'] {
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
    direction: rtl
}

[id$='emptyCartLogined'] .dk-ec-offer {
    margin: 30px 0 25px 0;
    zoom: 1;
    font-size: 14px
}

[id$='emptyCartLogined'] .dk-ec-links {
    color: #777
}

[id$='emptyCartLogined'] .dk-ec-links div {
    margin: 10px 0
}

[id$='emptyCartNotLogined'] {
    zoom: 1;
    color: #4d4d4d;
    direction: rtl
}

[id$='emptyCartNotLogined'] .dk-ec-hint {
    font-size: 13px;
    margin-top: 10px;
    text-align: center
}

[id$='emptyCartNotLogined'] .dk-ec-hint a {
    color: #2196f3
}

[id$='emptyCartNotLogined'] a:hover, [id$='emptyCartNotLogined'] .dk-ec-links a:hover {
    color: #ff5252
}

[id$='emptyCartNotLogined'] .dk-ec-links {
    font-size: 13px;
    margin-top: 10px;
    text-align: center
}

[id$='emptyCartNotLogined'] .dk-ec-links .dk-ec-offer {
    margin: 30px 0 25px 0;
    zoom: 1;
    font-size: 14px
}

[id$='emptyCartNotLogined'] .dk-ec-links a {
    color: #777;
    margin: 10px 0;
    display: inline-block
}

#content .addtocart {
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial
}

#content .addtocart .final_purchase {
    float: left;
    height: 48px;
    width: 220px;
    background-image: url("../image/Btn/vtwo/purchase_button.png");
    background-repeat: no-repeat
}

#content .addtocart .final_purchase:hover, #content .addtocart .final_purchase:focus {
    background-position: 0 -58px
}

#content .addtocart .head {
    margin: 0 0 15px 0;
    height: auto
}

#content .addtocart .head .title {
    color: #666;
    direction: rtl;
    font-size: 16px;
    line-height: 35px;
    padding-bottom: 0 !important;
    padding-top: 10px;
    width: 100%
}

#content .addtocart .head .title i {
    margin: 0 0 0 11px;
    top: 1px
}

#content .addtocart .head .title-hint {
    direction: rtl;
    line-height: 35px
}

#content .head .dk-button-container {
    margin: 3px 0 0 0 !important
}

#content .addtocart .container {
    border: 1px solid #f0f1f2;
    border-radius: 2px;
    margin-bottom: 25px
}

#content .dk-button-container.hasIcon.step_forward a.dk-button {
    background-color: #4caf50 ;
}

#content .dk-button-container.hasIcon.step_forward a.dk-button span.dk-button-label {
    background-color: transparent !important;
    margin-right: 0;
    margin-left: 54px;
    padding-left: 0
}

#content .dk-button-container.hasIcon.step_forward a.dk-button i.dk-button-icon {
    float: left;
    background-color: transparent !important
}

#content .dk-button-container.hasIcon.step_forward a.dk-button:hover {
    background-color: #579e59;
}

#content .addtocart .container table {
    width: 100%;
    direction: rtl
}

.wmin #content .addtocart .container table {
    table-layout: auto
}

#content .addtocart .container table .w560 {
    width: 540px
}

#content .addtocart .container table .w90 {
    width: 90px
}

#content .addtocart .container table .w200 {
    width: 200px
}

#content .addtocart .container table .w290 {
    width: 310px
}

#content .addtocart .container table .w35 {
    width: 35px
}

#content .addtocart .container table .w520 {
    width: 520px
}

#content .addtocart .container table .w92 {
    width: 92px
}

#content .addtocart .container table .w180 {
    width: 174px
}

#content .addtocart .container table .w345 {
    width: 345px
}

#content .addtocart .container table .w34 {
    width: 34px
}

#content .addtocart .note {
    background: #fffce0 none repeat scroll 0 0;
    border-radius: 2px;
    color: #957f38;
    font: 17px iran_sansregular;
    margin: 5px 0 15px;
    padding: 10px;
}

#content .addtocart .container table tr {
    border-bottom: 1px solid #f0f1f2
}

#content .addtocart .container table tr.last {
    border-bottom: 0
}

#content .addtocart .container table tr.transparent, #content .addtocart .container table tr.last.transparent {
    opacity: .2
}

#content .addtocart .container table tr.gift td.last > span {
    position: relative;
    width: 35px;
    display: inline-block;
    right: 16px
}

#content .addtocart .container table tr.gift td.last > span > span {
    display: inline-block;
    margin-top: -12px;
    position: absolute;
    right: -21px;
    top: 50%;
    transform: rotate(-90deg)
}

#content .addtocart .container table tr.gift td.last {
    background: #fafcfc
}

#content .review .container table tr.gift td.last > span > span {
    right: -24px
}

#content .addtocart .container table td {
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #f0f1f2
}

#content .addtocart .container table td:first-child {
    border-right: 0
}

#content .addtocart .container table td h2, #content .addtocart .container table td h3, #content .addtocart .container table td p {
    line-height: 28px;
    font-size: 12px
}

#content .addtocart .container table td.last {
    border-left: 0;
    background: #ffedee;
    border-right: 0
}

#content .addtocart .container table tr.gift td.last {
    border-right: 1px solid #f0f1f2
}

#content .addtocart .container table td.first {
    border-radius: 0 2px 0 0
}

#content .addtocart .container table td.unitprice {
    color: #666;
    font-size: 17px
}

#content .addtocart .container table td.unitprice .al.center {
    padding: 5px 0 0
}

#content .addtocart .container table thead td, #content .addtocart .container table thead td:last-child {
    background-color: #f7f9fa;
    font-size: 13px;
    height: 48px;
    color: #666
}

#content .addtocart .container table tbody tr.show-err {
    display: table-row;
    border-bottom: none !important
}

#content .addtocart .container table tbody tr.hide-err {
    display: none
}

#content .addtocart .container table tbody td.errormsg {
    text-align: right;
    background-color: #fffce0;
    height: 90px;
    padding-right: 15px
}

#content .addtocart .container table tbody td.errormsg p.title {
    font: normal 15px yekan;
    color: #957f38
}

#content .addtocart .container table tbody td.errormsg p.errdesc {
    font: normal 17px 'iran_sansregular';
    color: #4d4d4d
}

#content .addtocart .container table tbody td .pd {
    padding: 15px 10px
}

#content .addtocart .container table tbody td .pic {
    float: right;
    width: 110px;
    height: 110px;
    text-align: right;
    display: table
}

#content .addtocart .container table tbody td .pic a {
    display: table-cell;
    vertical-align: middle
}

#content .addtocart .container table tbody td .pic img {
    border-radius: 5px;
    vertical-align: middle
}

#content .addtocart .container table tbody td .desc {
    direction: rtl;
    text-align: right;
    margin-right: 140px;
    min-height: 110px
}

#content .addtocart .container table tbody td .desc p.color span, #content .addtocart .container table tbody td .desc p.warranty {
    color: #777
}

#content .addtocart .container table tbody td .desc h2 {
    font-size: 14px;
    color: #4d4d4d;
    margin-bottom: 5px
}

#content .addtocart .container table tbody td .desc h2.nodesc {
    padding-top: 35px;
}

#content .addtocart .container table tbody td .desc h3 {
    color: #4d4d4d;
    font: 13px yekan
}

#content .addtocart .container table tbody td .desc .color {
    display: inline-block;
    width: auto;
    margin-top: 10px
}

#content .addtocart .container table tbody td .desc .color span {
    margin-right: 5px
}

#content .addtocart .container table tbody td .desc .color span i {
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 16px;
    display: inline-block;
    margin: 0 3px 0 10px;
    vertical-align: middle
}

#content .addtocart .container table tbody td .styled-select {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -27px -452px
}

#content .addtocart .container table tbody td .styled-select.open {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -27px -741px
}

#content .addtocart .container table tbody td select {
    padding-top: 3px;
    border: 0;
    width: 80px;
    height: 32px;
    font-size: 15px;
    background: 0;
    padding-right: 10px;
    color: #8a8a8a
}

#content .addtocart .container table tbody td select option {
    padding-right: 10px
}

#content .addtocart .container table td.unitnumber {
    color: #8a8a8a;
    font-size: 15px
}

#content .addtocart .container table div.unitnumber-container {
    border: 1px solid #d4dbde;
    height: 32px;
    line-height: 35px;
    margin: 0 auto;
    overflow: hidden;
    width: 77px;
    border-radius: 2px
}

#content .addtocart .container table div.unitnumber-container:hover {
    border-color: #dfe5e8;
    background-color: #fafbfc
}

#content .addtocart .container table tbody td.price, #content .addtocart .container table tbody td.unitprice span.num {
    font-size: 16px
}

#content .addtocart .container table tbody td.unitprice div {
    padding: 0 20px
}

#content .addtocart .container table tbody td.unitprice table * {
    border: 0
}

#content .addtocart .container table tbody td.unitprice table td {
    font-size: 16px;
    line-height: 24px;
    text-align: right
}

#content .addtocart .container table tbody td.unitprice table td:first-child {
    font-size: 12px
}

#content .addtocart .container table tbody td.unitprice table td span.green {
    font-size: 19px
}

#content .addtocart .container table tbody td.unitprice table td span.gifttext {
    color: #4caf50 !important;
    font-size: 19px
}

#content .addtocart .container table tbody td.unitprice table td.al {
    text-align: left
}

#content .addtocart .container table tbody td.unitprice table td.red .toman {
    color: inherit
}

#content .addtocart .container table tbody td.unitprice table td .sep {
    margin: 14px 0;
    border-bottom: 1px dashed #e9e9e9;
    height: 1px
}

#content .addtocart .container table tbody td.last a {
    vertical-align: middle;
    width: 45px;
    display: table-cell
}

#content .addtocart .container table tbody td.last a i {
    width: 12px;
    height: 12px;
    display: inline-block
}

#content .addtocart .container table tbody td.last a.edit {
    background-image: url("../image/Btn/vtwo/edit_button.png");
    background-repeat: no-repeat;
    margin-left: 10px
}

#content .addtocart .container table tbody td.last a.delete i {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -813px -510px
}

#content .addtocart .finalprice {
    border: 1px solid #c0f0c1;
    border-radius: 2px;
    margin-bottom: 28px;
    width: 590px;
    text-align: right;
    direction: rtl;
    position: relative
}

#content .addtocart .finalprice span.label {
    font-size: 12px;
    display: inline-block;
    width: auto
}

#content .addtocart .finalprice span.label-price {
    float: left;
    padding-left: 40px;
    font-size: 18px
}

#content .addtocart .finalprice .payable span.label-price {
    font-size: 23px
}

#content .addtocart .finalprice .total {
    height: 55px;
    line-height: 55px;
    padding: 0 40px 0 0
}

#content .addtocart .finalprice .payable {
    font-size: 14px;
    padding: 15px 40px 15px 0;
    background-color: #f7fff7;
    border-radius: 0 0 4px 4px
}

#content .addtocart .finalprice.hasDiscount .payable {
    height: 55px;
    line-height: 53px;
    padding: 0 240px 0 0
}

#content .addtocart .finalprice .payable .toman {
    font-size: 12px
}

#content .addtocart .finalprice .sep {
    background-color: #c0f0c1;
    height: 1px
}

#content .addtocart .finalprice .discount {
    float: right;
    margin-top: 17px;
    min-width: 200px
}

#content .addtocart .foot {
    position: relative
}

#content .addtocart .foot .btn {
    height: 48px
}

#content .addtocart .foot .btn .seven {
    color: #4d4d4d;
    direction: rtl;
    display: inline-block;
    font-size: 12px;
    margin-left: 51px;
    position: relative;
    top: -15px;
    left: -30px;
    height: 50px;
    zoom: 1;
    width: auto;
    bottom: 5px;
    color: #ff5252
}

#content .addtocart .foot .dk-button-container {
    margin: 10px !important
}

#content .shipping {
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial;
    direction: rtl;
    padding: 43px 0 20px
}

#content #shipping-container {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    padding-bottom: 17px;
    padding: 0 0 25px 0
}

#content .shipping .head {
    position: relative
}

#content .shipping .head .title {
    color: #666;
    direction: rtl;
    font-size: 16px;
    line-height: 35px
}

#content .shipping .head .title.mrg-l-25 {
    margin-left: 25px
}

#content .shipping .head .title i {
    margin: 0 0 0 10px;
    top: 1px
}

#udpShipping {
    width: 100%
}

.wmax #shipping-container .address__wrapper {
    position: relative;
    margin-top: 10px
}

.wmax #shipping-container .address__wrapper:before {
    content: "";
    display: block;
    position: absolute;
    right: -12px;
    top: -10px;
    bottom: -10px;
    z-index: 3;
    width: 10px;
    border: 1px solid transparent;
    box-shadow: -7px 0 7px -3px rgba(0, 0, 0, .2)
}

.wmax #shipping-container .address__wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: -12px;
    top: -10px;
    bottom: -10px;
    z-index: 3;
    width: 10px;
    border: 1px solid transparent;
    box-shadow: 7px 0 7px -3px rgba(0, 0, 0, .2)
}

.carousel-shadow-prev:before {
    visibility: hidden
}

.carousel-shadow-next:after {
    visibility: hidden
}

.wmax #shipping-container .address_item {
    border: 1px solid #f0f1f2;
    border-radius: 2px;
    height: 340px;
    width: 494px;
    float: right;
    margin-left: 15px;
    box-sizing: border-box;
    overflow: hidden
}

.wmax #shipping-container .address_item:last-child {
    margin-left: 30px;
    background: #fff;
}

.wmax #shipping-container .add-address-button {
    float: left;
    width: 140px;
    border: 5px dashed #cdcdcd;
    box-sizing: border-box;
    min-height: 340px;
    cursor: pointer;
    position: relative
}

.wmax #shipping-container .add-address-button .add-address-button__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    white-space: nowrap;
    color: #9ea4b0;
    font-size: 25px;
    min-height: 32px
}

.wmax #shipping-container .add-address-button .add-address-button__text:before {
    content: '';
    display: inline-block;
    background: url(../image/Public/vtwo/slices.png) -980px -373px;
    margin-bottom: -10px;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    filter: grayscale(1)
}

#shipping-container .flickity-prev-next-button:hover {
    background: 0
}

#shipping-container .parw {
    height: 360px;
    margin: 0 -35px;
    padding: 0 35px;
    overflow: hidden
}

#shipping-container .address__wrapper .flickity-prev-next-button.next, #shipping-container .address__wrapper .flickity-prev-next-button.previous {
    box-shadow: none;
    z-index: 9
}

#shipping-container .flickity-prev-next-button.previous {
    display: none;
    right: -40px
}

#shipping-container .flickity-prev-next-button.next {
    left: -40px
}

.wmax #shipping-container .address_item__name {
    font-size: 15px;
    background-color: #fbfdfc
}

.wmax #shipping-container .user-name {
    float: right;
    padding: 18px 15px 18px 0
}

.wmax #shipping-container .address-edit, .wmax #shipping-container .address-remove {
    float: left;
    width: 58px;
    height: 58px;
    position: relative;
    cursor: pointer
}

.wmax #shipping-container .address-edit {
    margin-left: 10px
}

.wmax #shipping-container .address-edit:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../image/Public/vtwo/slices.png) -812px -446px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wmax #shipping-container .address-remove:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../image/Public/vtwo/slices.png) -812px -508px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wmax #shipping-container .address_item__detail {
    padding: 0 15px
}

.wmax #shipping-container .address_item__radio {
    padding: 13px 0;
    text-align: center;
    background: #fbfbfb;
    border-top: 1px solid #f0f0f0;
    cursor: pointer
}

.wmax #shipping-container .address_item.selected .address_item__radio {
    background: #f7fff7;
    border-top: 1px solid #c0f0c1
}

.wmax #shipping-container .address {
    padding: 20px 5px;
    font-size: 13px;
    border-bottom: 1px solid #f0f0f0
}

.wmax #shipping-container .address .compelete {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wmax #shipping-container .address .map-hint {
    display: inline-block;
    padding: 5px 20px;
    margin: 15px 0 0;
    border-radius: 2px;
    visibility: hidden
}

.wmax #shipping-container .address_item.no-map .address .map-hint {
    color: #7c6a26;
    background: #fffcda
}

.wmax #shipping-container .address_item.has-map .address .map-hint {
    color: #4caf50;
    background: #f7fff7
}

#shipping-container .address_item.selected .address .map-hint {
    visibility: visible
}

.wmax #shipping-container .tell {
    padding: 18px 5px;
    font-size: 13px
}

.wmax #shipping-container .phone, .wmax #shipping-container .emergency {
    width: 50%;
    float: right
}

.wmax #shipping-container .location {
    padding: 20px 5px;
    font-size: 13px;
    border-bottom: 1px solid #f0f0f0
}

.wmax #shipping-container .state, .wmax #shipping-container .city, .wmax #shipping-container .district {
    width: calc(100% / 2 - 12px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
    margin-left: 10px
}

.wmax #shipping-container ._\31st {
    margin-left: 5px
}

.wmax #shipping-container .address_item__radio .radio-control {
    width: inherit;
    height: auto
}

.wmax #shipping-container .address_item__radio .radio-control label {
    display: inline-block;
    transition: none
}

.wmax #shipping-container .address_item__radio .radio-control label:after {
    z-index: 1
}

.wmax #shipping-container .address_item__radio .radio-control span {
    vertical-align: 4px;
    margin-right: 5px
}

@media screen and (max-width: 1279px) {
    #shipping-container .parw {
        margin: 0 -25px;
        padding: 0 25px
    }

    #shipping-container .flickity-prev-next-button.previous {
        right: -30px
    }

    #shipping-container .flickity-prev-next-button.next {
        left: -30px
    }
}

.wmin #shipping-container .address__wrapper {
    position: relative;
    margin-top: 10px
}

.wmin #shipping-container .address__wrapper:before {
    content: "";
    display: block;
    position: absolute;
    right: -12px;
    top: -10px;
    bottom: -10px;
    z-index: 3;
    width: 10px;
    border: 1px solid transparent;
    box-shadow: -7px 0 7px -3px rgba(0, 0, 0, .2)
}

.wmin #shipping-container .address__wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: -12px;
    top: -10px;
    bottom: -10px;
    z-index: 3;
    width: 10px;
    border: 1px solid transparent;
    box-shadow: 7px 0 7px -3px rgba(0, 0, 0, .2)
}

.wmin #shipping-container .address_item {
    border: 1px solid #f0f1f2;
    border-radius: 2px;
    height: 340px;
    width: 420px;
    float: right;
    margin-left: 10px;
    box-sizing: border-box;
    overflow: hidden
}

.wmin #shipping-container .address_item:last-child {
    margin-left: 30px
}

.wmin #shipping-container .add-address-button {
    float: left;
    width: 90px;
    border: 5px dashed #cdcdcd;
    box-sizing: border-box;
    min-height: 340px;
    cursor: pointer;
    position: relative
}

.wmin #shipping-container .add-address-button .add-address-button__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    white-space: nowrap;
    color: #9ea4b0;
    font-size: 25px;
    min-height: 32px
}

.wmin #shipping-container .add-address-button .add-address-button__text:before {
    content: '';
    display: inline-block;
    background: url(../image/Public/vtwo/slices.png) -980px -373px;
    margin-bottom: -10px;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    filter: grayscale(1)
}

.wmin #shipping-container .address_item__name {
    font-size: 15px;
    background-color: #fbfdfc
}

.wmin #shipping-container .user-name {
    float: right;
    padding: 15px 15px 15px 0
}

.wmin #shipping-container .address-edit, .wmin #shipping-container .address-remove {
    float: left;
    width: 52px;
    height: 52px;
    position: relative;
    cursor: pointer
}

.wmin #shipping-container .address-edit {
    margin-left: 10px
}

.wmin #shipping-container .address-edit:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../image/Public/vtwo/slices.png) -812px -446px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wmin #shipping-container .address-remove:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../image/Public/vtwo/slices.png) -812px -508px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wmin #shipping-container .address_item__detail {
    padding: 0 15px
}

.wmin #shipping-container .address_item__radio {
    padding: 13px 0;
    text-align: center;
    background: #fbfbfb;
    border-top: 1px solid #f0f0f0;
    cursor: pointer
}

.wmin #shipping-container .address_item.selected .address_item__radio {
    background: #f7fff7;
    border-top: 1px solid #c0f0c1
}

.wmin #shipping-container .address {
    padding: 20px 5px;
    font-size: 13px;
    border-bottom: 1px solid #f0f0f0
}

.wmin #shipping-container .address .compelete {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wmin #shipping-container .address .map-hint {
    display: inline-block;
    padding: 5px 20px;
    margin: 15px 0 0;
    border-radius: 2px;
    visibility: hidden
}

.wmin #shipping-container .address_item.no-map .address .map-hint {
    color: #7c6a26;
    background: #fffcda
}

.wmin #shipping-container .address_item.has-map .address .map-hint {
    color: #4caf50;
    background: #f7fff7
}

.wmin #shipping-container .tell {
    padding: 18px 5px;
    font-size: 12px
}

.wmin #shipping-container .phone, .wmin #shipping-container .emergency {
    width: 50%;
    float: right
}

.wmin #shipping-container .location {
    padding: 21px 5px;
    font-size: 13px;
    border-bottom: 1px solid #f0f0f0
}

.wmin #shipping-container .state, .wmin #shipping-container .city, .wmin #shipping-container .district {
    width: calc(100% / 3 - 12px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
    margin-left: 10px
}

.wmin #shipping-container ._\31st {
    margin-left: 5px
}

.wmin #shipping-container .address_item__radio .radio-control {
    width: initial;
    height: auto
}

.wmin #shipping-container .address_item__radio .radio-control label {
    display: inline-block;
    transition: none
}

.wmin #shipping-container .address_item__radio .radio-control label:after {
    z-index: 1
}

.wmin #shipping-container .address_item__radio .radio-control span {
    vertical-align: 4px;
    margin-right: 5px
}

.lblAddresHint {
    margin-right: 10px;
    display: none
}

.address_item.no-map.selected .lblAddresHint {
    display: inline-block;
    line-height: 20px;
    color: #7c6a26;
    background: #fffcda;
    border: 1px solid #e2c868;
    position: relative;
    padding: 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 1
}

.address_item.no-map.selected .lblAddresHint::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 4.5px solid transparent;
    border-left: 8.5px solid #fffcda;
    border-bottom: 4.5px solid transparent;
    z-index: 3
}

.address_item.no-map.selected .lblAddresHint::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 4px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 10px solid #e2c868;
    border-bottom: 6px solid transparent;
    z-index: 2
}

.address_item.has-map.selected .lblAddresHint {
    display: inline;
    color: #4caf50;
    background: #f7fff7;
    border: 1px solid #c0f0c1;
    position: relative;
    padding: 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.address_item.has-map.selected .lblAddresHint::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 4.5px;
    width: 0;
    height: 0;
    border-top: 4.5px solid transparent;
    border-left: 8.5px solid #f7fff7;
    border-bottom: 4.5px solid transparent
}

.address_item.has-map.selected .lblAddresHint::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 3px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 10px solid #c0f0c1;
    border-bottom: 6px solid transparent
}

#content .shipping .head .add_address {
    display: block;
    height: 32px;
    width: 150px;
    background-image: url("../image/Btn/vtwo/add_address_button.png");
    background-repeat: no-repeat;
    margin-top: 20px;
    color: #777
}

#content .shipping .head .add_address:hover, #content .shipping .head .add_address:focus {
    background-position: 0 -42px
}

#content .shipping .address_list .address_item table {
    width: 100%;
    direction: rtl;
    height: 152px;
    color: #777;
    overflow: hidden
}

#content .shipping .w56 {
    width: 56px
}

#content .shipping .w59 {
    width: 59px
}

#content .shipping .w192 {
    width: 192px
}

#content .shipping .w546 {
    width: 546px
}

#content .shipping .w166 {
    width: 166px
}

#content .shipping .w315 {
    width: 315px
}

#content .shipping .w35 {
    width: 35px
}

#content .shipping .address_list .address_item table .txtright {
    text-align: right
}

#content .shipping .address_list .address_item table td {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #f0f1f2;
    line-height: 26px;
    padding-right: 32px
}

#content .shipping .address_list .address_item table td.last {
    border-left: 0 !important;
    padding: 0
}

#content .shipping .address_list .address_item table td.first {
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    padding: 0
}

#content .shipping .address_list .address_item table td.first input {
    margin-top: 10px
}

#content .shipping .address_list .address_item table td.addresss {
    font: normal 15px 'iran_sansregular'
}

#content .shipping .address_list .address_item table span.label {
    font: normal 12px yekan;
    display: inline-block;
    margin-left: 7px
}

#content .shipping .address_list .address_item .control-btn td {
    padding: 0;
    border: 0 !important
}

#content .shipping .address_list .address_item .control-btn td a {
    vertical-align: middle;
    width: 35px;
    display: table-cell
}

#content .shipping .address_list .address_item .control-btn td.delete {
    background: #ffedee
}

#content .shipping .address_list .address_item .control-btn td.edit {
    background: #e3f3fc
}

#content .shipping .address_list .address_item .control-btn td.delete i {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -813px -510px;
    height: 12px;
    width: 12px;
    display: inline-block
}

#content .shipping .address_list .address_item .control-btn td.edit i {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -812px -446px;
    height: 15px;
    width: 15px;
    display: inline-block
}

#content .shipping .address_list .address_item table td.fr {
    border-bottom: 1px solid #f0f1f2
}

#content .shipping .address_list .address_item table td.fr h3 {
    font: 15px/20px yekan;
    color: #777
}

#content .shipping .address_list .address_item table td.fr .left {
    height: 32px
}

#content .shipping .address_list .address_item table td .margin_10 {
    margin: 0 10px
}

#content .shipping .address_list .address_item table td.fr .defaultaddress {
    background-image: url("../image/Btn/vtwo/default_2_button.png");
    background-repeat: no-repeat
}

#content .shipping .address_list .address_item table td.fr .defaultaddress.current {
    background-image: url("../image/Btn/vtwo/default_1_button.png");
    background-repeat: no-repeat
}

#content .shipping .address_list .address_item table td.fr .defaultaddress:hover, #content .shipping .address_list .address_item table td.fr .defaultaddress:focus {
    background-position: 0 -34px
}

#content .shipping .address_list.error .address_item, #content .shipping .address_list.error .address_item_empty {
    border-color: #ff5153
}

#content .shipping .address_list .add_address_empty {
    border: 1px solid #c0f0c1;
    border-radius: 2px;
    margin-top: 15px;
    height: 82px;
    background-color: #f7fff7;
    text-align: center;
    line-height: 78px;
    display: block;
    cursor: pointer
}

#content .shipping .address_list .add_address_empty {
    font-size: 17px;
    color: #4caf50 !important
}

#content .shipping .address_list .add_address_empty i {
    margin-left: 25px;
    top: 10px
}

#content .shipping .address_list .add_address_empty:hover {
    color: inherit
}

#content .shipping .address_list .address_item.selected {
    border: 1px solid #c0f0c1
}

#content .shipping .address_list .address_item.selected table td.first {
    background: #f7fff7;
    border-left: 1px solid #c0f0c1
}

#content .shipping .address_list .address_item.selected table td.fr .send_to_address {
    background-position: 0 -42px
}

#content .shipping .address_list .address_item.error {
    border: 1px solid #ff5153
}

#content .shipping .address_list .address_item.error table td {
    border-left: 1px solid #ff5153
}

#content .shipping .address_list .address_item.error table td.first {
    background: #ffdcdc
}

#content .shipping .address_list .address_item.error table td.fr {
    border-bottom: 1px solid #ff5153
}

#content .shipping .address_list .address_item.error table td.fr .send_to_address {
    background-position: 0 -42px
}

#content .shipping .address_list .address_item table td.first {
    position: relative;
    right: -1px
}

#content .shipping .address_list .address_item table td.first .active-address {
    border-left: 39px solid transparent;
    border-top: 39px solid #8cd98e;
    display: inline-block;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    opacity: 0;
    transition: 150ms ease
}

#content .shipping .address_list .address_item table td.first .active-address i {
    right: 4px;
    top: -38px
}

#content .shipping .address_list .address_item.selected table td.first .active-address {
    opacity: 1
}

#content .shipping .legal_type .head {
    height: 76px;
    margin: 20px 0 26px;
    position: relative
}

#content .shipping .legal_type .head h2 {
    padding-top: 45px
}

#content .shipping .legal_type .items .item {
    border: 1px solid #969ba8;
    border-radius: 2px;
    height: 70px;
    margin-top: 10px;
    overflow: hidden
}

#content .shipping .legal_type .items .item table {
    width: 100%;
    direction: rtl;
    height: 70px;
    color: #777
}

#content .shipping .legal_type .items .item table .w46 {
    width: 46px
}

#content .shipping .legal_type .items .item table .w1164 {
    width: 1164px
}

#content .shipping .legal_type .items .item table td {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #969ba8;
    line-height: 30px
}

#content .shipping .legal_type .items .item table td.last {
    border-left: 0 !important
}

#content .shipping .legal_type .items .item table td.first {
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    position: relative
}

#content .shipping .legal_type .items .item table td.first .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;
    width: 46px
}

#content .shipping .legal_type .items .item table td.first input {
    margin-top: 10px
}

#content .shipping .legal_type .items .item table td.second {
    border-left: 0 none !important;
    font: 17px iran_sansregular;
    text-align: right;
    padding-right: 10px
}

#content .shipping .legal_type .items .item table td.second span {
    color: #777
}

#content .shipping .legal_type .items .item table td.second .legal_information_button {
    color: #2196f3;
    border-bottom: 1px dashed #2196f3
}

#content .shipping .legal_type .items.selected .item {
    border: 1px solid #c0f0c1
}

#content .shipping .legal_type .items.selected .item table td {
    border-left: 1px solid #c0f0c1
}

#content .shipping .legal_type .items.selected .item table td.first {
    background-color: #f7fff7
}

#content .shipping .legal_type .items.selected .item table td.first div.ckeckbox-control {
    top: 6px
}

#content .shipping .shipping_type .head {
    position: relative
}

#content .shipping .shipping_type .head .title {
    line-height: 45px
}

#content .shipping .shipping_list {
    min-height: 50px;
    padding: 15px 15px 22px;
    overflow: visible
}

#content .shipping .shipping_warning {
    color: #7c6a26;
    background: #fffcda;
    font-size: 14px;
    vertical-align: middle;
    height: 69px;
    line-height: 69px
}

#content .shipping .shipping_warning:before {
    content: '';
    background: url(../image/Public/vtwo/slices.png) -1199px -17px;
    width: 39px;
    height: 39px;
    float: right;
    margin: 15px
}

.single-shipment .shipping_warning {
    display: none
}

#content .shipping .shipping_list .shipment-selection {
    line-height: 45px;
    color: #666;
    direction: rtl;
    font-size: 16px
}

#content .shipping .shipping_list .shipment-selection i {
    margin: 0 0 0 10px;
    top: 1px
}

#content .shipping .shipping_type .shipping_list .shipping_item {
    margin-top: 10px;
    border: 1px solid #f0f1f2;
    border-radius: 2px;
    cursor: pointer
}

.selectedTimeScope {
    background: #f3fff3;
    transition: background 150ms
}

#content .shipping table td .radio-control {
    margin: 0;
    right: 1px;
    top: 7px
}

#content .shipping table td .ckeckbox-control {
    top: 6px;
    right: 1px
}

#content .shipping .shipping_type .shipping_list .shipping_item table {
    width: 100%;
    direction: rtl;
    height: 80px;
    color: #777
}

#content .shipping .shipping_type .shipping_list .shipping_item table .w46 {
    width: 46px
}

#content .shipping .shipping_type .shipping_list .shipping_item table .w1037 {
    width: 1037px
}

#content .shipping .shipping_type .shipping_list .shipping_item table .w127 {
    width: 127px
}

#content .shipping .shipping_type .shipping_list .shipping_item table td {
    height: 68px;
    border-left: 1px solid #f0f1f2;
    text-align: center;
    vertical-align: middle
}

#content .shipping .shipping_type .shipping_list .shipping_item table#rbTimes td .radio-control {
    margin: 0 0 0 7px;
    top: 7px
}

#content .shipping .shipping_type .shipping_list .shipping_item table td p {
    line-height: 26px;
    white-space: nowrap;
    color: #4caf50;
    font-size: 15px
}

#content .shipping .shipping_type .shipping_list .shipping_item table td p:first-child {
    color: #666;
    font-size: 12px
}

#content .shipping .shipping_type .shipping_list .shipping_item table .first {
    border-radius: 0 2px 2px 0;
    cursor: pointer
}

#content .shipping .shipping_type .shipping_list .shipping_item table .first input {
    margin-top: 6px
}

#content .shipping .shipping_type .shipping_list .shipping_item table .second {
    text-align: right
}

#content .shipping .shipping_type .shipping_list .shipping_item table .second img {
    margin: 2px 25px 0 0
}

#content .shipping .shipping_type .shipping_list .shipping_item table .second img.dk {
    margin-right: 10px
}

.wmax #content .shipping .shipping_type .shipping_list .shipping_item table .second div.second-title-wrapper {
    width: 620px
}

.wmax #content .shipping .shipping_type .shipping_list .shipping_item table .second div.right {
    margin-right: 25px;
    max-width: 500px
}

.wmin #content .shipping .shipping_type .shipping_list .shipping_item table .second div.second-title-wrapper {
    width: 420px
}

.wmin #content .shipping .shipping_type .shipping_list .shipping_item table .second div.right {
    margin-right: 10px;
    max-width: 305px
}

.wmax #content .shipping .single-shipment .shipping_type .shipping_list .shipping_item table .second div.second-title-wrapper {
    width: 900px
}

.wmax #content .shipping .single-shipment .shipping_type .shipping_list .shipping_item table .second div.right {
    margin-right: 25px;
    max-width: 760px
}

.wmin #content .shipping .single-shipment .shipping_type .shipping_list .shipping_item table .second div.second-title-wrapper {
    width: 720px
}

.wmin #content .shipping .single-shipment .shipping_type .shipping_list .shipping_item table .second div.right {
    margin-right: 10px;
    max-width: 605px
}

.wmax #content .shipping .shipping_type .shipping_list .shipping_item table .second[colspan="2"] div.second-title-wrapper {
    width: 725px
}

.wmax #content .shipping .shipping_type .shipping_list .shipping_item table .second[colspan="2"] div.right {
    margin-right: 25px;
    max-width: 600px
}

.wmin #content .shipping .shipping_type .shipping_list .shipping_item table .second[colspan="2"] div.second-title-wrapper {
    width: 485px
}

.wmin #content .shipping .shipping_type .shipping_list .shipping_item table .second[colspan="2"] div.right {
    margin-right: 10px;
    max-width: 375px
}

.wmax #content .shipping .single-shipment .shipping_type .shipping_list .shipping_item table .second[colspan="2"] div.second-title-wrapper {
    width: 1025px
}

.wmax #content .shipping .single-shipment .shipping_type .shipping_list .shipping_item table .second[colspan="2"] div.right {
    margin-right: 25px;
    max-width: 895px
}

.wmin #content .shipping .single-shipment .shipping_type .shipping_list .shipping_item table .second[colspan="2"] div.second-title-wrapper {
    width: 785px
}

.wmin #content .shipping .single-shipment .shipping_type .shipping_list .shipping_item table .second[colspan="2"] div.right {
    margin-right: 10px;
    max-width: 670px
}

#content .shipping .shipping_type .shipping_list .shipping_item table .second div.dk {
    margin-right: 20px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

#content .shipping .shipping_type .shipping_list .shipping_item table .third {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px
}

#content .shipping .shipping_type .shipping_list .shipping_item table .third .delay-days {
    color: #d00;
    font-weight: bold
}

#content .shipping .shipping_type .shipping_list .shipping_item table .second div.right .title {
    display: inline-block;
    color: #4d4d4d;
    font-size: 14px
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-button {
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    height: 90px;
    border-left: 1px solid #f0f1f2;
    text-align: center;
    vertical-align: middle;
    width: 52px;
    float: right
}

#content .shipping .shipping_type .shipping_list .shipping_item.selected .psh-button {
    background-color: #f7fff7;
    border-left: 1px solid #c0f0c1
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-icon {
    height: 68px;
    width: 68px;
    float: right
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-cost {
    height: 70px;
    width: 100px;
    background: #fbfcfc;
    float: left;
    text-align: center;
    padding: 20px 10px 0 10px;
    border-right: 1px solid #f0f1f2;
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-cost p {
    font-size: 15px;
    line-height: 26px;
    white-space: nowrap;
    color: #4caf50
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-cost p:first-child {
    font-size: 12px !important;
    color: #666 !important
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-msg {
    float: right;
    height: 90px;
    padding-right: 15px;
    overflow: hidden
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-msg .psh-title {
    font-size: 14px;
    color: #4d4d4d;
    padding: 10px 0 5px
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-msg .psh-subtitle {
    color: #777;
    font: 15px iran_sansregular;
    padding: 2px 0
}

#content .shipping .shipping_type .shipping_list .shipping_item .psh-button .radio-control {
    margin: 0;
    right: 1px;
    top: 50%;
    transform: translateY(-50%)
}

#content .shipping .shipping_type .shipping_list .shipping_item table .second div.right a {
    padding-bottom: 2px;
    border-bottom: 1px dotted #d8d8d8
}

#content .shipping .shipping_type .shipping_list .shipping_item table .second div.right .desc {
    color: #777;
    font: 15px iran_sansregular
}

#content .shipping .shipping_type .shipping_list .shipping_item table .last {
    border: 0 !important;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px
}

.wmin #content .shipping .shipping_type .shipping_list .shipping_item table .last {
    padding: 0 !important
}

#content .shipping .shipping_type .shipping_list .shipping_item table .last .green {
    font-size: 15px;
    margin-left: 5px
}

#content .shipping .shipping_type .shipping_list .shipping_item table .last p.green {
    display: inline-block;
    margin-left: 0
}

#content .shipping .shipping_type .shipping_list .shipping_item table td.tsfirst p {
    line-height: 18px;
    margin-top: 5px
}

#content .shipping .shipping_type .shipping_list.error .shipping_item {
    border-color: #ff5153
}

#content .shipping .shipping_type .shipping_list .shipping_item.selected {
    border: 1px solid #c0f0c1
}

#content .shipping .shipping_type .shipping_list .shipping_item.selected table td {
    border-left: 1px solid #c0f0c1
}

#content .shipping .shipping_type .shipping_list .shipping_item.selected table td.first {
    background-color: #f7fff7
}

#content .shipping .shipping_type .shipping_list .shipping_item.selected table td.second {
    border-left: 1px solid #f0f1f2
}

#content .shipping .shipping_type .shipping_list .shipping_item.selected table td.last {
    background: #fbfcfc
}

#content .shipping .shipping_type .shipping_list .shipping_item.selected table td.last {
    border-radius: 4px 0 0 4px
}

#content .shipping .shipping_type .shipping_list .shipping_item.selected .timescope td.choose {
    border-top: 1px solid #c0f0c1 !important
}

#content .shipping .shipping_list .timescope {
    direction: rtl;
    width: 100%
}

#content .shipping .shipping_list .timescope .radio-control {
    margin-left: 5px
}

#content .shipping .shipping_list .timescope tr:last-child td {
    border-bottom: 0 !important
}

#content .shipping .shipping_list .timescope td {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #f0f1f2 !important;
    border-right: 0;
    border-bottom: 0
}

#content .shipping .shipping_list .timescope td.tsfirst {
    width: 100px;
    border-right: 0 !important;
    font-size: 10px;
    color: #999
}

#content .shipping .shipping_list .timescope td.choose {
    border-top: 1px solid #f0f1f2 !important;
    border-right: 0 !important;
    height: 40px !important
}

#content .shipping .shipping_list .timescope td.choose div {
    padding: 8px 0;
    text-align: right;
    margin-right: 15px
}

#content .shipping .shipping_list .timescope td:last-child {
    border-left: 0 !important
}

#content .shipping .shipping_list .timescope td.title {
    width: 100px
}

#content .shipping .shipping_list .timescope td.disabled {
    background: #fbfcfc;
    color: #bbb
}

#content .shipping .shipping_list .timescope td.item label {
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial;
    cursor: pointer;
    font-size: 13px
}

#content .shipping .shipping_list .timescope td.item input {
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer
}

#content .shipping .shipping_list .timescope td.item .nobrdbottom {
    border-bottom: 0
}

#content .shipping .shipping_list .timescope td.item .nobrdleft {
    border-left: 0
}

#content .shipping .packing {
    height: 100%
}

#content .shipping .packing .head {
    min-height: 73px !important;
    margin: 20px 0 10px;
    height: auto
}

#content .shipping .packing .head h2 {
    padding-top: 45px
}

#content .shipping .packing .packing_inner {
    margin-top: 10px;
    border: 1px solid #f0f1f2;
    border-radius: 2px;
    overflow: hidden
}

#content .shipping .packing .seller-warning {
    color: #2196f3
}

#content .shipping .packing .seller-warning i {
    vertical-align: middle;
    margin-left: 10px
}

#content .shipping .packing .packing_inner .wrap {
    width: 100%;
    direction: rtl;
    height: 80px;
    position: relative
}

#content .shipping .packing .packing_inner .wrap .w46 {
    width: 46px
}

#content .shipping .packing .packing_inner .wrap .w1164 {
    width: 1164px
}

#content .shipping .packing .packing_inner .wrap td {
    text-align: right;
    vertical-align: middle
}

#content .shipping .packing .packing_inner .wrap td p {
    color: #777;
    font: 15px iran_sansregular
}

#content .shipping .packing .packing_inner .wrap .first {
    border-left: 1px solid #f0f1f2;
    text-align: center;
    border-radius: 0 2px 2px 0;
    cursor: pointer
}

#content .shipping .packing .packing_inner .wrap .first .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 80px;
    width: 46px
}

#content .shipping .packing .packing_inner .wrap .first input {
    margin-top: 6px
}

#content .shipping .packing .packing_inner .wrap .second i {
    margin: 0 25px;
    top: 2px
}

#content .shipping .packing .packing_inner .wrap .second div.right .title {
    font: 14px yekan;
    color: #4d4d4d
}

#content .shipping .packing .packing_inner .gift {
    font: 15px iran_sansregular;
    padding: 20px
}

#content .shipping .packing .packing_inner .gift ul {
    margin-right: 45px;
    display: inline-block
}

#content .shipping .packing .packing_inner .gift ul li {
    float: right
}

#content .shipping .packing .packing_inner .gift ul li input {
    vertical-align: middle
}

#content .shipping .packing .packing_inner .gift ul li label {
    margin: 0 5px 0 40px
}

#content .shipping .packing .packing_inner .gift .invoice {
    height: 55px
}

#content .shipping .packing .packing_inner .gift .invoice label {
    font: normal 11px yekan
}

#content .shipping .packing .packing_inner .gift .paper {
    height: 160px;
    padding-bottom: 10px
}

#content .shipping .packing .packing_inner .gift .paper div.right {
    margin: 10px 0 0 10px
}

#content .shipping .packing .packing_inner .gift .paper a {
    border: 3px solid transparent;
    border-radius: 10px;
    height: 70px;
    margin-right: 7px;
    overflow: hidden;
    position: relative;
    width: 70px;
    transition: 150ms ease;
    -moz-transition: 150ms ease;
    -webkit-transition: 150ms ease;
    -ms-transition: 150ms ease
}

#content .shipping .packing .packing_inner .gift .paper a.focus span {
    border-left: 35px solid transparent;
    border-top: 35px solid #62b965;
    display: inline-block;
    height: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 150ms ease 0s;
    width: 0
}

#content .shipping .packing .packing_inner .gift .paper a.focus span i {
    right: 3px;
    top: -33px
}

#content .shipping .packing .packing_inner .gift .paper a:hover, #content .shipping .packing .packing_inner .gift .paper a.focus {
    border: 3px solid #62b965;
    background: #62b965
}

#content .shipping .packing .packing_inner .gift .paper a img {
    width: 70px;
    height: 70px
}

#content .shipping .packing .packing_inner .gift .paper a img.selected {
    position: absolute;
    left: -1px;
    top: 61px;
    width: 24px;
    height: 24px
}

#content .shipping .packing .packing_inner .gift .note {
    margin-top: 5px;
    color: #777;
    margin-bottom: 30px
}

#content .shipping .packing .packing_inner .gift_form {
    padding: 20px
}

#content .shipping .packing .packing_inner .gift_form table {
    direction: rtl
}

#content .shipping .packing .packing_inner .gift_form table td {
    vertical-align: middle
}

#content .shipping .packing .packing_inner .gift_form table td.title {
    width: 100px;
    vertical-align: top
}

#content .shipping .packing .packing_inner .gift_form table td .text-box.desc {
    height: 90px;
    width: 750px;
    padding: 5px;
    margin: 0
}

#content .shipping .packing .packing_inner.selected {
    border: 1px solid #c0f0c1
}

#content .shipping .packing .packing_inner.selected table td {
    border-bottom: 1px solid #f0f1f2
}

#content .shipping .packing .packing_inner.selected table td.first {
    background-color: #f7fff7;
    border-left: 1px solid #c0f0c1
}

#content .shipping .foot {
    padding-top: 5px;
    position: relative;
    margin-top: 0;
    height: 78px
}

#content .shipping .foot .left .save_and_continue {
    display: block;
    height: 48px;
    width: 230px;
    background-image: url("../image/Btn/vtwo/save_and_continue_big_button.png");
    background-repeat: no-repeat
}

#content .shipping .foot .left .save_and_continue:hover, #content .shipping .foot .left .save_and_continue:focus {
    background-position: 0 -58px
}

#content .shipping .foot .left .next_step {
    text-align: left;
    color: #4d4d4d;
    margin-top: 0;
    font-size: 11px
}

.wmin #content .dk-button-container.hasIcon i {
    display: block !important
}

#content .shipping .foot .dk-button-container.hasIcon .dk-button-label {
    margin-left: 54px;
    margin-right: 0
}

#content .shipping .foot .dk-button-container.hasIcon .dk-button-label, #content .review .dk-button-container.hasIcon .dk-button-label {
    padding-left: 0
}

#content .shipping .foot .dk-button-container .dk-button.blue:hover i {
    background-color: #208de6
}

#content .shipping .required {
    position: absolute;
    color: #fff;
    top: 0;
    right: 300px
}

#content .shipping .head .required {
    top: 8px
}

#content .shipping .required div {
    float: left
}

#content .shipping .required .dcenter, .timescope-shipment .dcenter {
    background: #ff5252;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font: 12px/21px yekan;
    height: 22px;
    margin-right: 14px;
    padding: 0 17px;
    position: relative
}

#content .shipping .required .dcenter:after, .timescope-shipment .dcenter:after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ff5252;
    border-top: 5px solid transparent;
    content: "";
    position: absolute;
    right: -5px;
    top: 6px
}

#content .shipping .shipping_type .required {
    top: 54px
}

#content #review-container {
    background: #fff;
    border: 1px solid #f0f1f2;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

#content .review {
    direction: rtl;
    padding: 43px 15px 20px
}

#content .review .head {
    height: 76px;
    margin: 0 0 26px;
    position: relative
}

#content .review .final_invoice .head, #content .review .order_shipping_info .head {
    height: 55px !important;
    margin-top: 30px !important
}

#content .review .head h2 {
    font-size: 14px;
    padding: 45px 0 10px 0;
    float: right
}

#content .review .container {
    margin: 0
}

#content .review .container table .w590 {
    width: 590px
}

#content .review .container table .w35 {
    width: 35px
}

#content .review .container table .w80 {
    width: 80px
}

#content .review .container table .w200 {
    width: 200px
}

#content .review .container table .w25 {
    width: 35px
}

#content .review .container table tbody td.last {
    background: #e3f3fc
}

#content .review .container table tbody td.count {
    font-size: 14px
}

#content .review .container table tbody td.last a.edit {
    background: none !important;
    display: table-cell;
    margin: 0 !important;
    vertical-align: middle
}

#content .review .container table tbody td.last a.edit i {
    width: 16px;
    height: 16px;
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -811px -414px;
    display: inline-block;
    position: relative;
    margin: 0
}

#content .review .order_shipping_info .items .item.first {
    border-radius: 4px 4px 0 0
}

#content .review .items {
    margin-top: 15px;
    border: 1px solid #f0f1e8;
    border-radius: 2px
}

#content .review .items .item {
    border-bottom: 1px solid #f0f1f2;
    padding: 0 15px
}

#content .review .order_shipping_info .items .item .txt {
    display: block
}

#content .review .items .item .left {
    font-size: 15px
}

#content .review .items .item.first {
    border-radius: 2px 2px 0 0
}

#content .review .items .item.last {
    line-height: 60px !important;
    border: 0;
    border-radius: 0 0 2px 2px
}

#content .review .items .item.last {
    background: #f7fff7
}

#content .review .items .item.red {
    background: #fcf5f5;
    color: #ff6b6b !important
}

#content .review .items .item.red span {
    color: #ff6b6b !important
}

#content .review .items .item.last .green {
    font-size: 17px
}

#content .review .items .item.last span {
    color: #4caf50
}

#content .review .items .item.last .left .green {
    font-size: 22px
}

#content .review .final_invoice .items .item {
    color: #777;
    font-size: 12px;
    line-height: 55px
}

#content .review .final_invoice .items .toman {
    margin-right: 14px
}

#content .review .order_shipping_info .items {
    display: table;
    width: 100%;
    margin-bottom: 10px
}

#content .review .order_shipping_info .items .item {
    display: table-row
}

#content .review .order_shipping_info .items > .item:last-child .cell {
    border-bottom: 0
}

#content .review .order_shipping_info .items .item .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px;
    border-bottom: 1px solid #f0f1e8;
    font: 16px iran_sansregular;
    color: #777
}

#content .review .order_shipping_info .items .item .cell:first-child {
    border-left: 1px solid #f0f1e8;
    padding: 10px 0 10px;
    text-align: center;
    vertical-align: middle;
    width: 64px
}

#content .review .order_shipping_info .items .item i {
    top: 4px
}

#content .review .foot {
    padding: 15px 0 0 0;
    position: relative;
    margin-top: 62px;
    height: 78px
}

#content .review .foot .left .save_and_confirm {
    display: block;
    height: 48px;
    width: 230px;
    background-image: url("../image/Btn/vtwo/save_and_confirm.png");
    background-repeat: no-repeat
}

#content .review .foot .left .save_and_confirm:hover, #content .review .foot .left .save_and_confirm:focus {
    background-position: 0 -58px
}

#content .review .foot .left .next_step, #content .review .head .left .next_step {
    text-align: left;
    color: #4d4d4d;
    margin-top: 0
}

#content .review .foot .opt {
    margin: 0 0 0 15px
}

#content .review .foot .opt input {
    vertical-align: middle;
    margin-left: 5px
}

#content .review .foot .opt label {
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial;
    font-size: 14px;
    color: #91a2ad
}

#content .review .foot .opt p {
    width: 225px
}

#content .review .foot .opt p span.ckeckbox-control {
    top: 6px
}

#content #payment-container td .radio-control {
    right: 1px;
    top: 6px
}

#content #payment-container td .ckeckbox-control {
    right: 1px;
    top: 5px
}

#payment-container > div.payment > div.voucher_cart {
    position: relative;
    padding-right: 75px
}

.OSMDeposite {
    text-align: left;
    margin-left: 15px
}

.OSMDeposite .osm-value {
    font-size: 21px
}

.parsian-gift-cell {
    padding: 15px 0
}

.parsian-gift-cell .parsian-gift {
    width: 300px;
    height: 120px;
    background: url("../image/Public/vtwo/MacBook-Space-Gray.png") no-repeat;
    position: relative;
    margin: 0 auto
}

.parsian-gift-cell a {
    border-bottom: 1px dashed;
    color: #777;
    display: inline-block;
    font-size: 13px;
    padding-bottom: 1px
}

#content .payment .payment_type .payment_list .payment_item table .w340 {
    width: 340px
}

#content .payment .payment_type .payment_list .payment_item table .w790 {
    width: 790px
}

#content #payment-container {
    border: 1px solid #f0f1f2;
    border-radius: 4px;
    overflow: hidden
}

#content .payment {
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial;
    direction: rtl;
    padding: 0 0 20px
}

#content .payment .head {
    height: 70px
}

#content .payment .voucher_cart .head .title:hover {
    cursor: pointer
}

#content .payment .head .icon-wrap {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 75px;
    border-left: 1px solid #ebeced
}

#content .payment .head .icon-wrap > i.icon {
    margin: 0 0 0 11px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-185%, -50%)
}

#content .payment .head h2 {
    font: 16px/35px yekan;
    padding: 20px 25px 10px 0;
    float: right;
    width: 100%
}

#content .payment .required {
    color: #fff;
    position: absolute;
    right: 117px;
    top: 27px;
    width: 220px
}

#content .payment .required div {
    float: left;
    height: 32px
}

#content .payment .required .dcenter {
    background: #ff5252;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font: 12px/21px yekan;
    height: 20px;
    margin-right: 14px;
    padding: 2px 17px;
    position: relative
}

#content .payment .required .dcenter:after {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ff5252;
    border-top: 5px solid transparent;
    content: "";
    position: absolute;
    right: -5px;
    top: 6px
}

#content .payment .voucher_cart:not(:first-child) {
    margin-bottom: 40px
}

#payment-container .payment-head .title .title-text {
    margin-right: 10px
}

#payment-container .payment-head .title i.icon.icon-caret-left-blue {
    vertical-align: middle
}

#payment-container .payment-head {
    margin-bottom: 20px
}

#content .payment .voucher_cart .voucher_cart_inner {
    border-radius: 2px;
    overflow: hidden;
    padding: 10px 0
}

#content .payment .voucher_cart .voucher_cart_inner.selected {
    border: 1px solid #c0f0c1
}

#content .payment .voucher_cart .voucher_cart_inner.selected .wrap .first {
    background-color: #f7fff7;
    border-left: 1px solid #f0f1f2
}

#content .payment .voucher_cart .voucher_cart_inner .wrap {
    width: 100%;
    direction: rtl;
    height: 70px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .w55 {
    width: 55px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .w780 {
    width: 780px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .w372 {
    width: 372px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .w1106 {
    width: 1106px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap td {
    text-align: right;
    vertical-align: middle
}

#content .payment .voucher_cart .voucher_cart_inner .wrap td p {
    line-height: 30px;
    color: #777;
    font: 18px "iran_sansregular";
    width: calc(100% - 580px);
    padding-right: 25px
}

.wmin #content .payment .voucher_cart .voucher_cart_inner .wrap td p {
    line-height: 30px;
    color: #777;
    font: 16px "iran_sansregular";
    width: 540px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .first {
    border-left: 1px solid #f0f1f2;
    text-align: center;
    border-radius: 0 2px 2px 0;
    position: relative;
    right: -1px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .first .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 70px;
    width: 55px;
    cursor: pointer;
    z-index: 10
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .first input {
    margin-top: 6px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second {
    position: relative
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right {
    width: 100%
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right .title {
    color: #4d4d4d;
    font-family: yekan;
    font-size: 14px;
    position: relative;
    top: -2px
}

.wmin #content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right .voucherfrm {
    width: 370px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right .voucherfrm {
    float: left;
    padding-left: 25px
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right .voucherfrm .dk-button-container {
    margin: 0 10px 0 0
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right .voucherfrm .submit {
    color: #347ffd
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right .voucherfrm .text-box {
    margin-right: 10px;
    width: 300px;
    margin: 0;
    text-align: left;
    direction: ltr
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right .voucherfrm .text-box::-webkit-input-placeholder {
    direction: rtl;
    text-align: right;
    color: #aaa
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second div.right .voucherfrm .text-box:-moz-placeholder {
    direction: rtl;
    text-align: right;
    color: #aaa
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second a.remove, #content .payment .voucher_cart .wrap .second a.save {
    display: block;
    height: 32px;
    margin-right: 10px;
    background-repeat: no-repeat
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second a.remove {
    width: 122px;
    background-image: url("../image/Btn/vtwo/remove.png")
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second a.save {
    width: 107px;
    background-image: url("../image/Btn/vtwo/confirm.png")
}

#content .payment .voucher_cart .voucher_cart_inner .wrap .second a.remove:hover, #content .payment .voucher_cart .wrap .second a.save:hover, #content .payment .voucher_cart .voucher_cart_inner .wrap .second a.remove:focus, #content .payment .voucher_cart .wrap .second a.save:focus {
    background-position: 0 -42px
}

#content .payment .final_invoice .items {
    margin-top: 15px;
    border: 1px solid #f0f1f2;
    border-radius: 2px
}

#content .payment .final_invoice .items .item {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f1f2;
    padding: 0 15px;
    position: relative
}

#content .payment .final_invoice .items .item.last {
    height: 70px;
    line-height: 67px;
    border: 0;
    border-radius: 0 0 2px 2px;
    position: relative;
    background: #f7fff7;
    color: #4caf50
}

#content .payment .final_invoice .items .item.last .title {
    font-size: 15px
}

#content .payment .final_invoice .items .item.last .left .green {
    font-size: 21px
}

#content .payment .final_invoice .items .item.last .left .toman {
    font-size: 12px;
    color: #4caf50
}

#content .payment .final_invoice .items .item .voucherdiscount {
    position: absolute;
    top: 10px;
    left: 120px;
    width: 385px;
    color: #fff
}

#content .payment .final_invoice .items .item .voucherdiscount div {
    float: left;
    height: 32px
}

#content .payment .final_invoice .items .item .voucherdiscount .dleft {
    width: 12px;
    background: url("../image/Cart/vtwo/discount_left_bg.png") no-repeat
}

#content .payment .final_invoice .items .item .voucherdiscount .dcenter {
    width: 335px;
    padding: 0 15px;
    background-color: #ff5153;
    line-height: 30px
}

#content .payment .final_invoice .items .item .voucherdiscount .dright {
    width: 5px;
    background: url("../image/Cart/vtwo/discount_right_bg.png") no-repeat
}

#content .payment .payment_type .payment_list .payment_item {
    border: 1px solid #f0f1f2;
    border-radius: 2px;
    margin-bottom: 15px
}

#content .payment .payment_type .payment_list .payment_item:last-child {
    margin-bottom: 0
}

#content .payment .payment_type .payment_list.error .payment_item {
    border-color: #ff5153
}

#content .payment .payment_type .payment_list .payment_item table {
    width: 100%;
    direction: rtl;
    height: 65px
}

#content .payment .payment_type .payment_list .payment_item table .w46 {
    width: 46px
}

#content .payment .payment_type .payment_list .payment_item table .w1164 {
    width: 1164px
}

#content .payment .payment_type .payment_list .payment_item table .w125 {
    width: 125px
}

#content .payment .payment_type .payment_list .payment_item table td {
    text-align: center;
    vertical-align: middle
}

#content .payment .payment_type .payment_list .payment_item table td p {
    line-height: 26px;
    color: #777
}

#content .payment .payment_type .payment_list .payment_item .title-payment {
    color: #4d4d4d !important;
    font: 14px yekan;
    display: inline
}

#content .payment .payment_type .payment_list .payment_item table .first {
    border-left: 1px solid #f0f1f2;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    width:50px;
}

#content .payment .payment_type .payment_list .payment_item table .first input {
    margin-top: 6px
}

#content .payment .payment_type .payment_list .payment_item table .second {
    text-align: right
}

#content .payment .payment_type .payment_list .payment_item table .second.bank {
    position: relative
}

#pnlPaymentList .payment_item:not(#internet_pay) > table {
    cursor: pointer
}

#content .payment .payment_type .payment_list .payment_item table .second div.right {

}

#content .payment .payment_type .payment_list .payment_item table .second div.right .choose {
    font-family: iran_sansregular;
    font-size: 13px;
    margin: 10px 20px 0 0
}

#content .payment .payment_type .payment_list #rbBankType label {
    font: 12px yekan
}

#content .payment .payment_type .payment_list #rbBankType .radio-control {
    margin-left: 5px;
    top: 7px
}

#content .payment .payment_type .payment_list .payment_item table .second div.right .desc {
    color: #888;
    display: inline;
    margin-right: 5px
}

#content .payment .payment_type .payment_list .payment_item table .second div.right .choose {
    margin: 10px 20px 15px 0;
    white-space: nowrap
}

#content .payment .payment_type .payment_list .payment_item table .second div.right .choose > label {
    color: #777;
    font: 12px yekan;
    margin-right: 5px
}

#content .payment .payment_type .payment_list .payment_item table .second div.right .choose ul {
    margin-top: 12px;
    width: 502px
}

#content .payment .payment_type .payment_list .payment_item table .second div.right .choose ul li {
    float: right;
    margin-left: 30px;
    padding: 2px 0
}

#content .payment .payment_type .payment_list .payment_item table .second div.right .choose ul li input {
    vertical-align: middle;
    margin-left: 5px
}

#content .payment .payment_type .payment_list .payment_item table .second div.left {
    text-align: center;
    margin: 10px 0 0 30px
}

#content .payment .payment_type .payment_list .payment_item table .second div.left .note {
    color: #91a2ad;
    margin-bottom: 15px
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second p.title-payment {
    vertical-align: -18px;
    font-size: 17px !important;
    padding-right:15px ;
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second .payment-hr {

    width: calc(100% - 15px);
    padding-right: 15px;
    margin-top: 20px;
    padding-top:20px;
    border-top: 1px solid #dedede
}

#content .payment .payment_type .payment_list .payment_item table .second div.right.ux-offer {
    width: 100%;
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second div.left.ux-offer {
    width: 360px;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.payment-blue {
    color: #2196f3
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second div.left.ux-offer .first-text:before {
    content: "";
    background: url(../image/Public/vtwo/slices.png) no-repeat -135px -76px;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%)
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second div.left.ux-offer .second-text:before {
    content: "";
    background: url(../image/Public/vtwo/slices.png) no-repeat -135px -76px;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    right: 50px
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second div.left.ux-offer .first-text {
    height: 62px;
    text-align: right;
    position: relative
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second div.left.ux-offer .second-text {
    height: calc(100% - 62px);
    text-align: right;
    position: relative
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second div.left.ux-offer .first-text > span {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 85px;
    padding-left: 30px
}

#content .payment .payment_type .payment_list .payment_item:first-child td.second div.left.ux-offer .second-text > span {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 85px;
    padding-left: 30px
}

#content .payment .payment_type .payment_list .payment_item.selected {
    border: 1px solid #c0f0c1
}

#content .payment .payment_type .payment_list .payment_item.selected table td.first {
    background-color: #f7fff7;
    border-left: 1px solid #c0f0c1
}

#content .payment .foot {
    padding-top: 20px;
    position: relative;
    margin-top: 40px;
    height: 48px
}

#content .payment .dk-button-container {
    margin: 0
}

#content .payment .foot .left .payment_checkout {
    display: block;
    height: 48px;
    width: 220px;
    background-image: url("../image/Btn/vtwo/payment_checkout_button.png");
    background-repeat: no-repeat
}

#content .payment .foot .left .payment_checkout:hover, #content .payment .foot .left .payment_checkout:focus {
    background-position: 0 -58px
}

#content .payment .foot .opt {
    color: #777;
    font: 14px/24px "iran_sansregular";
    margin: 0 0 0 55px;
    position: relative;
    top: -6px;
    width: 350px
}

#content .payment .foot .opt a {
    color: #2196f3;
    border-bottom: 1px dashed
}

#content #user-container {
    background: #fff;
    border: 1px solid #f0f1f2;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

#content .user {
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial;
    font-size: 14px;
    direction: rtl
}

#content .user .container {
    margin: 60px auto;
    height: 280px
}

#content .user .container .section_login {
    border-left: 1px solid #f0f1f2;
    box-sizing: border-box;
    height: 280px;
    text-align: center;
    width: 45%
}

#content .user .container .section_login .btn_login {
    display: block;
    height: 36px;
    width: 288px;
    background: url("../image/Btn/vtwo/login_button.png") no-repeat;
    margin: 15px 0 20px
}

#content .user .container .section_login .btn_login:hover, #content .user .section_login .btn_login:focus {
    background-position: 0 -46px
}

#content .user .container .section_register {
    box-sizing: border-box;
    height: 145px;
    padding: 0 85px;
    text-align: center;
    width: 55%
}

#content .user .container .section_register .btn_register {
    display: block;
    height: 36px;
    width: 288px;
    background: url("../image/Btn/vtwo/register_button.png") no-repeat;
    margin: 15px 0 15px
}

#content .user .container .section_register .btn_register:hover, #content .user .section_register .btn_register:focus {
    background-position: 0 -46px
}

#content .user .container .section_register .desc, #content .user .container .head p {
    color: #777;
    font: 17px "iran_sansregular";
    text-align: center;
    padding-top: 15px
}

#content .user .container .head p {
    font: 15px "iran_sansregular";
    padding-top: 0
}

#content .user .container .section_additionalInfo {
    width: 288px;
    height: 145px;
    text-align: center;
    margin: 0 auto
}

#content .user .container .section_additionalInfo .btn_additionalInfo {
    display: block;
    height: 36px;
    width: 288px;
    background: url("../image/Btn/vtwo/btn_additionalInfo.png") no-repeat;
    margin: 30px 0 20px
}

#content .user .container .section_additionalInfo .btn_additionalInfo:hover, #content .user .section_register .btn_additionalInfo:focus {
    background-position: 0 -46px
}

#content .user .container .head {
    padding-bottom: 15px
}

#content .user .container .head h1 {
    font-size: 16px;
    color: #4d4d4d;
    line-height: 40px
}

#content .user .foot {
    border-top: 1px solid #e0e4e8;
    padding-top: 20px;
    position: relative;
    margin-top: 40px;
    height: 48px
}

#content #dk-cart-prograsbar {
    background: #fff;
    height: 105px;
    margin-bottom: 10px
}

#content .steps {
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial;
    font-size: 14px;
    position: relative;
    padding-top: 18px
}

#content .gray {
    color: #666 !important
}

#content .steps .rounded_rectangle {
    width: 72%;
    height: 2px;
    background-color: #dee1e7;
    border-radius: 15px;
    margin: 15px auto 15px;
    position: relative
}

#content .steps .rounded_rectangle .rounded_rectangle_over {
    background: #62b965;
    height: 2px;
    position: absolute;
    right: 0;
    top: 0
}

#content .steps .rounded_rectangle .bullet {
    background: #fafafa;
    border: 3px solid #bec2cc;
    border-radius: 100%;
    display: block;
    height: 18px;
    position: absolute;
    top: -11px;
    width: 18px
}

#content .steps .rounded_rectangle .bullet .spacer {
    background: #fff;
    display: inline-block;
    height: 20px;
    position: absolute;
    width: 9px
}

#content .steps .rounded_rectangle .bullet .spacer.second {
    left: -12px
}

#content .steps .rounded_rectangle .bullet .spacer.first {
    right: -12px
}

#content .steps .rounded_rectangle .bullet .s_title {
    width: 140px;
    text-align: center;
    font-size: 14px;
    color: #818897;
    position: absolute;
    top: 35px;
    right: -60px
}

#content .steps .rounded_rectangle .bullet.login {
    right: -1px
}

#content .steps .rounded_rectangle .bullet.or {
    right: 50%;
    transform: translateX(50%)
}

#content .steps .rounded_rectangle .bullet.pi {
    right: 66%
}

#content .steps .rounded_rectangle .bullet.finish {
    left: 0
}

#content .steps .rounded_rectangle .step_user {
    width: 0;
    border: 0
}

#content .steps .rounded_rectangle .step_shipping {
    width: 50%
}

#content .steps .rounded_rectangle .step_review {
    width: 66%
}

#content .steps .rounded_rectangle .step_payment {
    width: 100%
}

#content .steps .rounded_rectangle .bullet.green {
    background: #fff !important;
    border-color: #62b965
}

#content .steps .rounded_rectangle .bullet.green.tick {
    background: url("../image/Public/vtwo/slices.png") no-repeat scroll -809px -474px #62b965 !important;
    border-color: #62b965
}

#content .steps .rounded_rectangle .dashed {
    height: 2px;
    position: absolute;
    right: -77px;
    top: -2px
}

#content .steps .rounded_rectangle .dashed div {
    background: #62b965 none repeat scroll 0 0;
    float: right;
    height: 2px;
    margin: 2px 3px;
    width: 11px
}

#content .steps .rounded_rectangle .dashed.gray {
    position: absolute;
    right: auto;
    left: -77px
}

#content .steps .rounded_rectangle .dashed.gray div {
    background: #dee1e7
}

#content #usp {
    font-family: yekan, 'B Koodak', 'X Koodak', 'Koodak', Arial;
    font-size: 12px;
    border-top: 1px solid #e0e4e8;
    margin-top: 60px
}

#content #usp ul {
    margin: 0 auto
}

#content #usp ul li {
    float: right;
    min-height: 70px;
    text-align: center;
    direction: rtl
}

.wmax #content #usp ul li {
    width: 231.2px
}

.wmin #content #usp ul li {
    width: 187.2px
}

#content #usp ul li.sep {
    width: 1px
}

#content #usp ul li.sep span {
    background-color: #eee;
    width: 1px;
    display: block
}

.wmax #content #usp ul li.sep span {
    height: 35px;
    margin-top: 17.5px
}

.wmin #content #usp ul li.sep span {
    height: 42.5px;
    margin-top: 21.25px
}

#content #usp ul li a {
    display: block;
    min-height: 70px
}

.wmax #usp ul li a {
    line-height: 70px
}

.wmin #usp ul li a {
    line-height: 30px
}

#content #usp ul li a img {
    vertical-align: middle;
    margin-left: 5px
}

.wmin #content #usp ul li a img {
    margin-top: 7px
}

.wmin #content #usp ul li a span {
    display: block
}

.ui-tooltip, .arrow:after {
    background-color: #838996
}

.shipping-page .ui-tooltip {
    background-color: transparent
}

.ui-tooltip {
    padding: 4px 20px;
    color: #fff;
    border-radius: 2px;
    box-shadow: none;
    font: normal 12px yekan
}

.arrow {
    width: 70px;
    height: 14px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -33px;
    bottom: -13px
}

.arrow.top {
    top: -16px;
    bottom: auto
}

.arrow.left {
    left: 20%
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -23px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg)
}

.arrow.top:after {
    bottom: -20px;
    top: auto
}

#content #cartProgressPanel {
    position: absolute;
    width: calc(100% - 30px);
    height: 100%;
    background: #fff;
    opacity: .8;
    z-index: 9999;
    display: none
}

#content #cartProgressPanel div {
    text-align: center;
    margin-top: 100px
}

#dk-cart_recomendation-container .slider-wrapper {
    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;
    height: 306px;
    direction: rtl
}

#dk-cart_recomendation-container .slider-wrapper .prev, #dk-cart_recomendation-container .slider-wrapper .next {
    cursor: pointer;
    display: block;
    float: right;
    height: 50px;
    width: 97px;
    margin-top: 77px
}

#dk-cart_recomendation-container .slider-wrapper .scarab-disabled-button {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

#dk-cart_recomendation-container .slider-wrapper .prev {
    background: url("../image/Public/vtwo/slices.png") no-repeat 0 -62px;
    float: right
}

#dk-cart_recomendation-container .slider-wrapper .next {
    background: url("../image/Public/vtwo/slices.png") no-repeat 20px -11px;
    float: left
}

#dk-cart_recomendation-container .slider-wrapper header {
    background: #f5f6f7;
    height: 40px;
    border-bottom: 1px solid #eee;
    font: normal 13px/40px yekan;
    text-align: right;
    padding: 0 12px;
    color: #666
}

#dk-cart_recomendation-container .slider-wrapper header > span {
    display: inline-block;
    height: 40px
}

#dk-cart_recomendation-container .slider-wrapper .productItem .final-price .currency {
    font-size: 10px;
    padding-right: 10px;
    vertical-align: 1px
}

#dk-cart_recomendation-container .slider-wrapper .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
}

#dk-cart_recomendation-container .slider-wrapper .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%
}

#dk-cart_recomendation-container .slider-wrapper .scarab-itemlist .productItem:hover h5 {
    color: #000
}

#dk-cart_recomendation-container .slider-wrapper .scarab-itemlist .productItem h5.en-title {
    direction: ltr
}

#dk-cart_recomendation-container .slider-wrapper .scarab-itemlist .productItem h5.fa-title {
    direction: rtl
}

#dk-cart_recomendation-container .slider-wrapper .scarab-itemlist {
    margin: 25px auto
}

#dk-cart_recomendation-container .slider-wrapper .scarab-itemlist img {
    opacity: 1 !important
}

#dk-cart_recomendation-container .slider-wrapper .scarab-itemlist .final-price {
    bottom: 0;
    color: #4caf50;
    display: block;
    font: 14px yekan;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%
}

#dk-cart_recomendation-container .slider-wrapper .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
}

#dk-cart_recomendation-container .slider-wrapper .scroller .items .productItem .final-price .currency {
    vertical-align: 1px;
    font-size: 10px;
    padding-right: 10px
}

#dk-cart_recomendation-container .slider-wrapper .item-wrapper {
    width: 990px;
    float: right
}

.SellerNotify {
    float: right;
    text-align: justify;
    direction: rtl;
    background-color: rgba(255, 252, 224, .95);
    padding: 14px;
    border-radius: 3px;
    border: 1px solid #ffe2b4
}

.giftcard-container {
    padding-right: 10px;
    border-top: solid 1px #f5f5f5;
    background: url(../image/Cart/giftcard-banner.png) no-repeat;
    background-position-x: -200px;
    background-position-y: -17px;
    margin-bottom: -10px
}

.giftcard-container:after {
    opacity: .5
}

.giftcard-container h3 {
    margin-top: 10px;
    color: #6ea921;
    padding-right: 40px
}

.giftcard-container h2 {
    margin-top: 10px;
    color: #678e35
}

.gifCard-container-motion {
    background-position-x: -30px;
    background-repeat: no-repeat;
    transition: 200ms ease-out
}

.clear-motion {
    padding-bottom: 0
}

.CartTimeScopeError {
    border: 1px solid #debebe;
    padding: 10px 20px;
    color: #af3838;
    background-color: #fff7f7;
    border-radius: 5px
}

.GiftCardsError {
    background-color: #f9f9d9;
    padding: 5px 15px;
    color: #a7852a;
    border: 1px solid #e6d3a0;
    border-radius: 3px;
    font-size: 11pt
}

.appliedPrepayeds {
    border: 1px solid #f0f1f2;
    border-radius: 2px;
    margin-top:5px;
}

.no-select {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#dk-accordion {
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

#dk-accordion .acc-drawer {
    outline: 0;
    padding: 10px 75px 10px 25px;
    border-top: 1px solid #ebeced;
    border-right: 1px solid #ebeced;
    border-left: 1px solid #ebeced;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out
}

#dk-accordion .acc-drawer.ui-state-active {
    background-color: #f7f9fa
}

#dk-accordion .acc-drawer i.shippment-spinner {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #f4f4f4;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out
}

#dk-accordion .acc-drawer.ui-state-active i.shippment-spinner {
    background-color: #dbdbdb
}

#dk-accordion .acc-drawer.ui-state-active i.shippment-spinner {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg)
}

#dk-accordion .acc-drawer i.shippment-spinner:before {
    content: "";
    background: url(../image/Public/vtwo/slices.png) no-repeat -33px -751px;
    width: 16px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 5px
}

#dk-accordion .acc-cont {
    border-right: 1px solid #ebeced;
    border-left: 1px solid #ebeced;
    padding: 15px 0
}

#dk-accordion .shippment-final-price {
    float: left
}

#dk-accordion .hint-container {
    margin: 15px 0;
    padding: 0 15px
}

#dk-accordion .hint-container:before {
    content: "";
    background: url(../image/Public/vtwo/slices.png) no-repeat -1197px -542px;
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: 0 0 0 15px;
    float: right
}

#dk-accordion .hint-container.express:before {
    background-position: -1197px -542px
}

#dk-accordion .hint-container.tipax:before {
    background-position: -1197px -628px
}

#dk-accordion .hint-container.post:before {
    background-position: -1197px -584px
}

#dk-accordion .hint-container.vtn:before {
    background-position: -1197px -498px
}

#dk-accordion .hint-container .hint--black, #dk-accordion .hint-container .hint--green {
    font-size: 14px;
    margin-left: 3px
}

#dk-accordion .hint-container .hint--black {
    color: #676767
}

#dk-accordion .hint-container .hint--green {
    color: #4caf50
}

#payment-container .payment-type-wrapper {
    padding: 15px 15px 30px
}

#payment-container .sum-final, #payment-container .off-final, #payment-container .pay-final {
    border-right: 1px solid #ebeced;
    border-left: 1px solid #ebeced;
    border-top: 1px solid #ebeced;
    padding: 10px 20px 10px 25px
}

#payment-container .off-final {
    color: #ff5252
}

#payment-container .pay-final {
    border-bottom: 1px solid #ebeced;
    background-color: #f7fff7;
    color: #4caf50;
    font-size: 16px;
    line-height: 35px
}

#payment-container .pay-final .currency {
    font-size: 12px
}

#payment-container .sum-final .sum-final-price, #payment-container .off-final .off-final-price, #payment-container .pay-final .pay-final-price {
    float: left
}

#payment-container .paymnet-method__title {
    margin: 15px 0 10px 0;
    padding-right: 1px;
    font-size: 15px
}

#dk-accordion .carousel-container {
    padding: 0 50px;
    position: relative;
    height: 180px;
    overflow: hidden
}

#dk-accordion .carousel-container:after {
    content: "";
    display: block;
    width: 48px;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

#dk-accordion .carousel-container.end:after {
    display: none
}

#dk-accordion .carousel-container .flickity-prev-next-button {
    z-index: 1
}

#dk-accordion .carousel-container .flickity-prev-next-button:focus {
    box-shadow: none
}

#dk-accordion .carousel-container .flickity-prev-next-button svg:focus {
    outline: 0
}

#dk-accordion .carousel-container .productItem {
    width: 180px;
    height: 180px;
    line-height: 13px;
    position: relative;
    text-align: center;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 15px;
    color: #666
}

#dk-accordion .carousel-container .productItem__numbers {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #777;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: #777;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1
}

#dk-accordion .carousel-container .productItem__img {
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#dk-accordion .carousel-container .productItem_title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 25px;
    padding: 0 10px;
    font-size: 14px
}

#dk-accordion .carousel-container .seller {
    display: block;
    line-height: 25px;
    font-size: 13px
}

#dk-accordion .carousel-container .seller .seller__title {
    color: #ababab
}

#dk-accordion .carousel-container .seller .seller__name {
    color: #666
}

.appliedPrepayeds .paymentRow {
    border-bottom: 1px solid #f0f1f2;
    padding: 10px
}

.appliedPrepayeds .paymentRow:first-child {
    background-color: #f7f9fa;
    font-size: 15px
}

.appliedPrepayeds.last .paymentRow{

   background-color: #f7fff7;
}

.appliedPrepayeds.last .paymentRow:last-child .prepayedAmount .rowCurrency, .appliedPrepayeds.last .paymentRow:last-child .prepayedAmount .rowAmount {
    color: #4caf50
}

.appliedPrepayeds .paymentRow .prepayedAmount {
    display: inline-block;
    float: left
}

.appliedPrepayeds .paymentRow .prepayedAmount .rowAmount {
    display: inline-block;
    margin-left: 5px;
    font-size: 18px;
    color: #ff6b6b
}

.appliedPrepayeds .paymentRow .prepayedAmount .rowCurrency {
    font-size: 11px;
    color: #ff6b6b
}

@media screen and (max-width: 1239px) {
    #dk-cart_recomendation-container .slider-wrapper .item-wrapper {
        float: right;
        text-align: center;
        width: 865px
    }

    #dk-cart_recomendation-container .slider-wrapper .scarab-itemlist .productItem {
        margin: 0 5px
    }

    #dk-cart_recomendation-container .slider-wrapper .scarab-itemlist .productItem {
        display: inline-block;
        float: none;
        width: 160px
    }

    #dk-cart_recomendation-container .slider-wrapper .prev, #dk-cart_recomendation-container .slider-wrapper .next {
        width: 40px
    }

    #dk-cart_recomendation-container .slider-wrapper .prev {
        background: url("../image/Public/vtwo/slices.png") no-repeat -22px -62px;
        float: right
    }

    #dk-cart_recomendation-container .slider-wrapper .next {
        background: url("../image/Public/vtwo/slices.png") no-repeat -12px -11px;
        float: left
    }
}

.paymentRows > .paymentRow:first-child > .prepayedAmount > span {
    color: #777
}

.invoice-message, .seller-message {
    line-height: 20px;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px
}

.invoice-message i {
    margin-left: 10px;
    vertical-align: middle
}

.invoice-message.warning, .seller-message.warning {
    background: #fffcda;
    color: #7c6a26;
    border: 1px solid #e2c868
}

.invoice-message.success {
    background: #f7fff7;
    color: #4caf50;
    border: 1px solid #c0f0c1;
    line-height: 25px
}

.dk-button-container {
    margin: 10px 0 10px 0
}

.dk-button-container .dk-button.payment-btn.green {
    position: relative;
    padding-right: 40px
}

.dk-button-container .dk-button.payment-btn.green:before {
    content: '';
    display: inline-block;
    background: #62b965 url(../image/Public/vtwo/slices.png) no-repeat -200px -413px;
    width: 45px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0
}

#content .shipping .psh-list {
    margin: 0 -15px;
    border-top: 1px solid #dcdcdc;
    position: relative;
    background: #fff;
    padding-bottom: 20px
}

#content .shipping .psh-list .tab-btns-wrapper {
    width: 295px;
    border-left: 1px solid #dcdcdc;
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0
}

#content .shipping .psh-list .tab-btns-wrapper > li {
    height: 110px;
    position: relative;
    outline: 0;
    border-right: 2px solid #cccdcf;
    box-sizing: border-box;
    margin-left: -1px
}

#content .shipping .psh-list .tab-btns-wrapper > li .border-bottom {
    height: 1px;
    width: 90%;
    background-color: #dcdcdc;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

#content .shipping .psh-list .tab-btns-wrapper > li.ui-tabs-active {
    border-color: #2196f3;
    border-left-width: 2px;
    border-left-style: solid
}

#content .shipping .psh-list .tab-btns-wrapper > li > a {
    color: #4d4d4d;
    display: block;
    padding: 5px 20px 5px 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#content .shipping .psh-list .tab-btns-wrapper > li > a .tab-title {
    font-size: 18px;
    text-align: right;
    line-height: 37px
}

#content .shipping .psh-list .tab-btns-wrapper > li > a .tab-seller, #content .shipping .psh-list .tab-btns-wrapper > li > a .tab-delivery-time {
    font: normal 15px/30px iran_sansregular;
    color: silver;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: -2px
}

#content .shipping .psh-list .tab-btns-wrapper > li > a .tab-seller:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 16px;
    background: #fff url(../image/Public/vtwo/slices.png) -1210px -222px;
    vertical-align: middle;
    margin-left: 5px
}

#content .shipping .psh-list .tab-btns-wrapper > li > a .tab-delivery-time:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 16px;
    background: #fff url(../image/Public/vtwo/slices.png) -1210px -246px;
    vertical-align: middle;
    margin-left: 5px
}

#content .shipping .psh-list .tab-btns-wrapper > li.ui-tabs-active > a .tab-seller:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 16px;
    background: #fff url(../image/Public/vtwo/slices.png) -1175px -220.5px;
    vertical-align: middle;
    margin-left: 5px
}

#content .shipping .psh-list .tab-btns-wrapper > li.ui-tabs-active > a .tab-delivery-time:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 16px;
    background: #fff url(../image/Public/vtwo/slices.png) -1175px -247px;
    vertical-align: middle;
    margin-left: 5px
}

#content .shipping .psh-list .tab-btns-wrapper > li.ui-tabs-active > a .tab-seller, #content .shipping .psh-list .tab-btns-wrapper > li.ui-tabs-active > a .tab-delivery-time {
    color: #2196f3
}

#content .shipping .psh-list .tab-btns-wrapper > li.not-seen-tab:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff url(../image/Public/vtwo/slices.png) -1218px -272px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -11px;
    border: 1px solid #919191;
    border-radius: 50%
}

#content .shipping .psh-list .tab-btns-wrapper > li.checked-tab:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #4caf50 url(../image/Public/vtwo/slices.png) -1181px -303px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -11px;
    border-radius: 50%
}

#content .shipping .psh-list .tab-btns-wrapper > li.ui-tabs-active:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff url(../image/Public/vtwo/slices.png) -1181px -272px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -11px;
    border: 1px solid #2196f3;
    border-radius: 50%
}

#content .shipping .psh-list .tab-btns-wrapper > li.ui-tabs-active:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 8px;
    background: #fff url(../image/Public/vtwo/slices.png) -37px -652px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -6px
}

#content .shipping .psh-list .tab-btns-wrapper > li > a > span {
    display: block
}

#content .shipping .psh-list__tab {
    display: none;
    float: left;
    width: calc(100% - 300px)
}

#content .shipping #tabs-1 {
    display: block
}

#content .shipping .psh-list__tab .products-shipment {
    font-size: 16px;
    padding: 20px 35px 15px 0
}

#content .shipping .psh-list__tab .products-shipment__carousel {
    padding: 0 50px;
    position: relative;
    height: 165px;
    overflow: hidden
}

#content .shipping .psh-list__tab .products-shipment__carousel .flickity-prev-next-button.previous {
    display: block
}

#content .shipping .psh-list__tab .products-shipment__carousel:after {
    content: "";
    display: block;
    width: 48px;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

#content .shipping .psh-list__tab .products-shipment__carousel.end:after {
    display: none
}

#content .shipping .psh-list__tab .products-shipment__carousel .flickity-prev-next-button {
    z-index: 1
}

#content .shipping .psh-list__tab .products-shipment__carousel .flickity-prev-next-button:focus {
    box-shadow: none
}

#content .shipping .psh-list__tab .products-shipment__carousel .flickity-prev-next-button svg:focus {
    outline: 0
}

#content .shipping .psh-list__tab .products-shipment__carousel .productItem {
    width: 180px;
    height: 160px;
    line-height: 13px;
    position: relative;
    text-align: center;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 15px;
    color: #666;
    overflow: hidden
}

#content .shipping .psh-list__tab .products-shipment__carousel .productItem:hover {
    overflow: visible
}

#content .shipping .psh-list__tab .products-shipment__carousel .productItem__numbers {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #777;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: #777;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 9
}

#content .shipping .psh-list__tab .products-shipment__carousel .productItem__img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#content .shipping .psh-list__tab .products-shipment__carousel .productItem_title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 25px;
    padding: 0 10px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

#content .shipping .psh-list__tab .products-shipment__carousel .flickity-prev-next-button.next {
    left: 5px
}

#content .shipping .psh-list__tab .products-shipment__carousel .flickity-prev-next-button.previous {
    right: 5px
}

#content .shipping .psh-list__tab .timescope-shipment {
    font-size: 16px;
    padding: 20px 35px 15px 0
}

#content .shipping .psh-list__tab .timescope-shipment:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: #fff url(../image/Public/vtwo/slices.png) -1216px -309px;
    vertical-align: middle;
    margin-left: 5px
}

#content .shipping .psh-list__tab .timescope-shipment__table {
    margin: 0 30px 20px
}

#content .shipping .psh-list__tab .invoice-message i.icon.icon-green-mark {
    height: 25px;
    width: 25px;
    background-position: -103px -77px
}

.invoice-message i.icon.icon-axe {
    background: url(../image/Public/vtwo/slices.png) -1147px -667px;
    width: 25px;
    height: 25px
}

.invoice-message i.icon.icon-green-pine {
    background: url(../image/Public/vtwo/slices.png) -1147px -626px;
    width: 25px;
    height: 25px
}

#content .shipping .psh-list__tab .packing {
    margin: 0 30px
}

#content .shipping .psh-list__tab .next-shipment {
    border-top: 1px solid #eee;
    margin: 20px 20px 0;
    padding: 15px 5px
}

#content .shipping .psh-list__tab .next-shipment .next-shipment_btn {
    float: left;
    cursor: pointer;
    color: #2196f3;
    display: inline-block;
    padding: 10px
}

#content .shipping .psh-list__tab .next-shipment .next-shipment_btn::after {
    content: '»';
    display: inline-block;
    width: 8px;
    height: 21px;
    margin-left: 5px;
    font-family: 'times new roman'
}

#content .shipping .shipping_bottom_hint.dk-box {
    background: #fffcda;
    color: #7c6a26;
    padding: 25px
}

.partial-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(14, 16, 23, .5);
    z-index: 5000
}

.partial-loading .shipping-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px
}

.partial-loading .shipping-loading .dklogo, .partial-loading .shipping-loading .oll {
    display: block;
    margin: 0 auto
}

body.no-scroll {
    overflow: hidden !important;
    margin-right: 17px !important
}

.productItem__detail {
    display: block;
    text-align: right;
    overflow: visible;
    padding: 15px;
    width: 400px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(calc(-50% - 5px), calc(-100% - 20px));
    transform: translate(calc(-50% - 5px), calc(-100% - 20px));
    opacity: 1;
    pointer-events: none;
    border-bottom-color: transparent;
    z-index: 2
}

#content .shipping .psh-list__tab .products-shipment__carousel .productItem:hover .productItem__detail {
    opacity: 1;
    pointer-events: initial
}

.productItem__detail:before {
    content: ''
}

.productItem__detail:after {
    content: "";
    position: absolute;
    left: 50%;
    transform-origin: 0 0;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    width: 0;
    height: 0;
    bottom: -2em;
    box-sizing: border-box;
    border: 1em solid #000;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, .1)
}

.productItem__detail--title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.productItem__detail--colorseller {
    display: block;
    margin: 15px 0;
    font-size: 13px
}

span.productItem__detail-color-title {
    color: #000
}

.productItem__detail-color-shape {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 50%;
    margin: 0 5px;
    transform: translateY(5px)
}

.productItem__detail-sep {
    border-left: 1px solid transparent;
    padding-right: 20px;
    margin-left: 20px;
    border-image: radial-gradient(#888, transparent) 0 0 0 1
}

.productItem__detail--price {
    display: block;
    line-height: 22px
}

.productItem__detail--price-title {
    color: #000
}

.productItem__detail--price-old {
    margin: 0 15px;
    text-decoration: line-through
}

.productItem__detail--price-new {
    font-size: 20px;
    color: #4caf50
}

.productItem__detail--currency {
    color: #4caf50
}

.hover-on {
    opacity: 1;
    position: fixed
}

.single-shipment .tab-btns-wrapper {
    display: none
}

.single-shipment .psh-list__tab {
    width: 100% !important
}

#content .shipping .psh-list__tab.checked-panel .next-shipment_btn.turn-to-text {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    pointer-events: none;
    color: #444
}

.disable, .disable * {
    cursor: not-allowed !important;
    background-color: #fcfcfc !important
}

#udpTypelist {
    margin-bottom: 10px
}

.time-scope-selected-by-user {
    background-color: #f7fff7
}

#content .shipping .psh-list__tab.checked-panel .next-shipment_btn {
    background-color: #3ca3f4;
    border-radius: 3px;
    color: #fff;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15)
}

.shipping-company {
    font-weight: bold
}

.c-ui-input {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 22px;
}

.c-ui-input__field, .dk-selectric-input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
    letter-spacing: -.8px;
}

.c-checkout-price-options__form-button {
    width: 161px;
}

.c-checkout-price-options__form-field {
    width: calc(100% - 196px);
    position: relative;
}

.btn-cart, .btn-primary {
    font-family:yekan;
    line-height: 1.467;
    border-radius: 3px;
    background-color: #62b965;
    border: 1px solid #62b965;
    padding: 13.5px 31px;
    color: #fff;
}

.c-checkout-price-options__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-ui-input__field, .dk-selectric-input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%!important;
    letter-spacing: -.8px;
}