html, body {
    width: 100%;
    height: 100%;
}

header {
    margin-bottom: 0 !important;
}

body {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 15px;
    color: #4b4b57;
}

nav {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}


hr.light {
    border-color: white;
}

.lhr {
    border-width: 1px;
    border-color: #848484;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: table;
}

a {
    color: #4b4b57;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}

    a:hover, a:focus {
        color: #0099DF;
        text-decoration: none;
    }

footer {
    color: #ffffffe8;
}

.bgf {
    background-color: #444349;
}

.btn {
    cursor: pointer;
}

#submitting:hover {
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

p {
    font-size: 14.4px;
    line-height: 1.5;
    margin: 0;
}

h5 {
    font-size: 16.5px;
}

h4 {
    font-size: 22px;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 22px;
    font-weight: 500;
}

h3 {
    font-size: 2rem;
    font-weight: 400;
}

b {
    color: #4b4b57
}

.form-control::-webkit-input-placeholder {
    color: #ddd;
    font-size: 14px;
}

.form-control:-moz-placeholder {
    color: #ddd;
    font-size: 14px;
}

.form-control::-moz-placeholder {
    color: #ddd;
    font-size: 14px;
}

.form-control:-ms-input-placeholder {
    color: #ddd;
    font-size: 14px;
}

.form-control:-ms-input-placeholder {
    color: #ddd;
    font-size: 14px;
}

@media (min-width: 1200px) {
    .container {
        width: 1000px;
    }
}

.lang {
    display: inline-block;
    font-size: 12px;
}

.frow {
    border-bottom: 1px solid #bfbfbf;
    margin-top: 2px;
}

.hs {
    background: linear-gradient(to bottom, #fff, #f9f9f9);
    color: #404b59;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: auto;
    padding: 12px 20px 11px 20px;
    border: 1px solid #d9d9d9;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    display: inline-block;
    height: 44px;
    cursor: pointer;
}

.ds {
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}

.dst {
    color: #FF8201;
}

.grad {
    background: #fffcfc;
    background: -webkit-linear-gradient(#fffcfc, #f4f4f4);
    background: -o-linear-gradient(#fffcfc, #f4f4f4);
    background: -moz-linear-gradient(#fffcfc, #f4f4f4);
    background: linear-gradient(#fffcfc, #f4f4f4);
}

.hd {
    display: inline-block;
    position: relative;
}

.sc {
    font-family: Arial, sans-serif;
    padding: 10px;
    font-size: 16px;
    align-items: center;
    vertical-align: middle;
    padding-left: 10px;
    height: 44px;
    border-radius: 3px 0 0 3px;
}



.blog-search #arama {
    width: 100%;
    display: contents;
}

.fr {
    float: right;
}

.hlink {
    font-weight: 600;
    font-size: 14.4px;
    display: block;
    vertical-align: middle;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

    .hlink:hover {
        color: #2CABE0;
        text-decoration: none;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

.mpimg {
    width: 100%;
    height: 303.33px;
    object-fit: cover;
}

.mp2img {
    width: 100%;
    height: 470px;
    object-fit: cover;
}

@media (max-width: 960px) {
    .mp2img {
        height: 339px;
    }
}

.productlist span {
    font-size: 15px;
}

.hdiv {
    text-align: center;
    padding: 5px 0 8px 0;
    width: 100%;
    cursor: pointer;
}

.sspan {
    display: table-cell;
    text-align: justify;
    vertical-align: middle;
    border-left: 1px solid #f0f0f4;
}

.s {
    border-right: 1px solid #f0f0f4;
}

.f {
    border-left: none;
}

.fspan {
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0 15px;
    border-left: 1px solid #f0f0f4;
}


.bnr {
    display: block;
    margin: auto;
}

.i {
    display: inline-block;
}

.products {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 18px;
    vertical-align: top;
    margin: auto;
    vertical-align: top;
}

    .products:before {
        left: 100%;
        content: " ";
        position: absolute;
        top: 50%;
        width: 1000%;
        border-bottom: 1px solid #4b4b57;
    }

    .products:after {
        right: 100%;
        content: " ";
        position: absolute;
        top: 50%;
        width: 1000%;
        border-bottom: 1px solid #4b4b57;
    }

.owf {
    overflow: hidden;
}

input:disabled + .box {
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dddddd)) !important;
    background: -webkit-linear-gradient(top, #f9f9f9, #dddddd) !important;
    background: -moz-linear-gradient(top, #f9f9f9, #dddddd) !important;
    background: -o-linear-gradient(top, #f9f9f9, #dddddd) !important;
    background: linear-gradient(top, #f9f9f9, #dddddd) !important;
}

.pdiv {
    width: 100%;
    background-color: #fff;
    opacity: 0.85;
    text-align: center;
    cursor: pointer;
    padding: 5px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 39px;
}

.ptitle {
    color: #0099E0;
    font-size: 17.4px;
    line-height: 31px;
}

.p2div {
    width: 100%;
    background-color: #fff;
    opacity: 0.85;
    text-align: center;
    cursor: pointer;
    padding: 10px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 67px;
}

@media (max-width: 960px) {
    .p2div {
        padding: 3px;
    }
}

.p2title {
    color: #0099E0;
    font-size: 17px;
}

.ref {
    background: #F3F3F3;
}

.mlogo {
    width: 170px;
    height: auto;
    object-fit: contain;
    margin: 0 5px;
}

.iw {
    width: 100%;
}

.c1 {
    background-color: rgb(246, 87, 81);
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    text-align: center;
}

.cc2 {
    background-color: rgb(119, 189, 51);
}

.c3 {
    background-color: rgb(2, 175, 182);
}

.c4 {
    background-color: rgb(255, 205, 36);
}

.i1 {
    font-size: 32px;
    color: #fff;
    vertical-align: middle;
}

.p1 {
    font-size: 16px;
    color: #fff;
    margin-top: 17px;
}

.m2 {
    margin-top: 25px;
}

@media (min-width: 1200px) {
    .c2 {
        width: 1200px;
    }
}

.d1 {
    height: 70px;
    line-height: 70px;
}

.fdiv {
    border-bottom: 1px solid #fff;
    padding-left: 0;
}

.pl0 {
    padding-left: 0;
}

.p0 {
    padding: 0;
    list-style: none;
    font-size: 14px;
}

    .p0:first-child {
        margin-top: 10px;
    }

.bgw {
    background: #fff;
    text-align: left;
    color: #4b4b57;
    padding: 20px 0 20px 0;
}

.kmp {
    width: 100%;
    background: url(/img/kapali.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 9px 25px 9px 20px;
    color: #fff;
}

.underline {
    text-decoration: underline;
}

.uslide {
    padding: 0 10px 25px 10px;
    background: url(/img/acik.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.uarrow {
    position: absolute;
    bottom: 5px;
    left: 20px;
    color: #fff;
    cursor: pointer;
    display: none;
}

.uarrow2 {
    position: absolute;
    bottom: 5px;
    right: 20px;
    color: #fff;
    cursor: pointer;
    display: none;
}

.cmp, .cmp:active, .cmp:focus, .cmp:hover {
    color: #fff;
    cursor: pointer;
    text-align: right;
    display: inline-block;
    float: right;
}

.btarrow {
    color: #fff;
    cursor: pointer;
    text-align: left;
    display: inline-block;
}



.br {
    border: 1px solid #ddd;
}

.tu {
    text-decoration: line-through;
}

.prd {
    width: 460px;
    height: 460px;
    object-fit: cover;
}

.fa-star {
    color: #ddd;
}

.checked {
    color: #0099E0;
}

.inline {
    display: inline-block;
}

.line {
    border: 1px solid #ddd;
}

.lined {
    text-decoration: line-through;
    font-size: 18px;
    color: #4b4b57 !important;
    font-weight: 400;
}

.yn {
    font-size: 14px;
    border-bottom: 1px solid #4b4b57;
    display: inline-block;
    color: #4b4b57;
    font-weight: 400;
    padding: 9px 40px 9px 40px;
    cursor: pointer;
}

.ynslc {
    border-bottom: 4px solid #0099DF;
    color: #008ed0;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.bsl {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.by {
    border: 1px solid #ddd;
    padding: 10px 20px;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    margin: 5px;
    display: inline-block;
    cursor: pointer;
}

.byslc {
    outline: 3px solid #0099DF;
    border: 1px solid #0099DF;
}

.middle input[type="radio"] {
    display: none;
}

    .middle input[type="radio"]:checked + .box {
        outline: 3px solid #0099DF;
        border: 1px solid #0099DF;
    }

        .middle input[type="radio"]:checked + .box span {
            color: #4b4b57;
        }

            .middle input[type="radio"]:checked + .box span:before {
                opacity: 1;
            }

.middle .box {
    padding: 10px 20px;
    border: 1px solid #ddd;
    padding: 10px 20px;
    color: #4b4b57;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin: 5px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.two input[type="radio"] {
    display: none;
}

    .two input[type="radio"]:checked + .box {
        border-bottom: 2.5px solid #0099DF;
        color: #008ed0;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

        .two input[type="radio"]:checked + .box span {
            color: #4b4b57;
        }


.two .box {
    font-size: 14px;
    border-bottom: 1px solid #4b4b57;
    display: inline-block;
    color: #4b4b57;
    font-weight: 400;
    padding: 9px 40px 9px 40px;
    cursor: pointer;
}

.twoblock input[type="radio"] {
    display: none;
}

    .twoblock input[type="radio"]:checked + .box {
        border: 1px solid #0099DF;
        box-shadow: inset 0 0 0 1px #0099e0;
    }

        .twoblock input[type="radio"]:checked + .box span {
            color: #4b4b57;
        }

.twoblock label {
    display: inline-block;
    width: 49%;
    padding-right: 10px;
    padding-left: 0;
}

.twoblock .box {
    padding: 10px 20px;
    border: 1px solid #ddd;
    color: #4b4b57;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin: 5px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)) !important;
    background: -webkit-linear-gradient(top, #ffffff, #f9f9f9) !important;
    background: -moz-linear-gradient(top, #ffffff, #f9f9f9) !important;
    background: -o-linear-gradient(top, #ffffff, #f9f9f9) !important;
    background: linear-gradient(top, #ffffff, #f9f9f9) !important;
}


.price {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4b4b57;
}


.btn-primary {
    background: #0099DF;
    border-color: #008ed0;
}

    .btn-primary:hover {
        background: #00a6f3;
        border-color: #0099DF;
    }

.tab-content {
    border: 1px solid #ddd;
    padding: 20px;
}

.nav-tabs {
    border: 0;
}

.dn {
    cursor: pointer;
}

.description > p {
    margin-bottom: 20px;
}

.hf {
    max-width: 100%;
    border-width: 1px;
    border-color: #4b4b57;
    padding: 0;
    margin: 0;
}

.yy {
    margin-top: 1px;
    font-size: 11px;
}

.swiper-button-next, .swiper-button-prev {
    height: 15px;
    bottom: 40%;
    top: unset;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.imgstyle {
    width: 50px;
    padding: 5px;
    cursor: pointer;
    object-fit: cover;
    height: 50px;
    max-width: 100%;
}

.mini-slide {
    width: 50px;
    height: 50px;
    object-fit: cover;
    float: left;
    display: inline-block;
    margin-right: 5px;
}

.img-style {
    width: 100%;
    cursor: pointer;
    object-fit: cover;
    height: 50px;
    max-width: 100%;
}

.swiper-slide {
    margin: 0 5px;
}

.y {
    padding: 10px 0 10px 0;
}

.date {
    font-size: 11px;
}

.yb {
    margin: 0;
}

.answer {
    padding: 10px 0 10px 20px;
    min-height: 45px;
    border-left: 1px solid #0099DF;
    margin: 10px 40px;
}

.q {
    display: inline-block;
    float: right;
}

.cimage {
    height: 282px;
    width: 100%;
    object-fit: cover;
}

.ulabel {
    display: inline-block;
    width: 32.7%;
    text-align: center;
    margin-bottom: 0;
}

.w100 {
    width: 100%;
}

.pre {
    white-space: pre-line;
}

.lg {
    width: 265px;
    padding: 10px 15px 10px 15px;
    margin-top: 2px;
}

.logo {
    width: 265px;
}

.rd {
    color: #F05F40;
}

.btn-secondary {
    border: 1px solid #ddd;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
        color: #0099DF;
        background: none;
    }

    .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
        color: #0099DF;
        background: none;
    }

/*.modal-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    z-index: 1000;
}

    .modal-wrapper.open {
        opacity: 1;
        visibility: visible;
    }

.modal {
    width: 600px;
    height: 100px;
    display: block;
    background: #fff;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    text-align: center;
    padding: 35px 0;
    margin: auto;
}

.modal-wrapper.open .modal {
    margin: auto;
    opacity: 1;
}*/

.tsr {
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    float: left;
    width: 33%;
}

    .tsr p {
        color: #0099DF;
        font-size: 16px;
        padding-top: 7px;
    }

.cls {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
}

.flr {
    float: right;
}

.flrr {
    float: right;
    position: relative;
}

.cform {
    display: inline-block;
    width: 200px;
}

.csec {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.cl {
    margin: 0;
    cursor: pointer;
}

.cli {
    line-height: 1.5;
    cursor: pointer;
    float: right;
}

.cartp {
    list-style: none;
    margin: 10px 10px 0 10px;
    padding: 0;
}

    .cartp > li {
        margin: 0;
        padding: 10px;
    }

        .cartp > li:not(:last-child) {
            border-bottom: 1px solid #f1f1f1;
        }

        .cartp > li > span {
            float: right;
        }

.modal-content {
    border: 0;
}


.modal-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

    .modal-overlay.active {
        opacity: 1;
        visibility: visible;
        z-index: 1000000;
    }


.mmodal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    width: 620px;
    max-width: 75rem;
    min-height: 20rem;
    padding: 1rem;
    border-radius: 10px;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.bigw {
    width: 890px;
}

.mmodal .close-modal {
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 15px;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

    .mmodal .close-modal svg {
        width: 1.75em;
        height: 1.75em;
    }

.mmodal .modal-content {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.mmodal.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

    .mmodal.active .modal-content {
        opacity: 1;
    }

    .mmodal.active .close-modal {
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        opacity: 1;
        z-index: 1;
    }

@media only screen and (max-width: 39.9375em) {
    .mmodal {
        max-width: 95%;
    }
}


.mbt {
    margin: 13px 15px 0 0;
    display: inline-block;
}

.mcp {
    display: block;
}

.modalm {
    min-height: 150px;
}

.bline {
    border-bottom: 1px solid #ddd;
}

.blinel {
    padding: 15px;
}

.uline > li:not(:last-child) {
}

.nbor {
    border-bottom: 0;
}

.pro {
    max-width: 300px;
}

.cd {
    padding: 20px;
}

.roundedOne {
    width: 28px;
    height: 28px;
    position: relative;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

    .roundedOne label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        left: 4px;
        top: 4px;
        background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
        background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
        border-radius: 50px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

        .roundedOne label:after {
            content: '';
            width: 16px;
            height: 16px;
            position: absolute;
            top: 2px;
            left: 2px;
            background: #27ae60;
            background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
            background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
            opacity: 0;
            border-radius: 50px;
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
        }

        .roundedOne label:hover::after {
            opacity: 0.3;
        }

    .roundedOne input[type=checkbox] {
        visibility: hidden;
    }

        .roundedOne input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

.lp {
    position: absolute;
    top: 5px;
    width: 400px;
    left: 40px;
}

.dnone {
    display: none;
}

.round {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #ddd;
    display: inline-block;
}

.ractive {
    background: #05A349;
}

.shp {
    width: 170px;
    max-width: none;
    flex: unset;
}

.w120 {
    width: 120px;
}

.mrg {
    margin: 40px 0 30px 0 !important;
}

.tb {
    margin-bottom: 1.3rem;
}

.lc {
    color: #585859;
    font-weight: 400;
    font-size: 15px;
    padding-bottom: 3px;
}

.sp {
    padding: 5px 0 15px 0;
}

.menu-cart-count {
    display: block;
    position: relative;
    top: -1.5em;
    margin-left: -11px;
    color: #fff;
    background: #05a34a;
    border-top-right-radius: .6em;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-radius: .6em;
    background-clip: padding-box;
    line-height: 1.2em;
    min-width: .8em;
    padding: 0 .2em;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    background-color: transparent;
    border: 0;
    color: #fff
}


    .menu-cart-count:before {
        position: absolute;
        content: '';
        display: block;
        top: -.6em;
        right: -.6em;
        background: #fff;
        border-top-right-radius: .9em;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-radius: .9em;
        background-clip: padding-box;
        min-width: 1.8em;
        min-height: 1.8em;
        z-index: 1
    }

    .menu-cart-count:after {
        position: absolute;
        content: '';
        display: block;
        top: -.4em;
        right: -.4em;
        background: #05a34a;
        border-top-right-radius: .7em;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-radius: .7em;
        background-clip: padding-box;
        min-width: 1.4em;
        min-height: 1.4em;
        z-index: 1
    }

    .menu-cart-count .menu-cart-count-value {
        position: absolute;
        top: -.3em;
        right: -.6em;
        z-index: 3;
        display: block;
        min-width: 1.8em;
        min-height: 1.8em;
        text-align: center
    }


.shopping-cart {
    background: white;
    width: 450px;
    position: absolute;
    border-radius: 3px;
    z-index: 10000;
    border: 1px solid #ddd;
    right: 0;
    margin: 0;
    display: none;
    top: 46px;
    right: -1px;
}

.shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
    overflow: auto;
}

.shopping-cart-total {
    float: right;
}

.shopping-cart-items {
    padding-top: 5px !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .shopping-cart-items img {
        float: left;
        margin-right: 12px;
        width: 100px;
        height: 70px;
        object-fit: cover;
    }

.item-name {
    display: block;
    padding-top: 10px;
    font-size: 16px;
}

.item-price {
    color: #6394F8;
    margin-right: 8px;
}

.item-quantity {
    color: #ABB0BE;
}


.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.cbadge {
    background-color: #6394F8;
    border-radius: 10px;
    color: white;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.cclearfix {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    position: relative;
}

    .cclearfix:after {
        content: "";
        display: table;
        clear: both;
    }

.c2image {
    height: 196px;
    width: 100%;
    object-fit: cover;
}

.content {
    height: 185px;
    width: 185px;
    object-fit: cover;
}

.b {
    display: block;
}

.ca {
    margin-top: 10px;
}

.up {
    position: relative;
    min-height: 320px;
    text-align: center;
    border: 2px dashed #BFC7D1;
    border-radius: 10px;
    background: #F9F9FB;
}

.uppr {
    position: relative;
    text-align: center;
    border: 2px dashed #3079ff;
    background: #f9fbff;
}

.up2 {
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}

.upp {
    padding-top: 45px;
}

#drop_uploader_0 .text_wrapper {
    display: none;
}

.upb {
    padding: 7px 14px;
    margin-top: 30px;
    font-size: 14px;
}

.upform {
    min-height: 500px;
}

.bot {
    position: absolute;
    bottom: 5px;
    left: 36%;
}

.ffile {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.uploads {
    width: 100%;
    max-height: 100%;
    position: relative;
    padding: 30px;
    margin-bottom: 40px;
}

.uploads2 {
    width: 100%;
    max-height: 100%;
    position: relative;
    padding: 10px;
    margin-bottom: 40px;
}

.pbox {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.spn {
    position: relative;
    top: 15px;
}

.udiv {
    position: relative;
    text-align: center;
    width: 182px;
    float: left;
    word-wrap: break-word;
    min-height: 120px;
}

.idiv {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

.prc {
    display: block;
}

.hide {
    display: none;
}

.infos {
    border: 1px solid #ddd;
    background: #fffcf1;
    color: #8e8e8e;
}

.inf {
    padding: 15px;
}

.bt {
    border-bottom: 1px solid #ddd;
}

.prf {
    border: 1px solid #4b4b57;
    position: relative;
    padding: 40px;
}

.how {
    background: #fff;
    color: #4b4b57;
    position: absolute;
    top: -14px;
    height: 20px;
    width: 150px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.howf {
    font-size: 18px;
}

.nmb {
    display: inline-block;
    font-size: 60px;
    width: 17%;
    vertical-align: top;
}

.txt {
    display: inline-block;
    width: 80%;
}

.st {
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.howc {
    position: relative;
}

.time {
    border: 1px solid #ddd;
    background: #efefef;
    padding: 20px;
}

    .time .info {
        background: #fff;
        text-align: center;
        padding: 20px;
    }

.nopad {
    padding: 0;
}

.bl {
    border-bottom: 1px solid #ddd;
}

.pr {
    padding: 20px;
    border: 1px solid #ddd;
    text-align: center;
}

.pbg {
    background-image: url(../../img/pbg1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px;
}

@media (max-width: 780px) {
    .pbg {
        padding: 10px;
    }
}

.w {
    color: #4b4b57;
}

.pForm {
    padding: 40px;
    background: #264a8b;
    color: #fff;
}

.psbm {
    padding: 7px 45px;
}

.rdy {
    background: #486375;
    padding: 44px;
    color: #fff;
    text-align: center;
}

.prow {
    text-align: center;
    float: left;
}

.imgp {
    width: 136px;
}

.part {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin-top: 10px;
}

.pdesc {
}

.np {
    padding: 20px;
}

.partb {
    background: #ececec;
    padding: 40px 0 40px 100px;
}


@media (max-width: 780px) {
    .partb {
        padding: 40px 2px 39px 29px;
    }
}


.yp {
    max-width: 50%;
}

@media (max-width: 780px) {
    .yp {
        max-width: 90%
    }
}


.partborder {
    padding: 5px 0 5px 20px;
    max-width: 50%;
    margin: 15px 0 35px 0;
    border-left: thick solid #3d5464;
    border-width: 10px;
}

@media (max-width: 780px) {
    .partborder {
        max-width: 90%
    }
}

.partp {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.pstart {
    padding: 40px 0;
}

.partnerp {
    text-align: center;
    background-color: #486375;
    padding: 30px 0;
}

    .partnerp p {
        color: #fff;
        margin: 20px 0;
        font-size: 14px;
    }

.psbm:hover, .psbm:focus, .psbm:active {
    color: #fff !important;
}

.addresses {
    border: 1px solid #ddd;
    padding: 15px;
}

.faddress {
    border-right: 1px solid #ddd;
    padding: 15px;
}

.addresstwo {
    border: 1px solid #ddd;
    padding: 15px;
}

.py {
    border: 1px solid #ddd;
}

.pyb {
    border-bottom: 1px solid #ddd;
}

.ful {
    list-style: none;
    margin: 0;
    padding: 0 0 20px 0;
    overflow: auto;
    padding: 14px;
}

    .ful li {
        color: #4b4b57;
        display: block;
        position: relative;
        float: left;
    }

        .ful li input[type=radio] {
            position: absolute;
            visibility: hidden;
        }


        .ful li:hover .check::before {
            background: #3fd500;
        }

        .ful li .check {
            display: block;
            position: absolute;
            border: 5px solid #4b4b57;
            border-radius: 100%;
            height: 25px;
            width: 25px;
            top: 30px;
            left: 20px;
            z-index: 5;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
        }

        .ful li:hover .check {
            border: 5px solid #4b4b57;
        }

        .ful li .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 15px;
            width: 15px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
        }

.inp:checked ~ .check {
    border: 5px solid #4b4b57;
}

    .inp:checked ~ .check::before {
        background: #3fd500;
    }

.inp:checked ~ label {
    color: #4b4b57;
}

.block {
    display: block;
}

.pyday {
    width: 47%;
    float: left;
    display: inline-block;
}

.pbgr {
    padding: 15px 10px 5px 20px;
    border-top: 1px solid #ddd;
}


.pbgr {
}

@media (max-width: 767px) {
    .pbgr {
        padding: 15px 26px 5px 20px;
    }
}


.flrp {
    float: right;
    margin: 0 15px;
    width: 200px;
}

.total {
    float: right;
    font-size: 18px;
    padding: 10px;
}

.flcol {
    padding-left: 35px;
}

@media (max-width: 780px) {
    .flcol {
        padding-left: 15px;
    }
}

.tl {
    float: left;
    display: inline-block;
}

.tr {
    float: right;
    display: inline-block;
}

.nblock {
    display: block;
    overflow: auto;
    padding: 5px 0;
}

.order {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #27ae60;
}

.ordern {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4b4b57;
}

.leftbox {
    overflow: auto;
    margin-bottom: 1.5rem;
    font-size: 15.5px;
}

.pnbox {
    text-align: center;
    padding: 10px;
    position: relative;
    display: block;
    background: #cafbdf;
}

.point {
    color: #aaa;
    font-size: 36px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.act a {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #008ed0;
}

.acti a {
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.leftlist {
    list-style: none;
    padding: 10px;
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    line-height: 1.6;
}

    .leftlist li a {
        font-weight: 400;
    }

    .leftlist .act a {
        font-weight: 700;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

.dlist {
    list-style: none;
    padding: 10px;
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    line-height: 1.6;
}

.details {
    color: #0099DF;
    line-height: 2.9;
    font-size: 14px;
    float: right;
}

.forder {
    border: 1px solid #8e8e8e;
    border-radius: 5px;
}

.prdbox {
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.ddetails {
    color: #0099DF;
    font-size: 14px;
    float: right;
}

.ctitle {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.cartitem {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.commentitem {
    width: 100%;
    height: 70px;
    object-fit: cover;
}

.bordered {
    border: 1px solid #ddd;
    padding: 10px;
}

.mt {
    margin: 15px 0;
    width: 100%;
}

.white {
    color: #fff;
}

.pb3 {
    padding-bottom: 3px;
}

#changeRequest {
    display: none;
}

.table-small {
    font-size: 12px;
}


.nomar {
    margin: 0 !important;
}

.table-responsive {
    display: table;
}

.showanswer {
    color: #008ed0;
}

.edit {
    height: 45px;
    margin-bottom: 15px;
}

    .edit p {
        color: #008ed0;
        display: inline-block;
        margin: 0;
        line-height: 45px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

.notshow {
    display: none;
}

.cmnt {
    width: 107px;
    height: 107px;
    object-fit: cover;
    display: inline-block;
    border-radius: 8px;
}

.wrow {
    width: 100%;
    padding: 20px;
}

.smiles {
    display: inline-block;
    float: right;
    margin-right: 4px;
}

.mr1 {
    margin-right: 19px;
}

.flrm {
    float: right;
    margin-top: 5px;
    clear: both;
}

.flrmy {
    float: right;
    clear: both;
}

#productName {
    display: inline-block;
    margin-left: 10px;
}

#cancelTitle {
    display: inline-block;
    margin-left: 10px;
}

#rTitle {
    display: inline-block;
    margin-left: 10px;
}

.cmnbg {
    background: #f4f4f4;
    padding: 10px;
    display: flex;
}

div.stars {
    display: inline-block;
}

.sdiv {
    display: inline-block;
    width: 140px;
    position: relative;
    top: 8px;
}

.stars span {
    margin-right: 15px;
    position: relative;
    top: 8px;
}

.stars label {
    margin: 0;
}

input.star {
    display: none;
}

label.star {
    float: right;
    padding: 2px;
    font-size: 24px;
    color: #444;
    transition: all .2s;
}

input.star:checked ~ label.star:before {
    content: '\f005';
    font-weight: 900;
    color: #008ed0;
    transition: all .25s;
}

input.star-5:checked ~ label.star:before {
    color: #008ed0;
    text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
    color: #F62;
}

label.star:hover {
    transform: scale(1.3);
}

label.star:before {
    content: '\f005';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

.colorfill {
    width: 100%;
    height: 10px;
    background: rgb(0, 0, 0) none repeat scroll 0% 0%;
    margin: 5px 0;
}

.pickcolor {
    width: 34px;
    display: inline-block;
    margin: 5px;
    padding: 2px;
}

#all {
    min-height: 400px;
}

.lang span {
    color: #0094ff;
}

.pointer {
    cursor: pointer;
}

.langs {
    display: none;
    position: absolute;
    top: 23px;
    left: 0;
    width: 100px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 5px;
    border-radius: 5px;
    z-index: 100;
}

.langf:hover .langs {
    display: block;
}

.start {
    background: #2CABE0;
    color: #fff;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .start img {
        display: flex;
        max-width: 100%;
        margin-right: auto;
        height: 55px;
        object-fit: cover;
        margin-left: auto;
    }

    .start .fblock {
    }

    .start .sbox {
        background: #fff;
        display: inline-block;
        border: 0;
        padding: 2px 10px;
        margin: 0 5px 0 0;
    }

        .start .sbox p {
            color: #2CABE0;
        }

.spadding {
    padding: 2px 10px 0 10px !important;
}

.linkf {
    color: #fff;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-decoration: underline;
    display: inline-block;
}

.bc {
    color: #494b4d;
    margin-left: 16px;
    letter-spacing: 0.45px;
    font-size: 14px;
    font-weight: 400;
}

    .bc a {
        color: #494b4d;
    }

    .bc span {
        color: #494b4d;
    }

    .bc a:hover {
        color: #0099e0;
        font-weight: 700;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        text-decoration: none;
    }


.account {
    display: inline;
    position: relative;
    align-items: center;
}

.aspan {
    font-size: 12px;
    display: block;
    font-weight: 400;
}




.addstyle {
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: -webkit-linear-gradient(top, #fff 0%,#e2e2e2 100%);
    background: linear-gradient(to bottom, #fff 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e2e2e2',GradientType=0 );
    padding: 0 10px 10px 10px;
    border: 1px solid #ddd;
}

.sidebox {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    padding: 5px 15px 0 15px;
    cursor: pointer;
}

    .sidebox:hover {
        outline: 1px solid #7c7c7c;
    }

.sborder {
    outline: 1px solid #7c7c7c;
}

.sidebox img {
    width: 62px;
    height: 40px;
    object-fit: cover;
    border: 1px solid #ddd;
}

.sidebox p {
    font-size: 12px;
    margin: 5px 0;
}

.designbox {
    border: 1px solid #747474;
}

.canvasimg {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.productlist {
    padding: 0;
    list-style: none;
    line-height: 25px;
}

.searchbox {
    background: #ddd;
    padding: 20px 20px 5px 20px;
}

.rel {
    position: relative;
}

.searchicon {
    width: 25px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 6px;
    cursor: pointer;
}

.pg {
    list-style: none;
}

    .pg li {
        display: inline-block;
        margin: 0;
    }

        .pg li a {
            background: #0094ff;
            border-radius: 3px;
            color: #fff;
            padding: .4rem .5rem;
            font-size: 13px;
            display: block;
        }

.qinfo {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    display: inline-block;
}

.votefirst {
    border: 1px solid #9d9d9d;
    border-bottom: 2px solid #9d9d9d;
    border-radius: 0;
    display: inline;
    padding: 3px;
    cursor: pointer;
}

    .votefirst i {
        color: #9d9d9d;
        margin: 3px;
        font-size: 14px;
    }

    .votefirst span {
        font-size: 14px;
    }

.votesecond {
    border-top: 1px solid #9d9d9d;
    border-right: 1px solid #9d9d9d;
    border-bottom: 2px solid #9d9d9d;
    display: inline;
    padding: 3px;
    cursor: pointer;
}

    .votesecond i {
        color: #9d9d9d;
        margin: 3px;
        font-size: 14px;
    }

    .votesecond span {
        font-size: 14px;
    }

.qorder {
    float: right;
    display: inline-block;
}

#askquestion {
    display: none;
}

.fsection {
    height: 100px;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.27);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.27);
}

    .fsection img {
        margin: 35px;
        width: 240px
    }

.lsection {
    background: #EEEEEE;
}

.bgw {
    background: #fff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
}

.bg {
    padding: 0 20px 0 20px;
}

.nh4 {
    font-size: 24px;
    font-weight: 400;
    padding: 8px 0;
}

.ghr {
    max-width: 100%;
    border-width: 2px;
    border-color: #EBEBEB;
}

.fp {
    float: right;
    font-size: 14px;
    line-height: 2;
    color: #0099DF;
}

.fsec {
    text-align: center;
    padding: 10px;
}

    .fsec p {
        font-weight: 400;
    }

.campa {
    font-size: 14px;
    margin-top: 10px;
}

.ibutton {
    display: inline;
    color: #0099DF;
}

.vline {
    width: 1px;
    height: 354px;
    position: absolute;
    right: 0;
    top: 12%;
    background: #3E3528;
}

.fpad {
    padding: 20px;
}

.normal {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #0099DF;
    display: block;
}

.registeri {
    float: left;
    padding: 0 10px 20px 0;
}

.rtext {
    max-width: 370px;
}

.iblock {
    margin-top: 80px;
}

    .iblock div {
        margin-bottom: 20px;
    }



.brd {
    border: 1px solid #ddd;
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.red {
    color: #d00000;
}

.hlf {
    float: left;
    width: 50%;
    margin: 5px 0;
}

.spbox {
    background: #FFF7F1;
    padding: 10px;
    height: 100%;
    border-right: 1px solid #8e8e8e;
    border-radius: 5px;
}

.nbox {
    padding: 10px 0 3px 20px;
}

    .nbox img {
        display: inline-block;
    }

    .nbox p {
        display: inline-block;
    }

.or1 {
    color: #27ae60;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    padding: 10px 15px;
    font-size: 18px;
}

.or2 {
    color: #c09600;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    padding: 10px 15px;
    font-size: 18px;
}

.orderitem {
    width: 94px;
    height: 94px;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}

.pdetail {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

    .pdetail p {
        font-weight: 700;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        background: #0099DF;
        border-radius: 5px;
        width: 100%;
        padding: 3px;
        cursor: pointer;
    }

    .pdetail:hover p {
        background: #00a5f1;
    }

.idetail {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

    .idetail p {
        font-weight: 700;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        color: #fff;
        background: #13b5ff;
        border-radius: 5px;
        width: 100%;
        padding: 3px;
        cursor: unset;
    }

    .idetail:hover p {
        background: #13b5ff;
    }

.itemdiv {
    border-right: 1px solid #ddd;
    overflow: auto;
    height: 100%;
}

.nbottom {
    padding: 4px 35px;
    margin-bottom: 15px;
}

.acc {
    padding: 10px 0 0 15px;
    text-transform: capitalize;
}

.pmoney {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

    .pmoney span {
        font-weight: 400;
    }

.succesmessage {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #27ae60;
    font-size: 18px;
}

.clp {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
}

.dzn {
    float: right;
}

.pageinfo {
    text-align: center;
    background: #F5F5F5;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 4px 10px;
}

.pageactive {
    background: #0099DF;
    padding: 1px 4px;
    color: #fff;
    font-size: 13px;
    margin-right: 4px;
    display: inline-block;
}

    .pageactive:hover {
        color: #fff;
    }

.pagenext {
    color: #4b4b57;
    padding: 1px 4px;
    font-size: 13px;
    margin-right: 4px;
    display: inline-block;
}

.fhr {
    max-width: 100%;
    border-width: 1px;
    border-color: #ddd;
}

.f11 {
    font-size: 11px !important;
}

.f12 {
    font-size: 12px !important;
}

.f13 {
    font-size: 13px;
}

.f135 {
    font-size: 13.5px;
}

.f14 {
    font-size: 14px;
}

.f146 {
    font-size: 14.6px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f184 {
    font-size: 18.4px;
}

.f23 {
    font-size: 23px;
}

.f24 {
    font-size: 24px;
}

.wm {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.wb {
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.wl {
    font-weight: 400;
}

.ry {
    color: #71A901;
}

.rt {
    color: #FF8200;
}

.green {
    color: #05A34A;
}

.uline {
    padding: 0;
}

.hr {
    border-bottom: 1px solid #C7CBCB;
}

.hrg {
    border-bottom: 1px solid #bcbcbc;
}

.hrl {
    border-top: 1px solid #ddd;
    margin: 0;
}

.bld {
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.inl {
    display: inline-block;
}

.btm {
    position: relative;
    bottom: -2px;
}

.tp {
    position: relative;
    bottom: 4px;
}

.tcart {
    width: 100%;
    background: #05A349;
    color: #fff;
    font-size: 18px;
    padding: 15px 0;
}

.cart {
    position: relative;
    top: -7px;
}

.template {
    background: #F3F3F3;
    width: 100%;
    height: 93px;
    padding: 20px 4px;
    cursor: pointer;
}

    .template .lft {
        float: left;
        display: inline-block;
    }

    .template .rgh {
        float: right;
        display: inline-block;
    }

.temps {
    margin: 0;
    padding: 0;
}

    .temps li {
        display: block;
        width: 100%;
        overflow: auto;
    }

        .temps li .tempt {
            float: left;
            display: inline-block;
        }

        .temps li .tempf {
            float: right;
            display: inline-block;
        }

            .temps li .tempf a {
                width: 100px;
                float: left;
                display: inline-block;
            }

@media (max-width: 780px) {
    .flrmy {
        float: left;
    }
}

.pm {
    font-size: 14px;
}

    .pm span {
        font-size: 18px;
        font-weight: 700;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

.d {
    font-weight: 700 !important;
}

.m {
    font-weight: 600 !important;
}

.n {
    font-weight: 400 !important;
}

.l {
    font-weight: 400 !important;
}

.l15 {
    line-height: 1.5 !important;
}

.l2 {
    line-height: 2 !important;
}

.f12 {
    font-size: 12px !important;
}

.f14 {
    font-size: 14px !important;
}

.f15 {
    font-size: 15px !important;
}

.f16 {
    font-size: 16px !important;
}

.f19 {
    font-size: 19px !important;
}

.f20 {
    font-size: 20px !important;
}

.f30 {
    font-size: 30px !important;
}

.gray {
    color: #adadad !important;
}

.black {
    color: #4b4b57 !important;
}

.fm {
    color: #959FA9;
}

.hrgd {
    border-bottom: 1px solid #ddd;
}

.orange {
    color: #FF8200;
}

.cntr {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.blue {
    color: #1F97D4
}

.care li p {
    font-size: 14px;
    font-weight: 400;
}

.care {
    margin: 0;
    padding: 10px;
}

.average {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 2px;
    font-size: 15px;
    color: #4b4b57;
    margin-right: 4px;
}

.eform {
    display: inline-block;
    max-width: 64%;
    float: right;
    margin-right: 17px;
    position: relative;
    top: 6px;
    padding: 10px 9px 7px 19px;
    font-size: 15.5px;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

@media (max-width: 960px) {
    .eform {
        max-width: 60%;
    }
}

.fl {
    float: left;
    display: inline-block;
    min-width: 75px;
    margin-right: 10px;
}

.fl2 {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 100px;
}

.fl3 {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 120px;
}

.wbutton {
    border-radius: 4px;
    border: 1px solid #a2a2a2;
    padding: 5px 20px;
    display: inline-block;
    color: #707070;
}

.blck {
    color: #4b4b57;
    background: #E6E6E6;
}

.phone {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 11.5px;
    color: #959595;
    font-weight: 400;
    line-height: 0.85;
    letter-spacing: 0.50px;
}

.p-div {
    position: relative;
    display: inline-block;
}

@media only screen and (max-width: 992px) {
    .p-div {
        display: none !important;
    }
}

.aauto {
    overflow: auto;
}

.w90 {
    width: 90%;
}

.wdt3 {
    width: 378px;
}

.l13 {
    line-height: 1.3;
}

.a-div {
    position: relative;
    line-height: 1.3;
    display: inline-block;
}

@media only screen and (max-width: 992px) {
    .a-div {
        display: none !important;
    }
}

.a-div:hover {
    color: #4b4b57 !important;
}


.menu {
    border-radius: 0;
    right: -1px;
    top: -1px;
    left: unset;
}

.bttn {
    background: #0099DF;
    border-radius: 5px;
    color: #fff;
    width: 90%;
    left: 0;
    right: 0;
    margin: 7px auto 0 auto;
    text-align: center;
}

.dropdown-item {
    padding: 7px 25px;
}

.dropdown {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-webkit-radius: 5px;
    zoom: 1;
    position: absolute;
    right: -2%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 188px;
    height: auto;
    background: #fff;
    z-index: 5;
    top: 82px;
    padding: 0 16px 24px;
    box-sizing: border-box;
    visibility: hidden;
    cursor: default;
    box-shadow: 0 0.1875rem 0.625rem 0 rgba(75,89,109,0.3);
}

@media only screen and (max-width: 992px) {
    .dropdown {
        right: -8%;
        width: 170px;
    }
}

.dropdown::before {
    width: 100%;
    height: 30px;
    top: -30px;
    left: 0;
    position: absolute;
    content: "";
}

.dropdown-square {
    width: 20px;
    height: 20px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-webkit-radius: 4px;
    zoom: 1;
    position: absolute;
    top: -7px;
    left: calc(50% - 10px);
    background: #fff;
    box-shadow: 0 0.1875rem 0.625rem 0 rgba(75,89,109,0.3);
}

.dropdown-header-menu-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 50;
}

.dropdown-header-menu-overlay-active {
    visibility: visible;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transition-property: visibility,z-index,top,background-color,color,border;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-property: visibility,z-index,top,background-color,color,border;
    -moz-transition-property: visibility,z-index,top,background-color,color,border;
    transition-property: visibility,z-index,top,background-color,color,border;
}


.dropdown-header-menu {
    background-color: #fff;
    position: relative;
    padding-top: 23px;
    z-index: 2;
}

.accountbox:hover .dropdown-header-menu {
    display: block;
}

.dropdown-header-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown-header-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .dropdown-header-menu ul li {
        width: 100%;
        display: block;
        padding-bottom: 10px;
        line-height: 1.5;
    }

        .dropdown-header-menu ul li:last-child {
            padding-bottom: 0;
        }

        .dropdown-header-menu ul li a {
            display: block;
            padding-left: 5px;
            text-align: left;
            font-size: 14.4px;
            font-weight: 600;
            line-height: 1.5;
            position: relative;
            transition: none;
        }

.menu-seperator {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}


.accountbox:hover .dropdown {
    visibility: visible;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transition-property: visibility,z-index,top,background-color,color,border;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-property: visibility,z-index,top,background-color,color,border;
    -moz-transition-property: visibility,z-index,top,background-color,color,border;
    transition-property: visibility,z-index,top,background-color,color,border;
}

.shopping-cart:hover {
    display: block;
}

.hvr {
    z-index: 100001;
}

.bgray {
    background: #F5F5F5;
    overflow: auto;
    padding: 10px;
}

.bgdiv {
    display: inline-block;
    float: left;
}

.bgp {
    color: #A9A9A9;
    line-height: 1;
}

.cartimg {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.cartim {
    width: 45px;
    position: relative;
    top: -2px;
    right: -4px;
}

.nlist {
    list-style: none;
    padding: 0;
}

    .nlist li {
        font-weight: 400;
    }

        .nlist li::before {
            content: ".";
            font-size: 37px;
            line-height: 11px;
            padding-bottom: 24px;
            padding-right: 4px;
        }

.productlist li::before {
    content: ".";
    font-size: 37px;
    line-height: 11px;
    padding-bottom: 24px;
    padding-right: 4px;
    position: relative;
    bottom: 3px;
}

input {
    font-weight: 400;
}

    input:disabled {
        background: linear-gradient(to bottom,#f9f9f9,#ddd) !important;
    }

select {
    background: transparent !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../../img/Icon/select.png) 92% / 5.5% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)) !important;
    background: url(../../img/Icon/select.png) 92% / 5.5% no-repeat, -webkit-linear-gradient(top, #ffffff, #f9f9f9) !important;
    background: url(../../img/Icon/select.png) 92% / 5.5% no-repeat, -moz-linear-gradient(top, #ffffff, #f9f9f9) !important;
    background: url(../../img/Icon/select.png) 92% / 5.5% no-repeat, -o-linear-gradient(top, #ffffff, #f9f9f9) !important;
    background: url(../../img/Icon/select.png) 92% / 5.5% no-repeat, linear-gradient(top, #ffffff, #f9f9f9) !important;
    background-size: 13px !important;
}

    select::-ms-expand {
        display: none;
    }

    select:disabled {
        background: transparent !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../../img/Icon/select.png) 94% / 5.5% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ddd)) !important;
        background: url(../../img/Icon/select.png) 94% / 5.5% no-repeat, -webkit-linear-gradient(top, #f9f9f9, #ddd) !important;
        background: url(../../img/Icon/select.png) 94% / 5.5% no-repeat, -moz-linear-gradient(top, #f9f9f9, #ddd) !important;
        background: url(../../img/Icon/select.png) 94% / 5.5% no-repeat, -o-linear-gradient(top, #f9f9f9, #ddd) !important;
        background: url(../../img/Icon/select.png) 94% / 5.5% no-repeat, linear-gradient(top, #f9f9f9, #ddd) !important;
        background-size: 15px !important;
    }

@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}

.prdt img {
    height: 218px;
    width: 100%;
    object-fit: cover;
}

.specs {
    min-height: 190px;
}

b, strong {
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

input.star-5:checked ~ label.star::before {
    color: #008ed0;
    text-shadow: none !important;
}

.link {
    color: #1F97D4 !important;
    font-weight: 700 !important;
}

    .link:hover {
        color: #1F97D4 !important;
        text-decoration: underline !important;
    }

.mbutton {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .mbutton {
    }
}



.mopen {
    width: 100%;
    position: absolute;
    top: 60px;
    z-index: 10000000;
    background: #fff;
    padding: 10px;
}

.ml4 {
    margin-left: 1.5rem !important;
}

.ml3 {
    margin-left: 1rem !important;
}

.frm {
    float: right;
}

.mopen {
    display: none;
}

@media (max-width: 960px) {
    .lft img {
        display: none;
    }

    .flrmy {
        float: none;
    }

    .mblft {
        width: 90%;
    }

    .wdt3 {
        width: 100%;
    }

    .prd {
        width: 100%;
        height: 300px;
    }

    .mopen {
        display: block;
        opacity: 0;
    }

    .shopping-cart {
        width: 100%;
        top: 44px;
    }

    .frm {
        float: none;
    }

    .ml4 {
        margin-left: unset !important;
    }

    .ml3 {
        margin-left: unset !important;
    }

    .wm100 {
        width: 100%;
    }

    .nomob {
        display: none;
    }

    .mrel {
        position: relative;
    }

    .lg {
        margin: 3px auto;
        display: block;
        width: 262px;
    }

    .sc {
        width: 100%;
    }

    .hd {
        display: block;
        margin: 0 auto;
    }
}

.mpage {
    margin-left: 2.5rem;
}

    .mpage col-md-3 {
        position: relative;
    }

.dd {
    position: absolute;
    right: 41px;
    margin: auto;
}

.ddtext {
    line-height: 19px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.4px;
    display: inline-block;
    color: #5C666F;
}

.bg1 {
    background: #3F4143;
}

.bg2 {
    background: #494B4D;
}

.whr {
    max-width: 100%;
    border-width: 1px;
    border-color: #919599;
    margin: 0;
}

.p27 {
    padding: 27px 0;
}

.p5 {
    padding: 5px 0;
}

.p10 {
    padding: 10px 0;
}

.t1 {
    font-size: 16px;
    color: #919699;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.flist {
    margin: 0;
    padding: 0;
}

    .flist li {
        display: block;
        float: left;
        margin: 10px 0;
        width: 100%;
    }

        .flist li a {
            font-size: 14.4px;
            color: #ffffffe8;
        }

.f10 {
    font-size: 10px;
}

.fourimage {
    vertical-align: initial;
    margin-right: 6px;
}

.ffourimage {
    vertical-align: top;
    margin-right: 6px;
}


.headerlink {
    text-decoration: underline !important;
    color: #fff;
    font-size: 13.7px;
    letter-spacing: 0.40px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

    .headerlink:hover {
        text-decoration: underline !important;
        color: #fff;
    }

.nrm {
    font-weight: 400;
}

.specs h5 {
    min-height: 35px;
}

.product-title {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    line-height: 41px;
    margin-bottom: 20px;
}

.star-style {
    margin-bottom: 25px;
}

.left-colm-product {
    max-width: 46.2%
}

@media (max-width: 960px) {
    .left-colm-product {
        max-width: 91%;
        margin: auto;
    }
}

.blog-label-title {
    color: #0099e0;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    line-height: 20px;
}

#kdv1 {
    display: none;
}

.desc-title {
    margin-bottom: 15px;
    margin-top: 15px;
    line-height: 25px;
    font-size: 18.5px;
}

.mb-80 {
    margin-bottom: .80rem;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.35rem + 0px)
}

.ml-15 {
    margin-left: 15px;
}

@media (max-width: 960px) {
    .ml-15 {
        margin-left: -15px;
    }
}

.ml-15-2 {
    margin-left: 15.2px;
}

@media (max-width: 960px) {
    .ml-15-2 {
        margin-left: 0;
    }
}

@media (max-width: 960px) {
    .bc {
        margin-left: 4px;
    }
}

.container-champ {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 960px) {
    .container-champ {
        width: 100%;
        padding: 0;
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%;
}

.top-title {
    color: #4b4b57;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    margin: 0 10px 0 4px;
}

    .top-title a {
        color: #92929b;
    }

    .top-title:last-child {
        margin: 0 0 0 1rem;
        color: #92929b;
        font-size: 13px;
    }

    .top-title a:hover {
        text-decoration: none;
        color: #4b4b57;
    }

.mobil-none {
}

@media (max-width: 992px) {
    .mobil-none {
        display: none;
    }
}

.mobil-center {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 960px) {
    .mobil-center {
        justify-content: center;
        max-width: 51%;
    }
}

.mobil-center-logo {
}

@media (max-width: 960px) {
    .mobil-center-logo {
        max-width: 67%;
        margin-top: 10px;
    }
}

.fw-6 {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.act-title {
    font-size: 11px;
    letter-spacing: 0.2px;
}

.right-colm-product {
    min-width: 52%;
}

@media (max-width: 960px) {
    .right-colm-product {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    #home-dd {
        display: none;
    }
}

.mb-175 {
    margin-bottom: 1.75rem;
}

.ocu {
    margin-top: 2.50rem;
    margin-bottom: 2rem;
}

.sek {
    margin-top: 1.50rem;
    margin-bottom: 2rem;
}

.f205 {
    font-size: 20.5px;
}

.f185 {
    font-size: 18.5px;
}

.plr-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.ref-text {
    margin-bottom: 2rem;
    margin-top: 1rem;
    font-size: 16px;
}

.fot-pl30 {
    padding-left: 30px;
}

@media (max-width: 960px) {
    .fot-pl30 {
        padding-left: 15px;
    }
}

.fot-mt15 {
}

@media (max-width: 960px) {
    .fot-mt15 {
        margin-top: 15px;
    }
}

.fot-mt30 {
}

@media (max-width: 960px) {
    .fot-mt30 {
        margin-top: 30px;
    }
}

.f144 {
    font-size: 14.4px;
}

.f165 {
    font-size: 16.5px;
}

.my-2rem {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.mb-10px {
    margin-bottom: 10px;
}

.mw-53 {
    max-width: 53px;
}

.udiv .fa-times {
    position: absolute;
    right: 30px;
    top: 0;
    color: red;
    width: 10px;
    z-index: 100;
    cursor: pointer;
}

.dropdown-holder {
    position: relative;
}

    .dropdown-holder .sub-menu {
        position: absolute;
        top: 100%;
        margin: 0;
        left: 0;
        background: #fff;
        list-style: none;
        opacity: 0;
        visibility: hidden;
        z-index: 99999;
        width: auto;
        min-width: 230px !important;
        padding: 10px;
        padding-left: 0;
        border: 1px solid #c8cbcc;
        margin-top: 1.5px;
        text-align: left;
        margin-left: 0;
        list-style: outside none none;
        background-color: #fff;
        font-size: 14.4px;
        box-shadow: none !important;
    }

    .dropdown-holder:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        z-index: 99999;
    }

    .dropdown-holder .sub-menu li a {
        color: #000;
        padding: 5px;
        text-align: left;
        display: block;
        position: relative;
        z-index: 1;
        line-height: 1.8;
        padding-left: 14px;
        border-left: 2px solid transparent;
    }

        .dropdown-holder .sub-menu li a:hover {
            color: #0099e0;
            text-decoration: none;
            border-left: 2px solid #0099e0;
        }

    .dropdown-holder .sub-menu li:last-child a {
    }





.sub-menu li {
    line-height: 2.3;
}

    .sub-menu li a {
    }



.cclearfix .fa {
    position: absolute;
    top: 3px;
    right: 25px;
    cursor: pointer;
    color: #dd4e4e;
}

.long-partborder {
    border-left: 7px solid #3d5464;
    padding: 5px 0 5px 15px;
    margin: 20px 0;
}

.partner-slogan {
    font-size: 33px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.3;
    color: rgb(51, 51, 51);
}


@media (min-width: 1260px) {
    .p-size-1260 {
        width: 1260px;
    }
}

.m-t-35 {
    margin-top: 35px !important;
}

.pForm-title {
    padding: 20px;
    background: #486375;
    color: #fff;
    width: 100%;
}

.pForm-partnerRegister {
    padding: 20px 40px 30px 40px;
    background: #3d5464;
    color: #fff;
    width: 100%;
}

.rdy p {
    line-height: 2.5;
    font-size: 16.5px;
}

.rdy h4 {
    font-size: 1.5rem;
}

.prow .part {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin-top: 10px;
}




@media (min-width: 780px) {
    .max-width-20 {
        max-width: 20%;
    }
}

.partb h1 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: rgb(51, 51, 51);
    margin: 0;
}

.partcont {
    font-size: 15.4px;
    font-weight: 400;
    color: #333;
    margin: 6px 0;
}

.partlink {
    text-decoration: none;
    color: white;
}

    .partlink:hover {
        text-decoration: none;
        color: white;
    }

.partimg {
    width: 100%;
}

.partimg2 {
    position: absolute;
    margin-top: -588px;
    margin-left: 661px;
    height: 627px;
}

@media (max-width: 992px) {
    .partimg {
        display: none;
    }
}

@media (max-width: 1260px) {
    .partimg2 {
        display: none;
    }
}

.cmpl, .cmpl:active, .cmpl:focus, .cmpl:hover {
    color: #fff;
    cursor: pointer;
    text-align: right;
    float: left;
}

.ml-75 {
    margin-left: 0.75rem;
}

.filesuc {
    position: absolute;
    top: 72px;
    color: green;
    z-index: 100;
    cursor: pointer;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
}

.f174 {
    font-size: 17.4px;
}

.cat-title {
    position: absolute;
    padding: 34px;
    margin-top: 10px;
    font-size: 38px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #ffffff;
    letter-spacing: -0.5px;
    line-height: 1.5;
}

.cat-ptitle {
    position: absolute;
    padding: 34px;
    margin-top: 66px;
    font-size: 18.5px;
    font-weight: 400;
    color: #ffffff;
}

.cat-cont {
    position: absolute;
    padding: 34px;
    margin-top: 119px;
    font-size: 14.3px;
    font-weight: 400;
    color: #ffffff;
}

.cat-ban-div {
    position: relative;
    max-width: 500px;
}

.vote-ok {
    margin-left: 80px;
}

@media (max-width: 990px) {
    .vote-ok {
        margin-left: 60px;
    }
}

@media (max-width: 767px) {
    .vote-ok {
        margin-left: 0px;
    }
}

.pb-05 {
}

@media (max-width: 767px) {
    .pb-05 {
        padding-bottom: 0.5rem !important;
    }
}

.pbv-2 {
}

@media (max-width: 767px) {
    .pbv-2 {
        padding-bottom: 2rem !important;
    }
}

label {
    margin-bottom: 0;
}

.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
    content: counter(stepNum);
    font-family: inherit;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
    background-color: #ededed;
}

.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .multi-steps > li {
        counter-increment: stepNum;
        text-align: center;
        display: table-cell;
        position: relative;
        color: #606163;
        font-weight: 700;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14.4px;
    }

        .multi-steps > li:before {
            content: "\f00c";
            content: "\2713;";
            content: "\10003";
            content: "\10004";
            content: "\2713";
            display: block;
            margin: 0 auto 4px;
            background-color: #05a349;
            width: 31px;
            height: 31px;
            line-height: 28px;
            text-align: center;
            font-weight: bold;
            border-width: 2px;
            border-style: solid;
            border-color: #05a349;
            border-radius: 50%;
            color: #fff;
        }

        .multi-steps > li:after {
            content: "";
            height: 2px;
            width: 100%;
            background-color: #05a349;
            position: absolute;
            top: 16px;
            left: 50%;
            z-index: -1;
        }

        .multi-steps > li:last-child:after {
            display: none;
        }

        .multi-steps > li.is-active:before {
            background-color: #fff;
            border-color: #05a349;
        }

        .multi-steps > li.is-active ~ li {
            color: #808080;
            font-weight: 400;
        }

            .multi-steps > li.is-active ~ li:before {
                background-color: #ededed;
                border-color: #ededed;
            }

input {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 15px;
}

select {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 15px;
}

textarea {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 15px;
    resize: none;
}

.footer-additional-links {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.additional-links {
    margin: 0;
    padding: 0;
    display: inline;
}

.d-inline {
    display: inline;
}

.custom-control-description {
    padding-top: 2px;
}

@media (max-width: 992px) {
    .m-column-reverse {
        flex-direction: column-reverse;
    }
}

.adress-border {
    border: 1px solid #00000024;
    border-radius: 9px;
    padding: 0 19px 32px;
}

.dort {
    max-width: 90%;
}

.dort-pad {
    padding: 0 3px 0 40px;
}

.dort-cont {
    font-size: 36px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: white;
    margin: 50px 0 15px 0;
    padding: 0 3px 0 40px;
}

.uc-cont {
    font-size: 18px;
    font-weight: 400;
    color: white;
    padding: 0 26px 0 40px;
}

.dort-button a {
    width: 270px;
    position: relative;
    background-color: #0099df;
    border: 0;
    border-radius: 35px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1;
    padding: 20px 20px;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: 1.1px;
    text-align: center;
    display: block;
    margin: 43px auto 40px
}

    .dort-button a:hover {
        text-decoration: none;
        color: white;
        background-color: #0f9cd8;
    }

#top-content {
    display: flex;
    margin-top: 13px;
}

#menu-item {
    display: flex;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

@media only screen and (max-width: 767px) {
    #menu-item {
        padding: 5px 0 0 0;
        margin: 0
    }
}

.menu-item-svg {
    position: relative;
    background-repeat: no-repeat;
    float: left;
    display: table-cell;
    box-sizing: border-box;
}

.menu-main-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .menu-main-container {
        padding: 0;
    }
}



.menu-item-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .menu-item-content {
        margin-top: 10px;
        text-align: center;
        flex-direction: column;
    }
}


.menu-right-item {
    width: 100%;
    flex-direction: row;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .menu-right-item {
        justify-content: space-between;
    }
}


.menu-logo-item {
    align-items: center;
    display: flex;
}

.mobile-none {
}

@media only screen and (max-width: 767px) {
    .mobile-none {
        display: none !important;
    }
}

.menu-search-box {
    flex-grow: 99999;
    position: relative;
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
    padding: 10px 8px;
}

@media only screen and (max-width: 992px) {
    .menu-search-box {
        padding: 10px 15px;
    }
}

.menu-search-box-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .menu-search-box-mobile {
        display: flex;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }
}

.menu-search-item {
    width: 90%;
    display: flex;
}



@media only screen and (max-width: 767px) {
    .menu-search-item-mobile {
        display: flex;
        width: 100%
    }
}

.mobile-menu-logo-item {
    display: none;
}



.mobile-dropdown-menu {
    border-top: 1px solid #c8cbcc;
    text-align: left;
    clear: both;
    padding: 0;
}

.position-fixed {
    position: fixed;
}


.mobile-dropdown-menu-grid {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    box-sizing: border-box;
}

.mobile-dropdown-menu-overlay {
    display: block;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: hidden;
    box-sizing: border-box;
}

.mobile-dropdown-menu-close {
    color: #f8f8f8;
    font-size: 3rem;
    z-index: 100;
    height: 15vw;
    width: 15vw;
    top: 0;
    right: 0;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.mobile-dropdown-menu-panel {
    position: fixed;
    transform: translate(-100%, 0);
    transition: all 0.3s ease-in-out 0.1s;
    background: #fff;
    background: linear-gradient(to bottom, #fff, #f9f9f9);
    padding-top: 10px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 15%;
    display: flex;
    flex-direction: column;
    z-index: 99;
    overflow-y: hidden;
}

.show-mobile-menu-panel {
    transform: translate(0, 0);
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 15%;
    position: fixed;
}

.mobile-dropdown-menu-panel-flex {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}

.mobile-dropdown-item {
    text-align: left;
    padding: 15px 30px;
    font-size: 14px;
    text-decoration: none;
}

.mobile-dropdown-menu-icon {
    right: 30px;
    display: inline-block;
}

    .mobile-dropdown-menu-icon svg {
        width: 10px;
        height: 10px;
        vertical-align: middle;
    }


.graphic-button {
    box-sizing: border-box;
    display: inline-block;
    padding: 3px;
    line-height: 15px;
    text-decoration: none;
    vertical-align: middle;
    border: none;
    color: #535353;
}

.mobile-dropdown-menu-item-row {
    display: flex;
    justify-content: space-between;
}

    .mobile-dropdown-menu-item-row span {
        font-size: 14.4px
    }

.mobile-dropdown-menu-footer {
    background: #e6e6e6;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 10px 0;
    width: 100%;
    min-height: 75px;
    align-self: flex-end;
    border-top: 1px solid #c8cbcc;
}

.mobile-dropdown-menu-footer-item a svg {
    width: 35px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.mobile-dropdown-menu-footer-item a span {
    font-size: 14.4px
}

.mobile-dropdown-menu-footer-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hamburger-menu {
    display: none;
}

@media only screen and (max-width: 767px) {
    .hamburger-menu {
        align-items: center;
        border-left: 1px solid transparent;
        border-right: 1px solid #c8cbcc;
        border-top: 3px solid transparent;
        justify-content: center;
        margin: 0;
        padding: 0;
        display: inline-flex;
        flex-grow: 1;
    }
}

.menu-customer-service {
    padding: 10px 8px;
    align-items: center;
    display: flex;
}

@media only screen and (max-width: 992px) {
    .menu-customer-service {
        padding: 10px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .menu-customer-service {
        border-left: 1px solid transparent;
        border-right: 1px solid #c8cbcc;
        border-top: 3px solid transparent;
        justify-content: center;
        margin: 0;
        padding: 0;
        display: inline-flex;
        flex-grow: 1;
        align-items: center;
    }
}

.accountbox {
    padding: 6px 8px 10px 8px;
    background: #fff;
    display: flex;
    align-items: center;
    border-top: 4px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    cursor: pointer;
    z-index: 99;
}

    .accountbox:hover {
        border-radius: 10px;
        box-shadow: 0 0.01rem 0.4rem 0 rgba(75,89,109,0.3);
        transition: box-shadow 0.5s ease-in-out;
        -webkit-transition: box-shadow 0.5s ease-in-out;
        -moz-transition: box-shadow 0.5s ease-in-out;
        -o-transition: box-shadow 0.5s ease-in-out;
    }

@media only screen and (max-width: 576px) {
    .accountbox:hover {
        box-shadow: unset;
    }
}

@media only screen and (max-width: 992px) {
    .accountbox {
        padding: 10px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .accountbox {
        border-left: 1px solid transparent;
        border-top: 3px solid transparent;
        justify-content: center;
        margin: 0;
        padding: 0;
        display: inline-flex;
        flex-grow: 1;
        align-items: center;
        z-index: 1;
    }
}

.cbox {
    padding: 10px 8px;
    padding-right: 0 !important;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .cbox:hover .shopping-cart {
        display: block;
    }

@media only screen and (max-width: 992px) {
    .cbox {
        padding: 10px 15px;
        padding-right: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .cbox {
        border-left: 1px solid transparent;
        border-left: 1px solid transparent;
        border-top: 3px solid transparent;
        justify-content: center;
        margin: 0;
        padding: 0;
        display: none;
        flex-grow: 1;
        align-items: center;
    }
}

.navigator {
    display: flex;
    position: relative;
    border-bottom: solid 1px #ebebeb;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    height: 100%;
    margin-top: 10px;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}


.menu-item-container {
    flex-grow: 1;
    justify-content: center;
    display: flex;
    border-bottom: 2px solid transparent;
}

    .menu-item-container:hover {
        border-bottom: 2px solid #2CABE0;
    }


.blog-title {
    font-size: 30px;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    line-height: 1.2;
}

    .blog-title a {
        font-family: 'CepteFont','Volte', Arial, sans-serif;
        text-decoration: none;
        transition: all 0.4s ease;
    }

        .blog-title a:hover {
            color: #0099df;
        }


.post-entry-meta {
    color: #b2b2b2;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.post-entry-media {
    margin-bottom: 45px;
}

.post-entry-content {
    padding: 0px 60px 35px 60px;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
}

@media (max-width: 767px) {
    .post-entry-content {
        padding: 0px 30px 35px 30px;
    }
}

.post-entry-content p {
    color: #808080;
    font-size: 18px;
    line-height: 28px;
}

.p-blog-title {
    padding: 40px 60px 40px 60px;
}

@media (max-width: 767px) {
    .p-blog-title {
        padding: 40px 30px;
    }
}

.post-entry-bottom {
    padding: 0px 60px 45px 60px;
}

@media (max-width: 767px) {
    .post-entry-bottom {
        padding: 0px 30px 45px 30px;
    }
}

a.post-entry-bottom {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    text-transform: uppercase;
    padding: 0;
}

.post-entry-top {
    padding: 20px 50px 20px 50px;
}

@media (max-width: 767px) {
    .post-entry-top {
        padding: 40px 30px;
    }
}


.post-entry-title {
    font-size: 36px;
    line-height: 42px;
    font-weight: 500;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    padding: 0px 0px 20px 0px;
    margin: 0px;
}

.blog-content {
    padding: 0 20px 0 20px;
}

    .blog-content p {
        font-size: 18px;
        line-height: 28px;
        color: #808080;
        padding: 0px 0px 20px 0px;
    }

    .blog-content h2 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 500;
        font-family: 'CepteFont','Volte', Arial, sans-serif;
        padding: 10px 0px 15px 0px;
        color: #333333;
    }

    .blog-content h3 {
        font-size: 20px !important;
        line-height: 30px !important;
        font-weight: 500 !important;
        font-family: 'CepteFont','Volte', Arial, sans-serif !important;
        padding: 10px 0px 15px 0px !important;
        color: #333333 !important;
    }

    .blog-content h4 h5 h6 {
        font-size: 19px !important;
        line-height: 30px !important;
        font-weight: 500 !important;
        font-family: 'CepteFont','Volte', Arial, sans-serif !important;
        padding: 10px 0px 15px 0px !important;
        color: #333333 !important;
    }

    .blog-content img {
        height: auto !important;
        width: 100% !important;
    }

.hs-blog {
    position: absolute;
    right: 72px;
    top: 52px;
    cursor: pointer;
    color: #8d8d8d;
}

.right-colm-title {
    font-size: 18px;
    line-height: 28px;
    font-style: normal;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    margin-bottom: 30px;
}

.right-colm-padding {
    padding: 0 35px 60px 20px;
}

.blog-btn {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 28px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    border-radius: 30px;
}

.popular-blog {
    padding: 0;
    list-style: none;
}


.popular-blog-img {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    border: none;
    max-width: 75px;
    height: 75px;
    object-fit: cover;
}

.popular-blog-cont {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #808080;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.blog-search {
    padding: 35px 35px 35px 20px;
}

.input-group {
    height: 42px;
    padding-right: 35px;
}

.blog-cards {
    box-shadow: 0 1px 4px rgba(0,0,0, 0.1), 0 1px 4px rgba(0,0,0, 0.1);
    border-radius: 8px;
}

.post-entry-media img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .post-entry-media img {
        height: unset;
    }
}

.related-colm-title {
    font-size: 24px;
    line-height: 28px;
    font-style: normal;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    margin-bottom: 45px;
}

.related-post-colm {
    width: 46%;
    margin-right: 8%;
}

.colm-last {
    width: 46%;
    margin-right: 0%;
}

.related-img a img {
    width: 322px;
    height: 241px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .related-img a img {
        width: 130px;
        height: 107px;
    }
}

.related-padding {
    padding: 0px 35px 50px 35px;
}

.related-title a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
}

.m-blog {
}

@media (max-width: 767px) {
    .m-blog {
        padding-right: 0;
        padding-left: 30px;
    }
}

.m-blog-right {
    padding-left: 0;
}

@media (max-width: 767px) {
    .m-blog-right {
        padding-right: 0;
        padding-left: 30px;
        order: 1;
        margin-bottom: 40px
    }
}

.m-blog-related {
    margin-bottom: 4rem;
    margin-top: .5rem;
}

@media (max-width: 767px) {
    .m-blog-related {
        padding-right: 0;
        padding-left: 30px;
        margin-bottom: 1rem;
    }
}

.campaign-cards {
    box-shadow: 0 1px 4px rgba(0,0,0, 0.1), 0 1px 4px rgba(0,0,0, 0.1);
    border-radius: 8px;
}

.m-campaing {
}

@media (max-width: 767px) {
    .m-campaign {
        padding-right: 0;
        padding-left: 30px;
    }
}

.campaign-banner {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .campaign-banner {
        margin-bottom: 18px;
    }
}

.campaign-banner img {
    width: 100%;
    object-fit: cover;
}

.p-campaign-title {
    padding: 0px 60px 15px 30px;
}


.campaign-title {
    font-size: 25px;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    line-height: 1.2;
}

    .campaign-title a {
        font-family: 'CepteFont','Volte', Arial, sans-serif;
        text-decoration: none;
        transition: all 0.4s ease;
    }

.blog-campaign a:hover {
    color: #0099df;
}

.campaign-meta {
    color: #b2b2b2;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    letter-spacing: 0.7px;
}

.campaign-content {
    padding: 0px 60px 30px 30px;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
}

@media (max-width: 767px) {
    .campaign-content {
        padding: 0 0 30px 0;
    }
}

.campaign-content ul li {
    font-size: 16px;
    line-height: 28px;
}

.campaign-page-title {
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    margin: 0px;
}

.campaign-top {
    padding: 20px 50px 20px 50px;
}

@media (max-width: 767px) {
    .campaign-top {
        padding: 20px 15px;
    }
}

/**/
@media print {
    .comp-sidebar {
        display: none
    }
}

.sidebar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%
}

.sidebar__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

    .sidebar__item:not(:first-child) {
        margin-top: 24px
    }





@media only screen and (max-width: 992px) {
    .main {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .comp-sidebar {
        display: none
    }

    .comp-container {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.comp-sidebar {
    max-width: 224px;
    width: 100%
}

.comp-container {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px
}


@media only screen and (max-width: 767px) {
    .comp-container-title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 576px) {
    .comp-container-title {
        position: relative;
        justify-content: center;
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
    }
}

.only-mobile-phone-flex {
    display: none !important;
}

@media only screen and (max-width: 576px) {
    .only-mobile-phone-flex {
        display: block !important;
    }
}

.comp-container-title h1 {
    color: #4b4b57;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 0
}

.comp-container-head {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 16px;
    margin-top: 15px;
    width: 100%
}

    .comp-container-head .nav {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

@media only screen and (max-width: 576px) {
    .comp-container-head .nav {
        width: 100%
    }
}

.comp-container-head .navi-item {
    color: #919191;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: -1px
}

@media only screen and (max-width: 767px) {
    .comp-container-head .navi-item {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width: 576px) {
    .comp-container-head .navi-item {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }
}

.navi-item {
    display: block;
    margin-top: 11px;
}

.comp-container-head .navi-item:not(:first-child) {
    margin-left: 10px
}

.comp-container-head .navi-item:hover, .comp-container-head .navi-item:focus {
    text-decoration: none
}

.comp-container-head .navi-item:after {
    content: ' ';
    background-color: transparent;
    width: 100%;
    height: 3px;
    display: block;
    margin-top: 10px;
    width: calc(100% + 48px);
    margin-left: -24px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.comp-container-head .navi-item-active:after {
    background-color: #28abe0;
    background-image: -webkit-gradient(linear, right top, left top, from(#28abe0), to(#9ce2ff));
    background-image: -o-linear-gradient(right, #28abe0, #9ce2ff);
    background-image: linear-gradient(to left, #28abe0, #9ce2ff)
}

.main__container__info {
    margin-bottom: 16px
}



.comp-container-content {
    max-width: 955px
}

.sidebar__item--account {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .sidebar__item--account .account__picture {
        background-color: #ff6000;
        border-radius: 32px;
        color: #fff;
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 13px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        height: 32px;
        line-height: 33px;
        text-align: center;
        width: 32px
    }

    .sidebar__item--account .account__info {
        -webkit-flex: 0 0 0 32px;
        -ms-flex: 0 0 0 32px;
        flex: 0 0 0 32px;
        margin-left: 12px
    }

    .sidebar__item--account .account__info__title {
        color: #919191;
        font-size: 11px;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 0
    }



    .sidebar__item--account .account__weather {
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 270px
    }

        .sidebar__item--account .account__weather svg {
            height: 45px;
            width: 270px
        }

.sidebar__item--lists .list:not(:first-child) {
    margin-top: 24px
}

.sidebar__item--lists .list__title {
    color: #919191;
    font-size: 12px;
    letter-spacing: 0.872727px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    text-decoration: none
}


.sidebar__item--lists .list__nav {
    list-style: none;
    margin-bottom: 0;
    margin-top: 11px;
    padding-left: 0
}



.comp-sidebar {
    max-width: 224px;
    width: 100%
}

.order-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 577px) {
    .order-block {
        margin-top: 35px
    }
}

@media only screen and (max-width: 576px) {
    .order-block {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 0;
        padding-right: 0
    }

        .order-block:not(:first-child) {
            margin-top: 20px
        }
}

.order-block:last-child {
    margin-bottom: 40px;
}

.order-row {
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-property: height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
    transition-property: height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
    -o-transition-property: box-shadow,height,width,box-sizing,padding,background,font-size,transform;
    transition-property: box-shadow,height,width,box-sizing,padding,background,font-size,transform;
    transition-property: box-shadow,height,width,box-sizing,padding,background,font-size,transform,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform
}

@media only screen and (min-width: 577px) {
    .order-row {
        -webkit-box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
        box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
        border-radius: 4px;
        border: 1px solid #e5e5e5
    }
}

@media only screen and (max-width: 576px) {
    .order-row {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 8px;
        -webkit-box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
        box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
        border: 1px solid #eee;
        margin-top: 20px
    }

        .order-row .order-row-summary {
            border-radius: 8px !important
        }
}

.order-row .order-row-summary {
    border-radius: 8px !important
}

.order-row:not(:first-child) {
    margin-top: 16px
}

.order-row-summary {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 24px;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width: 576px) {
    .order-row-summary {
        background-color: #fff;
        padding: 12px 4px;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .order-row__summary__images, .summary-data, .order-price-row {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .order-row__summary__images {
        width: 88px
    }
}

@media only screen and (max-width: 576px) and (max-width: 576px) {
    .order-row__summary__images {
        width: 62px !important;
        -ms-flex-pack: start !important;
        -webkit-justify-content: flex-start !important;
        justify-content: flex-start !important;
        margin-right: 0 !important
    }
}

.order-row__summary__images {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 88px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .order-row__summary__images {
        width: 80px
    }
}

.order-row__summary__images .image__item {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #4b4b57;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 40px;
    z-index: 0
}

    .order-row__summary__images .image__item:not(:first-child) {
        margin-left: -20px;
        -webkit-box-shadow: -2px 0 0 0 rgba(0,0,0,0.08);
        box-shadow: -2px 0 0 0 rgba(0,0,0,0.08)
    }

    .order-row__summary__images .image__item img {
        display: block;
        width: 100%;
        border-radius: 40px
    }

.order-row--cancelled .order-row__summary__date, .order-row--cancelled .order-row__summary__images, .order-row--cancelled .summary-data, .order-row--cancelled .order-price-row, .order-row--cancelled .packages-summary-toggle {
    opacity: .4
}

@media only screen and (max-width: 576px) {
    .summary-data {
        margin-right: 0 !important
    }

        .summary-data .date {
            margin-top: 0 !important
        }

    .packages-summary-toggle {
        margin-right: 4px;
        margin-top: 0 !important;
        min-width: inherit !important;
        width: inherit !important
    }

        .packages-summary-toggle svg {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }
}

.summary-data {
    -ms-flex-direction: column !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
    min-width: 1px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .summary-data {
        margin-right: -10px
    }
}

.summary-data _:-ms-fullscreen, :root .summary-data {
    margin-right: -10px
}

@media only screen and (max-width: 576px) {
    .order-date-clock {
        display: none
    }
}

.summary-data .order-number b {
    margin-left: 3px
}

.summary-data .date {
    margin-top: 4px
}

    .summary-data .date span {
        color: #919191
    }

@media only screen and (max-width: 576px) {
    .summary-data .date span {
        display: block
    }

        .summary-data .date span:not(:first-child) {
            margin-top: 1px
        }
}


.summary-data, .order-price-row, .summary-progress {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: 20px;
    margin-right: 20px
}

    .summary-data b, .summary-data span, .order-price-row b, .order-price-row span {
        color: #4b4b57
    }

    .summary-data small, .order-price-row small {
        color: #919191;
        font-size: 14px;
        text-decoration: none
    }

        .summary-data small:active, .summary-data small:focus, .summary-data small:hover, .summary-data small[x-apple-data-detectors], .order-price-row small:active, .order-price-row small:focus, .order-price-row small:hover, .order-price-row small[x-apple-data-detectors] {
            text-decoration: none !important;
            color: #919191 !important
        }


.summary-data, .order-price-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.summary-data, .order-price-row, .summary-progress {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: 20px;
    margin-right: 20px
}

.summary-progress {
    min-width: 260px
}

@media only screen and (max-width: 576px) {
    .summary-progress {
        margin-left: 6px !important;
        margin-right: 6px !important
    }
}

@media only screen and (max-width: 992px) {
    .summary-progress {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        margin-top: 16px;
        min-width: inherit !important;
        -ms-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .summary-progress .order-progress-bar {
        padding-left: 20px
    }
}

.summary-progress _:-ms-fullscreen .order-progress-bar, :root .summary-progress .order-progress-bar {
    padding-left: 20px
}

.progress-status span {
    font-size: 14px;
    display: block
}

    .progress-status span b {
        color: #4b4b57
    }

.progress-bar__status--delivered {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .progress-bar__status--delivered svg {
        margin-right: 8px
    }


    .progress-bar__status--delivered span {
        margin-top: 0 !important;
        color: #4b4b57;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
    }

.progress-print {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .progress-print svg {
        margin-right: 8px
    }


    .progress-print span {
        margin-top: 0 !important;
        color: #4b4b57;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
    }

.progress-bar__status--canceled {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .progress-bar__status--canceled svg {
        margin-right: 8px
    }


    .progress-bar__status--canceled span {
        margin-top: 0 !important;
        color: #ff6465;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
    }


.progress-status-desc {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .progress-status-desc svg {
        margin-right: 8px
    }


    .progress-status-desc span {
        margin-top: 0 !important;
        color: #4b4b57;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 14px;
    }



.order-price-row b {
    color: #439e4a !important;
    margin-top: 1px;
}

@media only screen and (max-width: 576px) {
    .order-price-row {
        text-align: right;
    }
}

@media only screen and (max-width: 576px) {
    .order-price-row b {
        font-size: 13px
    }
}

.summary-data b, .summary-data span, .order-price-row b, .order-price-row span {
    color: #4b4b57
}

.summary-data small:active, .summary-data small:focus, .summary-data small:hover, .summary-data small[x-apple-data-detectors], .order-price-row small:active, .order-price-row small:focus, .order-price-row small:hover, .order-price-row small[x-apple-data-detectors] {
    text-decoration: none !important;
    color: #919191 !important
}

.summary-data, .order-price-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.t-normal {
    font-style: normal;
}

@media only screen and (max-width: 576px) {
    .order-row--awaiting-payment .packages-summary-toggle {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .summary-data {
        margin-right: 0 !important
    }

        .summary-data .date {
            margin-top: 0 !important
        }

    .packages-summary-toggle {
        margin-right: 4px;
        margin-top: 0 !important;
        min-width: inherit !important;
        width: inherit !important
    }

        .packages-summary-toggle svg {
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }
}

.packages-summary-toggle {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #4b4b57;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 32px;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.packages-summary-toggle-icon {
    width: 32px;
    height: 32px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-radius: 32px;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.packages-summary-open {
    background-color: rgba(0,0,0,0)
}

    .packages-summary-open svg {
        color: #4b4b57
    }

.packages-summary-toggle-icon svg {
    fill: currentColor;
    height: 12px;
    width: 12px
}

@media only screen and (max-width: 576px) {
    .summary-data small, .order-price-row small {
        margin-top: 1px;
    }
}

.comp-row-container {
    background-color: #fff;
    cursor: default;
    position: relative;
    margin: 0 20px 16px;
    padding-top: 16px
}

@media only screen and (max-width: 576px) {
    .inprogress-step-bar .dot-step .dot {
        margin-left: -4.5px !important;
    }
}

@media only screen and (min-width: 577px) {
    .order-row--active {
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        background-color: #fff;
        border-color: #eee;
        -webkit-box-shadow: 0 8px 32px rgba(72,72,72,0.16);
        box-shadow: 0 8px 32px rgba(72,72,72,0.16);
        margin-bottom: 30px;
        width: calc(100% + 32px);
        margin-left: -16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .order-row--active .order-row-summary {
            padding-left: 40px !important;
            padding-right: 40px !important;
            position: -webkit-sticky;
            position: sticky;
            top: -15px;
            z-index: 1;
            border-radius: 4px;
            background-color: #fff
        }

        .order-row--active .comp-row-container {
            margin-left: 40px;
            margin-right: 40px
        }
}


.package-card {
    background-color: #fff;
    border-radius: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 577px) {
    .package-card {
        border: 1px solid #e5e5e5
    }
}

.package-card:not(:first-child) {
    margin-top: 24px
}

.package-card .product-evaluate-tooltip .tooltip__arrow {
    left: 110px
}

.cartline-item {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height: 118px
}

@media only screen and (max-width: 992px) {
    .cartline-item {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 576px) {
    .cartline-item {
        border: 1px solid #ddd;
        border-radius: 4px
    }
}

.cartline-column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%
}

@media only screen and (max-width: 992px) {
    .cartline-column {
        width: 100%
    }
}

@media only screen and (min-width: 993px) {
    .cartline-column {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }
}

.cartline-information {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width: 576px) {
    .cartline-information {
        display: block
    }
}

.cartline-column-product {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 24px
}

@media only screen and (max-width: 576px) {
    .cartline-column-product {
        padding: 15px
    }
}

.cartline-columnproduct-item {
    width: 100%
}

    .cartline-columnproduct-item:not(:first-child) {
        margin-top: 30px
    }

.lineitem-card__information {
    background-color: #f5f5f5;
    color: #7b7b7b;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    padding: 24px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}


.lineitem-card__information__state-bar {
    width: 100%;
    margin-bottom: 20px
}

.lineitem-card__information__delivery-status {
    display: block;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin-bottom: 13px
}

.lineitem-card__information__delivery-status--green {
    color: #393
}

.lineitem-card__information__date {
    display: block;
    margin-bottom: 13px
}

.lineitem-card__information__list {
    list-style: none;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 0
}

    .lineitem-card__information__list li:not(:first-child) {
        margin-top: 10px
    }

.lineitem-card__information__return-request-state {
    display: block;
    margin-top: 20px;
    width: 128px
}

.lineitem-card__button-group {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-top: 16px
}

@media only screen and (max-width: 576px) {
    .lineitem-card__button-group {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.lineitem-card__button-group button .hb-button__icon {
    margin-right: 5px
}

@media only screen and (min-width: 577px) {
    .lineitem-card__button-group button:not(:first-child) {
        margin-left: 5px
    }
}

@media only screen and (max-width: 576px) {
    .lineitem-card__button-group button:not(:first-child) {
        margin-top: 5px
    }
}

@media only screen and (max-width: 576px) {
    .lineitem-card__button-group button {
        margin-left: 2px;
        margin-right: 2px;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: inherit
    }
}

.product-card {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.product-image {
    position: relative;
    width: 180px;
    min-width: 64px;
}

@media only screen and (max-width: 576px) {
    .product-image {
        width: 130px;
    }
}

.product-image img {
    display: block;
    width: 100%
}

.product-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 16px;
    width: 100%
}

    .product-content div:not(:first-child) {
        margin-top: 8px
    }

.product-content-title {
    color: #4b4b57;
    font-size: 14.4px;
    line-height: 17px;
    font-weight: 700;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .product-content-title {
        white-space: pre-wrap;
        word-break: break-all
    }
}

.product-content-title _:-ms-fullscreen, :root .product-content-title {
    white-space: pre-wrap;
    word-break: break-all
}

.product-content-title a {
    color: #4b4b57;
    text-decoration: none
}

    .product-content-title a:focus, .product-content-title a:hover {
        text-decoration: none
    }

.product-content-merch li, .product-content-merch ul {
    font-size: 13.6px
}

.product-content-merch ul {
    color: #4b4b57;
    margin: 0;
    padding-left: 15px;
    list-style: none;
    padding: 0;
}



.product-content-price {
    color: #439e4a;
    font-size: 15px;
    font-weight: 600
}

.product-content-evaluate a {
    color: #4b4b57;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    margin-top: 8px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    cursor: pointer;
    background-color: #e1f6ff;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
}

    .product-content-evaluate a:hover {
        background-color: #d0f1ff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .product-content-evaluate a .product-content-evaluate__icon {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjE2MSAxMGEyLjE2IDIuMTYgMCAwIDEgMi4wMTEtMS4zMzNoLjc5Yy4wNjcgMCAuMTI4LS4wNC4xNTQtLjEwMi41LTEuMTkxLjg3NS0yLjU2NSAyLjU1LTIuNTY1IDEuNDY3IDAgMi4wMzQgMS4yMzUgMi4yOTggMS45MzNhLjE2Ny4xNjcgMCAwIDAgLjMxLjAwNkE1IDUgMCAwIDAgMTQuNjY2IDZjMC0zLjMwOS0zLjI5LTYtNy4zMzQtNlMwIDIuNjkxIDAgNmE1LjM4NyA1LjM4NyAwIDAgMCAxLjc3MSAzLjkwM0wuNjg4IDEyLjg4NmEuMzMzLjMzMyAwIDAgMCAuNDQxLjQyMWwzLjg4OC0xLjYxOWMuMzI3LjA4OS42Ni4xNTguOTk1LjIwOGEuMTY2LjE2NiAwIDAgMCAuMTktLjE0NWMuMDAzLS4wMy0uMDAxLS4wNi0uMDEzLS4wODdBMi4xMTIgMi4xMTIgMCAwIDEgNi4xNjEgMTB6IiBmaWxsPSIjRkY2MDAwIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy44MjMgMTUuODg1YS44NS44NSAwIDAgMCAxLjAwNC0uMTExLjgzNy44MzcgMCAwIDAgLjIxMS0uOTY3bC0uODY3LTEuOTg3IDEuNTY1LTEuMzk1YS44NC44NCAwIDAgMCAuMi0uOTE4LjgyMi44MjIgMCAwIDAtLjc3Ny0uNTA3aC0xLjc3NmwtLjk0LTIuMTc4LS4wMDgtLjAxOWEuODYxLjg2MSAwIDAgMC0xLjU0NS4wMTlMOS45NSAxMEg4LjE3MWEuODE4LjgxOCAwIDAgMC0uODE2IDEuMDA2Ljg0Ni44NDYgMCAwIDAgLjI1MS40MzRsMS41NTMgMS4zOC0uODYzIDEuOTg3YS44MzcuODM3IDAgMCAwIC4yMS45NjcuODU3Ljg1NyAwIDAgMCAxLjAwNC4xMWwyLjE1Ni0xLjIxMyAyLjE1NiAxLjIxNGguMDAxeiIgZmlsbD0iI0ZGNjAwMCIvPjwvc3ZnPg==);
        width: 16px;
        height: 16px;
        margin-right: 8px
    }

.cartline-content .action-button-group .action-button, .cartline-content .action-button-group .action-button:hover, .cartline-content .action-button-group .action-button:focus {
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.cartline-content {
    background-color: #f5f5f5;
    color: #7b7b7b;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    padding: 24px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 100%
}

@media only screen and (max-width: 992px) {
    .cartline-content {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px
    }
}

.cartline-delivered {
    background-color: #f7fdf7
}

    .cartline-delivered .cartline-content-header {
        padding-bottom: 24px;
        border-bottom: 1px solid #def6e0
    }

    .cartline-delivered .cartline-content-headericon {
    }

    .cartline-delivered .cartline-hcontent .date {
        color: #439e4a
    }

.lineitem-content--undelivered .cartline-content-headericon {
    background-color: #faa067
}

.lineitem-content--undelivered .cartline-cbody .undelivered-reason {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #4b4b57;
    line-height: 18px
}

.cartline-content-cancel .cartline-content-headericon {
}

.lineitem-content--returned .cartline-content-headericon {
    background-color: #5ad363
}

.lineitem-content--online-purchased {
    background-color: #f7fdf7
}

    .lineitem-content--online-purchased .cartline-content-header {
        padding-bottom: 24px;
        border-bottom: 1px solid #def6e0
    }

    .lineitem-content--online-purchased .cartline-content-headericon {
        background-color: #5ad363
    }

.cartline-content-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cartline-content-headericon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 12px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .cartline-content-headericon svg {
        width: 40px;
        height: 40px;
    }

.cartline-hcontent {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .cartline-hcontent .title {
        font-size: 15px;
        color: #4b4b57
    }

    .cartline-hcontent .date {
        color: #7b7b7b;
        font-size: 14px;
        margin-top: 8px
    }

.cartline-cbody .refunds {
    list-style: none;
    padding-left: 0;
    margin-top: 16px;
    margin-bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .cartline-cbody .refunds li {
        color: #4b4b57;
        line-height: 18px
    }

        .cartline-cbody .refunds li:not(:first-child) {
            margin-top: 16px
        }

        .cartline-cbody .refunds li b {
            color: #4b4b57
        }

.cartline-content .action-button-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .cartline-content .action-button-group .action-button {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        background-color: transparent;
        border: none;
        color: #4b4b57;
        font-size: 14.4px;
        margin-top: 12px;
        text-align: left;
        cursor: pointer;
        display: inline;
        width: 50%;
        text-decoration: none;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 12px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .cartline-content .action-button-group .action-button:hover, .cartline-content .action-button-group .action-button:focus {
            background-color: rgba(0,0,0,0.03);
            border-radius: 4px
        }

@media only screen and (max-width: 576px) {
    .cartline-content .action-button-group .action-button {
        width: 100%
    }
}

.cartline-content .action-button-group .action-button--cargo-tracking {
    -webkit-flex-grow: 4;
    -ms-flex-positive: 4;
    flex-grow: 4
}

.cartline-content .action-button-group .action-button svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 5px
}

.cartline-content .fast-delivery-bar {
    background-color: #fff;
    width: 100%;
    min-height: 56px;
    border-radius: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -16px;
    margin-left: -16px;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px
}



.cartline-content .fast-delivery-bar__text {
    font-size: 14px;
    color: #4b4b57
}

.cartline-content .fast-delivery-bar__cargo-company {
    background-repeat: no-repeat;
    width: 77px;
    height: 15px;
    justify-self: flex-end;
    margin-left: auto
}

.cartline-delivered {
    background-color: #f7fdf7
}

    .cartline-delivered .cartline-content-header {
        padding-bottom: 24px;
        border-bottom: 1px solid #def6e0
    }

    .cartline-delivered .cartline-content-headericon {
    }

    .cartline-delivered .cartline-hcontent .date {
        color: #439e4a
    }

.lineitem-content--undelivered .cartline-content-headericon {
    background-color: #faa067
}

.lineitem-content--undelivered .cartline-cbody .undelivered-reason {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #4b4b57;
    line-height: 18px
}

.cartline-content-cancel .cartline-content-headericon {
}

.lineitem-content--returned .cartline-content-headericon {
    background-color: #5ad363
}

.lineitem-content--online-purchased {
    background-color: #f7fdf7
}

    .lineitem-content--online-purchased .cartline-content-header {
        padding-bottom: 24px;
        border-bottom: 1px solid #def6e0
    }

    .lineitem-content--online-purchased .cartline-content-headericon {
        background-color: #5ad363
    }


.cartline-content-header, .cartline-content-headericon {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}



.order-information {
    color: #4b4b57;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 48px;
    padding-bottom: 48px;
    width: 100%
}

@media only screen and (max-width: 767px) and (min-width: 577px) {
    .order-information {
        border-radius: 4px;
        margin-top: 24px;
        margin-bottom: 24px
    }
}

@media only screen and (max-width: 992px) {
    .order-information {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
}

.order-info {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .order-info {
        -ms-flex-preferred-size: 1px;
        -webkit-flex-basis: 1px;
        flex-basis: 1px
    }
}

@media only screen and (max-width: 992px) {
    .order-info:not(:first-child) {
        margin-top: 48px
    }
}

.order-info-payment .order-info-cont {
    width: 100%
}

@media only screen and (min-width: 993px) {
    .order-info-payment .order-info-cont {
        max-width: 340px
    }
}

.order-info-address .order-info-cont {
    width: 100%
}

@media only screen and (min-width: 993px) {
    .order-info-address .order-info-cont {
        max-width: 360px
    }
}

.order-info-address .order-info-cont .address {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

    .order-info-address .order-info-cont .address address {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        word-break: break-word
    }

        .order-info-address .order-info-cont .address address p {
            margin: 0
        }

    .order-info-address .order-info-cont .address svg {
        height: 60px;
        margin-left: 24px
    }

.order-information__column--other {
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 30px
}

    .order-information__column--other nav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row
    }

@media only screen and (max-width: 576px) {
    .order-information__column--other nav {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.order-information__column--other nav a {
    cursor: pointer;
    font-size: 14px;
    color: #4b4b57;
    text-decoration: none;
    position: relative
}

@media only screen and (max-width: 576px) {
    .order-information__column--other nav a {
        background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2s1NDM1NDNnZ3JmZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iNSIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjI0Ij4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjY1NjE4IDAuNDM0MDA4QzIuMDQ0MTUgLTAuMTU4MzExIDEuMDUzMjMgLTAuMTM4NjQgMC40NDc5MTcgMC40NTgwNUMtMC4xNTk2MzYgMS4wNjM0OCAtMC4xNDYxODUgMi4wMjczNyAwLjQ3MDMzNiAyLjYxMzEzTDEwLjIyNDggMTEuOTA0NUwwLjY5OTAwOSAyMS40MUMwLjA5MzY5NzYgMjIuMDEzMiAwLjEwNzE0OSAyMi45NzkzIDAuNzIzNjcgMjMuNTY1MUMxLjAyODU3IDIzLjg1NzkgMS40MjMxNCAyNCAxLjgxNzcxIDI0QzIuMjIzNSAyNCAyLjYyOTI4IDIzLjg0NDggMi45MzQxOCAyMy41NDFMMTMuNTU0IDEyLjk0MjZDMTQuMTU5MyAxMi4zMzcyIDE0LjE0NTkgMTEuMzczMyAxMy41Mjk0IDEwLjc4NTRMMi42NTYxOCAwLjQzNDAwOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUgMjQpIHNjYWxlKDEgLTEpIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazU0MzU0M2dncmZlKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwSDI0VjI0SDBWMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0KSBzY2FsZSgtMSAxKSIgZmlsbD0iIzQ4NDg0OCIvPgo8L2c+Cjwvc3ZnPgo=);
        background-size: 14px 24px;
        background-repeat: no-repeat;
        background-position: 100%;
        padding: 16px 0
    }
}

.order-information__column--other nav a:not(:first-child) {
    margin-left: 32px
}

@media only screen and (max-width: 576px) {
    .order-information__column--other nav a:not(:first-child) {
        margin-left: 0
    }
}

@media only screen and (max-width: 576px) {
    .order-information__column--other nav a:not(:last-child) {
        border-bottom: 1px solid #e5e5e5
    }
}

.order-info-t {
    color: #4b4b57;
    font-size: 21px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin-top: 0;
    margin-bottom: 24.5px
}

.order-info-cont address {
    text-transform: capitalize;
    color: #646464
}

.order-group {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    padding-left: 8px;
    padding-right: 8px
}

    .order-group:not(:first-child) {
        margin-top: 20px
    }

    .order-group:not(:last-child) {
        margin-bottom: 10px
    }

.order-groupdivider {
    height: 1px;
    background-color: #e5e5e5
}

.order-groupkey, .order-groupval {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.order-groupkey {
    color: #7b7b7b
}

.order-groupval {
    text-align: right;
    color: #4b4b57;
    font-weight: 600
}

.order-grouptotal {
    font-size: 18px;
    color: #439e4a
}

.order-groupval svg {
    vertical-align: middle;
    margin-right: 10px
}

.order-information .info-list {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.order-information .info-list__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

    .order-information .info-list__item:not(:first-child) {
        margin-top: 10px
    }

    .order-information .info-list__item svg {
        width: 18px;
        height: 18px;
        margin-right: 8px
    }

        .order-information .info-list__item svg g rect, .order-information .info-list__item svg path {
            color: #ff6000;
            fill: currentColor
        }

    .order-information .info-list__item span {
        color: #4b4b57;
        font-size: 12px;
        line-height: 1.5;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

.m-t-25 {
    margin-top: 25px !important;
}

.payment-info-card {
    border: 0.5px solid #6bbea1;
    background-color: #f9f9f9;
    padding: 24px 18px;
    border-radius: 4px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .payment-info-card:not(:first-child) {
        margin-top: 8px
    }

.payment-info-card--instant-transfer, .payment-wtransfer {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    justify-items: center;
    text-align: center
}

    .payment-info-card--instant-transfer .payment-card, .payment-wtransfer .payment-card {
        width: inherit
    }

    .payment-info-card--instant-transfer .payment-card-info, .payment-wtransfer .payment-card-info {
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch
    }

.payment-gcertf {
    background-color: #fff;
    border: 1px solid #fadaae
}

    .payment-gcertf .payment-card {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

        .payment-gcertf .payment-card svg {
            margin-top: -16px;
            margin-bottom: -16px
        }

.payment-card {
    margin-left: 4px;
    width: 70px;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .payment-card svg {
        height: 40px
    }
}

.payment-cardnumber {
    font-size: 14px;
    color: #4b4b57;
    font-weight: 600
}

.payment-detail {
    margin-top: 8px;
    color: #646464
}




.lineitem-card__information__state-bar {
    width: 100%;
    margin-bottom: 20px
}











.step-bar:not(:first-child) {
    margin-top: 5px
}

.approved-step-bar .dot-step .dot {
    width: 16px;
    height: 16px;
    background-color: #5f96fd;
    background-position: 50%;
    background-size: 9px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PG1hc2sgaWQ9ImEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjIiIHk9IjQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTIxLjM3MiA4LjAwN2ExLjk5MiAxLjk5MiAwIDAgMCAwLTIuOTA1IDIuMjEgMi4yMSAwIDAgMC0zLjAzMiAwbC05Ljc1IDkuMzQzLTIuOTMtMi44MWEyLjIxIDIuMjEgMCAwIDAtMy4wMzIgMCAxLjk5NSAxLjk5NSAwIDAgMCAwIDIuOTA3bDQuNTUzIDQuMzYyYTIuMjEgMi4yMSAwIDAgMCAzLjAzMiAwTDIxLjM3MyA4LjAwN3oiIGZpbGw9IiNmZmYiLz48L21hc2s+PGcgbWFzaz0idXJsKCNhKSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNHYyNEgweiIvPjwvZz48bWFzayBpZD0iYiIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMiIgeT0iMyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjE3Ij48cGF0aCBkPSJNMjEuMzczIDYuOTc0TDEwLjY1NCAxOC42MTJjLS4xMDUuMjYxLS4yNTQuNS0uNDQxLjcwNkEyLjA0IDIuMDQgMCAwIDEgOC42OTcgMjBhMi4wNCAyLjA0IDAgMCAxLTEuNTE2LS42ODJsLTQuNTUzLTQuOTQzYTIuNDcyIDIuNDcyIDAgMCAxIDAtMy4yOTIgMi4wNDEgMi4wNDEgMCAwIDEgMS41MTYtLjY4MWMuNTc1IDAgMS4xMjUuMjQ3IDEuNTE2LjY4MWwyLjkzIDMuMTgyTDE4LjM0IDMuNjgyQTIuMDQxIDIuMDQxIDAgMCAxIDE5Ljg1NSAzYy41NzUgMCAxLjEyNS4yNDcgMS41MTcuNjgyLjgzNy45MjcuODM4IDIuMzY0LjAwMSAzLjI5MnoiIGZpbGw9IiNmZmYiLz48L21hc2s+PC9zdmc+);
    margin-right: 16px;
    margin-left: 12px
}

@media only screen and (max-width: 576px) {
    .approved-step-bar .dot-step .dot {
        margin-left: -4.5px
    }
}

.approved-step-bar .dot-step .title {
    color: #4b4b57
}

.approved-step-bar .step-band .line {
    margin-right: 22px
}

.approved-step-bar .step-band .line-bg {
    background-color: #7baaff
}

    .approved-step-bar .step-band .line-bg .dot {
        display: inherit
    }

.inprogress-step-bar .dot-step .dot {
    background-color: #7b7b7b;
    width: 16px;
    -webkit-animation-name: shadowAnimated;
    animation-name: shadowAnimated;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 16px;
    background-color: #fcb600;
    background-size: 16px;
    background-repeat: no-repeat;
    margin-right: 16px;
    margin-left: 12px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='katman_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 448 448' style='enable-background:new 0 0 448 448;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='199.7,231.9 199.7,66.2 238.1,66.2 238.1,216.1 319.5,297.3 292.4,324.6 '/%3E%3Cpath class='st0' d='M229.6,74.7v144.9l77.9,77.7l-15.1,15.2l-84.1-84.1V74.7H229.6 M246.6,57.7h-17h-21.3h-17v17v153.7v7l5,5 l84.1,84.1l12.1,12.1l12-12.1l15.1-15.2l11.9-12l-12-12l-72.9-72.7V74.7V57.7L246.6,57.7z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.inprogress-step-bar .dot-step .title {
    color: #848484
}

.step-band, .dot-step {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .dot-step .date {
        width: 91px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        height: 18px;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

@media only screen and (max-width: 576px) {
    .dot-step .date {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
}

.dot-step .datetext, .dot-step .datetitle {
    color: #646464
}

.dot-step .datetitle {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px
}

.dot-step .datetext {
    margin-top: 3px;
    font-size: 11px
}

.dot-step .dot {
    background-color: #ccc;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin-right: 20px;
    margin-left: 16px
}

@media only screen and (max-width: 576px) {
    .dot-step .dot {
        margin-left: 0
    }
}

.dot-step .title {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #9b9b9b;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.dot-step .title-step {
    max-width: 165px;
    width: 100%;
    margin-right: 10px
}

.dot-step .title-step-description {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 13px;
    color: #4b4b57;
    font-weight: 400
}

    .dot-step .title-step-description .btytDelivery {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        wdth: 100%;
        position: relative
    }

        .dot-step .title-step-description .btytDelivery:before {
            background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzNSIgdmlld0JveD0iMCAwIDQ4IDM1Ij4KICAgIDxwYXRoIGZpbGw9IiNGMjhCMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRjI4QjAwIiBzdHJva2Utd2lkdGg9Ii41ODMiIGQ9Ik00My4wOCAxMS4yM2E1LjA2NCA1LjA2NCAwIDAgMCAuNjg4LTIuNTg0YzAtMi41LTEuNzA0LTQuNDcyLTMuNzI2LTQuNDcyLTIuMDIyIDAtMy43MjcgMS45NzItMy43MjcgNC40NzJ2LjA0Nmw1LjczNy4wN2EuNDQ4LjQ0OCAwIDAgMSAuNDQzLjMyNmwuNTg1IDIuMTQyem0tNy42NjMtMi41NXYtLjAzNGMwLTIuOTU3IDIuMDctNS4zNTMgNC42MjUtNS4zNTMuNTM4IDAgMS4wNTQuMTA2IDEuNTM1LjMwMi0xLjI1Ny0xLjA2NS0yLjkzNi0xLjcxNy00Ljc4NS0xLjcxNy0zLjkxIDAtNy4wNiAyLjkxMy03LjA2IDYuNDgyIDAgLjEyMS4wMDQuMjQyLjAxLjM2M2wuMTY2LS4wNzFhLjQ1Ny40NTcgMCAwIDEgLjE4NS0uMDM3bDUuMzI0LjA2NnptNy45OTUgMy43NjZsMy41NzMgMTMuMDc2YS40MzcuNDM3IDAgMCAxLS4yMDUuNDkzbC0xMy42MiA3LjkyM2MtLjEzOC4wOC0uMjk5LjA4LS40My4wMTVsLTEwLjQ3Mi00Ljk4NmEuNDQzLjQ0MyAwIDAgMS0uMjI3LS4yNWwtMi45NjYtOC4yMWEzNS4xOTYgMzUuMTk2IDAgMCAwLTIuMTQ4LS4xNzh2LTIuMDUxaDEuMzQzbC0xLjMxLTMuNjIzYS41MTguNTE4IDAgMCAxLS4wMy0uMjI1LjQyNC40MjQgMCAwIDEgLjIxNS0uMzIzLjQ0OC40NDggMCAwIDEgLjA3My0uMDM1bDExLjg0NS01LjA1NS0uMTg3LjAxOGE2Ljg5NyA2Ljg5NyAwIDAgMS0uMDMzLS42NzVjMC00LjA2NSAzLjU2My03LjM2IDcuOTU5LTcuMzYgNC4zOTUgMCA3Ljk1OCAzLjI5NSA3Ljk1OCA3LjM2YTYuOTQyIDYuOTQyIDAgMCAxLTEuMzM4IDQuMDg2em0tMjMuMzQ4IDguMTlsMi43NTIgNy42MTggOS4zNTIgNC40NTMtNS41NjMtMTYuMzYyLTguNTY1LTEuMzEyIDEuMTcyIDMuMjQ1aC4wOTRjMy4xMzUgMCA0LjE4IDIuNzg0IDMuMTM1IDIuNzg0YTM0LjQxMyAzNC40MTMgMCAwIDAtMi4zNzctLjQyNnptMjUuOTY1IDQuNzkybC00LjI2NS0xNS42MS0xNC4yNjYgNi4zNyA1LjY4MyAxNi43MTQgMTIuODQ4LTcuNDc0em0tMTkuMTQ4LTkuOTMxbDEzLjE2Ni01Ljg4LTkuODY5LS4xMi0xMS4yMTYgNC43ODcgNy45MTkgMS4yMTN6bS05LjMwNiAyLjU4M2E0Ljc1NyA0Ljc1NyAwIDAgMSAuMDQ2IDIuOTU2Yy0uNjk1IDMuNjQ1LTQuMTIyIDYuNDEzLTguMjQ2IDYuNDEzQzQuNzUgMjcuNDUgMSAyMy45NjYgMSAxOS42N2MwLTQuMjk2IDMuNzUtNy43OCA4LjM3NS03Ljc4IDQuMDM5IDAgNy40MSAyLjY1NiA4LjIgNi4xOXpNMTUuMDcgMTUuMmMtMS4zNy0xLjQ4NS0zLjQxLTIuNDI5LTUuNjk1LTIuNDI5LTQuMTQgMC03LjQ3OCAzLjEtNy40NzggNi44OTlzMy4zMzcgNi44OTggNy40NzggNi44OThjMi4zNjcgMCA0LjQ3Mi0xLjAxMyA1Ljg0LTIuNTktLjg0OC40ODctMS44NS43NjktMi45MjMuNzY5LTMuMDYgMC01LjU0Mi0yLjI5MS01LjU0Mi01LjExOCAwLTIuODI2IDIuNDgxLTUuMTE4IDUuNTQyLTUuMTE4YTUuODcgNS44NyAwIDAgMSAyLjc3OC42ODl6bS0yLjc3OCA4LjY3YzIuNTc1IDAgNC42NDMtMS45MSA0LjY0My00LjI0MSAwLTIuMzMtMi4wNjgtNC4yNC00LjY0My00LjI0LTIuNTc1IDAtNC42NDMgMS45MS00LjY0MyA0LjI0czIuMDY4IDQuMjQgNC42NDMgNC4yNHptMTkuNTYtNS43NThsMS4zNDktLjYyNGMuNDc5LS4yMi45OTYgMCAxLjE1Ni40OTJsLjQ1IDEuMzg5Yy4xNTkuNDkzLS4xIDEuMDcyLS41OCAxLjI5M2wtMS4zNDkuNjIzYy0uNDc5LjIyMi0uOTk2LjAwMS0xLjE1Ni0uNDkybC0uNDUtMS4zODhjLS4xNTktLjQ5My4xLTEuMDcyLjU4LTEuMjkzem02LjQ5My0zLjE1bDEuMzUtLjYyM2MuNDc5LS4yMjIuOTk2LS4wMDEgMS4xNTYuNDkybC40NSAxLjM4OGMuMTU5LjQ5My0uMSAxLjA3Mi0uNTggMS4yOTNsLTEuMzQ5LjYyNGMtLjQ3OS4yMjEtLjk5NiAwLTEuMTU2LS40OTJsLS40NS0xLjM4OWMtLjE1OS0uNDkzLjEtMS4wNzIuNTgtMS4yOTN6bS0zLjkzNiA4LjQzMmMxLjE2OC0uMzA5IDIuMy0uNzI3IDMuMzkzLTEuMjU1YTIwLjE1NiAyMC4xNTYgMCAwIDAgMy4xNjctMS45MTRjLjQzNC0uMzIuOTk0LS4yMjMgMS4yNS4yMTRhLjkyLjkyIDAgMCAxIC4xMDkuMjk0Yy41NDcgMi44OTQtLjQyIDQuOTQtMi45MDEgNi4xMzktMi40OCAxLjE5OC00LjM3OC41MzUtNS42OS0xLjk4OC0uMjM2LS40NTItLjA2NS0xLjA2LjM4LTEuMzU4YS45Ny45NyAwIDAgMSAuMjkyLS4xMzJ6Ii8+Cjwvc3ZnPgo=);
            background-size: 46px 33px;
            background-repeat: no-repeat;
            width: 46px;
            height: 33px;
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            margin-top: -5px;
            margin-left: -60px
        }

.step-band {
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 5px;
    margin-left: 107px
}

@media only screen and (max-width: 576px) {
    .step-band {
        margin-left: 0
    }
}

.step-band .line {
    background-color: #ccc;
    width: 3px;
    border-radius: 1.5px;
    margin-right: 23px;
    margin-left: 2.5px;
    min-height: 20px
}

.step-band .line-bg {
    width: 3px;
    position: relative;
    border-radius: 1.5px
}

    .step-band .line-bg .dot {
        display: none;
        background-color: #536ff9;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        left: 0;
        bottom: 0;
        margin-left: -6px;
        position: absolute;
        -webkit-animation-name: shadowAnimated;
        animation-name: shadowAnimated;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        border: 3px solid #fff
    }

        .step-band .line-bg .dot:after {
            content: "";
            position: absolute;
            left: 0;
            margin-left: -1px;
            top: 100%;
            margin-top: 2px;
            width: 0;
            height: 0;
            border-left: 5.5px solid rgba(0,0,0,0);
            border-right: 5.5px solid rgba(0,0,0,0);
            border-top: 9px solid #6c84fa;
            clear: both;
            -webkit-transform: translateZ(-1px);
            transform: translateZ(-1px)
        }

@-webkit-keyframes shadowAnimated {
    0% {
        -webkit-box-shadow: 0 0 4px #fbe990;
        box-shadow: 0 0 4px #fbe990
    }

    25% {
        -webkit-box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
        box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
    }

    50% {
        -webkit-box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
        box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
    }

    to {
        -webkit-box-shadow: 0 0 4px #fbe990;
        box-shadow: 0 0 4px #fbe990
    }
}

@keyframes shadowAnimated {
    0% {
        -webkit-box-shadow: 0 0 4px #fbe990;
        box-shadow: 0 0 4px #fbe990
    }

    25% {
        -webkit-box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
        box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
    }

    50% {
        -webkit-box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
        box-shadow: 0 0 4px 4px rgba(250,219,108,0.9);
    }

    to {
        -webkit-box-shadow: 0 0 4px #fbe990;
        box-shadow: 0 0 4px #fbe990
    }
}

.step-band .content-order {
    margin-top: 16px;
    margin-bottom: 24px;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

    .step-band .content-order span {
        line-height: 18px
    }

    .step-band .content-order ul.refunds {
        list-style: none;
        padding-left: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-top: 0;
        margin-top: 0;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }

        .step-band .content-order ul.refunds li {
            color: #4b4b57;
            line-height: 18px
        }

            .step-band .content-order ul.refunds li:not(:first-child) {
                margin-top: 16px
            }

            .step-band .content-order ul.refunds li b {
                color: #4b4b57
            }

    .step-band .content-order .action-button-group {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: initial;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .step-band .content-order .action-button-group .action-button {
            max-width: 203px;
            width: 100%
        }

        .step-band .content-order .action-button-group .action-button--cargo-tracking {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1;
            -ms-flex-positive: 0;
            -webkit-flex-grow: 0;
            flex-grow: 0;
            background-color: #00a6f3;
            height: 48px;
            border-radius: 4px;
            color: #fff;
            text-align: center;
            font-size: 15px;
            font-weight: 600;
            font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
            line-height: 46px;
            padding: 0
        }

            .step-band .content-order .action-button-group .action-button--cargo-tracking:focus, .step-band .content-account .action-button-group .action-button--cargo-tracking:hover {
                background-color: #00a6f3
            }

            .step-band .content-order .action-button-group .action-button--cargo-tracking svg {
                display: none
            }

    .step-band .content-order .custom-content {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

        .step-band .content-order .custom-content .action-button-group {
            max-width: 120px;
            margin-bottom: 8px;
            width: 100%;
            margin-right: 16px;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: initial;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

@media only screen and (max-width: 576px) {
    .step-band .content-order .custom-content .action-button-group {
        margin-bottom: 20px;
        max-width: inherit
    }
}

.step-band .content-order .othercontent {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .step-band .content-order .othercontent {
        padding-bottom: 20px;
        width: 100%
    }
}

.step-band .content-order .custom-content__other--bubble {
    background-color: #fff;
    border-radius: 16px;
    padding: 8px 16px;
    display: inline-block;
    color: #4b4b57
}

.step-band .content-order .tablo-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 300px;
    width: 100%
}

.step-band .content-order .tablo-list__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 13px
}

@media only screen and (max-width: 576px) {
    .step-band .content-order .tablo-list__item {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .step-band .content-order .tablo-list__item__name {
        margin-bottom: 8px
    }
}

.step-band .content-order .tablo-list__item:not(:first-child) {
    margin-top: 16px
}

.step-band .content-order .tablo-list__item__name {
    margin-right: 8px
}

.step-band .content-order .tablo-list__item__content {
    color: #4b4b57
}

.progress-totalordercount {
    color: #4b4b57;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.canceled-button {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    background-color: #646464;
    height: 34px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    line-height: 34px;
    padding: 0;
}

    .canceled-button:hover {
        color: #fff
    }

.account-popup {
    padding: 0;
    max-width: 470px;
    overflow: hidden;
}

@media only screen and (max-width: 576px) {
    .account-popup {
        max-width: 100%;
    }
}








.ReactModal__Body--open {
    overflow: hidden
}

.cepmodal {
    position: absolute
}

.modal-account, .cepmodal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.modal-account {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0,0,0,0.65);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    z-index: 999
}

@media only screen and (max-width: 767px) {
    .modal-account {
        background-color: #fff;
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        overflow-y: scroll;
        -webkit-overflow-scrolling: scroll;
        padding-top: 30px
    }
}

.modal-head {
    min-height: 72px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #ccc
}

@media only screen and (max-width: 576px) {
    .modal-head {
        padding-left: 15px;
        padding-right: 15px
    }
}

.modal-htitle {
    margin: 0;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 21px;
    line-height: 72px;
    color: #4b4b57
}

@media only screen and (max-width: 576px) {
    .modal-htitle {
        font-size: 15px
    }
}

.modal-head + .modal__close-button {
    margin-top: 15px
}

.modal-body {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    min-height: 420px;
    position: relative;
    width: 100%;
    border-radius: 8px
}

.modal-lbody {
    max-width: 760px
}

.modal-mbody {
    max-width: 560px
}

.modal-sbody {
    max-width: 300px
}

.modal__body--padding {
    padding-left: 24px;
    padding-right: 24px
}

@media only screen and (max-width: 767px) {
    .modal-body {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media only screen and (max-width: 576px) {
    .modal-body {
        height: 100%;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.modal-body-cb {
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    margin-right: -32px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 18px;
    top: 8px;
    height: 18px
}

@media only screen and (max-width: 767px) {
    .modal-body-cb {
        background-color: rgba(0,0,0,0);
        margin-top: -15px;
        margin-right: 24px
    }
}

@media only screen and (max-width: 767px) {
    .modal-body-cb svg {
        width: 20px;
        height: 20px
    }
}

.modal-body-cb svg path {
    color: #fff;
    fill: currentColor
}

@media only screen and (max-width: 767px) {
    .modal-body-cb svg path {
        color: #919191
    }
}

.cancel-line-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.cancel-line-item__iban iframe {
    width: 100%;
    min-height: 400px;
    border: none
}

.cancel-cartline-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 50px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 500px;
    overflow-y: auto
}

.cancel-cartline-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .cancel-cartline-list .item {
        padding: 16px;
        cursor: pointer;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

        .cancel-cartline-list .item:not(:first-child) {
            margin-top: 8px
        }

    .cancel-cartline-list .activeitem {
        background-color: #f5f5f5
    }

    .cancel-cartline-list .item .cm-checkbox {
        margin-right: 20px
    }

    .cancel-cartline-list .item .content-account {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .cancel-cartline-list .item .content-title {
        margin-top: 30px;
        color: #4b4b57;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px
    }

    .cancel-cartline-list .item .content-account .hb-form-selectbox {
        max-width: 400px;
        width: 100%;
        margin-top: 16px
    }

.cancel-line-item__iban {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    margin-bottom: 40px;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .cancel-line-item__iban {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cancel-line-item__iban h5 {
    color: #4b4b57;
    text-transform: uppercase;
    margin-top: 0;
    width: 100%;
    margin-bottom: 16px
}

.cancel-line-item__iban__column {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

@media only screen and (max-width: 767px) {
    .cancel-line-item__iban__column {
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }

        .cancel-line-item__iban__column:last-child {
            -webkit-flex-grow: 0 !important;
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
            margin-top: 16px
        }
}

.cancel-line-item__iban__column:last-child {
    -webkit-flex-grow: 1.5;
    -ms-flex-positive: 1.5;
    flex-grow: 1.5
}

.cancel-line-item__iban__column ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0
}

    .cancel-line-item__iban__column ul li {
        font-size: 13px;
        line-height: 22px;
        color: #919191
    }

        .cancel-line-item__iban__column ul li:not(:first-child) {
            margin-top: 10px
        }

.cancel-line-item__product-process {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 16px;
    padding-top: 16px;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cancel-line-item__product-process__title {
    font-size: 21px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4b4b57;
    margin-top: 0;
    margin-bottom: 0
}

.cancel-line-item__product-process__items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.cancel-line-item__product-process__item:not(:first-child) {
    margin-top: 20px
}

.cancel-cartline-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #e5e5e5;
    padding: 16px 24px
}

    .cancel-cartline-footer button:not(:first-child) {
        margin-left: 16px
    }





.hb-form-selectbox .selectbox-icon svg {
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.hb-form-selectbox {
    display: block;
    border: 2px solid #bfbfbf;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.hb-form-selectbox--active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    .hb-form-selectbox--active .selectbox-icon svg {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

        .hb-form-selectbox--active .selectbox-icon svg path {
            color: #4b4b57
        }

.hb-form-selectbox .selectbox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #919191;
    font-size: 13px;
    padding-left: 16px;
    padding-right: 56px;
    width: 100%;
    height: 36px;
    border: none;
    background-color: #fff;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .hb-form-selectbox .selectbox-input {
        background-color: transparent
    }
}

.hb-form-selectbox .selectbox-icon {
    border-left: 2px solid #bfbfbf;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #eee;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

    .hb-form-selectbox .selectbox-icon svg {
        width: 9px;
        height: 9px
    }

        .hb-form-selectbox .selectbox-icon svg path {
            color: #919191;
            fill: currentColor
        }

@media only screen and (max-width: 767px) {
    .hb-form-selectbox .selectbox-input + .selectbox-icon {
        z-index: -1
    }
}

.hb-form-selectbox .selectbox-placeholder {
    background-color: #fff;
    border-radius: 4px;
    color: #919191;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 13px;
    padding-left: 16px;
    padding-right: 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 36px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hb-form-selectbox .selectbox-result {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    margin-top: 36px;
    background-color: #fff;
    width: 100%;
    margin-left: -2px;
    border: 2px solid #c6c6c6;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.hb-form-selectbox .selectbox-result {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-height: 140px;
    overflow-y: auto
}

    .hb-form-selectbox .selectbox-result li {
        padding: 14px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        font-size: 13px;
        color: #919191;
        cursor: pointer
    }

        .hb-form-selectbox .selectbox-result li:hover {
            background-color: #eee;
            color: #4b4b57
        }

.cm-checkbox {
    display: inline-block;
    margin-bottom: 0
}

.cm-checkbox-l .cm-checkbox-checkmark {
    background-size: 24px 24px;
    width: 24px;
    height: 24px
}

.hb-form-checkbox--small .cm-checkbox-checkmark {
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}



.hb-form-checkbox--disabled .cm-checkbox-checkmark {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: not-allowed;
    opacity: 0.3
}

.cm-checkbox-input {
    width: 0;
    height: 0;
    display: inline;
    opacity: 0
}

    .cm-checkbox-input[disabled] .cm-checkbox-input:disabled {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: not-allowed;
        opacity: 0.3
    }

    .cm-checkbox-input:checked ~ .cm-checkbox-checkmark {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='f43f' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.4c0-2.24 0-3.36.436-4.216A3.998 3.998 0 0 1 2.184.436C3.04 0 4.16 0 6.4 0h11.2c2.24 0 3.36 0 4.216.436a3.998 3.998 0 0 1 1.748 1.748C24 3.04 24 4.16 24 6.4v11.2c0 2.24 0 3.36-.436 4.216a3.998 3.998 0 0 1-1.748 1.748C20.96 24 19.84 24 17.6 24H6.4c-2.24 0-3.36 0-4.216-.436a3.997 3.997 0 0 1-1.748-1.748C0 20.96 0 19.84 0 17.6V6.4zm17.936-.072c.777-.023 1.455.39 1.769 1.155.307.75.13 1.504-.393 2.03l-7.623 7.87c-.727.75-1.923.75-2.65 0l-3.25-3.356a1.883 1.883 0 0 1-.495-1.796 1.863 1.863 0 0 1 1.317-1.345 1.832 1.832 0 0 1 1.811.507l1.942 2.005L16.656 6.9a1.847 1.847 0 0 1 1.28-.573z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.4c0-2.24 0-3.36.436-4.216A3.998 3.998 0 0 1 2.184.436C3.04 0 4.16 0 6.4 0h11.2c2.24 0 3.36 0 4.216.436a3.998 3.998 0 0 1 1.748 1.748C24 3.04 24 4.16 24 6.4v11.2c0 2.24 0 3.36-.436 4.216a3.998 3.998 0 0 1-1.748 1.748C20.96 24 19.84 24 17.6 24H6.4c-2.24 0-3.36 0-4.216-.436a3.997 3.997 0 0 1-1.748-1.748C0 20.96 0 19.84 0 17.6V6.4zm17.936-.072c.777-.023 1.455.39 1.769 1.155.307.75.13 1.504-.393 2.03l-7.623 7.87c-.727.75-1.923.75-2.65 0l-3.25-3.356a1.883 1.883 0 0 1-.495-1.796 1.863 1.863 0 0 1 1.317-1.345 1.832 1.832 0 0 1 1.811.507l1.942 2.005L16.656 6.9a1.847 1.847 0 0 1 1.28-.573z' fill='%230099DF'/%3E%3Cpath d='M.436 2.184l1.782.908-1.782-.908zM2.184.436l.908 1.782L2.184.436zm19.632 0l-.908 1.782.908-1.782zm1.748 1.748l-1.782.908 1.782-.908zm0 19.632l-1.782-.908 1.782.908zm-1.748 1.748l-.908-1.782.908 1.782zm-19.632 0l.908-1.782-.908 1.782zM.436 21.816l1.782-.908-1.782.908zM19.705 7.483l1.85-.758v-.001l-1.85.76zm-1.77-1.155l-.06-1.999.06 2zm1.377 3.185L17.894 8.1l-.01.01-.01.01 1.436 1.392zm-7.623 7.87l1.436 1.391-1.436-1.391zm-2.65 0l-1.437 1.39v.001l1.437-1.392zm-3.25-3.356l1.437-1.39-.013-.015-.014-.014-1.41 1.42zm-.495-1.796l-1.939-.491 1.939.49zm1.317-1.345l-.52-1.931.52 1.931zm1.811.507l-1.464 1.363.014.014.014.015 1.436-1.392zm1.942 2.005l-1.437 1.391 1.437 1.484 1.436-1.484-1.436-1.391zM16.656 6.9l1.437 1.391.005-.005.005-.005L16.656 6.9zM-1.346 1.276c-.386.757-.528 1.543-.593 2.334C-2.002 4.377-2 5.313-2 6.4h4c0-1.153.002-1.898.048-2.464.044-.544.12-.745.17-.844l-3.564-1.816zm2.622-2.622a5.998 5.998 0 0 0-2.622 2.622l3.564 1.816a2 2 0 0 1 .874-.874L1.276-1.346zM6.4-2c-1.087 0-2.023-.002-2.79.061-.79.065-1.577.207-2.334.593l1.816 3.564c.099-.05.3-.126.844-.17C4.502 2.002 5.246 2 6.4 2v-4zm11.2 0H6.4v4h11.2v-4zm5.124.654c-.757-.386-1.543-.528-2.334-.593C19.623-2.002 18.687-2 17.6-2v4c1.153 0 1.898.002 2.464.048.544.044.745.12.844.17l1.816-3.564zm2.622 2.622a5.998 5.998 0 0 0-2.622-2.622l-1.816 3.564a2 2 0 0 1 .874.874l3.564-1.816zM26 6.4c0-1.087.002-2.023-.061-2.79-.065-.79-.207-1.577-.593-2.334l-3.564 1.816c.05.099.126.3.17.844.046.566.048 1.31.048 2.464h4zm0 11.2V6.4h-4v11.2h4zm-.654 5.124c.386-.757.528-1.543.593-2.334.063-.767.061-1.703.061-2.79h-4c0 1.153-.002 1.898-.048 2.464-.044.544-.12.745-.17.844l3.564 1.816zm-2.622 2.622a5.998 5.998 0 0 0 2.622-2.622l-3.564-1.816a1.998 1.998 0 0 1-.874.874l1.816 3.564zM17.6 26c1.087 0 2.023.002 2.79-.061.79-.065 1.577-.207 2.334-.593l-1.816-3.564c-.099.05-.3.126-.844.17-.566.046-1.31.048-2.464.048v4zM6.4 26h11.2v-4H6.4v4zm-5.124-.654c.757.386 1.543.528 2.334.593.767.063 1.703.061 2.79.061v-4c-1.153 0-1.898-.002-2.464-.048-.544-.044-.745-.12-.844-.17l-1.816 3.564zm-2.622-2.622a5.998 5.998 0 0 0 2.622 2.622l1.816-3.564a1.998 1.998 0 0 1-.874-.874l-3.564 1.816zM-2 17.6c0 1.087-.002 2.023.061 2.79.065.79.207 1.577.593 2.334l3.564-1.816c-.05-.099-.126-.3-.17-.844C2.002 19.498 2 18.754 2 17.6h-4zm0-11.2v11.2h4V6.4h-4zm23.555.324a3.797 3.797 0 0 0-3.68-2.395l.121 3.998c.009 0 .002.001-.015-.003a.24.24 0 0 1-.122-.079c-.012-.014-.01-.018-.005-.003l3.7-1.518zm-.827 4.2c1.082-1.086 1.445-2.692.827-4.199l-3.701 1.516c.006.016.004.016.002.001a.22.22 0 0 1 .026-.122c.008-.015.014-.02.013-.02l2.833 2.824zm-7.602 7.85l7.622-7.87-2.873-2.783-7.623 7.87 2.874 2.783zm-5.524 0a3.842 3.842 0 0 0 5.523 0l-2.872-2.783a.159.159 0 0 1 .222 0l-2.873 2.783zm-3.25-3.355l3.25 3.355 2.873-2.783-3.249-3.355-2.873 2.783zm-.997-3.678a3.883 3.883 0 0 0 1.025 3.705l2.82-2.838a.117.117 0 0 1 .033.113l-3.878-.98zM6.09 8.955a3.863 3.863 0 0 0-2.735 2.785l3.878.982a.137.137 0 0 1-.1.095L6.09 8.955zm3.796 1.075a3.832 3.832 0 0 0-3.795-1.075l1.04 3.862a.15.15 0 0 1-.079 0 .208.208 0 0 1-.094-.061l2.928-2.726zm1.914 1.976l-1.94-2.004-2.873 2.783 1.941 2.004 2.873-2.783zm3.42-6.497l-6.293 6.497L11.8 14.79l6.293-6.497L15.22 5.51zm2.654-1.18A3.847 3.847 0 0 0 15.21 5.52l2.894 2.762a.154.154 0 0 1-.106.045l-.123-3.998z' fill='%230099DF' mask='url(%23f43f)'/%3E%3C/svg%3E%0A");
    }

.cm-checkbox-checkmark {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4z' fill='%23fff' stroke='%23BFBFBF' stroke-width='2'/%3E%3C/svg%3E");
    display: inline-block;
    cursor: pointer
}

.form-control-account {
    border-radius: 4px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
}

.form-control-account-container {
    max-width: 400px;
    width: 100%;
    margin-top: 16px;
    height: 90px;
}



.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        .rating-stars ul > li.star > i.fa {
            font-size: 1.5em;
            color: #ccc;
        }

        .rating-stars ul > li.star.hover > i.fa {
            color: #5fb8e0;
        }

        .rating-stars ul > li.star.selected > i.fa {
            color: #0099df;
        }


.star-container {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.star-row {
    display: flex;
    flex-direction: row;
}

.star-title {
    width: 125px;
}

.comment-product-container {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.comment-product-detail ul {
    margin: 0;
    padding: 0;
    font-size: 13px;
    display: inline-block;
    color: #4c4c4c;
    list-style: none;
}

.comment-product-title #comproductName {
    display: block;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.comment-product-detail a {
    margin-left: 25px;
    font-size: 13px;
    display: block;
}


    .comment-product-detail a i {
        color: #757373
    }

        .comment-product-detail a i:hover {
            color: #0099DF
        }

.rating-stars ul {
    margin-bottom: 0.5rem;
}

@media only screen and (max-width: 576px) {
    .rating-stars ul {
        margin-bottom: 1rem;
    }
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card {
    height: 280px;
    border: 0;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.09)
}

.card-customer-name {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #717171;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.card-title {
    margin-bottom: 1.2rem;
    margin-top: 3px;
}

.card-action-button {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 15px;
    width: 100%;
    text-align: right;
    box-sizing: border-box;
}

.adress-remove {
    margin-right: 8px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d
}

.adress-btn-edit {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    background: #29abe0;
    border-color: #28abe0;
}

.adress-add-icon {
    color: #05A349;
    font-size: 21px;
}

.card-body-add {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title-add {
    color: #717171;
    margin-top: .50rem;
    font-size: 15px;
}

.adress-card {
    width: 30%;
    margin-bottom: 35px;
    margin-right: 30px;
}

@media only screen and (max-width: 767px) {
    .adress-card {
        width: 100%;
        margin-right: 0
    }
}

.adress-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 26px;
}



.comp-account {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 32px auto;
    max-width: 1200px;
    width: calc(100% - 30px);
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width: 767px) {
    .comp-account {
        padding: 0;
    }
}

@media only screen and (max-width: 992px) {
    .comp-account {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 16px auto;
    }
}

.adress-modal {
    padding: 25px;
    max-width: 550px;
    overflow: hidden;
    justify-content: flex-start;
    margin: 15px;
}

.adress-modal-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: auto;
    height: 550px;
}

@media only screen and (max-width: 767px) {
    .adress-modal-container {
        padding-left: 5px;
        padding-right: 5px
    }
}

.adress-modal-title {
    width: 90%
}

.adress-modal-content {
    width: 46%;
    margin: 13px 13px;
}

@media only screen and (max-width: 767px) {
    .adress-modal-content {
        width: 98%;
    }
}

.adress-line-item__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #e5e5e5;
    padding: 16px 24px;
    width: 100%;
}

    .adress-line-item__footer button:not(:first-child) {
        margin-left: 16px
    }

.card-body-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 1.25rem;
    text-align: center;
    background-color: #ececec;
}

    .card-body-delete .adress-btn-edit {
        padding: 8px 35px;
    }

.adress-invoice-right {
    width: 48%;
    margin-top: 57px;
}

.user-info-content {
    width: 36%;
}

@media only screen and (max-width: 767px) {
    .user-info-content {
        width: 98%;
    }
}

.user-info-form {
    margin-top: 26px;
    margin-bottom: 30px
}

#lessmaildiv label:first-child {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #616161;
}

.custom-checkbox .custom-control-indicator {
    border-radius: 50% !important;
}


.bid-block {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
    box-shadow: 0 1px 2px 0 rgba(72,72,72,0.08);
    border: 1px solid #eee;
    margin-bottom: 35px;
}

.bid-header {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .bid-header {
        flex-direction: column;
        align-items: unset;
    }
}

.bid-content {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}

.bid-content-left-block {
    width: 66%;
}

.bid-message {
    display: flex;
    margin-top: 15px;
}

@media only screen and (max-width: 767px) {
    .bid-message {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.bid-message-left-block {
    width: 42%;
    margin-right: 15px;
}

@media only screen and (max-width: 767px) {
    .bid-message-left-block {
        width: 100%;
        margin-top: 15px;
        margin-right: 0;
    }
}

.bid-message-text-area {
    max-height: 92px;
    min-height: 92px;
}

.bid-message-right-block {
    width: 55%;
}

@media only screen and (max-width: 767px) {
    .bid-message-right-block {
        width: 100%;
        margin-top: 15px;
    }
}

.bid-custumer-message-block {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 5px 12px;
    margin-bottom: 10px
}

    .bid-custumer-message-block p:first-child {
        font-size: 13px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        color: #3c3b3b;
    }

    .bid-custumer-message-block p {
        font-size: 13px;
    }

.vertical-hr {
    width: 1px;
    background-color: #e5e5e5;
    min-height: 100%;
    margin-right: 20px;
    margin-left: 20px;
}

.bid-content-right-block {
    width: 27%;
    padding: 26px 5px;
}

@media only screen and (max-width: 767px) {
    .bid-content-right-block {
        width: 98%;
        padding: 25px 0 0 0;
    }
}

.bid-add-cart-button {
    font-size: 14px;
    margin-top: 8px;
    background: #05A349;
    border-color: #05A349;
    width: 94%;
    color: #fff;
}

.bid-past-cart-button {
    font-size: 14px;
    margin-top: 8px;
    background: #F44336;
    border-color: #F44336;
    width: 94%;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .bid-add-cart-button {
        width: 100%;
    }

    .bid-past-cart-button {
        width: 100%;
    }
}

.bid-status-waiting {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #FF8200;
}

.bid-status-complete {
    font-size: 17px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4d9e4a;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.bid-free-ship-title {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4b4b57;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .bid-content-right-block-container {
        border-top: 1px solid #eee;
        padding-top: 25px;
        padding-bottom: 10px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .bid-content-left-block {
        width: 98%;
    }
}

.account-mobile-none {
}

@media only screen and (max-width: 767px) {
    .account-mobile-none {
        display: none !important;
    }
}

.bid-date {
    margin-right: 10%;
}

@media only screen and (max-width: 767px) {
    .bid-date {
        margin-right: 0;
    }
}

.bid-date p:first-child {
    line-height: 2;
}

.bid-content-left-block h5 {
    color: #4b4b57
}

.bid-message-send-button {
    font-size: 14px;
    width: 100%;
    margin-top: 8px;
    border-color: #0099DF;
    background: #fff;
    color: #0099DF;
    font-size: 14px;
    width: 100%;
    margin-top: 8px;
}

    .bid-message-send-button:hover {
        background: #0099DF;
        border-color: #008ed0;
        color: #fff;
    }

.modal__body--medium-bid {
    max-width: 500px;
}

.bid-modal-container {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    overflow-y: auto;
    height: 330px;
    padding-top: 15px;
}

@media only screen and (max-width: 767px) {
    .bid-modal-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.bid-modal-content {
    width: 99%;
}

.customer-message-color {
    color: #0099df
}

.md-button {
    font-weight: 500;
    margin-top: -8px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: absolute;
    right: 12%;
}

@media only screen and (max-width: 767px) {
    .md-button {
        margin-top: -1px;
    }
}

.md-button-floating {
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    cursor: pointer;
    height: 40px;
    width: 40px;
}

    .md-button-floating:hover {
        box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
    }

.md-button-blue {
    background-color: #2196F3;
    color: #ffffff;
}

    .md-button-blue:hover {
        background-color: #0c7cd6;
    }


.flex-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.fab {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    height: 42px;
    width: 42px;
    color: #fff;
    background-color: #0099df;
    border: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 32px;
    position: absolute;
    margin-top: -7px;
    right: 0;
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

@media only screen and (max-width: 767px) {
    .fab {
        height: 30px;
        width: 30px;
        padding: 4px;
    }
}

@media only screen and (max-width: 992px) {
    .fab {
        margin-top: 0;
        right: 30px;
    }
}

.fab:hover {
    background-color: #0099df;
    width: 135px;
    box-shadow: 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32);
}

    .fab:hover > .fab__content:after {
        content: "Teklif iste";
    }

.fab__content {
    box-sizing: inherit;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14.4px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-transform: uppercase;
    position: absolute;
    display: block;
    width: 135px;
}

.fab--extended {
    width: auto;
    padding: 10px;
    border-radius: 32px;
    position: absolute;
    margin-top: -7px;
    right: 10%;
}



.bid-null-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 50px;
}

@media only screen and (max-width: 767px) {
    .bid-null-content {
        padding: 40px;
    }
}

.bid-null-content p {
    margin: 7px 0;
    font-size: 15px
}

.coupon-row {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
}

.coupon-card-block {
    height: 100%;
    border: 0;
    margin-right: 35px;
    margin-bottom: 35px;
    width: 45%;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.16), 0 2px 7px 0 rgba(0, 0, 0, 0.09)
}

@media only screen and (max-width: 767px) {
    .coupon-card-block {
        width: 100%;
        margin-right: 0
    }
}

.coupon-title {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e5e5;
}

.coupon-title-container {
    width: 100%;
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.coupon-code {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    align-items: center;
    color: #4e9613;
}

.coupon-content-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 15px;
    line-height: 1.8;
}

    .coupon-content-container label {
        font-size: 14px;
    }

        .coupon-content-container label span {
            font-weight: 600;
            font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
            color: #353535
        }

.coupon-detail {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #4b4b57
}


.member-info-form-title {
    margin-bottom: 15px;
}

    .member-info-form-title p {
        font-size: 15px;
        color: #0099E0;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

.member-info-left {
    width: 45%;
    padding-right: 10px;
    border-right: 1px solid #eee;
}

@media only screen and (max-width: 767px) {
    .member-info-left {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 18px;
    }
}

.member-info-right {
    width: 45%;
    padding-left: 10px;
}

@media only screen and (max-width: 767px) {
    .member-info-right {
        width: 100%;
        padding-left: 0;
        margin-top: 29px;
    }
}

.member-right-colm {
    padding-left: 45px;
}

@media only screen and (max-width: 767px) {
    .member-right-colm {
        padding-left: 0;
    }
}

.member-left-colm {
    padding-right: 45px;
}

@media only screen and (max-width: 767px) {
    .member-left-colm {
        padding-right: 0;
    }
}

.member-info-right .member-right-colm:first-child {
    margin-bottom: 38px;
}

.member-info-right .member-right-colm:nth-child(3) {
    margin-top: 35px;
}

.only-mobile {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .only-mobile {
        display: block !important;
    }
}

.main__container__content-bid {
    max-width: 955px;
    margin-top: 26px
}


.comp-container-head .nav__item-coupon {
    color: #919191;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: -1px
}

@media only screen and (max-width: 767px) {
    .comp-container-head .nav__item-coupon {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (max-width: 576px) {
    .comp-container-head .nav__item-coupon {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }
}

.nav__item-coupon {
    display: block;
    margin-top: 11px;
}

.comp-container-head .nav__item-coupon:not(:first-child) {
    margin-left: 10px
}

.comp-container-head .nav__item-coupon:hover, .comp-container-head .nav__item-coupon:focus {
    text-decoration: none
}

.comp-container-head .nav__item-coupon:after {
    content: ' ';
    background-color: transparent;
    width: 100%;
    height: 3px;
    display: block;
    margin-top: 10px;
    width: calc(100% + 48px);
    margin-left: -24px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

@media only screen and (max-width: 767px) {
    .comp-container-head .nav__item-coupon:after {
        width: calc(100% + 20px);
        margin-left: -11px;
    }
}

.comp-container-head .navi-item-active:after {
    background-color: #28abe0;
    background-image: -webkit-gradient(linear, right top, left top, from(#28abe0), to(#9ce2ff));
    background-image: -o-linear-gradient(right, #28abe0, #9ce2ff);
    background-image: linear-gradient(to left, #28abe0, #9ce2ff)
}

.rating-main-container-content {
    width: 75%
}

@media only screen and (max-width: 576px) {
    .rating-main-container-content {
        width: 100%
    }
}

.rating-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding-top: 25px;
    margin-bottom: 40px
}

@media only screen and (max-width: 576px) {
    .rating-card {
        max-width: 100%;
        padding-bottom: 0
    }

        .rating-card:first-child {
            padding-top: 0
        }
}

.rating-card-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: relative
}

@media only screen and (max-width: 576px) {
    .rating-card-content {
        padding-right: 0;
        max-width: 100%
    }

        .rating-card-content:first-child {
            padding-top: 0
        }
}

.rating-card:not(:first-child) {
    border-top: 1px solid #f4f4f4;
    padding-top: 30px;
}

.rating-card-block {
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px
}

@media only screen and (max-width: 576px) {
    .rating-card-block {
        max-width: 100%
    }
}

.rating-card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.rating-card-header-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.rating-card-header-product-image {
    width: 52px;
    height: 52px;
    margin-right: 12px;
    overflow: hidden
}

    .rating-card-header-product-image a img {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        border-radius: 7px;
    }

.rating-card-header-product-name {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #4b4b57;
    max-width: 224px
}

@media only screen and (max-width: 576px) {
    .rating-card-header-product-name {
        font-size: 14px
    }
}

.rating-card-header-rating-date-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.rating-card-header-date span {
    margin-right: 10px;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 13px;
    color: #919191
}

@media only screen and (max-width: 576px) {
    .rating-card-header-date span {
        font-size: 12px
    }
}

.rating-pointer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .rating-pointer svg:not(:first-child) {
        margin-left: 5px
    }



.rating-card-content .rating-card-description {
    border-radius: 16px;
    background-color: #e5f2fd;
    padding: 20px;
}

.rating-card-content .rating-card-description--active p {
    overflow: hidden;
    position: relative;
    color: #4b4b57;
    line-height: 1.46em;
    max-height: 5.84em;
    font-size: 13px;
    letter-spacing: normal;
    font-family: 'CepteFont','Volte', Arial, sans-serif;
}

    .rating-card-content .rating-card-description--active p:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0
    }

    .rating-card-content .rating-card-description--active p:after {
        content: '';
        position: absolute;
        right: 0;
        height: 50px;
        margin-top: 0.2em;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#eee));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eee 100%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #eee 100%);
        left: 0;
        bottom: 0;
        width: 100%
    }

.rating-card-content .rating-card-description p {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 14px;
    color: #4b4b57;
    max-width: 100%;
    margin: 8px 0;
}

@media only screen and (max-width: 576px) {
    .rating-card-content .rating-card-description p {
        max-width: 100%;
        margin-top: 6px
    }

        .rating-card-content .rating-card-description p.long-desc {
            margin-bottom: 2px
        }
}

.rating-card-content .rating-card-description .rating-card-toggle-button {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    color: #919191;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 16px
}

.rating-card-content .rating-card-message {
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 576px) {
    .rating-card-content .rating-card-message {
        padding-right: 25px
    }
}

.rating-card-content .rating-card-message span {
    font-family: 'CepteFont','Volte', Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #4b4b57;
    letter-spacing: normal;
    max-width: 700px;
    line-height: 1.5em;
    margin-left: 8px
}

.rating-card-content .rating-card-message svg {
    width: 24px;
    height: 24px
}

.rating-card-content .rating-card-title {
    margin-bottom: 12px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 30px
}

@media only screen and (max-width: 576px) {
    .rating-card-content .rating-card-title {
        padding-right: 25px;
        margin-bottom: 4px
    }
}

.rating-card-content .rating-card-title span {
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    max-width: 700px;
    line-height: 1.27;
    letter-spacing: normal;
    color: #4b4b57
}

.rating-card-content .rating-card-title svg {
    width: 18px;
    height: 18px;
    margin-left: 8px
}

.rating-card-button a:first-child {
    margin-right: 6px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d;
    border-right: 1px solid #5d5d5d;
    padding-right: 8px;
}

.rating-card-button a:nth-child(2) {
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #5d5d5d;
}

.rating-card-button a:hover {
    color: #0099DF;
    text-decoration: none;
}

.rating-card-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.rating-card-button {
    margin-bottom: 12px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 87px;
}

@media only screen and (max-width: 576px) {
    .rating-card-button {
        margin-bottom: 4px
    }
}

.rating-null-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 6.7% 6.7% 0px 6.7%;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 576px) {
    .rating-null-content {
        margin-top: 20%;
        margin-bottom: 20%;
        width: initial;
    }
}

.rating-null-image {
    width: 24%;
}

@media only screen and (max-width: 576px) {
    .rating-null-image {
        width: 48%
    }
}

.rating-null-title {
    margin-top: 1%;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    text-align: center;
}

.rating-null-content-text {
    max-width: 75%;
    text-align: center;
    margin-top: 5px;
    line-height: 1.5;
}

@media only screen and (max-width: 576px) {
    .rating-null-content-text {
        max-width: 100%;
    }
}

.rating-null-button {
    margin-top: 2%;
    font-size: 100%;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    background-color: #0099DF;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    padding: 1.8% 2.4% 1.8% 2.4%;
}

    .rating-null-button:hover {
        color: #ffffff;
        background-color: #00a6f3;
    }

@media only screen and (max-width: 576px) {
    .rating-null-button {
        margin-top: 15%;
        padding: 6% 0% 6% 0%;
        width: 100%;
    }
}



.rating-product-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding-top: 25px;
    padding-bottom: 12.5px;
    margin-bottom: 12.5px;
    margin-top: 12.5px
}

@media only screen and (max-width: 576px) {
    .rating-product-card {
        padding-bottom: 0
    }

        .rating-product-card:first-child {
            padding-top: 0px
        }
}

.rating-product-card:not(:first-child) {
    border-top: 1px solid #f4f4f4
}

.rating-product-card-image {
    width: 130px;
    margin-right: 17px;
}

@media only screen and (max-width: 576px) {
    .rating-product-card-image {
        width: 56px;
        margin-right: 10px
    }
}

.rating-product-card-image img {
    width: 100%;
}


.rating-product-card-image-box {
    width: 130px
}

@media only screen and (max-width: 576px) {
    .rating-product-card-image-box {
        width: 56px;
    }
}

.rating-product-card-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    position: relative
}

@media only screen and (max-width: 576px) {
    .rating-product-card-content {
        padding-right: 0
    }
}

.rating-product-card-content .rating-product-card-block {
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 576px) {
    .rating-product-card-content .rating-product-card-block {
        height: auto
    }
}

.rating-product-card-content .rating-product-card-title {
    margin-bottom: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start
}

    .rating-product-card-content .rating-product-card-title span {
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        color: #4b4b57;
        max-width: 700px;
        line-height: 1.5em
    }

.rating-product-card-content .rating-product-card-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

    .rating-product-card-content .rating-product-card-info > .rating {
        margin-right: 16px
    }

@media only screen and (max-width: 576px) {
    .rating-product-card-content .rating-product-card-info > .rating {
        margin-right: 8px
    }
}

@media only screen and (max-width: 576px) {
    .rating-product-card-content .rating-product-card-info > .date {
        margin-top: 4px
    }
}

.rating-product-card-content .rating-product-card-info > .date span {
    font-size: 13px;
    color: #919191
}

.rating-pointer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

    .rating-pointer svg:not(:first-child) {
        margin-left: 5px
    }

.rating-product-card-add-comment {
    cursor: pointer;
    padding-left: 0px;
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #0099e0
}

.rating-product-card-description li, .rating-product-card-description ul {
    font-size: 13.6px
}

.rating-product-card-description ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.rating-product-card-description {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start
}

#aramamobile {
    width: 100%
}

.mobile-none-phone {
}

@media only screen and (max-width: 576px) {
    .mobile-none-phone {
        display: none !important;
    }
}

.cartline-refund {
    background-color: #fdfaf7 !important;
}

.cartline-canceled {
    background-color: #fdf7f7 !important;
}

.edit-comment {
    background-color: #fff !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.cargo-modal-content-container {
    display: flex;
    flex-direction: row;
    padding: 30px 40px;
}

@media only screen and (max-width: 576px) {
    .cargo-modal-content-container {
        flex-direction: column;
        padding: 20px;
    }
}



.cargo-modal-content-header {
    flex-direction: column;
    align-items: center;
    padding-right: 20px;
    max-width: 350px;
    min-width: 250px;
    text-align: center;
}

@media only screen and (max-width: 576px) {
    .cargo-modal-content-header {
        width: 100%;
        max-width: none;
        padding-right: 0;
    }
}

.cargo-modal-content-header svg {
    width: 113px;
}

.cargo-header-title {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #919191;
}

@media only screen and (max-width: 576px) {
    .cargo-header-title {
        font-size: 15px;
    }
}

.cargo-modal-content-header .trackno-title:not:first-child {
    margin-top: 20px;
}

.cargo-header-content {
    padding: 10px 25px;
    margin-top: 5px;
    background-color: #f4f9ff;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    border-radius: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 576px) {
    .cargo-header-content {
        font-size: 15px;
    }
}

.cargo-modal-tracking {
    position: relative;
    padding-left: 20px;
    flex-grow: 1;
    overflow: auto;
    max-height: 500px;
}

@media only screen and (max-width: 576px) {
    .cargo-modal-tracking {
        max-height: none;
        padding-left: 0;
        margin-top: 25px;
    }
}

.cargo-status-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.cargo-first-step {
    padding-top: .375rem;
    margin-bottom: .375rem;
    top: 0;
}

.cargo-status-step .blue-bar {
    background-color: #04a6e1;
    width: 10px;
    height: 100%;
    position: absolute;
    left: 10px
}

.cargo-status-step .last-blue-bar {
    height: 5%;
}

.cargo-status-step .blue-bar .cargo-icon {
    width: 28px;
    height: 28px;
    position: relative;
    left: -9px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTI1NiAwYy0xNDEuMTY0MDYyIDAtMjU2IDExNC44MzU5MzgtMjU2IDI1NnMxMTQuODM1OTM4IDI1NiAyNTYgMjU2IDI1Ni0xMTQuODM1OTM4IDI1Ni0yNTYtMTE0LjgzNTkzOC0yNTYtMjU2LTI1NnptMCAwIiBmaWxsPSIjMjE5NmYzIiBkYXRhLW9yaWdpbmFsPSIjMjE5NkYzIiBjbGFzcz0iIiBzdHlsZT0iZmlsbDojMjE5NkYzIiBkYXRhLW9sZF9jb2xvcj0iIzIxOTZmMyI+PC9wYXRoPjxwYXRoIGQ9Im0zODUuNzUgMjAxLjc1LTEzOC42Njc5NjkgMTM4LjY2NDA2MmMtNC4xNjAxNTYgNC4xNjAxNTctOS42MjEwOTMgNi4yNTM5MDctMTUuMDgyMDMxIDYuMjUzOTA3cy0xMC45MjE4NzUtMi4wOTM3NS0xNS4wODIwMzEtNi4yNTM5MDdsLTY5LjMzMjAzMS02OS4zMzIwMzFjLTguMzQzNzUtOC4zMzk4NDMtOC4zNDM3NS0yMS44MjQyMTkgMC0zMC4xNjQwNjIgOC4zMzk4NDMtOC4zNDM3NSAyMS44MjAzMTItOC4zNDM3NSAzMC4xNjQwNjIgMGw1NC4yNSA1NC4yNSAxMjMuNTg1OTM4LTEyMy41ODIwMzFjOC4zMzk4NDMtOC4zNDM3NSAyMS44MjAzMTItOC4zNDM3NSAzMC4xNjQwNjIgMCA4LjMzOTg0NCA4LjMzOTg0MyA4LjMzOTg0NCAyMS44MjAzMTIgMCAzMC4xNjQwNjJ6bTAgMCIgZmlsbD0iI2ZhZmFmYSIgZGF0YS1vcmlnaW5hbD0iI0ZBRkFGQSIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI2ZhZmFmYSIgc3R5bGU9ImZpbGw6I0ZBRkFGQSI+PC9wYXRoPjwvZz4gPC9zdmc+);
    background-position: 50%;
    background-size: cover;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    border: 4px solid white;
    border-radius: 40px;
}

.cargo-status-step .blue-bar .active-cargo-icon {
    top: -2px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.cargo-status-step .ml35 {
    margin-left: 2.5rem !important;
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
}

.cargo-step-title {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .cargo-step-title {
        font-size: 15px;
    }
}

.cargo-step-description {
    font-size: 14.4px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    color: #919191;
}

@media only screen and (max-width: 767px) {
    .cargo-step-description {
        font-size: 13.5px;
    }
}

.cargo-modal-tracking-title {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
}

.only-mobile-phone {
    display: none !important;
}

@media only screen and (max-width: 576px) {
    .only-mobile-phone {
        display: block !important;
    }
}

.cm-green {
    color: #05A34A;
}




.payment-info-card__icon {
    width: 45px;
    height: 45px;
    background-size: 45px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU4IDU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OCA1ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnIGlkPSJYTUxJRF83XyI+Cgk8cGF0aCBpZD0iWE1MSURfMTMwXyIgc3R5bGU9ImZpbGw6IzZCQkVBMTsiIGQ9Ik01NC43ODMsNTBIMy4yMTdDMS40MzksNTAsMCw0OC41NiwwLDQ2Ljc4M1YxMS4yMTdDMCw5LjQ0LDEuNDM5LDgsMy4yMTcsOGg1MS41NjYgICBDNTYuNTYsOCw1OCw5LjQ0LDU4LDExLjIxN3YzNS41NjZDNTgsNDguNTYsNTYuNTYsNTAsNTQuNzgzLDUwIi8+Cgk8cmVjdCBpZD0iWE1MSURfMTI5XyIgeD0iNSIgeT0iMzciIHN0eWxlPSJmaWxsOiM0OTg2Nzk7IiB3aWR0aD0iOSIgaGVpZ2h0PSI2Ii8+Cgk8cmVjdCBpZD0iWE1MSURfMTI4XyIgeD0iMTgiIHk9IjM3IiBzdHlsZT0iZmlsbDojNDk4Njc5OyIgd2lkdGg9IjkiIGhlaWdodD0iNiIvPgoJPHJlY3QgaWQ9IlhNTElEXzEyN18iIHg9IjMxIiB5PSIzNyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIHdpZHRoPSI5IiBoZWlnaHQ9IjYiLz4KCTxyZWN0IGlkPSJYTUxJRF8xMjZfIiB4PSI0NCIgeT0iMzciIHN0eWxlPSJmaWxsOiM0OTg2Nzk7IiB3aWR0aD0iOSIgaGVpZ2h0PSI2Ii8+Cgk8cGF0aCBpZD0iWE1MSURfMTI1XyIgc3R5bGU9ImZpbGw6I0YwQzQxQjsiIGQ9Ik0xOS43NDUsMjZINi4yNTVDNS41NjMsMjYsNSwyNS40MzgsNSwyNC43NDV2LTkuNDlDNSwxNC41NjIsNS41NjMsMTQsNi4yNTUsMTQgICBoMTMuNDlDMjAuNDM4LDE0LDIxLDE0LjU2MiwyMSwxNS4yNTV2OS40OUMyMSwyNS40MzgsMjAuNDM4LDI2LDE5Ljc0NSwyNiIvPgoJPHBhdGggaWQ9IlhNTElEXzEyMl8iIHN0eWxlPSJmaWxsOiNGM0Q1NUM7IiBkPSJNMTkuNzQ1LDI3SDYuMjU1QzUuMDEyLDI3LDQsMjUuOTg4LDQsMjQuNzQ1di05LjQ5QzQsMTQuMDEyLDUuMDEyLDEzLDYuMjU1LDEzICAgaDEzLjQ5QzIwLjk4OCwxMywyMiwxNC4wMTIsMjIsMTUuMjU1djkuNDlDMjIsMjUuOTg4LDIwLjk4OCwyNywxOS43NDUsMjcgTTYuMjU1LDE1QzYuMTEzLDE1LDYsMTUuMTE0LDYsMTUuMjU1djkuNDkgICBDNiwyNC44ODYsNi4xMTMsMjUsNi4yNTUsMjVoMTMuNDlDMTkuODg2LDI1LDIwLDI0Ljg4NiwyMCwyNC43NDV2LTkuNDlDMjAsMTUuMTE0LDE5Ljg4NiwxNSwxOS43NDUsMTVINi4yNTV6Ii8+Cgk8cGF0aCBpZD0iWE1MSURfMTIxXyIgc3R5bGU9ImZpbGw6I0YwQzQxQjsiIGQ9Ik0yMSwxNS4yNTVDMjEsMTQuNTYxLDIwLjQzOCwxNCwxOS43NDUsMTRIMTVoLTIuNzQ1QzExLjU2MSwxNCwxMSwxNC41NjEsMTEsMTUuMjU1ICAgVjE4djYuNzQ1QzExLDI1LjQzOCwxMS41NjEsMjYsMTIuMjU1LDI2aDEuNDlDMTQuNDM4LDI2LDE1LDI1LjQzOCwxNSwyNC43NDV2LTUuNDlDMTUsMTguNTYyLDE1LjU2MSwxOCwxNi4yNTUsMThoMy40OSAgIEMyMC40MzgsMTgsMjEsMTcuNDM4LDIxLDE2Ljc0NVYxNS4yNTV6Ii8+Cgk8cGF0aCBpZD0iWE1MSURfMTE4XyIgc3R5bGU9ImZpbGw6I0YzRDU1QzsiIGQ9Ik0xMy43NDUsMjdoLTEuNDlDMTEuMDEyLDI3LDEwLDI1Ljk4OCwxMCwyNC43NDV2LTkuNDkgICBDMTAsMTQuMDEyLDExLjAxMiwxMywxMi4yNTUsMTNoNy40OUMyMC45ODgsMTMsMjIsMTQuMDEyLDIyLDE1LjI1NXYxLjQ5QzIyLDE3Ljk4OCwyMC45ODgsMTksMTkuNzQ1LDE5aC0zLjQ5ICAgQzE2LjExMywxOSwxNiwxOS4xMTQsMTYsMTkuMjU1djUuNDlDMTYsMjUuOTg4LDE0Ljk4OCwyNywxMy43NDUsMjcgTTEyLjI1NSwxNUMxMi4xMTMsMTUsMTIsMTUuMTE0LDEyLDE1LjI1NXY5LjQ5ICAgQzEyLDI0Ljg4NiwxMi4xMTMsMjUsMTIuMjU1LDI1aDEuNDlDMTMuODg2LDI1LDE0LDI0Ljg4NiwxNCwyNC43NDV2LTUuNDlDMTQsMTguMDEyLDE1LjAxMiwxNywxNi4yNTUsMTdoMy40OSAgIEMxOS44ODYsMTcsMjAsMTYuODg2LDIwLDE2Ljc0NXYtMS40OUMyMCwxNS4xMTQsMTkuODg2LDE1LDE5Ljc0NSwxNUgxMi4yNTV6Ii8+Cgk8bGluZSBpZD0iWE1MSURfMTE3XyIgc3R5bGU9ImZpbGw6I0YwQzQxQjsiIHgxPSIxNSIgeTE9IjIyIiB4Mj0iMjEiIHkyPSIyMiIvPgoJPHBhdGggaWQ9IlhNTElEXzExNl8iIHN0eWxlPSJmaWxsOiNGM0Q1NUM7IiBkPSJNMjEsMjNoLTZjLTAuNTUzLDAtMS0wLjQ0OC0xLTFzMC40NDctMSwxLTFoNmMwLjU1MywwLDEsMC40NDgsMSwxUzIxLjU1MywyMywyMSwyMyAgICIvPgoJPGxpbmUgaWQ9IlhNTElEXzExNV8iIHN0eWxlPSJmaWxsOiNGMEM0MUI7IiB4MT0iMTEiIHkxPSIxOCIgeDI9IjUiIHkyPSIxOCIvPgoJPHBhdGggaWQ9IlhNTElEXzExNF8iIHN0eWxlPSJmaWxsOiNGM0Q1NUM7IiBkPSJNMTEsMTlINWMtMC41NTMsMC0xLTAuNDQ4LTEtMXMwLjQ0Ny0xLDEtMWg2YzAuNTUzLDAsMSwwLjQ0OCwxLDFTMTEuNTUzLDE5LDExLDE5Ii8+Cgk8bGluZSBpZD0iWE1MSURfMTEzXyIgc3R5bGU9ImZpbGw6I0YwQzQxQjsiIHgxPSIxMSIgeTE9IjIyIiB4Mj0iNSIgeTI9IjIyIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTEyXyIgc3R5bGU9ImZpbGw6I0YzRDU1QzsiIGQ9Ik0xMSwyM0g1Yy0wLjU1MywwLTEtMC40NDgtMS0xczAuNDQ3LTEsMS0xaDZjMC41NTMsMCwxLDAuNDQ4LDEsMVMxMS41NTMsMjMsMTEsMjMiLz4KCTxwYXRoIGlkPSJYTUxJRF8xMTFfIiBzdHlsZT0iZmlsbDojNDk4Njc5OyIgZD0iTTQwLDEzaC05Yy0wLjU1MywwLTEsMC40NDgtMSwxczAuNDQ3LDEsMSwxaDljMC41NTMsMCwxLTAuNDQ4LDEtMVM0MC41NTMsMTMsNDAsMTMgICAiLz4KCTxwYXRoIGlkPSJYTUxJRF8xMTBfIiBzdHlsZT0iZmlsbDojNDk4Njc5OyIgZD0iTTU0LDE0YzAtMC41NTItMC40NDctMS0xLTFoLTljLTAuNTUzLDAtMSwwLjQ0OC0xLDFzMC40NDcsMSwxLDFoOSAgIEM1My41NTMsMTUsNTQsMTQuNTUyLDU0LDE0Ii8+Cgk8cGF0aCBpZD0iWE1MSURfMTA5XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik0zMiwxOGgtMWMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgxYzAuNTUzLDAsMS0wLjQ0OCwxLTFTMzIuNTUzLDE4LDMyLDE4ICAgIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTA4XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik0zOCwxOGgtMmMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgyYzAuNTUzLDAsMS0wLjQ0OCwxLTFTMzguNTUzLDE4LDM4LDE4ICAgIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTA3XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik00MywxOGgtMWMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgxYzAuNTUzLDAsMS0wLjQ0OCwxLTFTNDMuNTUzLDE4LDQzLDE4ICAgIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTA2XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik00OSwxOGgtMmMtMC41NTMsMC0xLDAuNDQ4LTEsMXMwLjQ0NywxLDEsMWgyYzAuNTUzLDAsMS0wLjQ0OCwxLTFTNDkuNTUzLDE4LDQ5LDE4ICAgIi8+Cgk8cGF0aCBpZD0iWE1MSURfMTA1XyIgc3R5bGU9ImZpbGw6IzQ5ODY3OTsiIGQ9Ik01Mi4yOSwxOC4yOUM1Mi4xMDksMTguNDgsNTIsMTguNzQsNTIsMTljMCwwLjI2LDAuMTA5LDAuNTIsMC4yOSwwLjcxICAgQzUyLjQ3OSwxOS44OSw1Mi43MjksMjAsNTMsMjBjMC4yNiwwLDAuNTE5LTAuMTEsMC43MS0wLjI5QzUzLjg5LDE5LjUyLDU0LDE5LjI2LDU0LDE5YzAtMC4yNi0wLjExLTAuNTItMC4yOS0wLjcxICAgQzUzLjMzLDE3LjkyLDUyLjY2LDE3LjkyLDUyLjI5LDE4LjI5Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.payment-info-bank__icon {
    width: 45px;
    height: 45px;
    background-size: 45px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNTggNTgiIHdpZHRoPSI1MTJweCI+PGcgaWQ9IjAxNy0tLUJhbmstVHJhbnNmZXIiIGZpbGw9Im5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEpIj48ZyBmaWxsPSIjY2VkMmRjIj48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtMTggMTRoNHYxMmgtNHoiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtNyAxNGg0djEyaC00eiIvPjxwYXRoIGlkPSJSZWN0YW5nbGUiIGQ9Im0yOSAxNGg0djEyaC00eiIvPjwvZz48cGF0aCBpZD0iUGF0aCIgZD0ibTE4IDI0aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiMyOTU0NzQiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTI5IDI0aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiMyOTU0NzQiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTcgMjRoNGMuNTUyMjg0NyAwIDEgLjQ0NzcxNTMgMSAxdjRoLTZ2LTRjMC0uNTUyMjg0Ny40NDc3MTUyNS0xIDEtMXoiIGZpbGw9IiMyOTU0NzQiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtMzYgMzdoNHYxMmgtNHoiIGZpbGw9IiNjZWQyZGMiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtMjUgMzdoNHYxMmgtNHoiIGZpbGw9IiNjZWQyZGMiLz48cGF0aCBpZD0iUmVjdGFuZ2xlIiBkPSJtNDcgMzdoNHYxMmgtNHoiIGZpbGw9IiNjZWQyZGMiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTM2IDQ3aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiNmN2FkMDAiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTQ3IDQ3aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiNmN2FkMDAiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTI1IDQ3aDRjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXY0aC02di00YzAtLjU1MjI4NDcuNDQ3NzE1My0xIDEtMXoiIGZpbGw9IiNmN2FkMDAiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTMyIDMzaC0yOXYtM2MuMDAzMjk0OC0xLjEwMzIwMTkuODk2Nzk4MTMtMS45OTY3MDUyIDItMmgyNi45MXoiIGZpbGw9IiMzNDZkOTQiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTI2IDM2aC0yNWMtLjU1MjI4NDc1IDAtMS0uNDQ3NzE1My0xLTF2LTFjLjAwMzI5NDgtMS4xMDMyMDE5Ljg5Njc5ODEzLTEuOTk2NzA1MiAyLTJoMjZ6IiBmaWxsPSIjMjk1NDc0Ii8+PHBhdGggaWQ9IlBhdGgiIGQ9Im0zOS4yNTQgMTZoLTM4LjUwOGMtLjMyNTU5OTg3LS4wMDI3MDEyLS42MTIzNjcyNy0uMjE0OTEzOC0uNzEwMTI0NDgtLjUyNTUwMzctLjA5Nzc1NzIxLS4zMTA1OS4wMTU3Njg0My0uNjQ4NzkzNS4yODExMjQ0OC0uODM3NDk2M2wxOC44NjQtMTMuMzczYy40ODkyNDItLjM1MzIxODk1IDEuMTQ5NzU4LS4zNTMyMTg5NSAxLjYzOSAwbDE4Ljg2MyAxMy4zNzNjLjI2NTM1NjEuMTg4NzAyOC4zNzg4ODE3LjUyNjkwNjMuMjgxMTI0NS44Mzc0OTYzLS4wOTc3NTcyLjMxMDU4OTktLjM4NDUyNDYuNTIyODAyNS0uNzEwMTI0NS41MjU1MDM3eiIgZmlsbD0iIzM0NmQ5NCIvPjxwYXRoIGlkPSJQYXRoIiBkPSJtMjMgNTFoMzBjMS4xMDQ1Njk1IDAgMiAuODk1NDMwNSAyIDJ2M2gtMzR2LTNjMC0xLjEwNDU2OTUuODk1NDMwNS0yIDItMnoiIGZpbGw9IiNmZmMzMDYiLz48cGF0aCBpZD0iUGF0aCIgZD0ibTU3LjI1NCAzOWgtMzguNTA4Yy0uMzI1NTk5OS0uMDAyNzAxMi0uNjEyMzY3My0uMjE0OTEzOC0uNzEwMTI0NS0uNTI1NTAzNy0uMDk3NzU3Mi0uMzEwNTkuMDE1NzY4NC0uNjQ4NzkzNS4yODExMjQ1LS44Mzc0OTYzbDE4Ljg2NC0xMy4zNzNjLjQ4OTI0Mi0uMzUzMjE4OSAxLjE0OTc1OC0uMzUzMjE4OSAxLjYzOSAwbDE4Ljg2MyAxMy4zNzNjLjI2NTM1NjEuMTg4NzAyOC4zNzg4ODE3LjUyNjkwNjMuMjgxMTI0NS44Mzc0OTYzLS4wOTc3NTcyLjMxMDU4OTktLjM4NDUyNDYuNTIyODAyNS0uNzEwMTI0NS41MjU1MDM3eiIgZmlsbD0iI2Y3YWQwMCIvPjxwYXRoIGlkPSJQYXRoIiBkPSJtMjAgNTVoMzZjMS4xMDQ1Njk1IDAgMiAuODk1NDMwNSAyIDJ2MWMwIC41NTIyODQ3LS40NDc3MTUzIDEtMSAxaC0zOGMtLjU1MjI4NDcgMC0xLS40NDc3MTUzLTEtMXYtMWMwLTEuMTA0NTY5NS44OTU0MzA1LTIgMi0yeiIgZmlsbD0iI2Y3YWQwMCIvPjxwYXRoIGlkPSJQYXRoIiBkPSJtMTUuOTIzIDUxLjYxOGMtLjA0OTkwNDUtLjEyMjAzMTktLjEyMzY4MS0uMjMyODY2Ny0uMjE3LS4zMjZsLTMtM2MtLjM5MjM3ODktLjM3ODk3MjItMS4wMTYwODQ4LS4zNzM1NTI0LTEuNDAxODE4Ni4wMTIxODE0cy0uMzkxMTUzNiAxLjAwOTQzOTctLjAxMjE4MTQgMS40MDE4MTg2bDEuMjk0IDEuMjk0aC00LjU4NmMtMi4yMDkxMzkgMC00LTEuNzkwODYxLTQtNHYtNmMwLS41NTIyODQ3LS40NDc3MTUyNS0xLTEtMXMtMSAuNDQ3NzE1My0xIDF2NmMuMDAzMzA3MzggMy4zMTIzMzc2IDIuNjg3NjYyNDMgNS45OTY2OTI2IDYgNmg0LjU4NmwtMS4yOTMgMS4yOTNjLS4yNTk5NTY2LjI1MTA3NDUtLjM2NDIxMjYuNjIyODc3OS0uMjcyNjk3Mi45NzI1MDczLjA5MTUxNTUuMzQ5NjI5NS4zNjQ1NjA0LjYyMjY3NDQuNzE0MTg5OS43MTQxODk5LjM0OTYyOTQuMDkxNTE1NC43MjE0MzI4LS4wMTI3NDA2Ljk3MjUwNzMtLjI3MjY5NzJsMy0zYy4wOTMzMTktLjA5MzEzMzMuMTY3MDk1NS0uMjAzOTY4MS4yMTctLjMyNi4xMDA1MjE0LS4yNDQ0Njk3LjEwMDE2MTktLjUxODc5NDYtLjAwMS0uNzYzeiIgZmlsbD0iIzQ5NTA1YiIvPjxwYXRoIGlkPSJQYXRoIiBkPSJtNTMuNzA3IDE1LjI5M2MtLjM5MDQ5OTktLjM5MDM4MTktMS4wMjM1MDAxLS4zOTAzODE5LTEuNDE0IDBsLTEuMjkzIDEuMjkzdi00LjU4NmMtLjAwMzMwNzQtMy4zMTIzMzc1Ny0yLjY4NzY2MjQtNS45OTY2OTI2Mi02LTZoLTZjLS41NTIyODQ3IDAtMSAuNDQ3NzE1MjUtMSAxcy40NDc3MTUzIDEgMSAxaDZjMi4yMDkxMzkgMCA0IDEuNzkwODYxIDQgNHY0LjU4NmwtMS4yOTMtMS4yOTNjLS4zOTIzNzg5LS4zNzg5NzIyLTEuMDE2MDg0OC0uMzczNTUyNC0xLjQwMTgxODYuMDEyMTgxNHMtLjM5MTE1MzYgMS4wMDk0Mzk3LS4wMTIxODE0IDEuNDAxODE4NmwzIDNjLjE4NzYwODUuMTg4MDgzNC40NDIzNDU1LjI5Mzc4NzYuNzA4LjI5Mzc4NzZzLjUyMDM5MTUtLjEwNTcwNDIuNzA4LS4yOTM3ODc2bDMtM2MuMzg5ODMwMi0uMzkxMDUxOC4zODg5MzQ4LTEuMDI0MDUyNS0uMDAyLTEuNDE0eiIgZmlsbD0iIzQ5NTA1YiIvPjwvZz48L3N2Zz4K)
}

.mobile-account-menu-icon {
    background-size: 14px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    margin-right: 13px;
}

.mobile-menu-order-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iNTEyIj48Zz48cGF0aCBkPSJtMTEuMDcuMDI0LTUuODI5LjAyNGMtLjc1NiAwLTEuNDYzLjQxOS0xLjgyMyAxLjA3N2wtMy4wNDYgNS41MDYgMTAuMTExLS4wMjR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTIzLjYxNiA2LjU4NC0zLjA4My01LjUwNmMtLjM3MS0uNjU5LTEuMDY3LTEuMDc4LTEuODM0LTEuMDc4bC01LjgyOS4wMjQuNjEyIDYuNTgzeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Im0yMy45ODggOC4zNjctMTEuMDk0LjAzNmgtMS43OTlsLTExLjA5NS4wMjR2MTMuNTY5YzAgMS4xMDYuODk4IDIuMDAyIDIuMDA0IDJsOS4yNTgtLjAyIDEwLjczMi4wMmMxLjEwNy4wMDIgMi4wMDUtLjg5NSAyLjAwNC0yLjAwMnptLTIuOTg4IDExLjg4M2MwIC40MTQtLjMzNi43NS0uNzUuNzVoLTYuNWMtLjQxNCAwLS43NS0uMzM2LS43NS0uNzV2LTMuNWMwLS40MTQuMzM2LS43NS43NS0uNzVoNi41Yy40MTQgMCAuNzUuMzM2Ljc1Ljc1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+)
}

.mobile-menu-user-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00MiAwIDUxMiA1MTIuMDAyIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PHBhdGggZD0ibTIxMC4zNTE1NjIgMjQ2LjYzMjgxMmMzMy44ODI4MTMgMCA2My4yMjI2NTctMTIuMTUyMzQzIDg3LjE5NTMxMy0zNi4xMjg5MDYgMjMuOTcyNjU2LTIzLjk3MjY1NiAzNi4xMjUtNTMuMzA0Njg3IDM2LjEyNS04Ny4xOTE0MDYgMC0zMy44NzUtMTIuMTUyMzQ0LTYzLjIxMDkzOC0zNi4xMjg5MDYtODcuMTkxNDA2LTIzLjk3NjU2My0yMy45Njg3NS01My4zMTI1LTM2LjEyMTA5NC04Ny4xOTE0MDctMzYuMTIxMDk0LTMzLjg4NjcxOCAwLTYzLjIxODc1IDEyLjE1MjM0NC04Ny4xOTE0MDYgMzYuMTI1cy0zNi4xMjg5MDYgNTMuMzA4NTk0LTM2LjEyODkwNiA4Ny4xODc1YzAgMzMuODg2NzE5IDEyLjE1NjI1IDYzLjIyMjY1NiAzNi4xMzI4MTIgODcuMTk1MzEyIDIzLjk3NjU2MyAyMy45Njg3NSA1My4zMTI1IDM2LjEyNSA4Ny4xODc1IDM2LjEyNXptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTQyNi4xMjg5MDYgMzkzLjcwMzEyNWMtLjY5MTQwNi05Ljk3NjU2My0yLjA4OTg0NC0yMC44NTkzNzUtNC4xNDg0MzctMzIuMzUxNTYzLTIuMDc4MTI1LTExLjU3ODEyNC00Ljc1MzkwNy0yMi41MjM0MzctNy45NTcwMzEtMzIuNTI3MzQzLTMuMzA4NTk0LTEwLjMzOTg0NC03LjgwODU5NC0yMC41NTA3ODEtMTMuMzcxMDk0LTMwLjMzNTkzOC01Ljc3MzQzOC0xMC4xNTYyNS0xMi41NTQ2ODgtMTktMjAuMTY0MDYzLTI2LjI3NzM0My03Ljk1NzAzMS03LjYxMzI4Mi0xNy42OTkyMTktMTMuNzM0Mzc2LTI4Ljk2NDg0My0xOC4xOTkyMTktMTEuMjI2NTYzLTQuNDQxNDA3LTIzLjY2Nzk2OS02LjY5MTQwNy0zNi45NzY1NjMtNi42OTE0MDctNS4yMjY1NjMgMC0xMC4yODEyNSAyLjE0NDUzMi0yMC4wNDI5NjkgOC41LTYuMDA3ODEyIDMuOTE3OTY5LTEzLjAzNTE1NiA4LjQ0OTIxOS0yMC44Nzg5MDYgMTMuNDYwOTM4LTYuNzA3MDMxIDQuMjczNDM4LTE1Ljc5Mjk2OSA4LjI3NzM0NC0yNy4wMTU2MjUgMTEuOTAyMzQ0LTEwLjk0OTIxOSAzLjU0Mjk2OC0yMi4wNjY0MDYgNS4zMzk4NDQtMzMuMDM5MDYzIDUuMzM5ODQ0LTEwLjk3MjY1NiAwLTIyLjA4NTkzNy0xLjc5Njg3Ni0zMy4wNDY4NzQtNS4zMzk4NDQtMTEuMjEwOTM4LTMuNjIxMDk0LTIwLjI5Njg3Ni03LjYyNS0yNi45OTYwOTQtMTEuODk4NDM4LTcuNzY5NTMyLTQuOTY0ODQ0LTE0LjgwMDc4Mi05LjQ5NjA5NC0yMC44OTg0MzgtMTMuNDY4NzUtOS43NS02LjM1NTQ2OC0xNC44MDg1OTQtOC41LTIwLjAzNTE1Ni04LjUtMTMuMzEyNSAwLTI1Ljc1IDIuMjUzOTA2LTM2Ljk3MjY1NiA2LjY5OTIxOS0xMS4yNTc4MTMgNC40NTcwMzEtMjEuMDAzOTA2IDEwLjU3ODEyNS0yOC45Njg3NSAxOC4xOTkyMTktNy42MDU0NjkgNy4yODEyNS0xNC4zOTA2MjUgMTYuMTIxMDk0LTIwLjE1NjI1IDI2LjI3MzQzNy01LjU1ODU5NCA5Ljc4NTE1Ny0xMC4wNTg1OTQgMTkuOTkyMTg4LTEzLjM3MTA5NCAzMC4zMzk4NDQtMy4xOTkyMTkgMTAuMDAzOTA2LTUuODc1IDIwLjk0NTMxMy03Ljk1MzEyNSAzMi41MjM0MzctMi4wNTg1OTQgMTEuNDc2NTYzLTMuNDU3MDMxIDIyLjM2MzI4Mi00LjE0ODQzNyAzMi4zNjMyODItLjY3OTY4OCA5Ljc5Njg3NS0xLjAyMzQzOCAxOS45NjQ4NDQtMS4wMjM0MzggMzAuMjM0Mzc1IDAgMjYuNzI2NTYyIDguNDk2MDk0IDQ4LjM2MzI4MSAyNS4yNSA2NC4zMjAzMTIgMTYuNTQ2ODc1IDE1Ljc0NjA5NCAzOC40NDE0MDYgMjMuNzM0Mzc1IDY1LjA2NjQwNiAyMy43MzQzNzVoMjQ2LjUzMTI1YzI2LjYyNSAwIDQ4LjUxMTcxOS03Ljk4NDM3NSA2NS4wNjI1LTIzLjczNDM3NSAxNi43NTc4MTMtMTUuOTQ1MzEyIDI1LjI1MzkwNi0zNy41ODU5MzcgMjUuMjUzOTA2LTY0LjMyNDIxOS0uMDAzOTA2LTEwLjMxNjQwNi0uMzUxNTYyLTIwLjQ5MjE4Ny0xLjAzNTE1Ni0zMC4yNDIxODd6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+)
}

.mobile-menu-adress-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSI1MTIiPjxnPjxwYXRoIGQ9Im02IDBjLTMuMzEzNzIgMC02IDIuNjg2MjgtNiA2IDAgNSA2IDEwIDYgMTBzNi01IDYtMTBjMC0zLjMxMzcyLTIuNjg2MjgtNi02LTZ6bTAgOGMtMS4xMDQ1NSAwLTItLjg5NTQ0Ny0yLTIgMC0xLjEwNDYxLjg5NTQ0Ny0yIDItMiAxLjEwNDU1IDAgMiAuODk1Mzg2IDIgMiAwIDEuMTA0NTUtLjg5NTQ0NyAyLTIgMnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIpIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PC9nPiA8L3N2Zz4=)
}

.mobile-menu-coupon-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDA5LjYwMyA0MDkuNjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDkuNjAzIDQwOS42MDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzc1LjQ2OCwwLjAwMmgtMTQxLjg3Yy05LjM4NSwwLTIyLjUwMiw1LjQzNy0yOS4xMzMsMTIuMDYzTDkuOTYxLDIwNi41NjhjLTEzLjI4MSwxMy4yNjYtMTMuMjgxLDM1LjAxNiwwLDQ4LjI2NiAgICBsMTQ0LjgyNCwxNDQuODE5YzEzLjI1MSwxMy4yNjYsMzQuOTgsMTMuMjY2LDQ4LjI1MS0wLjAxNUwzOTcuNTQsMjA1LjE2NWM2LjYyNS02LjYyNSwxMi4wNjMtMTkuNzYzLDEyLjA2My0yOS4xMjhWMzQuMTM3ICAgIEM0MDkuNjAzLDE1LjM2NywzOTQuMjM3LDAuMDAyLDM3NS40NjgsMC4wMDJ6IE0zMDcuMTk3LDEzNi41MzdjLTE4Ljg1MiwwLTM0LjEzNS0xNS4yOTktMzQuMTM1LTM0LjEzNSAgICBjMC0xOC44NjcsMTUuMjgzLTM0LjEzNSwzNC4xMzUtMzQuMTM1YzE4Ljg1MiwwLDM0LjE0LDE1LjI2OCwzNC4xNCwzNC4xMzVDMzQxLjMzOCwxMjEuMjM4LDMyNi4wNDksMTM2LjUzNywzMDcuMTk3LDEzNi41Mzd6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==)
}

.mobile-menu-bid-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTYgNTYiIHdpZHRoPSI1MTIiPjxnPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IjAxMS0tLVdhbGxldCIgZmlsbD0icmdiKDAsMCwwKSIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBpZD0iU2hhcGUiIGQ9Im01MyAyN2gtMTZjLTEuNjU2ODU0MiAwLTMgMS4zNDMxNDU4LTMgM3Y2YzAgMS42NTY4NTQyIDEuMzQzMTQ1OCAzIDMgM2gxNmMxLjY1Njg1NDIgMCAzLTEuMzQzMTQ1OCAzLTN2LTZjMC0xLjY1Njg1NDItMS4zNDMxNDU4LTMtMy0zem0tMTMgMTBjLTIuMjA5MTM5IDAtNC0xLjc5MDg2MS00LTRzMS43OTA4NjEtNCA0LTQgNCAxLjc5MDg2MSA0IDQtMS43OTA4NjEgNC00IDR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggaWQ9IlNoYXBlIiBkPSJtMzIgMzZ2LTZjLjAwMzMwNjEtMi43NjAwNTMyIDIuMjM5OTQ2OC00Ljk5NjY5MzkgNS01aDEzdi0xMGMtLjAwMzMwNjEtMi43NjAwNTMyLTIuMjM5OTQ2OC00Ljk5NjY5MzktNS01aC00MGMtMi43NjAwNTMxNS4wMDMzMDYxLTQuOTk2NjkzODggMi4yMzk5NDY4LTUgNXYzNmMuMDAzMzA2MTIgMi43NjAwNTMyIDIuMjM5OTQ2ODUgNC45OTY2OTM5IDUgNWg0MGMyLjc2MDA1MzItLjAwMzMwNjEgNC45OTY2OTM5LTIuMjM5OTQ2OCA1LTV2LTZoLTJjLS41NTIyODQ3IDAtMS0uNDQ3NzE1My0xLTFzLjQ0NzcxNTMtMSAxLTFoMnYtMmgtMTNjLTIuNzYwMDUzMi0uMDAzMzA2MS00Ljk5NjY5MzktMi4yMzk5NDY4LTUtNXptMTAtMjRoM2MxLjY1Njg1NDIgMCAzIDEuMzQzMTQ1OCAzIDN2N2MwIC41NTIyODQ3LS40NDc3MTUzIDEtMSAxcy0xLS40NDc3MTUzLTEtMXYtN2MwLS41NTIyODQ3LS40NDc3MTUzLTEtMS0xaC0zYy0uNTUyMjg0NyAwLTEtLjQ0NzcxNTMtMS0xcy40NDc3MTUzLTEgMS0xem0tNSAwaDFjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXMtLjQ0NzcxNTMgMS0xIDFoLTFjLS41NTIyODQ3IDAtMS0uNDQ3NzE1My0xLTFzLjQ0NzcxNTMtMSAxLTF6bS0yOSA0MmgtM2MtMS42NTY4NTQyNSAwLTMtMS4zNDMxNDU4LTMtM3YtMTJjMC0uNTUyMjg0Ny40NDc3MTUyNS0xIDEtMXMxIC40NDc3MTUzIDEgMXYxMmMwIC41NTIyODQ3LjQ0NzcxNTI1IDEgMSAxaDNjLjU1MjI4NDc1IDAgMSAuNDQ3NzE1MyAxIDFzLS40NDc3MTUyNSAxLTEgMXptNSAwaC0xYy0uNTUyMjg0NyAwLTEtLjQ0NzcxNTMtMS0xcy40NDc3MTUzLTEgMS0xaDFjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXMtLjQ0NzcxNTMgMS0xIDF6bTI2LTExaDVjLjU1MjI4NDcgMCAxIC40NDc3MTUzIDEgMXMtLjQ0NzcxNTMgMS0xIDFoLTVjLS41NTIyODQ3IDAtMS0uNDQ3NzE1My0xLTFzLjQ0NzcxNTMtMSAxLTF6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PHBhdGggaWQ9IlNoYXBlIiBkPSJtMzcuMTExIDEuMTY2Yy0uMTI4MTEtLjI3MDkyODE2LS4zNzE3MjY2LS40Njk1MDY0NS0uNjYyOTE5OS0uNTQwMzYzNDgtLjI5MTE5MzMtLjA3MDg1NzA0LS41OTg4MTItLjAwNjQxMjY3LS44MzcwODAxLjE3NTM2MzQ4LTIuNjIyIDIuMDE1LTcuODMxIDUuMDgtMTQuNCAzLjg0Mi03LjM5Mi0xLjM5Mi0xMC40NyAxLjU1Ny0xMS42MjggMy4zNTdoMzAuODI0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjxjaXJjbGUgaWQ9Ik92YWwiIGN4PSI0MCIgY3k9IjMzIiByPSIyIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM2MjZCNzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L2NpcmNsZT48L2c+PC9nPjwvZz4gPC9zdmc+)
}

.mobile-menu-comment-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIC0xMCA1MTEuOTkxNDMgNTExIiB3aWR0aD0iNTEyIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJtNTEwLjY1MjM0NCAxODUuODgyODEyYy0zLjM3MTA5NC0xMC4zNjcxODctMTIuNTY2NDA2LTE3LjcwNzAzMS0yMy40MDIzNDQtMTguNjg3NWwtMTQ3Ljc5Njg3NS0xMy40MTc5NjgtNTguNDEwMTU2LTEzNi43NWMtNC4zMTI1LTEwLjA0Njg3NS0xNC4xMjUtMTYuNTMxMjUtMjUuMDQ2ODc1LTE2LjUzMTI1cy0yMC43MzgyODIgNi40ODQzNzUtMjUuMDIzNDM4IDE2LjUzMTI1bC01OC40MTAxNTYgMTM2Ljc1LTE0Ny44MjAzMTIgMTMuNDE3OTY4Yy0xMC44MzU5MzggMS0yMC4wMTE3MTkgOC4zMzk4NDQtMjMuNDAyMzQ0IDE4LjY4NzUtMy4zNzEwOTQgMTAuMzY3MTg4LS4yNTc4MTMgMjEuNzM4MjgyIDcuOTM3NSAyOC45MjU3ODJsMTExLjcyMjY1NiA5Ny45NjQ4NDQtMzIuOTQxNDA2IDE0NS4wODU5MzdjLTIuNDEwMTU2IDEwLjY2Nzk2OSAxLjczMDQ2OCAyMS42OTkyMTkgMTAuNTgyMDMxIDI4LjA5NzY1NiA0Ljc1NzgxMyAzLjQ1NzAzMSAxMC4zNDc2NTYgNS4xODM1OTQgMTUuOTU3MDMxIDUuMTgzNTk0IDQuODIwMzEzIDAgOS42NDQ1MzItMS4yODEyNSAxMy45NTMxMjUtMy44NTkzNzVsMTI3LjQ0NTMxMy03Ni4yMDMxMjUgMTI3LjQyMTg3NSA3Ni4yMDMxMjVjOS4zNDc2NTYgNS41ODU5MzggMjEuMTAxNTYyIDUuMDc0MjE5IDI5LjkzMzU5My0xLjMyNDIxOSA4Ljg1MTU2My02LjM5ODQzNyAxMi45OTIxODgtMTcuNDI5Njg3IDEwLjU4MjAzMi0yOC4wOTc2NTZsLTMyLjk0MTQwNi0xNDUuMDg1OTM3IDExMS43MjI2NTYtOTcuOTY0ODQ0YzguMTkxNDA2LTcuMTg3NSAxMS4zMDg1OTQtMTguNTM1MTU2IDcuOTM3NS0yOC45MjU3ODJ6bS0yNTIuMjAzMTI1IDIyMy43MjI2NTciIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzYyNkI3MiIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD48L2c+IDwvc3ZnPg==)
}

.mobile-menu-question-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuODMzLDAsMCwxMTQuODMzLDAsMjU2czExNC44MzMsMjU2LDI1NiwyNTZzMjU2LTExNC44MzMsMjU2LTI1NlMzOTcuMTY3LDAsMjU2LDB6IE0yNDUuMzMzLDQyNi42NjcgICAgYy0xNy42NDYsMC0zMi0xNC4zNTQtMzItMzJzMTQuMzU0LTMyLDMyLTMyYzE3LjY0NiwwLDMyLDE0LjM1NCwzMiwzMlMyNjIuOTc5LDQyNi42NjcsMjQ1LjMzMyw0MjYuNjY3eiBNMjc3LjMzMywyOTYuNTQydjM0LjEyNSAgICBjMCw1Ljg5Ni00Ljc3MSwxMC42NjctMTAuNjY3LDEwLjY2N0gyMjRjLTUuODk2LDAtMTAuNjY3LTQuNzcxLTEwLjY2Ny0xMC42Njd2LTUzLjMzM2MwLTIzLjUyMSwxOS4xNDYtNDIuNjY3LDQyLjY2Ny00Mi42NjcgICAgczQyLjY2Ny0xOS4xNDYsNDIuNjY3LTQyLjY2N1MyNzkuNTIxLDE0OS4zMzMsMjU2LDE0OS4zMzNTMjEzLjMzMywxNjguNDc5LDIxMy4zMzMsMTkydjEwLjY2NyAgICBjMCw1Ljg5Ni00Ljc3MSwxMC42NjctMTAuNjY3LDEwLjY2N0gxNjBjLTUuODk2LDAtMTAuNjY3LTQuNzcxLTEwLjY2Ny0xMC42NjdWMTkyYzAtNTguODEzLDQ3Ljg1NC0xMDYuNjY3LDEwNi42NjctMTA2LjY2NyAgICBTMzYyLjY2NywxMzMuMTg4LDM2Mi42NjcsMTkyQzM2Mi42NjcsMjQzLjE4OCwzMjYuNjA0LDI4Ni41NjMsMjc3LjMzMywyOTYuNTQyeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojNjI2QjcyIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=)
}

.mobile-menu-exit-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTUxMC4zNzEsMjI2LjUxM2MtMS4wODgtMi42MDMtMi42NDUtNC45NzEtNC42MjktNi45NTVsLTYzLjk3OS02My45NzljLTguMzQxLTguMzItMjEuODI0LTguMzItMzAuMTY1LDAgICAgIGMtOC4zNDEsOC4zNDEtOC4zNDEsMjEuODQ1LDAsMzAuMTY1bDI3LjU4NCwyNy41ODRIMzIwLjAxM2MtMTEuNzk3LDAtMjEuMzMzLDkuNTU3LTIxLjMzMywyMS4zMzNzOS41MzYsMjEuMzMzLDIxLjMzMywyMS4zMzMgICAgIGgxMTkuMTY4bC0yNy41ODQsMjcuNTg0Yy04LjM0MSw4LjM0MS04LjM0MSwyMS44NDUsMCwzMC4xNjVjNC4xNiw0LjE4MSw5LjYyMSw2LjI1MSwxNS4wODMsNi4yNTFzMTAuOTIzLTIuMDY5LDE1LjA4My02LjI1MSAgICAgbDYzLjk3OS02My45NzljMS45ODQtMS45NjMsMy41NDEtNC4zMzEsNC42MjktNi45NTVDNTEyLjUyNSwyMzcuNjA2LDUxMi41MjUsMjMxLjcxOCw1MTAuMzcxLDIyNi41MTN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojNjI2QjcyIj48L3BhdGg+CgkJCTxwYXRoIGQ9Ik0zNjIuNjgsMjk4LjY2N2MtMTEuNzk3LDAtMjEuMzMzLDkuNTU3LTIxLjMzMywyMS4zMzN2MTA2LjY2N2gtODUuMzMzVjg1LjMzM2MwLTkuNDA4LTYuMTg3LTE3LjcyOC0xNS4yMTEtMjAuNDM3ICAgICBsLTc0LjA5MS0yMi4yMjloMTc0LjYzNXYxMDYuNjY3YzAsMTEuNzc2LDkuNTM2LDIxLjMzMywyMS4zMzMsMjEuMzMzczIxLjMzMy05LjU1NywyMS4zMzMtMjEuMzMzdi0xMjggICAgIEMzODQuMDEzLDkuNTU3LDM3NC40NzcsMCwzNjIuNjgsMEgyMS4zNDdjLTAuNzY4LDAtMS40NTEsMC4zMi0yLjE5NywwLjQwNWMtMS4wMDMsMC4xMDctMS45MiwwLjI3Ny0yLjg4LDAuNTEyICAgICBjLTIuMjQsMC41NzYtNC4yNjcsMS40NTEtNi4xNjUsMi42NDVjLTAuNDY5LDAuMjk5LTEuMDQ1LDAuMzItMS40OTMsMC42NjFDOC40NCw0LjM1Miw4LjM3Niw0LjU4Nyw4LjIwNSw0LjcxNSAgICAgQzUuODgsNi41NDksMy45MzksOC43ODksMi41MzEsMTEuNDU2Yy0wLjI5OSwwLjU3Ni0wLjM2MywxLjE5NS0wLjU5NywxLjc5MmMtMC42ODMsMS42MjEtMS40MjksMy4yLTEuNjg1LDQuOTkyICAgICBjLTAuMTA3LDAuNjQsMC4wODUsMS4yMzcsMC4wNjQsMS44NTZjLTAuMDIxLDAuNDI3LTAuMjk5LDAuODExLTAuMjk5LDEuMjM3VjQ0OGMwLDEwLjE3Niw3LjE4OSwxOC45MjMsMTcuMTUyLDIwLjkwNyAgICAgbDIxMy4zMzMsNDIuNjY3YzEuMzg3LDAuMjk5LDIuNzk1LDAuNDI3LDQuMTgxLDAuNDI3YzQuODg1LDAsOS42ODUtMS42ODUsMTMuNTI1LTQuODQzYzQuOTI4LTQuMDUzLDcuODA4LTEwLjA5MSw3LjgwOC0xNi40OTEgICAgIHYtMjEuMzMzSDM2Mi42OGMxMS43OTcsMCwyMS4zMzMtOS41NTcsMjEuMzMzLTIxLjMzM1YzMjBDMzg0LjAxMywzMDguMjI0LDM3NC40NzcsMjk4LjY2NywzNjIuNjgsMjk4LjY2N3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiM2MjZCNzIiPjwvcGF0aD4KCQk8L2c+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==)
}


.mobile-account-menu {
    background-color: #fff;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #e6e6e6;
}

.mobile-account-menu-line {
    border-bottom: 1px solid #e6e6e6;
}

.mobile-account-menu-line-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding: 15px;
}

.mobile-account-menu-arrow {
    width: 15px;
    height: 15px;
    background-size: 15px;
    position: absolute;
    right: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyLjAwOCA1MTIuMDA4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuMDA4IDUxMi4wMDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzgxLjA0OCwyNDguNjMzTDE0Ni4zODEsMy4yOTljLTMuMDIxLTMuMTQ2LTcuNjQ2LTQuMTY3LTExLjY4OC0yLjUyMWMtNC4wNDIsMS42MTUtNi42ODgsNS41NDItNi42ODgsOS44OTZ2NDIuNjY3ICAgIGMwLDIuNzI5LDEuMDQyLDUuMzU0LDIuOTE3LDcuMzMzbDE4NS4wNjMsMTk1LjMzM0wxMzAuOTIzLDQ1MS4zNDFjLTEuODc1LDEuOTc5LTIuOTE3LDQuNjA0LTIuOTE3LDcuMzMzdjQyLjY2NyAgICBjMCw0LjM1NCwyLjY0Niw4LjI4MSw2LjY4OCw5Ljg5NmMxLjI5MiwwLjUyMSwyLjY0NiwwLjc3MSwzLjk3OSwwLjc3MWMyLjg1NCwwLDUuNjQ2LTEuMTQ2LDcuNzA4LTMuMjkybDIzNC42NjctMjQ1LjMzMyAgICBDMzg0Ljk4NiwyNTkuMjU4LDM4NC45ODYsMjUyLjc1OCwzODEuMDQ4LDI0OC42MzN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojMEM5REQxIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==);
}

.mobile-account-menu-title {
    font-size: 14.4px;
}


.mobile-account-menu-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 32px auto;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px !important;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .mobile-account-menu-container {
        margin: 16px auto;
        padding: 0;
    }
}

@media only screen and (max-width: 992px) {
    .mobile-account-menu-container {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mobile-account-menu-header_title {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    justify-content: center;
    align-items: center;
}

    .mobile-account-menu-header_title p {
        font-size: 15px;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
    }

.mobile-account-menu-header-title_icon {
    width: 15px;
    height: 15px;
    background-size: 15px;
    position: absolute;
    left: 25px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MiA0OTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MiA0OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk4LjYwOCwyNDYuMTA0TDM4Mi42NjQsNjIuMDRjNS4wNjgtNS4wNTYsNy44NTYtMTEuODE2LDcuODU2LTE5LjAyNGMwLTcuMjEyLTIuNzg4LTEzLjk2OC03Ljg1Ni0xOS4wMzJsLTE2LjEyOC0xNi4xMiAgICBDMzYxLjQ3NiwyLjc5MiwzNTQuNzEyLDAsMzQ3LjUwNCwwcy0xMy45NjQsMi43OTItMTkuMDI4LDcuODY0TDEwOS4zMjgsMjI3LjAwOGMtNS4wODQsNS4wOC03Ljg2OCwxMS44NjgtNy44NDgsMTkuMDg0ICAgIGMtMC4wMiw3LjI0OCwyLjc2LDE0LjAyOCw3Ljg0OCwxOS4xMTJsMjE4Ljk0NCwyMTguOTMyYzUuMDY0LDUuMDcyLDExLjgyLDcuODY0LDE5LjAzMiw3Ljg2NGM3LjIwOCwwLDEzLjk2NC0yLjc5MiwxOS4wMzItNy44NjQgICAgbDE2LjEyNC0xNi4xMmMxMC40OTItMTAuNDkyLDEwLjQ5Mi0yNy41NzIsMC0zOC4wNkwxOTguNjA4LDI0Ni4xMDR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiM0QjRCNTciIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==)
}

.mobile-account-menu-user_title {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

    .mobile-account-menu-user_title p span {
        color: #0c9dd1;
        font-weight: 600;
        font-family: 'Volte', 'Helvetica Neue', Arial, sans-serif;
        margin-left: 2px;
    }

.account-border {
    border: none !important;
}

@media only screen and (max-width: 992px) {
    .comp-mobile-container-title {
        position: relative;
        justify-content: center;
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
        margin-bottom: 0 !important;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }
}


.comp-mobile-container-title h1 {
    color: #4b4b57;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 0
}

@media only screen and (max-width: 576px) {
    .comp-mobile-container-title h1 {
        font-size: 15px;
        text-transform: uppercase;
    }
}


.comp-mobile-container-title-display {
    display: none !important;
}

@media only screen and (max-width: 992px) {
    .comp-mobile-container-title-display {
        display: flex !important;
    }
}

.mobile-none-account-title {
}

@media only screen and (max-width: 992px) {
    .mobile-none-account-title {
        display: none !important;
    }
}

.ui-menu-item:hover > .partlink b {
    color: white !important;
    transition: all .2s;
}

.ui-menu .ui-menu-item-wrapper {
    border: none !important
}

.embedded-pdf {
    width: 100%;
    height: 500px !important;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - (0.5rem * 2));
        content: "";
    }

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

        .modal-dialog-centered::before {
            height: calc(100vh - (1.75rem * 2));
        }
}

.covid-modal-body {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 2px rgba(0,0,0,0.24);
    /* min-height: 420px; */
    position: relative;
    width: 100%;
    border-radius: 8px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
}




/*YENİ MENÜ*/
/*Biter */


/*Yeni Bottom Menü*/
/* Biter */



/*KENDİN TASARLA HEADER*/
#kt-header {
    margin-bottom: 0;
    background: #fff;
    box-shadow: inset 0 -1px 0 0 #e1e8ee;
    width: 100%;
}

#kt-layout {
    background-color: #f9fcff;
}

#kt-header nav {
    height: 90px;
}

#kt-product {
    margin: 20px 0 50px 0;
    flex: 1;
}

.kt-main-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
    display: flex;
    height: 100%;
}

.kt-header-items {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.v2-logo {
    width: 265px;
    vertical-align: middle;
}


@media only screen and (max-width: 992px) {
    .kt-main-container {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .kt-main-container {
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media only screen and (max-width: 576px) {
    .kt-header-items {
        display: none;
    }
}