@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

#middle_slider .owl-stage {
    display: flex;
    justify-content: space-around;
}

#middle_slider .owl-stage:after {
    all: unset;
}

#middle_slider .owl-stage .owl-item {
    min-width: 190px;
}

.content-text {
    color: #ffffff;
}

.image-style-align-center, .text-align-center {
    text-align: center;
}

.content-text figure.image-style-align-center {
    margin: 0 auto !important;
}

.content-text img {
    width: 100% !important;
}

.promocode {
    font-family: Roboto, sans-serif;
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(273.75deg, #DB0000 -4.53%, #F22408 88.25%);
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.72);
    z-index: 99999;
    padding: 15px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.promocode .promocode-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.promocode .promocode-close svg {
    display: block;
    width: 25px;
    height: 25px;
}

.promocode .promocode-text {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.promocode .promocode-text > div:first-child {
    color: #FF2F01;
    font-size: 55px;
    line-height: 50px;
    font-weight: 700;
    margin: 0 10px 0 135px;
    -webkit-text-stroke: 3px black;
}

.promocode .promocode-text > div:last-child {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

.promocode .promocode-button {
    font-size: 25px;
    background: linear-gradient(352.06deg, #4A8678 11.11%, #45EBC0 94.18%);
    box-shadow: 0 2px 26px rgba(255, 125, 69, 0.6);
    border-radius: 7px;
    margin: 0 30px 0 40px;
    position: relative;
}

.promocode .promocode-button:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: calc(50% - 25px);
    background-image: url(../img/arrow.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    width: 45px;
}

.promocode .promocode-button a {
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
}

.promocode .promocode-button a:hover {
    color: #ffffff !important;
}

.promocode .promocode-button span {
    color: #ffffff;
    font-weight: 700;
}


.promocode .gift {
    position: absolute;
    top: -15px;
    left: 10px;
    background-image: url(../assets/img/lips.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 135px;
    height: 95px;
    display: block
}

.promocode .promocode-text .i150 {
    display: block;
    background-image: url(../assets/img/s150.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 152px;
    height: 53px;
    margin: 0 10px 0 150px;
}

@media(max-width:767px) {
    .promocode {
        width: auto;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        padding: 15px 20px;
        margin: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .promocode .promocode-text {
        display: flex;
        flex-direction: row;
    }
    .promocode .promocode-text > div:last-child {
        font-size: 16px;
    }
    .promocode .promocode-text .i150 {
        background-image: url(../assets/img/s150m.svg);
        margin: 0 10px 0 0;
        width: 131px;
        height: 46px;
    }
    .promocode .gift {
        top: 40px;
        left: 0;
        background-image: url(../assets/img/lips_m.svg);
        width: 96px;
        height: 67px;
    }
    .promocode .promocode-close {
        top: 0;
        right: 0;
    }
    .promocode .promocode-button {
        margin: 15px 0 0 0;
        font-size: 22px;
    }
}

.btn.h60 {
    padding: 0 40px;
    font-size: 20px;
    font-weight: 500;
}

.shadow-dark {
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.fon-orang {
    background: -webkit-gradient(linear,left top,left bottom,from(#de3c21),to(#b41b0f));
    background: -webkit-linear-gradient(top,#de3c21 0,#b41b0f 100%);
    background: linear-gradient(to bottom,#de3c21 0,#b41b0f 100%);
    border: 1px solid #bc2502;
    color: #fff;
}

.h60 {
    height: 60px;
}

.radius16 {
    border-radius: 16px;
}

.btn {
    text-decoration: none;
    border-width: 0;
    cursor: pointer;
    text-transform: uppercase;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.btn:hover {
    color: #fff !important;
}

.text blockquote, .text .info-box {
    margin-bottom: 40px;
    color: #211E1E;
    padding: 35px 47px;
    margin-left: -10px;
    margin-right: -10px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.text blockquote svg, .text .info-box svg {
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote.success, .text .info-box.info-box-success {
    background-color: #d4edda;
}

.text blockquote.info, .text .info-box.info-box-info {
    background-color: #d1ecf1;
}

.text blockquote.warning, .text .info-box.info-box-warning {
    background-color: #fff3cd;
}

.text blockquote.danger, .text .info-box.info-box-danger {
    background-color: #f8d7da;
}

.text blockquote.success:before, .text .info-box.info-box-success:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M25.2703 0.383606C11.7615 0.383606 0.770264 11.3748 0.770264 24.8836C0.770264 38.3924 11.7615 49.3836 25.2703 49.3836C38.779 49.3836 49.7703 38.3924 49.7703 24.8836C49.7703 11.3748 38.779 0.383606 25.2703 0.383606ZM38.9632 18.4362L23.3054 33.9713C22.3843 34.8924 20.9106 34.9538 19.9282 34.0327L11.6387 26.4801C10.6562 25.559 10.5948 24.024 11.4545 23.0415C12.3755 22.059 13.9106 21.9976 14.8931 22.9187L21.4632 28.9362L35.4632 14.9362C36.4457 13.9538 37.9808 13.9538 38.9632 14.9362C39.9457 15.9187 39.9457 17.4538 38.9632 18.4362Z' fill='%2387C00E' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='49' height='49' fill='white' transform='translate(0.770264 0.383606)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote.info:before, .text .info-box.info-box-info:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='info-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-info-circle fa-w-16 fa-3x'%3E%3Cpath fill='%2362B1F6' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote.warning:before, .text .info-box.info-box-warning:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='exclamation-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-exclamation-circle fa-w-16 fa-3x'%3E%3Cpath fill='%23f58128' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote.danger:before, .text .info-box.info-box-danger:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='exclamation-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-exclamation-circle fa-w-16 fa-3x'%3E%3Cpath fill='%23F44336' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' class=''%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.text blockquote ul, .text blockquote ol, .text .info-box ul, .text .info-box ol {
    margin: 10px 0 !important;
}

.text blockquote p, .text .info-box p {
    margin: 5px 0 !important;
}