.color-white {
    color: white;
}

.color-text {
    color: #444;
}

.color-orange {
  color: orange;
}

.color-red {
  color:red;
}

.color-blue {
  color: #337ab7;
}

.color-gray {
  color: #999;
}

.text-center {
  text-align:center;
}

.is-inline {
    display: inline-block;
}

.is-none {
    display: none;
}

.is-flex {
    display: flex !important;
}

.is-flex--column {
    flex-direction: column;
}

.is-flex-1 {
    flex: 1;
}

.is-flex--acenter {
    align-items: center;
}

.is-flex--space-between {
    justify-content: space-between;
}

.is-flex--center {
    justify-content: center;
}

.is-flex--start {
    justify-content: flex-start;
}

.is-vertical-flex {
    display: flex;
    flex-direction: column;
}

.mg-right-15 {
    margin-right: 15px;
}

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

.is-100-height {
    height: 100%;
}

.is-fullwidth {
    width: 100%;
}

.is-fullheight {
    height: 100%;
}

.is-float-left {
    float: left;
}

.is-float-right {
    float: right;
}

select {
    height: 35px;
    outline: none;
    width: 100%;
    border: 1px solid #ccc;
    padding-left:9px;
}

textarea {
    outline: none;
    height: 60px;
    width:100%;
    border: 1px solid #ccc;
    padding: 5px 8px;
}

.col {
    width: 100%;
    box-sizing: border-box;
}

.offset-i {
    margin-left: 0%;
}

.offset-i {
    margin-left: 4.16667%;
}

.offset-i {
    margin-left: 8.33333%;
}

.offset-i {
    margin-left: 12.5%;
}

.offset-i {
    margin-left: 16.66667%;
}

.offset-i {
    margin-left: 20.83333%;
}

.offset-i {
    margin-left: 25%;
}

.offset-i {
    margin-left: 29.16667%;
}

.offset-i {
    margin-left: 33.33333%;
}

.offset-i {
    margin-left: 37.5%;
}

.offset-i {
    margin-left: 41.66667%;
}

.offset-i {
    margin-left: 45.83333%;
}

.offset-i {
    margin-left: 50%;
}

.offset-i {
    margin-left: 54.16667%;
}

.offset-i {
    margin-left: 58.33333%;
}

.offset-i {
    margin-left: 62.5%;
}

.offset-i {
    margin-left: 66.66667%;
}

.offset-i {
    margin-left: 70.83333%;
}

.offset-i {
    margin-left: 75%;
}

.offset-i {
    margin-left: 79.16667%;
}

.offset-i {
    margin-left: 83.33333%;
}

.offset-i {
    margin-left: 87.5%;
}

.offset-i {
    margin-left: 91.66667%;
}

.offset-i {
    margin-left: 95.83333%;
}

@media screen and (min-width: 320px) {
    .xs-offset-0 {
        margin-left: 0px;
    }

    .xs-1 {
        max-width: 4.16667%;
    }

    .xs-offset-1 {
        margin-left: 4.16667%;
    }

    .xs-2 {
        max-width: 8.33333%;
    }

    .xs-offset-2 {
        margin-left: 8.33333%;
    }

    .xs-3 {
        max-width: 12.5%;
    }

    .xs-offset-3 {
        margin-left: 12.5%;
    }

    .xs-4 {
        max-width: 16.66667%;
    }

    .xs-offset-4 {
        margin-left: 16.66667%;
    }

    .xs-5 {
        max-width: 20.83333%;
    }

    .xs-offset-5 {
        margin-left: 20.83333%;
    }

    .xs-6 {
        max-width: 25%;
    }

    .xs-offset-6 {
        margin-left: 25%;
    }

    .xs-7 {
        max-width: 29.16667%;
    }

    .xs-offset-7 {
        margin-left: 29.16667%;
    }

    .xs-8 {
        max-width: 33.33333%;
    }

    .xs-offset-8 {
        margin-left: 33.33333%;
    }

    .xs-9 {
        max-width: 37.5%;
    }

    .xs-offset-9 {
        margin-left: 37.5%;
    }

    .xs-10 {
        max-width: 41.66667%;
    }

    .xs-offset-10 {
        margin-left: 41.66667%;
    }

    .xs-11 {
        max-width: 45.83333%;
    }

    .xs-offset-11 {
        margin-left: 45.83333%;
    }

    .xs-12 {
        max-width: 50%;
    }

    .xs-offset-12 {
        margin-left: 50%;
    }

    .xs-13 {
        max-width: 54.16667%;
    }

    .xs-offset-13 {
        margin-left: 54.16667%;
    }

    .xs-14 {
        max-width: 58.33333%;
    }

    .xs-offset-14 {
        margin-left: 58.33333%;
    }

    .xs-15 {
        max-width: 62.5%;
    }

    .xs-offset-15 {
        margin-left: 62.5%;
    }

    .xs-16 {
        max-width: 66.66667%;
    }

    .xs-offset-16 {
        margin-left: 66.66667%;
    }

    .xs-17 {
        max-width: 70.83333%;
    }

    .xs-offset-17 {
        margin-left: 70.83333%;
    }

    .xs-18 {
        max-width: 75%;
    }

    .xs-offset-18 {
        margin-left: 75%;
    }

    .xs-19 {
        max-width: 79.16667%;
    }

    .xs-offset-19 {
        margin-left: 79.16667%;
    }

    .xs-20 {
        max-width: 83.33333%;
    }

    .xs-offset-20 {
        margin-left: 83.33333%;
    }

    .xs-21 {
        max-width: 87.5%;
    }

    .xs-offset-21 {
        margin-left: 87.5%;
    }

    .xs-22 {
        max-width: 91.66667%;
    }

    .xs-offset-22 {
        margin-left: 91.66667%;
    }

    .xs-23 {
        max-width: 95.83333%;
    }

    .xs-offset-23 {
        margin-left: 95.83333%;
    }

    .xs-24 {
        max-width: 100%;
    }

    .xs-offset-24 {
        margin-left: 100%;
    }
}

@media screen and (min-width: 576px) {
    .sm-offset-0 {
        margin-left: 0px;
    }

    .sm-1 {
        max-width: 4.16667%;
    }

    .sm-offset-1 {
        margin-left: 4.16667%;
    }

    .sm-2 {
        max-width: 8.33333%;
    }

    .sm-offset-2 {
        margin-left: 8.33333%;
    }

    .sm-3 {
        max-width: 12.5%;
    }

    .sm-offset-3 {
        margin-left: 12.5%;
    }

    .sm-4 {
        max-width: 16.66667%;
    }

    .sm-offset-4 {
        margin-left: 16.66667%;
    }

    .sm-5 {
        max-width: 20.83333%;
    }

    .sm-offset-5 {
        margin-left: 20.83333%;
    }

    .sm-6 {
        max-width: 25%;
    }

    .sm-offset-6 {
        margin-left: 25%;
    }

    .sm-7 {
        max-width: 29.16667%;
    }

    .sm-offset-7 {
        margin-left: 29.16667%;
    }

    .sm-8 {
        max-width: 33.33333%;
    }

    .sm-offset-8 {
        margin-left: 33.33333%;
    }

    .sm-9 {
        max-width: 37.5%;
    }

    .sm-offset-9 {
        margin-left: 37.5%;
    }

    .sm-10 {
        max-width: 41.66667%;
    }

    .sm-offset-10 {
        margin-left: 41.66667%;
    }

    .sm-11 {
        max-width: 45.83333%;
    }

    .sm-offset-11 {
        margin-left: 45.83333%;
    }

    .sm-12 {
        max-width: 50%;
    }

    .sm-offset-12 {
        margin-left: 50%;
    }

    .sm-13 {
        max-width: 54.16667%;
    }

    .sm-offset-13 {
        margin-left: 54.16667%;
    }

    .sm-14 {
        max-width: 58.33333%;
    }

    .sm-offset-14 {
        margin-left: 58.33333%;
    }

    .sm-15 {
        max-width: 62.5%;
    }

    .sm-offset-15 {
        margin-left: 62.5%;
    }

    .sm-16 {
        max-width: 66.66667%;
    }

    .sm-offset-16 {
        margin-left: 66.66667%;
    }

    .sm-17 {
        max-width: 70.83333%;
    }

    .sm-offset-17 {
        margin-left: 70.83333%;
    }

    .sm-18 {
        max-width: 75%;
    }

    .sm-offset-18 {
        margin-left: 75%;
    }

    .sm-19 {
        max-width: 79.16667%;
    }

    .sm-offset-19 {
        margin-left: 79.16667%;
    }

    .sm-20 {
        max-width: 83.33333%;
    }

    .sm-offset-20 {
        margin-left: 83.33333%;
    }

    .sm-21 {
        max-width: 87.5%;
    }

    .sm-offset-21 {
        margin-left: 87.5%;
    }

    .sm-22 {
        max-width: 91.66667%;
    }

    .sm-offset-22 {
        margin-left: 91.66667%;
    }

    .sm-23 {
        max-width: 95.83333%;
    }

    .sm-offset-23 {
        margin-left: 95.83333%;
    }

    .sm-24 {
        max-width: 100%;
    }

    .sm-offset-24 {
        margin-left: 100%;
    }
}

@media screen and (min-width: 768px) {
    .md-offset-0 {
        margin-left: 0px;
    }

    .md-1 {
        max-width: 4.16667%;
    }

    .md-offset-1 {
        margin-left: 4.16667%;
    }

    .md-2 {
        max-width: 8.33333%;
    }

    .md-offset-2 {
        margin-left: 8.33333%;
    }

    .md-3 {
        max-width: 12.5%;
    }

    .md-offset-3 {
        margin-left: 12.5%;
    }

    .md-4 {
        max-width: 16.66667%;
    }

    .md-offset-4 {
        margin-left: 16.66667%;
    }

    .md-5 {
        max-width: 20.83333%;
    }

    .md-offset-5 {
        margin-left: 20.83333%;
    }

    .md-6 {
        max-width: 25%;
    }

    .md-offset-6 {
        margin-left: 25%;
    }

    .md-7 {
        max-width: 29.16667%;
    }

    .md-offset-7 {
        margin-left: 29.16667%;
    }

    .md-8 {
        max-width: 33.33333%;
    }

    .md-offset-8 {
        margin-left: 33.33333%;
    }

    .md-9 {
        max-width: 37.5%;
    }

    .md-offset-9 {
        margin-left: 37.5%;
    }

    .md-10 {
        max-width: 41.66667%;
    }

    .md-offset-10 {
        margin-left: 41.66667%;
    }

    .md-11 {
        max-width: 45.83333%;
    }

    .md-offset-11 {
        margin-left: 45.83333%;
    }

    .md-12 {
        max-width: 50%;
    }

    .md-offset-12 {
        margin-left: 50%;
    }

    .md-13 {
        max-width: 54.16667%;
    }

    .md-offset-13 {
        margin-left: 54.16667%;
    }

    .md-14 {
        max-width: 58.33333%;
    }

    .md-offset-14 {
        margin-left: 58.33333%;
    }

    .md-15 {
        max-width: 62.5%;
    }

    .md-offset-15 {
        margin-left: 62.5%;
    }

    .md-16 {
        max-width: 66.66667%;
    }

    .md-offset-16 {
        margin-left: 66.66667%;
    }

    .md-17 {
        max-width: 70.83333%;
    }

    .md-offset-17 {
        margin-left: 70.83333%;
    }

    .md-18 {
        max-width: 75%;
    }

    .md-offset-18 {
        margin-left: 75%;
    }

    .md-19 {
        max-width: 79.16667%;
    }

    .md-offset-19 {
        margin-left: 79.16667%;
    }

    .md-20 {
        max-width: 83.33333%;
    }

    .md-offset-20 {
        margin-left: 83.33333%;
    }

    .md-21 {
        max-width: 87.5%;
    }

    .md-offset-21 {
        margin-left: 87.5%;
    }

    .md-22 {
        max-width: 91.66667%;
    }

    .md-offset-22 {
        margin-left: 91.66667%;
    }

    .md-23 {
        max-width: 95.83333%;
    }

    .md-offset-23 {
        margin-left: 95.83333%;
    }

    .md-24 {
        max-width: 100%;
    }

    .md-offset-24 {
        margin-left: 100%;
    }
}

@media screen and (min-width: 992px) {
    .lg-offset-0 {
        margin-left: 0px;
    }

    .lg-1 {
        max-width: 4.16667%;
    }

    .lg-offset-1 {
        margin-left: 4.16667%;
    }

    .lg-2 {
        max-width: 8.33333%;
    }

    .lg-offset-2 {
        margin-left: 8.33333%;
    }

    .lg-3 {
        max-width: 12.5%;
    }

    .lg-offset-3 {
        margin-left: 12.5%;
    }

    .lg-4 {
        max-width: 16.66667%;
    }

    .lg-offset-4 {
        margin-left: 16.66667%;
    }

    .lg-5 {
        max-width: 20%;
    }

    .lg-offset-5 {
        margin-left: 20.83333%;
    }

    .lg-6 {
        max-width: 25%;
    }

    .lg-offset-6 {
        margin-left: 25%;
    }

    .lg-7 {
        max-width: 29.16667%;
    }

    .lg-offset-7 {
        margin-left: 29.16667%;
    }

    .lg-8 {
        max-width: 33.33333%;
    }

    .lg-offset-8 {
        margin-left: 33.33333%;
    }

    .lg-9 {
        max-width: 37.5%;
    }

    .lg-offset-9 {
        margin-left: 37.5%;
    }

    .lg-10 {
        max-width: 41.66667%;
    }

    .lg-offset-10 {
        margin-left: 41.66667%;
    }

    .lg-11 {
        max-width: 45.83333%;
    }

    .lg-offset-11 {
        margin-left: 45.83333%;
    }

    .lg-12 {
        max-width: 50%;
    }

    .lg-offset-12 {
        margin-left: 50%;
    }

    .lg-13 {
        max-width: 54.16667%;
    }

    .lg-offset-13 {
        margin-left: 54.16667%;
    }

    .lg-14 {
        max-width: 58.33333%;
    }

    .lg-offset-14 {
        margin-left: 58.33333%;
    }

    .lg-15 {
        max-width: 62.5%;
    }

    .lg-offset-15 {
        margin-left: 62.5%;
    }

    .lg-16 {
        max-width: 66.66667%;
    }

    .lg-offset-16 {
        margin-left: 66.66667%;
    }

    .lg-17 {
        max-width: 70.83333%;
    }

    .lg-offset-17 {
        margin-left: 70.83333%;
    }

    .lg-18 {
        max-width: 75%;
    }

    .lg-offset-18 {
        margin-left: 75%;
    }

    .lg-19 {
        max-width: 79.16667%;
    }

    .lg-offset-19 {
        margin-left: 79.16667%;
    }

    .lg-20 {
        max-width: 83.33333%;
    }

    .lg-offset-20 {
        margin-left: 83.33333%;
    }

    .lg-21 {
        max-width: 87.5%;
    }

    .lg-offset-21 {
        margin-left: 87.5%;
    }

    .lg-22 {
        max-width: 91.66667%;
    }

    .lg-offset-22 {
        margin-left: 91.66667%;
    }

    .lg-23 {
        max-width: 95.83333%;
    }

    .lg-offset-23 {
        margin-left: 95.83333%;
    }

    .lg-24 {
        max-width: 100%;
    }

    .lg-offset-24 {
        margin-left: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .xl-offset-0 {
        margin-left: 0px;
    }

    .xl-1 {
        max-width: 4.16667%;
    }

    .xl-offset-1 {
        margin-left: 4.16667%;
    }

    .xl-2 {
        max-width: 8.33333%;
    }

    .xl-offset-2 {
        margin-left: 8.33333%;
    }

    .xl-3 {
        max-width: 12.5%;
    }

    .xl-offset-3 {
        margin-left: 12.5%;
    }

    .xl-4 {
        max-width: 16.66667%;
    }

    .xl-offset-4 {
        margin-left: 16.66667%;
    }

    .xl-5 {
        max-width: 20.83333%;
    }

    .xl-offset-5 {
        margin-left: 20.83333%;
    }

    .xl-6 {
        max-width: 25%;
    }

    .xl-offset-6 {
        margin-left: 25%;
    }

    .xl-7 {
        max-width: 29.16667%;
    }

    .xl-offset-7 {
        margin-left: 29.16667%;
    }

    .xl-8 {
        max-width: 33.33333%;
    }

    .xl-offset-8 {
        margin-left: 33.33333%;
    }

    .xl-9 {
        max-width: 37.5%;
    }

    .xl-offset-9 {
        margin-left: 37.5%;
    }

    .xl-10 {
        max-width: 41.66667%;
    }

    .xl-offset-10 {
        margin-left: 41.66667%;
    }

    .xl-11 {
        max-width: 45.83333%;
    }

    .xl-offset-11 {
        margin-left: 45.83333%;
    }

    .xl-12 {
        max-width: 50%;
    }

    .xl-offset-12 {
        margin-left: 50%;
    }

    .xl-13 {
        max-width: 54.16667%;
    }

    .xl-offset-13 {
        margin-left: 54.16667%;
    }

    .xl-14 {
        max-width: 58.33333%;
    }

    .xl-offset-14 {
        margin-left: 58.33333%;
    }

    .xl-15 {
        max-width: 62.5%;
    }

    .xl-offset-15 {
        margin-left: 62.5%;
    }

    .xl-16 {
        max-width: 66.66667%;
    }

    .xl-offset-16 {
        margin-left: 66.66667%;
    }

    .xl-17 {
        max-width: 70.83333%;
    }

    .xl-offset-17 {
        margin-left: 70.83333%;
    }

    .xl-18 {
        max-width: 75%;
    }

    .xl-offset-18 {
        margin-left: 75%;
    }

    .xl-19 {
        max-width: 79.16667%;
    }

    .xl-offset-19 {
        margin-left: 79.16667%;
    }

    .xl-20 {
        max-width: 83.33333%;
    }

    .xl-offset-20 {
        margin-left: 83.33333%;
    }

    .xl-21 {
        max-width: 87.5%;
    }

    .xl-offset-21 {
        margin-left: 87.5%;
    }

    .xl-22 {
        max-width: 91.66667%;
    }

    .xl-offset-22 {
        margin-left: 91.66667%;
    }

    .xl-23 {
        max-width: 95.83333%;
    }

    .xl-offset-23 {
        margin-left: 95.83333%;
    }

    .xl-24 {
        max-width: 100%;
    }

    .xl-offset-24 {
        margin-left: 100%;
    }
}

@media screen and (min-width: 1600px) {
    .xxl-offset-0 {
        margin-left: 0px;
    }

    .xxl-1 {
        max-width: 4.16667%;
    }

    .xxl-offset-1 {
        margin-left: 4.16667%;
    }

    .xxl-2 {
        max-width: 8.33333%;
    }

    .xxl-offset-2 {
        margin-left: 8.33333%;
    }

    .xxl-3 {
        max-width: 12.5%;
    }

    .xxl-offset-3 {
        margin-left: 12.5%;
    }

    .xxl-4 {
        max-width: 16.66667%;
    }

    .xxl-offset-4 {
        margin-left: 16.66667%;
    }

    .xxl-5 {
        max-width: 20.83333%;
    }

    .xxl-offset-5 {
        margin-left: 20.83333%;
    }

    .xxl-6 {
        max-width: 25%;
    }

    .xxl-offset-6 {
        margin-left: 25%;
    }

    .xxl-7 {
        max-width: 29.16667%;
    }

    .xxl-offset-7 {
        margin-left: 29.16667%;
    }

    .xxl-8 {
        max-width: 33.33333%;
    }

    .xxl-offset-8 {
        margin-left: 33.33333%;
    }

    .xxl-9 {
        max-width: 37.5%;
    }

    .xxl-offset-9 {
        margin-left: 37.5%;
    }

    .xxl-10 {
        max-width: 41.66667%;
    }

    .xxl-offset-10 {
        margin-left: 41.66667%;
    }

    .xxl-11 {
        max-width: 45.83333%;
    }

    .xxl-offset-11 {
        margin-left: 45.83333%;
    }

    .xxl-12 {
        max-width: 50%;
    }

    .xxl-offset-12 {
        margin-left: 50%;
    }

    .xxl-13 {
        max-width: 54.16667%;
    }

    .xxl-offset-13 {
        margin-left: 54.16667%;
    }

    .xxl-14 {
        max-width: 58.33333%;
    }

    .xxl-offset-14 {
        margin-left: 58.33333%;
    }

    .xxl-15 {
        max-width: 62.5%;
    }

    .xxl-offset-15 {
        margin-left: 62.5%;
    }

    .xxl-16 {
        max-width: 66.66667%;
    }

    .xxl-offset-16 {
        margin-left: 66.66667%;
    }

    .xxl-17 {
        max-width: 70.83333%;
    }

    .xxl-offset-17 {
        margin-left: 70.83333%;
    }

    .xxl-18 {
        max-width: 75%;
    }

    .xxl-offset-18 {
        margin-left: 75%;
    }

    .xxl-19 {
        max-width: 79.16667%;
    }

    .xxl-offset-19 {
        margin-left: 79.16667%;
    }

    .xxl-20 {
        max-width: 83.33333%;
    }

    .xxl-offset-20 {
        margin-left: 83.33333%;
    }

    .xxl-21 {
        max-width: 87.5%;
    }

    .xxl-offset-21 {
        margin-left: 87.5%;
    }

    .xxl-22 {
        max-width: 91.66667%;
    }

    .xxl-offset-22 {
        margin-left: 91.66667%;
    }

    .xxl-23 {
        max-width: 95.83333%;
    }

    .xxl-offset-23 {
        margin-left: 95.83333%;
    }

    .xxl-24 {
        max-width: 100%;
    }

    .xxl-offset-24 {
        margin-left: 100%;
    }
}

@media screen and (min-width: 320px) {
    .xs-fix-10 {
        max-width: 10%;
    }

    .xs-fix-20 {
        max-width: 20%;
    }

    .xs-fix-30 {
        max-width: 30%;
    }

    .xs-fix-40 {
        max-width: 40%;
    }

    .xs-fix-50 {
        max-width: 50%;
    }

    .xs-fix-60 {
        max-width: 60%;
    }

    .xs-fix-70 {
        max-width: 70%;
    }

    .xs-fix-80 {
        max-width: 80%;
    }

    .xs-fix-90 {
        max-width: 90%;
    }

    .xs-fix-100 {
        max-width: 100%;
    }
}

@media screen and (min-width: 576px) {
    .sm-fix-10 {
        max-width: 10%;
    }

    .sm-fix-20 {
        max-width: 20%;
    }

    .sm-fix-30 {
        max-width: 30%;
    }

    .sm-fix-40 {
        max-width: 40%;
    }

    .sm-fix-50 {
        max-width: 50%;
    }

    .sm-fix-60 {
        max-width: 60%;
    }

    .sm-fix-70 {
        max-width: 70%;
    }

    .sm-fix-80 {
        max-width: 80%;
    }

    .sm-fix-90 {
        max-width: 90%;
    }

    .sm-fix-100 {
        max-width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .md-fix-0 {
        max-width: 0%;
    }

    .md-fix-5 {
        max-width: 5%;
    }

    .md-fix-10 {
        max-width: 10%;
    }

    .md-fix-15 {
        max-width: 15%;
    }

    .md-fix-20 {
        max-width: 20%;
    }

    .md-fix-30 {
        max-width: 30%;
    }

    .md-fix-40 {
        max-width: 40%;
    }

    .md-fix-50 {
        max-width: 50%;
    }

    .md-fix-60 {
        max-width: 60%;
    }

    .md-fix-70 {
        max-width: 70%;
    }

    .md-fix-80 {
        max-width: 80%;
    }

    .md-fix-90 {
        max-width: 90%;
    }

    .md-fix-100 {
        max-width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .lg-fix-10 {
        max-width: 10%;
    }

    .lg-fix-20 {
        max-width: 20%;
    }

    .lg-fix-30 {
        max-width: 30%;
    }

    .lg-fix-40 {
        max-width: 40%;
    }

    .lg-fix-50 {
        max-width: 50%;
    }

    .lg-fix-60 {
        max-width: 60%;
    }

    .lg-fix-70 {
        max-width: 70%;
    }

    .lg-fix-80 {
        max-width: 80%;
    }

    .lg-fix-90 {
        max-width: 90%;
    }

    .lg-fix-100 {
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .xl-fix-10 {
        max-width: 10%;
    }

    .xl-fix-20 {
        max-width: 20%;
    }

    .xl-fix-30 {
        max-width: 30%;
    }

    .xl-fix-40 {
        max-width: 40%;
    }

    .xl-fix-50 {
        max-width: 50%;
    }

    .xl-fix-60 {
        max-width: 60%;
    }

    .xl-fix-70 {
        max-width: 70%;
    }

    .xl-fix-80 {
        max-width: 80%;
    }

    .xl-fix-90 {
        max-width: 90%;
    }

    .xl-fix-100 {
        max-width: 100%;
    }
}

@media screen and (min-width: 1600px) {
    .xxl-fix-10 {
        max-width: 10%;
    }

    .xxl-fix-20 {
        max-width: 20%;
    }

    .xxl-fix-30 {
        max-width: 30%;
    }

    .xxl-fix-40 {
        max-width: 40%;
    }

    .xxl-fix-50 {
        max-width: 50%;
    }

    .xxl-fix-60 {
        max-width: 60%;
    }

    .xxl-fix-70 {
        max-width: 70%;
    }

    .xxl-fix-80 {
        max-width: 80%;
    }

    .xxl-fix-90 {
        max-width: 90%;
    }

    .xxl-fix-100 {
        max-width: 100%;
    }
}

input {
    height: 31px;
    border: none;
    padding-left: 11px;
    border-color: #fff;
    border-radius: 2px;
    font-size: 17px;
}

header {
    background-color: rgba(35, 52, 79, 0.92);
    color: white;
    transition: top 1s linear 0s;
}

.logo-pancake {
  text-align: end;
  margin-top: 3px;
  font-size: 13px;
}
.logo-pancake span a {
  position: relative;
  top: -2px;
}
.logo-pancake img {
    width: 115px;
    height: 30px;
}

.topbar {
    padding: 5px 0px;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

.topbar i {
    font-size: 14px;
}

.header-container-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 62px;
}

.header-container-mobile form.search {
    max-width: unset;
}

.header-container .cart-box {
    cursor: pointer;
    border-radius: 4px;
}

.header-container .cart-box:hover a-btn {
    border: 1px solid rgba(255, 255, 255, 0.17);
    padding: 8px 14px;
    position: relative;
}

.header-container .cart-box:hover a-btn span {
    position: absolute;
    top: 0;
    right: -3px;
    padding: 4px 6px;
    background: white;
    font-size: 12px;
    color: red;
    text-align: center;
    line-height: 12px;
    border-radius: 15px;
    font-weight: 500;
}

.header-container .cart-box a {
    color: white;
}

.cart-box-btn span {
    position: absolute;
    top: 0;
    right: 1px;
    padding: 3px 6px;
    background: white;
    font-size: 12px;
    color: red;
    text-align: center;
    line-height: 12px;
    border-radius: 15px;
    font-weight: 500;
}

.header-container {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.header-container .logo {
    font-size: 1px;
    height: 100%;
    display: flex;
    align-items: center;
}

.header-container .logo img {
    max-height: 45px;
}

.hidden-lg {
  height:100%;
}

.hidden-lg .nav {
  height:100%;
  align-items: center;
}

.hidden-lg .sidebar-menu-item {
  position:relative;
  height:100%;
  transition: all .6s;
}

.hidden-lg .sidebar-menu-item:hover .nav-dropdown-simple,
.account-box:hover .content-account{
  transition: all .6s;
  transform: rotate3d(0, 0, 0, 0deg);
}

a.item-header {
  height:100%;
  line-height:65px;
  display:block;
}

.lvl1.sidebar-menu-item{
  position:relative;
}

.lvl1.sidebar-menu-item:hover .item-header:before {
    transform: scaleX(1);
    transform-origin: left right;
    transition: all 300ms ease;
}

.lvl1.sidebar-menu-item .item-header:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #faa12d;
    transform-origin: left center;
    transform: scaleX(0);
    transition: all 300ms ease; 
}

.lvl1.sidebar-menu-item:hover .item-header {
  color: #faa12d;
}

.lvl1.sidebar-menu-item .fas {
  font-size:12px;
}

.nav-dropdown-simple {
    position: absolute;
    transform: rotate3d(1, 0, 0, -90deg);
    transform-origin: 0 0 0;
    transition: all .6s;
    width: 260px;
    z-index: 10;
    height: auto;
    background-color: #fff;
    left: 0;
    color:#000;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 24%);
}

.account-box {
  position:relative;
  height: 100%;
  cursor: pointer;
  width:30px;
}

.content-account {
    position: absolute;
    transform: rotate3d(1, 0, 0, -90deg);
    transform-origin: 0 0 0;
    transition: all .6s;
    width: 260px;
    z-index: 10;
    height: auto;
    background-color: #fff;
    right: 0;
    color:#000;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 24%);
    top:65px;
}

.text-center.menu-item_type-children:first-child {
  border-bottom:1px solid #ddd;
}

.menu-item_type-children:hover a {
  color: #faa12d;
}

.menu-item_type-children {
  padding: 10px;
}

.header-container .from-right .cart-box {
    display: flex;
    font-size: 14px;
    line-height: 15px;
    flex-direction: column;
    justify-content: center;
}

.header-container .from-right .cart-box {
    cursor: pointer;
    border-radius: 4px;
}

.header-container .from-right .cart-box a {
    color: white;
}

.header-container .from-right i {
    font-size: 20px;
}

.header-container .from-right .cart-box-btn {
    padding: 8px 14px;
}


.logo-mobile {
    font-size: 1px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo-mobile img {
    max-height: 45px;
}

form.search {
    width: 100%;
    display: flex;
    max-width: unset;
}

@media screen and (min-width: 768px) {
    form.search {
        max-width: 480px;
    }
}

form.search .search-icon {
    width: 40px;
    height:30px;
    background: #f0ad4e;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
}

form.search .search-icon i {
    font-size: 12px;
    cursor: pointer;
}

form.search input {
    width: 180px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding-right: 20px;
    border: none;
    height: 30px;
    color: #000;
    font-size:14px;
    background: rgba(255, 255, 255, 0.4);
}

form.search input::placeholder {
    color: white;
}

form.search input:-ms-input-placeholder {
    color: white;
}

form.search input::ms-input-placeholder {
    color: white;
}


input[type="checkbox"].filled-in:checked+span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}

/*input[type="checkbox"] {*/
/*    position: absolute;*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*}*/

input[type="checkbox"]+span {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 22px;
    line-height: 22px;
}

input[type="checkbox"]+span:before {
    position: absolute;
    content: '';
}

input[type="checkbox"].filled-in:checked+span:before {
    left: 1px;
    width: 4px;
    height: 8px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 1;
}

input[type="checkbox"].filled-in:not(:checked)+span:before {
    display: none;
}

input[type="checkbox"]+span:after {
    background: #c8c8c8;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    content: '';
    left: 0;
}

.backdrop {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    top: 0;
    left: 0;
}

.hamburger {
    cursor: pointer;
}

.sidebar {
    width: 300px;
    overflow-y: scroll;
    height: 100% !important;
    position: fixed;
    top: 0;
    z-index: 999999;
    transition: transform 400ms ease-in-out;
    left: 0;
    background: #f3f3f3;
    overflow: hidden;
}

.sidebar .account-ava {
    text-align:center;
    color: rgba(0,0,0,.3);
}

.sidebar-content ul,
.sidebar .data-lvl ul {
    transition: height 200ms ease-out;
    border-top: 1px solid #d9d9d9;
}

.sidebar-content ul li,
.sidebar .data-lvl ul li {
    font-size: 14px;
    color: #444;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: height 200ms ease-out;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

.sidebar-content ul li.active>i.fa-plus,
.sidebar .data-lvl ul li.active>i.fa-plus {
    display: none;
}

.sidebar-content ul li.active>ul,
.sidebar .data-lvl ul li.active>ul {
    height: auto;
    overflow: hidden;
}

.sidebar-content ul li.active>ul li,
.sidebar .data-lvl ul li.active>ul li {
    border-bottom: none;
    padding-left: 15px;
}

.sidebar-content ul li>ul,
.sidebar .data-lvl ul li>ul {
    height: 0;
    overflow: hidden;
}

.sidebar-content ul li>i,
.sidebar .data-lvl ul li>i {
    position: absolute;
    right: 10px;
    top: 16px;
}

.sidebar .sidebar-menu-item>ul {
    height: 0;
    overflow: hidden;
}

.sidebar .sidebar-menu-item.active>ul {
    height: auto;
}

[data-type="nested-content"] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #f3f3f3;
    transition: transform 200ms ease-in;
    transform: translateX(300px);
}

.data-lvl {
    box-sizing: border-box;
    transition: transform 200ms ease-in;
}

.data-lvl .sidebar-menu-item {
    padding-left: 10px;
    padding-right: 10px;
}

.open-node {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    border-left: 1px solid #d9d9d9;
}

.open-node:hover {
    background-color: #f1f1f1;
}

.prev-node-btn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    border-right: 1px solid #d9d9d9;
}

.prev-node-btn:hover {
    background-color: #f1f1f1;
}

.prev-node-title {
    padding-left: 46px;
    color: rgba(0,0,0,.3);
}

.jc-end {
    justify-content: flex-end;
}

.jc-center {
    justify-content: center;
}

.jc-start {
    justify-content: flex-start;
}

.jc-between {
    justify-content: space-between;
}

.jc-around {
    justify-content: space-around;
}

.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-21 {
    font-size: 21px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-1em {
    font-size: 1em;
}

.top-1 {
    top: 1rem;
}

.left-1 {
    left: 1rem;
}

.right-1 {
    right: 1rem;
}

.bottom-1 {
    bottom: 1rem;
}

.fs-2em {
    font-size: 2em;
}

.top-2 {
    top: 2rem;
}

.left-2 {
    left: 2rem;
}

.right-2 {
    right: 2rem;
}

.bottom-2 {
    bottom: 2rem;
}

.fs-3em {
    font-size: 3em;
}

.top-3 {
    top: 3rem;
}

.left-3 {
    left: 3rem;
}

.right-3 {
    right: 3rem;
}

.bottom-3 {
    bottom: 3rem;
}

.fs-4em {
    font-size: 4em;
}

.top-4 {
    top: 4rem;
}

.left-4 {
    left: 4rem;
}

.right-4 {
    right: 4rem;
}

.bottom-4 {
    bottom: 4rem;
}

.fs-5em {
    font-size: 5em;
}

.top-5 {
    top: 5rem;
}

.left-5 {
    left: 5rem;
}

.right-5 {
    right: 5rem;
}

.bottom-5 {
    bottom: 5rem;
}

.fs-6em {
    font-size: 6em;
}

.top-6 {
    top: 6rem;
}

.left-6 {
    left: 6rem;
}

.right-6 {
    right: 6rem;
}

.bottom-6 {
    bottom: 6rem;
}

.fs-7em {
    font-size: 7em;
}

.top-7 {
    top: 7rem;
}

.left-7 {
    left: 7rem;
}

.right-7 {
    right: 7rem;
}

.bottom-7 {
    bottom: 7rem;
}

.fs-8em {
    font-size: 8em;
}

.top-8 {
    top: 8rem;
}

.left-8 {
    left: 8rem;
}

.right-8 {
    right: 8rem;
}

.bottom-8 {
    bottom: 8rem;
}

.fs-9em {
    font-size: 9em;
}

.top-9 {
    top: 9rem;
}

.left-9 {
    left: 9rem;
}

.right-9 {
    right: 9rem;
}

.bottom-9 {
    bottom: 9rem;
}

.fs-10em {
    font-size: 10em;
}

.top-10 {
    top: 10rem;
}

.left-10 {
    left: 10rem;
}

.right-10 {
    right: 10rem;
}

.bottom-10 {
    bottom: 10rem;
}

@media screen and (max-width: 320px) {
    .hidden-xs {
        display: none !important;
    }
}

@media screen and (min-width: 320px) {
    .hidden-xs-up {
        display: none !important;
    }
}

@media screen and (min-width: 320px) {
    .xs-fs-10 {
        font-size: 10px;
    }

    .xs-fs-10i {
        font-size: 10px !important;
    }

    .xs-fs-11 {
        font-size: 11px;
    }

    .xs-fs-11i {
        font-size: 11px !important;
    }

    .xs-fs-12 {
        font-size: 12px;
    }

    .xs-fs-12i {
        font-size: 12px !important;
    }

    .xs-fs-13 {
        font-size: 13px;
    }

    .xs-fs-13i {
        font-size: 13px !important;
    }

    .xs-fs-14 {
        font-size: 14px;
    }

    .xs-fs-14i {
        font-size: 14px !important;
    }

    .xs-fs-15 {
        font-size: 15px;
    }

    .xs-fs-15i {
        font-size: 15px !important;
    }

    .xs-fs-16 {
        font-size: 16px;
    }

    .xs-fs-16i {
        font-size: 16px !important;
    }

    .xs-fs-17 {
        font-size: 17px;
    }

    .xs-fs-17i {
        font-size: 17px !important;
    }

    .xs-fs-18 {
        font-size: 18px;
    }

    .xs-fs-18i {
        font-size: 18px !important;
    }

    .xs-fs-19 {
        font-size: 19px;
    }

    .xs-fs-19i {
        font-size: 19px !important;
    }

    .xs-fs-20 {
        font-size: 20px;
    }

    .xs-fs-20i {
        font-size: 20px !important;
    }

    .xs-fs-21 {
        font-size: 21px;
    }

    .xs-fs-21i {
        font-size: 21px !important;
    }

    .xs-fs-22 {
        font-size: 22px;
    }

    .xs-fs-22i {
        font-size: 22px !important;
    }

    .xs-fs-1em {
        font-size: 1em;
    }

    .xs-fs-1emi {
        font-size: 1em !important;
    }

    .xs-fs-2em {
        font-size: 2em;
    }

    .xs-fs-2emi {
        font-size: 2em !important;
    }

    .xs-fs-3em {
        font-size: 3em;
    }

    .xs-fs-3emi {
        font-size: 3em !important;
    }

    .xs-fs-4em {
        font-size: 4em;
    }

    .xs-fs-4emi {
        font-size: 4em !important;
    }

    .xs-fs-5em {
        font-size: 5em;
    }

    .xs-fs-5emi {
        font-size: 5em !important;
    }

    .xs-fs-6em {
        font-size: 6em;
    }

    .xs-fs-6emi {
        font-size: 6em !important;
    }

    .xs-fs-7em {
        font-size: 7em;
    }

    .xs-fs-7emi {
        font-size: 7em !important;
    }

    .xs-fs-8em {
        font-size: 8em;
    }

    .xs-fs-8emi {
        font-size: 8em !important;
    }

    .xs-fs-9em {
        font-size: 9em;
    }

    .xs-fs-9emi {
        font-size: 9em !important;
    }

    .xs-fs-10em {
        font-size: 10em;
    }

    .xs-fs-10emi {
        font-size: 10em !important;
    }
}

@media screen and (max-width: 576px) {
    .hidden-sm {
        display: none !important;
    }
}

@media screen and (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }

    .footer-content .address-ctn.active {
        display: block !important;
    }
}

@media screen and (min-width: 576px) {
    .sm-fs-10 {
        font-size: 10px;
    }

    .sm-fs-10i {
        font-size: 10px !important;
    }

    .sm-fs-11 {
        font-size: 11px;
    }

    .sm-fs-11i {
        font-size: 11px !important;
    }

    .sm-fs-12 {
        font-size: 12px;
    }

    .sm-fs-12i {
        font-size: 12px !important;
    }

    .sm-fs-13 {
        font-size: 13px;
    }

    .sm-fs-13i {
        font-size: 13px !important;
    }

    .sm-fs-14 {
        font-size: 14px;
    }

    .sm-fs-14i {
        font-size: 14px !important;
    }

    .sm-fs-15 {
        font-size: 15px;
    }

    .sm-fs-15i {
        font-size: 15px !important;
    }

    .sm-fs-16 {
        font-size: 16px;
    }

    .sm-fs-16i {
        font-size: 16px !important;
    }

    .sm-fs-17 {
        font-size: 17px;
    }

    .sm-fs-17i {
        font-size: 17px !important;
    }

    .sm-fs-18 {
        font-size: 18px;
    }

    .sm-fs-18i {
        font-size: 18px !important;
    }

    .sm-fs-19 {
        font-size: 19px;
    }

    .sm-fs-19i {
        font-size: 19px !important;
    }

    .sm-fs-20 {
        font-size: 20px;
    }

    .sm-fs-20i {
        font-size: 20px !important;
    }

    .sm-fs-21 {
        font-size: 21px;
    }

    .sm-fs-21i {
        font-size: 21px !important;
    }

    .sm-fs-22 {
        font-size: 22px;
    }

    .sm-fs-22i {
        font-size: 22px !important;
    }

    .sm-fs-1em {
        font-size: 1em;
    }

    .sm-fs-1emi {
        font-size: 1em !important;
    }

    .sm-fs-2em {
        font-size: 2em;
    }

    .sm-fs-2emi {
        font-size: 2em !important;
    }

    .sm-fs-3em {
        font-size: 3em;
    }

    .sm-fs-3emi {
        font-size: 3em !important;
    }

    .sm-fs-4em {
        font-size: 4em;
    }

    .sm-fs-4emi {
        font-size: 4em !important;
    }

    .sm-fs-5em {
        font-size: 5em;
    }

    .sm-fs-5emi {
        font-size: 5em !important;
    }

    .sm-fs-6em {
        font-size: 6em;
    }

    .sm-fs-6emi {
        font-size: 6em !important;
    }

    .sm-fs-7em {
        font-size: 7em;
    }

    .sm-fs-7emi {
        font-size: 7em !important;
    }

    .sm-fs-8em {
        font-size: 8em;
    }

    .sm-fs-8emi {
        font-size: 8em !important;
    }

    .sm-fs-9em {
        font-size: 9em;
    }

    .sm-fs-9emi {
        font-size: 9em !important;
    }

    .sm-fs-10em {
        font-size: 10em;
    }

    .sm-fs-10emi {
        font-size: 10em !important;
    }
}

@media screen and (max-width: 768px) {
    .hidden-md {
        display: none !important;
    }

    .cart-box-btn span {
        top: -8px;
        right: -10px;
    }

}

@media screen and (min-width: 769px) {
    .hidden-md-up {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .md-fs-10 {
        font-size: 10px;
    }

    .md-fs-10i {
        font-size: 10px !important;
    }

    .md-fs-11 {
        font-size: 11px;
    }

    .md-fs-11i {
        font-size: 11px !important;
    }

    .md-fs-12 {
        font-size: 12px;
    }

    .md-fs-12i {
        font-size: 12px !important;
    }

    .md-fs-13 {
        font-size: 13px;
    }

    .md-fs-13i {
        font-size: 13px !important;
    }

    .md-fs-14 {
        font-size: 14px;
    }

    .md-fs-14i {
        font-size: 14px !important;
    }

    .md-fs-15 {
        font-size: 15px;
    }

    .md-fs-15i {
        font-size: 15px !important;
    }

    .md-fs-16 {
        font-size: 16px;
    }

    .md-fs-16i {
        font-size: 16px !important;
    }

    .md-fs-17 {
        font-size: 17px;
    }

    .md-fs-17i {
        font-size: 17px !important;
    }

    .md-fs-18 {
        font-size: 18px;
    }

    .md-fs-18i {
        font-size: 18px !important;
    }

    .md-fs-19 {
        font-size: 19px;
    }

    .md-fs-19i {
        font-size: 19px !important;
    }

    .md-fs-20 {
        font-size: 20px;
    }

    .md-fs-20i {
        font-size: 20px !important;
    }

    .md-fs-21 {
        font-size: 21px;
    }

    .md-fs-21i {
        font-size: 21px !important;
    }

    .md-fs-22 {
        font-size: 22px;
    }

    .md-fs-22i {
        font-size: 22px !important;
    }

    .md-fs-1em {
        font-size: 1em;
    }

    .md-fs-1emi {
        font-size: 1em !important;
    }

    .md-fs-2em {
        font-size: 2em;
    }

    .md-fs-2emi {
        font-size: 2em !important;
    }

    .md-fs-3em {
        font-size: 3em;
    }

    .md-fs-3emi {
        font-size: 3em !important;
    }

    .md-fs-4em {
        font-size: 4em;
    }

    .md-fs-4emi {
        font-size: 4em !important;
    }

    .md-fs-5em {
        font-size: 5em;
    }

    .md-fs-5emi {
        font-size: 5em !important;
    }

    .md-fs-6em {
        font-size: 6em;
    }

    .md-fs-6emi {
        font-size: 6em !important;
    }

    .md-fs-7em {
        font-size: 7em;
    }

    .md-fs-7emi {
        font-size: 7em !important;
    }

    .md-fs-8em {
        font-size: 8em;
    }

    .md-fs-8emi {
        font-size: 8em !important;
    }

    .md-fs-9em {
        font-size: 9em;
    }

    .md-fs-9emi {
        font-size: 9em !important;
    }

    .md-fs-10em {
        font-size: 10em;
    }

    .md-fs-10emi {
        font-size: 10em !important;
    }
}

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

@media screen and (min-width: 992px) {
    .lg-fs-10 {
        font-size: 10px;
    }

    .lg-fs-10i {
        font-size: 10px !important;
    }

    .lg-fs-11 {
        font-size: 11px;
    }

    .lg-fs-11i {
        font-size: 11px !important;
    }

    .lg-fs-12 {
        font-size: 12px;
    }

    .lg-fs-12i {
        font-size: 12px !important;
    }

    .lg-fs-13 {
        font-size: 13px;
    }

    .lg-fs-13i {
        font-size: 13px !important;
    }

    .lg-fs-14 {
        font-size: 14px;
    }

    .lg-fs-14i {
        font-size: 14px !important;
    }

    .lg-fs-15 {
        font-size: 15px;
    }

    .lg-fs-15i {
        font-size: 15px !important;
    }

    .lg-fs-16 {
        font-size: 16px;
    }

    .lg-fs-16i {
        font-size: 16px !important;
    }

    .lg-fs-17 {
        font-size: 17px;
    }

    .lg-fs-17i {
        font-size: 17px !important;
    }

    .lg-fs-18 {
        font-size: 18px;
    }

    .lg-fs-18i {
        font-size: 18px !important;
    }

    .lg-fs-19 {
        font-size: 19px;
    }

    .lg-fs-19i {
        font-size: 19px !important;
    }

    .lg-fs-20 {
        font-size: 20px;
    }

    .lg-fs-20i {
        font-size: 20px !important;
    }

    .lg-fs-21 {
        font-size: 21px;
    }

    .lg-fs-21i {
        font-size: 21px !important;
    }

    .lg-fs-22 {
        font-size: 22px;
    }

    .lg-fs-22i {
        font-size: 22px !important;
    }

    .lg-fs-1em {
        font-size: 1em;
    }

    .lg-fs-1emi {
        font-size: 1em !important;
    }

    .lg-fs-2em {
        font-size: 2em;
    }

    .lg-fs-2emi {
        font-size: 2em !important;
    }

    .lg-fs-3em {
        font-size: 3em;
    }

    .lg-fs-3emi {
        font-size: 3em !important;
    }

    .lg-fs-4em {
        font-size: 4em;
    }

    .lg-fs-4emi {
        font-size: 4em !important;
    }

    .lg-fs-5em {
        font-size: 5em;
    }

    .lg-fs-5emi {
        font-size: 5em !important;
    }

    .lg-fs-6em {
        font-size: 6em;
    }

    .lg-fs-6emi {
        font-size: 6em !important;
    }

    .lg-fs-7em {
        font-size: 7em;
    }

    .lg-fs-7emi {
        font-size: 7em !important;
    }

    .lg-fs-8em {
        font-size: 8em;
    }

    .lg-fs-8emi {
        font-size: 8em !important;
    }

    .lg-fs-9em {
        font-size: 9em;
    }

    .lg-fs-9emi {
        font-size: 9em !important;
    }

    .lg-fs-10em {
        font-size: 10em;
    }

    .lg-fs-10emi {
        font-size: 10em !important;
    }
}

@media screen and (max-width: 1200px) {
    .hidden-xl {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .xl-fs-10 {
        font-size: 10px;
    }

    .xl-fs-10i {
        font-size: 10px !important;
    }

    .xl-fs-11 {
        font-size: 11px;
    }

    .xl-fs-11i {
        font-size: 11px !important;
    }

    .xl-fs-12 {
        font-size: 12px;
    }

    .xl-fs-12i {
        font-size: 12px !important;
    }

    .xl-fs-13 {
        font-size: 13px;
    }

    .xl-fs-13i {
        font-size: 13px !important;
    }

    .xl-fs-14 {
        font-size: 14px;
    }

    .xl-fs-14i {
        font-size: 14px !important;
    }

    .xl-fs-15 {
        font-size: 15px;
    }

    .xl-fs-15i {
        font-size: 15px !important;
    }

    .xl-fs-16 {
        font-size: 16px;
    }

    .xl-fs-16i {
        font-size: 16px !important;
    }

    .xl-fs-17 {
        font-size: 17px;
    }

    .xl-fs-17i {
        font-size: 17px !important;
    }

    .xl-fs-18 {
        font-size: 18px;
    }

    .xl-fs-18i {
        font-size: 18px !important;
    }

    .xl-fs-19 {
        font-size: 19px;
    }

    .xl-fs-19i {
        font-size: 19px !important;
    }

    .xl-fs-20 {
        font-size: 20px;
    }

    .xl-fs-20i {
        font-size: 20px !important;
    }

    .xl-fs-21 {
        font-size: 21px;
    }

    .xl-fs-21i {
        font-size: 21px !important;
    }

    .xl-fs-22 {
        font-size: 22px;
    }

    .xl-fs-22i {
        font-size: 22px !important;
    }

    .xl-fs-1em {
        font-size: 1em;
    }

    .xl-fs-1emi {
        font-size: 1em !important;
    }

    .xl-fs-2em {
        font-size: 2em;
    }

    .xl-fs-2emi {
        font-size: 2em !important;
    }

    .xl-fs-3em {
        font-size: 3em;
    }

    .xl-fs-3emi {
        font-size: 3em !important;
    }

    .xl-fs-4em {
        font-size: 4em;
    }

    .xl-fs-4emi {
        font-size: 4em !important;
    }

    .xl-fs-5em {
        font-size: 5em;
    }

    .xl-fs-5emi {
        font-size: 5em !important;
    }

    .xl-fs-6em {
        font-size: 6em;
    }

    .xl-fs-6emi {
        font-size: 6em !important;
    }

    .xl-fs-7em {
        font-size: 7em;
    }

    .xl-fs-7emi {
        font-size: 7em !important;
    }

    .xl-fs-8em {
        font-size: 8em;
    }

    .xl-fs-8emi {
        font-size: 8em !important;
    }

    .xl-fs-9em {
        font-size: 9em;
    }

    .xl-fs-9emi {
        font-size: 9em !important;
    }

    .xl-fs-10em {
        font-size: 10em;
    }

    .xl-fs-10emi {
        font-size: 10em !important;
    }
}

@media screen and (max-width: 1600px) {
    .hidden-xxl {
        display: none !important;
    }
}

@media screen and (min-width: 1600px) {
    .hidden-xxl-up {
        display: none !important;
    }
}

@media screen and (min-width: 1600px) {
    .xxl-fs-10 {
        font-size: 10px;
    }

    .xxl-fs-10i {
        font-size: 10px !important;
    }

    .xxl-fs-11 {
        font-size: 11px;
    }

    .xxl-fs-11i {
        font-size: 11px !important;
    }

    .xxl-fs-12 {
        font-size: 12px;
    }

    .xxl-fs-12i {
        font-size: 12px !important;
    }

    .xxl-fs-13 {
        font-size: 13px;
    }

    .xxl-fs-13i {
        font-size: 13px !important;
    }

    .xxl-fs-14 {
        font-size: 14px;
    }

    .xxl-fs-14i {
        font-size: 14px !important;
    }

    .xxl-fs-15 {
        font-size: 15px;
    }

    .xxl-fs-15i {
        font-size: 15px !important;
    }

    .xxl-fs-16 {
        font-size: 16px;
    }

    .xxl-fs-16i {
        font-size: 16px !important;
    }

    .xxl-fs-17 {
        font-size: 17px;
    }

    .xxl-fs-17i {
        font-size: 17px !important;
    }

    .xxl-fs-18 {
        font-size: 18px;
    }

    .xxl-fs-18i {
        font-size: 18px !important;
    }

    .xxl-fs-19 {
        font-size: 19px;
    }

    .xxl-fs-19i {
        font-size: 19px !important;
    }

    .xxl-fs-20 {
        font-size: 20px;
    }

    .xxl-fs-20i {
        font-size: 20px !important;
    }

    .xxl-fs-21 {
        font-size: 21px;
    }

    .xxl-fs-21i {
        font-size: 21px !important;
    }

    .xxl-fs-22 {
        font-size: 22px;
    }

    .xxl-fs-22i {
        font-size: 22px !important;
    }

    .xxl-fs-1em {
        font-size: 1em;
    }

    .xxl-fs-1emi {
        font-size: 1em !important;
    }

    .xxl-fs-2em {
        font-size: 2em;
    }

    .xxl-fs-2emi {
        font-size: 2em !important;
    }

    .xxl-fs-3em {
        font-size: 3em;
    }

    .xxl-fs-3emi {
        font-size: 3em !important;
    }

    .xxl-fs-4em {
        font-size: 4em;
    }

    .xxl-fs-4emi {
        font-size: 4em !important;
    }

    .xxl-fs-5em {
        font-size: 5em;
    }

    .xxl-fs-5emi {
        font-size: 5em !important;
    }

    .xxl-fs-6em {
        font-size: 6em;
    }

    .xxl-fs-6emi {
        font-size: 6em !important;
    }

    .xxl-fs-7em {
        font-size: 7em;
    }

    .xxl-fs-7emi {
        font-size: 7em !important;
    }

    .xxl-fs-8em {
        font-size: 8em;
    }

    .xxl-fs-8emi {
        font-size: 8em !important;
    }

    .xxl-fs-9em {
        font-size: 9em;
    }

    .xxl-fs-9emi {
        font-size: 9em !important;
    }

    .xxl-fs-10em {
        font-size: 10em;
    }

    .xxl-fs-10emi {
        font-size: 10em !important;
    }
}

.pd-0 {
    padding: 0px;
}

.pdt-0 {
    padding-top: 0px;
}

.pdb-0 {
    padding-bottom: 0px;
}

.pdl-0 {
    padding-left: 0px;
}

.pdr-0 {
    padding-right: 0px;
}

.pdtb-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pdlr-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.pd-2 {
    padding: 2px;
}

.pdt-2 {
    padding-top: 2px;
}

.pdb-2 {
    padding-bottom: 2px;
}

.pdl-2 {
    padding-left: 2px;
}

.pdr-2 {
    padding-right: 2px;
}

.pdtb-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pdlr-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.pd-4 {
    padding: 4px;
}

.pdt-4 {
    padding-top: 4px;
}

.pdb-4 {
    padding-bottom: 4px;
}

.pdl-4 {
    padding-left: 4px;
}

.pdr-4 {
    padding-right: 4px;
}

.pdtb-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.pdlr-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.pd-6 {
    padding: 6px;
}

.pdt-6 {
    padding-top: 6px;
}

.pdb-6 {
    padding-bottom: 6px;
}

.pdl-6 {
    padding-left: 6px;
}

.pdr-6 {
    padding-right: 6px;
}

.pdtb-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.pdlr-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.pd-8 {
    padding: 8px;
}

.pdt-8 {
    padding-top: 8px;
}

.pdb-8 {
    padding-bottom: 8px;
}

.pdl-8 {
    padding-left: 8px;
}

.pdr-8 {
    padding-right: 8px;
}

.pdtb-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.pdlr-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.pd-10 {
    padding: 10px;
}

.pdt-10 {
    padding-top: 10px;
}

.pdb-10 {
    padding-bottom: 10px;
}

.pdl-10 {
    padding-left: 10px;
}

.pdr-10 {
    padding-right: 10px;
}

.pdtb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pdlr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pd-12 {
    padding: 12px;
}

.pdt-12 {
    padding-top: 12px;
}

.pdb-12 {
    padding-bottom: 12px;
}

.pdl-12 {
    padding-left: 12px;
}

.pdr-12 {
    padding-right: 12px;
}

.pdtb-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pdlr-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.pd-14 {
    padding: 14px;
}

.pdt-14 {
    padding-top: 14px;
}

.pdb-14 {
    padding-bottom: 14px;
}

.pdl-14 {
    padding-left: 14px;
}

.pdr-14 {
    padding-right: 14px;
}

.pdtb-14 {
    padding-top: 14px;
    padding-bottom: 14px;
}

.pdlr-14 {
    padding-left: 14px;
    padding-right: 14px;
}

.pdr-15 {
    padding-right: 15px;
}

.pd-15 {
    padding: 15px;
}

.pd-16 {
    padding: 16px;
}

.pdt-16 {
    padding-top: 16px;
}

.pdb-16 {
    padding-bottom: 16px;
}

.pdl-16 {
    padding-left: 16px;
}

.pdr-16 {
    padding-right: 16px;
}

.pdtb-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.pdlr-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.pd-18 {
    padding: 18px;
}

.pdt-18 {
    padding-top: 18px;
}

.pdb-18 {
    padding-bottom: 18px;
}

.pdl-18 {
    padding-left: 18px;
}

.pdr-18 {
    padding-right: 18px;
}

.pdtb-18 {
    padding-top: 18px;
    padding-bottom: 18px;
}

.pdlr-18 {
    padding-left: 18px;
    padding-right: 18px;
}

.pd-20 {
    padding: 20px;
}

.pdt-20 {
    padding-top: 20px;
}

.pdb-20 {
    padding-bottom: 20px;
}

.pdl-20 {
    padding-left: 20px;
}

.pdr-20 {
    padding-right: 20px;
}

.pdtb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

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

.mg-0 {
    margin: 0px;
}

.mgtb-0 {
    margin: 0px 0;
}

.mglr-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-0 {
    margin-left: 0px;
}

.mgt-0 {
    margin-top: 0px;
}

.mgb-0 {
    margin-bottom: 0px;
}

.mgr-0 {
    margin-right: 0px;
}

.mgl-1 {
    margin-left: 1px;
}

.mgt-1 {
    margin-top: 1px;
}

.mgb-1 {
    margin-bottom: 1px;
}

.mgr-1 {
    margin-right: 1px;
}

.mg-2 {
    margin: 2px;
}

.mgtb-2 {
    margin: 2px 0;
}

.mglr-2 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-2 {
    margin-left: 2px;
}

.mgt-2 {
    margin-top: 2px;
}

.mgb-2 {
    margin-bottom: 2px;
}

.mgr-2 {
    margin-right: 2px;
}

.mgl-3 {
    margin-left: 3px;
}

.mgt-3 {
    margin-top: 3px;
}

.mgb-3 {
    margin-bottom: 3px;
}

.mgr-3 {
    margin-right: 3px;
}

.mg-4 {
    margin: 4px;
}

.mgtb-4 {
    margin: 4px 0;
}

.mglr-4 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-4 {
    margin-left: 4px;
}

.mgt-4 {
    margin-top: 4px;
}

.mgb-4 {
    margin-bottom: 4px;
}

.mgr-4 {
    margin-right: 4px;
}

.mgl-5 {
    margin-left: 5px;
}

.mgt-5 {
    margin-top: 5px;
}

.mgb-5 {
    margin-bottom: 5px;
}

.mgr-5 {
    margin-right: 5px;
}

.mg-6 {
    margin: 6px;
}

.mgtb-6 {
    margin: 6px 0;
}

.mglr-6 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-6 {
    margin-left: 6px;
}

.mgt-6 {
    margin-top: 6px;
}

.mgb-6 {
    margin-bottom: 6px;
}

.mgr-6 {
    margin-right: 6px;
}

.mgl-7 {
    margin-left: 7px;
}

.mgt-7 {
    margin-top: 7px;
}

.mgb-7 {
    margin-bottom: 7px;
}

.mgr-7 {
    margin-right: 7px;
}

.mg-8 {
    margin: 8px;
}

.mgtb-8 {
    margin: 8px 0;
}

.mglr-8 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-8 {
    margin-left: 8px;
}

.mgt-8 {
    margin-top: 8px;
}

.mgb-8 {
    margin-bottom: 8px;
}

.mgr-8 {
    margin-right: 8px;
}

.mgl-9 {
    margin-left: 9px;
}

.mgt-9 {
    margin-top: 9px;
}

.mgb-9 {
    margin-bottom: 9px;
}

.mgr-9 {
    margin-right: 9px;
}

.mg-10 {
    margin: 10px;
}

.mgtb-10 {
    margin: 10px 0;
}

.mglr-10 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-10 {
    margin-left: 10px;
}

.mgt-10 {
    margin-top: 10px;
}

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

.mgr-10 {
    margin-right: 10px;
}

.mgl-11 {
    margin-left: 11px;
}

.mgt-11 {
    margin-top: 11px;
}

.mgb-11 {
    margin-bottom: 11px;
}

.mgr-11 {
    margin-right: 11px;
}

.mg-12 {
    margin: 12px;
}

.mgtb-12 {
    margin: 12px 0;
}

.mglr-12 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-12 {
    margin-left: 12px;
}

.mgt-12 {
    margin-top: 12px;
}

.mgb-12 {
    margin-bottom: 12px;
}

.mgr-12 {
    margin-right: 12px;
}

.mgl-13 {
    margin-left: 13px;
}

.mgt-13 {
    margin-top: 13px;
}

.mgb-13 {
    margin-bottom: 13px;
}

.mgr-13 {
    margin-right: 13px;
}

.mg-14 {
    margin: 14px;
}

.mgtb-14 {
    margin: 14px 0;
}

.mglr-14 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-14 {
    margin-left: 14px;
}

.mgt-14 {
    margin-top: 14px;
}

.mgb-14 {
    margin-bottom: 14px;
}

.mgr-14 {
    margin-right: 14px;
}

.mgtb-15 {
  margin: 15px 0;
}

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

.mgt-15 {
    margin-top: 15px;
}

.mgb-15 {
    margin-bottom: 15px;
}

.mgr-15 {
    margin-right: 15px;
}

.mg-16 {
    margin: 16px;
}

.mgtb-16 {
    margin: 16px 0;
}

.mglr-16 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-16 {
    margin-left: 16px;
}

.mgt-16 {
    margin-top: 16px;
}

.mgb-16 {
    margin-bottom: 16px;
}

.mgr-16 {
    margin-right: 16px;
}

.mgl-17 {
    margin-left: 17px;
}

.mgt-17 {
    margin-top: 17px;
}

.mgb-17 {
    margin-bottom: 17px;
}

.mgr-17 {
    margin-right: 17px;
}

.mg-18 {
    margin: 18px;
}

.mgtb-18 {
    margin: 18px 0;
}

.mglr-18 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-18 {
    margin-left: 18px;
}

.mgt-18 {
    margin-top: 18px;
}

.mgb-18 {
    margin-bottom: 18px;
}

.mgr-18 {
    margin-right: 18px;
}

.mgl-19 {
    margin-left: 19px;
}

.mgt-19 {
    margin-top: 19px;
}

.mgb-19 {
    margin-bottom: 19px;
}

.mgr-19 {
    margin-right: 19px;
}

.mg-20 {
    margin: 20px;
}

.mgtb-20 {
    margin: 20px 0;
}

.mglr-20 {
    margin-left: 0px;
    margin-right: 0px;
}

.mgl-20 {
    margin-left: 20px;
}

.mgt-20 {
    margin-top: 20px;
}

.mgb-20 {
    margin-bottom: 20px;
}

.mgr-20 {
    margin-right: 20px;
}

.bdr-0 {
  border-radius: 0;
}

.bdr-2 {
    border-radius: 2px;
}

.bdr-3 {
    border-radius: 3px;
}

.bdr-4 {
    border-radius: 4px;
}

.bdr-5 {
    border-radius: 5px;
}

.bdr-6 {
    border-radius: 6px;
}

.bdr-7 {
    border-radius: 7px;
}

.bdr-8 {
    border-radius: 8px;
}

.perwidth-2 {
    width: calc(100% / 2);
}

.perwidth-3 {
    width: calc(100% / 3);
}

.perwidth-4 {
    width: calc(100% / 4);
}

.perwidth-5 {
    width: calc(100% / 5);
}

.perwidth-6 {
    width: calc(100% / 6);
}

.perwidth-7 {
    width: calc(100% / 7);
}

.perwidth-8 {
    width: calc(100% / 8);
}

.bor-d {
    border-color: #dfe4e8;
    border-style: solid;
    border-width: 1px;
}

.bor-b {
    border-bottom: 1px solid #dfe4e8;
}

.bor-t {
    border-top: 1px solid #dfe4e8;
}

.bor-l {
    border-left: 1px solid #dfe4e8;
}

.bor-r {
    border-right: 1px solid #dfe4e8;
}

.bor-radius {
    border-radius: 4px;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.dp-inline-block {
    display: inline-block;
}

.mg-auto {
    margin: 0 auto;
}

.clickable {
    cursor: pointer;
}

.dp-table {
    display: table;
}

.dp-table-cell {
    display: table-cell;
}

.bold {
    font-weight: 600;
}

.semibold {
    font-weight: 500;
}

.bolder {
    font-weight: 700;
}

.light {
    font-weight: 400;
}

.ali-baseline {
    align-items: baseline;
}

.ali-flex-end {
    align-items: flex-end;
}

.ali-center {
    align-items: center;
}

.uppercase {
    text-transform: uppercase;
}

.border-box {
    box-sizing: border-box;
}

.content-box {
    box-sizing: content-box;
}

.width-initial {
    width: initial;
}

.pos-absolute {
    position: absolute;
}

.pos-relative {
    position: relative;
}

.pos-fixed {
    position: fixed;
}

.w-100 {
    width: 100%;
}

html {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: baseline;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

li {
    list-style: none;
}

ul {
    margin: 0;
    padding: 0;
}

button:focus {
    outline: none;
}

strong {
    color: initial;
}

a {
    color: #444;
    text-decoration: none;
}

.link-primary {
    color: #79b38a;
}

.wrapper {
    max-width: 1240px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    width:100%;
}

input {
    border: 2px solid #e1e1e1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:focus {
    outline: none;
}


.topbar .from-left i.fa:hover {
    animation: bounce 1.5s;
    color: #fff;
}

.filter-content {
    justify-content: space-between;
    padding-top: 10px;
}

.label-sort {
    white-space: nowrap;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-right: 5px;
}

.label-page {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.filter_content_right {
    position: relative;
    width: 105px;
}

select.orderby,
select.count {
    height: 30px;
    border-radius: 0;
}

.hotline-header {
    padding-left: 5px;
    font-weight: 600;
}

.hotline-header .circle-phone {
    border-radius: 50%;
    border: 2px solid;
    padding: 3px 6px;
}


.icon-right {
    display: inherit;
    position: relative;
}

.icon-right .search-mobile {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.icon-right .cart-box {
    padding-left: 25px;
}

.search-content {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    height: 0;
    transition: height 300ms ease-out;
    display: none;
}

.search-content .search-wrapper {
    margin: 0 auto;
    background: rgba(35, 52, 79, 0.92);
}


/*footer*/
#footer {
    width: 100%;
    display: inline-block;
    padding-top: 40px;
    margin-top: 25px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 100px;
    border-top: 7px solid #faa12d;
}

#footer .title {
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#footer .content {
    font-size: 12px;
    opacity: 0.6;
}

.support-policy .col-6 {
  padding: 0 5px;
}

.list-policy-support a {
  font-size: 14px;
  color: #fff;
}

.list-policy-support a:hover {
  color: yellow;
}

#footer #copyright {
    margin-top: 5px;
    margin-bottom: 45px;
    padding: 5px 0px;
    text-align: center;
}

/*dang nhap - dang ky*/

.breadcrumb-ul {
  color:#fff;
  margin-top: 10px;
}

.breadcrumb-ul a {
  color:#fff;
}

.account-form {
  background-color: #fff;
}

.input-group {
  border-collapse: separate;
  display: table;
}

.input-group-addon {
  height: 35px;
  width: 40px;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group input {
    z-index: 2;
    border: 1px solid #ccc;
    height: 36px;
    width: 100%;
}

.panel_login {
  max-width:600px;
  margin:auto;
  padding: 10px;
}

.panel_login h3 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

.btn-primary {
  background: linear-gradient(to bottom, #FFDF93, #F0B111);
  font-weight: bold;
  border: none;
  width:100%;
  padding: 6px 12px;
  text-align:center;
}

.btn-primary:hover {
  background: linear-gradient(to bottom, #E4B442, #ECAA00) !important;
}

.account-form .row {
  --bs-gutter-x: 0;
}

.quyenloi li {
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  cursor: pointer;
}

.quyenloi .show_child_more:hover {
  color: #eea236;
}

.des {
  max-height: 0;
  overflow: hidden;
  transition: 500ms all;
}

.des.active {
  max-height: 300px;
}

.btn-primary:focus,
.btn-primary:active:focus {
  box-shadow: 0 0 0 0 rgb(49 132 253 / 50%);
}

.login_facebook a {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.login_gg a {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

 .icon-btn {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width:120px;
    display:block;
}

label.error {
    color: red;
}

/*kiem tra don hanfg*/
.tracking-order-form {
  padding: 10px 20px;
}

.checked_order {
  padding: 0 10px;
}

/*gio hang - thanh toasn*/
.main .cart {
  background-color: #fff;
  padding: 15px;
}

.btn-giffCode {
  color: #fff;
  background-color: #337ab7;
  border: 1px solid #337ab7;
  padding: 6px 12px;
  font-weight: 400;
  height: 36px;
  outline: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.alert-success {
  font-weight:600;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
}

.alert {
  padding: 15px 0;
  margin-bottom: 0;
}

.discount-code--success {
    font-weight: 600;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: #0d6efd;
}

.discount-code--error {
    font-weight: 600;
    padding: 10px;
    width: 100%;
    text-align: center;
    color: red;
}

.title_main h2 {
  text-transform: uppercase;
  text-align:center;
  font-size:26px;
}

.is-form {
    overflow: hidden;
    background-color: #fff;
    height: 30px; 
    width: 25px;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

input#quantity {
    background-color: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 1rem;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border-top: none;
    border-bottom: none;
    border-left: 0;
    border-right: 0;
    padding: 0;
    outline: none;
}

.tvh-product {
  border-bottom: 1px solid #ccc;
}

.tvh-product-details-name a{
  color: #337ab7;
}

.tabs .tab-content {
    border: thin #d9d9d9 solid;
    border-top: 0px;
    padding: 10px;
    margin-bottom: 20px;
}

#payment_method_bacs {
    display: none;
}

.tk-chuyen-khoan-img {
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  padding: 5px;
}

.tk-chuyen-khoan-img img {
  width: 100%;
  height: 100px;
}

.tk-chuyen-khoan-content p {
  margin-bottom: 10px;
}


/*mua hang thanh cong*/
.tvh-main-success {
  background-color: #fff;
  padding: 15px;
}

.wrap-content h2 {
  text-align:center;
  font-size: 26px;
}

td, th {
    padding: 8px 10px;
}




.stuck {
    top: 0 !important;
    position: fixed !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    transition: top 1s linear 0s;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
}

/*product*/
.product-main {
  background-color: #fff;
  padding: 12px;
}

.swiper-slide.swiper-slide-visible {
  opacity: 0.5;
  cursor: pointer;
}

.swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
  opacity: 1;
}

.product-name-product {
  font-size: 24px;
}

.style-variant-template {
    padding-left: 0;
    display: inline-block;
    vertical-align: middle;
}

.style-variant-template li {
    float: left;
    margin-right: 5px;
    list-style: none;
}

.style-variant-template label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.style-variant-template input {
    display: none;
}

.style-variant-template li span {
    display: block;
    padding: 6px 8px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #ccc;
    font-weight: 400;
}

.out-of-stock span {
    opacity: 0.5;
    border: 1px dashed #ccc !important;
    cursor: not-allowed !important;
}

.style-variant-template input[type=radio]:checked + span {
    border: 1px solid #D87C7C;
    background: url(https://theme.hstatic.net/1000290074/1000781377/14/bg-variant-checked.png) no-repeat right bottom #fff;
}

.input-qty {
  border:none;
}

.click-table-size {
  cursor: pointer;
}

.click-table-size svg {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.table-size-tvh {
  max-height: 0;
  overflow: hidden;
  transition: all .3s;
}

.actived {
    max-height: 300px;
    transition: all .3s;
}

#downFas.actived {
    transform: rotate(-180deg);
    transition: all .3s ease;
}
#downFas {
    transition: all .3s ease;
}

.tvh-size-suggestion {
  border-style: dashed !important;
  border: 2px solid #000;
}

.feedback-kh {
    border: 1px solid #d9d9d9;
}

.name-title {
    background-color: #eee;
     border-bottom: 1px solid #d9d9d9; 
}

.name-title h2 {
  font-size: 24px;
  margin: 0;
}

.item-feedback-img img {
    width: 100%;
    border-radius: 50%;
    padding: 5px;
    border: thin #d9d9d9 solid;
    margin-bottom: 10px;
}

.item-feedback-content {
    font-style: italic;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

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

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

.dash-collection {
  font-size: 24px;
}

/*news-blog*/
.blogs-index {
  background-color: #fff;
  width:100%;
}

.section-title-title:hover {
  color: #444;
  text-decoration: underline;
}

.blogs-list-title:hover {
  text-decoration: underline;
}

.blog-main {
  background-color: #fff;
}

.blog-main img {
  width: 100%;
  height: auto;
}

.blogs-list2 .swiper-slide {
  /*border-bottom: 1px solid #d9d9d9;*/
  align-items: center;
  display: flex;
}

.post-image img {
    width: 100%;
    aspect-ratio: 6/4;
    object-fit: scale-down;
}

@media(max-width: 768px) {
  /*.post-image img {*/
  /*  height: auto;*/
  /*}*/
}

/*.blogs-list1 {*/
/*  height: 650px;*/
/*}*/

.blogs-list-item:hover .p-info a {
  text-decoration: underline;
  color: #337ab7;
}

.p-info {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/*.sub span:after {*/
/*  content: ' / ';*/
/*}*/

.sub span:not(:last-child):after {
  content: ' / ';
}

/*popUp*/
.background-succ {
  background-color: #000000d6;
  color: #fff;
  width: 400px;
  z-index: 1000;
  border-radius: 5px;
  height: 215px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.background-succ .content {
  padding-top: 30px;
  position: relative;
  text-align: center;
}
.background-succ .content img {
  width: 60px;
  height: 60px;
}
.background-succ .content p {
  display: block;
  font-size: 18px;
  margin-top: 1rem;
  font-weight: 500;
}


iframe {
  width: 97% !important;
  height: 100%;
}

.selection-needed {
  margin-right: 10px;
  cursor: pointer;
}

.dnt-loading-image {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
}

.dnt-loading-image img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: none;
}

.content-btn {
  display:flex;
  align-items: center;
  justify-content: center;
}

.content-btn a {
  color: #fff;
}

.content-btn span,
.content-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  background: linear-gradient(to bottom, #FFDF93, #F0B111);
  width: 100px;
  color: #fff;
  margin-left: 10px;
  border: none;
  border-radius: 4px;
}

.content-btn span:hover,
.content-btn button:hover {
  background: linear-gradient(to bottom, #E4B442, #ECAA00) !important;
}

.absolute_position {
  width: 35px;
  height: 35px;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-top-right-radius: 4.5px;
  cursor: pointer;
}

.padding-left-right {
  padding: 0 5px;
}

/*.slick-prev.slick-arrow,*/