@font-face {
    font-family: "Gilroy";
    src: url("../fonts/SVN-Gilroy Regular.otf") format("truetype");
    font-display: swap;
    font-weight: 400
}
@font-face {
    font-family: "Gilroy_Medium";
    src: url("../fonts/SVN-Gilroy Medium.otf") format("truetype");
    font-display: swap;
    font-weight: 700
}
@font-face {
    font-family: "Gilroy_Bold";
    src: url("../fonts/SVN-Gilroy Bold.otf") format("truetype");
    font-display: swap;
    font-weight: 700
}
.f-bold {
    font-family: "Gilroy_Bold",sans-serif;
    font-weight: 700;
}
.f-medium {
    font-family: "Gilroy_Medium",sans-serif;
    font-weight: 600;
}
.fz-10 {
    font-size: .625rem
}
.fz-12 {
    font-size: 12px
}
.fz-13 {
    font-size: 13px
}
.fz-14 {
    font-size: .875rem
}
.fz-16 {
    font-size: 1rem
}
.fz-18 {
    font-size: 1.125rem
}
.fz-19 {
    font-size: 1.1875rem
}
.fz-20 {
    font-size: 1.25rem
}
.fz-22 {
    font-size: 1.375rem
}
.fz-24 {
    font-size: 1.5rem
}
.fz-26 {
    font-size: 1.625rem
}
.fz-30 {
    font-size: 1.875rem
}
.fz-36 {
    font-size: 2.25rem;
}
.fz-40 {
    font-size: 2.5rem;
}
.fz-46 {
    font-size: 3rem;
}
.mb-0 {
    margin-bottom: 0
}
.mb-05 {
    margin-bottom: .3125rem
}
.mb-10 {
    margin-bottom: .625rem !important
}
.mb-15 {
    margin-bottom: .9375rem !important
}
.mb-20 {
    margin-bottom: 1.25rem !important
}
.mb-25 {
    margin-bottom: 1.5625rem
}
.mb-30 {
    margin-bottom: 1.875rem
}
.mb-35 {
    margin-bottom: 2.1875rem
}
.mb-40 {
    margin-bottom: 2.5rem
}
.mb-50 {
    margin-bottom: 3.125rem
}
.mr-6 {
    margin-right: .375rem
}
.cl-title {
    color: #2A3342;
}
.cl-orange {
    color: #ce1515;
}
.cl-white {
    color: #fff
}
.cl-88 {
    color: #888
}
.justify {
    text-align: justify
}
@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}
@keyframes shine {
    100% {
        left: 125%
    }
}
.img__ {
    position: relative;
    overflow: hidden
}
.img__:hover::after {
    -webkit-animation: shine .75s;
    animation: shine .75s
}
.img__::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}
.btn-hover {
    position: relative;
    overflow: hidden
}
.btn-hover:hover::after {
    -webkit-animation: shine .75s;
    animation: shine .75s
}
.btn-hover::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}
.back-to-top {
    pointer-events: none;
    opacity: 1;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    animation: unset !important;
}
.back-to-top.show {
    opacity: 1;
    pointer-events: all;
    visibility: unset
}
@-webkit-keyframes lac {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    10% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    20% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    30% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    40% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
@keyframes lac {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    10% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    20% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    30% {
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
    40% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}
textarea {
    resize: none
}
.bg-gray {
    background: #f5f5f5
}
.text-right {
    text-align: right
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.c-img {
    position: relative
}
.c-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}
@media (min-width: 992px) {
    .wow {
        visibility: hidden
    }
}
.section-all__pages .slide-product__detail .c-img img {
    object-fit: contain !important
}