/* Minification failed. Returning unminified contents.
(315,23): run-time error CSS1038: Expected hex color, found '#ffff'
(465,17): run-time error CSS1038: Expected hex color, found '#ffff'
(763,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(849,12): run-time error CSS1038: Expected hex color, found '#ffff'
 */

.pdlr-40 {
    padding-left: 20px;
    padding-right: 20px;
}

.progress {
    height: 13px;
    width: 100%;
    background-color: #bbbbbb
}

.progress-bar {
    background-color: #FBC02D
}

.count {
    width: 350px
}

.fit-image {
    width: 100%;
    object-fit: cover
}

.cardX {
    padding-bottom: 20px
}

.card-headerX {
    padding: 20px 60px
}

.card-bodyX {
    display: none;
    padding-left: 55px;
    padding-right: 55px
}

    .card-bodyX.blockshow {
        display: block
    }

.yellow-text {
    color: #FBC02D
}


.conbtn {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 35px;
    font-size: 1em;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 14px;
    letter-spacing: 0.045em;
}

    .conbtn svg {
        position: absolute;
        top: 0;
        left: 0;
    }

        .conbtn svg rect {
            //stroke: #EC0033;
            stroke-width: 4;
            stroke-dasharray: 353, 0;
            stroke-dashoffset: 0;
            -webkit-transition: all 600ms ease;
            transition: all 600ms ease;
        }

    .conbtn span {
        background: #ffffff;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8282', endColorstr='#e178ed',GradientType=1 );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .conbtn:hover svg rect {
        stroke-width: 4;
        stroke-dasharray: 107,460;
        stroke-dashoffset: 410;
    }



    #iconbar{
        color:white;
        font-size:3rem;
        position:absolute;
        top:20px;
        right:20px;
        opacity:0;
        visibility:hidden;
    }

.comingdiv {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: #d5d3d1;
    font-family: 'Raleway', sans-serif;
    overflow: hidden;
}

    .comingdiv p {
        font-size: 40px;
        color: #9E9E9D;
        opacity: 0;
        animation: fadein 1.75s cubic-bezier(0.165, 0.84, 0.44, 1) .25s 1;
        animation-fill-mode: forwards;
        font-weight: 700;
        padding: 0 0 .5em 0;
        position: relative;
    }

        .comingdiv p:after {
            content: '';
            width: 30%;
            left: 0;
            bottom: 0;
            height: .125em;
            background-color: #9E9E9D;
            position: absolute;
            opacity: 0;
            animation: fadein 1.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s 1;
            animation-fill-mode: forwards;
        }


.card-block {
    width: 235px;
    border: 1px solid lightgrey;
    padding: 20px;
    border-radius: 5px !important;
    background-color: #FAFAFA;
    margin-bottom: 30px
}

.radio {
    display: inline-block;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    color: #000;
    font-weight: 500;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

    .radio:hover {
        box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
        border: 1px solid #F9A825;
        box-shadow: 0px 8px 16px 0px #EEEEEE;
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        filter: grayscale(0%)
    }

    .radio.selected {
    }


.pic,
.pic-0 {
    height: 100px;
    width: 100px
}

.pic {
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-blue {
    margin-top: 40px;
    background-color: #1A237E;
    color: #fff;
    width: 28%
}

    .btn-blue:hover {
        background-color: #000
    }

.btn-secondary {
    margin-top: 40px;
    width: 28%
}

.fa-long-arrow-right {
    float: right;
    margin-top: 4px
}

.fa-long-arrow-left {
    float: left;
    margin-top: 4px
}

select,
input,
textarea {
    padding: 8px 15px 8px 15px;
    border-radius: 0px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: #ECEFF1;
    border: 1px solid #ccc;
    font-size: 16px;
    letter-spacing: 1px
}

    select:focus,
    input:focus,
    textarea:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #FBC02D !important;
        outline-width: 0
    }

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}






.domain-form .frm-group {
    border: 2px solid #9ff0c8;
    padding: 4px
}

    .domain-form .frm-group input {
        border: transparent
    }

.frm-control {
    background: #fff !important;
    color: #3a4348 !important;
    font-size: 18px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.px-4 {
    padding-left: 1.5rem !important
}

.domain-form .frm-group .search-domain {
    background: #22d47b;
    border: 2px solid #22d47b;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.domain-price span {
    color: #3a4348;
    margin: 0 10px
}

    .domain-price span small {
        color: #24bdc9
    }


    /****************************************************/
.wrapper {
    justify-content: center;
    align-items: center;
}

.headerDivider {
    border-left: 1px solid #38546d;
    border-right: 1px solid #16222c;
    height: 80px;
    position: absolute;
    right: 249px;
    top: 10px;
}


.cardFine {
    border: none;
    padding: 10px;
    background-color: #ffff;
    width: 100%;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.cart-button {
    
    bottom: 5px;
    right:5px;
}

.off {
    position: absolute;
    left: 76%;
    top: 3%;
    width: 72px;
    text-align: center;
    height: 25px;
    line-height: 8px;
    border-radius: 4px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.thumbnail {
    margin-top: 20px
}

.thumbnail img {
    display: inline-block;
    width: 70px;
    height: 70px;
    border: 1px solid #eee;
    padding: 5px;
    cursor: pointer;
    border-radius: 4px
}

.thumbnail img:hover {
    border: 1px solid #00000059
}

.about {
    margin-top: 20px
}

.product_fav i {
    line-height: 40px;
    color: #343a40;
    font-size: 15px
}


.product_fav {
    display: inline-block;
    width: 36px;
    height: 39px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 11%;
    text-align: center;
    cursor: pointer;
    margin-left: 3px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.product_fav:hover {
    background: #343a40
}

.product_fav:hover i {
    color: #fff
}

.yellow {
    color: rgb(254,203,108);
}

/*****************************************/


/*****************globals*************/


.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px; } }

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.nav-tabes {
    border: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style:none;

}
    .preview-thumbnail.nav-tabes li {
        width: 18%;
        margin-right: 2.5%;
    }
        .preview-thumbnail.nav-tabes li img {
            max-width: 100%;
            display: block;
        }
        .preview-thumbnail.nav-tabes li a {
            padding: 0;
            margin: 0;
        }
        .preview-thumbnail.nav-tabes li:last-of-type {
            margin-right: 0;
        }

.tab-content {
  overflow: hidden; }
    .tab-content img {
        width: 400px;
        height: 400px;
        -webkit-animation-name: opacity;
        animation-name: opacity;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
    }

.cards {
    margin-top: 20px;
    background: #ffff;
    padding: 2em;
    line-height: 1.5em;
    border-radius: 10px
}

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .price, .sizes, .colors {
  text-transform: UPPERCASE;
  font-weight: bold; }

.checked, .price span {
  color: #ff9f1a; }

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px; }

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart {
  background: #ff9f1a;
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
  .add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*# sourceMappingURL=style.css.map */




.rating-box {
    width: 130px;
    height: 130px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FBC02D;
    color: #fff
}

.rating-label {
    font-weight: bold
}

.rating-bar {
    width: 300px;
    padding: 8px;
    border-radius: 5px
}

.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 5px
}

.bar-5 {
    width: 70%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

.bar-4 {
    width: 30%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

.bar-3 {
    width: 20%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

.bar-2 {
    width: 10%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

.bar-1 {
    width: 0%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}


.blue-text {
    color: #0091EA
}



.profile-pic {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin-right: 30px
}

.picx {
    width: 80px;
    height: 80px;
    margin-right: 10px
}

.vote {
    cursor: pointer
}

/*****************************************************/



.imgBox {
    width: 400px;
    height: 400px;
}

.imgBox img {
    display: block;
}

.items {
    width: 100%;
    background: #fffffe;
    box-shadow: 0 3px 6px rgba(black,0.16), 0 3px 6px rgba(black,0.23);
    border-top: 10px solid #FBC02D;
}

.items-head p {
    padding: 5px 20px;
    margin: 10px;
    color: #0B5AA2;
    font-weight: bold;
    font-size: 20px;
}

.items-head hr {
    width: 30%;
    margin: 0px 30px;
    border-top: 4px solid #FBC02D;
}

.items-body {
    padding: 10px;
    margin: 10px;
    display: grid;
    grid-gap: 10px;
}

.items-body-content {
    padding: 10px;
    padding-right: 0px;
    display: grid;
    grid-template-columns: 10fr 1fr;
    font-size: 13px;
    grid-gap: 10px;
    border: 1px solid transparent;
    cursor: pointer;
}

    .items-body-content:hover {
        border-radius: 15px;
        border: 1px solid #0B5AA2;
    }

    .items-body-content i {
        align-self: center;
        font-size: 15px;
        color: #0B5AA2;
        font-weight: bold;
        animation: icon 1.5s infinite forwards;
    }

@keyframes icon {
    0%,100% {
        transform: translate(0px);
    }

    50% {
        transform: translate(3px);
    }
}

/**********************************************************/



#aspect-content {
    margin: 20px 0 0;
    font-family: "Poppins", sans-serif;
}

    #aspect-content * {
        box-sizing: border-box;
    }

.aspect-tab {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 10px;
    border-radius: 10px;
    background-color: var(--color-primary);
    box-shadow: 0 0 0 1px #ececec;
    opacity: 1;
    -webkit-transition: box-shadow 0.2s, opacity 0.4s;
    transition: box-shadow 0.2s, opacity 0.4s;
}

    .aspect-tab:hover {
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
    }

.aspect-input {
    display: none;
}

    .aspect-input:checked ~ .aspect-content + .aspect-tab-content {
        max-height: 3000px;
    }

    .aspect-input:checked ~ .aspect-content:after {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

.aspect-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 80px;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    z-index: 1;
    cursor: pointer;
}

    .aspect-label:hover ~ .aspect-content:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
    }

.aspect-content {
    position: relative;
    display: block;
    height: 80px;
    margin: 0;
    padding: 0 87px 0 30px;
    font-size: 0;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

    .aspect-content:before, .aspect-content:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
    }

    .aspect-content:before {
        height: 100%;
    }

    .aspect-content:after {
        position: absolute;
        width: 24px;
        height: 100%;
        right: 30px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.aspect-name {
    display: inline-block;
    width: 75%;
    margin-left: 16px;
    font-weight: 900;
    color: #ffff;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
}

.aspect-stat {
    width: 40%;
    text-align: right;
}

.all-opinions,
.aspect-name {
    font-size: 14px;
    line-height: 22px;
}

.all-opinions {
    color: #5d5d5d;
    text-align: left;
}

.aspect-content + .aspect-tab-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s;
    transition: max-height 0.3s;
}

.aspect-content > div,
.aspect-stat > div {
    display: inline-block;
}

.aspect-content > div {
    vertical-align: middle;
}

.positive-count,
.negative-count,
.neutral-count {
    display: inline-block;
    margin: 0 0 0 20px;
    padding-left: 26px;
    background-repeat: no-repeat;
    font-size: 13px;
    line-height: 20px;
    color: #363636;
}

.positive-count {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiM3RUQzMjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxMS40MjdhNSA1IDAgMCAwIDEwIDAgLjcxNC43MTQgMCAxIDAtMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMS03LjE0MiAwIC43MTQuNzE0IDAgMSAwLTEuNDI5IDB6bTEuMDcxLTVhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MyAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==");
}

.negative-count {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNGRjZFMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNSAxNC45OThhLjcxNC43MTQgMCAwIDAgMS40MjkgMCAzLjU3MSAzLjU3MSAwIDAgMSA3LjE0MiAwIC43MTQuNzE0IDAgMSAwIDEuNDI5IDAgNSA1IDAgMSAwLTEwIDB6bTEuMDcxLTguNTdhMS4wNzEgMS4wNzEgMCAxIDAgMCAyLjE0MiAxLjA3MSAxLjA3MSAwIDAgMCAwLTIuMTQzem03Ljg1OCAwYTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDIgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3oiLz4KPC9zdmc+Cg==");
}

.neutral-count {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNCQUMyRDYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE4LjU3MWMtNC43MjYgMC04LjU3MS0zLjg0NS04LjU3MS04LjU3MSAwLTQuNzI2IDMuODQ1LTguNTcxIDguNTcxLTguNTcxIDQuNzI2IDAgOC41NzEgMy44NDUgOC41NzEgOC41NzEgMCA0LjcyNi0zLjg0NSA4LjU3MS04LjU3MSA4LjU3MXpNMjAgMTBjMCA1LjUxNC00LjQ4NiAxMC0xMCAxMFMwIDE1LjUxNCAwIDEwIDQuNDg2IDAgMTAgMHMxMCA0LjQ4NiAxMCAxMHpNNS43MTQgMTEuNDI3YS43MTQuNzE0IDAgMSAwIDAgMS40MjloOC41NzJhLjcxNC43MTQgMCAxIDAgMC0xLjQyOUg1LjcxNHptLjM1Ny01YTEuMDcxIDEuMDcxIDAgMSAwIDAgMi4xNDMgMS4wNzEgMS4wNzEgMCAwIDAgMC0yLjE0M3ptNy44NTggMGExLjA3MSAxLjA3MSAwIDEgMCAwIDIuMTQzIDEuMDcxIDEuMDcxIDAgMCAwIDAtMi4xNDN6Ii8+Cjwvc3ZnPgo=");
}

.aspect-info {
    width: 60%;
    white-space: nowrap;
    font-size: 0;
}

    .aspect-info:before {
        content: "";
        display: inline-block;
        height: 44px;
        vertical-align: middle;
    }

.chart-pie {
    position: relative;
    display: inline-block;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background-color: #e4e4e4;
    vertical-align: middle;
}

    .chart-pie:after {
        content: "";
        display: block;
        position: absolute;
        height: 40px;
        width: 40px;
        top: 2px;
        left: 2px;
        border-radius: 50%;
        background-color: #fff;
    }

.chart-pie-count {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;
    color: #242a32;
    text-align: center;
    z-index: 1;
}

.chart-pie > div {
    clip: rect(0, 44px, 44px, 22px);
}

.chart-pie > div,
.chart-pie.over50 .first-fill {
    position: absolute;
    height: 44px;
    width: 44px;
    border-radius: 50%;
}

.chart-pie.over50 > div {
    clip: rect(auto, auto, auto, auto);
}

.chart-pie.over50 .first-fill {
    clip: rect(0, 44px, 44px, 22px);
}

.chart-pie:not(.over50) .first-fill {
    display: none;
}

.second-fill {
    position: absolute;
    clip: rect(0, 22px, 44px, 0);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    box-sizing: border-box;
}

.chart-pie.positive .first-fill {
    background-color: #82d428;
}

.chart-pie.positive .second-fill {
    border-color: #82d428;
}

.chart-pie.negative .first-fill {
    background-color: #ff6e00;
}

.chart-pie.negative .second-fill {
    border-color: #ff6e00;
}

.aspect-tab-content {
    background-color: #f9f9f9;
  
    text-align: justify;
}

.sentiment-wrapper {
    padding: 24px 30px 30px;
}


.opinion-header {
    position: relative;
    width: 100%;
    margin: 0 0 24px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #242a32;
    text-transform: capitalize;
}

    .opinion-header > span:nth-child(2) {
        position: absolute;
        right: 0;
    }

    .opinion-header + div > span {
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
        color: #363636;
    }

@media screen and (max-width: 800px) {
    .aspect-label {
        max-height: 102px;
    }

    .aspect-content {
        height: auto;
        padding: 10px 87px 10px 30px;
    }

        .aspect-content:before {
            display: none;
        }

        .aspect-content:after {
            top: 0;
        }

        .aspect-content > div {
            display: block;
            width: 100%;
        }

    .aspect-stat {
        margin-top: 10px;
        text-align: left;
    }
}

@media screen and (max-width: 750px) {
    .sentiment-wrapper > div {
        display: block;
        width: 100%;
        max-width: 100%;
    }

        .sentiment-wrapper > div:not(:first-child) {
            margin-top: 10px;
        }
}

@media screen and (max-width: 500px) {
    .aspect-label {
        max-height: 140px;
    }

    .aspect-stat > div {
        display: block;
        width: 100%;
    }

    .all-opinions {
        margin-bottom: 10px;
    }

        .all-opinions + div > span:first-child {
            margin: 0;
        }
}

/**********************************************/


/*--------------------
Buttons
--------------------*/

/*--------------------
Form
--------------------*/
.form fieldset {
    border: none;
    padding: 0;
    padding: 10px 0;
    position: relative;
    clear: both;
}

    .form fieldset.fieldset-expiration {
        float: left;
        width: 60%;
    }

        .form fieldset.fieldset-expiration .select {
            width: 84px;
            margin-right: 12px;
            float: left;
        }

    .form fieldset.fieldset-ccv {
        clear: none;
        float: right;
        width: 86px;
    }

    .form fieldset label {
        display: block;
        text-transform: uppercase;
        font-size: 11px;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: 5px;
        font-weight: bold;
        font-family: Inconsolata;
    }

    .form fieldset input,
    .form fieldset .select {
        width: 100%;
        height: 38px;
        color: #333333;
        padding: 10px;
        border-radius: 5px;
        font-size: 15px;
        outline: none !important;
        border: 1px solid rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    }

        .form fieldset input.input-cart-number,
        .form fieldset .select.input-cart-number {
            width: 82px;
            display: inline-block;
            margin-right: 8px;
        }

            .form fieldset input.input-cart-number:last-child,
            .form fieldset .select.input-cart-number:last-child {
                margin-right: 0;
            }

    .form fieldset .select {
        position: relative;
    }

        .form fieldset .select::after {
            content: '';
            border-top: 8px solid #222;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            position: absolute;
            z-index: 2;
            top: 14px;
            right: 10px;
            pointer-events: none;
        }

        .form fieldset .select select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            position: absolute;
            padding: 0;
            border: none;
            width: 100%;
            outline: none !important;
            top: 6px;
            left: 6px;
            background: none;
        }

            .form fieldset .select select :-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #000;
            }


/*--------------------
Checkout
--------------------*/
.checkout {
    margin: 111px auto 0px;
    position: relative;
    width: 100%;
    background: white;
    border-radius: 15px;
    padding: 160px 45px 30px;
   
}

/*--------------------
Credit Card
--------------------*/
.credit-card-box {
    -webkit-perspective: 1000;
    perspective: 1000;
    width: 400px;
    height: 280px;
    position: absolute;
    top: -112px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .credit-card-box:hover .flip, .credit-card-box.hover .flip {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .credit-card-box .front,
    .credit-card-box .back {
        width: 400px;
        height: 250px;
        border-radius: 15px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        
        position: absolute;
        color: #fff;
        font-family: Inconsolata;
        top: 0;
        left: 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    }

        .credit-card-box .front::before,
        .credit-card-box .back::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: url("http://cdn.flaticon.com/svg/44/44386.svg") no-repeat center;
            background-size: cover;
            opacity: .05;
        }

    .credit-card-box .flip {
        -webkit-transition: 0.6s;
        transition: 0.6s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: relative;
    }

    .credit-card-box .logo {
        position: absolute;
        top: 9px;
        right: 20px;
        width: 60px;
    }

        .credit-card-box .logo svg {
            width: 100%;
            height: auto;
            fill: #fff;
        }

    .credit-card-box .front {
        z-index: 2;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .credit-card-box .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

        .credit-card-box .back .logo {
            top: 185px;
        }

    .credit-card-box .chip {
        position: absolute;
        width: 60px;
        height: 45px;
        top: 20px;
        left: 20px;
        background: linear-gradient(135deg, #ddccf0 0%, #d1e9f5 44%, #f8ece7 100%);
        border-radius: 8px;
    }

        .credit-card-box .chip::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border: 4px solid rgba(128, 128, 128, 0.1);
            width: 80%;
            height: 70%;
            border-radius: 5px;
        }

    .credit-card-box .strip {
        background: linear-gradient(135deg, #404040, #1a1a1a);
        position: absolute;
        width: 100%;
        height: 50px;
        top: 30px;
        left: 0;
    }

    .credit-card-box .number {
        position: absolute;
        margin: 0 auto;
        top: 103px;
        left: 19px;
        font-size: 38px;
    }

    .credit-card-box label {
        font-size: 10px;
        letter-spacing: 1px;
        text-shadow: none;
        text-transform: uppercase;
        font-weight: normal;
        opacity: 0.5;
        display: block;
        margin-bottom: 3px;
    }

    .credit-card-box .card-holder,
    .credit-card-box .card-expiration-date {
        position: absolute;
        margin: 0 auto;
        top: 180px;
        left: 19px;
        font-size: 22px;
        text-transform: capitalize;
    }

    .credit-card-box .card-expiration-date {
        text-align: right;
        left: auto;
        right: 20px;
    }

    .credit-card-box .ccv {
        height: 36px;
        background: #fff;
        width: 91%;
        border-radius: 5px;
        top: 110px;
        left: 0;
        right: 0;
        position: absolute;
        margin: 0 auto;
        color: #000;
        text-align: right;
        padding: 10px;
    }

        .credit-card-box .ccv label {
            margin: -25px 0 14px;
            color: #fff;
        }

.the-most {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 50vw;
    max-width: 200px;
    padding: 10px;
}

    .the-most img {
        max-width: 100%;
    }


/******************************************************/

.center-wrapper {
    padding: 0.5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 100%;
}

.content {
    margin: 0 auto;
    max-width: 600px;
    border: 1px solid lemonchiffon;
    background: white;
}

.top-bar,
.bag,
.bag-total,
.help {
    padding: 0.5rem 1rem;
}

    .top-bar,
    .bag-head::after,
    .bag-total::before {
        background: whitesmoke;
    }

    .bag-head::after,
    .bag-total::before,
    .btn-remove {
        display: block;
    }

    .bag-head::after,
    .bag-total::before,
    .description-text,
    .promo-checkbox {
        margin: 0.5rem 0;
    }

    .bag-head::after,
    .bag-total::before {
        content: "";
        width: 100%;
        height: 3px;
    }

.muted {
    color: grey;
}

::-webkit-input-placeholder {
    font-size: 0.8rem;
}

::-moz-placeholder {
    font-size: 0.8rem;
}

:-ms-input-placeholder {
    font-size: 0.8rem;
}

::-ms-input-placeholder {
    font-size: 0.8rem;
}

.change-delivery,
::placeholder,
.product-code,
.help {
    font-size: 0.8rem;
}

.image {
    width: 40%;
}

    .image img.product-image {
        max-width: 100%;
    }

.description {
    padding-right: 1rem;
    width: 60%;
}

.quantity-wrapper {
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin: 1rem 0 0.5rem;
}

.bag-product,
.quantity-wrapper,
.subtotal,
.delivery,
.total,
.promo-code {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.subtotal,
.delivery,
input[type="checkbox"],
.help {
    margin-bottom: 0.5rem;
}

.total {
    margin-bottom: 1rem;
}

.btn-go-checkout {
    margin-top: 1rem;
    width: 100%;
    height: 40px;
    background: #9966cc;
    box-shadow: 0 3px 6px 2px gainsboro;
}

.help {
    text-align: center;
}


.fixed {
    position: fixed;
    width: 25%;
}

.scrollit {
    float: left;
    width: 71%
}

/**************************************************************/
.cart-page {
    color: #3a3a3a;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
}

    .cart-page .cart-page-container {
        max-width: 1150px;
        margin: 0 auto;
    }

        .cart-page .cart-page-container .bold-text {
            font-weight: 700;
        }

        .cart-page .cart-page-container .red-bg {
            background: #d32f2f;
        }

    .cart-page .cart-page-header {
        padding: 15px;
        margin-bottom: 15px;
        background: #f1f1f1;
        border-radius:10px;
    }

@media screen and (min-width: 768px) {
    .cart-page .cart-page-header {
        margin-bottom: 25px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}

.cart-page .cart-header-notice {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .cart-page .cart-header-notice {
        margin-bottom: 0;
    }
}

.cart-page .cart-footer-discount {
    display: flex;
}

.cart-page .cart-header-text {
    display: inline-block;
    margin-right: 3px;
    font-size: 20px;
    font-weight: bolder;
}

.cart-page .cart-header-icon {
    width: 23px;
    height: 23px;
    margin-right: 3px;
    display: inline-block;
    position: relative;
    background: #6aca6b;
    border-radius: 50%;
}

    .cart-page .cart-header-icon i {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #ffffff;
        font-size: 18px;
        transform: translate3d(-50%, -50%, 0);
    }

.cart-page .red-text {
    color: #d32f2f;
}

.cart-page .cart-header-cta {
    padding: 8px 20px;
    display: inline-block;
    background: #03a9f4;
    color: #ffffff;
    text-decoration: none;
    border-radius: 7px;
}

@media screen and (max-width: 767px) {
    .cart-page .cart-header-cta {
        display: block;
        text-align: center;
    }
}

.cart-page .cart-header-cta.cart-cta {
    width: 100px;
    text-align: center;
}

.cart-page table.cart-table-product {
    width: 100%;
    max-width: 1150px;
    margin-bottom: 20px;
    display: block;
    border-collapse: collapse;
}

@media screen and (min-width: 768px) {
    .cart-page table.cart-table-product {
        margin-bottom: 30px;
    }
}

.cart-page table.cart-table-product tbody {
    margin-bottom: 15px;
    border: 2px solid #f1f1f1;
    border-top: 0;
}

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product tbody .cart-table-payment-content {
        margin-top: 5px;
    }
}

.cart-page table.cart-table-product tbody .cart-table-payment-content:hover {
    background: #fff;
}

.cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment {
    padding: 15px;
    background: #f1f1f1;
    margin-bottom: 15px;
}

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment {
        padding: 5px 0;
    }
}

.cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment:after {
    content: "";
    width: calc(100% - 30px);
    height: 2px;
    position: absolute;
    left: 15px;
    bottom: 0px;
    background: #f1f1f1;
}

.cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment .cart-plan-payment-container table {
    width: 100%;
}

    .cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment .cart-plan-payment-container table tr:hover {
        background: #f1f1f1;
    }

    .cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment .cart-plan-payment-container table th,
    .cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment .cart-plan-payment-container table td {
        padding: 5px 0;
    }

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment .cart-plan-payment-container table th,
    .cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment .cart-plan-payment-container table td {
        padding: 5px 15px;
        display: block;
    }
}

.cart-page table.cart-table-product tbody .cart-table-payment-content .cart-table-plan-payment .cart-plan-payment-container table td:after {
    content: none;
}

.cart-page table.cart-table-product tr:last-child .cart-table-plan-payment:after {
    content: none;
}

.cart-page table.cart-table-product tr:hover {
    background: #f1f1f1;
}

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product tr:hover {
        background: #fff;
    }
}

.cart-page table.cart-table-product tr.cart-table-header {
    background: #03a9f4;
}

    .cart-page table.cart-table-product tr.cart-table-header th {
        color: #ffffff;
    }

.cart-page table.cart-table-product tr.cart-table-content {
    padding: 0 15px;
}

    .cart-page table.cart-table-product tr.cart-table-content p {
        margin: 0;
    }

.cart-page table.cart-table-product .cart-table-mobile {
    display: none;
}

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product .cart-table-mobile {
        display: table-row;
    }
}

.cart-page table.cart-table-product .cart-table-mobile:hover {
    background: #ffffff;
}

.cart-page table.cart-table-product .cart-table-mobile.cart-table-mobile-bottom td {
    padding-bottom: 15px;
}

    .cart-page table.cart-table-product .cart-table-mobile.cart-table-mobile-bottom td:after {
        content: '';
    }

.cart-page table.cart-table-product .cart-table-mobile span {
    display: inline-block;
}

.cart-page table.cart-table-product .cart-table-mobile td {
    padding: 3px 15px;
}

    .cart-page table.cart-table-product .cart-table-mobile td:after {
        content: none;
    }

.cart-page table.cart-table-product .cart-table-mobile .cart-table-mobile-title {
    width: 50%;
    display: inline-block;
}

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product .cart-table-mobile .cart-table-mobile-title.cart-table-mobile-title-bottom {
        margin-bottom: 5px;
    }
}

.cart-page table.cart-table-product th,
.cart-page table.cart-table-product td {
    padding: 15px;
    text-align: left;
}

    .cart-page table.cart-table-product th.cart-table-size {
        max-width: 160px;
        width: 13.9130434783%;
    }

    .cart-page table.cart-table-product th.cart-table-payment {
        max-width: 300px;
        width: 26.0869565217%;
    }

    .cart-page table.cart-table-product th.cart-table-small-size {
        max-width: 45px;
        width: 3.9130434783%;
    }

    .cart-page table.cart-table-product th.cart-table-product-name {
        max-width: 320px;
        width: 27.8260869565%;
    }

.cart-page table.cart-table-product td {
    position: relative;
}

    .cart-page table.cart-table-product td:after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: -1px;
        background: #f1f1f1;
    }

    .cart-page table.cart-table-product td img {
        max-width: 130px;
        max-height: auto;
        object-fit: cover;
    }

    .cart-page table.cart-table-product td.cart-table-icon:after {
        width: calc(100% - 15px);
        right: 15px;
    }

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product td.cart-table-icon:after {
        content: none;
    }
}

.cart-page table.cart-table-product td.cart-table-icon i {
    font-size: 24px;
}

.cart-page table.cart-table-product td.cart-table-image-info {
    max-width: 160px;
    width: 13.9130434783%;
}

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product td.cart-table-image-info {
        padding-bottom: 0;
    }
}

.cart-page table.cart-table-product td.cart-table-image-info:after {
    width: calc(100% - 15px);
    left: 15px;
}

@media screen and (max-width: 1023px) {
    .cart-page table.cart-table-product td.cart-table-image-info:after {
        content: none;
    }
}

.cart-page table.cart-table-product td.cart-table-payment-detail {
    padding: 0 15px;
}

    .cart-page table.cart-table-product td.cart-table-payment-detail:after {
        content: none;
    }

.cart-page .cart-block-right {
    text-align: right;
}

.cart-page .cart-page-discount {
    padding: 15px;
    margin-bottom: 15px;
    display: inline-block;
    border: 1px solid #cfcaca;
}

.cart-page .cart-page-input {
    width: 100%;
    height: 34px;
    padding: 0 15px;
    margin-right: 10px;
}

    .cart-page .cart-page-input::placeholder {
        font-size: 14px;
        font-family: "Poppins", sans-serif;
    }

.cart-page .cart-table-bill {
    margin-bottom: 15px;
}

@media screen and (max-width: 1023px) {
    .cart-page .cart-table-desktop {
        display: none !important;
    }
}

@media screen and (max-width: 1023px) {
    .cart-page .right-text-mobile {
        text-align: right !important;
    }
}

.cart-page .page-order-received .cart-header-notice {
    margin-bottom: 15px;
}

.cart-page .cart-order-received {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cart-page .order-received-col {
    width: calc(30% - 15px);
    padding: 0 10%;
    margin-bottom: 25px;
    display: inline-block;
    border-right: 2px dashed #cfcaca;
}

@media screen and (min-width: 768px) {
    .cart-page .order-received-col {
        width: auto;
        padding: 0 40px;
    }
}

@media screen and (min-width: 768px) {
    .cart-page .order-received-col:first-child {
        padding-left: 0;
    }
}

.cart-page .order-received-col:last-child {
    border: 0;
}

.cart-page .order-received-col.received-col-mobile {
    border-width: 0;
}

@media screen and (min-width: 768px) {
    .cart-page .order-received-col.received-col-mobile {
        border-width: 1px;
    }
}

.cart-page .order-received-col span {
    display: block;
}

.cart-page-td {
    text-align: right;
    padding: 10px;
}